28
app/styles/components/float-grid.scss
Executable file
28
app/styles/components/float-grid.scss
Executable file
@@ -0,0 +1,28 @@
|
||||
@import './../variables.scss';
|
||||
@import '~bootstrap/scss/mixins/breakpoints';
|
||||
|
||||
.float-grid-parent {
|
||||
margin: 0 auto;
|
||||
padding-left: $grid-gutter-width / 2;
|
||||
padding-right: $grid-gutter-width / 2;
|
||||
|
||||
&.float-grid-parent__static {
|
||||
@media (min-width: breakpoint-min('sm', $grid-breakpoints)) {
|
||||
width: map-get($container-max-widths, 'sm');
|
||||
}
|
||||
@media (min-width: breakpoint-min('md', $grid-breakpoints)) {
|
||||
width: map-get($container-max-widths, 'md');
|
||||
}
|
||||
@media (min-width: breakpoint-min('lg', $grid-breakpoints)) {
|
||||
width: map-get($container-max-widths, 'lg');
|
||||
}
|
||||
@media (min-width: breakpoint-min('xl', $grid-breakpoints)) {
|
||||
width: map-get($container-max-widths, 'xl');
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.float-col {
|
||||
padding-left: $grid-gutter-width / 2;
|
||||
padding-right: $grid-gutter-width / 2;
|
||||
}
|
Reference in New Issue
Block a user