@projektemacher/storymapjs 0.10.6 → 0.10.8

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

@@ -0,0 +1,97 @@
+@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,
+        cyrillic,
+        cyrillic-ext,
+        greek,
+        greek-ext,
+        vietnamese,
+    ),
+    $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,75 @@
+@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,
+        vietnamese,
+    ),
+    $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,111 @@
+@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,
+        cyrillic,
+        cyrillic-ext,
+        vietnamese,
+    ),
+    $formats: woff2
+);
+@include fontsource.faces(
+    $metadata: roboto_slab.$metadata,
+    $family: "Roboto Slab",
+    $weights: all,
+    $styles: all,
+    $subsets: (
+        latin,
+        latin-ext,
+        cyrillic,
+        cyrillic-ext,
+        greek,
+        greek-ext,
+        vietnamese,
+    ),
+    $formats: woff2
+);
+@include fontsource.faces(
+    $metadata: open_sans.$metadata,
+    $family: "Open Sans",
+    $weights: all,
+    $styles: all,
+    $subsets: (
+        latin,
+        latin-ext,
+        cyrillic,
+        cyrillic-ext,
+        greek,
+        greek-ext,
+        hebrew,
+        vietnamese,
+    ),
+    $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,
+    )
+);

package/src/scss/fonts/font.lustria-lato.scss

@@ -0,0 +1,80 @@
+@use "pkg:@fontsource-utils/scss" as fontsource;
+@use "pkg:@fontsource/lato/scss" as lato;
+@use "../Variables" as *;
+@use "font.base" as base;
+@include fontsource.faces(
+    $metadata: lato.$metadata,
+    $weights: all,
+    $styles: all,
+    $subsets: (
+        latin,
+        latin-ext,
+    ),
+    $formats: woff2
+);
+
+/*	Font Lustria & Lato
+
+https://fonts.google.com/specimen/Lustria
+https://fonts.google.com/specimen/Lato
+----------------------------------------------------- */
+
+// Font Import
+
+// Font Variables
+$font-main: "Lato", sans-serif;
+$font-secondary: "Lustria", serif;
+$font-navigation: $font-main;
+$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: 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,
+    )
+);
+
+.vco-timeline {
+    .vco-headline-date,
+    h3.vco-headline-date {
+        margin-bottom: 10px !important;
+    }
+}

package/src/scss/fonts/font.medula-lato.scss

@@ -0,0 +1,73 @@
+@use "pkg:@fontsource-utils/scss" as fontsource;
+@use "pkg:@fontsource/lato/scss" as lato;
+@use "../Variables" as *;
+@use "font.base" as base;
+@include fontsource.faces(
+    $metadata: lato.$metadata,
+    $weights: all,
+    $styles: all,
+    $subsets: (
+        latin,
+        latin-ext,
+    ),
+    $formats: woff2
+);
+
+/*	Font Medula One & Lato
+
+https://fonts.google.com/specimen/Medula+One
+https://fonts.google.com/specimen/Lato
+----------------------------------------------------- */
+
+// Font Import
+
+// Font Variables
+$font-main: "Lato", sans-serif;
+$font-secondary: "Medula One", 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: 300;
+$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: 700;
+$font-size-headline-title: 72px;
+
+// 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.oldstandard.scss

@@ -0,0 +1,94 @@
+@use "pkg:@fontsource-utils/scss" as fontsource;
+@use "pkg:@fontsource/old-standard-tt/scss" as old_standard_tt;
+@use "../Variables" as *;
+@use "font.base" as base;
+@include fontsource.faces(
+    $metadata: old_standard_tt.$metadata,
+    $weights: (
+        400,
+        700,
+    ),
+    $styles: normal,
+    $subsets: (
+        latin,
+        latin-ext,
+        cyrillic,
+        cyrillic-ext,
+        vietnamese,
+    ),
+    $formats: woff2
+);
+
+// Old Standard TT ships no 700 italic upstream: the faces mixin emits the
+// weights x styles product, so request 400 italic separately instead of
+// $styles: all (which would reference a nonexistent binary).
+@include fontsource.faces(
+    $metadata: old_standard_tt.$metadata,
+    $weights: 400,
+    $styles: italic,
+    $subsets: (
+        latin,
+        latin-ext,
+        cyrillic,
+        cyrillic-ext,
+        vietnamese,
+    ),
+    $formats: woff2
+);
+
+/*	Font Old Standard
+https://fonts.google.com/specimen/Old+Standard+TT
+---------------------------------------------------- */
+
+// Font Import
+
+// Font Variables
+$font-main: "Old Standard TT", serif;
+$font-secondary: $font-main;
+$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: italic;
+
+// Headings
+$font-size-headings: 46px;
+$font-headings-lineheight: $font-size-headings;
+$font-headings-text-transform: uppercase;
+$font-size-headings-small: 24px;
+$font-headings-weight: 400;
+$font-size-headline-title: 52px;
+
+// Marker
+$font-marker-text-transform: $font-headings-text-transform;
+
+// Navigation
+$font-navigation-text-transform: uppercase;
+
+@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,
+    )
+);