scss-library/components/03_Styles/dummy/_dummy.styl

64 lines
1.1 KiB
Stylus
Raw Normal View History

2021-01-19 23:36:56 +01:00
+RV-Block('RV-Dummy')
+RV-Block--modifier('orange')
2021-03-03 17:51:43 +01:00
background-color #F4A460 !important
+RV-Block--modifier('blue')
2021-03-03 17:51:43 +01:00
background-color #6495ED !important
+RV-Block--modifier('green')
2021-03-03 17:51:43 +01:00
background-color #90EE90 !important
+RV-Block--modifier('red')
2021-03-03 17:51:43 +01:00
background-color #ce6d6d !important
+RV-Block--modifier('yellow')
2021-03-03 17:51:43 +01:00
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')
2021-01-19 23:36:56 +01:00
height 350px
width 350px
+RV-Block--modifier('portrait')
2021-01-19 23:36:56 +01:00
height 350px
width 150px
+RV-Block--modifier('landscape')
2021-01-19 23:36:56 +01:00
width 350px
height 150px
+RV-Block--modifier('red')
2021-01-19 23:36:56 +01:00
background-color #d8583e