add base styles

Lightmatter · May 26, 2022 · 06c5154 · 06c5154
1 parent 53d9d7c
commit 06c5154
Show file tree

Hide file tree

Showing 2 changed files with 46 additions and 2 deletions.
diff --git a/.stylelintrc b/.stylelintrc
@@ -8,13 +8,25 @@
         "tailwind",
         "components",
         "utilities",
-        "screen"
+        "screen",
+        "layer"
       ]
     }],
     "block-no-empty": true,
     "color-no-invalid-hex": true,
     "declaration-colon-space-after": "always",
     "scss/at-import-partial-extension": null,
+    "scss/at-rule-no-unknown": [ true, {
+      "ignoreAtRules": [
+        "extends",
+        "apply",
+        "tailwind",
+        "components",
+        "utilities",
+        "screen",
+        "layer"
+      ]
+    }],
     "indentation": 2,
     "max-empty-lines": 2,
     "rule-empty-line-before": [
@@ -29,4 +41,4 @@
       }
     ]
   }
-}
+}
diff --git a/frontend/css/app-base.css b/frontend/css/app-base.css
@@ -10,3 +10,35 @@
  *
  */
 @import "@/css/app.scss";
+
+
+@layer base {
+  h1 {
+    @apply text-4xl font-bold;
+  }
+
+  h2 {
+    @apply text-3xl font-bold;
+  }
+
+
+  h3 {
+    @apply text-3xl font-semibold;
+  }
+
+  h4 {
+    @apply text-2xl font-semibold;
+  }
+
+  h5 {
+    @apply text-xl;
+  }
+
+  h6 {
+    @apply text-lg;
+  }
+
+  ul {
+    @apply list-disc list-inside;
+  }
+}