39 lines
698 B
SCSS
39 lines
698 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;
|
|
}
|
|
}
|