Всем привет!! Добро пожаловать на мой блог. Я объясню, почему вы должны использовать SCSS, на 4 примерах.
1. Система типизации
2. Функции
3. Встроенные модули
4. Переменные

1. Система ввода

Например, система набора текста SCSS упрощает и ускоряет работу.

система набора текста более легко читает код и понимает. SCSS сжимает все коды CSS

2. Функции

SCSS имеет множество функций, таких как Javascript и другие языки программирования, что означает, что вы можете управлять функциональностью кода CSS
Типы функций SCSS с примерами:

@use sass:list
@use sass:meta
@use sass:string

/// Возвращаем копию $list со всеми элементами, для которых $condition возвращает `true`
/// удалены.
@function remove-where($list, $condition)
$new-list: ()
$separator: list.separator($list)
@each $элемент в $list
@if не meta.call($condition , $element)
$new-list: list.append($new-list, $element, $separator: $separator)

@return $new-list
$fonts: Tahoma, Geneva, Helvetica Neue, Helvetica, Arial, без засечек

.content
@function contains-helvetica($string)
@return string.index($string, Helvetica)

семейство шрифтов: удалить-где($fonts, meta.get-function("содержит-helvetica"))

3. Встроенные модули

Sass предоставляет множество встроенных модулей, которые содержат полезные функции, такие как цвет, список, карта, математика, мета, селектор и строка.
для получения дополнительной информации вы можете посетить

Ресурсы: https://sass-lang.com/documentation/modules

4. переменные

да, вы можете использовать переменные в SCSS, например, в языках программирования.

На самом деле, кажется, что это не имеет смысла на маленьком веб-сайте, но подумайте о том, что у вас есть огромный веб-сайт на 100 страниц, такой как amazon.com, и, возможно, если вы хотите попытаться изменить все детали на странице, вам придется потратить несколько часов, но SCSS разберется. что быстро.

и, наконец, мы заканчиваем 4 важных пункта о SCSS, если вам нравится эта статья, вы можете увидеть весь мой пост в блоге здесь yusufpıçakcı.com или мой средний аккаунт
если вы хотите оспорить эту тему, пожалуйста, напишите комментарий и поделитесь своим мнением. .

Бонус!!
Хорошие ресурсы для изучения SCSS:
https://sass-lang.com/documentation
https://www.udemy.com/course/advanced-css -and-sass/
https://www.youtube.com/watch?v=Zz6eOVaaelI
https://en.wikipedia.org/wiki/Sass_(stylesheet_language)< br /> https://www.w3schools.com/sass/