Add more CSS variables with fallback

This commit is contained in:
Jeremy Thomas
2020-08-27 09:57:33 +02:00
parent 42815a783d
commit 9f3adb4930
10 changed files with 63 additions and 39 deletions

View File

@@ -3,11 +3,15 @@ $section-padding-medium: 9rem 1.5rem !default
$section-padding-large: 18rem 1.5rem !default
.section
padding: $section-padding
--section-padding: #{$section-padding}
--section-padding-medium: #{$section-padding-medium}
--section-padding-large: #{$section-padding-large}
padding: var(--section-padding)
// Responsiveness
+desktop
// Sizes
&.is-medium
padding: $section-padding-medium
--section-padding: var(--section-padding-medium)
&.is-large
padding: $section-padding-large
--section-padding: var(--section-padding-large)