webseite-sass-js/dev/assets/scss/03_base/_colors.scss

@@ -0,0 +1,8 @@
+/* Color Theme Swatches in Hex */
+$color-1: #5c4b51;
+$color-2: #8cbeb2;
+$color-3: #f2ebbf;
+$color-4: #f3b562;
+$color-5: #f06060;
+
+$color-red: $color-5;

webseite-sass-js/dev/assets/scss/03_base/_index.scss

@@ -0,0 +1,5 @@
+@import 'variables';
+@import 'utils';
+@import 'typography';
+@import 'colors';
+@import 'theme';

webseite-sass-js/dev/assets/scss/03_base/_theme.scss

@@ -0,0 +1,23 @@
+// Allgemeine Formatierungen für die ganze Webanwendung
+
+*,
+html {
+  box-sizing: border-box;
+}
+
+html,
+body {
+  height: 100%;
+  padding: 0;
+  margin: 0;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: $font-headline;
+  font-weight: 700;
+}

webseite-sass-js/dev/assets/scss/03_base/_typography.scss

@@ -0,0 +1,9 @@
+$fallback-serif: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
+$fallback-sans-serif: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+
+$font-headline: 'Playfair Display', $fallback-serif;
+$font-subclaim: $fallback-sans-serif;
+
+$font-menu: $fallback-sans-serif;
+$font-copy: $fallback-sans-serif;
+$font-quote: $fallback-serif;