department-of-veterans-affairs/vets-website

View on GitHub
src/applications/edu-benefits/sass/edu-benefits.scss

Summary

Maintainability
Test Coverage
@import "~@department-of-veterans-affairs/css-library/dist/stylesheets/functions";
@import "~@department-of-veterans-affairs/css-library/dist/stylesheets/mixins";
@import "~@department-of-veterans-affairs/css-library/dist/stylesheets/modules/m-process-list";
@import "~@department-of-veterans-affairs/css-library/dist/stylesheets/modules/m-form-process";
@import "../../../platform/forms/sass/m-schemaform";
@import "~@department-of-veterans-affairs/css-library/dist/stylesheets/modules/m-modal";
@import "~@department-of-veterans-affairs/css-library/dist/stylesheets/modules/m-omb-info";
@import "../../../platform/forms/sass/m-form-confirmation";

.form-checkbox > input[type="checkbox"] + .schemaform-label {
  // TODO: add > to .schemaform-first-field .schemaform-label, .schemaform-first-field > .usa-input-error in us-forms-system
  margin-top: 0;
}

// Privacy agreement?
.form-required-span {
  font-size: 1em;
  line-height: 0;
  position: relative;
}

.edu-benefits-alert {
  margin-bottom: 23px;
}

.edu-warning-single-line {
  margin-top: 0;
}

.edu-benefits-dependents-desc {
  margin-top: 5px;
}

.edu-dd-warning {
  margin-top: 1.875rem;
}

.row .edu-intro-spacing {
  margin-bottom: 4.375rem;
}

.search-results-count:focus,
.schemaform-widget-wrapper textarea:focus {
  @include focus-gold-light-outline(0);
  outline-offset: 2px;
  z-index: 3;
}

.blue-bar-block {
  border-left: 7px solid var(--vads-color-primary);
  padding-left: 1em;

  p {
    margin: 0.5em 0;
  }
}

.search-select-school-fieldset {
  .no-results-box {
    background-color: var(--vads-color-base-lightest);
    margin: 25px 0 0 0;
    padding: 20px;
    p {
      margin: 0;
    }
  }

  .school-search, .school-search-label, .school-select-field-radio {
    margin-top: 0;
  }

  .search-controls {
    display: flex;
    flex-direction: column;
    .clear-search {
      display: flex;
    }
    .search-input {
      align-items: center;
      width: "100%";
      display: flex;
    }
    .search-schools-button {
      margin-left: 15px;
      max-width: 160px;
      width: 100%;
    }
    .start-over {
      font-weight: normal;
    }
  }

  .search-results-count {
    margin-top: units(1);
  }
}

.stem-eligibility-ul {
  // This needed for on the Review Page of the form
  list-style-type: none !important;
}

.wizard-button::after {
  background-image: url(/img/arrow-down-white.svg);
  background-position: right bottom;
  background-repeat: no-repeat;
  background-size: 0.6em auto;
  content: "";
  display: inline-block;
  height: 1em;
  margin-left: 0.5em;
  margin-right: -0.3em;
  text-indent: -9999em;
  width: 1em;
}

.wizard-button[aria-expanded=true]:after {
  background-image: url(/img/arrow-up-white.svg);
}
.vettec-1990-button{
  width: 16em;
}

@media print {
  .usa-width-two-thirds {
    width: 100%;
  }

  .schemaform-title,
  .schemaform-subtitle {
    display: none;
  }
  .pagebreak { page-break-before: always; }
}

div[data-chapter="benefitSelection"]{
  .form-review-panel-page {
    margin-bottom: 0px;
  }
}
.tool-app-wrapper{
  .schemaform-field-template {
    display: flex;
    flex-direction: column;
  .max-char{
    order: 3;
    margin: 0;
  }
  label: {
    order: 1;
  }
  .schemaform-widget-wrapper{
    order: 2;
  }
  }
}
.fieldset-wrapper .schemaform-field-template{
  margin-top: 0;
}