From d1b681d3c77d0df2543915da0ec675ea86a31ee6 Mon Sep 17 00:00:00 2001
From: reverend <reverend@reverend2048.de>
Date: Sun, 23 Aug 2020 11:35:47 +0200
Subject: [PATCH] Global spacing

---
 components/02_Styles/spacing/_spacing.scss    | 61 +++++++++++++++++++
 .../02_Styles/spacing/spacing.config.json     |  5 ++
 components/02_Styles/spacing/spacing.hbs      |  0
 components/rcss.scss                          |  6 ++
 4 files changed, 72 insertions(+)
 create mode 100644 components/02_Styles/spacing/_spacing.scss
 create mode 100644 components/02_Styles/spacing/spacing.config.json
 create mode 100644 components/02_Styles/spacing/spacing.hbs

diff --git a/components/02_Styles/spacing/_spacing.scss b/components/02_Styles/spacing/_spacing.scss
new file mode 100644
index 0000000..38f614c
--- /dev/null
+++ b/components/02_Styles/spacing/_spacing.scss
@@ -0,0 +1,61 @@
+@mixin RV-Spacing__Outer--small {
+    margin: $-spacing-small;
+}
+
+@mixin RV-Spacing__Outer--medium {
+    margin: $-spacing-medium;
+}
+
+@mixin RV-Spacing__Outer--large {
+    margin: $-spacing-large;
+}
+
+
+@mixin RV-Spacing__Inner--small {
+    padding: $-spacing-small;
+    gap: $-spacing-small;
+}
+
+@mixin RV-Spacing__Inner--medium {
+    padding: $-spacing-medium;
+    gap: $-spacing-medium;
+}
+
+@mixin RV-Spacing__Inner--large {
+    padding: $-spacing-large;
+    gap: $-spacing-large;
+}
+
+@mixin RV-Spacing {
+    &__Outer{
+        &--small {
+            @include RV-Spacing__Outer--small;
+        }
+
+        &--medium {
+            @include RV-Spacing__Outer--medium;
+        }
+
+        &--large {
+            @include RV-Spacing__Outer--large;
+        }
+    }
+
+    &__Inner{
+        &--small {
+            @include RV-Spacing__Inner--small;
+        }
+
+        &--medium {
+            @include RV-Spacing__Inner--medium;
+        }
+
+        &--large {
+            @include RV-Spacing__Inner--large;
+        }
+    }
+}
+
+.RV-Spacing {
+    @include RV-Spacing;
+}
\ No newline at end of file
diff --git a/components/02_Styles/spacing/spacing.config.json b/components/02_Styles/spacing/spacing.config.json
new file mode 100644
index 0000000..398fcb4
--- /dev/null
+++ b/components/02_Styles/spacing/spacing.config.json
@@ -0,0 +1,5 @@
+{
+  "context": {
+
+  }
+}
\ No newline at end of file
diff --git a/components/02_Styles/spacing/spacing.hbs b/components/02_Styles/spacing/spacing.hbs
new file mode 100644
index 0000000..e69de29
diff --git a/components/rcss.scss b/components/rcss.scss
index 74afc07..922e728 100644
--- a/components/rcss.scss
+++ b/components/rcss.scss
@@ -1,2 +1,8 @@
+// Padding and Margin sizes
+
+$-spacing-small: 10px;
+$-spacing-medium: 25px;
+$-spacing-large: 35px;
+
 @import './pink.css';
 @import './components';
\ No newline at end of file