@fremtind/jokul 0.69.1 → 0.70.0

package/styles/components/file-input/_file.scss

@@ -1,176 +0,0 @@
-@use "../../core/jkl";
-@use "../../core/jkl/colors";
-
-@include jkl.comfortable-density-variables {
-    --jkl-file-padding: #{jkl.$unit-30};
-    --jkl-file-thumbnail-size: #{jkl.$unit-80};
-    --jkl-file-gap: #{jkl.$unit-20};
-    --jkl-file-font-size: #{jkl.rem(20px)};
-    --jkl-file-line-height: #{jkl.$unit-40};
-}
-
-@include jkl.compact-density-variables {
-    --jkl-file-padding: #{jkl.$spacing-12};
-    --jkl-file-thumbnail-size: #{jkl.rem(44px)};
-    --jkl-file-gap: #{jkl.$unit-10};
-    --jkl-file-font-size: #{jkl.$unit-20};
-    --jkl-file-line-height: #{jkl.$unit-30};
-}
-
-.jkl-file {
-    --text-color: var(--jkl-color-text-default);
-
-    @include jkl.motion(
-        "standard",
-        "snappy",
-        background-color,
-        border-color,
-        color
-    );
-
-    color: var(--jkl-color-text-default);
-    margin: 0;
-    min-width: jkl.rem(240px);
-
-    display: flex;
-    flex-flow: nowrap row;
-
-    @include jkl.text-style("small");
-    @include jkl.reset-outline;
-
-    &__content {
-        display: flex;
-        flex-basis: 100%;
-        gap: 1em;
-        background-color: var(--jkl-color-background-container-high);
-        padding: var(--jkl-file-padding);
-        border-radius: jkl.rem(2px);
-        box-shadow: 0 0 5px 0 rgb(0 0 0 / 5%);
-        color: var(--text-color);
-
-        &--error {
-            background-color: var(--jkl-color-background-alert-error);
-        }
-
-        &--warning {
-            background-color: var(--jkl-color-background-alert-warning);
-        }
-
-        &--error,
-        &--warning {
-            --text-color: var(--jkl-color-text-on-alert);
-
-            .jkl-form-support-label {
-                --color: var(--jkl-color-text-on-alert);
-            }
-        }
-    }
-
-    &__content:not(div) {
-        cursor: pointer;
-        text-decoration: none;
-        color: var(--jkl-color-text-default);
-
-        &:hover ~ .jkl-file__description {
-            @include jkl.no-grow-bold;
-        }
-
-        &:focus-visible {
-            @include jkl.focus-outline($offset: 0);
-        }
-
-        @include jkl.forced-colors-mode {
-            outline: revert;
-            border: jkl.rem(2px) solid LinkText;
-        }
-    }
-
-    &__delete.jkl-icon-button {
-        padding: 0 var(--jkl-unit-30);
-        align-items: stretch;
-
-        @include jkl.reset-outline;
-
-        &:focus-visible {
-            @include jkl.focus-outline($offset: 0);
-        }
-
-        &:hover {
-            background-color: var(--jkl-color-background-interactive-hover);
-        }
-    }
-
-    &__thumbnail-wrapper {
-        position: relative;
-
-        & > :nth-child(2) {
-            position: absolute;
-            inset: 0;
-            margin: auto;
-            width: 80%;
-        }
-    }
-
-    &__thumbnail {
-        width: var(--jkl-file-thumbnail-size);
-        height: var(--jkl-file-thumbnail-size);
-        flex: 0 0 var(--jkl-file-thumbnail-size);
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        object-fit: contain;
-        opacity: 1;
-        border-radius: jkl.rem(4px);
-        color: var(--jkl-color-text-subdued);
-
-        @include jkl.motion;
-        transition-property: opacity;
-
-        &--selected {
-            opacity: 0.7;
-        }
-
-        &--uploading {
-            opacity: 0.4;
-        }
-    }
-
-    &__thumbnail:not(img) {
-        background: var(--jkl-color-background-container-low);
-    }
-
-    &__file-info {
-        display: flex;
-        flex-direction: column;
-        flex: 1 1 auto;
-        overflow-wrap: break-word;
-        gap: var(--jkl-unit-10);
-    }
-
-    &__title {
-        @include jkl.text-style("heading-5");
-        overflow-wrap: anywhere;
-    }
-
-    &__name,
-    &__description {
-        font-size: var(--jkl-file-font-size);
-        line-height: var(--jkl-file-line-height);
-    }
-
-    &__name {
-        font-weight: #{jkl.$typography-weight-bold};
-    }
-
-    &__description {
-        display: flex;
-        flex-wrap: nowrap;
-        gap: jkl.$unit-15;
-        align-items: center;
-        justify-content: flex-start;
-    }
-
-    &__support-label {
-        margin: 0;
-    }
-}

package/styles/components/file-input/development/public/fonts/_index.scss

@@ -1 +0,0 @@
-@forward "webfonts";

package/styles/components/file-input/development/public/fonts/webfonts.css

@@ -1,108 +0,0 @@
-@font-face {
-  font-family: "Fremtind Grotesk";
-  font-display: fallback;
-  font-weight: 400;
-  font-style: normal;
-  src: url("/fonts/FremtindGrotesk-Regular-Web.woff2") format("woff2"), url("/fonts/FremtindGrotesk-Regular-Web.woff") format("woff");
-}
-@font-face {
-  font-family: "Adjusted Arial Fallback";
-  font-weight: 400;
-  font-style: normal;
-  src: local(arial);
-  size-adjust: 104%;
-  ascent-override: 82%;
-  descent-override: normal;
-  line-gap-override: 32%;
-}
-@font-face {
-  font-family: "Fremtind Grotesk";
-  font-display: fallback;
-  font-weight: 700;
-  font-style: normal;
-  src: url("/fonts/FremtindGrotesk-Bold-Web.woff2") format("woff2"), url("/fonts/FremtindGrotesk-Bold-Web.woff") format("woff");
-}
-@font-face {
-  font-family: "Adjusted Arial Fallback";
-  font-weight: 700;
-  font-style: normal;
-  src: local(arial);
-  size-adjust: 108%;
-  ascent-override: 83%;
-  descent-override: normal;
-  line-gap-override: 28%;
-}
-@font-face {
-  font-family: "Fremtind Grotesk";
-  font-display: fallback;
-  font-weight: 400;
-  font-style: italic;
-  src: url("/fonts/FremtindGrotesk-Italic-Web.woff2") format("woff2"), url("/fonts/FremtindGrotesk-Italic-Web.woff") format("woff");
-}
-@font-face {
-  font-family: "Adjusted Arial Fallback";
-  font-weight: 400;
-  font-style: italic;
-  src: local(arial);
-  size-adjust: 106%;
-  ascent-override: 83%;
-  descent-override: normal;
-  line-gap-override: 28%;
-}
-@font-face {
-  font-family: "Fremtind Grotesk";
-  font-display: fallback;
-  font-weight: 700;
-  font-style: italic;
-  src: url("/fonts/FremtindGrotesk-BoldItalic-Web.woff2") format("woff2"), url("/fonts/FremtindGrotesk-BoldItalic-Web.woff") format("woff");
-}
-@font-face {
-  font-family: "Adjusted Arial Fallback";
-  font-weight: 700;
-  font-style: italic;
-  src: local(arial);
-  size-adjust: 108%;
-  ascent-override: 83%;
-  descent-override: normal;
-  line-gap-override: 28%;
-}
-@font-face {
-  font-family: "Fremtind Grotesk Display";
-  font-display: fallback;
-  font-weight: 400;
-  font-style: normal;
-  src: url("/fonts/FremtindGrotesk-Display-Web.woff2") format("woff2"), url("/fonts/FremtindGrotesk-Display-Web.woff") format("woff");
-}
-@font-face {
-  font-family: "Adjusted Arial Display Fallback";
-  font-weight: 400;
-  font-style: normal;
-  src: local(arial);
-  size-adjust: 102%;
-  ascent-override: 76%;
-  descent-override: normal;
-  line-gap-override: 40%;
-}
-@font-face {
-  font-family: "Fremtind Grotesk Mono";
-  font-display: fallback;
-  font-weight: 400;
-  font-style: normal;
-  src: url("/fonts/FremtindGroteskMono-Regular-Web.woff2") format("woff2"), url("/fonts/FremtindGroteskMono-Regular-Web.woff") format("woff");
-}
-@font-face {
-  font-family: "Adjusted Courier New Fallback";
-  font-weight: 400;
-  font-style: normal;
-  src: local(courier new);
-  size-adjust: 100%;
-  ascent-override: 83%;
-  descent-override: normal;
-  line-gap-override: 27%;
-}
-@font-face {
-  font-family: "Fremtind Material Symbols";
-  font-weight: 300 500;
-  font-style: normal;
-  src: url("/fonts/Fremtind-Material-Symbols.woff2") format("woff2");
-}

package/styles/components/file-input/development/public/fonts/webfonts.min.css

@@ -1 +0,0 @@
-@font-face{font-display:fallback;font-family:Fremtind Grotesk;font-style:normal;font-weight:400;src:url(/fonts/FremtindGrotesk-Regular-Web.woff2) format("woff2"),url(/fonts/FremtindGrotesk-Regular-Web.woff) format("woff")}@font-face{ascent-override:82%;descent-override:normal;font-family:Adjusted Arial Fallback;font-style:normal;font-weight:400;line-gap-override:32%;size-adjust:104%;src:local(arial)}@font-face{font-display:fallback;font-family:Fremtind Grotesk;font-style:normal;font-weight:700;src:url(/fonts/FremtindGrotesk-Bold-Web.woff2) format("woff2"),url(/fonts/FremtindGrotesk-Bold-Web.woff) format("woff")}@font-face{ascent-override:83%;descent-override:normal;font-family:Adjusted Arial Fallback;font-style:normal;font-weight:700;line-gap-override:28%;size-adjust:108%;src:local(arial)}@font-face{font-display:fallback;font-family:Fremtind Grotesk;font-style:italic;font-weight:400;src:url(/fonts/FremtindGrotesk-Italic-Web.woff2) format("woff2"),url(/fonts/FremtindGrotesk-Italic-Web.woff) format("woff")}@font-face{ascent-override:83%;descent-override:normal;font-family:Adjusted Arial Fallback;font-style:italic;font-weight:400;line-gap-override:28%;size-adjust:106%;src:local(arial)}@font-face{font-display:fallback;font-family:Fremtind Grotesk;font-style:italic;font-weight:700;src:url(/fonts/FremtindGrotesk-BoldItalic-Web.woff2) format("woff2"),url(/fonts/FremtindGrotesk-BoldItalic-Web.woff) format("woff")}@font-face{ascent-override:83%;descent-override:normal;font-family:Adjusted Arial Fallback;font-style:italic;font-weight:700;line-gap-override:28%;size-adjust:108%;src:local(arial)}@font-face{font-display:fallback;font-family:Fremtind Grotesk Display;font-style:normal;font-weight:400;src:url(/fonts/FremtindGrotesk-Display-Web.woff2) format("woff2"),url(/fonts/FremtindGrotesk-Display-Web.woff) format("woff")}@font-face{ascent-override:76%;descent-override:normal;font-family:Adjusted Arial Display Fallback;font-style:normal;font-weight:400;line-gap-override:40%;size-adjust:102%;src:local(arial)}@font-face{font-display:fallback;font-family:Fremtind Grotesk Mono;font-style:normal;font-weight:400;src:url(/fonts/FremtindGroteskMono-Regular-Web.woff2) format("woff2"),url(/fonts/FremtindGroteskMono-Regular-Web.woff) format("woff")}@font-face{ascent-override:83%;descent-override:normal;font-family:Adjusted Courier New Fallback;font-style:normal;font-weight:400;line-gap-override:27%;size-adjust:100%;src:local(courier new)}@font-face{font-family:Fremtind Material Symbols;font-style:normal;font-weight:300 500;src:url(/fonts/Fremtind-Material-Symbols.woff2) format("woff2")}

package/styles/components/file-input/development/public/fonts/webfonts.scss

@@ -1,137 +0,0 @@
-@charset "UTF-8";
-
-$webfonts-dir: "/fonts" !default;
-
-@font-face {
-    font-family: "Fremtind Grotesk";
-    font-display: fallback;
-    font-weight: 400;
-    font-style: normal;
-    src: url("#{$webfonts-dir}/FremtindGrotesk-Regular-Web.woff2")
-            format("woff2"),
-        url("#{$webfonts-dir}/FremtindGrotesk-Regular-Web.woff") format("woff");
-}
-
-@font-face {
-    font-family: "Adjusted Arial Fallback";
-    font-weight: 400;
-    font-style: normal;
-    src: local(arial);
-    size-adjust: 104%;
-    ascent-override: 82%;
-    descent-override: normal;
-    line-gap-override: 32%;
-}
-
-@font-face {
-    font-family: "Fremtind Grotesk";
-    font-display: fallback;
-    font-weight: 700;
-    font-style: normal;
-    src: url("#{$webfonts-dir}/FremtindGrotesk-Bold-Web.woff2") format("woff2"),
-        url("#{$webfonts-dir}/FremtindGrotesk-Bold-Web.woff") format("woff");
-}
-
-@font-face {
-    font-family: "Adjusted Arial Fallback";
-    font-weight: 700;
-    font-style: normal;
-    src: local(arial);
-    size-adjust: 108%;
-    ascent-override: 83%;
-    descent-override: normal;
-    line-gap-override: 28%;
-}
-
-@font-face {
-    font-family: "Fremtind Grotesk";
-    font-display: fallback;
-    font-weight: 400;
-    font-style: italic;
-    src: url("#{$webfonts-dir}/FremtindGrotesk-Italic-Web.woff2")
-            format("woff2"),
-        url("#{$webfonts-dir}/FremtindGrotesk-Italic-Web.woff") format("woff");
-}
-
-@font-face {
-    font-family: "Adjusted Arial Fallback";
-    font-weight: 400;
-    font-style: italic;
-    src: local(arial);
-    size-adjust: 106%;
-    ascent-override: 83%;
-    descent-override: normal;
-    line-gap-override: 28%;
-}
-
-@font-face {
-    font-family: "Fremtind Grotesk";
-    font-display: fallback;
-    font-weight: 700;
-    font-style: italic;
-    src: url("#{$webfonts-dir}/FremtindGrotesk-BoldItalic-Web.woff2")
-            format("woff2"),
-        url("#{$webfonts-dir}/FremtindGrotesk-BoldItalic-Web.woff")
-            format("woff");
-}
-
-@font-face {
-    font-family: "Adjusted Arial Fallback";
-    font-weight: 700;
-    font-style: italic;
-    src: local(arial);
-    size-adjust: 108%;
-    ascent-override: 83%;
-    descent-override: normal;
-    line-gap-override: 28%;
-}
-
-@font-face {
-    font-family: "Fremtind Grotesk Display";
-    font-display: fallback;
-    font-weight: 400;
-    font-style: normal;
-    src: url("#{$webfonts-dir}/FremtindGrotesk-Display-Web.woff2")
-            format("woff2"),
-        url("#{$webfonts-dir}/FremtindGrotesk-Display-Web.woff") format("woff");
-}
-
-@font-face {
-    font-family: "Adjusted Arial Display Fallback";
-    font-weight: 400;
-    font-style: normal;
-    src: local(arial);
-    size-adjust: 102%;
-    ascent-override: 76%;
-    descent-override: normal;
-    line-gap-override: 40%;
-}
-
-@font-face {
-    font-family: "Fremtind Grotesk Mono";
-    font-display: fallback;
-    font-weight: 400;
-    font-style: normal;
-    src: url("#{$webfonts-dir}/FremtindGroteskMono-Regular-Web.woff2")
-            format("woff2"),
-        url("#{$webfonts-dir}/FremtindGroteskMono-Regular-Web.woff")
-            format("woff");
-}
-
-@font-face {
-    font-family: "Adjusted Courier New Fallback";
-    font-weight: 400;
-    font-style: normal;
-    src: local(courier new);
-    size-adjust: 100%;
-    ascent-override: 83%;
-    descent-override: normal;
-    line-gap-override: 27%;
-}
-
-@font-face {
-    font-family: "Fremtind Material Symbols";
-    font-weight: 300 500;
-    font-style: normal;
-    src: url("#{$webfonts-dir}/Fremtind-Material-Symbols.woff2") format("woff2");
-}

package/styles/components/menu/development/public/fonts/_index.scss

@@ -1 +0,0 @@
-@forward "webfonts";

package/styles/components/menu/development/public/fonts/webfonts.css

@@ -1,108 +0,0 @@
-@font-face {
-  font-family: "Fremtind Grotesk";
-  font-display: fallback;
-  font-weight: 400;
-  font-style: normal;
-  src: url("/fonts/FremtindGrotesk-Regular-Web.woff2") format("woff2"), url("/fonts/FremtindGrotesk-Regular-Web.woff") format("woff");
-}
-@font-face {
-  font-family: "Adjusted Arial Fallback";
-  font-weight: 400;
-  font-style: normal;
-  src: local(arial);
-  size-adjust: 104%;
-  ascent-override: 82%;
-  descent-override: normal;
-  line-gap-override: 32%;
-}
-@font-face {
-  font-family: "Fremtind Grotesk";
-  font-display: fallback;
-  font-weight: 700;
-  font-style: normal;
-  src: url("/fonts/FremtindGrotesk-Bold-Web.woff2") format("woff2"), url("/fonts/FremtindGrotesk-Bold-Web.woff") format("woff");
-}
-@font-face {
-  font-family: "Adjusted Arial Fallback";
-  font-weight: 700;
-  font-style: normal;
-  src: local(arial);
-  size-adjust: 108%;
-  ascent-override: 83%;
-  descent-override: normal;
-  line-gap-override: 28%;
-}
-@font-face {
-  font-family: "Fremtind Grotesk";
-  font-display: fallback;
-  font-weight: 400;
-  font-style: italic;
-  src: url("/fonts/FremtindGrotesk-Italic-Web.woff2") format("woff2"), url("/fonts/FremtindGrotesk-Italic-Web.woff") format("woff");
-}
-@font-face {
-  font-family: "Adjusted Arial Fallback";
-  font-weight: 400;
-  font-style: italic;
-  src: local(arial);
-  size-adjust: 106%;
-  ascent-override: 83%;
-  descent-override: normal;
-  line-gap-override: 28%;
-}
-@font-face {
-  font-family: "Fremtind Grotesk";
-  font-display: fallback;
-  font-weight: 700;
-  font-style: italic;
-  src: url("/fonts/FremtindGrotesk-BoldItalic-Web.woff2") format("woff2"), url("/fonts/FremtindGrotesk-BoldItalic-Web.woff") format("woff");
-}
-@font-face {
-  font-family: "Adjusted Arial Fallback";
-  font-weight: 700;
-  font-style: italic;
-  src: local(arial);
-  size-adjust: 108%;
-  ascent-override: 83%;
-  descent-override: normal;
-  line-gap-override: 28%;
-}
-@font-face {
-  font-family: "Fremtind Grotesk Display";
-  font-display: fallback;
-  font-weight: 400;
-  font-style: normal;
-  src: url("/fonts/FremtindGrotesk-Display-Web.woff2") format("woff2"), url("/fonts/FremtindGrotesk-Display-Web.woff") format("woff");
-}
-@font-face {
-  font-family: "Adjusted Arial Display Fallback";
-  font-weight: 400;
-  font-style: normal;
-  src: local(arial);
-  size-adjust: 102%;
-  ascent-override: 76%;
-  descent-override: normal;
-  line-gap-override: 40%;
-}
-@font-face {
-  font-family: "Fremtind Grotesk Mono";
-  font-display: fallback;
-  font-weight: 400;
-  font-style: normal;
-  src: url("/fonts/FremtindGroteskMono-Regular-Web.woff2") format("woff2"), url("/fonts/FremtindGroteskMono-Regular-Web.woff") format("woff");
-}
-@font-face {
-  font-family: "Adjusted Courier New Fallback";
-  font-weight: 400;
-  font-style: normal;
-  src: local(courier new);
-  size-adjust: 100%;
-  ascent-override: 83%;
-  descent-override: normal;
-  line-gap-override: 27%;
-}
-@font-face {
-  font-family: "Fremtind Material Symbols";
-  font-weight: 300 500;
-  font-style: normal;
-  src: url("/fonts/Fremtind-Material-Symbols.woff2") format("woff2");
-}

package/styles/components/menu/development/public/fonts/webfonts.min.css

@@ -1 +0,0 @@
-@font-face{font-display:fallback;font-family:Fremtind Grotesk;font-style:normal;font-weight:400;src:url(/fonts/FremtindGrotesk-Regular-Web.woff2) format("woff2"),url(/fonts/FremtindGrotesk-Regular-Web.woff) format("woff")}@font-face{ascent-override:82%;descent-override:normal;font-family:Adjusted Arial Fallback;font-style:normal;font-weight:400;line-gap-override:32%;size-adjust:104%;src:local(arial)}@font-face{font-display:fallback;font-family:Fremtind Grotesk;font-style:normal;font-weight:700;src:url(/fonts/FremtindGrotesk-Bold-Web.woff2) format("woff2"),url(/fonts/FremtindGrotesk-Bold-Web.woff) format("woff")}@font-face{ascent-override:83%;descent-override:normal;font-family:Adjusted Arial Fallback;font-style:normal;font-weight:700;line-gap-override:28%;size-adjust:108%;src:local(arial)}@font-face{font-display:fallback;font-family:Fremtind Grotesk;font-style:italic;font-weight:400;src:url(/fonts/FremtindGrotesk-Italic-Web.woff2) format("woff2"),url(/fonts/FremtindGrotesk-Italic-Web.woff) format("woff")}@font-face{ascent-override:83%;descent-override:normal;font-family:Adjusted Arial Fallback;font-style:italic;font-weight:400;line-gap-override:28%;size-adjust:106%;src:local(arial)}@font-face{font-display:fallback;font-family:Fremtind Grotesk;font-style:italic;font-weight:700;src:url(/fonts/FremtindGrotesk-BoldItalic-Web.woff2) format("woff2"),url(/fonts/FremtindGrotesk-BoldItalic-Web.woff) format("woff")}@font-face{ascent-override:83%;descent-override:normal;font-family:Adjusted Arial Fallback;font-style:italic;font-weight:700;line-gap-override:28%;size-adjust:108%;src:local(arial)}@font-face{font-display:fallback;font-family:Fremtind Grotesk Display;font-style:normal;font-weight:400;src:url(/fonts/FremtindGrotesk-Display-Web.woff2) format("woff2"),url(/fonts/FremtindGrotesk-Display-Web.woff) format("woff")}@font-face{ascent-override:76%;descent-override:normal;font-family:Adjusted Arial Display Fallback;font-style:normal;font-weight:400;line-gap-override:40%;size-adjust:102%;src:local(arial)}@font-face{font-display:fallback;font-family:Fremtind Grotesk Mono;font-style:normal;font-weight:400;src:url(/fonts/FremtindGroteskMono-Regular-Web.woff2) format("woff2"),url(/fonts/FremtindGroteskMono-Regular-Web.woff) format("woff")}@font-face{ascent-override:83%;descent-override:normal;font-family:Adjusted Courier New Fallback;font-style:normal;font-weight:400;line-gap-override:27%;size-adjust:100%;src:local(courier new)}@font-face{font-family:Fremtind Material Symbols;font-style:normal;font-weight:300 500;src:url(/fonts/Fremtind-Material-Symbols.woff2) format("woff2")}

package/styles/components/menu/development/public/fonts/webfonts.scss

@@ -1,137 +0,0 @@
-@charset "UTF-8";
-
-$webfonts-dir: "/fonts" !default;
-
-@font-face {
-    font-family: "Fremtind Grotesk";
-    font-display: fallback;
-    font-weight: 400;
-    font-style: normal;
-    src: url("#{$webfonts-dir}/FremtindGrotesk-Regular-Web.woff2")
-            format("woff2"),
-        url("#{$webfonts-dir}/FremtindGrotesk-Regular-Web.woff") format("woff");
-}
-
-@font-face {
-    font-family: "Adjusted Arial Fallback";
-    font-weight: 400;
-    font-style: normal;
-    src: local(arial);
-    size-adjust: 104%;
-    ascent-override: 82%;
-    descent-override: normal;
-    line-gap-override: 32%;
-}
-
-@font-face {
-    font-family: "Fremtind Grotesk";
-    font-display: fallback;
-    font-weight: 700;
-    font-style: normal;
-    src: url("#{$webfonts-dir}/FremtindGrotesk-Bold-Web.woff2") format("woff2"),
-        url("#{$webfonts-dir}/FremtindGrotesk-Bold-Web.woff") format("woff");
-}
-
-@font-face {
-    font-family: "Adjusted Arial Fallback";
-    font-weight: 700;
-    font-style: normal;
-    src: local(arial);
-    size-adjust: 108%;
-    ascent-override: 83%;
-    descent-override: normal;
-    line-gap-override: 28%;
-}
-
-@font-face {
-    font-family: "Fremtind Grotesk";
-    font-display: fallback;
-    font-weight: 400;
-    font-style: italic;
-    src: url("#{$webfonts-dir}/FremtindGrotesk-Italic-Web.woff2")
-            format("woff2"),
-        url("#{$webfonts-dir}/FremtindGrotesk-Italic-Web.woff") format("woff");
-}
-
-@font-face {
-    font-family: "Adjusted Arial Fallback";
-    font-weight: 400;
-    font-style: italic;
-    src: local(arial);
-    size-adjust: 106%;
-    ascent-override: 83%;
-    descent-override: normal;
-    line-gap-override: 28%;
-}
-
-@font-face {
-    font-family: "Fremtind Grotesk";
-    font-display: fallback;
-    font-weight: 700;
-    font-style: italic;
-    src: url("#{$webfonts-dir}/FremtindGrotesk-BoldItalic-Web.woff2")
-            format("woff2"),
-        url("#{$webfonts-dir}/FremtindGrotesk-BoldItalic-Web.woff")
-            format("woff");
-}
-
-@font-face {
-    font-family: "Adjusted Arial Fallback";
-    font-weight: 700;
-    font-style: italic;
-    src: local(arial);
-    size-adjust: 108%;
-    ascent-override: 83%;
-    descent-override: normal;
-    line-gap-override: 28%;
-}
-
-@font-face {
-    font-family: "Fremtind Grotesk Display";
-    font-display: fallback;
-    font-weight: 400;
-    font-style: normal;
-    src: url("#{$webfonts-dir}/FremtindGrotesk-Display-Web.woff2")
-            format("woff2"),
-        url("#{$webfonts-dir}/FremtindGrotesk-Display-Web.woff") format("woff");
-}
-
-@font-face {
-    font-family: "Adjusted Arial Display Fallback";
-    font-weight: 400;
-    font-style: normal;
-    src: local(arial);
-    size-adjust: 102%;
-    ascent-override: 76%;
-    descent-override: normal;
-    line-gap-override: 40%;
-}
-
-@font-face {
-    font-family: "Fremtind Grotesk Mono";
-    font-display: fallback;
-    font-weight: 400;
-    font-style: normal;
-    src: url("#{$webfonts-dir}/FremtindGroteskMono-Regular-Web.woff2")
-            format("woff2"),
-        url("#{$webfonts-dir}/FremtindGroteskMono-Regular-Web.woff")
-            format("woff");
-}
-
-@font-face {
-    font-family: "Adjusted Courier New Fallback";
-    font-weight: 400;
-    font-style: normal;
-    src: local(courier new);
-    size-adjust: 100%;
-    ascent-override: 83%;
-    descent-override: normal;
-    line-gap-override: 27%;
-}
-
-@font-face {
-    font-family: "Fremtind Material Symbols";
-    font-weight: 300 500;
-    font-style: normal;
-    src: url("#{$webfonts-dir}/Fremtind-Material-Symbols.woff2") format("woff2");
-}