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

Supplying better examples

Browse Source
This commit is contained in:
reverend 2021-03-10 02:58:51 +01:00
parent 1b29d90548
commit 3db866a9eb
1 changed files with 18 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

37
components/01_Layouts/flexRow/flexRow.hbs
View File

@ -1,20 +1,19 @@
<div class="RV-FlexRow RV-FlexRow{{modifier}}">
<div class="RV-FlexRow__Item RV-Dummy">
<div class="RV-Dummy__Square--small"></div>
</div>
<div class="RV-FlexRow__Item RV-FlexRow__Item--outsideBreakPoint RV-FlexRow__Item--right RV-Dummy RV-Dummy--red">
<div class="RV-Dummy__Square--small">Larger</div>
</div>
<div class="RV-FlexRow__Item RV-FlexRow__Item--insideBreakPoint RV-FlexRow__Item--right RV-Dummy--yellow RV-Dummy">
<div class="RV-Dummy__Square--small">Smaller</div>
</div>
<div class="RV-FlexRow__Item RV-FlexRow__Item--center RV-Dummy">
<div class="RV-Dummy__Square--small"></div>
</div>
<div class="RV-FlexRow__Item RV-FlexRow__Item--left RV-Dummy">
<div class="RV-Dummy__Square--small"></div>
</div>
<div class="RV-FlexRow__Item RV-FlexRow__Item--fixedSize RV-Dummy">
<div class="RV-Dummy__Square--small"></div>
</div>
<div class="RV-FlexRow RV-FlexRow{{modifier}} RV-Spacing__Outer--medium" style="height: 150px;">
<div class="RV-FlexRow__Item RV-FlexRow__Item--narrower RV-Dummy RV-Alignment--center">Narrower</div>
<div class="RV-FlexRow__Item RV-FlexRow__Item--narrow RV-Dummy RV-Alignment--center">Narrow</div>
<div class="RV-FlexRow__Item RV-Dummy RV-Alignment--center">Normal</div>
<div class="RV-FlexRow__Item RV-FlexRow__Item--wide RV-Dummy RV-Alignment RV-Alignment--center">Wide</div>
<div class="RV-FlexRow__Item RV-FlexRow__Item--wider RV-Dummy RV-Alignment--center">Wider</div>
</div>
<div class="RV-FlexRow RV-FlexRow{{modifier}} RV-Spacing__Outer--medium" style="height: 150px;">
<div class="RV-FlexRow__Item RV-FlexRow__Item--quarter RV-Dummy RV-Alignment--center">Quarter</div>
</div>
<div class="RV-FlexRow RV-FlexRow{{modifier}} RV-Spacing__Outer--medium" style="height: 150px;">
<div class="RV-FlexRow__Item RV-FlexRow__Item--third RV-Dummy RV-Alignment--center">Third</div>
</div>
<div class="RV-FlexRow RV-FlexRow{{modifier}} RV-Spacing__Outer--medium" style="height: 150px;">
<div class="RV-FlexRow__Item RV-FlexRow__Item--half RV-Dummy RV-Alignment--center">Half</div>
</div>