我只是想节省一些时间,为不同的断点生成一些辅助css类。
我尝试了什么:
@mixin resp { width: 100%; height: auto;}
@mixin table { display: table}
@mixin trow { display: table-row}
@mixin tcell { display: table-cell; }
@mixin gutter1px { padding: 0 1px; }
$tools: resp, table, trow, tcell, gutter1px;
@mixin make-tools($breakpoint) {
@each $tool in $tools {
$i: index($tools, $tool);
.#{$tool}-$breakpoint { @include #{$tool}(); }
}
}
@media (min-width: $screen-xs-min) {
@include make-tools(xs);
}
但这种剂量似乎有效: @include#{$ tool}();
有谁知道如何存档,或者根本不可能?