Fix spacing for blockquotes, unordered, and ordered lists

Fixes studieren-ohne-grenzen/website-content#9
studieren-ohne-grenzen · Sep 9, 2024 · e505984 · e505984
1 parent d337d53
commit e505984
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 4 deletions.
diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -1,4 +1,7 @@
 {
   "eslint.format.enable": true,
-  "editor.tabSize": 2
+  "editor.tabSize": 2,
+  "files.associations": {
+    "tailwind.css": "tailwindcss"
+  }
 }
diff --git a/assets/css/tailwind.css b/assets/css/tailwind.css
@@ -15,7 +15,10 @@
 .nuxt-content > h2,
 .nuxt-content > h3,
 .nuxt-content > h4,
-.nuxt-content > p {
+.nuxt-content > p,
+.nuxt-content > blockquote,
+.nuxt-content > ul,
+.nuxt-content > ol {
   @apply lg:mx-24 xl:mx-24 2xl:mx-40;
 }
 
@@ -28,7 +31,8 @@
 .nuxt-content h2,
 .nuxt-content h3,
 .nuxt-content h4,
-.nuxt-content p {
+.nuxt-content p,
+.nuxt-content blockquote {
   @apply max-w-prose;
 }
 
@@ -84,7 +88,7 @@ table th {
 
 /* Quote */
 .nuxt-content blockquote {
-  @apply left-10 ml-10 border-l-8 border-sogblue-dark bg-gray-100;
+  @apply border-l-8 border-sogblue-dark bg-gray-100;
   quotes: '\201C''\201D''\2018''\2019';
 }