Define list indentation styles on theme.ts itself

jot-it · Jan 19, 2024 · 39c1ae7 · 39c1ae7
1 parent fbd590e
commit 39c1ae7
Show file tree

Hide file tree

Showing 2 changed files with 1 addition and 8 deletions.
diff --git a/apps/front-end/src/app/[workspace]/note/[id]/theme.ts b/apps/front-end/src/app/[workspace]/note/[id]/theme.ts
@@ -21,6 +21,7 @@ const theme: EditorThemeClasses = {
     nested: {
       listitem: "list-none",
     },
+    ulDepth: ["", "list-[circle]", "list-[square]"],
   },
   link: "dark:text-cyan-400 dark:visited:text-indigo-400 text-cyan-600 cursor-pointer",
   codeHighlight: codeHighlightTheme,

diff --git a/apps/front-end/src/app/globals.css b/apps/front-end/src/app/globals.css
@@ -6,14 +6,6 @@
   .underline-through {
     text-decoration: underline line-through;
   }
-
-  .prose ul ul {
-    list-style-type: circle;
-  }
-
-  .prose ul ul ul {
-    list-style-type: square;
-  }
 }
 
 @layer base {