ministryofjustice/Claim-for-Crown-Court-Defence

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

Summary

Maintainability
Test Coverage
.related-container {
  box-sizing: border-box;
  margin-top: $govuk-gutter + $gutter-one-third;
  padding: 0 $gutter-half;
}

.related {
  padding-top: $gutter-one-sixth;
  border-top: 10px solid govuk-colour("blue");
}

.related nav {
  margin-bottom: $gutter-two-thirds;
}

.related h2 {
  @include govuk-font(24);
  margin-top: $gutter-one-sixth;
  margin-bottom: $gutter-one-sixth;
  font-weight: 700;
}

.related ul {
  @include govuk-font(16);
  overflow: hidden;
  list-style: none;
}

.related li {
  display: list-item;
  margin-bottom: $gutter-one-third;
  padding-left: 0;
}

.related .related-topic {
  list-style: none outside none;
}

.related .related-topic a {
  display: inline;
  font-weight: 700;
}

.related li a {
  display: block;
  background-repeat: no-repeat;
  background-position: 0 -287px;
}

.related li a:hover {
  background-position: 0 10px;
}

.related li .view-all {
  margin: $gutter-one-third 0 $gutter-one-third;
}

.related .return-to-top {
  @include govuk-font(16);

  @include govuk-media-query($from: tablet) {
    position: absolute;
    left: -9999em;
  }
}

@include govuk-media-query($from: tablet) {
  .page-header div {
    margin-top: $govuk-gutter;
    margin-bottom: $govuk-gutter;
  }
}