move styles and js to the root directory
This commit is contained in:
45
styles/core/_grid.scss
Normal file
45
styles/core/_grid.scss
Normal file
@@ -0,0 +1,45 @@
|
||||
/*
|
||||
* 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-grow: 1;
|
||||
}
|
||||
}
|
Reference in New Issue
Block a user