Документация и инструменты по синтаксису SASS (не SCSS)

Я нахожу синтаксис SASS намного проще и чище, чем SCSS, но документация не так распространена и полна, поэтому я часто спотыкаюсь, теряя время на синтаксические ошибки. Многие статьи, в которых упоминается SASS, на самом деле содержат информацию только о SCSS. Даже официальная документация SASS (https://sass-lang.com/documentation/file.SASS_REFERENCE.html#if) содержит примеры, которые явно относятся только к SCSS. Например, каков синтаксис SASS для условных операторов в примесях? Например:

=button-colors($primary, $secondary, $border: true)
  background-color: $primary
  color: $secondary
if $border
  border-color: $secondary
else
  border-color: $primary

Этот пример компилируется неправильно: оператор if игнорируется, а border-color в результирующем CSS отсутствует.

Кто-нибудь знает о полезных веб-сайтах с документацией и примерами синтаксиса SASS или инструментами для преобразования из CSS/SCSS в SASS онлайн?


css syntax sass scss-mixins
person taseenb    schedule 27.11.2018    source источник
comment
Если я не ошибаюсь, вы должны сравнить значение границы, sass не понимает, что установлено как истинное, как php или другой язык, который вы должны проверить, как это if $border == true   -  person João Deroldo    schedule 27.11.2018
comment
Нет, это не работает с if $border == true :( Я использую этот инструмент для проверки: sassmeister.com   -  person taseenb    schedule 27.11.2018
comment
Очень трудно понять (и довольно удивительно), почему 3 человека проголосовали за закрытие этого вопроса. Пожалуйста, оставьте это открытым, даже если вам все равно, найти информацию об этом в Интернете нелегко.   -  person taseenb    schedule 27.11.2018

Ответы (1)


arrow_upward
1
arrow_downward

Как вы видели, справочный документ написан с использованием синтаксиса scss, возможно, из-за его большей популярности, и я настоятельно рекомендую вам выбрать синтаксис scss из-за его преимуществ, которые может не понятно на первый взгляд!

Но в любом случае, если вы предпочитаете использовать sass, я думаю, вы должны следовать основному документу и проверить эта ссылка, чтобы увидеть различия, а затем исправить синтаксис.

Вы также можете использовать эти инструменты для преобразования таблиц стилей:

css2sass: с css на scss/sass.

sassmeister: с scss/sass на css.

person Alizadeh118    schedule 27.11.2018
comment
Спасибо за ссылку на документацию по синтаксису с отступом (раньше я ее не нашел), но, к сожалению, в ней очень мало информации. - person taseenb; 27.11.2018