mirror of
https://github.com/tusen-ai/naive-ui.git
synced 2024-12-27 05:00:48 +08:00
38 lines
759 B
SCSS
38 lines
759 B
SCSS
@import './mixins/mixins.scss';
|
|
|
|
@include b(row) {
|
|
@include m(flex) {
|
|
display: flex;
|
|
}
|
|
width: 100%;
|
|
}
|
|
|
|
@mixin col-size-mixin ($span) {
|
|
@include m($span + '-span') {
|
|
width: percentage($number: 1 / 24 * $span);
|
|
}
|
|
@include m($span + '-offset') {
|
|
margin-left: percentage($number: 1 / 24 * $span);
|
|
}
|
|
@include m($span + '-push') {
|
|
left: percentage($number: 1 / 24 * $span);
|
|
}
|
|
@include m($span + '-pull') {
|
|
right: percentage($number: 1 / 24 * $span);
|
|
}
|
|
}
|
|
|
|
@include b(col) {
|
|
vertical-align: top;
|
|
box-sizing: border-box;
|
|
display: inline-block;
|
|
// position: relative;
|
|
@for $i from 1 through 24 {
|
|
@include col-size-mixin($i);
|
|
}
|
|
@include e(box) {
|
|
position: relative;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
} |