Wiki

resources/css/app.css

@@ -1,10 +1,10 @@
 @import 'tailwindcss';
+@plugin "@tailwindcss/typography";
 
 @import 'tw-animate-css';
 
 @source '../../vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php';
 @source '../../storage/framework/views/*.php';
-
 @custom-variant dark (&:is(.dark *));
 
 @theme inline {
@@ -170,3 +170,17 @@
         @apply bg-background text-foreground;
     }
 }
+
+@layer components {
+  .quill-content .ql-align-center { text-align: center; }
+  .quill-content .ql-align-right { text-align: right; }
+  .quill-content .ql-align-justify { text-align: justify; }
+
+  .quill-content .ql-size-small { font-size: 0.875rem; }
+  .quill-content .ql-size-large { font-size: 1.25rem; }
+  .quill-content .ql-size-huge { font-size: 1.5rem; }
+
+  .quill-content .ql-indent-1 { padding-left: 1.5rem; }
+  .quill-content .ql-indent-2 { padding-left: 3rem; }
+  .quill-content .ql-indent-3 { padding-left: 4.5rem; }
+}