В чем разница между SCSS и SASS?
Опубликовано: 2 Декабря, 2021
SASS (Syntactically Awesome Style Sheets) - это язык сценариев препроцессора, который будет компилироваться или интерпретироваться в CSS. SassScript сам по себе является языком сценариев, тогда как SCSS является основным синтаксисом для SASS, который строится на основе существующего синтаксиса CSS. Он использует точки с запятой и скобки, такие как CSS (каскадные таблицы стилей).
SASS и SCSS могут импортировать друг друга. Sass на самом деле делает CSS более мощным за счет поддержки математики и переменных.
Перечислим основные различия между SASS и SCSS.
- SASS используется, когда нам нужен исходный синтаксис, синтаксис кода для SCSS не требуется.
- SASS следует строгому отступу, SCSS не имеет строгого отступа.
- SASS имеет свободный синтаксис с пробелами и без точек с запятой, SCSS больше похож на стиль CSS, и использование точек с запятой и фигурных скобок является обязательным.
- Расширение файла SASS - .sass, а расширение файла SCSS - .scss.
- У SASS больше сообщества разработчиков и поддержки, чем у SCSS.
Пример SCSS:
SCSS
/* .scss file */$bgcolor: blue;$textcolor: red;$fontsize: 25px; /* Use the variables */body { background-color: $bgcolor; color: $textcolor; font-size: $fontsize;} |
Внешний CSS:
тело {
цвет фона: зеленый;
красный цвет;
размер шрифта: 25 пикселей;
}
/ * теперь можно применить результирующий html-файл * /
Пример SASS:
SASS
/* SASS */ $primary-color: green$primary-bg: red body color: $primary-color background: $primary-bg |
Внешний CSS:
/ * CSS * /
тело {
цвет: зеленый;
фон: красный;
}