🖌️ fix: ordered lists markers (#4568)

* fix ordered lists markers styling

* cleanup

* refactor: additional padding for 3-digit markers

* Refactor CSS to remove extra spacing in lists

---------

Co-authored-by: Thingersoft <thingersoft@gmail.com>
This commit is contained in:
Danny Avila 2024-10-28 15:56:03 -04:00 committed by GitHub
parent a21591d25d
commit e0222d42c6
No known key found for this signature in database
GPG key ID: B5690EEEBB952194

View file

@ -2006,7 +2006,7 @@ button.scroll-convo {
list-style-position: outside;
margin-top: 1em;
margin-bottom: 1em;
padding-left: 1.625em;
padding-left: 3em;
}
.prose li,
@ -2019,19 +2019,16 @@ button.scroll-convo {
.prose ol,
.markdown ol {
list-style-type: decimal;
counter-reset: list-counter;
}
.prose ol > li,
.markdown ol > li {
position: relative;
padding-left: 0.375em;
counter-increment: list-counter;
}
.prose ol > li::marker,
.markdown ol > li::marker {
content: counter(list-counter) '. ';
color: var(--tw-prose-counters);
font-weight: 400;
}
@ -2040,33 +2037,11 @@ button.scroll-convo {
.prose ol ol,
.markdown ol ol {
list-style-type: lower-alpha;
counter-reset: list-counter-alpha;
}
.prose ol ol > li,
.markdown ol ol > li {
counter-increment: list-counter-alpha;
}
.prose ol ol > li::marker,
.markdown ol ol > li::marker {
content: counter(list-counter-alpha, lower-alpha) '. ';
}
.prose ol ol ol,
.markdown ol ol ol {
list-style-type: lower-roman;
counter-reset: list-counter-roman;
}
.prose ol ol ol > li,
.markdown ol ol ol > li {
counter-increment: list-counter-roman;
}
.prose ol ol ol > li::marker,
.markdown ol ol ol > li::marker {
content: counter(list-counter-roman, lower-roman) '. ';
}
/* Unordered lists */
@ -2109,14 +2084,6 @@ button.scroll-convo {
margin-bottom: 0.75em;
}
/* Remove extra spacing */
.prose > ul > li > *:first-child,
.prose > ol > li > *:first-child,
.markdown > ul > li > *:first-child,
.markdown > ol > li > *:first-child {
margin-top: 1.25em;
}
.prose > ul > li > *:last-child,
.prose > ol > li > *:last-child,
.markdown > ul > li > *:last-child,
@ -2130,28 +2097,6 @@ button.scroll-convo {
color: currentColor;
}
/* Reset counter for new sections */
.prose h1 + ol,
.prose h2 + ol,
.prose h3 + ol,
.prose h4 + ol,
.prose h5 + ol,
.prose h6 + ol,
.markdown h1 + ol,
.markdown h2 + ol,
.markdown h3 + ol,
.markdown h4 + ol,
.markdown h5 + ol,
.markdown h6 + ol {
counter-reset: list-counter;
}
/* Reset counter after unordered lists */
.prose ul + ol,
.markdown ul + ol {
counter-reset: list-counter;
}
/* Keyframes */
@keyframes slideFromLeftToRightAndFade {