diff options
| author | Joe Carstairs <65492573+joeacarstairs@users.noreply.github.com> | 2024-10-05 17:27:40 +0100 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2024-10-05 17:27:40 +0100 |
| commit | 2febffe5e3036c4b35dff4a8b274f42a7f8fef42 (patch) | |
| tree | 7287800600f340871620631b8431cef37fc58891 /scss/custom-properties/spacing/_mixins.scss | |
| parent | 285023b7c6bac87e049df0d8040ecd8f4a16ae78 (diff) | |
| parent | fdf28cb097596159a002326823f374a64e95c23c (diff) | |
Merge pull request #103 from joeacarstairs/staging
Update prod
Diffstat (limited to 'scss/custom-properties/spacing/_mixins.scss')
| -rw-r--r-- | scss/custom-properties/spacing/_mixins.scss | 36 |
1 files changed, 30 insertions, 6 deletions
diff --git a/scss/custom-properties/spacing/_mixins.scss b/scss/custom-properties/spacing/_mixins.scss index 4e35ee7..3008b14 100644 --- a/scss/custom-properties/spacing/_mixins.scss +++ b/scss/custom-properties/spacing/_mixins.scss @@ -3,12 +3,36 @@ @use '../../values/spacing' as spacing-values; @mixin spacing($breakpoint: initial) { - --spacing-inline-lg: #{spacing-values.spacing($direction: inline, $size: lg, $breakpoint: $breakpoint)}; - --spacing-inline-md: #{spacing-values.spacing($direction: inline, $size: md, $breakpoint: $breakpoint)}; - --spacing-inline-sm: #{spacing-values.spacing($direction: inline, $size: sm, $breakpoint: $breakpoint)}; - --spacing-block-lg: #{spacing-values.spacing($direction: block, $size: lg, $breakpoint: $breakpoint)}; - --spacing-block-md: #{spacing-values.spacing($direction: block, $size: md, $breakpoint: $breakpoint)}; - --spacing-block-sm: #{spacing-values.spacing($direction: block, $size: sm, $breakpoint: $breakpoint)}; + --spacing-inline-lg: #{spacing-values.spacing( + $direction: inline, + $size: lg, + $breakpoint: $breakpoint + )}; + --spacing-inline-md: #{spacing-values.spacing( + $direction: inline, + $size: md, + $breakpoint: $breakpoint + )}; + --spacing-inline-sm: #{spacing-values.spacing( + $direction: inline, + $size: sm, + $breakpoint: $breakpoint + )}; + --spacing-block-lg: #{spacing-values.spacing( + $direction: block, + $size: lg, + $breakpoint: $breakpoint + )}; + --spacing-block-md: #{spacing-values.spacing( + $direction: block, + $size: md, + $breakpoint: $breakpoint + )}; + --spacing-block-sm: #{spacing-values.spacing( + $direction: block, + $size: sm, + $breakpoint: $breakpoint + )}; } @mixin grid($breakpoint: initial) { |