beathers 5.5.4 → 5.6.1

package/scripts/commands/list.js

@@ -6,7 +6,6 @@ const commands = {
     '--version': () => Version(),
     init: async () => await Init(),
     'build:pack': async () => await Build(),
-    '--local': async () => await Build(),
     'add-font': async () => await AddFont(),
     'remove-font': async () => await RemoveFont(),
     'import-font-sample': async () => await ImportFont(),

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,CA4BzF"}
+{"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, glass: tGlass } = defaults ?? {};
-    const { colors: sColors, roles: sRoles, settings: sSettings, typography: sTypography, glass: sGlass } = 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 = {

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

@@ -27,12 +27,16 @@ $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;
@@ -41,21 +45,34 @@ $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 ---

package/scss/beathers.min.scss

@@ -1,5 +1,5 @@
 /*!
-* Beathers v5.5.4 (https://bhoenixstudio.com/beathers)
+* Beathers v5.6.1 (https://bhoenixstudio.com/beathers)
 * Copyright 2020-2025 Bhoenix Studio
 */
 

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/_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,7 +48,7 @@ $useFlex: if(vars.$useFlex != null, vars.$useFlex, settings.$useFlex);
         }
       }
 
-      &.wrapper {
+      &.flex-wrapper {
         &.row,
         &.row-reverse {
           @include func.flexDivision(width, 'cols', $size, $divider);
@@ -65,7 +66,7 @@ $useFlex: if(vars.$useFlex != null, vars.$useFlex, settings.$useFlex);
 }
 
 @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 {
@@ -78,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);
               }
 

package/scss/style/_shaping.scss

@@ -13,23 +13,84 @@
 $useWrappers: if(vars.$useWrappers != null, vars.$useWrappers, settings.$useWrappers);
 $wrappers: if(vars.$wrappers != null, vars.$wrappers, defs.$wrappers);
 $useShadows: if(vars.$useShadows != null, vars.$useShadows, settings.$useShadows);
+$useShadowsMediaQueries: if(
+  vars.$useShadowsMediaQueries != null,
+  vars.$useShadowsMediaQueries,
+  settings.$useShadowsMediaQueries
+);
 $useDisplays: if(vars.$useDisplays != null, vars.$useDisplays, settings.$useDisplays);
+$useDisplaysMediaQueries: if(
+  vars.$useDisplaysMediaQueries != null,
+  vars.$useDisplaysMediaQueries,
+  settings.$useDisplaysMediaQueries
+);
 $useOverflows: if(vars.$useOverflows != null, vars.$useOverflows, settings.$useOverflows);
+$useOverflowsMediaQueries: if(
+  vars.$useOverflowsMediaQueries != null,
+  vars.$useOverflowsMediaQueries,
+  settings.$useOverflowsMediaQueries
+);
 $useOpacities: if(vars.$useOpacities != null, vars.$useOpacities, settings.$useOpacities);
+$useOpacitiesMediaQueries: if(
+  vars.$useOpacitiesMediaQueries != null,
+  vars.$useOpacitiesMediaQueries,
+  settings.$useOpacitiesMediaQueries
+);
 $opacities: if(vars.$opacities != null, vars.$opacities, defs.$opacities);
 $useBlur: if(vars.$useBlur != null, vars.$useBlur, settings.$useBlur);
+$useBlurMediaQueries: if(vars.$useBlurMediaQueries != null, vars.$useBlurMediaQueries, settings.$useBlurMediaQueries);
 $blurValues: if(vars.$blurValues != null, vars.$blurValues, defs.$blurValues);
 $useObjectFits: if(vars.$useObjectFits != null, vars.$useObjectFits, settings.$useObjectFits);
+$useObjectFitsMediaQueries: if(
+  vars.$useObjectFitsMediaQueries != null,
+  vars.$useObjectFitsMediaQueries,
+  settings.$useObjectFitsMediaQueries
+);
 $usePositions: if(vars.$usePositions != null, vars.$usePositions, settings.$usePositions);
+$usePositionsMediaQueries: if(
+  vars.$usePositionsMediaQueries != null,
+  vars.$usePositionsMediaQueries,
+  settings.$usePositionsMediaQueries
+);
 $useInsets: if(vars.$useInsets != null, vars.$useInsets, settings.$useInsets);
+$useInsetsMediaQueries: if(
+  vars.$useInsetsMediaQueries != null,
+  vars.$useInsetsMediaQueries,
+  settings.$useInsetsMediaQueries
+);
 $insetValues: if(vars.$insetValues != null, vars.$insetValues, defs.$insetValues);
 $useSizes: if(vars.$useSizes != null, vars.$useSizes, settings.$useSizes);
+$useSizesMediaQueries: if(
+  vars.$useSizesMediaQueries != null,
+  vars.$useSizesMediaQueries,
+  settings.$useSizesMediaQueries
+);
 $useGutters: if(vars.$useGutters != null, vars.$useGutters, settings.$useGutters);
+$useGuttersMediaQueries: if(
+  vars.$useGuttersMediaQueries != null,
+  vars.$useGuttersMediaQueries,
+  settings.$useGuttersMediaQueries
+);
 $guttersValues: if(vars.$guttersValues != null, vars.$guttersValues, defs.$guttersValues);
 $useBorders: if(vars.$useBorders != null, vars.$useBorders, settings.$useBorders);
+$useBordersMediaQueries: if(
+  vars.$useBordersMediaQueries != null,
+  vars.$useBordersMediaQueries,
+  settings.$useBordersMediaQueries
+);
 $bordersValue: if(vars.$bordersValue != null, vars.$bordersValue, defs.$bordersValue);
 $useTextBorders: if(vars.$useTextBorders != null, vars.$useTextBorders, settings.$useTextBorders);
+$useTextBordersMediaQueries: if(
+  vars.$useTextBordersMediaQueries != null,
+  vars.$useTextBordersMediaQueries,
+  settings.$useTextBordersMediaQueries
+);
 $useRadius: if(vars.$useRadius != null, vars.$useRadius, settings.$useRadius);
+$useRadiusMediaQueries: if(
+  vars.$useRadiusMediaQueries != null,
+  vars.$useRadiusMediaQueries,
+  settings.$useRadiusMediaQueries
+);
 $radiuses: if(vars.$radiuses != null, vars.$radiuses, defs.$radiuses);
 
 @if $useWrappers {
@@ -57,36 +118,19 @@ $radiuses: if(vars.$radiuses != null, vars.$radiuses, defs.$radiuses);
 }
 
 @if $useShadows {
-  @include mQ.multiSizes() using ($size, $divider) {
+  @include mQ.multiSizes($useShadowsMediaQueries) using ($size, $divider) {
     @each $class, $values in configs.$shadows {
-      $x: map.get($values, x);
-      $y: map.get($values, y);
-      $blur: map.get($values, blur);
-      $spread: map.get($values, spread);
-      $opacity: map.get($values, opacity);
-
-      // Validate parameters
-      $checkedX: val.number($x, 'Shadows.x');
-      $checkedY: val.number($y, 'Shadows.y');
-      $checkedBlur: val.number($blur, 'Shadows.blur');
-      $checkedSpread: val.number($spread, 'Shadows.spread');
-      $checkedOpacity: val.opacity($opacity, 'Shadows.opacity');
-
-      $mainClass: if($size, '#{$size}#{$divider}shadow\:#{$class}', 'shadow\:#{$class}');
+      $mainClass: if($size, '#{$size}#{$divider}shadow#{\:}#{$class}', 'shadow#{\:}#{$class}');
 
       .#{$mainClass} {
-        box-shadow: func.shadowValue($x)
-          func.shadowValue($y)
-          func.shadowValue($blur)
-          func.shadowValue($spread)
-          rgba(0, 0, 0, $opacity);
+        box-shadow: $values;
       }
     }
   }
 }
 
 @if $useDisplays {
-  @include mQ.multiSizes() using ($size, $divider) {
+  @include mQ.multiSizes($useDisplaysMediaQueries) using ($size, $divider) {
     @each $display in configs.$displays {
       // Validate parameters
       $checkedDisplay: val.listItem(configs.$displays, $display, 'Shaping.displays');
@@ -101,7 +145,7 @@ $radiuses: if(vars.$radiuses != null, vars.$radiuses, defs.$radiuses);
 }
 
 @if $useOverflows {
-  @include mQ.multiSizes() using ($size, $divider) {
+  @include mQ.multiSizes($useOverflowsMediaQueries) using ($size, $divider) {
     @each $dir in configs.$overflowsDirections {
       // Validate parameters
       @if $dir {
@@ -127,7 +171,7 @@ $radiuses: if(vars.$radiuses != null, vars.$radiuses, defs.$radiuses);
 }
 
 @if $useOpacities {
-  @include mQ.multiSizes() using ($size, $divider) {
+  @include mQ.multiSizes($useOpacitiesMediaQueries) using ($size, $divider) {
     @each $value in $opacities {
       $checkedValue: val.opacity(math.div($value, 100), 'Shaping.opacity');
 
@@ -145,7 +189,7 @@ $radiuses: if(vars.$radiuses != null, vars.$radiuses, defs.$radiuses);
 }
 
 @if $useBlur {
-  @include mQ.multiSizes() using ($size, $divider) {
+  @include mQ.multiSizes($useBlurMediaQueries) using ($size, $divider) {
     @each $value in $blurValues {
       $checkedValue: val.listItem($blurValues, $value, 'Shaping.blur');
 
@@ -164,7 +208,7 @@ $radiuses: if(vars.$radiuses != null, vars.$radiuses, defs.$radiuses);
 }
 
 @if $useObjectFits {
-  @include mQ.multiSizes() using ($size, $divider) {
+  @include mQ.multiSizes($useObjectFitsMediaQueries) using ($size, $divider) {
     @each $fit in configs.$objectsFits {
       // Validate parameters
       $checkedFit: val.listItem(configs.$objectsFits, $fit, 'Shaping.objectFit');
@@ -179,7 +223,7 @@ $radiuses: if(vars.$radiuses != null, vars.$radiuses, defs.$radiuses);
 }
 
 @if $usePositions {
-  @include mQ.multiSizes() using ($size, $divider) {
+  @include mQ.multiSizes($usePositionsMediaQueries) using ($size, $divider) {
     @each $position in configs.$positions {
       // Validate parameters
       $checkedPosition: val.listItem(configs.$positions, $position, 'Shaping.position');
@@ -194,7 +238,7 @@ $radiuses: if(vars.$radiuses != null, vars.$radiuses, defs.$radiuses);
 }
 
 @if $useInsets {
-  @include mQ.multiSizes() using ($size, $divider) {
+  @include mQ.multiSizes($useInsetsMediaQueries) using ($size, $divider) {
     @each $value in $insetValues {
       @each $position in configs.$insetPositions {
         // Validate parameters
@@ -214,7 +258,7 @@ $radiuses: if(vars.$radiuses != null, vars.$radiuses, defs.$radiuses);
 }
 
 @if $useSizes {
-  @include mQ.multiSizes() using ($size, $divider) {
+  @include mQ.multiSizes($useSizesMediaQueries) using ($size, $divider) {
     @each $dir, $direction in configs.$spacesDirections {
       // Validate parameters
       $checkedDir: val.listItem(
@@ -247,7 +291,7 @@ $radiuses: if(vars.$radiuses != null, vars.$radiuses, defs.$radiuses);
 }
 
 @if $useGutters {
-  @include mQ.multiSizes() using ($size, $divider) {
+  @include mQ.multiSizes($useGuttersMediaQueries) using ($size, $divider) {
     @each $class, $property in configs.$gutters {
       // Validate parameters
       $checkedClass: val.listItem(
@@ -302,7 +346,7 @@ $radiuses: if(vars.$radiuses != null, vars.$radiuses, defs.$radiuses);
 }
 
 @if $useBorders {
-  @include mQ.multiSizes() using ($size, $divider) {
+  @include mQ.multiSizes($useBordersMediaQueries) using ($size, $divider) {
     @each $i in $bordersValue {
       @each $dir, $property in configs.$bordersDirections {
         // Validate parameters
@@ -329,7 +373,7 @@ $radiuses: if(vars.$radiuses != null, vars.$radiuses, defs.$radiuses);
 }
 
 @if $useTextBorders {
-  @include mQ.multiSizes() using ($size, $divider) {
+  @include mQ.multiSizes($useTextBordersMediaQueries) using ($size, $divider) {
     @each $i in $bordersValue {
       $mainClass: if($size, '#{$size}#{$divider}stroke', 'stroke');
       $value: math.div($i, 10);
@@ -345,7 +389,7 @@ $radiuses: if(vars.$radiuses != null, vars.$radiuses, defs.$radiuses);
 }
 
 @if $useRadius {
-  @include mQ.multiSizes() using ($size, $divider) {
+  @include mQ.multiSizes($useRadiusMediaQueries) using ($size, $divider) {
     @each $dir, $properties in configs.$radiusDirection {
       // Validate parameters
       $checkedDir: val.listItem(