src/applications/coronavirus-screener/sass/coronavirus-screener.scss
@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);
}
}