pseudo

Shorthand for both content and display properties of pseudo-elements.

Arguments

NameTypeDefaultDescription
$displaystringblockThe value of display property.
$contentstring''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;
}
Edit this page on GitHub Updated at Mon, Jan 30, 2023