scss-library/components/03_Styles/dummy/_dummy.styl

+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