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

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