fix: issue with indentation of lists

shivan-s · Oct 31, 2024 · 3bc33a4 · 3bc33a4
1 parent d907719
commit 3bc33a4
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 9 deletions.
diff --git a/assets/css/main.css b/assets/css/main.css
@@ -397,16 +397,16 @@ div.content {
     padding-left: var(--normal-gap);
   }
 
-  & p ~ ul,
-  p ~ ol {
-    margin-bottom: none;
-  }
-
-  & ul ol {
-    list-style-position: inline;
+  & ul,
+  ol {
+    list-style-position: inside;
 
-    li {
+    & li {
       padding-left: var(--normal-gap);
+
+      & p {
+        display: inline;
+      }
     }
   }
 

diff --git a/content/about/index.md b/content/about/index.md
@@ -1 +1,7 @@
 My about page
+
+1. Test
+
+   - Testing
+
+2. Testing
diff --git a/layouts/_default/home.html b/layouts/_default/home.html
@@ -7,7 +7,7 @@ <h1 hidden>{{ .Page.Title }}</h1>
           <h2>About</h2>
         </a>
       </header>
-      <p>{{ truncate 256 .Content }}</p>
+      <div class="content">{{ truncate 256 .Content }}</div>
       <footer>
         <a href="{{ .RelPermalink }}">Read more...</a>
       </footer>