From 39da11e3f3685f49321757576d2b87a48bf25db5 Mon Sep 17 00:00:00 2001
From: Josh Johanning <joshjohanning@github.com>
Date: Wed, 5 Oct 2022 02:17:50 -0500
Subject: [PATCH] perf: optimize the extra padding in lists (#703)

Resolves #702
---
 _sass/addon/commons.scss | 47 ++++++++++++++++------------------------
 1 file changed, 19 insertions(+), 28 deletions(-)

diff --git a/_sass/addon/commons.scss b/_sass/addon/commons.scss
index cd6c8cc..e136d66 100644
--- a/_sass/addon/commons.scss
+++ b/_sass/addon/commons.scss
@@ -76,14 +76,6 @@ h5 {
   font-size: 1.1rem;
 }
 
-ol,
-ul {
-  ol,
-  ul {
-    margin-bottom: 1rem;
-  }
-}
-
 a {
   @extend %link-color;
 }
@@ -468,6 +460,25 @@ img[data-src] {
 
   }
 
+  > ol,
+  > ul {
+    $start-padding: 1.25rem;
+
+    padding-inline-start: $start-padding;
+    margin: 1.25rem 0;
+
+    li {
+      margin: 0.5rem 0;
+      padding-left: 0.4rem;
+    }
+
+    ol,
+    ul {
+      padding-inline-start: $start-padding;
+      margin: 0.75rem 0;
+    }
+  }
+
   ul {
     /* attribute 'hide-bullet' was added by liquid */
     .task-list-item[hide-bullet] {
@@ -492,26 +503,6 @@ img[data-src] {
 
   } /* ul */
 
-  > ol,
-  > ul {
-    padding-left: 2rem;
-
-    li {
-      ol,
-      ul { /* sub list */
-        padding-left: 2rem;
-        margin-top: 0.3rem;
-      }
-    }
-
-  }
-
-  > ol {
-    li {
-      padding-left: 0.25em;
-    }
-  }
-
   dl > dd {
     margin-left: 1rem;
   }