reverend/scss-library
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Converting Layouts to new BEM-Generator

Browse Source
This commit is contained in:
reverend
2021-01-17 19:31:19 +01:00
parent eca0624fd3
commit c990a740b0
9 changed files with 457 additions and 420 deletions
Download Patch File Download Diff File Expand all files Collapse all files

47
components/01_Layouts/fan/_fan.styl
View File

@@ -15,7 +15,7 @@
* but will fill the parent's width
*/
RV-Fan--horizontal(base-height, base-width)
+RV-Block__Modifier('horizontal')
+RV-Block__Modifier--name('horizontal')
flex-direction row
+RV-Element('Surface')
@@ -28,7 +28,7 @@ RV-Fan--horizontal(base-height, base-width)
* minimal height is given height, will grow with content
*/
RV-Fan--vertical(base-height, base-width)
+RV-Block__Modifier('vertical')
+RV-Block__Modifier--name('vertical')
flex-direction column
width max-content
@@ -42,7 +42,7 @@ RV-Fan--vertical(base-height, base-width)
* Width of the base and surface in vertical are base-width
*/
RV-Fan--auto(base-height, base-width)
+RV-Block__Modifier('auto')
+RV-Block__Modifier--name('auto')
flex-flow row wrap
+RV-Element('Surface')
@@ -57,7 +57,7 @@ RV-Fan--auto(base-height, base-width)
* are 100% of the parent width
*/
RV-Fan--fullWidth(base-height, base-width)
+RV-Block__Modifier('fullWidth')
+RV-Block__Modifier--name('fullWidth')
RV-Fan--auto(base-height, base-width)
+RV-Element('Base')
@@ -71,22 +71,24 @@ RV-Fan--fullWidth(base-height, base-width)
* Element Mixins
* ############### */
RV-Fan__Base(base-height, base-width)
+RV-Element('Base')
+RV-Element--name('Base')
height base-height
width base-width
flex 0 0 auto
RV-Fan__Surface--fixedHeight(height)
+RV-Element__Modifier('fixedHeight')
+RV-Element__Modifier--name('fixedHeight')
height height
RV-Fan__Surface--fixedWidth(width)
+RV-Element__Modifier('fixedWidth')
+RV-Element__Modifier--name('fixedWidth')
max-width width
RV-Fan__Surface()
+RV-Element('Surface')
+RV-Element--name('Surface')
RV-ContentCrop()
RV-ContentCrop__Text()
RV-ContentCrop__Image()
/* ############
* Block Mixin
@@ -97,7 +99,6 @@ RV-Fan()
/* #########
* CSS-Class
* ######### */
+RV-Block('RV-Fan')
RV-CSSParameter({
base-height: 280px,
@@ -105,14 +106,24 @@ RV-Fan()
})
RV-Fan()
+RV-Element()
RV-Fan__Surface()
+RV-Element__Modifier()
RV-Fan__Surface--fixedWidth(base-width)
+RV-Element__Modifier()
RV-Fan__Surface--fixedHeight(base-height)
RV-Fan__Surface()
RV-Fan__Surface--fixedWidth(base-width)
RV-Fan__Surface--fixedHeight(base-height)
RV-Fan__Base(base-height, base-width)
+RV-Element()
RV-Fan__Base(base-height, base-width)
RV-Fan--fullWidth(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-Block__Modifier()
RV-Fan--fullWidth(base-height, base-width)
+RV-Block__Modifier()
RV-Fan--vertical(base-height, base-width)
+RV-Block__Modifier()
RV-Fan--horizontal(base-height, base-width)
+RV-Block__Modifier()
RV-Fan--auto(base-height, base-width)