有没有办法将mixin作为变量包含在内

时间:2016-12-14 16:41:59

标签: sass

我只是想节省一些时间,为不同的断点生成一些辅助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}();

有谁知道如何存档,或者根本不可能?

0 个答案:

没有答案