vuetify
Version:
Vue Material Component Framework
906 lines • 28 kB
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));
}
}
}