如何为Spectre.css添加更多边距和填充选项
我使用的是spectre.css,它只有两个边距和填充选项。要添加更多内容,我将更改.scss文件中的$id部分,但它将max添加到margin选项如何为Spectre.css添加更多边距和填充选项,css,sass,spectre.css,Css,Sass,Spectre.css,我使用的是spectre.css,它只有两个边距和填充选项。要添加更多内容,我将更改.scss文件中的$id部分,但它将max添加到margin选项 // Margin utility mixin @mixin margin-variant($id: 16, $size: $unit-16) { .m-#{$id} { margin: $size !important; } .mb-#{$id} { margin-bottom: $size
// Margin utility mixin
@mixin margin-variant($id: 16, $size: $unit-16) {
.m-#{$id} {
margin: $size !important;
}
.mb-#{$id} {
margin-bottom: $size !important;
}
.ml-#{$id} {
margin-left: $size !important;
}
.mr-#{$id} {
margin-right: $size !important;
}
.mt-#{$id} {
margin-top: $size !important;
}
.mx-#{$id} {
margin-left: $size !important;
margin-right: $size !important;
}
.my-#{$id} {
margin-bottom: $size !important;
margin-top: $size !important;
}
}