I think i finally got it

This commit is contained in:
2021-01-11 01:37:08 +01:00
parent c3e69cd0cc
commit 1a44e24805
3 changed files with 180 additions and 157 deletions

View File

@@ -14,7 +14,6 @@
* Base is fixed, given size, Surface is given height
* but will fill the parent's width
*/
/*
RV-Fan--horizontal(base-height, base-width)
+RV-Block__Modifier('horizontal')
flex-direction row
@@ -28,7 +27,6 @@ RV-Fan--horizontal(base-height, base-width)
* Base is fixed, given size, base is given width
* minimal height is given height, will grow with content
*/
/*
RV-Fan--vertical(base-height, base-width)
+RV-Block__Modifier('vertical')
flex-direction column
@@ -43,7 +41,6 @@ RV-Fan--vertical(base-height, base-width)
* the width of the parent is less than 2 x base-width
* Width of the base and surface in vertical are base-width
*/
/*
RV-Fan--auto(base-height, base-width)
+RV-Block__Modifier('auto')
flex-flow row wrap
@@ -59,7 +56,6 @@ RV-Fan--auto(base-height, base-width)
* Width of the base and the surface in vertical mode
* are 100% of the parent width
*/
/*
RV-Fan--fullWidth(base-height, base-width)
+RV-Block__Modifier('fullWidth')
RV-Fan--auto(base-height, base-width)
@@ -69,15 +65,10 @@ RV-Fan--fullWidth(base-height, base-width)
+RV-Element('Surface')
flex-grow 1
RV-Fan__Base--wurst()
+RV-Element__Modifier('wurst')
--wurst wasser
/* ###############
* Element Mixins
* ############### */
/*
RV-Fan__Base(base-height, base-width)
+RV-Element('Base')
height base-height
@@ -99,15 +90,26 @@ RV-Fan__Surface()
/* ############
* Block Mixin
* ############ */
/*
RV-Fan()
display flex
/* #########
* CSS-Class
* ######### */
/*
+RV-Block('Fan')
.test
+RV-Block('Hasi')
--hasi 'lein'
+RV-Element('Flauschi')
--hasi 'flauschi'
+RV-Element('Löffel')
--flauschi 'löffel'
+RV-Block('RV-Fan')
RV-CSSParameter({
base-height: 280px,
base-width: 320px
@@ -125,18 +127,35 @@ RV-Fan()
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('Fächer')
+RV-Block('Block')
--wurst yeet
RV-Fan__Surface(50px, 50px)
+RV-Element('susses')
+RV-Element('BLubb')
//RV-Fan__Surface(50px, 50px)
+RV-Element('Element')
+RV-Element('Subelement')
color black
--blubb wasser
+RV-Element__Modifier('pp')
+RV-Element__Modifier('Wurst')
--wasser 'wurst'
+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-Test()
*/