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