Index: static/scss/_variables.scss |
=================================================================== |
--- a/static/scss/_variables.scss |
+++ b/static/scss/_variables.scss |
@@ -96,8 +96,28 @@ |
$tablet-width: 720px !default; |
$desktop-width: 960px !default; |
$large-desktop-width: 1140px !default; |
// Component widths |
//////////////////////////////////////////////////////////////////////////////// |
$container-width: $large-desktop-width !default; |
+ |
+// Responsive spacing |
+//////////////////////////////////////////////////////////////////////////////// |
+ |
+$default-spacing: ( |
+ ('auto', $small-space), |
+ ($tablet-breakpoint, $medium-space), |
+ ($large-desktop-breakpoint, $large-space) |
+) !default; |
+ |
+$container-spacing: $default-spacing !default; |
+$section-spacing: $default-spacing !default; |
+ |
+$grid-spacing: ( |
+ ('auto', $small-space), |
+ ($large-desktop-breakpoint, $medium-space) |
+) !default; |
+ |
+$row-spacing: $grid-spacing !default; |
+$column-spacing: $grid-spacing !default; |