css - 多行的 SASS 缩进语法？

我喜欢 Sass 的 indented syntax(与 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

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

最佳答案

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

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

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

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

关于css - 多行的 SASS 缩进语法？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/8248976/