// Based on the GOV.UK ‘Contents list’ component
// https://components.publishing.service.gov.uk/component-guide/contents_list
.app-contents-list {
  @extend %govuk-list;
  @include govuk-responsive-margin(8, "bottom");

  ul {
    @extend %govuk-list;
    margin-top: 0;
  }

  ul ul {
    margin-bottom: 0;
  }

  li {
    @include govuk-font($size: 16, $weight: bold);
    @include govuk-text-colour;
    padding-top: govuk-spacing(2);

    @include govuk-media-query($from: tablet) {
      padding-top: govuk-spacing(6) / 4;
    }
  }

  li li {
    font-weight: normal;
    padding-left: govuk-spacing(5);
    position: relative;

    &:before {
      content: "—";
      left: 0;
      overflow: hidden;
      position: absolute;
      width: govuk-spacing(4);
    }

    // Focus styles on IE8 and older include the left margin, creating an odd
    // white box with yellow border around the em dash.
    // https://github.com/alphagov/government-frontend/pull/420#issuecomment-320632386
    @include govuk-if-ie8 {
      display: inline-block;
      vertical-align: top;
    }
  }

  a {
    @include govuk-link-common;
    @include govuk-link-style-default;
    @include govuk-link-style-no-underline;
  }
}

.app-contents-list__title {
  @include govuk-text-colour;
  @include govuk-font($size: 16, $weight: regular, $line-height: 1.5);
  margin: 0;
}