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

Honsely, I don't know what happened here

Browse Source
This commit is contained in:
reverend
2021-03-03 00:49:21 +01:00
parent a0240b2ec8
commit 6f4170af8e
70 changed files with 2415 additions and 372 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -19,7 +19,7 @@ RV-Fan--horizontal(base-height, base-width)
flex-direction row
+RV-Element('Surface')
min-width calc_width(base-width)
min-width calc_width('calc(%s * 1.5)' % base-width)
height calc_height(base-height)
/*
@@ -35,6 +35,7 @@ RV-Fan--vertical(base-height, base-width)
+RV-Element('Surface')
width calc_width(base-width)
min-width initial
min-height base-height
@@ -71,6 +72,7 @@ RV-Fan--fullWidth(base-height, base-width)
+RV-Element('Surface')
flex-grow 1
min-width calc_width('calc(%s * 1.5)' % base-width)
/* ###############
@@ -94,14 +96,10 @@ RV-Fan__Surface--fixedWidth(width)
RV-Fan__Surface(base-height, base-width)
+RV-Element--name('Surface')
RV-ContentCrop()
RV-ContentCrop__Text()
RV-ContentCrop__Image()
overflow hidden
height calc_height(base-height)
width calc_width()
min-width calc_width('calc(%s * 1.5)' % base-width)
flex-grow 20
flex-shrink 0
@@ -113,7 +111,7 @@ RV-Fan__Surface(base-height, base-width)
RV-Fan()
display flex
position relative
min-width calc(2 * var(--base-width))
min-width min-content
/* #########
* CSS-Class
@@ -128,23 +126,23 @@ RV-Fan()
RV-Fan()
+RV-Element()
RV-Fan__Surface(base-height, base-width)
RV-Fan__Surface(--base-height, --base-width)
+RV-Element__Modifier()
RV-Fan__Surface--fixedWidth(base-width)
RV-Fan__Surface--fixedWidth(--base-width)
+RV-Element__Modifier()
RV-Fan__Surface--fixedHeight(base-height)
RV-Fan__Surface--fixedHeight(--base-height)
+RV-Element()
RV-Fan__Base(base-height, base-width)
RV-Fan__Base(--base-height, --base-width)
+RV-Block__Modifier()
RV-Fan--fullWidth(base-height, base-width)
RV-Fan--fullWidth(--base-height, --base-width)
+RV-Block__Modifier()
RV-Fan--vertical(base-height, base-width)
RV-Fan--vertical(--base-height, --base-width)
+RV-Block__Modifier()
RV-Fan--horizontal(base-height, base-width)
RV-Fan--horizontal(--base-height, --base-width)
+RV-Block__Modifier()
RV-Fan--auto(base-height, base-width)
RV-Fan--auto(--base-height, --base-width)

15
components/01_Layouts/fan/fan.hbs
View File

@@ -1,4 +1,12 @@
<div class="RV-Fan RV-Fan{{modifier}} RV-BoxShadow RV-BoxShadow--drop RV-Spacing__Outer--large">
<div class="RV-Fan RV-Fan{{modifier}} RV-BoxShadow">
<div class="RV-Fan__Base RV-Dummy"></div>
<div class="RV-Fan__Surface RV-Dummy"></div>
</div>
<br>
<br>
<br>
<br>
<div class="RV-Fan RV-Fan{{modifier}} RV-BoxShadow RV-BoxShadow--drop">
<div class="RV-Fan__Base RV-Spacing__Inner--small">
<div class="RV-ContentCrop">
<img class="RV-Image" src="{{path '/images/landscape.jpeg'}}"/>
@@ -17,7 +25,4 @@
</p>
</div>
</div>
</div>
</div>