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

More Scaffold and first layouts

Browse Source
This commit is contained in:
reverend
2020-08-21 16:50:22 +02:00
parent fab49a09fb
commit 232c869d43
20 changed files with 495 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
components/01_Layouts/flexRow/_flexRow.scss Normal file
View File

@@ -0,0 +1,22 @@
RV-FlexRow {
display: flex;
flex-direction: row;
gap: 10px;
justify-content: space-around;
&--wrap {
flex-wrap: wrap;
}
* {
width: 100%;
}
}
.RV-FlexRow__Container {
@extend RV-FlexRow;
.RV-FlexRow__Item {
@include align-content;
}
}

1
components/01_Layouts/flexRow/flexRow.config.json Normal file
View File

@@ -0,0 +1 @@
{}

12
components/01_Layouts/flexRow/flexRow.hbs Normal file
View File

@@ -0,0 +1,12 @@
<div class="RV-FlexRow__Container">
<div class="red RV-FlexRow__Item">Im normal</div>
<div class="green RV-FlexRow__Item RV-FlexRow__Item--right">Right</div>
<div class="red RV-FlexRow__Item RV-FlexRow__Item--center">Center</div>
<div class="green RV-FlexRow__Item RV-FlexRow__Item--left"><span>wrapped content left</span></div>
<div class="red RV-FlexRow__Item RV-FlexRow__Item--fixedSize">Fixed</div>
</div>
<br></br>
<div class="RV-FlexRow__Container">
<div class="red RV-FlexRow__Item">Im normal</div>
<div class="green RV-FlexRow__Item RV-FlexRow__Item--right RV-FlexRow__Item--fixedSize">Right</div>
</div>