Рубрики

В чем разница между SCSS и SASS?

SASS (Синтаксически удивительные таблицы стилей) — это язык сценариев препроцессора, который будет компилироваться или интерпретироваться в CSS. SassScript сам по себе является языком сценариев, тогда как SCSS является основным синтаксисом для SASS, который основан на существующем синтаксисе CSS. Он использует точки с запятой и скобки, такие как CSS (Cascaded Style Sheets).

SASS и SCSS могут импортировать друг друга. Sass на самом деле делает CSS более мощным с поддержкой математики и переменных.

Давайте перечислим основное различие между SAAS и SCSS.

  • SASS используется, когда нам нужен оригинальный синтаксис, синтаксис кода не требуется для SCSS.
  • SASS следует строгим отступам, SCSS не имеет строгих отступов.
  • SASS имеет свободный синтаксис с пробелами и без точек с запятой, SCSS больше напоминает стиль CSS, и использование точек с запятой и скобок является обязательным.
  • Расширение файла SAAS .sass, расширение файла SCSS .scss.
  • SASS имеет больше сообщества разработчиков и поддержки, чем SCSS.

SAAS Пример

/* .sass file */
$bgcolor: blue;
$textcolor: red;
$fontsize: 25px;

  
/* Use the variables */
body {

  background-color: $bgcolor;

  color: $textcolor;

  font-size: $fontsize;

}

Outout CSS

body {
  background-color: green;
  color: red;
  font-size: 25px;
}
/* now this can apply resulting html file */

Пример SCSS:

/* SCSS */

  
$primary-color: green;
$primary-bg: red;

  
body {

  color: $primary-color;

  background: $primary-bg;

}

Outout CSS

/* CSS */
body {
color: green;
background: red;
}

Рекомендуемые посты:

В чем разница между SCSS и SASS?

0.00 (0%) 0 votes