More Restructuring

components/03_Styles/spacing/_spacing.styl

@@ -0,0 +1,63 @@
+RV-Spacing__Outer--small()
+	+RV-Element--modifier()
+		--outer-spacing spacing-small
+		margin var(--outer-spacing)
+		* > {
+			--outer-spacing 0
+		}
+
+RV-Spacing__Outer--medium()
+	+RV-Element--modifier()
+		--outer-spacing spacing-medium
+		margin var(--outer-spacing)
+		* > {
+			--outer-spacing 0
+		}
+
+RV-Spacing__Outer--large()
+	+RV-Element--modifier()	
+		--outer-spacing spacing-large
+		margin var(--outer-spacing)
+		* > {
+			--outer-spacing 0
+		}
+RV-Spacing__Inner--small()
+	+RV-Element--modifier()
+		--inner-spacing spacing-small
+		padding var(--inner-spacing)
+		gap var(--inner-spacing)
+		column-gap var(--inner-spacing)			
+		* > {
+			--inner-spacing 0
+		}
+
+RV-Spacing__Inner--medium()
+	+RV-Element--modifier()
+		--inner-spacing spacing-medium
+		padding var(--inner-spacing)
+		gap var(--inner-spacing)
+		column-gap var(--inner-spacing)			
+		* > {
+			--inner-spacing 0
+		}
+
+RV-Spacing__Inner--large()
+	+RV-Element--modifier()
+		--inner-spacing spacing-large
+		padding var(--inner-spacing)
+		gap var(--inner-spacing)
+		column-gap var(--inner-spacing)			
+		* > {
+			--inner-spacing 0
+		}
+
++RV-Block('RV-Spacing')
+	+RV-Element('Outer')
+		RV-Spacing__Outer--small()
+		RV-Spacing__Outer--medium()
+		RV-Spacing__Outer--large()
+
+	+RV-Element('Inner')
+		RV-Spacing__Inner--small()
+		RV-Spacing__Inner--medium()	
+		RV-Spacing__Inner--large()

components/03_Styles/spacing/spacing.config.json

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