floor-typography-css
Version:
Vanilla CSS normalizer and the extra minimum for an intuitive default CSS for typography and web-apps.
41 lines (32 loc) • 625 B
Markdown
```css
/** List-Style Marker */
ol, ul {
--indent: var(--spacer, 1rem);
padding-inline-start: var(--indent);
}
li {
margin: var(--spacer, 1rem) 0;
}
li::marker {
color: gray;
font-weight: bold;
}
ul {
list-style: none;
}
ul > li::marker {
content: "\2022\0000a0"; /* \2022 is bullet */
}
ol > li {
text-indent: calc(var(--indent) * -1);
}
/* Fix text-indent side effect on child elements. */
ol li :not(li) {
text-indent: 0;
}
/* Fix first-child block elements (would start on new line). */
ol > li > :first-child:not(ol):not(ul),
ol > li > * > :first-child:not(ol):not(ul):not(li) {
display: inline;
}
```