@projektemacher/storymapjs 0.10.6 → 0.10.7

package/src/scss/fonts/font.abril-droidsans.scss

@@ -0,0 +1,75 @@
+@use "pkg:@fontsource-utils/scss" as fontsource;
+@use "pkg:@fontsource/abril-fatface/scss" as abril_fatface;
+@use "../Variables" as *;
+@use "font.base" as base;
+@include fontsource.faces(
+    $metadata: abril_fatface.$metadata,
+    $weights: all,
+    $styles: all,
+    $subsets: (
+        latin,
+        latin-ext,
+    ),
+    $formats: woff2
+);
+
+/*	Font Abril Fatface & Noto Sans (formerly Droid Sans)
+
+https://fonts.google.com/specimen/Abril+Fatface
+https://fonts.google.com/noto/specimen/Noto+Sans
+// ----------------------------------------------------- */
+
+// Font Import
+// as of 2022, Droid Sans was replaced with Noto Sans
+// https: //github.com/google/fonts/issues/4469
+
+// Font Variables
+$font-main: "Noto Sans", sans-serif;
+$font-secondary: "Abril Fatface", cursive;
+$font-navigation: $font-main;
+$font-marker: $font-main;
+$font-headline-date: $font-navigation;
+$base-font-size: 16px;
+$base-font-weight: 400;
+
+// Blockquote
+$font-blockquote: $font-main;
+$font-blockquote-weight: 400;
+$font-blockquote-style: normal;
+
+// Headings
+$font-size-headings: 46px;
+$font-headings-lineheight: $font-size-headings;
+$font-headings-text-transform: none;
+$font-size-headings-small: 24px;
+$font-headings-weight: 700;
+$font-size-headline-title: 58px;
+
+// Marker
+$font-marker-text-transform: $font-headings-text-transform;
+
+// Navigation
+$font-navigation-text-transform: none;
+
+@include base.font-base(
+    (
+        font-main: $font-main,
+        font-secondary: $font-secondary,
+        font-navigation: $font-navigation,
+        font-marker: $font-marker,
+        font-headline-date: $font-headline-date,
+        base-font-size: $base-font-size,
+        base-font-weight: $base-font-weight,
+        font-blockquote: $font-blockquote,
+        font-blockquote-weight: $font-blockquote-weight,
+        font-blockquote-style: $font-blockquote-style,
+        font-size-headings: $font-size-headings,
+        font-headings-lineheight: $font-headings-lineheight,
+        font-headings-text-transform: $font-headings-text-transform,
+        font-headings-weight: $font-headings-weight,
+        font-size-headings-small: $font-size-headings-small,
+        font-size-headline-title: $font-size-headline-title,
+        font-navigation-text-transform: $font-navigation-text-transform,
+        font-marker-text-transform: $font-marker-text-transform,
+    )
+);

package/src/scss/fonts/font.amatic-andika.scss

@@ -0,0 +1,73 @@
+@use "pkg:@fontsource-utils/scss" as fontsource;
+@use "pkg:@fontsource/amatic-sc/scss" as amatic_sc;
+@use "../Variables" as *;
+@use "font.base" as base;
+@include fontsource.faces(
+    $metadata: amatic_sc.$metadata,
+    $weights: all,
+    $styles: all,
+    $subsets: (
+        latin,
+        latin-ext,
+    ),
+    $formats: woff2
+);
+
+/*	Font Amatic & Andika
+
+https://fonts.google.com/specimen/Amatic+SC
+https://fonts.google.com/specimen/Andika
+// ----------------------------------------------------- */
+
+// Font Import
+
+// Font Variables
+$font-main: "Andika", sans-serif;
+$font-secondary: "Amatic SC", cursive;
+$font-navigation: $font-main;
+$font-marker: $font-main;
+$font-headline-date: $font-navigation;
+$base-font-size: 16px;
+$base-font-weight: 400;
+
+// Blockquote
+$font-blockquote: $font-secondary;
+$font-blockquote-weight: 400;
+$font-blockquote-style: normal;
+
+// Headings
+$font-size-headings: 64px;
+$font-headings-lineheight: $font-size-headings;
+$font-headings-text-transform: none;
+$font-size-headings-small: 24px;
+$font-headings-weight: 700;
+$font-size-headline-title: 86px;
+
+// Marker
+$font-marker-text-transform: $font-headings-text-transform;
+
+// Navigation
+$font-navigation-text-transform: none;
+
+@include base.font-base(
+    (
+        font-main: $font-main,
+        font-secondary: $font-secondary,
+        font-navigation: $font-navigation,
+        font-marker: $font-marker,
+        font-headline-date: $font-headline-date,
+        base-font-size: $base-font-size,
+        base-font-weight: $base-font-weight,
+        font-blockquote: $font-blockquote,
+        font-blockquote-weight: $font-blockquote-weight,
+        font-blockquote-style: $font-blockquote-style,
+        font-size-headings: $font-size-headings,
+        font-headings-lineheight: $font-headings-lineheight,
+        font-headings-text-transform: $font-headings-text-transform,
+        font-headings-weight: $font-headings-weight,
+        font-size-headings-small: $font-size-headings-small,
+        font-size-headline-title: $font-size-headline-title,
+        font-navigation-text-transform: $font-navigation-text-transform,
+        font-marker-text-transform: $font-marker-text-transform,
+    )
+);

package/src/scss/fonts/font.bitter-raleway.scss

@@ -0,0 +1,86 @@
+@use "pkg:@fontsource-utils/scss" as fontsource;
+@use "pkg:@fontsource-variable/bitter/scss" as bitter;
+@use "pkg:@fontsource-variable/raleway/scss" as raleway;
+@use "../Variables" as *;
+@use "font.base" as base;
+@include fontsource.faces(
+    $metadata: bitter.$metadata,
+    $family: "Bitter",
+    $weights: all,
+    $styles: all,
+    $subsets: (
+        latin,
+        latin-ext,
+    ),
+    $formats: woff2
+);
+@include fontsource.faces(
+    $metadata: raleway.$metadata,
+    $family: "Raleway",
+    $weights: all,
+    $styles: all,
+    $subsets: (
+        latin,
+        latin-ext,
+    ),
+    $formats: woff2
+);
+
+/*	Font Bitter & Raleway
+
+https://fonts.google.com/specimen/Bitter
+https://fonts.google.com/specimen/Raleway
+----------------------------------------------------- */
+
+// Font Import
+
+// Font Variables
+$font-main: "Raleway", sans-serif;
+$font-secondary: "Bitter", serif;
+$font-navigation: "Helvetica Neue", helvetica, arial, "MS Trebuchet", sans-serif;
+$font-marker: $font-secondary;
+$font-headline-date: $font-navigation;
+$base-font-size: 16px;
+$base-font-weight: 300;
+
+// Blockquote
+$font-blockquote: $font-main;
+$font-blockquote-weight: 200;
+$font-blockquote-style: italic;
+
+// Headings
+$font-size-headings: 46px;
+$font-headings-lineheight: $font-size-headings;
+$font-headings-text-transform: none;
+$font-size-headings-small: 24px;
+$font-headings-weight: 700;
+$font-size-headline-title: 58px;
+
+// Marker
+$font-marker-text-transform: $font-headings-text-transform;
+
+// Navigation
+$font-navigation-text-transform: none;
+
+@include base.font-base(
+    (
+        font-main: $font-main,
+        font-secondary: $font-secondary,
+        font-navigation: $font-navigation,
+        font-marker: $font-marker,
+        font-headline-date: $font-headline-date,
+        base-font-size: $base-font-size,
+        base-font-weight: $base-font-weight,
+        font-blockquote: $font-blockquote,
+        font-blockquote-weight: $font-blockquote-weight,
+        font-blockquote-style: $font-blockquote-style,
+        font-size-headings: $font-size-headings,
+        font-headings-lineheight: $font-headings-lineheight,
+        font-headings-text-transform: $font-headings-text-transform,
+        font-headings-weight: $font-headings-weight,
+        font-size-headings-small: $font-size-headings-small,
+        font-size-headline-title: $font-size-headline-title,
+        font-navigation-text-transform: $font-navigation-text-transform,
+        font-marker-text-transform: $font-marker-text-transform,
+    )
+);

package/src/scss/fonts/font.clicker-garamond.scss

@@ -0,0 +1,92 @@
+@use "pkg:@fontsource-utils/scss" as fontsource;
+@use "pkg:@fontsource/clicker-script/scss" as clicker_script;
+@use "pkg:@fontsource-variable/eb-garamond/scss" as eb_garamond;
+@use "../Variables" as *;
+@use "font.base" as base;
+@include fontsource.faces(
+    $metadata: clicker_script.$metadata,
+    $weights: all,
+    $styles: all,
+    $subsets: (
+        latin,
+        latin-ext,
+    ),
+    $formats: woff2
+);
+@include fontsource.faces(
+    $metadata: eb_garamond.$metadata,
+    $family: "EB Garamond",
+    $weights: all,
+    $styles: all,
+    $subsets: (
+        latin,
+        latin-ext,
+    ),
+    $formats: woff2
+);
+
+/*	Font Clicker & Garamond
+
+https://fonts.google.com/specimen/Clicker+Script
+https://fonts.google.com/specimen/EB+Garamond
+----------------------------------------------------- */
+
+// Font Import
+
+// Font Variables
+$font-main: "EB Garamond", serif;
+$font-secondary: "Clicker Script", cursive;
+$font-navigation: $font-main; // 'Helvetica Neue', Helvetica, Arial, "MS Trebuchet", sans-serif;
+$font-marker: $font-navigation;
+$font-headline-date: $font-navigation;
+$base-font-size: 18px;
+$base-font-weight: 400;
+
+// Blockquote
+$font-blockquote: $font-main;
+$font-blockquote-weight: 400;
+$font-blockquote-style: italic;
+
+// Headings
+$font-size-headings: 58px;
+$font-headings-lineheight: $font-size-headings;
+$font-headings-text-transform: none;
+$font-size-headings-small: 24px;
+$font-headings-weight: 400;
+$font-size-headline-title: 64px;
+
+// Marker
+$font-marker-text-transform: $font-headings-text-transform;
+
+// Navigation
+$font-navigation-text-transform: none;
+
+@include base.font-base(
+    (
+        font-main: $font-main,
+        font-secondary: $font-secondary,
+        font-navigation: $font-navigation,
+        font-marker: $font-marker,
+        font-headline-date: $font-headline-date,
+        base-font-size: $base-font-size,
+        base-font-weight: $base-font-weight,
+        font-blockquote: $font-blockquote,
+        font-blockquote-weight: $font-blockquote-weight,
+        font-blockquote-style: $font-blockquote-style,
+        font-size-headings: $font-size-headings,
+        font-headings-lineheight: $font-headings-lineheight,
+        font-headings-text-transform: $font-headings-text-transform,
+        font-headings-weight: $font-headings-weight,
+        font-size-headings-small: $font-size-headings-small,
+        font-size-headline-title: $font-size-headline-title,
+        font-navigation-text-transform: $font-navigation-text-transform,
+        font-marker-text-transform: $font-marker-text-transform,
+    )
+);
+
+.vco-timeline {
+    .vco-headline-date,
+    h3.vco-headline-date {
+        margin-bottom: 10px !important;
+    }
+}

package/src/scss/fonts/font.dancing-ledger.scss

@@ -0,0 +1,74 @@
+@use "pkg:@fontsource-utils/scss" as fontsource;
+@use "pkg:@fontsource-variable/dancing-script/scss" as dancing_script;
+@use "../Variables" as *;
+@use "font.base" as base;
+@include fontsource.faces(
+    $metadata: dancing_script.$metadata,
+    $family: "Dancing Script",
+    $weights: all,
+    $styles: all,
+    $subsets: (
+        latin,
+        latin-ext,
+    ),
+    $formats: woff2
+);
+
+/*	Font Dancing & Ledger
+
+https://fonts.google.com/specimen/Dancing+Script
+https://fonts.google.com/specimen/Ledger
+----------------------------------------------------- */
+
+// Font Import
+
+// Font Variables
+$font-main: "Ledger", serif;
+$font-secondary: "Dancing Script", cursive;
+$font-navigation: $font-main; // 'Helvetica Neue', Helvetica, Arial, "MS Trebuchet", sans-serif;
+$font-marker: $font-secondary;
+$font-headline-date: $font-navigation;
+$base-font-size: 16px;
+$base-font-weight: 400;
+
+// Blockquote
+$font-blockquote: $font-main;
+$font-blockquote-weight: 400;
+$font-blockquote-style: normal;
+
+// Headings
+$font-size-headings: 58px;
+$font-headings-lineheight: $font-size-headings;
+$font-headings-text-transform: none;
+$font-size-headings-small: 24px;
+$font-headings-weight: 700;
+$font-size-headline-title: 68px;
+
+// Marker
+$font-marker-text-transform: $font-headings-text-transform;
+
+// Navigation
+$font-navigation-text-transform: none;
+
+@include base.font-base(
+    (
+        font-main: $font-main,
+        font-secondary: $font-secondary,
+        font-navigation: $font-navigation,
+        font-marker: $font-marker,
+        font-headline-date: $font-headline-date,
+        base-font-size: $base-font-size,
+        base-font-weight: $base-font-weight,
+        font-blockquote: $font-blockquote,
+        font-blockquote-weight: $font-blockquote-weight,
+        font-blockquote-style: $font-blockquote-style,
+        font-size-headings: $font-size-headings,
+        font-headings-lineheight: $font-headings-lineheight,
+        font-headings-text-transform: $font-headings-text-transform,
+        font-headings-weight: $font-headings-weight,
+        font-size-headings-small: $font-size-headings-small,
+        font-size-headline-title: $font-size-headline-title,
+        font-navigation-text-transform: $font-navigation-text-transform,
+        font-marker-text-transform: $font-marker-text-transform,
+    )
+);

package/src/scss/fonts/font.default.scss

@@ -0,0 +1,9 @@
+/*	Font Default
+
+PT Sans & PT Serif & PT Sans Narrow
+https://fonts.google.com/specimen/PT+Sans+Narrow
+https://fonts.google.com/specimen/PT+Sans
+https://fonts.google.com/specimen/PT+Serif
+----------------------------------------------------- */
+
+@use "font.pt" as *;

package/src/scss/fonts/font.fjalla-average.scss

@@ -0,0 +1,80 @@
+@use "pkg:@fontsource-utils/scss" as fontsource;
+@use "pkg:@fontsource/average-sans/scss" as average_sans;
+@use "../Variables" as *;
+@use "font.base" as base;
+@include fontsource.faces(
+    $metadata: average_sans.$metadata,
+    $weights: all,
+    $styles: all,
+    $subsets: (
+        latin,
+        latin-ext,
+    ),
+    $formats: woff2
+);
+
+/*	Font Fjalla & Average
+
+https://fonts.google.com/specimen/Fjalla+One
+https://fonts.google.com/specimen/Average+Sans
+----------------------------------------------------- */
+
+// Font Import
+
+// Font Variables
+$font-main: "Average Sans", sans-serif;
+$font-secondary: "Fjalla One", sans-serif;
+$font-navigation: $font-main;
+$font-marker: $font-navigation;
+$font-headline-date: $font-navigation;
+$base-font-size: 17px;
+$base-font-weight: 400;
+
+// Blockquote
+$font-blockquote: $font-main;
+$font-blockquote-weight: 400;
+$font-blockquote-style: normal;
+
+// Headings
+$font-size-headings: 46px;
+$font-headings-lineheight: 1.1em;
+$font-headings-text-transform: none;
+$font-size-headings-small: 24px;
+$font-headings-weight: 400;
+$font-size-headline-title: 58px;
+
+// Marker
+$font-marker-text-transform: $font-headings-text-transform;
+
+// Navigation
+$font-navigation-text-transform: none;
+
+@include base.font-base(
+    (
+        font-main: $font-main,
+        font-secondary: $font-secondary,
+        font-navigation: $font-navigation,
+        font-marker: $font-marker,
+        font-headline-date: $font-headline-date,
+        base-font-size: $base-font-size,
+        base-font-weight: $base-font-weight,
+        font-blockquote: $font-blockquote,
+        font-blockquote-weight: $font-blockquote-weight,
+        font-blockquote-style: $font-blockquote-style,
+        font-size-headings: $font-size-headings,
+        font-headings-lineheight: $font-headings-lineheight,
+        font-headings-text-transform: $font-headings-text-transform,
+        font-headings-weight: $font-headings-weight,
+        font-size-headings-small: $font-size-headings-small,
+        font-size-headline-title: $font-size-headline-title,
+        font-navigation-text-transform: $font-navigation-text-transform,
+        font-marker-text-transform: $font-marker-text-transform,
+    )
+);
+
+.vco-timeline {
+    .vco-headline-date,
+    h3.vco-headline-date {
+        margin-bottom: 10px !important;
+    }
+}

package/src/scss/fonts/font.georgia-helvetica.scss

@@ -0,0 +1,58 @@
+/*	Font Georgia & Helvetica
+
+----------------------------------------------------- */
+@use "../Variables" as *;
+@use "font.base" as base;
+
+// Font Import
+
+// Font Variables
+$font-main: "Helvetica Neue", helvetica, arial, "MS Trebuchet", sans-serif;
+$font-secondary: georgia, times, serif;
+$font-navigation: "Helvetica Neue", helvetica, arial, "MS Trebuchet", sans-serif;
+$font-marker: $font-secondary;
+$font-headline-date: $font-navigation;
+$base-font-size: 17px;
+$base-font-weight: 400;
+
+// Blockquote
+$font-blockquote: $font-main;
+$font-blockquote-weight: 400;
+$font-blockquote-style: italic;
+
+// Headings
+$font-size-headings: 42px;
+$font-headings-lineheight: $font-size-headings;
+$font-headings-text-transform: normal;
+$font-size-headings-small: 24px;
+$font-headings-weight: 800;
+$font-size-headline-title: 46px;
+
+// Marker
+$font-marker-text-transform: $font-headings-text-transform;
+
+// Navigation
+$font-navigation-text-transform: none;
+
+@include base.font-base(
+    (
+        font-main: $font-main,
+        font-secondary: $font-secondary,
+        font-navigation: $font-navigation,
+        font-marker: $font-marker,
+        font-headline-date: $font-headline-date,
+        base-font-size: $base-font-size,
+        base-font-weight: $base-font-weight,
+        font-blockquote: $font-blockquote,
+        font-blockquote-weight: $font-blockquote-weight,
+        font-blockquote-style: $font-blockquote-style,
+        font-size-headings: $font-size-headings,
+        font-headings-lineheight: $font-headings-lineheight,
+        font-headings-text-transform: $font-headings-text-transform,
+        font-headings-weight: $font-headings-weight,
+        font-size-headings-small: $font-size-headings-small,
+        font-size-headline-title: $font-size-headline-title,
+        font-navigation-text-transform: $font-navigation-text-transform,
+        font-marker-text-transform: $font-marker-text-transform,
+    )
+);

package/src/scss/fonts/font.knightlab.scss

@@ -0,0 +1,97 @@
+@use "pkg:@fontsource-utils/scss" as fontsource;
+@use "pkg:@fontsource/bitter/scss" as bitter;
+@use "pkg:@fontsource-variable/roboto-slab/scss" as roboto_slab;
+@use "pkg:@fontsource-variable/open-sans/scss" as open_sans;
+@use "../Variables" as *;
+@use "font.base" as base;
+@include fontsource.faces(
+    $metadata: bitter.$metadata,
+    $family: "Bitter",
+    $weights: all,
+    $styles: all,
+    $subsets: (
+        latin,
+        latin-ext,
+    ),
+    $formats: woff2
+);
+@include fontsource.faces(
+    $metadata: roboto_slab.$metadata,
+    $family: "Roboto Slab",
+    $weights: all,
+    $styles: all,
+    $subsets: (
+        latin,
+        latin-ext,
+    ),
+    $formats: woff2
+);
+@include fontsource.faces(
+    $metadata: open_sans.$metadata,
+    $family: "Open Sans",
+    $weights: all,
+    $styles: all,
+    $subsets: (
+        latin,
+        latin-ext,
+    ),
+    $formats: woff2
+);
+
+/*	Font Default
+
+Knight Lab Specific
+----------------------------------------------------- */
+
+// Font Import
+
+// Font Variables
+$font-main: "Bitter", georgia, "Times New Roman", times, serif;
+$font-secondary: "Roboto Slab", georgia, "Times New Roman", times, serif;
+$font-navigation: "Open Sans", "Helvetica Neue", helvetica, arial, sans-serif;
+$font-marker: $font-secondary;
+$font-headline-date: $font-navigation;
+$base-font-size: 16px;
+$base-font-weight: 400;
+
+// Blockquote
+$font-blockquote: $font-main;
+$font-blockquote-weight: 400;
+$font-blockquote-style: italic;
+
+// Headings
+$font-size-headings: 46px;
+$font-headings-lineheight: $font-size-headings;
+$font-headings-text-transform: none;
+$font-size-headings-small: 24px;
+$font-headings-weight: 400;
+$font-size-headline-title: 58px;
+
+// Marker
+$font-marker-text-transform: $font-headings-text-transform;
+
+// Navigation
+$font-navigation-text-transform: none;
+
+@include base.font-base(
+    (
+        font-main: $font-main,
+        font-secondary: $font-secondary,
+        font-navigation: $font-navigation,
+        font-marker: $font-marker,
+        font-headline-date: $font-headline-date,
+        base-font-size: $base-font-size,
+        base-font-weight: $base-font-weight,
+        font-blockquote: $font-blockquote,
+        font-blockquote-weight: $font-blockquote-weight,
+        font-blockquote-style: $font-blockquote-style,
+        font-size-headings: $font-size-headings,
+        font-headings-lineheight: $font-headings-lineheight,
+        font-headings-text-transform: $font-headings-text-transform,
+        font-headings-weight: $font-headings-weight,
+        font-size-headings-small: $font-size-headings-small,
+        font-size-headline-title: $font-size-headline-title,
+        font-navigation-text-transform: $font-navigation-text-transform,
+        font-marker-text-transform: $font-marker-text-transform,
+    )
+);