906 lines
27 KiB
CSS
906 lines
27 KiB
CSS
@layer vuetify-components {
|
|
.v-row {
|
|
--v-row-columns: 12;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
flex: 1 1 auto;
|
|
gap: var(--v-col-gap-y) var(--v-col-gap-x);
|
|
}
|
|
.v-row + .v-row {
|
|
margin-top: var(--v-col-gap-y);
|
|
}
|
|
.v-row--density-default {
|
|
--v-col-gap-x: 24px;
|
|
--v-col-gap-y: 24px;
|
|
}
|
|
.v-row--density-comfortable {
|
|
--v-col-gap-x: 16px;
|
|
--v-col-gap-y: 16px;
|
|
}
|
|
.v-row--density-compact {
|
|
--v-col-gap-x: 8px;
|
|
--v-col-gap-y: 8px;
|
|
}
|
|
.v-row--no-gutters {
|
|
--v-col-gap-x: 0px;
|
|
--v-col-gap-y: 0px;
|
|
}
|
|
.v-col {
|
|
flex-grow: var(--v-col-is-size, 0) var(--v-col-is-auto, 0) var(--v-col-is-grow, 1);
|
|
flex-shrink: 0;
|
|
flex-basis: var(--v-col-is-size, calc(var(--v-col-size) * (100% + var(--v-col-gap-x)) / var(--v-col-size-columns) - var(--v-col-gap-x))) var(--v-col-is-auto, auto) var(--v-col-is-grow, 0);
|
|
max-width: 100%;
|
|
min-width: var(--v-col-is-size, 0) var(--v-col-is-auto, auto) var(--v-col-is-grow, auto);
|
|
--v-col-is-size: ;
|
|
--v-col-is-auto: ;
|
|
--v-col-is-grow: initial;
|
|
--v-col-size-base: initial;
|
|
--v-col-size-base-sm: initial;
|
|
--v-col-size-base-md: initial;
|
|
--v-col-size-base-lg: initial;
|
|
--v-col-size-base-xl: initial;
|
|
--v-col-size-base-xxl: initial;
|
|
--v-col-offset-base: initial;
|
|
--v-col-offset-base-sm: initial;
|
|
--v-col-offset-base-md: initial;
|
|
--v-col-offset-base-lg: initial;
|
|
--v-col-offset-base-xl: initial;
|
|
--v-col-offset-base-xxl: initial;
|
|
}
|
|
.v-col:where([class*=v-col--offset-]) {
|
|
margin-inline-start: calc(var(--v-col-offset) * (100% + var(--v-col-gap-x)) / var(--v-col-offset-columns));
|
|
}
|
|
.v-col--cols-auto {
|
|
--v-col-is-size: ;
|
|
--v-col-is-auto: initial;
|
|
--v-col-is-grow: ;
|
|
}
|
|
.v-col--cols-1 {
|
|
--v-col-size: 1;
|
|
--v-col-is-size: initial;
|
|
--v-col-is-auto: ;
|
|
--v-col-is-grow: ;
|
|
--v-col-size-columns: var(--v-col-size-base, var(--v-row-columns));
|
|
}
|
|
.v-col--cols-2 {
|
|
--v-col-size: 2;
|
|
--v-col-is-size: initial;
|
|
--v-col-is-auto: ;
|
|
--v-col-is-grow: ;
|
|
--v-col-size-columns: var(--v-col-size-base, var(--v-row-columns));
|
|
}
|
|
.v-col--cols-3 {
|
|
--v-col-size: 3;
|
|
--v-col-is-size: initial;
|
|
--v-col-is-auto: ;
|
|
--v-col-is-grow: ;
|
|
--v-col-size-columns: var(--v-col-size-base, var(--v-row-columns));
|
|
}
|
|
.v-col--cols-4 {
|
|
--v-col-size: 4;
|
|
--v-col-is-size: initial;
|
|
--v-col-is-auto: ;
|
|
--v-col-is-grow: ;
|
|
--v-col-size-columns: var(--v-col-size-base, var(--v-row-columns));
|
|
}
|
|
.v-col--cols-5 {
|
|
--v-col-size: 5;
|
|
--v-col-is-size: initial;
|
|
--v-col-is-auto: ;
|
|
--v-col-is-grow: ;
|
|
--v-col-size-columns: var(--v-col-size-base, var(--v-row-columns));
|
|
}
|
|
.v-col--cols-6 {
|
|
--v-col-size: 6;
|
|
--v-col-is-size: initial;
|
|
--v-col-is-auto: ;
|
|
--v-col-is-grow: ;
|
|
--v-col-size-columns: var(--v-col-size-base, var(--v-row-columns));
|
|
}
|
|
.v-col--cols-7 {
|
|
--v-col-size: 7;
|
|
--v-col-is-size: initial;
|
|
--v-col-is-auto: ;
|
|
--v-col-is-grow: ;
|
|
--v-col-size-columns: var(--v-col-size-base, var(--v-row-columns));
|
|
}
|
|
.v-col--cols-8 {
|
|
--v-col-size: 8;
|
|
--v-col-is-size: initial;
|
|
--v-col-is-auto: ;
|
|
--v-col-is-grow: ;
|
|
--v-col-size-columns: var(--v-col-size-base, var(--v-row-columns));
|
|
}
|
|
.v-col--cols-9 {
|
|
--v-col-size: 9;
|
|
--v-col-is-size: initial;
|
|
--v-col-is-auto: ;
|
|
--v-col-is-grow: ;
|
|
--v-col-size-columns: var(--v-col-size-base, var(--v-row-columns));
|
|
}
|
|
.v-col--cols-10 {
|
|
--v-col-size: 10;
|
|
--v-col-is-size: initial;
|
|
--v-col-is-auto: ;
|
|
--v-col-is-grow: ;
|
|
--v-col-size-columns: var(--v-col-size-base, var(--v-row-columns));
|
|
}
|
|
.v-col--cols-11 {
|
|
--v-col-size: 11;
|
|
--v-col-is-size: initial;
|
|
--v-col-is-auto: ;
|
|
--v-col-is-grow: ;
|
|
--v-col-size-columns: var(--v-col-size-base, var(--v-row-columns));
|
|
}
|
|
.v-col--cols-12 {
|
|
--v-col-size: 12;
|
|
--v-col-is-size: initial;
|
|
--v-col-is-auto: ;
|
|
--v-col-is-grow: ;
|
|
--v-col-size-columns: var(--v-col-size-base, var(--v-row-columns));
|
|
}
|
|
.v-col--offset-1 {
|
|
--v-col-offset: 1;
|
|
--v-col-offset-columns: var(--v-col-offset-base, var(--v-row-columns));
|
|
}
|
|
.v-col--offset-2 {
|
|
--v-col-offset: 2;
|
|
--v-col-offset-columns: var(--v-col-offset-base, var(--v-row-columns));
|
|
}
|
|
.v-col--offset-3 {
|
|
--v-col-offset: 3;
|
|
--v-col-offset-columns: var(--v-col-offset-base, var(--v-row-columns));
|
|
}
|
|
.v-col--offset-4 {
|
|
--v-col-offset: 4;
|
|
--v-col-offset-columns: var(--v-col-offset-base, var(--v-row-columns));
|
|
}
|
|
.v-col--offset-5 {
|
|
--v-col-offset: 5;
|
|
--v-col-offset-columns: var(--v-col-offset-base, var(--v-row-columns));
|
|
}
|
|
.v-col--offset-6 {
|
|
--v-col-offset: 6;
|
|
--v-col-offset-columns: var(--v-col-offset-base, var(--v-row-columns));
|
|
}
|
|
.v-col--offset-7 {
|
|
--v-col-offset: 7;
|
|
--v-col-offset-columns: var(--v-col-offset-base, var(--v-row-columns));
|
|
}
|
|
.v-col--offset-8 {
|
|
--v-col-offset: 8;
|
|
--v-col-offset-columns: var(--v-col-offset-base, var(--v-row-columns));
|
|
}
|
|
.v-col--offset-9 {
|
|
--v-col-offset: 9;
|
|
--v-col-offset-columns: var(--v-col-offset-base, var(--v-row-columns));
|
|
}
|
|
.v-col--offset-10 {
|
|
--v-col-offset: 10;
|
|
--v-col-offset-columns: var(--v-col-offset-base, var(--v-row-columns));
|
|
}
|
|
.v-col--offset-11 {
|
|
--v-col-offset: 11;
|
|
--v-col-offset-columns: var(--v-col-offset-base, var(--v-row-columns));
|
|
}
|
|
@media (min-width: 600px) {
|
|
.v-col--sm {
|
|
--v-col-is-size: ;
|
|
--v-col-is-auto: ;
|
|
--v-col-is-grow: initial;
|
|
}
|
|
.v-col--cols-sm-auto {
|
|
--v-col-is-size: ;
|
|
--v-col-is-auto: initial;
|
|
--v-col-is-grow: ;
|
|
}
|
|
.v-col--cols-sm-1 {
|
|
--v-col-size: 1;
|
|
--v-col-is-size: initial;
|
|
--v-col-is-auto: ;
|
|
--v-col-is-grow: ;
|
|
--v-col-size-columns: var(--v-col-size-base-sm, var(--v-row-columns));
|
|
}
|
|
.v-col--cols-sm-2 {
|
|
--v-col-size: 2;
|
|
--v-col-is-size: initial;
|
|
--v-col-is-auto: ;
|
|
--v-col-is-grow: ;
|
|
--v-col-size-columns: var(--v-col-size-base-sm, var(--v-row-columns));
|
|
}
|
|
.v-col--cols-sm-3 {
|
|
--v-col-size: 3;
|
|
--v-col-is-size: initial;
|
|
--v-col-is-auto: ;
|
|
--v-col-is-grow: ;
|
|
--v-col-size-columns: var(--v-col-size-base-sm, var(--v-row-columns));
|
|
}
|
|
.v-col--cols-sm-4 {
|
|
--v-col-size: 4;
|
|
--v-col-is-size: initial;
|
|
--v-col-is-auto: ;
|
|
--v-col-is-grow: ;
|
|
--v-col-size-columns: var(--v-col-size-base-sm, var(--v-row-columns));
|
|
}
|
|
.v-col--cols-sm-5 {
|
|
--v-col-size: 5;
|
|
--v-col-is-size: initial;
|
|
--v-col-is-auto: ;
|
|
--v-col-is-grow: ;
|
|
--v-col-size-columns: var(--v-col-size-base-sm, var(--v-row-columns));
|
|
}
|
|
.v-col--cols-sm-6 {
|
|
--v-col-size: 6;
|
|
--v-col-is-size: initial;
|
|
--v-col-is-auto: ;
|
|
--v-col-is-grow: ;
|
|
--v-col-size-columns: var(--v-col-size-base-sm, var(--v-row-columns));
|
|
}
|
|
.v-col--cols-sm-7 {
|
|
--v-col-size: 7;
|
|
--v-col-is-size: initial;
|
|
--v-col-is-auto: ;
|
|
--v-col-is-grow: ;
|
|
--v-col-size-columns: var(--v-col-size-base-sm, var(--v-row-columns));
|
|
}
|
|
.v-col--cols-sm-8 {
|
|
--v-col-size: 8;
|
|
--v-col-is-size: initial;
|
|
--v-col-is-auto: ;
|
|
--v-col-is-grow: ;
|
|
--v-col-size-columns: var(--v-col-size-base-sm, var(--v-row-columns));
|
|
}
|
|
.v-col--cols-sm-9 {
|
|
--v-col-size: 9;
|
|
--v-col-is-size: initial;
|
|
--v-col-is-auto: ;
|
|
--v-col-is-grow: ;
|
|
--v-col-size-columns: var(--v-col-size-base-sm, var(--v-row-columns));
|
|
}
|
|
.v-col--cols-sm-10 {
|
|
--v-col-size: 10;
|
|
--v-col-is-size: initial;
|
|
--v-col-is-auto: ;
|
|
--v-col-is-grow: ;
|
|
--v-col-size-columns: var(--v-col-size-base-sm, var(--v-row-columns));
|
|
}
|
|
.v-col--cols-sm-11 {
|
|
--v-col-size: 11;
|
|
--v-col-is-size: initial;
|
|
--v-col-is-auto: ;
|
|
--v-col-is-grow: ;
|
|
--v-col-size-columns: var(--v-col-size-base-sm, var(--v-row-columns));
|
|
}
|
|
.v-col--cols-sm-12 {
|
|
--v-col-size: 12;
|
|
--v-col-is-size: initial;
|
|
--v-col-is-auto: ;
|
|
--v-col-is-grow: ;
|
|
--v-col-size-columns: var(--v-col-size-base-sm, var(--v-row-columns));
|
|
}
|
|
.v-col--offset-sm-0 {
|
|
--v-col-offset: 0;
|
|
--v-col-offset-columns: var(--v-col-offset-base-sm, var(--v-row-columns));
|
|
}
|
|
.v-col--offset-sm-1 {
|
|
--v-col-offset: 1;
|
|
--v-col-offset-columns: var(--v-col-offset-base-sm, var(--v-row-columns));
|
|
}
|
|
.v-col--offset-sm-2 {
|
|
--v-col-offset: 2;
|
|
--v-col-offset-columns: var(--v-col-offset-base-sm, var(--v-row-columns));
|
|
}
|
|
.v-col--offset-sm-3 {
|
|
--v-col-offset: 3;
|
|
--v-col-offset-columns: var(--v-col-offset-base-sm, var(--v-row-columns));
|
|
}
|
|
.v-col--offset-sm-4 {
|
|
--v-col-offset: 4;
|
|
--v-col-offset-columns: var(--v-col-offset-base-sm, var(--v-row-columns));
|
|
}
|
|
.v-col--offset-sm-5 {
|
|
--v-col-offset: 5;
|
|
--v-col-offset-columns: var(--v-col-offset-base-sm, var(--v-row-columns));
|
|
}
|
|
.v-col--offset-sm-6 {
|
|
--v-col-offset: 6;
|
|
--v-col-offset-columns: var(--v-col-offset-base-sm, var(--v-row-columns));
|
|
}
|
|
.v-col--offset-sm-7 {
|
|
--v-col-offset: 7;
|
|
--v-col-offset-columns: var(--v-col-offset-base-sm, var(--v-row-columns));
|
|
}
|
|
.v-col--offset-sm-8 {
|
|
--v-col-offset: 8;
|
|
--v-col-offset-columns: var(--v-col-offset-base-sm, var(--v-row-columns));
|
|
}
|
|
.v-col--offset-sm-9 {
|
|
--v-col-offset: 9;
|
|
--v-col-offset-columns: var(--v-col-offset-base-sm, var(--v-row-columns));
|
|
}
|
|
.v-col--offset-sm-10 {
|
|
--v-col-offset: 10;
|
|
--v-col-offset-columns: var(--v-col-offset-base-sm, var(--v-row-columns));
|
|
}
|
|
.v-col--offset-sm-11 {
|
|
--v-col-offset: 11;
|
|
--v-col-offset-columns: var(--v-col-offset-base-sm, var(--v-row-columns));
|
|
}
|
|
}
|
|
@media (min-width: 840px) {
|
|
.v-col--md {
|
|
--v-col-is-size: ;
|
|
--v-col-is-auto: ;
|
|
--v-col-is-grow: initial;
|
|
}
|
|
.v-col--cols-md-auto {
|
|
--v-col-is-size: ;
|
|
--v-col-is-auto: initial;
|
|
--v-col-is-grow: ;
|
|
}
|
|
.v-col--cols-md-1 {
|
|
--v-col-size: 1;
|
|
--v-col-is-size: initial;
|
|
--v-col-is-auto: ;
|
|
--v-col-is-grow: ;
|
|
--v-col-size-columns: var(--v-col-size-base-md, var(--v-row-columns));
|
|
}
|
|
.v-col--cols-md-2 {
|
|
--v-col-size: 2;
|
|
--v-col-is-size: initial;
|
|
--v-col-is-auto: ;
|
|
--v-col-is-grow: ;
|
|
--v-col-size-columns: var(--v-col-size-base-md, var(--v-row-columns));
|
|
}
|
|
.v-col--cols-md-3 {
|
|
--v-col-size: 3;
|
|
--v-col-is-size: initial;
|
|
--v-col-is-auto: ;
|
|
--v-col-is-grow: ;
|
|
--v-col-size-columns: var(--v-col-size-base-md, var(--v-row-columns));
|
|
}
|
|
.v-col--cols-md-4 {
|
|
--v-col-size: 4;
|
|
--v-col-is-size: initial;
|
|
--v-col-is-auto: ;
|
|
--v-col-is-grow: ;
|
|
--v-col-size-columns: var(--v-col-size-base-md, var(--v-row-columns));
|
|
}
|
|
.v-col--cols-md-5 {
|
|
--v-col-size: 5;
|
|
--v-col-is-size: initial;
|
|
--v-col-is-auto: ;
|
|
--v-col-is-grow: ;
|
|
--v-col-size-columns: var(--v-col-size-base-md, var(--v-row-columns));
|
|
}
|
|
.v-col--cols-md-6 {
|
|
--v-col-size: 6;
|
|
--v-col-is-size: initial;
|
|
--v-col-is-auto: ;
|
|
--v-col-is-grow: ;
|
|
--v-col-size-columns: var(--v-col-size-base-md, var(--v-row-columns));
|
|
}
|
|
.v-col--cols-md-7 {
|
|
--v-col-size: 7;
|
|
--v-col-is-size: initial;
|
|
--v-col-is-auto: ;
|
|
--v-col-is-grow: ;
|
|
--v-col-size-columns: var(--v-col-size-base-md, var(--v-row-columns));
|
|
}
|
|
.v-col--cols-md-8 {
|
|
--v-col-size: 8;
|
|
--v-col-is-size: initial;
|
|
--v-col-is-auto: ;
|
|
--v-col-is-grow: ;
|
|
--v-col-size-columns: var(--v-col-size-base-md, var(--v-row-columns));
|
|
}
|
|
.v-col--cols-md-9 {
|
|
--v-col-size: 9;
|
|
--v-col-is-size: initial;
|
|
--v-col-is-auto: ;
|
|
--v-col-is-grow: ;
|
|
--v-col-size-columns: var(--v-col-size-base-md, var(--v-row-columns));
|
|
}
|
|
.v-col--cols-md-10 {
|
|
--v-col-size: 10;
|
|
--v-col-is-size: initial;
|
|
--v-col-is-auto: ;
|
|
--v-col-is-grow: ;
|
|
--v-col-size-columns: var(--v-col-size-base-md, var(--v-row-columns));
|
|
}
|
|
.v-col--cols-md-11 {
|
|
--v-col-size: 11;
|
|
--v-col-is-size: initial;
|
|
--v-col-is-auto: ;
|
|
--v-col-is-grow: ;
|
|
--v-col-size-columns: var(--v-col-size-base-md, var(--v-row-columns));
|
|
}
|
|
.v-col--cols-md-12 {
|
|
--v-col-size: 12;
|
|
--v-col-is-size: initial;
|
|
--v-col-is-auto: ;
|
|
--v-col-is-grow: ;
|
|
--v-col-size-columns: var(--v-col-size-base-md, var(--v-row-columns));
|
|
}
|
|
.v-col--offset-md-0 {
|
|
--v-col-offset: 0;
|
|
--v-col-offset-columns: var(--v-col-offset-base-md, var(--v-row-columns));
|
|
}
|
|
.v-col--offset-md-1 {
|
|
--v-col-offset: 1;
|
|
--v-col-offset-columns: var(--v-col-offset-base-md, var(--v-row-columns));
|
|
}
|
|
.v-col--offset-md-2 {
|
|
--v-col-offset: 2;
|
|
--v-col-offset-columns: var(--v-col-offset-base-md, var(--v-row-columns));
|
|
}
|
|
.v-col--offset-md-3 {
|
|
--v-col-offset: 3;
|
|
--v-col-offset-columns: var(--v-col-offset-base-md, var(--v-row-columns));
|
|
}
|
|
.v-col--offset-md-4 {
|
|
--v-col-offset: 4;
|
|
--v-col-offset-columns: var(--v-col-offset-base-md, var(--v-row-columns));
|
|
}
|
|
.v-col--offset-md-5 {
|
|
--v-col-offset: 5;
|
|
--v-col-offset-columns: var(--v-col-offset-base-md, var(--v-row-columns));
|
|
}
|
|
.v-col--offset-md-6 {
|
|
--v-col-offset: 6;
|
|
--v-col-offset-columns: var(--v-col-offset-base-md, var(--v-row-columns));
|
|
}
|
|
.v-col--offset-md-7 {
|
|
--v-col-offset: 7;
|
|
--v-col-offset-columns: var(--v-col-offset-base-md, var(--v-row-columns));
|
|
}
|
|
.v-col--offset-md-8 {
|
|
--v-col-offset: 8;
|
|
--v-col-offset-columns: var(--v-col-offset-base-md, var(--v-row-columns));
|
|
}
|
|
.v-col--offset-md-9 {
|
|
--v-col-offset: 9;
|
|
--v-col-offset-columns: var(--v-col-offset-base-md, var(--v-row-columns));
|
|
}
|
|
.v-col--offset-md-10 {
|
|
--v-col-offset: 10;
|
|
--v-col-offset-columns: var(--v-col-offset-base-md, var(--v-row-columns));
|
|
}
|
|
.v-col--offset-md-11 {
|
|
--v-col-offset: 11;
|
|
--v-col-offset-columns: var(--v-col-offset-base-md, var(--v-row-columns));
|
|
}
|
|
}
|
|
@media (min-width: 1145px) {
|
|
.v-col--lg {
|
|
--v-col-is-size: ;
|
|
--v-col-is-auto: ;
|
|
--v-col-is-grow: initial;
|
|
}
|
|
.v-col--cols-lg-auto {
|
|
--v-col-is-size: ;
|
|
--v-col-is-auto: initial;
|
|
--v-col-is-grow: ;
|
|
}
|
|
.v-col--cols-lg-1 {
|
|
--v-col-size: 1;
|
|
--v-col-is-size: initial;
|
|
--v-col-is-auto: ;
|
|
--v-col-is-grow: ;
|
|
--v-col-size-columns: var(--v-col-size-base-lg, var(--v-row-columns));
|
|
}
|
|
.v-col--cols-lg-2 {
|
|
--v-col-size: 2;
|
|
--v-col-is-size: initial;
|
|
--v-col-is-auto: ;
|
|
--v-col-is-grow: ;
|
|
--v-col-size-columns: var(--v-col-size-base-lg, var(--v-row-columns));
|
|
}
|
|
.v-col--cols-lg-3 {
|
|
--v-col-size: 3;
|
|
--v-col-is-size: initial;
|
|
--v-col-is-auto: ;
|
|
--v-col-is-grow: ;
|
|
--v-col-size-columns: var(--v-col-size-base-lg, var(--v-row-columns));
|
|
}
|
|
.v-col--cols-lg-4 {
|
|
--v-col-size: 4;
|
|
--v-col-is-size: initial;
|
|
--v-col-is-auto: ;
|
|
--v-col-is-grow: ;
|
|
--v-col-size-columns: var(--v-col-size-base-lg, var(--v-row-columns));
|
|
}
|
|
.v-col--cols-lg-5 {
|
|
--v-col-size: 5;
|
|
--v-col-is-size: initial;
|
|
--v-col-is-auto: ;
|
|
--v-col-is-grow: ;
|
|
--v-col-size-columns: var(--v-col-size-base-lg, var(--v-row-columns));
|
|
}
|
|
.v-col--cols-lg-6 {
|
|
--v-col-size: 6;
|
|
--v-col-is-size: initial;
|
|
--v-col-is-auto: ;
|
|
--v-col-is-grow: ;
|
|
--v-col-size-columns: var(--v-col-size-base-lg, var(--v-row-columns));
|
|
}
|
|
.v-col--cols-lg-7 {
|
|
--v-col-size: 7;
|
|
--v-col-is-size: initial;
|
|
--v-col-is-auto: ;
|
|
--v-col-is-grow: ;
|
|
--v-col-size-columns: var(--v-col-size-base-lg, var(--v-row-columns));
|
|
}
|
|
.v-col--cols-lg-8 {
|
|
--v-col-size: 8;
|
|
--v-col-is-size: initial;
|
|
--v-col-is-auto: ;
|
|
--v-col-is-grow: ;
|
|
--v-col-size-columns: var(--v-col-size-base-lg, var(--v-row-columns));
|
|
}
|
|
.v-col--cols-lg-9 {
|
|
--v-col-size: 9;
|
|
--v-col-is-size: initial;
|
|
--v-col-is-auto: ;
|
|
--v-col-is-grow: ;
|
|
--v-col-size-columns: var(--v-col-size-base-lg, var(--v-row-columns));
|
|
}
|
|
.v-col--cols-lg-10 {
|
|
--v-col-size: 10;
|
|
--v-col-is-size: initial;
|
|
--v-col-is-auto: ;
|
|
--v-col-is-grow: ;
|
|
--v-col-size-columns: var(--v-col-size-base-lg, var(--v-row-columns));
|
|
}
|
|
.v-col--cols-lg-11 {
|
|
--v-col-size: 11;
|
|
--v-col-is-size: initial;
|
|
--v-col-is-auto: ;
|
|
--v-col-is-grow: ;
|
|
--v-col-size-columns: var(--v-col-size-base-lg, var(--v-row-columns));
|
|
}
|
|
.v-col--cols-lg-12 {
|
|
--v-col-size: 12;
|
|
--v-col-is-size: initial;
|
|
--v-col-is-auto: ;
|
|
--v-col-is-grow: ;
|
|
--v-col-size-columns: var(--v-col-size-base-lg, var(--v-row-columns));
|
|
}
|
|
.v-col--offset-lg-0 {
|
|
--v-col-offset: 0;
|
|
--v-col-offset-columns: var(--v-col-offset-base-lg, var(--v-row-columns));
|
|
}
|
|
.v-col--offset-lg-1 {
|
|
--v-col-offset: 1;
|
|
--v-col-offset-columns: var(--v-col-offset-base-lg, var(--v-row-columns));
|
|
}
|
|
.v-col--offset-lg-2 {
|
|
--v-col-offset: 2;
|
|
--v-col-offset-columns: var(--v-col-offset-base-lg, var(--v-row-columns));
|
|
}
|
|
.v-col--offset-lg-3 {
|
|
--v-col-offset: 3;
|
|
--v-col-offset-columns: var(--v-col-offset-base-lg, var(--v-row-columns));
|
|
}
|
|
.v-col--offset-lg-4 {
|
|
--v-col-offset: 4;
|
|
--v-col-offset-columns: var(--v-col-offset-base-lg, var(--v-row-columns));
|
|
}
|
|
.v-col--offset-lg-5 {
|
|
--v-col-offset: 5;
|
|
--v-col-offset-columns: var(--v-col-offset-base-lg, var(--v-row-columns));
|
|
}
|
|
.v-col--offset-lg-6 {
|
|
--v-col-offset: 6;
|
|
--v-col-offset-columns: var(--v-col-offset-base-lg, var(--v-row-columns));
|
|
}
|
|
.v-col--offset-lg-7 {
|
|
--v-col-offset: 7;
|
|
--v-col-offset-columns: var(--v-col-offset-base-lg, var(--v-row-columns));
|
|
}
|
|
.v-col--offset-lg-8 {
|
|
--v-col-offset: 8;
|
|
--v-col-offset-columns: var(--v-col-offset-base-lg, var(--v-row-columns));
|
|
}
|
|
.v-col--offset-lg-9 {
|
|
--v-col-offset: 9;
|
|
--v-col-offset-columns: var(--v-col-offset-base-lg, var(--v-row-columns));
|
|
}
|
|
.v-col--offset-lg-10 {
|
|
--v-col-offset: 10;
|
|
--v-col-offset-columns: var(--v-col-offset-base-lg, var(--v-row-columns));
|
|
}
|
|
.v-col--offset-lg-11 {
|
|
--v-col-offset: 11;
|
|
--v-col-offset-columns: var(--v-col-offset-base-lg, var(--v-row-columns));
|
|
}
|
|
}
|
|
@media (min-width: 1545px) {
|
|
.v-col--xl {
|
|
--v-col-is-size: ;
|
|
--v-col-is-auto: ;
|
|
--v-col-is-grow: initial;
|
|
}
|
|
.v-col--cols-xl-auto {
|
|
--v-col-is-size: ;
|
|
--v-col-is-auto: initial;
|
|
--v-col-is-grow: ;
|
|
}
|
|
.v-col--cols-xl-1 {
|
|
--v-col-size: 1;
|
|
--v-col-is-size: initial;
|
|
--v-col-is-auto: ;
|
|
--v-col-is-grow: ;
|
|
--v-col-size-columns: var(--v-col-size-base-xl, var(--v-row-columns));
|
|
}
|
|
.v-col--cols-xl-2 {
|
|
--v-col-size: 2;
|
|
--v-col-is-size: initial;
|
|
--v-col-is-auto: ;
|
|
--v-col-is-grow: ;
|
|
--v-col-size-columns: var(--v-col-size-base-xl, var(--v-row-columns));
|
|
}
|
|
.v-col--cols-xl-3 {
|
|
--v-col-size: 3;
|
|
--v-col-is-size: initial;
|
|
--v-col-is-auto: ;
|
|
--v-col-is-grow: ;
|
|
--v-col-size-columns: var(--v-col-size-base-xl, var(--v-row-columns));
|
|
}
|
|
.v-col--cols-xl-4 {
|
|
--v-col-size: 4;
|
|
--v-col-is-size: initial;
|
|
--v-col-is-auto: ;
|
|
--v-col-is-grow: ;
|
|
--v-col-size-columns: var(--v-col-size-base-xl, var(--v-row-columns));
|
|
}
|
|
.v-col--cols-xl-5 {
|
|
--v-col-size: 5;
|
|
--v-col-is-size: initial;
|
|
--v-col-is-auto: ;
|
|
--v-col-is-grow: ;
|
|
--v-col-size-columns: var(--v-col-size-base-xl, var(--v-row-columns));
|
|
}
|
|
.v-col--cols-xl-6 {
|
|
--v-col-size: 6;
|
|
--v-col-is-size: initial;
|
|
--v-col-is-auto: ;
|
|
--v-col-is-grow: ;
|
|
--v-col-size-columns: var(--v-col-size-base-xl, var(--v-row-columns));
|
|
}
|
|
.v-col--cols-xl-7 {
|
|
--v-col-size: 7;
|
|
--v-col-is-size: initial;
|
|
--v-col-is-auto: ;
|
|
--v-col-is-grow: ;
|
|
--v-col-size-columns: var(--v-col-size-base-xl, var(--v-row-columns));
|
|
}
|
|
.v-col--cols-xl-8 {
|
|
--v-col-size: 8;
|
|
--v-col-is-size: initial;
|
|
--v-col-is-auto: ;
|
|
--v-col-is-grow: ;
|
|
--v-col-size-columns: var(--v-col-size-base-xl, var(--v-row-columns));
|
|
}
|
|
.v-col--cols-xl-9 {
|
|
--v-col-size: 9;
|
|
--v-col-is-size: initial;
|
|
--v-col-is-auto: ;
|
|
--v-col-is-grow: ;
|
|
--v-col-size-columns: var(--v-col-size-base-xl, var(--v-row-columns));
|
|
}
|
|
.v-col--cols-xl-10 {
|
|
--v-col-size: 10;
|
|
--v-col-is-size: initial;
|
|
--v-col-is-auto: ;
|
|
--v-col-is-grow: ;
|
|
--v-col-size-columns: var(--v-col-size-base-xl, var(--v-row-columns));
|
|
}
|
|
.v-col--cols-xl-11 {
|
|
--v-col-size: 11;
|
|
--v-col-is-size: initial;
|
|
--v-col-is-auto: ;
|
|
--v-col-is-grow: ;
|
|
--v-col-size-columns: var(--v-col-size-base-xl, var(--v-row-columns));
|
|
}
|
|
.v-col--cols-xl-12 {
|
|
--v-col-size: 12;
|
|
--v-col-is-size: initial;
|
|
--v-col-is-auto: ;
|
|
--v-col-is-grow: ;
|
|
--v-col-size-columns: var(--v-col-size-base-xl, var(--v-row-columns));
|
|
}
|
|
.v-col--offset-xl-0 {
|
|
--v-col-offset: 0;
|
|
--v-col-offset-columns: var(--v-col-offset-base-xl, var(--v-row-columns));
|
|
}
|
|
.v-col--offset-xl-1 {
|
|
--v-col-offset: 1;
|
|
--v-col-offset-columns: var(--v-col-offset-base-xl, var(--v-row-columns));
|
|
}
|
|
.v-col--offset-xl-2 {
|
|
--v-col-offset: 2;
|
|
--v-col-offset-columns: var(--v-col-offset-base-xl, var(--v-row-columns));
|
|
}
|
|
.v-col--offset-xl-3 {
|
|
--v-col-offset: 3;
|
|
--v-col-offset-columns: var(--v-col-offset-base-xl, var(--v-row-columns));
|
|
}
|
|
.v-col--offset-xl-4 {
|
|
--v-col-offset: 4;
|
|
--v-col-offset-columns: var(--v-col-offset-base-xl, var(--v-row-columns));
|
|
}
|
|
.v-col--offset-xl-5 {
|
|
--v-col-offset: 5;
|
|
--v-col-offset-columns: var(--v-col-offset-base-xl, var(--v-row-columns));
|
|
}
|
|
.v-col--offset-xl-6 {
|
|
--v-col-offset: 6;
|
|
--v-col-offset-columns: var(--v-col-offset-base-xl, var(--v-row-columns));
|
|
}
|
|
.v-col--offset-xl-7 {
|
|
--v-col-offset: 7;
|
|
--v-col-offset-columns: var(--v-col-offset-base-xl, var(--v-row-columns));
|
|
}
|
|
.v-col--offset-xl-8 {
|
|
--v-col-offset: 8;
|
|
--v-col-offset-columns: var(--v-col-offset-base-xl, var(--v-row-columns));
|
|
}
|
|
.v-col--offset-xl-9 {
|
|
--v-col-offset: 9;
|
|
--v-col-offset-columns: var(--v-col-offset-base-xl, var(--v-row-columns));
|
|
}
|
|
.v-col--offset-xl-10 {
|
|
--v-col-offset: 10;
|
|
--v-col-offset-columns: var(--v-col-offset-base-xl, var(--v-row-columns));
|
|
}
|
|
.v-col--offset-xl-11 {
|
|
--v-col-offset: 11;
|
|
--v-col-offset-columns: var(--v-col-offset-base-xl, var(--v-row-columns));
|
|
}
|
|
}
|
|
@media (min-width: 2138px) {
|
|
.v-col--xxl {
|
|
--v-col-is-size: ;
|
|
--v-col-is-auto: ;
|
|
--v-col-is-grow: initial;
|
|
}
|
|
.v-col--cols-xxl-auto {
|
|
--v-col-is-size: ;
|
|
--v-col-is-auto: initial;
|
|
--v-col-is-grow: ;
|
|
}
|
|
.v-col--cols-xxl-1 {
|
|
--v-col-size: 1;
|
|
--v-col-is-size: initial;
|
|
--v-col-is-auto: ;
|
|
--v-col-is-grow: ;
|
|
--v-col-size-columns: var(--v-col-size-base-xxl, var(--v-row-columns));
|
|
}
|
|
.v-col--cols-xxl-2 {
|
|
--v-col-size: 2;
|
|
--v-col-is-size: initial;
|
|
--v-col-is-auto: ;
|
|
--v-col-is-grow: ;
|
|
--v-col-size-columns: var(--v-col-size-base-xxl, var(--v-row-columns));
|
|
}
|
|
.v-col--cols-xxl-3 {
|
|
--v-col-size: 3;
|
|
--v-col-is-size: initial;
|
|
--v-col-is-auto: ;
|
|
--v-col-is-grow: ;
|
|
--v-col-size-columns: var(--v-col-size-base-xxl, var(--v-row-columns));
|
|
}
|
|
.v-col--cols-xxl-4 {
|
|
--v-col-size: 4;
|
|
--v-col-is-size: initial;
|
|
--v-col-is-auto: ;
|
|
--v-col-is-grow: ;
|
|
--v-col-size-columns: var(--v-col-size-base-xxl, var(--v-row-columns));
|
|
}
|
|
.v-col--cols-xxl-5 {
|
|
--v-col-size: 5;
|
|
--v-col-is-size: initial;
|
|
--v-col-is-auto: ;
|
|
--v-col-is-grow: ;
|
|
--v-col-size-columns: var(--v-col-size-base-xxl, var(--v-row-columns));
|
|
}
|
|
.v-col--cols-xxl-6 {
|
|
--v-col-size: 6;
|
|
--v-col-is-size: initial;
|
|
--v-col-is-auto: ;
|
|
--v-col-is-grow: ;
|
|
--v-col-size-columns: var(--v-col-size-base-xxl, var(--v-row-columns));
|
|
}
|
|
.v-col--cols-xxl-7 {
|
|
--v-col-size: 7;
|
|
--v-col-is-size: initial;
|
|
--v-col-is-auto: ;
|
|
--v-col-is-grow: ;
|
|
--v-col-size-columns: var(--v-col-size-base-xxl, var(--v-row-columns));
|
|
}
|
|
.v-col--cols-xxl-8 {
|
|
--v-col-size: 8;
|
|
--v-col-is-size: initial;
|
|
--v-col-is-auto: ;
|
|
--v-col-is-grow: ;
|
|
--v-col-size-columns: var(--v-col-size-base-xxl, var(--v-row-columns));
|
|
}
|
|
.v-col--cols-xxl-9 {
|
|
--v-col-size: 9;
|
|
--v-col-is-size: initial;
|
|
--v-col-is-auto: ;
|
|
--v-col-is-grow: ;
|
|
--v-col-size-columns: var(--v-col-size-base-xxl, var(--v-row-columns));
|
|
}
|
|
.v-col--cols-xxl-10 {
|
|
--v-col-size: 10;
|
|
--v-col-is-size: initial;
|
|
--v-col-is-auto: ;
|
|
--v-col-is-grow: ;
|
|
--v-col-size-columns: var(--v-col-size-base-xxl, var(--v-row-columns));
|
|
}
|
|
.v-col--cols-xxl-11 {
|
|
--v-col-size: 11;
|
|
--v-col-is-size: initial;
|
|
--v-col-is-auto: ;
|
|
--v-col-is-grow: ;
|
|
--v-col-size-columns: var(--v-col-size-base-xxl, var(--v-row-columns));
|
|
}
|
|
.v-col--cols-xxl-12 {
|
|
--v-col-size: 12;
|
|
--v-col-is-size: initial;
|
|
--v-col-is-auto: ;
|
|
--v-col-is-grow: ;
|
|
--v-col-size-columns: var(--v-col-size-base-xxl, var(--v-row-columns));
|
|
}
|
|
.v-col--offset-xxl-0 {
|
|
--v-col-offset: 0;
|
|
--v-col-offset-columns: var(--v-col-offset-base-xxl, var(--v-row-columns));
|
|
}
|
|
.v-col--offset-xxl-1 {
|
|
--v-col-offset: 1;
|
|
--v-col-offset-columns: var(--v-col-offset-base-xxl, var(--v-row-columns));
|
|
}
|
|
.v-col--offset-xxl-2 {
|
|
--v-col-offset: 2;
|
|
--v-col-offset-columns: var(--v-col-offset-base-xxl, var(--v-row-columns));
|
|
}
|
|
.v-col--offset-xxl-3 {
|
|
--v-col-offset: 3;
|
|
--v-col-offset-columns: var(--v-col-offset-base-xxl, var(--v-row-columns));
|
|
}
|
|
.v-col--offset-xxl-4 {
|
|
--v-col-offset: 4;
|
|
--v-col-offset-columns: var(--v-col-offset-base-xxl, var(--v-row-columns));
|
|
}
|
|
.v-col--offset-xxl-5 {
|
|
--v-col-offset: 5;
|
|
--v-col-offset-columns: var(--v-col-offset-base-xxl, var(--v-row-columns));
|
|
}
|
|
.v-col--offset-xxl-6 {
|
|
--v-col-offset: 6;
|
|
--v-col-offset-columns: var(--v-col-offset-base-xxl, var(--v-row-columns));
|
|
}
|
|
.v-col--offset-xxl-7 {
|
|
--v-col-offset: 7;
|
|
--v-col-offset-columns: var(--v-col-offset-base-xxl, var(--v-row-columns));
|
|
}
|
|
.v-col--offset-xxl-8 {
|
|
--v-col-offset: 8;
|
|
--v-col-offset-columns: var(--v-col-offset-base-xxl, var(--v-row-columns));
|
|
}
|
|
.v-col--offset-xxl-9 {
|
|
--v-col-offset: 9;
|
|
--v-col-offset-columns: var(--v-col-offset-base-xxl, var(--v-row-columns));
|
|
}
|
|
.v-col--offset-xxl-10 {
|
|
--v-col-offset: 10;
|
|
--v-col-offset-columns: var(--v-col-offset-base-xxl, var(--v-row-columns));
|
|
}
|
|
.v-col--offset-xxl-11 {
|
|
--v-col-offset: 11;
|
|
--v-col-offset-columns: var(--v-col-offset-base-xxl, var(--v-row-columns));
|
|
}
|
|
}
|
|
} |