38 lines
1.9 KiB
Handlebars
38 lines
1.9 KiB
Handlebars
<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>
|
|
<br><br>
|
|
<div class="RV-FlexRow__Container RV-FlexRow__Container--multiRow">
|
|
<div class="green RV-FlexRow__Item RV-FlexRow__Item--narrower">narrower</div>
|
|
<div class="red RV-FlexRow__Item RV-FlexRow__Item--narrow">narrow</div>
|
|
<div class="green RV-FlexRow__Item RV-FlexRow__Item--normal">normal</div>
|
|
<div class="red RV-FlexRow__Item RV-FlexRow__Item--wide">wide</div>
|
|
<div class="green RV-FlexRow__Item RV-FlexRow__Item--wider">wider</div>
|
|
</div>
|
|
|
|
<br><br>
|
|
<div class="RV-FlexRow__Container RV-Spacing__Inner--small">
|
|
<div class="green RV-FlexRow__Item RV-FlexRow__Item--narrower">.</div>
|
|
<div class="red RV-FlexRow__Item RV-FlexRow__Item--narrow">.</div>
|
|
<div class="green RV-FlexRow__Item RV-FlexRow__Item--normal">.</div>
|
|
<div class="red RV-FlexRow__Item RV-FlexRow__Item--wide">.</div>
|
|
<div class="green RV-FlexRow__Item RV-FlexRow__Item--content">content</div>
|
|
</div>
|
|
|
|
<br><br>
|
|
<div class="RV-FlexRow__Container RV-FlexRow__Container--breakPoint">
|
|
<div class="green RV-FlexRow__Item RV-FlexRow__Item--narrower">sdfkjsakfjsdök</div>
|
|
<div class="red RV-FlexRow__Item RV-FlexRow__Item--narrow">adfasfsd</div>
|
|
<div class="green RV-FlexRow__Item RV-FlexRow__Item--normal">asfsdfasd</div>
|
|
<div class="red RV-FlexRow__Item RV-FlexRow__Item--wide">blubbber</div>
|
|
<div class="green RV-FlexRow__Item RV-FlexRow__Item--content">content</div>
|
|
</div> |