64 lines
1.0 KiB
Stylus
64 lines
1.0 KiB
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
|
|
|
|
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 |