beathers 5.5.0 → 5.6.1

package/scripts/helpers/BuildScssVariables.js

@@ -15,18 +15,14 @@ function BuildColors(colors) {
         scss += '$colors: ();\n';
     return scss;
 }
-function BuildTypography(typography, isLocalBuild = false) {
+function BuildTypography(typography) {
     let scss = '\n\n// --- Typography ---\n';
     scss += '$defaultFontFamilies:';
     scss += typography?.defaultFontFamilies?.length ? typography.defaultFontFamilies.join(', ').replace(/"/g, '') : 'null';
     scss += ';\n';
-    let fontPath = typography?.fontMainPath || null;
-    if (fontPath && !isLocalBuild) {
-        if (!fontPath.startsWith('/'))
-            fontPath = `../../../${fontPath}`;
-        else
-            fontPath = `../../..${fontPath}`;
-    }
+    let fontPath = typography?.fontMainPath;
+    if (!fontPath?.startsWith('/'))
+        fontPath = `/${fontPath}`;
     scss += `$fontMainPath: ${fontPath ? `"${fontPath}"` : 'null'};\n`;
     scss += `$fontFormat: ${typography?.fontFormat ? `"${typography.fontFormat}"` : 'null'};\n`;
     scss += '$fontWeights: (';
@@ -138,22 +134,29 @@ function BuildGlass(glass) {
     if (!glass)
         return '';
     let scss = '\n\n// --- Glass ---\n';
-    scss += `$glassBlur: ${glass.blur};\n`;
-    scss += `$glassColorLight: ${glass.glassColor?.light};\n`;
-    scss += `$glassColorDark: ${glass.glassColor?.dark};\n`;
-    scss += `$glassBorderThickness: ${glass.borderThickness};\n`;
-    scss += `$glassBorder1ColorLight: ${glass.border1Color?.light};\n`;
-    scss += `$glassBorder1ColorDark: ${glass.border1Color?.dark};\n`;
-    scss += `$glassBorder2ColorLight: ${glass.border2Color?.light};\n`;
-    scss += `$glassBorder2ColorDark: ${glass.border2Color?.dark};\n`;
-    scss += `$glassLightAngle: ${glass.lightAngle};\n`;
+    scss += `$glassBlur: ${glass.blur ?? 'null'};\n`;
+    scss += `$glassBorderThickness: ${glass.borderThickness ?? 'null'};\n`;
+    scss += `$glassLightAngle: ${glass.lightAngle ?? 'null'};\n`;
+    scss += '$glassColor: (\n';
+    scss += `  'light': ${glass?.glassColor?.light ?? '#ffffff'},\n`;
+    scss += `  'dark': ${glass?.glassColor?.dark ?? '#000000'},\n`;
+    scss += ');\n';
+    scss += '$glassBorder1Color: (\n';
+    scss += `  'light': ${glass?.border1Color?.light ?? '#e6e6e6'},\n`;
+    scss += `  'dark': ${glass?.border1Color?.dark ?? '#303030'},\n`;
+    scss += ');\n';
+    scss += '$glassBorder2Color: (\n';
+    scss += `  'light': ${glass?.border2Color?.light ?? '#e6e6e6'},\n`;
+    scss += `  'dark': ${glass?.border2Color?.dark ?? '#303030'},\n`;
+    scss += ');\n';
     return scss;
 }
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
 export function BuildScssVariables(theme, isLocalBuild = false) {
     const { colors, roles, settings, typography, glass } = theme;
     let scss = '// Generated by Beathers builder\n // Do not edit this file directly\n\n';
     scss += BuildColors(colors);
-    scss += BuildTypography(typography, isLocalBuild);
+    scss += BuildTypography(typography);
     scss += BuildSettings(settings);
     scss += BuildRoles(roles);
     scss += BuildGlass(glass);

package/scripts/helpers/Merge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Merge.d.ts","sourceRoot":"","sources":["../../src/scripts/helpers/Merge.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AAEnC,wBAAgB,SAAS,CAAC,QAAQ,EAAE,OAAO,CAAC,KAAK,CAAC,EAAE,OAAO,EAAE,OAAO,CAAC,KAAK,CAAC,GAAG,IAAI,GAAG,KAAK,CA2BzF"}
+{"version":3,"file":"Merge.d.ts","sourceRoot":"","sources":["../../src/scripts/helpers/Merge.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AAEnC,wBAAgB,SAAS,CAAC,QAAQ,EAAE,OAAO,CAAC,KAAK,CAAC,EAAE,OAAO,EAAE,OAAO,CAAC,KAAK,CAAC,GAAG,IAAI,GAAG,KAAK,CAwCzF"}

package/scripts/helpers/Merge.js

@@ -1,8 +1,8 @@
 export function DeepMerge(defaults, configs) {
     if (!configs)
         return defaults;
-    const { colors: tColors, roles: tRoles, settings: tSettings, typography: tTypography } = defaults ?? {};
-    const { colors: sColors, roles: sRoles, settings: sSettings, typography: sTypography } = configs ?? {};
+    const { colors: tColors, roles: tRoles, settings: tSettings, typography: tTypography, glass: tGlass, } = defaults ?? {};
+    const { colors: sColors, roles: sRoles, settings: sSettings, typography: sTypography, glass: sGlass, } = configs ?? {};
     const colors = { ...tColors, ...sColors };
     const roles = { ...tRoles, ...sRoles };
     const settings = {
@@ -22,5 +22,6 @@ export function DeepMerge(defaults, configs) {
             (sTypography?.fontSizes && { fontSizes: { ...tTypography?.fontSizes, ...sTypography?.fontSizes } })),
         ...(tTypography?.fonts || (sTypography?.fonts && { fonts: { ...tTypography?.fonts, ...sTypography?.fonts } })),
     };
-    return { colors, roles, settings, typography };
+    const glass = { ...tGlass, ...sGlass };
+    return { colors, roles, settings, typography, glass };
 }

package/scripts/helpers/ReadDefaultValues.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ReadDefaultValues.d.ts","sourceRoot":"","sources":["../../src/scripts/helpers/ReadDefaultValues.ts"],"names":[],"mappings":"AAGA,OAAO,EAA2C,KAAK,EAAE,MAAM,aAAa,CAAA;AAmF5E,wBAAsB,iBAAiB,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,aAAa,EAAE,MAAM,EAAE,GAAG,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CA8GzG"}
+{"version":3,"file":"ReadDefaultValues.d.ts","sourceRoot":"","sources":["../../src/scripts/helpers/ReadDefaultValues.ts"],"names":[],"mappings":"AAGA,OAAO,EAA2C,KAAK,EAAE,MAAM,aAAa,CAAA;AAmF5E,wBAAsB,iBAAiB,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,aAAa,EAAE,MAAM,EAAE,GAAG,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CA+HzG"}

package/scripts/helpers/ReadDefaultValues.js

@@ -116,6 +116,7 @@ export async function ReadDefaultValues(files, VariableNames) {
             }
         }
     }
+    theme.outputPath = variables?.outputPath;
     theme.colors = variables?.colors;
     theme.typography = {
         fontMainPath: variables?.fontMainPath,
@@ -140,12 +141,16 @@ export async function ReadDefaultValues(files, VariableNames) {
     };
     theme.roles = {
         useMediaQueries: variables?.useMediaQueries,
-        useIcons: variables?.useIcons,
         useFontFamilies: variables?.useFontFamilies,
+        useFontFamiliesMediaQueries: variables?.useFontFamiliesMediaQueries,
         useFontSizes: variables?.useFontSizes,
+        useFontSizesMediaQueries: variables?.useFontSizesMediaQueries,
         useFontShapes: variables?.useFontShapes,
+        useFontShapesMediaQueries: variables?.useFontShapesMediaQueries,
         useTextAligns: variables?.useTextAligns,
+        useTextAlignsMediaQueries: variables?.useTextAlignsMediaQueries,
         useTextTruncate: variables?.useTextTruncate,
+        useTextTruncateMediaQueries: variables?.useTextTruncateMediaQueries,
         useColors: variables?.useColors,
         useColorsOpacities: variables?.useColorsOpacities,
         useColorsLightMode: variables?.useColorsLightMode,
@@ -154,21 +159,34 @@ export async function ReadDefaultValues(files, VariableNames) {
         useRootColors: variables?.useRootColors,
         useGrid: variables?.useGrid,
         useFlex: variables?.useFlex,
-        useTransitions: variables?.useTransitions,
+        useGridMediaQueries: variables?.useGridMediaQueries,
         useWrappers: variables?.useWrappers,
         useShadows: variables?.useShadows,
+        useShadowsMediaQueries: variables?.useShadowsMediaQueries,
         useDisplays: variables?.useDisplays,
+        useDisplaysMediaQueries: variables?.useDisplaysMediaQueries,
         useOverflows: variables?.useOverflows,
+        useOverflowsMediaQueries: variables?.useOverflowsMediaQueries,
         useOpacities: variables?.useOpacities,
+        useOpacitiesMediaQueries: variables?.useOpacitiesMediaQueries,
         useBlur: variables?.useBlur,
+        useBlurMediaQueries: variables?.useBlurMediaQueries,
         useObjectFits: variables?.useObjectFits,
+        useObjectFitsMediaQueries: variables?.useObjectFitsMediaQueries,
         usePositions: variables?.usePositions,
+        usePositionsMediaQueries: variables?.usePositionsMediaQueries,
         useInsets: variables?.useInsets,
+        useInsetsMediaQueries: variables?.useInsetsMediaQueries,
         useSizes: variables?.useSizes,
+        useSizesMediaQueries: variables?.useSizesMediaQueries,
         useGutters: variables?.useGutters,
+        useGuttersMediaQueries: variables?.useGuttersMediaQueries,
         useBorders: variables?.useBorders,
+        useBordersMediaQueries: variables?.useBordersMediaQueries,
         useTextBorders: variables?.useTextBorders,
+        useTextBordersMediaQueries: variables?.useTextBordersMediaQueries,
         useRadius: variables?.useRadius,
+        useRadiusMediaQueries: variables?.useRadiusMediaQueries,
         useGlass: variables?.useGlass,
     };
     theme.glass = {

package/scripts/types.d.ts

@@ -89,11 +89,13 @@ interface Glass {
     lightAngle?: `${number}deg`;
 }
 /** Available feature keys for enabling/disabling CSS utilities */
-type RoleKeys = 'useMediaQueries' | 'useIcons' | 'useFontFamilies' | 'useFontSizes' | 'useFontShapes' | 'useTextAligns' | 'useTextTruncate' | 'useColors' | 'useColorsOpacities' | 'useColorsLightMode' | 'useColorsDarkMode' | 'useCurrentColors' | 'useRootColors' | 'useGrid' | 'useFlex' | 'useTransitions' | 'useWrappers' | 'useShadows' | 'useDisplays' | 'useOverflows' | 'useOpacities' | 'useBlur' | 'useObjectFits' | 'usePositions' | 'useInsets' | 'useSizes' | 'useGutters' | 'useBorders' | 'useTextBorders' | 'useRadius' | 'useGlass';
+type RoleKeys = 'useMediaQueries' | 'useFontFamilies' | 'useFontFamiliesMediaQueries' | 'useFontSizes' | 'useFontSizesMediaQueries' | 'useFontShapes' | 'useFontShapesMediaQueries' | 'useTextAligns' | 'useTextAlignsMediaQueries' | 'useTextTruncate' | 'useTextTruncateMediaQueries' | 'useColors' | 'useColorsOpacities' | 'useColorsLightMode' | 'useColorsDarkMode' | 'useCurrentColors' | 'useRootColors' | 'useGrid' | 'useFlex' | 'useGridMediaQueries' | 'useWrappers' | 'useShadows' | 'useShadowsMediaQueries' | 'useDisplays' | 'useDisplaysMediaQueries' | 'useOverflows' | 'useOverflowsMediaQueries' | 'useOpacities' | 'useOpacitiesMediaQueries' | 'useBlur' | 'useBlurMediaQueries' | 'useObjectFits' | 'useObjectFitsMediaQueries' | 'usePositions' | 'usePositionsMediaQueries' | 'useInsets' | 'useInsetsMediaQueries' | 'useSizes' | 'useSizesMediaQueries' | 'useGutters' | 'useGuttersMediaQueries' | 'useBorders' | 'useBordersMediaQueries' | 'useTextBorders' | 'useTextBordersMediaQueries' | 'useRadius' | 'useRadiusMediaQueries' | 'useGlass';
 /** Feature toggles for enabling/disabling CSS utility generation. @default all true */
 type Roles = Partial<Record<RoleKeys, boolean>>;
 /** Main theme configuration object containing all design system settings */
 interface Theme {
+    /** Output path for compiled CSS files. @default 'public/css' */
+    outputPath?: string;
     /** Color palette definitions with light/dark theme support */
     colors?: ColorType;
     /** Typography settings including fonts, sizes, and weights */

package/scripts/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/scripts/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/scripts/types.ts"],"names":[],"mappings":"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"}

package/scss/_variables.scss

@@ -1,15 +1,12 @@
 // Generated by Beathers builder
- // Do not edit this file directly
-
-
+// Do not edit this file directly
 
 // --- Colors ---
 $colors: ();
 
-
 // --- Typography ---
-$defaultFontFamilies:null;
-$fontMainPath: null;
+$defaultFontFamilies: null;
+$fontMainPath: '/undefined';
 $fontFormat: null;
 $fontWeights: ();
 $fontStyles: ();
@@ -17,7 +14,6 @@ $fontSizes: ();
 $textTruncate: ();
 $fonts: ();
 
-
 // --- Settings ---
 $axisDivisions: null;
 $opacities: ();
@@ -29,15 +25,18 @@ $breakpoints: ();
 $wrappers: ();
 $guttersValues: ();
 
-
 // --- Roles ---
 $useMediaQueries: false;
-$useIcons: true;
 $useFontFamilies: true;
+$useFontFamiliesMediaQueries: false;
 $useFontSizes: true;
+$useFontSizesMediaQueries: true;
 $useFontShapes: true;
+$useFontShapesMediaQueries: false;
 $useTextAligns: true;
+$useTextAlignsMediaQueries: true;
 $useTextTruncate: true;
+$useTextTruncateMediaQueries: true;
 $useColors: true;
 $useColorsOpacities: true;
 $useColorsLightMode: true;
@@ -46,19 +45,49 @@ $useCurrentColors: true;
 $useRootColors: true;
 $useGrid: true;
 $useFlex: true;
-$useTransitions: true;
+$useGridMediaQueries: true;
 $useWrappers: true;
 $useShadows: true;
+$useShadowsMediaQueries: false;
 $useDisplays: true;
+$useDisplaysMediaQueries: false;
 $useOverflows: true;
+$useOverflowsMediaQueries: false;
 $useOpacities: true;
+$useOpacitiesMediaQueries: false;
 $useBlur: true;
+$useBlurMediaQueries: false;
 $useObjectFits: true;
+$useObjectFitsMediaQueries: false;
 $usePositions: true;
+$usePositionsMediaQueries: false;
 $useInsets: true;
+$useInsetsMediaQueries: false;
 $useSizes: true;
+$useSizesMediaQueries: true;
 $useGutters: true;
+$useGuttersMediaQueries: true;
 $useBorders: true;
+$useBordersMediaQueries: false;
 $useTextBorders: true;
+$useTextBordersMediaQueries: false;
 $useRadius: true;
+$useRadiusMediaQueries: false;
 $useGlass: true;
+
+// --- Glass ---
+$glassBlur: null;
+$glassColor: (
+  'light': #ffffff,
+  'dark': #000000,
+);
+$glassBorderThickness: null;
+$glassBorder1Color: (
+  'light': #e6e6e6,
+  'dark': #303030,
+);
+$glassBorder2Color: (
+  'light': #e6e6e6,
+  'dark': #303030,
+);
+$glassLightAngle: null;

package/scss/beathers.min.scss

@@ -1,5 +1,5 @@
 /*!
-* Beathers v5.5.0 (https://bhoenixstudio.com/beathers)
+* Beathers v5.6.1 (https://bhoenixstudio.com/beathers)
 * Copyright 2020-2025 Bhoenix Studio
 */
 
@@ -9,3 +9,4 @@
 @use './style/typographic';
 @use './style/grid';
 @use './style/shaping';
+@use './style/glass';

package/scss/functions/_mediaQueries.scss

@@ -114,9 +114,9 @@ $useMediaQueries: if(vars.$useMediaQueries != null, vars.$useMediaQueries, setti
 //       text-align: center !important;
 //     }
 //   }
-//
-@mixin multiSizes() {
-  @if $useMediaQueries {
+
+@mixin multiSizes($condition: $useMediaQueries) {
+  @if $condition {
     @each $size, $value in $breakpoints {
       $divider: if($size, #{\:}, '');
 

package/scss/functions/_others.scss

@@ -6,14 +6,6 @@
 // Definitions
 $axisDivisions: if(vars.$axisDivisions != null, vars.$axisDivisions, defs.$axisDivisions);
 
-// @function shadowValue
-// @description Converts a unitless number to a pixel value for shadows, unless the value is 0.
-// @param {Number} $value - The shadow value.
-// @return {String} The shadow value with "px" appended, or 0.
-@function shadowValue($value) {
-  @return if($value != 0, #{$value}#{'px'}, $value);
-}
-
 // @mixin gridDivision
 // @description Generates CSS grid classes for creating grid layouts.
 // @param {String} $axis - The grid axis ('column' or 'row').

package/scss/settings/_configs.scss

@@ -97,55 +97,30 @@ $cursors: (
 // Defines shadow presets.
 $shadows: (
   'light': (
-    x: 0,
-    y: 2,
-    blur: 5,
-    spread: 0,
-    opacity: 0.15,
+    rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em,
+    rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em,
+    rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset,
   ),
   'soft': (
-    x: 2,
-    y: 2,
-    blur: 12,
-    spread: 0,
-    opacity: 0.2,
+    rgba(0, 0, 0, 0.1) 0px 20px 25px -5px,
+    rgba(0, 0, 0, 0.04) 0px 10px 10px -5px,
   ),
   'medium': (
-    x: 0,
-    y: 10,
-    blur: 20,
-    spread: 0,
-    opacity: 0.2,
+    rgba(0, 0, 0, 0.1) 0px 10px 50px,
   ),
   'solid': (
-    x: 0,
-    y: 4,
-    blur: 10,
-    spread: 0,
-    opacity: 0.3,
+    rgba(0, 0, 0, 0.2) 0px 12px 28px 0px,
+    rgba(0, 0, 0, 0.1) 0px 2px 4px 0px,
+    rgba(255, 255, 255, 0.05) 0px 0px 0px 1px inset,
   ),
-  'ambient': (
-    x: 0,
-    y: 0,
-    blur: 40,
-    spread: 10,
-    opacity: 0.1,
+  'floating': (
+    rgba(50, 50, 93, 0.25) 0px 13px 27px -5px,
+    rgba(0, 0, 0, 0.3) 0px 8px 16px -8px,
   ),
   'flat': (
-    x: 0,
-    y: 6,
-    blur: 6,
-    spread: 4,
-    opacity: 0.2,
-  ),
-  'floating': (
-    x: 0,
-    y: 20,
-    blur: 40,
-    spread: 0,
-    opacity: 0.15,
+    rgba(0, 0, 0, 0.15) 0px 3px 3px 0px,
   ),
-);
+) !default;
 
 // Defines utility classes for clearing properties.
 $clearanceOptions: (

package/scss/settings/_index.scss

@@ -1,19 +1,23 @@
 // Main settings ----- ----- ----- -----
 // Enables or disables media queries.
 $useMediaQueries: false !default;
-$useIcons: true !default;
 
 // Typographic settings ----- ----- ----- -----
 // Enables or disables font family utilities.
 $useFontFamilies: true !default;
+$useFontFamiliesMediaQueries: false !default;
 // Enables or disables font size utilities.
 $useFontSizes: true !default;
+$useFontSizesMediaQueries: true !default;
 // Enables or disables font shape utilities (transform, decoration, styles).
 $useFontShapes: true !default;
+$useFontShapesMediaQueries: false !default;
 // Enables or disables text alignment utilities.
 $useTextAligns: true !default;
+$useTextAlignsMediaQueries: true !default;
 // Enables or disables text truncation utilities.
 $useTextTruncate: true !default;
+$useTextTruncateMediaQueries: true !default;
 
 // Colors settings ----- ----- ----- -----
 // Enables or disables color utilities.
@@ -30,41 +34,53 @@ $useCurrentColors: true !default;
 $useRootColors: true !default;
 
 // Grid settings ----- ----- ----- -----
+$useGridMediaQueries: true !default;
 // Enables or disables grid utilities.
 $useGrid: true !default;
 // Enables or disables flexbox utilities.
 $useFlex: true !default;
 
 // Shapes settings ----- ----- ----- -----
-// Enables or disables transition utilities.
-$useTransitions: true !default;
 // Enables or disables wrapper utilities.
 $useWrappers: true !default;
 // Enables or disables shadow utilities.
 $useShadows: true !default;
+$useShadowsMediaQueries: false !default;
 // Enables or disables display utilities.
 $useDisplays: true !default;
+$useDisplaysMediaQueries: false !default;
 // Enables or disables overflow utilities.
 $useOverflows: true !default;
+$useOverflowsMediaQueries: false !default;
 // Enables or disables opacity utilities.
 $useOpacities: true !default;
+$useOpacitiesMediaQueries: false !default;
 // Enables or disables blur utilities.
 $useBlur: true !default;
+$useBlurMediaQueries: false !default;
 // Enables or disables object-fit utilities.
 $useObjectFits: true !default;
+$useObjectFitsMediaQueries: false !default;
 // Enables or disables position utilities.
 $usePositions: true !default;
+$usePositionsMediaQueries: false !default;
 // Enables or disables inset utilities.
 $useInsets: true !default;
+$useInsetsMediaQueries: false !default;
 // Enables or disables size utilities (width, height).
 $useSizes: true !default;
+$useSizesMediaQueries: true !default;
 // Enables or disables gutter utilities (padding, margin, gap).
 $useGutters: true !default;
+$useGuttersMediaQueries: true !default;
 // Enables or disables border utilities.
 $useBorders: true !default;
+$useBordersMediaQueries: false !default;
 // Enables or disables text border utilities.
 $useTextBorders: true !default;
+$useTextBordersMediaQueries: false !default;
 // Enables or disables border-radius utilities.
 $useRadius: true !default;
+$useRadiusMediaQueries: false !default;
 // Enables or disables glass effect utilities.
 $useGlass: true !default;

package/scss/style/_glass.scss

@@ -1,3 +1,4 @@
+@use 'sass:map';
 @use '../functions/colors' as colors;
 @use '../settings/index' as settings;
 @use '../settings/defaults' as defs;
@@ -10,34 +11,29 @@ $useColorsDarkMode: if(vars.$useColorsDarkMode != null, vars.$useColorsDarkMode,
 $glassBlur: if(vars.$glassBlur != null, vars.$glassBlur, defs.$glassBlur);
 $glassColor: if(vars.$glassColor != null, vars.$glassColor, defs.$glassColor);
 $glassBorderThickness: if(vars.$glassBorderThickness != null, vars.$glassBorderThickness, defs.$glassBorderThickness);
-$border1Color: if(vars.$border1Color != null, vars.$border1Color, defs.$border1Color);
-$border2Color: if(vars.$border2Color != null, vars.$border2Color, defs.$border2Color);
+$glassBorder1Color: if(vars.$glassBorder1Color != null, vars.$glassBorder1Color, defs.$glassBorder1Color);
+$glassBorder2Color: if(vars.$glassBorder2Color != null, vars.$glassBorder2Color, defs.$glassBorder2Color);
 $glassLightAngle: if(vars.$glassLightAngle != null, vars.$glassLightAngle, defs.$glassLightAngle);
 
 @if $useGlass {
-  :root {
-    --glass-blur: #{$glassBlur};
-    --glass-color-light: colors.hexToRgba(map-get($glassColor, 'light'), 0.15, 'Glass.light');
-    --glass-color-dark: colors.hexToRgba(map-get($glassColor, 'dark'), 0.15, 'Glass.dark');
-    --glass-border-thickness: #{$glassBorderThickness};
-    --glass-border-1-color-light: colors.hexToRgba(map-get($border1Color, 'light'), 0.4, 'Glass.light');
-    --glass-border-1-color-dark: colors.hexToRgba(map-get($border1Color, 'dark'), 0.4, 'Glass.dark');
-    --glass-border-2-color-light: colors.hexToRgba(map-get($border2Color, 'light'), 0.1, 'Glass.light');
-    --glass-border-2-color-dark: colors.hexToRgba(map-get($border2Color, 'dark'), 0.1, 'Glass.dark');
-    --glass-light-angle: #{$glassLightAngle};
-  }
+  $glassColorLight: colors.hexToRgba(map.get($glassColor, 'light'), 0.15, 'Glass.light');
+  $glassColorDark: colors.hexToRgba(map.get($glassColor, 'dark'), 0.15, 'Glass.dark');
+  $glassBorder1ColorLight: colors.hexToRgba(map.get($glassBorder1Color, 'light'), 0.4, 'Glass.light');
+  $glassBorder1ColorDark: colors.hexToRgba(map.get($glassBorder1Color, 'dark'), 0.4, 'Glass.dark');
+  $glassBorder2ColorLight: colors.hexToRgba(map.get($glassBorder2Color, 'light'), 0.4, 'Glass.light');
+  $glassBorder2ColorDark: colors.hexToRgba(map.get($glassBorder2Color, 'dark'), 0.4, 'Glass.dark');
 
   .bg\:glass {
     position: relative;
     isolation: isolate;
-    backdrop-filter: blur(var(--glass-blur));
+    backdrop-filter: blur(var(--glass-blur, $glassBlur));
 
     &::before {
       content: '';
       position: absolute;
       inset: 0;
       border-radius: inherit;
-      border: var(--glass-border-thickness) solid transparent;
+      border: var(--glass-border-thickness, $glassBorderThickness) solid transparent;
       mask:
         linear-gradient(black, black) border-box,
         linear-gradient(black, black) padding-box;
@@ -49,14 +45,14 @@ $glassLightAngle: if(vars.$glassLightAngle != null, vars.$glassLightAngle, defs.
       .light &,
       .light\:#{&},
       &.light {
-        background: var(--glass-color-light);
+        background: var(--glass-color-light, $glassColorLight);
 
         &::before {
           background: linear-gradient(
-              var(--glass-light-angle),
-              var(--glass-border-2-color-light),
-              var(--glass-border-1-color-light),
-              var(--glass-border-2-color-light)
+              var(--glass-light-angle, $glassLightAngle),
+              var(--glass-border-2-color-light, $glassBorder2ColorLight),
+              var(--glass-border-1-color-light, $glassBorder1ColorLight),
+              var(--glass-border-2-color-light, $glassBorder2ColorLight)
             )
             border-box;
         }
@@ -67,14 +63,14 @@ $glassLightAngle: if(vars.$glassLightAngle != null, vars.$glassLightAngle, defs.
       .dark &,
       .dark\:#{&},
       &.dark {
-        background: var(--glass-color-dark);
+        background: var(--glass-color-dark, $glassColorDark);
 
         &::before {
           background: linear-gradient(
-              var(--glass-light-angle),
-              var(--glass-border-2-color-dark),
-              var(--glass-border-1-color-dark),
-              var(--glass-border-2-color-dark)
+              var(--glass-light-angle, $glassLightAngle),
+              var(--glass-border-2-color-dark, $glassBorder2ColorDark),
+              var(--glass-border-1-color-dark, $glassBorder1ColorDark),
+              var(--glass-border-2-color-dark, $glassBorder2ColorDark)
             )
             border-box;
         }

package/scss/style/_grid.scss

@@ -8,12 +8,13 @@
 // Definitions
 $useGrid: if(vars.$useGrid != null, vars.$useGrid, settings.$useGrid);
 $useFlex: if(vars.$useFlex != null, vars.$useFlex, settings.$useFlex);
+$useGridMediaQueries: if(vars.$useGridMediaQueries != null, vars.$useGridMediaQueries, settings.$useGridMediaQueries);
 
 @if $useGrid {
   .grid {
     display: grid;
 
-    @include mQ.multiSizes() using ($size, $divider) {
+    @include mQ.multiSizes($useGridMediaQueries) using ($size, $divider) {
       @include func.gridDivision(column, $size, $divider);
       @include func.gridDivision(row, $size, $divider);
     }
@@ -26,7 +27,7 @@ $useFlex: if(vars.$useFlex != null, vars.$useFlex, settings.$useFlex);
     flex-direction: row;
     flex-wrap: wrap;
 
-    @include mQ.multiSizes() using ($size, $divider) {
+    @include mQ.multiSizes($useGridMediaQueries) using ($size, $divider) {
       @each $property, $values in configs.$flexProperties {
         // Validate parameters
         $checkedProperty: val.listItem((flex-wrap, flex-direction), $property, 'flex.properties');
@@ -47,22 +48,25 @@ $useFlex: if(vars.$useFlex != null, vars.$useFlex, settings.$useFlex);
         }
       }
 
-      &.row,
-      &.row-reverse {
-        @include func.flexDivision(width, 'cols', $size, $divider);
-        @include func.flexDivision(width, 'col', $size, $divider);
-      }
-      &.column,
-      &.column-reverse {
-        @include func.flexDivision(height, 'rows', $size, $divider);
-        @include func.flexDivision(height, 'row', $size, $divider);
+      &.flex-wrapper {
+        &.row,
+        &.row-reverse {
+          @include func.flexDivision(width, 'cols', $size, $divider);
+          @include func.flexDivision(width, 'col', $size, $divider);
+        }
+
+        &.column,
+        &.column-reverse {
+          @include func.flexDivision(height, 'rows', $size, $divider);
+          @include func.flexDivision(height, 'row', $size, $divider);
+        }
       }
     }
   }
 }
 
 @if $useFlex or $useGrid {
-  @include mQ.multiSizes() using ($size, $divider) {
+  @include mQ.multiSizes($useGridMediaQueries) using ($size, $divider) {
     @each $way, $selections in configs.$justify {
       @each $selection, $properties in $selections {
         @each $property in $properties {
@@ -75,7 +79,9 @@ $useFlex: if(vars.$useFlex != null, vars.$useFlex, settings.$useFlex);
             $flexValue: #{$flexPrefix}#{$value};
 
             &#{$property} {
-              &.flex {
+              &.flex,
+              &.d-flex,
+              &.d-inline-flex {
                 #{$way}-#{$selection}: if($size, $flexValue !important, $flexValue);
               }