Feature/radio

.gitignore

@@ -180,6 +180,9 @@ Temporary Items
 .directory
 
 
+### VS Code ###
+.vscode/
+
 ### PyCharm ###
 # Covers JetBrains IDEs: IntelliJ, RubyMine, PhpStorm, AppCode, PyCharm
 

.pre-commit-config.yaml

@@ -42,7 +42,7 @@ repos:
         name: djlint
         entry: poetry run djlint --reformat
         language: system
-        types_or: [html]
+        types_or: [html,jinja]
 
 ## system
 -   repo: https://github.com/asottile/pyupgrade

.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 @@
       }
     ]
   }
-}
+}

frontend/css/app-base.css

@@ -10,3 +10,35 @@
  *
  */
 @import "@/css/app.scss";
+
+
+@layer base {
+  h1 {
+    @apply text-4xl font-bold mb-3;
+  }
+
+  h2 {
+    @apply text-3xl font-bold mb-2;
+  }
+
+
+  h3 {
+    @apply text-3xl font-semibold mb-2;
+  }
+
+  h4 {
+    @apply text-2xl font-semibold mb-1;
+  }
+
+  h5 {
+    @apply text-xl mb-1;
+  }
+
+  h6 {
+    @apply text-lg;
+  }
+
+  ul {
+    @apply list-disc list-inside;
+  }
+}

frontend/css/app-components.css

@@ -25,6 +25,5 @@
 /* @import './pages/homepage.pcss'; */
 
 @import "@/css/components/messages.scss";
-@import "@/css/components/buttons.scss";
 @import "@/css/components/links.scss";
 @import "@/css/components/forms.scss";

frontend/css/components/links.scss

@@ -1,6 +1,6 @@
 .link {
   @apply cursor-pointer no-underline;
-  @apply text-indigo-500;
+  @apply text-indigo-600;
   @apply hover:underline;
-  @apply hover:text-indigo-700;
+  @apply hover:text-indigo-800;
 }