我喜欢 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
有什么我不知道的方法吗? :(
最佳答案
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/30574909/