50 lines
960 B
Sass
50 lines
960 B
Sass
|
@use '../../styles/settings'
|
||
|
|
@use './mixins' as *
|
||
|
|
|
||
|
|
.v-container
|
||
|
|
@include make-container
|
||
|
|
@include make-container-max-widths
|
||
|
|
|
||
|
|
&--fluid
|
||
|
|
max-width: 100%
|
||
|
|
|
||
|
|
&.fill-height
|
||
|
|
align-items: center
|
||
|
|
display: flex
|
||
|
|
flex-wrap: wrap
|
||
|
|
|
||
|
|
// Row
|
||
|
|
//
|
||
|
|
// Rows contain and clear the floats of your columns.
|
||
|
|
.v-row
|
||
|
|
+make-row
|
||
|
|
|
||
|
|
& + .v-row
|
||
|
|
margin-top: settings.$grid-gutter * .5
|
||
|
|
|
||
|
|
&--dense
|
||
|
|
margin-top: settings.$form-grid-gutter * .5
|
||
|
|
|
||
|
|
&--dense
|
||
|
|
margin: -(settings.$form-grid-gutter) * .5
|
||
|
|
|
||
|
|
> .v-col,
|
||
|
|
> [class*="v-col-"]
|
||
|
|
padding: settings.$form-grid-gutter * .5
|
||
|
|
|
||
|
|
// Remove the negative margin from default .v-row, then the horizontal padding
|
||
|
|
// from all immediate children columns (to prevent runaway style inheritance).
|
||
|
|
&.v-row--no-gutters
|
||
|
|
margin: 0
|
||
|
|
> .v-col,
|
||
|
|
> [class*="v-col-"]
|
||
|
|
padding: 0
|
||
|
|
|
||
|
|
.v-spacer
|
||
|
|
flex-grow: 1
|
||
|
|
|
||
|
|
// Columns
|
||
|
|
//
|
||
|
|
// Common styles for small and large grid columns
|
||
|
|
@include make-grid-columns
|