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

16
components/01_Layouts/flexGrid/_flexGrid.styl
View File

@@ -20,6 +20,7 @@ RV-FlexGrid--masonry(item-height=300px,item-width=300px)
+RV-Element('Item')
display inline-block
width 100%
height unset
margin-bottom: var(--inner-spacing);
& > * {
@@ -63,29 +64,28 @@ RV-FlexGrid(item-height, item-width)
display grid
grid-template-columns: repeat(auto-fill, var(--item-width));
+RV-Block('RV-FlexGrid')
RV-CSSParameter({
item-height: 300px,
item-width: 300px
})
RV-FlexGrid(item-height, item-width)
RV-FlexGrid(--item-height, --item-width)
+RV-Element()
RV-FlexGrid__Item(item-height, item-width)
RV-FlexGrid__Item(--item-height, --item-width)
+RV-Block__Modifier()
RV-FlexGrid--autoWidth(item-height, item-width)
RV-FlexGrid--autoWidth(--item-height, --item-width)
+RV-Block__Modifier()
RV-FlexGrid--fixedSize(item-height, item-width)
RV-FlexGrid--fixedSize(--item-height, --item-width)
+RV-Block__Modifier()
RV-FlexGrid--masonry(item-height,item-width)
RV-FlexGrid--masonry(--item-height, --item-width)
+RV-Block__Modifier()
RV-FlexGrid--verticalMasonry(item-height,item-width)
RV-FlexGrid--verticalMasonry(--item-height, --item-width)
+RV-Block__Modifier()
RV-FlexGrid--horizontalMasonry(item-height,item-width)
RV-FlexGrid--horizontalMasonry(--item-height, --item-width)

30
components/01_Layouts/flexGrid/flexGrid.hbs
View File

@@ -1,3 +1,33 @@
<div class="RV-FlexGrid RV-FlexGrid{{modifier}}">
<div class="RV-FlexGrid__Item RV-Dummy">
<div class="RV-Dummy__Landscape"></div>
</div>
<div class="RV-FlexGrid__Item RV-Dummy">
<div class="RV-Dummy__Landscape"></div>
</div>
<div class="RV-FlexGrid__Item RV-Dummy">
<div class="RV-Dummy__Landscape"></div>
</div>
<div class="RV-FlexGrid__Item RV-Dummy">
<div class="RV-Dummy__Portrait"></div>
</div>
<div class="RV-FlexGrid__Item RV-Dummy">
<div class="RV-Dummy__Portrait"></div>
</div>
<div class="RV-FlexGrid__Item RV-Dummy">
<div class="RV-Dummy__Landscape"></div>
</div>
<div class="RV-FlexGrid__Item RV-Dummy">
<div class="RV-Dummy__Landscape"></div>
</div>
<div class="RV-FlexGrid__Item RV-Dummy">
<div class="RV-Dummy__Landscape"></div>
</div>
<div class="RV-FlexGrid__Item RV-Dummy">
<div class="RV-Dummy__Portrait"></div>
</div>
</div>
<div class="RV-FlexGrid RV-FlexGrid{{modifier}} RV-Spacing__Inner--medium">
<div class="RV-FlexGrid__Item RV-BoxShadow RV-BoxShadow--{{item-shadow}} RV-Spacing__Inner--medium">
<div class="RV-ContentCrop">