First Comopnent using the bem generator

This commit is contained in:
2021-01-11 20:50:07 +01:00
parent 5a503eec70
commit fb5fa8ce6c
3 changed files with 45 additions and 100 deletions

View File

@@ -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)