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

<div class="RV-FlexRow">
	<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">
	<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 RV-FlexRow--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 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 RV-FlexRow--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>