diff --git a/assets.json b/assets.json index bd148e6..cfd5014 100644 --- a/assets.json +++ b/assets.json @@ -1,3 +1,3 @@ { - "version": 1711467668591 + "version": 1711476341450 } \ No newline at end of file diff --git a/assets/styles/main.scss b/assets/styles/main.scss index 0f746cb..4322fc6 100644 --- a/assets/styles/main.scss +++ b/assets/styles/main.scss @@ -25,7 +25,7 @@ @import "settings/config.colors"; @import "settings/config.eases"; @import "settings/config.fonts"; -@import "settings/config.spacers"; +@import "settings/config.spacings"; @import "settings/config.timings"; @import "settings/config.zindexes"; @import "settings/config.variables"; diff --git a/assets/styles/settings/_config.spacers.scss b/assets/styles/settings/_config.spacings.scss similarity index 74% rename from assets/styles/settings/_config.spacers.scss rename to assets/styles/settings/_config.spacings.scss index af80386..b8a8e22 100644 --- a/assets/styles/settings/_config.spacers.scss +++ b/assets/styles/settings/_config.spacings.scss @@ -1,5 +1,5 @@ // ========================================================================== -// Settings / Config / Spacers +// Settings / Config / Spacings // ========================================================================== :root { @@ -28,10 +28,10 @@ --spacing-3xl-desktop: 224; } -// Spacers +// Spacings // ========================================================================== -$spacers: ( +$spacings: ( 'gutter': var(--grid-gutter), '2xs': #{size-clamp('2xs')}, 'xs': #{size-clamp('xs')}, @@ -46,24 +46,24 @@ $spacers: ( // Function // ========================================================================== -// Returns spacer. +// Returns spacing. // // ```scss // .c-box { -// margin-top: spacer(gutter); +// margin-top: spacing(gutter); // } // ``` // -// @param {string} $key - The spacer key in $spacers. -// @param {number} $multiplier - The multiplier of the spacer value. +// @param {string} $key - The spacing key in $spacings. +// @param {number} $multiplier - The multiplier of the spacing value. // @return {size} -@function spacer($spacer: $spacer-default, $multiplier: 1) { - @if not map-has-key($spacers, $spacer) { - @error "Unknown master spacer: #{$spacer}"; +@function spacing($spacing: 'sm', $multiplier: 1) { + @if not map-has-key($spacings, $spacing) { + @error "Unknown master spacing: #{$spacing}"; } - $index: map-get($spacers, $spacer); + $index: map-get($spacings, $spacing); @return calc(#{$index} * #{$multiplier}); } diff --git a/assets/styles/utilities/_spacing.scss b/assets/styles/utilities/_spacing.scss index 814e7ab..8964d88 100644 --- a/assets/styles/utilities/_spacing.scss +++ b/assets/styles/utilities/_spacing.scss @@ -8,12 +8,11 @@ /// /// @example /// .u-margin-top {} -/// .u-padding-left-large {} -/// .u-margin-right-small {} +/// .u-margin-top-xs {} +/// .u-padding-left-lg {} +/// .u-margin-right-sm {} /// .u-padding {} /// .u-padding-right-none {} -/// .u-padding-horizontal {} -/// .u-padding-vertical-small {} /// /// @link https://github.com/inuitcss/inuitcss/blob/512977a/utilities/_utilities.spacing.scss //// @@ -35,7 +34,7 @@ $spacing-properties: ( 'margin': 'margin', ) !default; -$spacing-sizes: join($spacers, ( +$spacing-sizes: join($spacings, ( null: var(--grid-gutter), 'none': 0 )); @@ -51,7 +50,7 @@ $spacing-sizes: join($spacers, ( // Base class $base-class: ".u-" + #{$property-namespace}#{$direction-namespace}#{$size-namespace}; - // Spacer without media query + // Spacing without media query @if $breakpoint == "tiny" { #{$base-class} { @each $direction in $directions { @@ -60,7 +59,7 @@ $spacing-sizes: join($spacers, ( } } - // Spacer min-width breakpoints `@from-*` + // Spacing min-width breakpoints `@from-*` #{$base-class}\@from-#{$breakpoint} { @media #{mq-min($breakpoint)} { @each $direction in $directions { @@ -69,7 +68,7 @@ $spacing-sizes: join($spacers, ( } } - // Spacer max-width breakpoints @to-*` + // Spacing max-width breakpoints @to-*` #{$base-class}\@to-#{$breakpoint} { @media #{mq-max($breakpoint)} { @each $direction in $directions {