playground

This commit is contained in:
reverend 2021-01-09 16:29:11 +01:00
parent 3233b7bcff
commit d6c3cea86c
2 changed files with 20 additions and 13 deletions

View File

@ -1,3 +1,4 @@
@import './_blockAppendix'
@import './_bemGenerator' @import './_bemGenerator'
@import './_selectorHook' @import './_selectorHook'
@import './_cssParameter' @import './_cssParameter'

View File

@ -14,6 +14,7 @@
* Base is fixed, given size, Surface is given height * Base is fixed, given size, Surface is given height
* but will fill the parent's width * but will fill the parent's width
*/ */
/*
RV-Fan--horizontal(base-height, base-width) RV-Fan--horizontal(base-height, base-width)
+RV-Block__Modifier('horizontal') +RV-Block__Modifier('horizontal')
flex-direction row flex-direction row
@ -27,6 +28,7 @@ RV-Fan--horizontal(base-height, base-width)
* Base is fixed, given size, base is given width * Base is fixed, given size, base is given width
* minimal height is given height, will grow with content * minimal height is given height, will grow with content
*/ */
/*
RV-Fan--vertical(base-height, base-width) RV-Fan--vertical(base-height, base-width)
+RV-Block__Modifier('vertical') +RV-Block__Modifier('vertical')
flex-direction column flex-direction column
@ -41,6 +43,7 @@ RV-Fan--vertical(base-height, base-width)
* the width of the parent is less than 2 x 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 * Width of the base and surface in vertical are base-width
*/ */
/*
RV-Fan--auto(base-height, base-width) RV-Fan--auto(base-height, base-width)
+RV-Block__Modifier('auto') +RV-Block__Modifier('auto')
flex-flow row wrap flex-flow row wrap
@ -56,6 +59,7 @@ RV-Fan--auto(base-height, base-width)
* Width of the base and the surface in vertical mode * Width of the base and the surface in vertical mode
* are 100% of the parent width * are 100% of the parent width
*/ */
/*
RV-Fan--fullWidth(base-height, base-width) RV-Fan--fullWidth(base-height, base-width)
+RV-Block__Modifier('fullWidth') +RV-Block__Modifier('fullWidth')
RV-Fan--auto(base-height, base-width) RV-Fan--auto(base-height, base-width)
@ -73,7 +77,7 @@ RV-Fan__Base--wurst()
/* ############### /* ###############
* Element Mixins * Element Mixins
* ############### */ * ############### */
/*
RV-Fan__Base(base-height, base-width) RV-Fan__Base(base-height, base-width)
+RV-Element('Base') +RV-Element('Base')
height base-height height base-height
@ -90,20 +94,19 @@ RV-Fan__Surface--fixedWidth(width)
RV-Fan__Surface() RV-Fan__Surface()
+RV-Element('Surface') +RV-Element('Surface')
@block{
RV-ContentCrop() RV-ContentCrop()
}
/* ############ /* ############
* Block Mixin * Block Mixin
* ############ */ * ############ */
/*
RV-Fan() RV-Fan()
display flex display flex
/* ######### /* #########
* CSS-Class * CSS-Class
* ######### */ * ######### */
/*
+RV-Block('Fan') +RV-Block('Fan')
RV-CSSParameter({ RV-CSSParameter({
base-height: 280px, base-height: 280px,
@ -122,13 +125,16 @@ RV-Fan()
RV-Fan--vertical(base-height, base-width) RV-Fan--vertical(base-height, base-width)
RV-Fan--horizontal(base-height, base-width) RV-Fan--horizontal(base-height, base-width)
RV-Fan--auto(base-height, base-width) RV-Fan--auto(base-height, base-width)
*/
+RV-Block('wurst')
+RV-Block('Fächer') +RV-Block('Fächer')
RV-Fan() --wurst yeet
RV-Fan__Base(50px, 50px)
RV-Fan__Base--wurst()
RV-Fan__Surface(50px, 50px) RV-Fan__Surface(50px, 50px)
+RV-Element('BLubb')
color black
--blubb wasser
+RV-Element('Affter')
--hasi 'lein'
+RV-Block__Modifier('Mafter')
--blubb 'bernd'