Moving Dummy/Placeholder to the styles

components/03_Styles/_styles.styl

@@ -1,3 +1,4 @@
+@import 'dummy/_dummy'
 @import 'spacing/_spacing'
 @import 'elementList/_elementList'
 @import 'boxShadow/_boxShadow'

components/03_Styles/dummy/_dummy.styl

@@ -0,0 +1,64 @@
++RV-Block('RV-Dummy')
+	
+	+RV-Block--modifier('orange')
+		background-color #F4A460 !important
+		
+	+RV-Block--modifier('blue')
+		background-color #6495ED !important
+		
+	+RV-Block--modifier('green')
+		background-color #90EE90 !important
+		
+	+RV-Block--modifier('red')
+		background-color #ce6d6d !important
+		
+	+RV-Block--modifier('yellow')
+		background-color #eae144 !important
+		
+	background-color #F4A460
+	&:nth-child(2n)
+		background-color #6495ED
+	
+	&:nth-child(3n)
+		background-color #90EE90		
+	
+	+RV-Element('Landscape')
+		min-width 200px
+		width 100%
+		min-height 130px
+		
+	+RV-Element('Portrait')
+		min-width 130px
+		width 100%
+		min-height 200px
+	
+	+RV-Element('Square')
+		min-width 300px
+		--width 100%
+		min-height 300px
+		
+		height var(--height)
+		width var(--width)
+		
+		+RV-Element--modifier('large')
+			--height 500px
+			--width 500px
+			
+		+RV-Element--modifier('small')
+			--height 100px
+			--width 100px
+
+	+RV-Block--modifier('square')
+		height 350px
+		width 350px
+		
+	+RV-Block--modifier('portrait')
+		height 350px
+		width 150px
+		
+	+RV-Block--modifier('landscape')
+		width 350px
+		height 150px
+	
+	+RV-Block--modifier('red')
+		background-color #d8583e

components/03_Styles/dummy/dummy.config.json

@@ -0,0 +1 @@
+{}