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 | |
| parent | 285023b7c6bac87e049df0d8040ecd8f4a16ae78 (diff) | |
| parent | fdf28cb097596159a002326823f374a64e95c23c (diff) | |
Merge pull request #103 from joeacarstairs/staging
Update prod
Diffstat (limited to 'scss/custom-properties/spacing')
| -rw-r--r-- | scss/custom-properties/spacing/_initial.scss | 4 | ||||
| -rw-r--r-- | scss/custom-properties/spacing/_mixins.scss | 36 |
2 files changed, 32 insertions, 8 deletions
diff --git a/scss/custom-properties/spacing/_initial.scss b/scss/custom-properties/spacing/_initial.scss index a38388f..d52515c 100644 --- a/scss/custom-properties/spacing/_initial.scss +++ b/scss/custom-properties/spacing/_initial.scss @@ -8,7 +8,7 @@ @include mixins.grid(); --width-prose: calc( - var(--grid-column-width) * var(--grid-prose-column-count) + - var(--grid-gutter-width) * (var(--grid-prose-column-count) - 1) + var(--grid-column-width) * var(--grid-prose-column-count) + var(--grid-gutter-width) * + (var(--grid-prose-column-count) - 1) ); } 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) { |