Implement new css.Build.

This commit is contained in:
Fredrik Jonsson 2026-04-08 11:17:24 +02:00
commit d984bcaf5d

View file

@ -1,54 +1,52 @@
/* Lists with a straight left margin. */
@layer components {
.ul-straight-left {
display: table;
list-style: none;
padding: 0;
.ul-straight-left {
display: table;
list-style: none;
padding: 0;
& > li {
display: table-row;
& > li {
display: table-row;
&::before {
padding-inline-end: var(--spacing-xs);
display: table-cell;
content: '\2981';
font-size: var(--fs-s);
}
&::before {
padding-inline-end: var(--spacing-xs);
display: table-cell;
content: '\2981';
font-size: var(--fs-s);
}
}
}
.ol-straight-left {
display: table;
list-style: none;
padding: 0;
.ol-straight-left {
display: table;
list-style: none;
padding: 0;
& > li {
display: table-row;
counter-increment: table-ol;
& > li {
display: table-row;
counter-increment: table-ol;
&::before {
padding-inline-end: var(--spacing-xs);
display: table-cell;
content: counter(table-ol) '.';
font-size: var(--fs-s);
text-align: end;
}
&::before {
padding-inline-end: var(--spacing-xs);
display: table-cell;
content: counter(table-ol) '.';
font-size: var(--fs-s);
text-align: end;
}
}
}
.ul-straight-left--off {
display: block;
list-style: inherit;
.ul-straight-left--off {
display: block;
list-style: inherit;
& > li {
display: list-item;
& > li {
display: list-item;
&::before {
content: '';
display: inline;
padding: inherit;
}
&::before {
content: '';
display: inline;
padding: inherit;
}
}
}