refactor: ol styling

Author: carsakiller

src/pages/index.astro

@@ -640,6 +640,8 @@ exec "<path-to-directory>/bin/lua-language-server" "$@&quot
 
         .instructions {
           ol {
+            margin-left: 0.5em;
+
             &[type="1"],
             &:not([type]) {
               counter-reset: item;
@@ -665,7 +667,7 @@ exec "<path-to-directory>/bin/lua-language-server" "$@&quot
             }
 
             & > li {
-              margin: 1em auto;
+              margin: 0.5em auto;
             }
           }
         }

src/pages/wiki/[...slug].astro

@@ -61,3 +61,33 @@ const modifiedTime = remarkPluginFrontmatter.lastModified
     </p>
   </div>
 </Layout>
+
+<style lang="scss" is:global>
+  article ol {
+    margin-left: 0.5em;
+    counter-reset: item;
+    list-style: none;
+
+    &:first-of-type {
+      padding-left: 0px;
+    }
+
+    & > li {
+      margin: 0.5em auto;
+
+      &::before {
+        display: inline-block;
+        content: counter(item);
+        counter-increment: item;
+        font-size: 1.25em;
+        background-color: #ffffff;
+        color: #000000;
+        width: fit-content;
+        min-width: 1.5em;
+        text-align: center;
+        border-radius: 1em;
+        margin-right: 0.5em;
+      }
+    }
+  }
+</style>