7.1 #Decorations.underline-underbullet Nice bullet or underline
For viewport width ≤ 25rem, it is a bullet of 1em diameter, otherwise it as
an underline of 0.5em thickness. (Resize browser window to see the change.)
The transition between the two states happens smoothly in 1s.
Note: some margins are hard-coded.
Inputs:
--theme-color: filling color--down-right-shadow: shadow color
Example
Markup
<style>
.underline-underbullet::after {
display: block;
content: "";
}
</style>
<div class="underline-underbullet">
</div>
Source:
css/modules/decorations.css, line 1