ministryofjustice/Claim-for-Crown-Court-Defence

View on GitHub
app/webpack/stylesheets/_accordion.scss

Summary

Maintainability
Test Coverage
#claim-accordion {
  div[aria-hidden="true"] {
    display: none;
  }

  .indent-sides {
    padding-right: $govuk-gutter + $gutter-one-third;
    padding-left: $govuk-gutter + $gutter-one-third;

    th,
    td {
      &:first-child {
        padding-left: $govuk-gutter + $gutter-one-third;
      }

      &:last-child {
        padding-right: $govuk-gutter + $gutter-one-third;
      }
    }
  }

  #claim-status {
    .container {
      margin-top: $gutter-two-thirds;
      border: 1px solid govuk-colour("black");
      line-height: 4;
      text-align: center;
    }

    .actions {
      float: right;
    }
  }

  .draft {
    position: relative;
    top: 1px;
    margin-right: $gutter-two-thirds;
    padding: 0 .5rem;
    border: $govuk-border-width-form-element solid transparent;
    color: $govuk-button-text-colour;
    background-color: govuk-colour("white");
    font-size: 1em;
    line-height: 1.8;
    text-decoration: none;
  }
}

.minimalist-accordion__panel[aria-hidden="true"] {
  display: none;
}

.minimalist-accordion__panel {
  margin: $gutter-one-third;

  h2 {
    display: none;
  }
}

.minimalist-accordion__header {
  display: block;
}

.minimalist-accordion__header[aria-expanded="true"]::before {
  content: "- ";
}

.minimalist-accordion__header[aria-expanded="false"]::before {
  content: "+ ";
}

.minimalist-accordion__header[aria-selected="true"]::after {
  content: " (selected)";
}

.minimalist-accordion__header[aria-selected="false"]::after {
  content: " (unselected)";
}