department-of-veterans-affairs/vets-website

View on GitHub
src/applications/coronavirus-screener/sass/coronavirus-screener.scss

Summary

Maintainability
Test Coverage
@import "~@department-of-veterans-affairs/formation/sass/shared-variables";

.covid-screener {
  ​ *:not(.fas) {
    font-family: Source Sans Pro, Helvetica Neue, Helvetica, Roboto, Arial,
      sans-serif;
    h1 {
      margin-top: 10px;
    }
  }
  .covid-screener-date {
    margin: 2em 0 2em 0;
    line-height: normal;
    .covid-screener-200 {
      font-size: 200%;
    }
    .covid-screener-300 {
      font-size: 300%;
    }
    .covid-screener-400 {
      font-size: 400%;
    }
    .covid-screener-500 {
      font-size: 500%;
    }
  }
  .notbold {
    font-size: 0.8em;
    font-weight: normal;
  }
  .covid-screener-results {
    h3 {
      font-size: 300%;
    }
    background-color: var(--vads-color-primary-alt-lightest);
    p {
      font-weight: bold !important;
    }
    text-align: center;
    color: var(--vads-color-primary-darker);
  }
  .covid-screener-results-pass {
    i {
      font-size: 10em;
    }
    background-color: var(--vads-color-primary-darker);
    color: var(--vads-color-white);
  }
}