Чому препроцесор SCSS (він же SASS, просто новіша версія) такий популярний серед фронтендщиків? У даному відео я наведу 6 плюсів розширення SCSS у порівнянні із самим CSS. Я намагався базово показати часто вживані елементи SCSS, проте згадав далеко не все - для прикладу, не менш крутою штукою є функції (@function), вбудовані модулі (@use "sass:color") і так далі. Детальніше шукайте за посиланням внизу :)
- Документація SASS(SCSS): https://sass-lang.com/documentation
Зміст:
00:00 Коротко про SCSS
01:37 Модульне використання
04:12 Змінні
05:37 Вбудовування стилів
07:02 Mixins
09:28 Наслідування із extend
11:24 Оператори
13:22 Підсумки
Ком'юніті:
- Маніфест (ком'юніті україномовних блоґерів): https://manifest.in.ua
- Маніфест (основний Telegram-канал): https://t.me/manifestinua
- @ua_programmer (меми для програмістів): https://www.instagram.com/ua_programmer
- Learning Web Development (FB-група): https://www.facebook.com/groups/learningwebdevelopment
Корисні посилання:
- Shutterstock (стокові фото та відео): https://submit.shutterstock.com/?ref=205366377
- Todoist (система таск-менеджменту): https://todoist.com/r/yuriy_detsyk_vqneet
- Payoneer (фінансова система, БОНУС $25 після отримання $1000): https://bit.ly/3jQEJGH
- Audible (БЕЗКОШТОВНО 2 аудіокниги): https://amzn.to/2HRvU1d
- Teamwork (система командного таск-менеджменту): https://www.teamwork.com/partner/e2fj9ugrdw
- Epidemic Sound (ліцензійна музика, БЕЗКОШТОВНО 1 місяць): https://www.epidemicsound.com/referral/pyyndk/
- vidIQ (інструмент розкрутки YouTube-каналу): https://vidiq.com/?afmc=6k0
- Duolingo (БЕЗКОШТОВНА платформа для вивчення мов): https://invite.duolingo.com/BDHTZTB5CWWKSJOACYTXH5VCLI
Швидке посилання на відео: https://youtu.be/FQAc7AostM8
Додавайтесь у соціальних мережах:
- https://www.instagram.com/yuriydetsyk
- https://www.linkedin.com/in/yuriydetsyk
- https://twitter.com/yuriydetsyk
#scss #sass #YuriyDetsyk #css #vscode #айті #IT #ІТ #WatchUA
розгорнути опис
згорнути опис
