src/applications/simple-forms/40-0247/sass/0247-pmc.scss
@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";
// Custom-style 'ui:title's as h3s, without using <h3> tags.
// A11y best-practices say <label>s should not contain <h> tags.
@mixin label-as-h3 {
font-family: "Bitter", serif !important;
font-size: 1.25rem !important;
font-weight: bold !important;
}
.custom-label {
@include label-as-h3; // default custom-label style
// some custom-labels need to be h4
&.h4 {
font-size: 1.0625rem !important;
}
}
.custom-required,
.custom-description,
.custom-hint {
font-family: "Source Sans Pro", sans-serif !important;
font-size: 1rem !important;
font-weight: normal !important;
}
.custom-required {
// manually-injected required span.
color: var(--vads-color-secondary-dark) !important;
}
.custom-hint {
color: var(--vads-color-gray-medium) !important;
}
.hide-following-required-span + .schemaform-required-span {
// if manually injecting custom-required-span, hide forms-library's
// auto-injected [but misplaced] required span.
display: none !important;
}
.form-review-panel-page #root_veteranSupportingDocuments__title > h3 {
font-size: 1.0625rem !important;
margin-bottom: 0 !important;
}
.form-review-panel-page-header-row .supp-docs-description {
display: none;
}
#root_veteranSupportingDocuments_add_label {
margin-top: 0;
}
input[name="root_certificates"],
input[name="root_additionalCopies"] {
max-width: 4.375rem;
}
va-text-input[name="root_additionalCopies"]::part(label) {
margin-top: 0;
}
va-radio::part(header) {
color: var(--vads-color-base-darker);
font-size: 1.25rem;
}