src/applications/gi/sass/gi.scss
@import "~@department-of-veterans-affairs/formation/sass/shared-variables";
@import "~@department-of-veterans-affairs/css-library/dist/stylesheets/modules/m-modal";
@import "~@department-of-veterans-affairs/css-library/dist/stylesheets/modules/va-pagination";
@import "partials/gi-vet-tec";
@import "partials/gi-preview-banner";
@import "partials/gi-autocomplete";
@import "partials/gi-compare-drawer";
@import "partials/gi-compare-page";
@import "partials/gi-modal";
@import "partials/gi-search-page";
@import "partials/gi-profile-page";
@import "partials/gi-search-form";
@import "partials/gi-search-location";
@import "partials/gi-back-to-top";
@import "partials/gi-filter";
@import "partials/gi-search-controls";
.gi-app {
div.military-status-info {
font-size: 0.9em;
padding: 1em;
margin-top: 1em;
max-width: 460px;
&.warning {
background-color: var(--vads-color-gold-lightest);
}
&.info {
background: var(--vads-color-primary-alt-lightest);
}
va-icon {
padding-right: 0.4em;
vertical-align: sub;
}
}
.about-this-tool {
margin-top: 1em;
a {
// background-image: none;
text-align: center;
font-family: $font-sans;
font-size: 0.85rem;
line-height: 2.5rem;
margin-right: 1.5625rem;
margin-bottom: 0.75rem;
@include media-maxwidth($small-screen) {
font-size: 0.75rem;
text-align: left;
margin: 0;
line-height: 0.75rem;
}
a.link {
@include media-maxwidth($small-screen) {
margin-left: 0.625rem;
padding: 0.3125rem;
}
}
}
}
.disclaimer {
margin: 1em 0;
padding: 0;
border-top: 1px solid var(--vads-color-base-light);
z-index: 500;
color: var(--vads-color-base-darker);
background: var(--vads-color-white);
}
select.hide-arrows {
background-image: none;
}
.disabled {
pointer-events: none;
cursor: not-allowed;
select:disabled {
background-color: var(--vads-color-base-lightest);
}
}
.benefit-notification {
padding-top: 1em;
}
h1:focus,
h2:focus,
h3:focus,
nav {
margin-left: 0.3125rem;
}
@media (max-width: 481px) {
.about-this-tool-mobile {
padding-left: 20px;
}
}
.gibct-legend {
margin-top: 0.625rem;
display: block;
font-weight: inherit;
font-size: inherit;
color: inherit;
line-height: inherit;
max-width: 28.75rem;
padding-bottom: 0;
}
/*
* These styles override our overly broad accordion styles
*/
.learn-more-button {
background-image: none !important;
font-weight: inherit !important;
}
.gids-radio-buttons {
position: relative;
@include media($small-screen) {
display: flex;
}
padding-left: 0.3125rem;
}
.program-description {
margin-top: 0.625rem;
margin-bottom: 0.625rem;
label {
margin-left: 1.0625rem;
}
}
.gids-radio-buttons-input {
width: 40px;
}
.section-item {
padding-bottom: 0.188em;
padding-top: 0.188em;
.section-button {
border: 2px solid var(--vads-color-base-dark)-light !important;
margin: 0px;
}
.section-button-span {
padding-right: 1.25rem;
}
.section-content {
max-width: 25em;
}
.section-content-expanded-width {
max-width: 100%;
}
.section-content[aria-hidden="false"] {
margin-bottom: 0.625em;
}
}
.caution-flag-toggle {
display: block;
color: var(--vads-color-base-darker);
background-color: transparent;
padding: 0px;
margin: 0px;
}
}
.section-item,
.accordion-item {
margin-bottom: 5px;
list-style-type: none !important;
h2.accordion-button-wrapper {
margin: 0;
}
}
.school-classification {
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.school-header {
background-color: rgb(63, 87, 166);
}
.employer-header {
background-color: rgb(34, 130, 127);
}
.vettec-header {
background-color: rgb(162, 56, 55);
}
.preferred-provider-text {
font-size: 14px;
}
.asterisk-text {
font-size: 12px;
}
.capitalize-value {
text-transform: capitalize;
}
.small-screen-font {
@media (max-width: $small-screen) {
font-size: 15px;
}
}
.small-screen-header {
@media (max-width: $small-screen) {
font-size: 17px;
}
}
.card-bottom-cell {
display: flex;
justify-content: center;
align-items: center;
position: relative;
}
.gi-mission-filter-fieldset {
margin-top: -30px;
border: 0.5px;
}
.search-form-container {
position: relative;
}
.search-loader {
position: absolute;
inset: 0;
display: flex;
justify-content: center;
align-items: center;
background-color: rgba(255, 255, 255, 0.7);
z-index: 10000;
}
.input-container-width {
width: 100% !important;
}
.yr-table-header {
display: flex;
gap: 1rem;
align-items: center;
&:nth-of-type(2) {
width: inherit;
gap: 0;
@media (min-width: 900px) {
width: 15rem;
gap: 4rem;
}
}
}
.sort-icon {
&:hover {
cursor: pointer;
}
}