First Comopnent using the bem generator
This commit is contained in:
@@ -66,8 +66,6 @@ RV-Fan--fullWidth(base-height, base-width)
|
||||
+RV-Element('Surface')
|
||||
flex-grow 1
|
||||
|
||||
RV-Fan__Base--wurst()
|
||||
--wurst 'wasser'
|
||||
|
||||
/* ###############
|
||||
* Element Mixins
|
||||
@@ -79,10 +77,12 @@ RV-Fan__Base(base-height, base-width)
|
||||
flex 0 0 auto
|
||||
|
||||
RV-Fan__Surface--fixedHeight(height)
|
||||
height height
|
||||
+RV-Element__Modifier('fixedHeight')
|
||||
height height
|
||||
|
||||
RV-Fan__Surface--fixedWidth(width)
|
||||
max-width width
|
||||
+RV-Element__Modifier('fixedWidth')
|
||||
max-width width
|
||||
|
||||
RV-Fan__Surface()
|
||||
+RV-Element('Surface')
|
||||
@@ -98,23 +98,6 @@ RV-Fan()
|
||||
* CSS-Class
|
||||
* ######### */
|
||||
|
||||
.test
|
||||
+RV-Block('Hasi')
|
||||
RV-CSSParameter({
|
||||
base-height: 280px,
|
||||
base-width: 320px
|
||||
})
|
||||
RV-Fan()
|
||||
|
||||
+RV-Element('Flauschi')
|
||||
RV-Fan__Base(base-height, base-width)
|
||||
RV-Fan__Base--wurst()
|
||||
|
||||
+RV-Element('Löffel')
|
||||
RV-Fan__Surface()
|
||||
|
||||
|
||||
|
||||
+RV-Block('RV-Fan')
|
||||
RV-CSSParameter({
|
||||
base-height: 280px,
|
||||
@@ -124,48 +107,12 @@ RV-Fan()
|
||||
RV-Fan()
|
||||
|
||||
RV-Fan__Surface()
|
||||
+RV-Element__Modifier('fixedWidth')
|
||||
RV-Fan__Surface--fixedWidth(base-width)
|
||||
+RV-Element__Modifier('fixedHeight')
|
||||
RV-Fan__Surface--fixedHeight(base-height)
|
||||
RV-Fan__Surface--fixedWidth(base-width)
|
||||
RV-Fan__Surface--fixedHeight(base-height)
|
||||
|
||||
RV-Fan__Base(base-height, base-width)
|
||||
+RV-Element__Modifier('wurst')
|
||||
RV-Fan__Base--wurst()
|
||||
|
||||
RV-Fan--fullWidth(base-height, base-width)
|
||||
RV-Fan--vertical(base-height, base-width)
|
||||
RV-Fan--horizontal(base-height, base-width)
|
||||
RV-Fan--auto(base-height, base-width)
|
||||
|
||||
.test
|
||||
--test 'test'
|
||||
|
||||
|
||||
/*
|
||||
RV-Test()
|
||||
+RV-Block('Block')
|
||||
--wurst yeet
|
||||
//RV-Fan__Surface(50px, 50px)
|
||||
+RV-Element('Element')
|
||||
+RV-Element('Subelement')
|
||||
color black
|
||||
--blubb wasser
|
||||
|
||||
+RV-Element__Modifier('ElementModifier')
|
||||
--pp 'wurst'
|
||||
|
||||
+RV-Element__Modifier('ElementModifierAfter')
|
||||
--pipi 'kaka'
|
||||
|
||||
|
||||
+RV-Block__Modifier('BlockModifier')
|
||||
border 1px solid red
|
||||
+RV-Element('ElementInBlockModifier')
|
||||
color pink
|
||||
+RV-Element__Modifier('ElementModifier')
|
||||
color skyblue
|
||||
|
||||
.wurstwasser
|
||||
RV-Test()
|
||||
*/
|
||||
RV-Fan--auto(base-height, base-width)
|
Reference in New Issue
Block a user