scss-library/components/01_Layouts/flexRow/flexRow.hbs

20 lines
1.6 KiB
Handlebars

<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"><p class="RV-Rotation--left">Narrower</p></div>
<div class="RV-FlexRow__Item RV-FlexRow__Item--narrow RV-Dummy RV-Alignment--center"><p class="RV-Rotation--left">Narrow</p></div>
<div class="RV-FlexRow__Item RV-Dummy RV-Alignment--center"><p class="RV-Rotation--left">Normal</p></div>
<div class="RV-FlexRow__Item RV-FlexRow__Item--wide RV-Dummy RV-Alignment RV-Alignment--center"><p class="RV-Rotation--left">Wide</p></div>
<div class="RV-FlexRow__Item RV-FlexRow__Item--wider RV-Dummy RV-Alignment--center"><p class="RV-Rotation--left">Wider</p></div>
<div class="RV-FlexRow__Item RV-FlexRow__Item--fixedSize RV-Dummy RV-Alignment--center"><p class="RV-Rotation--left">Fixed Size</p></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"><p class="RV-Rotation--left">Quarter</p></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"><p class="RV-Rotation--left">Third</p></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"><p class="RV-Rotation--left">Half</p></div>
</div>