@madj2k/fe-frontend-kit 2.0.1 → 2.0.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@madj2k/fe-frontend-kit",
-  "version": "2.0.1",
+  "version": "2.0.3",
   "description": "Shared frontend utilities, menus and mixins for projects",
 	"main": "index.js",
 	"style": "index.scss",

package/sass/bootstrap-5.3.0/{00_mixins → 10_mixins}/_accessibility.scss

@@ -27,7 +27,7 @@
 /// @author Steffen Kroggel <developer@steffenkroggel>
 /// @license GNU General Public License v3.0 https://www.gnu.org/licenses/gpl-3.0.en.html
 ///
-@mixin accessibility-outline ($color: $color-outline, $width: 3px) {
+@mixin accessibility-outline ($color: var(--bs-primary), $width: 3px) {
 
     &:focus,
     &:focus-within {

package/sass/bootstrap-5.3.0/{00_mixins → 10_mixins}/_colors.scss

@@ -23,7 +23,7 @@
 /// @author Steffen Kroggel <developer@steffenkroggel>
 /// @license GNU General Public License v3.0 https://www.gnu.org/licenses/gpl-3.0.en.html
 ///
-@mixin background-color-classes($map: $color-map) {
+@mixin background-color-classes($map) {
     @each $key, $value in $map {
         &-#{$key} {
             background-color: $value;
@@ -67,7 +67,7 @@
 /// @author Steffen Kroggel <developer@steffenkroggel>
 /// @license GNU General Public License v3.0 https://www.gnu.org/licenses/gpl-3.0.en.html
 ///
-@mixin font-color-classes($map: $color-map) {
+@mixin font-color-classes($map) {
     @each $key, $value in $map {
         &-#{$key} {
             color: $value !important;

package/sass/bootstrap-5.3.0/{00_mixins → 10_mixins}/_form.scss

@@ -37,9 +37,11 @@
 /// @license
 /// GNU General Public License v3.0 https://www.gnu.org/licenses/gpl-3.0.en.html
 ///
+$color-secondary: #00ff00 !default; // Fallback
+$color-primary: #ff0000 !default; // Fallback
 @mixin checkbox(
     $size: 16px,
-    $default-bg-color: $color-white,
+    $default-bg-color: $color-secondary,
     $default-border-color: $color-secondary,
     $default-icon: null,
     $active-bg-color: $color-primary,
@@ -133,11 +135,11 @@
 ///
 @mixin radio(
     $size: 16px,
-    $default-bg-color: $color-white,
-    $default-border-color: $color-secondary,
+    $default-bg-color: var(--bs-secondary),
+    $default-border-color: var(--bs-secondary),
     $default-icon: null,
-    $active-bg-color: $color-primary,
-    $active-border-color: $color-primary,
+    $active-bg-color: var(--bs-primary),
+    $active-border-color: var(--bs-primary),
     $active-icon: '../Images/input-radio-active.svg'
 ) {
     @include checkbox(

package/sass/bootstrap-5.3.0/10_mixins/_format.scss

@@ -0,0 +1,88 @@
+/// Applies responsive font-size and line-height for a given font style from the `$font-formats` map.
+///
+/// Supports multiple breakpoints: mobile, tablet, and desktop. default is the fallback
+/// Used as a base mixin for semantic text styles like `h1`, `copy`, etc.
+///
+/// $font-formats: (
+////   'h1': (
+////     'breakpoint': (
+////       'font-family': <font-family>,
+////       'font-weight': <font-weight>,
+////       'font-size': rem-calc(<size in px>),
+////       'line-height': rem-calc(<line height in px>)
+////     ),
+////     ...
+////   ),
+////   ...
+//// )
+///
+/// @group Typography
+/// @param {Map} $font-formats - A map of font style definitions. Defaults to the global `$font-formats` map.
+/// @param {String} $font-format - The key name of the format to apply (e.g., 'h1', 'copy-small').
+///
+/// @author Steffen Kroggel <developer@steffenkroggel>
+/// @license GNU General Public License v3.0 https://www.gnu.org/licenses/gpl-3.0.en.html
+///
+@mixin font-format($font-formats, $font-format: 'h1') {
+    $format-data: map-get($font-formats, $font-format);
+    $mobile-data: map-get($format-data, 'mobile');
+    $default-data: map-get($format-data, 'default');
+    $keys: map-keys(if($mobile-data, $mobile-data, $default-data));
+
+    @each $key in $keys {
+        $value: if($mobile-data,
+            map-get($mobile-data, $key),
+            map-get($default-data, $key)
+        );
+        #{$key}: $value;
+    }
+
+    @if map-has-key($format-data, 'tablet') {
+        @include media-breakpoint-up(lg) {
+            @each $key in $keys {
+                #{$key}: map-get(map-get($format-data, 'tablet'), $key);
+            }
+        }
+    }
+
+    @if map-has-key($format-data, 'desktop') {
+        @include media-breakpoint-up(xl) {
+            @each $key in $keys {
+                #{$key}: map-get(map-get($format-data, 'desktop'), $key);
+            }
+        }
+    }
+}
+
+/// Enables word breaking and hyphenation for improved long text handling.
+///
+/// Works across modern and legacy browsers.
+///
+/// @group Utilities
+///
+/// @author Steffen Kroggel <developer@steffenkroggel>
+/// @license GNU General Public License v3.0 https://www.gnu.org/licenses/gpl-3.0.en.html
+///
+@mixin hyphenate() {
+    overflow-wrap: break-word;
+    word-break: break-word;
+    -webkit-hyphens: auto;
+    -ms-hyphens: auto;
+    -moz-hyphens: auto;
+    hyphens: auto;
+}
+
+/// Resets list styles: removes bullets and spacing.
+///
+/// Useful for unstyled lists or when customizing lists from scratch.
+///
+/// @group Utilities
+///
+/// @author Steffen Kroggel <developer@steffenkroggel>
+/// @license GNU General Public License v3.0 https://www.gnu.org/licenses/gpl-3.0.en.html
+///
+@mixin list-reset {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+}

package/sass/bootstrap-5.3.0/{00_mixins → 10_mixins}/_nav.scss

@@ -31,12 +31,12 @@
 /// @author Steffen Kroggel <developer@steffenkroggel>
 /// @license GNU General Public License v3.0 https://www.gnu.org/licenses/gpl-3.0.en.html
 @mixin nav-block(
-    $link-color: $color-secondary,
-    $active-color: $color-primary
+    $link-color: var(--bs-secondary),
+    $active-color: var(--bs-primary)
 ) {
 
     &-list {
-        @include list-reset;
+        @include list-reset();
         display: block;
     }
 
@@ -94,11 +94,11 @@
 ///
 @mixin nav-inline(
     $list-gap: $spacer,
-    $link-color: $color-secondary,
-    $link-active-color: $color-primary
+    $link-color: var(--bs-secondary),
+    $link-active-color: var(--bs-primary)
 ) {
     &-list {
-        @include list-reset;
+        @include list-reset();
         display: flex;
         gap: rem-calc($list-gap);
     }
@@ -168,13 +168,13 @@
 /// @license GNU General Public License v3.0 https://www.gnu.org/licenses/gpl-3.0.en.html
 ///
 @mixin nav-pulldown(
-    $pad-x: $spacer,
+    $pad-x: 16px,
     $pad-y: 0,
     $item-y: 10,
     $item-gap: 12,
-    $bg-color: $color-primary,
-    $text-color: $color-white,
-    $border-color: $color-white,
+    $bg-color: var(--bs-primary),
+    $text-color: var(--bs-secondary),
+    $border-color: var(--bs-secondary),
     $border-width: 1px
 ) {
 
@@ -187,7 +187,7 @@
     border: rem-calc($border-width) solid $border-color;
 
     &-list {
-        @include list-reset;
+        @include list-reset();
 
         &-item {
             @include copy;
@@ -244,7 +244,7 @@
 /// @license GNU General Public License v3.0 https://www.gnu.org/licenses/gpl-3.0.en.html
 ///
 @mixin nav-toggle-group(
-    $gap: $spacer
+    $gap: 16px
 ) {
     display: flex;
     align-items: center;
@@ -289,11 +289,11 @@
 /// @license GNU General Public License v3.0 https://www.gnu.org/licenses/gpl-3.0.en.html
 ///
 @mixin nav-toggle(
-    $icon-size: $spacer,
-    $icon-color: $color-primary,
+    $icon-size: 16px,
+    $icon-color: var(--bs-primary),
     $icon-mappings: (
-        "icon-hamburger": $icon-close,
-        "icon-plus": $icon-minus
+        "icon-hamburger": unquote('"\\e905"'),
+        "icon-plus": unquote('"\\e908"')
     )
 ) {
     background-color: transparent;

package/sass/bootstrap-5.3.0/{00_mixins → 10_mixins}/_page.scss

@@ -76,6 +76,13 @@
 /// @license GNU General Public License v3.0 https://www.gnu.org/licenses/gpl-3.0.en.html
 ///
 @mixin page-padding(
+    $page-padding: (
+        'sm': 16px,
+        'md': 24px,
+        'lg': 32px,
+        'xl': 48px,
+        'xxl': 60px
+    ),
     $page-wrap-class: '.page',
     $wrap-class: '.fullwidth',
     $default-padding: 16px

package/sass/bootstrap-5.3.0/{00_mixins → 10_mixins}/_section.scss

@@ -56,8 +56,37 @@
     $block-class: 'csp-block',
     $not-last-class: 'csp-not-last',
     $utility-append-class: 'sp',
-    $csp-blocks: $content-spacers-blocks,
-    $content-spacers: $content-spacers
+    $csp-blocks: (
+        'text',
+        'text-image',
+        'text-video'
+    ),
+    $content-spacers: (
+        'xs': (
+            'section': 48px, // space between different sections
+            'block': 16px    // space between content blocks
+        ),
+        'sm': (
+            'section': 48px,
+            'block': 16px
+        ),
+        'md': (
+            'section': 48px,
+            'block': 16px
+        ),
+        'lg': (
+            'section': 48px,
+            'block': 16px
+        ),
+        'xl': (
+            'section': 48px,
+            'block': 16px
+        ),
+        'xxl': (
+            'section': 48px,
+            'block': 16px
+        )
+    ),
 ) {
     @each $breakpoint, $values in $grid-breakpoints {
         $spacer-section: map-get(map-get($content-spacers, $breakpoint), 'section');

package/sass/bootstrap-5.3.0/{00_mixins → 10_mixins}/_toggle-list.scss

@@ -56,15 +56,15 @@
 /// @license GNU General Public License v3.0 https://www.gnu.org/licenses/gpl-3.0.en.html
 ///
 @mixin toggle-list(
-    $padding-y: $spacer,
-    $border-color: $color-primary,
+    $padding-y: 16px,
+    $border-color: var(--bs-primary),
     $border-size: 1px,
-    $font-color: $color-secondary,
-    $font-color-active: $color-primary,
+    $font-color: var(--bs-secondary),
+    $font-color-active: var(--bs-primary),
     $icon-size: 30px,
-    $icon-style: $icon-arrow-right
+    $icon-style: ''
 ) {
-    @include list-reset;
+    @include list-reset();
     display: flex;
     flex-direction: column;
 
@@ -128,6 +128,4 @@
             }
         }
     }
-
-
 }

package/sass/bootstrap-5.3.0/10_mixins/index.scss

@@ -0,0 +1,11 @@
+@import './accessibility';
+@import './colors';
+@import './flex-box';
+@import './form';
+@import './format';
+@import './icons';
+@import './nav';
+@import './page';
+@import './section';
+@import './toggle-list';
+@import './unit';

package/sass/bootstrap-5.3.0/index.scss

@@ -1,20 +1 @@
-@use "bootstrap/scss/functions";
-@use "bootstrap/scss/variables";
-@use "bootstrap/scss/mixins";
-
-@forward '00_mixins/accessibility';
-@forward '00_mixins/colors';
-@forward '00_mixins/effects';
-@forward '00_mixins/flex-box';
-@forward '00_mixins/form';
-@forward '00_mixins/format';
-@forward '00_mixins/icons';
-@forward '00_mixins/nav';
-@forward '00_mixins/page';
-@forward '00_mixins/section';
-@forward '00_mixins/toggle-list';
-@forward '00_mixins/unit';
-
-@forward '10_config/colors';
-@forward '10_config/font';
-@forward '10_config/maps';
+@import '10_mixins/index';

package/sass/bootstrap-5.3.0/00_mixins/_effects.scss

@@ -1,45 +0,0 @@
-/// Adds a custom underline to text elements using a pseudo-element.
-///
-/// This mixin creates a visual underline using `::after`, which allows
-/// for more control than `text-decoration`. It supports customizable
-/// color and thickness, and adjusts vertical spacing responsively.
-///
-/// Useful for link-like text styling or emphasis elements.
-///
-/// @group Effects
-///
-/// @param {Color} $color - The underline color. Default: `$color-primary`.
-/// @param {Length} $width - Thickness of the underline (in px, converted to `rem`). Default: `2px`.
-///
-/// @example scss
-///   .highlighted-text {
-///     @include underline($color-tertiary, 3px);
-///   }
-///
-/// @example css
-///   .highlighted-text::after {
-///     border-bottom: 0.1875rem solid #cc0000;
-///     bottom: -0.09em;
-///   }
-///
-/// @author Steffen Kroggel <developer@steffenkroggel>
-/// @license GNU General Public License v3.0 https://www.gnu.org/licenses/gpl-3.0.en.html
-///
-@mixin underline ($color: $color-primary, $width: 2px) {
-
-    position: relative;
-    display: inline-block;
-
-    &::after {
-        content: '';
-        position: absolute;
-        left: 0;
-        right: 0;
-        bottom: -0.09em;
-        border-bottom: rem-calc($width) solid $color;
-
-        @include media-breakpoint-up(xl) {
-            bottom: -0.15em;
-        }
-    }
-}

package/sass/bootstrap-5.3.0/00_mixins/_format.scss

@@ -1,208 +0,0 @@
-/// Applies responsive font-size and line-height for a given font style from the `$font-formats` map.
-///
-/// Supports multiple breakpoints: mobile, tablet, and desktop. default is the fallback
-/// Used as a base mixin for semantic text styles like `h1`, `copy`, etc.
-///
-/// @group Typography
-/// @param {String} $font-format - The key name of the format to apply (e.g., 'h1', 'copy-small').
-/// @param {Map} $font-formats - A map of font style definitions. Defaults to the global `$font-formats` map.
-///
-/// @author Steffen Kroggel <developer@steffenkroggel>
-/// @license GNU General Public License v3.0 https://www.gnu.org/licenses/gpl-3.0.en.html
-///
-@mixin font-format($font-format: 'h1', $font-formats: $font-formats) {
-    $format-data: map-get($font-formats, $font-format);
-    $mobile-data: map-get($format-data, 'mobile');
-    $default-data: map-get($format-data, 'default');
-    $keys: map-keys(if($mobile-data, $mobile-data, $default-data));
-
-    @each $key in $keys {
-        $value: if($mobile-data,
-            map-get($mobile-data, $key),
-            map-get($default-data, $key)
-        );
-        #{$key}: $value;
-    }
-
-    @if map-has-key($format-data, 'tablet') {
-        @include media-breakpoint-up(lg) {
-            @each $key in $keys {
-                #{$key}: map-get(map-get($format-data, 'tablet'), $key);
-            }
-        }
-    }
-
-    @if map-has-key($format-data, 'desktop') {
-        @include media-breakpoint-up(xl) {
-            @each $key in $keys {
-                #{$key}: map-get(map-get($format-data, 'desktop'), $key);
-            }
-        }
-    }
-}
-
-/// Typography style for `<h1>` elements.
-///
-/// @group Typography
-///
-/// @author Steffen Kroggel <developer@steffenkroggel>
-/// @license GNU General Public License v3.0 https://www.gnu.org/licenses/gpl-3.0.en.html
-///
-@mixin h1 {
-    @include font-format('h1');
-}
-
-/// Typography style for `<h2>` elements.
-///
-/// @group Typography
-///
-/// @author Steffen Kroggel <developer@steffenkroggel>
-/// @license GNU General Public License v3.0 https://www.gnu.org/licenses/gpl-3.0.en.html
-///
-@mixin h2 {
-    @include font-format('h2');
-}
-
-/// Typography style for `<h3>` elements.
-///
-/// @group Typography
-///
-/// @author Steffen Kroggel <developer@steffenkroggel>
-/// @license GNU General Public License v3.0 https://www.gnu.org/licenses/gpl-3.0.en.html
-///
-@mixin h3 {
-    @include font-format('h3');
-}
-
-/// Typography style for `<h4>` elements.
-///
-/// @group Typography
-///
-/// @author Steffen Kroggel <developer@steffenkroggel>
-/// @license GNU General Public License v3.0 https://www.gnu.org/licenses/gpl-3.0.en.html
-///
-@mixin h4 {
-    @include font-format('h4');
-}
-
-/// Typography style for `<h5>` elements.
-///
-/// @group Typography
-///
-/// @author Steffen Kroggel <developer@steffenkroggel>
-/// @license GNU General Public License v3.0 https://www.gnu.org/licenses/gpl-3.0.en.html
-///
-@mixin h5 {
-    @include font-format('h5');
-}
-
-/// Typography style for `<h6>` elements.
-///
-/// @group Typography
-///
-/// @author Steffen Kroggel <developer@steffenkroggel>
-/// @license GNU General Public License v3.0 https://www.gnu.org/licenses/gpl-3.0.en.html
-///
-@mixin h6 {
-    @include font-format('h6');
-}
-
-
-/// Typography style for body copy text.
-///
-/// @group Typography
-///
-/// @author Steffen Kroggel <developer@steffenkroggel>
-/// @license GNU General Public License v3.0 https://www.gnu.org/licenses/gpl-3.0.en.html
-///
-@mixin copy {
-    @include font-format('copy');
-}
-
-/// Typography style for small body copy.
-///
-/// @group Typography
-///
-/// @author Steffen Kroggel <developer@steffenkroggel>
-/// @license GNU General Public License v3.0 https://www.gnu.org/licenses/gpl-3.0.en.html
-///
-@mixin copy-small {
-    @include font-format('copy-small');
-}
-
-/// Typography style for links (without additional decoration).
-///
-/// @group Typography
-///
-/// @author Steffen Kroggel <developer@steffenkroggel>
-/// @license GNU General Public License v3.0 https://www.gnu.org/licenses/gpl-3.0.en.html
-///
-@mixin link {
-    @include font-format('link');
-}
-
-/// Typography style for overline/captions.
-///
-/// @group Typography
-///
-/// @author Steffen Kroggel <developer@steffenkroggel>
-/// @license GNU General Public License v3.0 https://www.gnu.org/licenses/gpl-3.0.en.html
-///
-@mixin overline {
-    @include font-format('overline');
-}
-
-/// Typography style for subheaders.
-///
-/// @group Typography
-///
-/// @author Steffen Kroggel <developer@steffenkroggel>
-/// @license GNU General Public License v3.0 https://www.gnu.org/licenses/gpl-3.0.en.html
-///
-@mixin subheader {
-    @include font-format('subheader');
-}
-
-/// Applies typographic styles for bold text using the bold font family.
-///
-/// @group Utilities
-///
-/// @author Steffen Kroggel <developer@steffenkroggel>
-/// @license GNU General Public License v3.0 https://www.gnu.org/licenses/gpl-3.0.en.html
-///
-@mixin bold {
-    @include font-format('bold');
-}
-
-/// Enables word breaking and hyphenation for improved long text handling.
-///
-/// Works across modern and legacy browsers.
-///
-/// @group Utilities
-///
-/// @author Steffen Kroggel <developer@steffenkroggel>
-/// @license GNU General Public License v3.0 https://www.gnu.org/licenses/gpl-3.0.en.html
-///
-@mixin hyphenate() {
-    overflow-wrap: break-word;
-    word-break: break-word;
-    -webkit-hyphens: auto;
-    -ms-hyphens: auto;
-    -moz-hyphens: auto;
-    hyphens: auto;
-}
-
-/// Resets list styles: removes bullets and spacing.
-///
-/// Useful for unstyled lists or when customizing lists from scratch.
-///
-/// @group Utilities
-///
-/// @author Steffen Kroggel <developer@steffenkroggel>
-/// @license GNU General Public License v3.0 https://www.gnu.org/licenses/gpl-3.0.en.html
-///
-@mixin list-reset {
-    list-style: none;
-    margin: 0;
-    padding: 0;
-}

package/sass/bootstrap-5.3.0/10_config/_colors.scss

@@ -1,17 +0,0 @@
-/* ==================================================
-* Basic variables
-* ================================================== */
-$color-map: (
-    'red': #ff0000,
-    'primary': #00ff00,
-    'secondary': #0000ff,
-) !default;
-
-// some basic variables
-$color-white: #fff !default;
-$color-black: #000000 !default;
-$color-primary: map-get($color-map, 'primary') !default;
-$color-secondary: map-get($color-map, 'secondary') !default;
-$color-text: map-get($color-map, 'secondary') !default;
-$color-error: map-get($color-map, 'primary') !default;
-$color-outline: map-get($color-map, 'primary') !default;

package/sass/bootstrap-5.3.0/10_config/_font.scss

@@ -1,228 +0,0 @@
-/* ==================================================
-* Font variables
-* ================================================== */
-// fonts
-$font-family-sans: "Verdana", "Arial", sans-serif !default;
-$font-family-sans-bold: "Verdana", "Arial", sans-serif !default;
-
-$font-weight-lighter:         lighter !default;
-$font-weight-light:           300 !default;
-$font-weight-normal:          400 !default;
-$font-weight-medium:          500 !default;
-$font-weight-semibold:        600 !default;
-$font-weight-bold:            700 !default;
-$font-weight-bolder:          bolder !default;
-
-$font-formats: (
-    'h1': (
-        'desktop': (
-            'font-family': $font-family-sans,
-            'font-weight': $font-weight-normal,
-            'font-size': rem-calc(104),
-            'line-height': rem-calc(100)
-        ),
-        'tablet': (
-            'font-family': $font-family-sans,
-            'font-weight': $font-weight-normal,
-            'font-size': rem-calc(40),
-            'line-height': rem-calc(40)
-        ),
-        'mobile': (
-            'font-family': $font-family-sans,
-            'font-weight': $font-weight-normal,
-            'font-size': rem-calc(40),
-            'line-height': rem-calc(40)
-        )
-    ),
-    'h2': (
-        'desktop': (
-            'font-family': $font-family-sans,
-            'font-weight': $font-weight-normal,
-            'font-size': rem-calc(62),
-            'line-height': rem-calc(60)
-        ),
-        'tablet': (
-            'font-family': $font-family-sans,
-            'font-weight': $font-weight-normal,
-            'font-size': rem-calc(32),
-            'line-height': rem-calc(32)
-        ),
-        'mobile': (
-            'font-family': $font-family-sans,
-            'font-weight': $font-weight-normal,
-            'font-size': rem-calc(32),
-            'line-height': rem-calc(32)
-        )
-    ),
-    'h3': (
-        'desktop': (
-            'font-family': $font-family-sans,
-            'font-weight': $font-weight-normal,
-            'font-size': rem-calc(48),
-            'line-height': rem-calc(48)
-        ),
-        'tablet': (
-            'font-family': $font-family-sans,
-            'font-weight': $font-weight-normal,
-            'font-size': rem-calc(26),
-            'line-height': rem-calc(26)
-        ),
-        'mobile': (
-            'font-family': $font-family-sans,
-            'font-weight': $font-weight-normal,
-            'font-size': rem-calc(26),
-            'line-height': rem-calc(26)
-        )
-    ),
-    'h4': (
-        'desktop': (
-            'font-family': $font-family-sans,
-            'font-weight': $font-weight-normal,
-            'font-size': rem-calc(36),
-            'line-height': rem-calc(36)
-        ),
-        'tablet': (
-            'font-family': $font-family-sans,
-            'font-weight': $font-weight-normal,
-            'font-size': rem-calc(22),
-            'line-height': rem-calc(22)
-        ),
-        'mobile': (
-            'font-family': $font-family-sans,
-            'font-weight': $font-weight-normal,
-            'font-size': rem-calc(22),
-            'line-height': rem-calc(22)
-        )
-    ),
-    'h5': (
-        'desktop': (
-            'font-family': $font-family-sans,
-            'font-weight': $font-weight-normal,
-            'font-size': rem-calc(28),
-            'line-height': rem-calc(28)
-        ),
-        'tablet': (
-            'font-family': $font-family-sans,
-            'font-weight': $font-weight-normal,
-            'font-size': rem-calc(18),
-            'line-height': rem-calc(18)
-        ),
-        'mobile': (
-            'font-family': $font-family-sans,
-            'font-weight': $font-weight-normal,
-            'font-size': rem-calc(18),
-            'line-height': rem-calc(18)
-        )
-    ),
-    'h6': (
-        'desktop': (
-            'font-family': $font-family-sans,
-            'font-weight': $font-weight-normal,
-            'font-size': rem-calc(22),
-            'line-height': rem-calc(22)
-        ),
-        'tablet': (
-            'font-family': $font-family-sans,
-            'font-weight': $font-weight-normal,
-            'font-size': rem-calc(16),
-            'line-height': rem-calc(16)
-        ),
-        'mobile': (
-            'font-family': $font-family-sans,
-            'font-weight': $font-weight-normal,
-            'font-size': rem-calc(16),
-            'line-height': rem-calc(16)
-        )
-    ),
-    'copy': (
-        'desktop': (
-            'font-family': $font-family-sans,
-            'font-weight': $font-weight-normal,
-            'font-size': rem-calc(20),
-            'line-height': rem-calc(27)
-        ),
-        'tablet': (
-            'font-family': $font-family-sans,
-            'font-weight': $font-weight-normal,
-            'font-size': rem-calc(16),
-            'line-height': rem-calc(24)
-        ),
-        'mobile': (
-            'font-family': $font-family-sans,
-            'font-weight': $font-weight-normal,
-            'font-size': rem-calc(16),
-            'line-height': rem-calc(24)
-        )
-    ),
-    'copy-small': (
-        'desktop': (
-            'font-family': $font-family-sans,
-            'font-weight': $font-weight-normal,
-            'font-size': rem-calc(16),
-            'line-height': rem-calc(16)
-        ),
-        'tablet': (
-            'font-family': $font-family-sans,
-            'font-weight': $font-weight-normal,
-            'font-size': rem-calc(14),
-            'line-height': rem-calc(14)
-        ),
-        'mobile': (
-            'font-family': $font-family-sans,
-            'font-weight': $font-weight-normal,
-            'font-size': rem-calc(14),
-            'line-height': rem-calc(14)
-        )
-    ),
-    'overline': (
-        'desktop': (
-            'font-family': $font-family-sans,
-            'font-weight': $font-weight-normal,
-            'font-size': rem-calc(28),
-            'line-height': rem-calc(28)
-        ),
-        'tablet': (
-            'font-family': $font-family-sans,
-            'font-weight': $font-weight-normal,
-            'font-size': rem-calc(18),
-            'line-height': rem-calc(18)
-        ),
-        'mobile': (
-            'font-family': $font-family-sans,
-            'font-weight': $font-weight-normal,
-            'font-size': rem-calc(18),
-            'line-height': rem-calc(18)
-        )
-    ),
-    'subheader': (
-        'desktop': (
-            'font-family': $font-family-sans,
-            'font-weight': $font-weight-normal,
-            'font-size': rem-calc(28),
-            'line-height': rem-calc(28)
-        ),
-        'tablet': (
-            'font-family': $font-family-sans,
-            'font-weight': $font-weight-normal,
-            'font-size': rem-calc(18),
-            'line-height': rem-calc(18)
-        ),
-        'mobile': (
-            'font-family': $font-family-sans,
-            'font-weight': $font-weight-normal,
-            'font-size': rem-calc(18),
-            'line-height': rem-calc(18)
-        )
-    ),
-    'link': (
-        'default': (
-            'font-family': $font-family-sans,
-        ),
-    ),
-    'bold': (
-        'default': (
-            'font-family': $font-family-sans-bold,
-            'font-weight': 500
-        ),
-    ),
-) !default;

package/sass/bootstrap-5.3.0/10_config/_maps.scss

@@ -1,51 +0,0 @@
-/* ==================================================
-* Basic maps
-* ================================================== */
-@use 'sass:math';
-
-$page-padding: (
-    xs: $spacer,
-    sm: $spacer, // mobile
-    md: $spacer,
-    lg: $spacer, // tablet
-    xl: $spacer,
-    xxl: $spacer,
-    xxxl: $spacer
-) !default;
-
-$content-spacers-blocks: (
-    'text',
-    'text-image',
-    'text-video'
-) !default;
-
-$content-spacers: (
-    'xs': (
-        'section': map-get($spacers, 6), // space between different sections
-        'block': map-get($spacers, 3), // space between content blocks
-    ),
-    'sm': (
-        'section': map-get($spacers, 6), // space between different sections
-        'block': map-get($spacers, 3), // space between content blocks
-    ),
-    'md': (
-        'section': map-get($spacers, 6), // space between different sections
-        'block': map-get($spacers, 3), // space between content blocks
-    ),
-    'lg': (
-        'section': map-get($spacers, 7), // space between different sections
-        'block': map-get($spacers, 6), // space between content blocks
-    ),
-    'xl': (
-        'section': map-get($spacers, 7), // space between different sections
-        'block': map-get($spacers, 6), // space between content blocks
-    ),
-    'xxl': (
-        'section': map-get($spacers, 7), // space between different sections
-        'block': map-get($spacers, 6), // space between content blocks
-    ),
-    'xxxl': (
-        'section': map-get($spacers, 7), // space between different sections
-        'block': map-get($spacers, 6), // space between content blocks
-    )
-) !default;