61 lines
1.1 KiB
Stylus
61 lines
1.1 KiB
Stylus
+RV-Block('RV-Dummy')
|
|
overflow hidden
|
|
+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
|
|
|
|
+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 |