scss-library/components/01_Layouts/dummy/_dummy.styl
2021-03-03 17:51:43 +01:00

61 lines
1011 B
Stylus

+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
+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