feat: article editor core

web/src/assets/main.css

@@ -112,7 +112,8 @@
 	--breakpoint-lg: 64rem;
 	--breakpoint-xl: 80rem;
 
-	--shadow-popover: 0 4px 16px rgb(17 17 17 / 0.08), 0 1px 2px rgb(17 17 17 / 0.06);
+	--shadow-popover:
+		0 4px 16px rgb(17 17 17 / 0.08), 0 1px 2px rgb(17 17 17 / 0.06);
 	--shadow-modal: 0 16px 48px rgb(17 17 17 / 0.18);
 
 	--ease-standard: cubic-bezier(0.2, 0, 0, 1);
@@ -260,9 +261,24 @@ body {
 .article-content li {
 	margin: 0 0 0.375rem;
 }
+.article-content li > p {
+	margin: 0;
+}
 .article-content li::marker {
 	color: var(--ui-text-muted);
 }
+.article-content [data-indent='1'] {
+	padding-left: 1.5rem;
+}
+.article-content [data-indent='2'] {
+	padding-left: 3rem;
+}
+.article-content [data-indent='3'] {
+	padding-left: 4.5rem;
+}
+.article-content [data-indent='4'] {
+	padding-left: 6rem;
+}
 .article-content blockquote {
 	margin: 1.75rem 0;
 	padding-left: 1.25rem;