scss-library/components/01_Layouts/flexGrid/flexGrid.hbs
2021-03-10 01:03:42 +01:00

62 lines
2.9 KiB
Handlebars

<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>