<commit_before>// Helper classes for showing and hiding

// Set hidden states
.if-no-js-hide,
.js-enabled .if-js-hide,
.js-enabled .is-hidden {
  display: none;
}

// Show when JS is enabled
.js-enabled .if-no-js-hide {
  display: block;
}


// Open/Close all button
.subsection-controls {
  @extend %contain-floats;
}

.subsection-controls button {
  float: right;

  @include core-16;
  cursor: pointer;
  background: none;
  border: none;
  color: $link-colour;
  text-decoration: underline;

  padding-top: 0.5em;
  padding-bottom: 0.5em;
}

// Subsections
.subsection-wrapper {
  border-top: 1px solid $border-colour;
}

.subsection {
  width: 100%;
  position: relative;
  border-bottom: 1px solid $border-colour;
}

.subsection__button {
  display: block;
  width: 100%;
  text-align: left;
  border: 0;
  background: #FFF;
  padding: 1em 0;
  &:hover {
    cursor: pointer;
    background: $highlight-colour;
  }
}


.subsection__title {
  @include bold-19;
  color: $govuk-blue;
  padding-top: 1em;
}

button .subsection__title {
  padding-top: 0;
}


.subsection__description {
  display: block;
  @include core-16;
  color: $secondary-text-colour;
  margin-bottom: 0;
}


.subsection__icon {
  position: absolute;
  right: 15px;
  top: 15px;

  height: 16px;
  width: 16px;

  // https://css-tricks.com/a-complete-guide-to-svg-fallbacks/
  // PNG fallback for SVG
  background-image: url('/public/images/service-manual-disclosure/icons.png');
  // SVG sprite
  background: url("/public/images/service-manual-disclosure/icons.svg"), linear-gradient(transparent, transparent);
  background-repeat: no-repeat;

  display: none;

}

.is-open .subsection__icon {
  background-position: 0 0;
}

.is-closed .subsection__icon {
  background-position: 0 -16px;
}

.subsection__items {
  padding-bottom: 0.5em;
}

.subsection__items li {
  margin-bottom: 0.25em;
}

.subsection__items li a {
  text-decoration: none;
}<commit_msg>Add a parent class to match the demo name<commit_after>// Helper classes for showing and hiding

// Set hidden states
.if-no-js-hide,
.js-enabled .if-js-hide,
.js-enabled .is-hidden {
  display: none !important;
}

// Show when JS is enabled
.js-enabled .if-no-js-hide {
  display: block !important;
}

.service-manual-disclosure-01 {

  // Open/Close all button
  .subsection-controls {
    @extend %contain-floats;
  }

  .subsection-controls button {
    float: right;

    @include core-16;
    cursor: pointer;
    background: none;
    border: none;
    color: $link-colour;
    text-decoration: underline;

    padding-top: 0.5em;
    padding-bottom: 0.5em;
  }

  // Subsections
  .subsection-wrapper {
    border-top: 1px solid $border-colour;
  }

  .subsection {
    width: 100%;
    position: relative;
    border-bottom: 1px solid $border-colour;
  }

  .subsection__button {
    display: block;
    width: 100%;
    text-align: left;
    border: 0;
    background: #FFF;
    padding: 1em 0;
    &:hover {
      cursor: pointer;
      background: $highlight-colour;
    }
  }


  .subsection__title {
    @include bold-19;
    color: $govuk-blue;
    padding-top: 1em;
  }

  button .subsection__title {
    padding-top: 0;
  }


  .subsection__description {
    display: block;
    @include core-16;
    color: $secondary-text-colour;
    margin-bottom: 0;
  }


  .subsection__icon {
    position: absolute;
    right: 15px;
    top: 15px;

    height: 16px;
    width: 16px;

    // https://css-tricks.com/a-complete-guide-to-svg-fallbacks/
    // PNG fallback for SVG
    background-image: url('/public/images/service-manual-disclosure/icons.png');
    // SVG sprite
    background: url("/public/images/service-manual-disclosure/icons.svg"), linear-gradient(transparent, transparent);
    background-repeat: no-repeat;

    display: none;

  }

  .is-open .subsection__icon {
    background-position: 0 0;
  }

  .is-closed .subsection__icon {
    background-position: 0 -16px;
  }

  .subsection__items {
    padding-bottom: 0.5em;
  }

  .subsection__items li {
    margin-bottom: 0.25em;
  }

  .subsection__items li a {
    text-decoration: none;
  }

}

// This will sit in government frontend, hence reverting BEM syntax in Demo 2
.service-manual-disclosure-02 {

  // Make open and close buttons look like links
  .subsection-controls {
    @extend %contain-floats;
  }

  .subsection-controls button {
    float: right;

    @include core-16;
    cursor: pointer;
    background: none;
    border: none;
    color: $link-colour;
    text-decoration: underline;

    padding-top: 0.5em;
    padding-bottom: 0.5em;
  }

  // Subsections

  .subsection-wrapper {
    border-top: 1px solid $border-colour;
  }

  .subsection {
    width: 100%;
    position: relative;
    border-bottom: 1px solid $border-colour;
  }

  .subsection-button {
    display: block;
    width: 100%;
    text-align: left;
    border: 0;
    background: #FFF;
    padding: 1em 0;
    &:hover {
      cursor: pointer;
      background: $highlight-colour;
    }
  }


  .subsection-title {
    @include bold-19;
    color: $govuk-blue;
    padding-top: 1em;
  }
  .subsection-title:hover {
    cursor: pointer;
  }
  .subsection-title:focus {
    outline: 3px solid $focus-colour;
  }

  .subsection-description {
    display: block;
    @include core-16;
    color: $secondary-text-colour;
  }


  .subsection-icon {
    position: absolute;
    right: 15px;
    top: 15px;

    height: 16px;
    width: 16px;

    // https://css-tricks.com/a-complete-guide-to-svg-fallbacks/
    // PNG fallback for SVG (does this work in IE7?)
    background-image: url('/public/images/service-manual-disclosure/icons.png');
    // SVG sprite
    background: url("/public/images/service-manual-disclosure/icons.svg"), linear-gradient(transparent, transparent);
    background-repeat: no-repeat;

    display: none;

  }

  .js-enabled .subsection-icon {
    display: block;
  }

  .is-open .subsection-icon {
    background-position: 0 0;
  }

  .is-closed .subsection-icon {
    background-position: 0 -16px;
  }

  .subsection-items {
    padding-bottom: 0.5em;
  }

  .subsection-items li {
    margin-bottom: 0.25em;
  }

  .subsection-items li a {
    text-decoration: none;
  }
}
{'fraction_non_alphanumeric': 0.1324834597385832, 'fraction_numerical': 0.021139260932709375, 'mean_word_length': 2.7025089605734767, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 3, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '5625364', 'n_tokens_mistral': 2326, 'n_tokens_neox': 2159, 'n_words': 483}