pseudo
Сокращённый вариант одновременной записи свойств content
и display
для псевдо-элементов.
Параметры
Имя | Тип | По умолчанию | Описание |
---|---|---|---|
$display | string | block | Значение свойства display . |
$content | string | '' | Значение свойства content . |
Пример использования
@use 'more-sass' as more;
.element-one {
&::after {
@include more.pseudo;
}
}
.element-two {
&::after {
@include more.pseudo('inline-block', 'foo');
}
}
.element-one::after {
content: '';
display: block;
}
.element-two::after {
content: 'foo';
display: inline-block;
}