2020-11-24 14:28:56 +00:00
|
|
|
/*
|
2020-11-25 05:49:43 +00:00
|
|
|
* 间隔工具集
|
|
|
|
*/
|
2020-11-24 14:28:56 +00:00
|
|
|
|
2020-11-25 05:49:43 +00:00
|
|
|
$gap: 5px;
|
2022-01-22 02:21:17 +00:00
|
|
|
@for $item from 0 through 8 {
|
2020-11-25 05:49:43 +00:00
|
|
|
.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;}
|
2020-11-24 14:28:56 +00:00
|
|
|
|
2020-11-25 05:49:43 +00:00
|
|
|
.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;}
|
2022-01-22 02:21:17 +00:00
|
|
|
}
|