Описание тега sass

Описание тега Вопросы с тегом
Sass (Syntactically Awesome Style Sheets) - это расширение CSS, добавляющее такие функции, как вложенные правила, переменные, миксины и расширения классов. Это позволяет разработчикам писать структурированный, управляемый и повторно используемый CSS. Sass скомпилирован в стандартный CSS.

Обзор:

Sass - это метаязык на основе css, который используется для четкого и структурного описания стиля документа с большей мощностью, чем позволяет простой CSS.

Sass - это расширение css3, написанное на ruby. Он добавляет вложенные правила, переменные, миксины, наследование селектора и полезные функции, такие как манипуляции с цветом или условные операторы 2. Он переводится в хорошо отформатированный стандартный CSS с помощью инструмента командной строки или плагина веб-фреймворка.

Это единственный язык, который может хранить маркеры дизайна (например, цвета, размеры шрифта, интервалы) и использовать типы значений 9 изначально; т.е. числа, цвета, строки, списки и логические значения.

Sass имеет два синтаксиса:

  1. SCSS (Sassy CSS): Начиная с Sass3, это основной синтаксис. Это надмножество CSS3, поэтому все допустимые файлы CSS также являются действительными SCSS. Файлы с таким синтаксисом имеют расширение.scss.

Пример SCSS:

$margin: 12px;

li {
  .border {
    margin: $margin / 2;
  }
}
  1. SASS: синтаксис с отступом. Вместо фигурных скобок и точек с запятой он использует отступ строки для указания блоков (аналогично синтаксису Ruby). Файлы с таким синтаксисом имеют расширение.sass.

Пример SASS:

$margin: 12px

li
  .border
    margin: $margin / 2

Фреймворки / расширения:

  • compass 4 - это расширение Sass, которое предоставляет предварительно определенные кросс-браузерные миксины и дополнительные функции, такие как автоматическое создание спрайтов.
  • bourbon 5 - это простая и легкая библиотека миксинов для Sass.

Вкусы:

  • Ruby Sass 1 - это исходная версия Sass на основе Ruby.
  • LibSass 6 - это C/C++ порт прекомпилятора Sass. Он компилируется очень быстро, может быть встроен в другие языки и двоичные файлы и нацелен на обеспечение паритета функций с исходным Ruby Sass.
  • Node Sass 7 использует LibSass для компиляции файлов.scss с помощью Node.

Ссылки:

Ресурсы: