Отображения Sass и синтаксис с отступом

Есть ли способ отступов 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, а затем импортировать их.

Ответы

Ответ 1

В SASS имеется ряд проблем с синтаксисом с отступом.

К сожалению, синтаксис SASS не поддерживает многострочный. При чтении документации есть только одно исключение, когда речь идет о нескольких селекторах CSS, подобных в этом примере:

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

Прочитайте полную документацию здесь:

http://sass-lang.com/docs/yardoc/file.INDENTED_SYNTAX.html#multiline_selectors

Таким образом, нет возможности получить многострочную поддержку списка аргументов в SASS.

Ответ 2

Это известная проблема и не будет рассмотрена в ближайшее время.

Это определенно то, что я хотел бы добавить, но это потребует значительных усилий из-за рефакторинга синтаксиса с отступом, который потребуется. Прямо сейчас, что только более низкий приоритет, чем добавление функций, которые приносят пользу всем.

https://github.com/sass/sass/issues/1088