GSA/christopher

View on GitHub
_sass/_guides.scss

Summary

Maintainability
Test Coverage
/* Guides section styles */

.guides-filter {
  margin-top: 1em;

  input {
    width: auto; /* USWDS 'width: 100%' causes inputs to bleed into the table */
  }

  legend {
    font-size: 1em;
    margin-bottom: 0.5em;
  }
}

.guides-table-heading {
  text-align: left;
}

.guide-content h2 {
  margin-top: 0;
}

.guide-category {
  margin-top: 0;
  color: $color-gray;
  font-size: 1.2em;
}

.guide-image {
  display: block;
  height: auto;
  margin: auto;

  &.guide-image-half {
    width: 50%;
  }

  &.guide-image-three-fourths {
    width: 75%;
  }
}