department-of-veterans-affairs/vets-website

View on GitHub
src/applications/fry-dea/sass/fry-dea.scss

Summary

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

.process ul.vads-u-margin-bottom--0 {
  margin-bottom: 0 !important; // Override .process ul
}

// 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;
}

// Review Page
.fry-dea-review-page-only {
  display: none;
}
.form-review-panel-page .fry-dea-review-page-only {
  display: block;
}
.review-row .fry-dea-review-page_selected-sponsors {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.review .fry-dea-sponsors-labels_label--secondary {
  display: none;
}
.review-row .fry-dea-review-view-hidden {
    display: none;
}

// Benefit Selection Page
$border-width: 4px;
$error-left-padding-width: 0.9375rem;
#root_benefitSelection-label,
#root_benefitSelection-label + .schemaform-widget-wrapper {
  border-left: $border-width solid var(--vads-color-primary-alt-dark);
}
.usa-input-error #root_benefitSelection-label {
  border-color: var(--vads-color-secondary-dark);
  margin-left: calc(-#{$error-left-padding-width} - #{$border-width});
}
#root_benefitSelection-label {
    display: flex !important; // Override label styling
    flex-flow: row wrap;
}
.usa-input-error #root_benefitSelection-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_benefitSelection-label .schemaform-required-span {
  margin-left: 0;
}
#root_benefitSelection-label + .schemaform-widget-wrapper {
  padding-left: 13px;
}
#root_benefitSelection-label + .schemaform-widget-wrapper .form-radio-buttons label {
  margin-bottom: 0;
  margin-top: 0;
  padding-top: 1em;
}
#root_benefitSelection-label + .schemaform-widget-wrapper .form-radio-buttons:last-child label {
  padding-bottom: .65em;
}
// END - Benefit Selection Page

// Confirmation Page: Under Review
.custom-fry-hr {
  margin: 0.625rem 0;
  width: 62/16 + 0em;
}

// END - Confirmation Page: Under Review