39 lines
855 B
SCSS
39 lines
855 B
SCSS
@use "sass:list";
|
|
|
|
// 24 栅格布局
|
|
$colSpanList: 4.16667%, 8.33333%, 12.5%, 16.66667%, 20.83333%, 25%, 29.16667%, 33.33333%,
|
|
37.5%, 41.66667%, 45.83333%, 50%, 54.16667%, 58.33333%, 62.5%, 66.66667%,
|
|
70.83333%, 75%, 79.16667%, 83.33333%, 87.5%, 91.66667%, 95.83333%, 100%;
|
|
.vxe-col {
|
|
display: block;
|
|
&.is--ellipsis {
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
&.is--fill {
|
|
flex-grow: 1;
|
|
}
|
|
&:not(.is--fill) {
|
|
flex-shrink: 0;
|
|
}
|
|
&.align--left {
|
|
text-align: left;
|
|
}
|
|
&.align--center {
|
|
text-align: center;
|
|
}
|
|
&.align--right {
|
|
text-align: right;
|
|
}
|
|
@for $i from 0 to list.length($colSpanList) {
|
|
&.span#{$i + 1} {
|
|
width: list.nth($colSpanList, $i + 1);
|
|
}
|
|
}
|
|
}
|
|
.vxe-col--inner {
|
|
display: flex;
|
|
flex-direction: column;
|
|
width: 100%;
|
|
} |