css - SASS 在多行上缩进语法？

Question

我喜欢 Sass 的 indented syntax (与 SCSS 相反，SCSS 与空格无关并使用方括号和分号)。我认为它更干净。

我有一个问题。如果我有一个很长的行，就没有办法将它分成多行(例如，遵守 80 个字符的限制)

以这个非常长的 mixin 声明为例，它最初是用 SCSS 编写的。

@mixin col($cols, $mleft: 0, $mright: 0, $include-margin: false, $border: 0,
           $pleft: 0, $pright: 0, $include-padding: true, $extra: 0, 
           $clear: false, $lead: true, $container: false) {
    color: red;
    display: block;
}

我能够将一个长声明拆分成多行。使用缩进语法，我认为没有办法。我必须将声明放在一行中，这样可读性较差。

@mixin col($cols, $mleft: 0, $mright: 0, $include-margin: false, $border: 0, $pleft: 0, $pright: 0, $include-padding: true, $extra: 0, $clear: false, $lead: true, $container: false)
    color: red
    display: block

有什么我不知道的方法吗？ :(

Answer 1

sass 不支持多行。阅读文档，有一个异常(exception)，当涉及多个 css 选择器时，如本例所示:

.users #userTab,
.posts #postTab
  width: 100px
  height: 30px

在这里阅读文档:http://sass-lang.com/docs/yardoc/file.INDENTED_SYNTAX.html#multiline_selectors

所以，遗憾的是:在 sass 中不可能获得对参数列表的多行支持。