department-of-veterans-affairs/vets-website

View on GitHub
src/applications/survivor-dependent-education-benefit/22-5490/sass/survivor-dependent-education-benefit-22-5490.scss

Summary

Maintainability
Test Coverage
@import "~@department-of-veterans-affairs/formation/sass/shared-variables";
@import "~@department-of-veterans-affairs/formation/sass/modules/m-process-list";
@import "~@department-of-veterans-affairs/formation/sass/modules/m-form-process";
@import "../../../../platform/forms/sass/m-schemaform";
@import "~@department-of-veterans-affairs/formation/sass/modules/m-modal";
@import "~@department-of-veterans-affairs/formation/sass/modules/m-omb-info";
@import "../../../../platform/forms/sass/m-form-confirmation";


// Form content
.fry-dea-veterans {
    list-style-type: none;
  }

  .fry-dea-form-featured-content {
      background-color: var(--vads-color-base-lightest);
      padding: 24px;
  }

  .fry-dea-definition-list {
      margin: 0;
  }
  .fry-dea-definition-list:after {
      clear: both;
      content: "";
      display: table;
  }
  .fry-dea-definition-list_term,
  .fry-dea-definition-list_definition {
      float: left;
  }
  .fry-dea-definition-list_term {
      clear: left;
      font-weight: bold;
      margin-top: 0;
  }
  legend.legend-label.fry-dea-veterans-checkboxes_legend + .form-radio-buttons {
    margin-top: 0;
  }
  .fry-dea-content-break {
    display: block;
    border: 0;
    border-top: 1px solid var(--vads-color-base-dark);
  }
  .fry-dea-benefits-list {
    list-style-type: none;
  }
  .fry-dea-benefit-selection-icon {
    min-width: 28px;
  }

// Benefit Selection Page
$border-width: 4px;
$error-left-padding-width: 1.5rem;
#root_benefitToChoose-label,
#root_benefitToChoose-label + .schemaform-widget-wrapper {
  border-left: $border-width solid var(--vads-color-primary-alt-dark);
}
.usa-input-error #root_benefitToChoose-label {
  border-color: var(--vads-color-secondary-dark);
  margin-left: calc(-#{$error-left-padding-width} - #{$border-width});
}
#root_benefitToChoose-label {
    display: flex !important; // Override label styling
    flex-flow: row wrap;
}
.usa-input-error #root_benefitToChoose-label {
  padding-left: $error-left-padding-width;
}
.fry-dea-labels_label--main {
    flex: 0 1 auto;
  margin-right: 0.35em;
    order: 0;
}
.usa-input-error .fry-dea-labels_label--main,
.usa-input-error .schemaform-required-span {
  font-weight: bold;
}
.usa-input-error .fry-dea-labels_label--main,
.review-row .fry-dea-labels_label--main {
  padding-left: 0 !important; // Override VADS spacing units
}
.usa-input-error .fry-dea-input-message {
  margin-left: -$error-left-padding-width;
  padding-left: $error-left-padding-width !important; // Override VADS spacing units
}
.fry-dea-labels_label--secondary {
    flex: 1 1 100%;
    order: 2;
}
#root_benefitToChoose-label .schemaform-required-span {
  margin-left: 0;
}
#root_benefitToChoose-label + .schemaform-widget-wrapper {
  padding-left: 13px;
}
#root_benefitToChoose-label + .schemaform-widget-wrapper .form-radio-buttons label {
  margin-bottom: 0;
  margin-top: 0;
  padding-top: 1em;
}
#root_benefitToChoose-label + .schemaform-widget-wrapper .form-radio-buttons:last-child label {
  padding-bottom: .65em;
}
.fa-check-circle {
  color: var(--vads-color-success-dark);
}
// END - Benefit Selection Page

.personal-info-border {
  border-color: rgb(240, 240, 240);
  border-width: 2px;
  border-style: solid;
}

.personal-info-header {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.personal-info-text {
  vertical-align: middle;
  padding-left: 2rem;
}