department-of-veterans-affairs/vets-website

View on GitHub
src/applications/vaos/sass/vaos.scss

Summary

Maintainability
Test Coverage
@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;
}