Sass映射和缩进语法

ass CSS

村村

2020-03-24

有没有办法缩进Sass的3.3 映射？

在scss中，我们可以编写以下代码：

$colors: (
  header: #b06,
  text: #334,
  footer: #666777
)

但是在Sass中，我无法在括号中添加任何破折号。我认为映射语法需要括号。

$colors:
    header: #b06
    text: #334
    footer: #666777

Syntax error: Illegal nesting: Nothing may be nested beneath variable declarations.

我尝试了一些差异，但没有错误进行编译。

要编译Sass，我需要将其写入一个字符串中，如下所示：

$colors: (header: #b06, text: #334, footer: #666777)

但这不是缩进语法。

我认为将仅缩进的内容写入SCSS文件然后导入它们将是一个很好的演练。

第3723篇《Sass映射和缩进语法》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

共2个回答

NearMandy 2020.03.24

SASS中的缩进语法存在许多问题。

不幸的是，SASS语法不支持多行。阅读文档，只有一个例外，涉及多个CSS选择器，如本示例所示：

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

在此处阅读完整的文档：

因此，不可能在SASS中获得对参数列表的多行支持。

蛋蛋 2020.03.24

这是一个已知问题，不会在短期内解决。

这绝对是我要添加的内容，但是由于需要重构缩进语法，因此需要花费大量精力。目前，与添加使所有人受益的功能相比，该功能的优先级较低。

相似问题

0 回答

0 回答

5 回答

25 回答

0 回答

0 回答

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android