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;
}