pseudo
Shorthand for both content
and display
properties of pseudo-elements.
Arguments
Name | Type | Default | Description |
---|---|---|---|
$display | string | block | The value of display property. |
$content | string | '' | The value of content property. |
Example
@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;
}