scss-library/components/01_Layouts/dummy/_dummy.styl

+RV-Block('RV-Dummy')
	
	&--oranage
		background-color #F4A460 !important
		
	&--blue
		background-color #6495ED !important
		
	&--green
		background-color #90EE90 !important
		
	&--red
		background-color #ce6d6d !important
		
	&--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