Sass

Что такое Sass

Sass – препроцессор CSS, написанный на языке программирования Ruby. Sass увеличивает уровень абстракции CSS-кода, делая его короче и удобнее в написании. Сохраняется в файлы с расширением .sass и .scss, поэтому не поддерживается браузерами. С Sass совместимы такие фреймворки, как Bootstrap, Bourbon, и Susy.

Аналоги Sass: LESS и Stylus, которые работают на JavaScript.

Основные возможности

Sass позволяет использовать функции, которых нету в самом CSS:

• переменные, которые могут использоваться при написании всех стилей и обрабатываться в значения в стилях CSS,
• вложенности, которые могут применяться к нескольким селекторам сразу,
• фрагментирование – создание отдельных стилей с небольшим количеством кода с возможностью внедрения их в другие стили благодаря директиве @import,
• миксины – создание групп из отдельных наборов правил CSS с использованием переменных и возможностью переиспользования в разных файлах CSS,
• наследование наборов правил от одного селектора другому с помощью директивы @extend,
• математические операторы.

Особенности

Sass можно использовать тремя способами:

• в командной строке,
• в качестве модуля языка Ruby,
• как модуль для фреймворка, который поддерживает модульный интерфейс Rack, например, Ruby on Rails.

Преимущества

• Упрощает работу с CSS-стилями.
• Полностью совместим со всеми версиями CSS.
• Поддерживается фреймворками такими как Bootstrap.