src/applications/vaos/sass/vaos.scss
@import "~@fortawesome/fontawesome-free/scss/fontawesome";
@import "~@department-of-veterans-affairs/formation/sass/shared-variables";
@import "~@department-of-veterans-affairs/css-library/dist/stylesheets/modules/m-process-list";
@import "~@department-of-veterans-affairs/formation/sass/utilities/color";
@import "../../../platform/forms/sass/m-schemaform";
@import "../new-appointment/sass/styles";
@import "../appointment-list/sass/styles";
@import "../covid-19-vaccine/sass/styles";
@import "../appointment-list/sass/print";
.vaos-form__title,
.vaos-u-text-transform--uppercase {
text-transform: uppercase;
}
h1:focus {
outline: none !important;
}
.title-text-eyebrow {
display: block;
text-transform: uppercase;
}
.vaos-u-word-break--break-word {
word-break: break-word;
}
.backLinkContainer {
display: flex;
flex-direction: row;
}
.vaos__loading-overlay {
background-color: var(--vads-color-white);
opacity: 0.9;
content: " ";
display: block;
height: 100%;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 1000;
}
.vaos__loading-overlay-inner {
position: relative;
top: 30%;
left: 50%;
transform: translate(-50%);
width: 80%;
max-width: 500px;
cursor: auto;
@include media($medium-screen) {
top: 40%;
}
}
.vaos__form-button-back {
order: 2;
width: 100%;
@media (min-width: $xsmall-screen) {
order: 1;
width: auto;
}
}
.vaos__form-button-next {
order: 1;
width: 100%;
@media (min-width: $xsmall-screen) {
order: 2;
width: auto;
}
}
va-radio::part(header) {
font-size: 1.875rem;
font-weight: 700;
margin: .67em 0;
margin-top: 0;
margin-bottom: 0.5em;
line-height: 1.3;
}
va-radio::part(legend) {
margin-bottom: 16px;
}
#root_reasonAdditionalInfo-label {
margin-top: 16px;
}