触控笔通过循环创建mixins

本文介绍了触控笔通过循环创建mixins的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

我的目标是通过数组创建一组混合.我的想法是应用代码，如下所示:

My goal is create a group of mixins via array.My idea is apply code as follows:

f_colors = (f1 f2 f3 f4 f5)
for $i in 0..length(f_colors)
    v = f_colors[$i]
    num = $i+1

   f{num}cl()
      color v

   f{num}bg()
      background-color: v

// and use to generate css
body
   h1
       color: white
       f5bg ''

我在f_colors中存储了一个颜色列表.以这个例子来说，我将得到一个输出

where in f_colors i've stored a colors list.With thi example, i would obtain an output as

body h1 {
   background-color: #00f; // f5 color
   color: white;
}

是否有可能，或者我最好的方法是使用mixins，如下所示:

is it possible, or my best could be use mixins as follows:

fbg(num)
    background-color: f_colors[num-1]

fcl(num)
    color: f_colors[num-1]

感谢阅读.

推荐答案

您必须诉诸使用 define BIF:

You have to resort to using the define BIF:

$colors = (f1 f2 f3 f4 f5)
for $c, $i in $colors
  define("f"+($i + 1)+"bg", @() {
    background-color: $c
  })

// and use to generate css
body
  h1
    color: white
    f5bg ''

这篇关于触控笔通过循环创建mixins的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！

bif