0

Разбираюсь с миксинами. Как я понял я могу передать туда переменную и что-то с ней сделать:

$var: "padding"
@mixin exemple($var){
...
}

А можно ли сделать вызов такого миксина @include exemple("padding")и делать что-то со свойством padding? В scss тоже можно передавать переменным значение по умолчанию как в js? То есть, если написать:

@mixin exemple($var: "padding"){
$var: 20px;
}

то в $var при подключении миксина по идее можно будет передать любую строку. Есть ли способ конвертировать эту строку в свойство?

1 ответ 1

0

Для того что, я хочу реализовать подходит интерполяция. Записывается как #{}, то есть если написать такой миксин:

@mixin exemple ($property){
#{$property}: 20px;
}

И использовать его так:

body{
@include exemple("margin");
}

То body добавится свойство margin: 20px. Естественно, использовать интерполяцию можно и в более сложных миксинах.

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.