fix: fix ul ol bug

forecho · Sep 12, 2023 · 995f5cd · 995f5cd
1 parent 11b6113
commit 995f5cd
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/assets/css/main.css b/assets/css/main.css
@@ -2,6 +2,12 @@
 @tailwind components;
 @tailwind utilities;
 
+@layer base {
+  ul, ol {
+    list-style: revert;
+  }
+}
+
 .post-content {
   line-height: 1.625;
   color: #424242;
@@ -52,7 +58,6 @@
 
 .post-content ul,
 .post-content ol {
-  list-style-type: initial;
   padding: 0.5rem 0 1rem 1.5rem;
 }
 

diff --git a/layouts/partials/header.html b/layouts/partials/header.html
@@ -16,7 +16,7 @@
       </div>
 
       <div class="w-full flex-grow lg:flex lg:items-center lg:w-auto hidden mt-2 lg:mt-0 bg-gray-100 dark:bg-gray-800 md:bg-transparent z-20" id="nav-content">
-          <ul class="list-reset lg:flex justify-end flex-1 items-center">
+          <ul class="list-none lg:flex justify-end flex-1 items-center">
                 {{- range $item := $.Site.Params.NavItems }}
                     <li class="mr-3">
                     <a href="{{ index $item 1 }}" class="inline-block py-2 px-2 text-gray-700 dark:text-gray-300 font-bold no-underline">{{ index $item 0 }}</a>