Все о МИКСИНАХ в Sass за 30 минут
Веб-разработка - DevMagazine
0:00 / 0:00
Все о МИКСИНАХ в Sass за 30 минут
6 834 просмотра · 5 лет назад
Веб-разработка - DevMagazine
9,32 тыс. подписчиков
6 834 просмотра · 5 лет назад
#sass #scss
В этом видео говорим о миксинах (mixin) в Sass, как передавать аргументы в миксины, как передать произвольное количество аргументов в миксины, блок content и т.д.
Sass это препроцессор. Он переводит sass-код в чистый css, так как браузер понимает только css. Sass просто удобнее использовать за счет того, что он расширяет возможности css, добавляет новый синтаксис.
Sass помогает удобнее организовать стили и сделать их более удобными для восприятия и работы, и в целом сокращает количество кода. Можно выносить общие участки стилей и переиспользовать их с возможностью кастомизации.
Это полный курс по Sass, он содержит подробное описание всех особенностей работы c Sass: синтаксис, миксины, наследование, функции, модули, ключевые слова и т.д. Ссылка на плейлист с курсом по Sass • 📔 Sass курс .
Мы в соцсетях:
💻 Сайт: https://it-dev-journal.ru
💻 Telegram: https://t.me/devmagazinechannel
💻 Twitter: / _devmagazine
💻 GitHub: https://github.com/vadimkorr
☕️ Поддержать канал: https://www.donationalerts.com/r/devm...
Плейлисты и курсы:
📃 Исходный код: https://t.me/devmagazinechannel/86
💡 Sass: • 📔 Sass курс
💡 Все о ReactJS: • 📘 ReactJS
💡 Как пройти ReactJS собеседование: • 🚀 Собеседование React Frontend
💡 ReactJS хуки: • 🐠 React хуки
💡 Redux: • ☕️ Redux курс
💡 Как создать слайдер на ReactJS: • 🎪 Как создать СЛАЙДЕР на ReactJS
💡 Svelte: • 🌴 Svelte курс
💡 Redux Saga: • 🍏 Redux Saga курс
💡 GraphQL: • 💪 GraphQL
💡 JavaScript: • 📜 JavaScript
00:00 - Что такое миксин
00:29 - Пример
03:11 - Миксин без аргументов
06:52 - Миксин с аргументами
10:14 - Имена миксинов
10:46 - Значения аргументов по умолчанию
11:14 - Именованные аргументы
12:42 - Произвольное количество аргументов
19:55 - Произвольное количество именованных аргументов
26:19 - Блок @content
28:50 - Несколько блоков @content
29:13 - Аргументы в блоке @content
33:00 - Итоги
#devmagazine #devmagazinechannel