18F/18f.gsa.gov

View on GitHub
_sass/_templates/guides.scss

Summary

Maintainability
Test Coverage
.page-guides {
  .graphic-list-item {
    @include grid-col(6);

    &:nth-child(2n) {
      margin-right: 0;
    }

    @include at-media('tablet') {
      @include grid-col(3);
      width: 30%;
    }
    img {
      max-width: 6rem;
    }
  }

  .graphic-row {
    &:first-of-type {
      @include at-media('tablet') {
        margin-bottom: 3rem;
        margin-top: 3rem;
      }
    }

    &:last-of-type {
      .graphic-list-link {
        @include at-media('tablet') {
          margin-bottom: 2rem;
        }
      }
    }
  }

  .graphic-list-link {
    @include u-margin-y(3);
    @include media-link;
    text-decoration: none;
    width: 100%;

    &:visited {
      color: $color-medium;

      &:hover {
        color: $color-medium-hover;
      }
    }
  img {
      max-width: 6rem;
    }
  }



  .link-arrow-right {
    margin-top: 1.5rem;
  }

  .link-lean {
    @include at-media('tablet') {
      width: 10rem;
    }
  }
}