Merge pull request 'fix: ul styles for rich text' (#9) from fixes/visuals into main
Build and push / build (push) Successful in 4m37s
Build and push / build (push) Successful in 4m37s
Reviewed-on: #9
This commit was merged in pull request #9.
This commit is contained in:
@@ -316,15 +316,12 @@
|
|||||||
|
|
||||||
.rich-text ul {
|
.rich-text ul {
|
||||||
list-style: none;
|
list-style: none;
|
||||||
padding-left: 0;
|
padding-left: 1.5em;
|
||||||
margin: 1em 0;
|
margin: 1em 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.rich-text ul li {
|
.rich-text ul li {
|
||||||
display: grid;
|
text-indent: -1.5em;
|
||||||
grid-template-columns: auto 1fr;
|
|
||||||
gap: 0.65em;
|
|
||||||
align-items: start;
|
|
||||||
margin-top: 0.5em;
|
margin-top: 0.5em;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -334,6 +331,10 @@
|
|||||||
|
|
||||||
.rich-text ul li::before {
|
.rich-text ul li::before {
|
||||||
content: "◆";
|
content: "◆";
|
||||||
|
display: inline-block;
|
||||||
|
width: calc(1.5em / 0.55);
|
||||||
|
/* reset inherited text-indent so glyph isn't shifted inside the ::before box */
|
||||||
|
text-indent: 0;
|
||||||
color: var(--blue);
|
color: var(--blue);
|
||||||
font-size: 0.55em;
|
font-size: 0.55em;
|
||||||
/* line-height matches parent so diamond centers within the first line box */
|
/* line-height matches parent so diamond centers within the first line box */
|
||||||
|
|||||||
Reference in New Issue
Block a user