diff options
| author | Joe Carstairs <65492573+Sycamost@users.noreply.github.com> | 2023-08-22 09:22:45 +0100 |
|---|---|---|
| committer | Joe Carstairs <65492573+Sycamost@users.noreply.github.com> | 2023-08-22 09:22:45 +0100 |
| commit | 06bf980b67ee61334c0c760f2d36c856f3c63e69 (patch) | |
| tree | 78f3353a362b399db37e5726116cb22fd6208a3f /public/css/variables/spacing.css | |
| parent | 946a87ccc8fa70382115a91a3b7efe49b4cb38a1 (diff) | |
Responsive design up to very large screens
Diffstat (limited to 'public/css/variables/spacing.css')
| -rw-r--r-- | public/css/variables/spacing.css | 28 |
1 files changed, 14 insertions, 14 deletions
diff --git a/public/css/variables/spacing.css b/public/css/variables/spacing.css index c9dc726..9a683e0 100644 --- a/public/css/variables/spacing.css +++ b/public/css/variables/spacing.css @@ -1,26 +1,26 @@ :root { - --margin-inline-md: calc(8 * var(--spacing-relative-eighth-rem)); - --margin-block-lg: calc(16 * var(--spacing-relative-eighth-rem)); - --margin-block-md: calc(10 * var(--spacing-relative-eighth-rem)); - --margin-block-sm: calc(5 * var(--spacing-relative-eighth-rem)); + --margin-inline-md: calc(8 * var(--relative-eighth-rem)); + --margin-block-lg: calc(16 * var(--relative-eighth-rem)); + --margin-block-md: calc(10 * var(--relative-eighth-rem)); + --margin-block-sm: calc(5 * var(--relative-eighth-rem)); - --padding-inline-lg: calc(22 * var(--spacing-relative-eighth-rem)); - --padding-inline-md: calc(12 * var(--spacing-relative-eighth-rem)); - --padding-inline-sm: calc(3 * var(--spacing-relative-eighth-rem)); - --padding-block-lg: calc(12 * var(--spacing-relative-eighth-rem)); - --padding-block-md: calc(8 * var(--spacing-relative-eighth-rem)); - --padding-block-sm: calc(5 * var(--spacing-relative-eighth-rem)); + --padding-inline-lg: calc(22 * var(--relative-eighth-rem)); + --padding-inline-md: calc(12 * var(--relative-eighth-rem)); + --padding-inline-sm: calc(3 * var(--relative-eighth-rem)); + --padding-block-lg: calc(12 * var(--relative-eighth-rem)); + --padding-block-md: calc(8 * var(--relative-eighth-rem)); + --padding-block-sm: calc(5 * var(--relative-eighth-rem)); - --grid-padding-start: calc(var(--grid-padding-start-relative-eighth-rem) * var(--spacing-relative-eighth-rem)); - --grid-column-width: calc(var(--grid-column-width-relative-eighth-rem) * var(--spacing-relative-eighth-rem)); - --grid-gutter-width: calc(var(--grid-gutter-width-relative-eighth-rem) * var(--spacing-relative-eighth-rem)); + --grid-padding-start: calc(var(--grid-padding-start-relative-eighth-rem) * var(--relative-eighth-rem)); + --grid-column-width: calc(var(--grid-column-width-relative-eighth-rem) * var(--relative-eighth-rem)); + --grid-gutter-width: calc(var(--grid-gutter-width-relative-eighth-rem) * var(--relative-eighth-rem)); --grid-total-relative-eighth-rem-width: calc( var(--grid-padding-start-relative-eighth-rem) * 2 + var(--grid-column-width-relative-eighth-rem) * var(--grid-column-count) + var(--grid-gutter-width-relative-eighth-rem) * (var(--grid-column-count) - 1) ); - --spacing-relative-eighth-rem: calc( + --relative-eighth-rem: calc( var(--grid-total-width) / var(--grid-total-relative-eighth-rem-width) ); |