style(front): improve list styles

dgrebb · Feb 1, 2024 · 0966ceb · 0966ceb
1 parent 5d32461
commit 0966ceb
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 5 deletions.
diff --git a/front/src/lib/styles/base/typography.css b/front/src/lib/styles/base/typography.css
@@ -182,7 +182,7 @@ h1.page-heading {
   .meat {
     ol,
     ul {
-      margin: 0.75rem 0 0.75rem 1.5rem;
+      margin: 0.75rem 0 0.75rem 0;
       ol,
       ul {
         margin: 0.75rem 0 0.75rem 0.75rem;

diff --git a/front/src/lib/styles/pages/post.css b/front/src/lib/styles/pages/post.css
@@ -187,14 +187,16 @@
   ol {
     li {
       counter-increment: item;
+      padding-left: 1rem;
       list-style-type: none;
       &:before {
-        display: inline-block;
-        padding-right: 0.5em;
-        width: 1.5em;
+        position: absolute;
+        left: 1rem;
+        margin-right: 0.5rem;
         content: counter(item) '.';
+        color: var(--fg-clr-ooo);
         font-family: var(--font-psb);
-        text-align: right;
+        /* text-align: right; */
       }
     }
   }
-Original file line number
+Diff line change
@@ Expand Up / @@ -182,7 +182,7 @@ h1.page-heading { @@
       .meat {
         ol,
         ul {
-          margin: 0.75rem 0 0.75rem 1.5rem;
+          margin: 0.75rem 0 0.75rem 0;
           ol,
           ul {
             margin: 0.75rem 0 0.75rem 0.75rem;
@@ Expand Down @@