93 lines
1.7 KiB
SCSS
93 lines
1.7 KiB
SCSS
%boxSizing {
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
%TextEllipsis {
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
[class*="vxe-"] {
|
|
@extend %boxSizing;
|
|
&:after, &:before,
|
|
*:after, *:before {
|
|
@extend %boxSizing;
|
|
}
|
|
}
|
|
|
|
body {
|
|
margin: 0;
|
|
line-height: 1.5;
|
|
font-variant: tabular-nums;
|
|
font-feature-settings: 'tnum';
|
|
}
|
|
|
|
.vxe-primary-color {
|
|
color: $vxe-primary-color;
|
|
}
|
|
.vxe-success-color {
|
|
color: $vxe-success-color;
|
|
}
|
|
.vxe-info-color {
|
|
color: $vxe-info-color;
|
|
}
|
|
.vxe-warning-color {
|
|
color: $vxe-warning-color;
|
|
}
|
|
.vxe-danger-color {
|
|
color: $vxe-danger-color;
|
|
}
|
|
.vxe-perfect-color {
|
|
color: $vxe-table-header-background-color;
|
|
}
|
|
|
|
// 24 栅格布局
|
|
.vxe-row {
|
|
$spans: 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%;
|
|
&:after {
|
|
content: '';
|
|
display: block;
|
|
clear: both;
|
|
height: 0;
|
|
overflow: hidden;
|
|
visibility: hidden;
|
|
}
|
|
@for $index from 0 to length($spans) {
|
|
& > .vxe-col--#{$index + 1} {
|
|
float: left;
|
|
width: nth($spans, $index + 1);
|
|
}
|
|
}
|
|
}
|
|
|
|
/*animat*/
|
|
.t--animat {
|
|
.vxe-sort--asc-btn,
|
|
.vxe-sort--desc-btn,
|
|
.vxe-filter--btn {
|
|
&:before,
|
|
&:after {
|
|
@include animatTransition(border);
|
|
}
|
|
}
|
|
.vxe-input--wrapper {
|
|
.vxe-input {
|
|
@include animatTransition(border);
|
|
}
|
|
}
|
|
.vxe-table--expand-btn,
|
|
.vxe-tree--node-btn {
|
|
@include animatTransition(transform);
|
|
}
|
|
.vxe-checkbox,
|
|
.vxe-radio {
|
|
> input {
|
|
&:checked+span {
|
|
@include animatTransition(background-color);
|
|
}
|
|
}
|
|
}
|
|
} |