From d6c3cea86c39d7160d819cec542ef49810d7e3da Mon Sep 17 00:00:00 2001 From: reverend Date: Sat, 9 Jan 2021 16:29:11 +0100 Subject: [PATCH] playground --- components/00_Global/_global.styl | 1 + components/01_Layouts/fan/_fan.styl | 32 +++++++++++++++++------------ 2 files changed, 20 insertions(+), 13 deletions(-) diff --git a/components/00_Global/_global.styl b/components/00_Global/_global.styl index c53a1cb..78ef85c 100644 --- a/components/00_Global/_global.styl +++ b/components/00_Global/_global.styl @@ -1,3 +1,4 @@ +@import './_blockAppendix' @import './_bemGenerator' @import './_selectorHook' @import './_cssParameter' diff --git a/components/01_Layouts/fan/_fan.styl b/components/01_Layouts/fan/_fan.styl index f43ae8a..70ce82d 100644 --- a/components/01_Layouts/fan/_fan.styl +++ b/components/01_Layouts/fan/_fan.styl @@ -14,6 +14,7 @@ * 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 @@ -27,6 +28,7 @@ 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 @@ -41,6 +43,7 @@ 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 @@ -56,6 +59,7 @@ 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) @@ -73,7 +77,7 @@ RV-Fan__Base--wurst() /* ############### * Element Mixins * ############### */ - + /* RV-Fan__Base(base-height, base-width) +RV-Element('Base') height base-height @@ -90,20 +94,19 @@ RV-Fan__Surface--fixedWidth(width) RV-Fan__Surface() +RV-Element('Surface') - @block{ - RV-ContentCrop() - } + RV-ContentCrop() /* ############ * Block Mixin * ############ */ + /* RV-Fan() display flex /* ######### * CSS-Class * ######### */ - +/* +RV-Block('Fan') RV-CSSParameter({ base-height: 280px, @@ -122,13 +125,16 @@ RV-Fan() RV-Fan--vertical(base-height, base-width) RV-Fan--horizontal(base-height, base-width) RV-Fan--auto(base-height, base-width) +*/ ++RV-Block('Fächer') + --wurst yeet + RV-Fan__Surface(50px, 50px) + +RV-Element('BLubb') + color black + --blubb wasser ++RV-Element('Affter') + --hasi 'lein' -+RV-Block('wurst') - +RV-Block('Fächer') - RV-Fan() - RV-Fan__Base(50px, 50px) - RV-Fan__Base--wurst() - - RV-Fan__Surface(50px, 50px) - \ No newline at end of file ++RV-Block__Modifier('Mafter') + --blubb 'bernd' \ No newline at end of file