CSS-препроцесори

CSS-препроцесори (наприклад, Less, Sass і Stylus) розширюють можливості стандартного CSS. Дозволяють використовувати змінні, вкладені правила, mixins, вбудований імпорт тощо. Що в свою чергу допомагає тримати CSS-стилі добре організованими, робить їх більш зрозумілими і компактними. CSS-препроцесори ще називають динамічними мовами стилів.+

Браузер не може інтерпретувати синтаксис Less/Sass/Stylus, тому вихідний код повинен бути скомпільований в CSS одним з трьох способів:

  • в браузері за допомогою JavaScript-інструменту;

  • на стороні сервера з використанням мови програмування;

  • локально на вашій машині за допомогою програми.

Sass використовує розширення .scss (напр., style.scss), Less — .less, а Stylus — .styl.

Last updated