18F/18f.gsa.gov

View on GitHub
_sass/_templates/home.scss

Summary

Maintainability
Test Coverage
// What we deliver section
// ==========================

.section-deliver {
  a {
    display: inline-block;
    margin-top: 5rem;
    font-size: $h5-font-size;

    &:visited {
      color: $color-bright;

      &:hover {
        color: $color-bright-hover;
      }
    }
  }

  p {
    font-size: $h5-font-size;
  }
}

.section-deliver-icons {
  margin-top: 4.6rem;
}

.section-deliver-icon {
  float: left;
  margin-top: 3rem;
  padding-right: $theme-site-margins-width;
  width: 50%;

  &:nth-child(odd) {
    clear: left;
  }

  &:nth-child(even) {
    padding-right: 0;
  }


  @include at-media('tablet') {
    $icon-padding: 6%;
    padding-right: $icon-padding;
    width: 20%;

    &:last-child {
      padding-right: 0;
    }

    &:nth-child(odd) {
      clear: none;
    }

    &:nth-child(even) {
      padding-right: $icon-padding;
    }
  }

  p {
    font-weight: $theme-font-weight-bold;
    margin-top: 2rem;
  }
}

.section-deliver-icon-img {
  min-height: 6.8rem;
  text-align: center;
}

.section-deliver-icon-government {
  margin-top: -2px;
}

.section-deliver-icon-path {
  margin-top: 8px;
}

.section-deliver-cta {
  clear: both;
}

// Blog section
// boone did this, we should do it the right way some day
section.posts_feature h2 a {
  color: #1F2E4A;
  text-decoration: none;
}