5a98e6966e
As part of this, the empty placeholder span was removed from the text input macro and the span will now be conditionall rendered if there is an error message
52 lines
874 B
SCSS
52 lines
874 B
SCSS
/*
|
|
* Grid
|
|
* @see https://designsystem.digital.gov/components/grids/
|
|
* @source https://github.com/uswds/uswds/blob/develop/src/stylesheets/core/_grid.scss
|
|
*/
|
|
|
|
// Roll our own simple grid system
|
|
// USWDS grid system is fairly outdated and does not serve the needs of this project
|
|
// We are implementing a simple flexbox row/column system
|
|
|
|
@mixin grid-row {
|
|
display: flex;
|
|
flex-direction: row;
|
|
flex-wrap: nowrap;
|
|
}
|
|
|
|
@mixin grid-pad {
|
|
@include padding(null $site-margins-mobile);
|
|
|
|
@include media($medium-screen) {
|
|
@include padding(null $site-margins);
|
|
}
|
|
}
|
|
|
|
.row {
|
|
@include grid-row;
|
|
|
|
&.row--pad {
|
|
@include grid-pad;
|
|
}
|
|
|
|
&.row--max {
|
|
max-width: $site-max-width;
|
|
}
|
|
}
|
|
|
|
.col {
|
|
&.col--pad {
|
|
@include grid-pad;
|
|
}
|
|
|
|
&.col--grow {
|
|
flex: 1;
|
|
flex-grow: 1;
|
|
padding-right: $spacing-small;
|
|
}
|
|
|
|
&.col--half {
|
|
width: 50%;
|
|
}
|
|
}
|