Converting Layouts to mixin name based generatort

This commit is contained in:
2021-03-19 12:29:17 +01:00
parent 61290fb71d
commit cb4e4a978f
8 changed files with 168 additions and 164 deletions

View File

@@ -1,3 +1,4 @@
/*
* A Fan is a layout that consists of two parts:
* The base and the surface, named after a hand fan.
@@ -18,12 +19,8 @@ RV-Fan--horizontal__Base()
RV-BreakPoint__Item(--localBreakPoint)
RV-BreakPoint__Item--outside()
flex-basis base-width
flex-basis --base-width
flex-grow 0
RV-Fan--horizontal__Base--wurst()
+RV-Element--modifier()
--wurst wasser
/*
* Base on the left, Surface on the right
@@ -37,9 +34,7 @@ RV-Fan--horizontal(base-height, base-width)
})
RV-BreakPoint(--localBreakPoint)
RV-Fan--horizontal__Surface()
+RV-Element()
RV-Fan--horizontal__Base()
RV-Fan--horizontal__Base--wurst()
RV-Fan--horizontal__Base()
RV-BreakPoint--horizontal()
min-width base-width
@@ -124,6 +119,9 @@ RV-Fan__Surface(base-height, base-width)
> *
height calc_height(100%)
width calc_width(100%)
RV-Fan__Surface--fixedHeight(base-height)
RV-Fan__Surface--fixedWidth(base-width)
/* ############
* Block Mixin
@@ -138,43 +136,11 @@ RV-Fan(base-height, base-width)
position relative
min-width min-content
+RV-Generate()
RV-Fan(280px, 320px)
RV-Fan__Base(--base-height, --base-width)
+RV-Element()
RV-Fan__Base(--base-height, --base-width)
RV-Fan__Surface(--base-height, --base-width)
RV-Fan__Surface--fixedHeight(base-height)
RV-Fan__Surface--fixedWidth(base-width)
RV-Fan--auto(--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)
RV-Fan--vertical(--base-height, --base-width)
RV-Fan--horizontal(--base-height, --base-width)
RV-Fan--horizontal__Surface()
+RV-BEM()
--peter bernd
RV-Fan--horizontal__Base--wurst()
+RV-BEM()
--fan wurst
RV-Fan--horizontal__Base()
+RV-BEM()
RV-Fan--horizontal__Base--wurst()
RV-Fan--horizontal__Surface()
--wurst wasser
RV-Fan--horizontal()
+RV-BEM()
RV-Fan--horizontal__Base()
--kaka pipi
RV-Fan()
+RV-BEM()
RV-Fan--horizontal()
--blubb bernd
RV-Fan()
RV-Fan(280px, 320px)