Converting Layouts to mixin name based generatort
This commit is contained in:
@@ -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)
|
Reference in New Issue
Block a user