Все о МИКСИНАХ в Sass за 30 минут

#sass #scss

В этом видео говорим о миксинах (mixin) в Sass, как передавать аргументы в миксины, как передать произвольное количество аргументов в миксины, блок content и т.д.

Sass это препроцессор. Он переводит sass-код в чистый css, так как браузер понимает только css. Sass просто удобнее использовать за счет того, что он расширяет возможности css, добавляет новый синтаксис.

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

Мы в соцсетях:

Плейлисты и курсы:

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

[compampa]

за год всего 1900 просмотров. непорядок.
Доходчиво объясняешь) лайк

[sshhii]

Здарова. Подскажи пжл как у тебя в scss отображаются палитра цветов? В css у меня работало отображение квадратик с и можно было навести на квадратик, вылазила палитра и можно было цвет подобрать или просто когда пишешь color: сразу список цветов выпадал. После установки scss это все пропало, как врубить такую функцию? Или плагин какой-то надо?

[KEMP-lndv]

а зачем надо было дочерний комбинатор использовать на 2:44 ?

[korvinplay]

вот аргументы по умолчанию почему всегда последний аргумент по умолчанию как сделать по умолчанию аргумент в середине списка аргументов в начале списка аргументов каким знаком передать аргумент по умолчанию в обычных скобках
например по умолчанию цвет border $Bcolor:red
@mixin GMixin($W, $H, $Bw, $Bs, $Bcolor:red, $Ow, $Os, $Ocolor, $radius, $margin, $padding, $color, )
{width:
присваиваю классу миксин
что писать как обозначить пустоту
если удалю в последовательности значение color препрос выдает ошибку