19 lines
671 B
SCSS
19 lines
671 B
SCSS
/*
|
|
* 间隔工具集
|
|
*/
|
|
|
|
$gap: 5px;
|
|
@for $item from 0 through 8 {
|
|
.mt-#{$item} { margin-top : $gap * $item !important;}
|
|
.mb-#{$item} { margin-bottom : $gap * $item !important;}
|
|
.ml-#{$item} { margin-left : $gap * $item !important;}
|
|
.mr-#{$item} { margin-right : $gap * $item !important;}
|
|
.m-#{$item} { margin : $gap * $item !important;}
|
|
|
|
.pt-#{$item} { padding-top : $gap * $item !important;}
|
|
.pb-#{$item} { padding-bottom : $gap * $item !important;}
|
|
.pl-#{$item} { padding-left : $gap * $item !important;}
|
|
.pr-#{$item} { padding-right : $gap * $item !important;}
|
|
.p-#{$item} { padding : $gap * $item !important;}
|
|
}
|