Mixins
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 flow;
}
.element-two::after {
content: 'foo';
display: inline flow-root;
}