如何使用SASS for循环生成CSS内容

Question

我正在尝试创建一个像这样运行的SASS mixin:

@include custom-horiz-sep(7);

哪个会输出CSS:

content: "xxxxxxx";

(7个预定义字符)

如何在SASS中使用'for'循环来创建"content"属性的值？

Answer 1

有了bookcasey和cimmanon的帮助,这里似乎工作得很好:

@mixin custom-horiz-sep($num) {
  $chr: "x";
  $content: $chr;
  @for $i from 0 to $num {
      $content: $content + $chr;
  }
  content: "#{$content}";
}

h1:before {
  @include custom-horiz-sep(25);
}

http://codepen.io/Protohominid/pen/rgzKF