Moving spacing to contentshape

components/02_ContentShape/_contentShape.styl

@@ -1,3 +1,4 @@
+@import 'spacing/_spacing'
 @import 'aspectRatio/_aspectRatio'
 @import 'focalPoint/_focalPoint'
 @import 'shape/_shape'

components/02_ContentShape/spacing/_spacing.styl

@@ -0,0 +1,68 @@
+RV-Spacing__Outer--small()
+	--outer-spacing spacing-small
+	margin var(--outer-spacing)
+	* > {
+		--outer-spacing 0
+	}
+
+RV-Spacing__Outer--medium()
+	--outer-spacing spacing-medium
+	margin var(--outer-spacing)
+	* > {
+		--outer-spacing 0
+	}
+
+RV-Spacing__Outer--large()
+	--outer-spacing spacing-large
+	margin var(--outer-spacing)
+	* > {
+		--outer-spacing 0
+	}
+	
+RV-Spacing__Inner--small()
+	--inner-spacing spacing-small
+	padding var(--inner-spacing)
+	gap var(--inner-spacing)
+	column-gap var(--inner-spacing)
+	box-sizing border-box
+	* > {
+		--inner-spacing 0
+	}
+
+RV-Spacing__Inner--medium()
+	--inner-spacing spacing-medium
+	padding var(--inner-spacing)
+	gap var(--inner-spacing)
+	column-gap var(--inner-spacing)
+	box-sizing border-box	
+	* > {
+		--inner-spacing 0
+	}
+
+RV-Spacing__Inner--large()
+	--inner-spacing spacing-large
+	padding var(--inner-spacing)
+	gap var(--inner-spacing)
+	column-gap var(--inner-spacing)	
+	box-sizing border-box		
+	* > {
+		--inner-spacing 0
+	}
+
+.RV-Spacing
+
+	&__Outer
+		&--small
+			RV-Spacing__Outer--small()
+		&--medium
+			RV-Spacing__Outer--medium()
+		&--large
+			RV-Spacing__Outer--large()
+
+	&__Inner
+		&--small
+			RV-Spacing__Inner--small()
+		&--medium
+			RV-Spacing__Inner--medium()	
+		&--large
+			RV-Spacing__Inner--large()

components/02_ContentShape/spacing/spacing.config.json

@@ -0,0 +1,5 @@
+{
+  "context": {
+
+  }
+}