mirror of
https://github.com/tusen-ai/naive-ui.git
synced 2025-02-05 13:00:47 +08:00
43 lines
888 B
SCSS
43 lines
888 B
SCSS
@import './mixins/mixins.scss';
|
|
@import './themes/vars.scss';
|
|
|
|
@include b(row) {
|
|
width: 100%;
|
|
position: relative;
|
|
}
|
|
|
|
@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%;
|
|
}
|
|
// &:first-child {
|
|
// padding-left: 0!important;
|
|
// }
|
|
// &:last-child {
|
|
// padding-right: 0!important;
|
|
// }
|
|
} |