Noissue - Applied responsive margin & padding mixins

static/scss/_variables.scss

 // This file is part of website-defaults
 // Copyright (C) 2016-present eyeo GmbH
 //
 // website-defaults is free software: you can redistribute it and/or
 // modify it under the terms of the GNU General Public License as published by
 // the Free Software Foundation, either version 3 of the License, or
 // (at your option) any later version.
 //
 // website-defaults is distributed in the hope that it will be useful,
 // but WITHOUT ANY WARRANTY; without even the implied warranty of
@@ skipping 83 matching lines @@
 $phone-width: auto !default;
 $phablet-width: 540px !default;
 $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;