18F/18f.gsa.gov

View on GitHub
_sass/_components/section-info.scss

Summary

Maintainability
Test Coverage
.section-info {
  background: color('gray-cool-5');
  font-size: initial;

  @include at-media('tablet') {
    background: none;
    padding-bottom: 0;

    > ul:first-of-type {
      border-top: $border-accent;
      border-color: $color-medium;
      padding-top: $paragraph-margins;
    }
  }

  blockquote {
    border-left: none;
    color: $color-medium;
    font-size: $h4-font-size;
    line-height: $banner-line-height;
    margin: 0;
    margin-bottom: 3rem;
    margin-top: 1rem;
    padding-left: 0;
  }

  p {
    margin: 0;
  }

  > ul {
    @include unstyled-list;

    background: color('gray-cool-5');

    @include at-media('tablet') {
      background: color('white');
    }

    ul:not(.usa-unstyled-list) {
      padding-left: $paragraph-margins;
      margin-top: $spacer-margins;

      li {
        line-height: $banner-line-height;
        list-style-type: disc;

        &:last-of-type {
          padding-bottom: 0;
        }
      }
    }

    &:last-child {
      margin-bottom: 0;
    }
  }

  a {
    overflow-wrap: break-word;
  }

  .section-info-list-item {
    padding-bottom: 3rem;
    padding-right: $theme-site-margins-width;

    @include at-media('tablet') {
      background-color: color('white');
      padding-left: 0;
      padding-right: 0;
    }

    &:last-of-type {
      padding-bottom: 0;
    }
  }
}

.section-info-header {
  font-weight: $theme-font-weight-bold;
}