#sass #scss
В этом видео говорим о миксинах (mixin) в Sass, как передавать аргументы в миксины, как передать произвольное количество аргументов в миксины, блок content и т.д.
Sass это препроцессор. Он переводит sass-код в чистый css, так как браузер понимает только css. Sass просто удобнее использовать за счет того, что он расширяет возможности css, добавляет новый синтаксис.
Sass помогает удобнее организовать стили и сделать их более удобными для восприятия и работы, и в целом сокращает количество кода. Можно выносить общие участки стилей и переиспользовать их с возможностью кастомизации.
Это полный курс по Sass, он содержит подробное описание всех особенностей работы c Sass: синтаксис, миксины, наследование, функции, модули, ключевые слова и т.д. Ссылка на плейлист с курсом по Sass [ Ссылка ] .
Мы в соцсетях:
💻 Сайт: [ Ссылка ]
💻 Telegram: [ Ссылка ]
💻 Twitter: [ Ссылка ]
💻 GitHub: [ Ссылка ]
☕️ Поддержать канал: [ Ссылка ]
Плейлисты и курсы:
📃 Исходный код: [ Ссылка ]
💡 Sass: [ Ссылка ]
💡 Все о ReactJS: [ Ссылка ]
💡 Как пройти ReactJS собеседование: [ Ссылка ]
💡 ReactJS хуки: [ Ссылка ]
💡 Redux: [ Ссылка ]
💡 Как создать слайдер на ReactJS: [ Ссылка ]
💡 Svelte: [ Ссылка ]
💡 Redux Saga: [ Ссылка ]-
💡 GraphQL: [ Ссылка ]
💡 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
![](https://i.ytimg.com/vi/UEFHlRqvEnM/maxresdefault.jpg)