如何使用sass中的循环生成多个mixins(mixin lib)

时间:2016-09-08 00:42:02

标签: sass

我想保持我的sass代码简短。

而不是

<html>
    <head>
        <style>
            html,body{overflow:hidden}
        </style>    
    </head>
    <body>
        // You html body
    </body>
</html>

如何使用循环创建@mixin lib?

@mixin tg($font-size,$line-height) {
  something related to font-size and line-height
}

@mixin h1 {
  @include tg 
}

@mixin h2 {
  @include tg 
}

....

如果是这样,最好的方法是什么?

1 个答案:

答案 0 :(得分:1)

从本质上讲,您指的是SCSS生成SCSS。这被称为元编程。在SASS中无法实现。除非SASS发明了某种技术,否则你有另一种语言可以编译成SCSS

简而言之,目前,你无法做到这一点。