【问题标题】:Sass mixin or function to return placeholder (%) classesSass mixin 或函数返回占位符 (%) 类
【发布时间】:2014-02-05 02:51:48
【问题描述】:

晚上好,

有谁知道是否可以在 Sass 中创建一个 mixin(或函数),它返回一些可以在其他地方使用的占位符类。

类似这样的:

@mixin placeholder-maker($columns) {
    @for $i from 1 through $columns {
        %g-cols-#{$i} {
            @include grid-columns($i)
        }
    }
}

@include placeholder-maker($columns: 12);

谢谢

【问题讨论】:

    标签: sass extend mixins


    【解决方案1】:

    希望你能简单一点:

    $columns: 12;
    
    @for $i from 1 through $columns {
      %g-cols-#{$i} {
        @include grid-columns($i);
      }
    }
    
    .example{
      @extend %g-cols-1;
    }
    

    【讨论】:

    • 美丽...谢谢。我没有想到在 mixin 之外使用 for 循环。非常感谢
    猜你喜欢
    • 2016-12-11
    • 1970-01-01
    • 1970-01-01
    • 2020-09-10
    • 1970-01-01
    • 1970-01-01
    • 2013-11-11
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多