2017-07-28 21:05:15 +01:00
|
|
|
$section-padding: 3rem 1.5rem !default
|
|
|
|
|
$section-padding-medium: 9rem 1.5rem !default
|
|
|
|
|
$section-padding-large: 18rem 1.5rem !default
|
|
|
|
|
|
2016-01-24 00:03:43 +00:00
|
|
|
.section
|
2020-08-27 09:57:33 +02:00
|
|
|
--section-padding: #{$section-padding}
|
|
|
|
|
--section-padding-medium: #{$section-padding-medium}
|
|
|
|
|
--section-padding-large: #{$section-padding-large}
|
|
|
|
|
padding: var(--section-padding)
|
2016-04-10 16:56:27 +01:00
|
|
|
// Responsiveness
|
2016-01-24 00:03:43 +00:00
|
|
|
+desktop
|
2016-04-10 16:56:27 +01:00
|
|
|
// Sizes
|
2016-01-24 00:03:43 +00:00
|
|
|
&.is-medium
|
2020-08-27 09:57:33 +02:00
|
|
|
--section-padding: var(--section-padding-medium)
|
2016-01-24 00:03:43 +00:00
|
|
|
&.is-large
|
2020-08-27 09:57:33 +02:00
|
|
|
--section-padding: var(--section-padding-large)
|
