VBV-86: Update base font styles

client/src/views/StyelGuideView.vue

@@ -22,7 +22,9 @@ const state = reactive({
   dropdownSelected: {id: 8},
 })
 
-
+// TODO: die CSS-Klasse für die Farben wird hier in der StyleGuideView.vue generiert.
+// deshalb muss man diese CSS-Klassen in tailwind.config.js "safelist"en, wenn diese sonst
+// noch nirgendwo verwendet werden.
 const colors = ['blue', 'sky', 'orange', 'green', 'red', 'gray',];
 const colorValues = [100, 200, 300, 400, 500, 600, 700, 800, 900,];
 

client/tailwind.config.js

@@ -4,6 +4,7 @@ module.exports = {
   content: [
     './index.html',
     './src/**/*.{vue,js,ts,jsx,tsx}',
+    // TODO: wenn man den server-pfad auch angibt wird Tailwind langsamer?! (Startzeit erhöht sich stark...)
     // '../server/vbv_lernwelt/**/*.{html,js,py}',
   ],
   theme: {

client/tailwind.css

@@ -24,19 +24,19 @@ svg {
   }
 
   h2 {
-    @apply text-3xl xl:text-4xl font-bold
+    @apply text-2xl md:text-3xl xl:text-4xl font-bold
   }
 
   .heading-2 {
-    @apply text-3xl xl:text-4xl font-bold
+    @apply text-2xl md:text-3xl xl:text-4xl font-bold
   }
 
   h3 {
-    @apply text-2xl font-bold
+    @apply text-xl xl:text-2xl font-bold
   }
 
   .heading-3 {
-    @apply text-3xl xl:text-4xl font-bold
+    @apply text-xl xl:text-2xl font-bold
   }
 
   .link {