Препроцессор Sass/SCSS за 17 минут

preview_player
Показать описание

––––––––––––––––––––––––––––––

📋 Кратко, о чем это видео

В этом видео вы узнаете основы препроцессора SASS/SCSS, что это такое и как использовать его возможности для быстрого написания стилей.

Для компиляции SASS в CSS будем пользоваться плагином Live Sass Compiler . Этот плагин является расширением редактора кода VS Code.

––––––––––––––––––––––––––––––

📌 Ссылки на источники

––––––––––––––––––––––––––––––

🕒 Таймкоды из видео

0:00 Введение
0:31 Что такое Sass
1:27 Возможности Sass
2:37 Установка Live Sass Compiler
3:57 Настройка Live Sass Compiler
6:06 Импорты
8:46 Переменные
11:47 Вложенности
15:24 Миксины
16:26 Арифметические операции
17:16 Завершение

––––––––––––––––––––––––––––––

💙 Поддержать меня и мой канал

Рекомендации по теме
Комментарии
Автор

Этот препроцессор, а конкретно этот ролик по нему просто взорвал мой мозг, не мог даже подумать, что в стилизации веб-странички есть настолько много возможностей! Очень хочу и жду вторую часть видео про ветвления, циклы и функции sass, было бы очень интересно узнать больше о них именно на этом канале! Спасибо❤️

asasanik
Автор

За час поисков нашёл самый удобный способ подключение.Автору моё уважение!)

sportodavka
Автор

если никто не пишет про 2х - то я стану первым.
Поставил видео на 2х и выучил SCSS за 8.5 мин

trojan
Автор

спасибо огромное, весь день сидела - не получалось scss подключить:) а теперь все предельно ясно

licettte
Автор

это лучшее видео подробное во всём ютубе! я думал, что голову сломаю с этими компиляторами!!! всё из рук я безумно вам благодарен!!!! подпишусь на вас

tosya
Автор

Очень круто, всё понятно. Спасибо за прекрасный урок!

juscikv
Автор

Отличное видео, очень помогло разобраться с Sass, наконец-то, спасибо!

ggfknqo
Автор

Спасибо тебе за подачу материала, все очень кратко и понятно))

Ilya_i
Автор

Спасибо большое за труд! Как по мне, самое доступное объяснение

dexter
Автор

13:35 символ амперсанд можно не ставить, все равно скомпилирует как вложенный в родительский класс. тогда какой смысл в амперсанде?

arinakolun
Автор

как сделать чтобы output постоянно не выскакивал, он просто не нужен, но при каждой компиляции снова выскакивает и сердит, как это исправить

qzcrvqi
Автор

Поставив лайк, все вийшло. Але писати налаштування довелось ручками, бо посилання на твій сайт не працює...

BRILLIANTIC
Автор

скажите пожалуйста как удалить sass ruby на мак буке?

asifabbasov
Автор

У кого нибудь json ругался ? Я копировал и ставил он у меня ругается на этот код

darkk
Автор

а это файл мап...он нам не нужен...позже покажу как его удалить...- спасибо давно так не ржала🤣😂🤣😂

olenakunina
Автор

Что-то народ в комментах не с того начинает учиться. Какой sass. Обычный цсс выучите

POEOneLove