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

<div class="RV-FlexGrid RV-FlexGrid{{modifier}}">
	<div class="RV-FlexGrid__Item RV-Dummy">
		<div class="RV-Dummy__Landscape"></div>
	</div>
	<div class="RV-FlexGrid__Item RV-Dummy">
		<div class="RV-Dummy__Landscape"></div>
	</div>
	<div class="RV-FlexGrid__Item RV-Dummy">
		<div class="RV-Dummy__Landscape"></div>
	</div>
	<div class="RV-FlexGrid__Item RV-Dummy">
		<div class="RV-Dummy__Portrait"></div>
	</div>
	<div class="RV-FlexGrid__Item RV-Dummy">
		<div class="RV-Dummy__Portrait"></div>
	</div>
	<div class="RV-FlexGrid__Item RV-Dummy">
		<div class="RV-Dummy__Landscape"></div>
	</div>
	<div class="RV-FlexGrid__Item RV-Dummy">
		<div class="RV-Dummy__Landscape"></div>
	</div>
	<div class="RV-FlexGrid__Item RV-Dummy">
		<div class="RV-Dummy__Landscape"></div>
	</div>
	<div class="RV-FlexGrid__Item RV-Dummy">
		<div class="RV-Dummy__Portrait"></div>
	</div>
</div>

<div class="RV-FlexGrid RV-FlexGrid{{modifier}} RV-Spacing__Inner--medium">
	<div class="RV-FlexGrid__Item RV-BoxShadow RV-BoxShadow--{{item-shadow}} RV-Spacing__Inner--medium">
		<img class="RV-Image RV-FocalPoint" src="{{path '/images/square.jpeg'}}"/>
	</div>
	<div class="RV-FlexGrid__Item RV-BoxShadow RV-BoxShadow--{{item-shadow}} RV-Spacing__Inner--medium">
		<img class="RV-Image RV-FocalPoint RV-FocalPoint--upperHalf" src="{{path '/images/portrait.jpeg'}}"/>
	</div>
	<div class="RV-FlexGrid__Item RV-BoxShadow RV-BoxShadow--{{item-shadow}} RV-Spacing__Inner--medium">
		<img class="RV-Image RV-FocalPoint RV-FocalPoint--lowerHalf" src="{{path '/images/portrait.jpeg'}}"/>
	</div>
	<div class="RV-FlexGrid__Item RV-BoxShadow RV-BoxShadow--{{item-shadow}} RV-Spacing__Inner--medium">
		<img class="RV-Image RV-FocalPoint RV-FocalPoint--leftHalf" src="{{path '/images/landscape.jpeg'}}"/>
	</div>
	<div class="RV-FlexGrid__Item RV-BoxShadow RV-BoxShadow--{{item-shadow}} RV-Spacing__Inner--medium">
		<img class="RV-Image RV-FocalPoint RV-FocalPoint--rightHalf" src="{{path '/images/square.jpeg'}}"/>
	</div>
	<div class="RV-FlexGrid__Item RV-BoxShadow RV-BoxShadow--{{item-shadow}} RV-Spacing__Inner--medium">
		<img class="RV-Image RV-FocalPoint" src="{{path '/images/landscape.jpeg'}}"/>
	</div>
	<div class="RV-FlexGrid__Item RV-BoxShadow RV-BoxShadow--{{item-shadow}} RV-Spacing__Inner--medium">
		<img class="RV-Image RV-FocalPoint" src="{{path '/images/landscape.jpeg'}}"/>
	</div>
	<div class="RV-FlexGrid__Item RV-BoxShadow RV-BoxShadow--{{item-shadow}} RV-Spacing__Inner--medium">
		<img class="RV-Image RV-FocalPoint" src="{{path '/images/portrait.jpeg'}}"/>
	</div>
	<div class="RV-FlexGrid__Item RV-BoxShadow RV-BoxShadow--{{item-shadow}} RV-Spacing__Inner--medium">
		<img class="RV-Image RV-FocalPoint" src="{{path '/images/square.jpeg'}}"/>
	</div>
	<div class="RV-FlexGrid__Item RV-BoxShadow RV-BoxShadow--{{item-shadow}} RV-Spacing__Inner--medium">
		<img class="RV-Imag RV-FocalPoint" src="{{path '/images/portrait.jpeg'}}"/>
	</div>									
</div>