reverend/scss-library
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Adapting flexgrid

Browse Source
This commit is contained in:
reverend 2021-03-10 01:03:42 +01:00
parent fbe649ad92
commit 05b23653c7
1 changed files with 10 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

40
components/01_Layouts/flexGrid/flexGrid.hbs
View File

@ -30,53 +30,33 @@
<div class="RV-FlexGrid RV-FlexGrid{{modifier}} RV-Spacing__Inner--medium"> <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"> <div class="RV-FlexGrid__Item RV-BoxShadow RV-BoxShadow--{{item-shadow}} RV-Spacing__Inner--medium">
<div class="RV-ContentCrop"> <img class="RV-Image RV-FocalPoint" src="{{path '/images/square.jpeg'}}"/>
<img class="RV-Image" src="{{path '/images/square.jpeg'}}"/>
</div>
</div> </div>
<div class="RV-FlexGrid__Item RV-BoxShadow RV-BoxShadow--{{item-shadow}} RV-Spacing__Inner--medium"> <div class="RV-FlexGrid__Item RV-BoxShadow RV-BoxShadow--{{item-shadow}} RV-Spacing__Inner--medium">
<div class="RV-ContentCrop"> <img class="RV-Image RV-FocalPoint RV-FocalPoint--upperHalf" src="{{path '/images/portrait.jpeg'}}"/>
<img class="RV-Image" src="{{path '/images/portrait.jpeg'}}"/>
</div>
</div> </div>
<div class="RV-FlexGrid__Item RV-BoxShadow RV-BoxShadow--{{item-shadow}} RV-Spacing__Inner--medium"> <div class="RV-FlexGrid__Item RV-BoxShadow RV-BoxShadow--{{item-shadow}} RV-Spacing__Inner--medium">
<div class="RV-ContentCrop"> <img class="RV-Image RV-FocalPoint RV-FocalPoint--lowerHalf" src="{{path '/images/portrait.jpeg'}}"/>
<img class="RV-Image" src="{{path '/images/portrait.jpeg'}}"/>
</div>
</div> </div>
<div class="RV-FlexGrid__Item RV-BoxShadow RV-BoxShadow--{{item-shadow}} RV-Spacing__Inner--medium"> <div class="RV-FlexGrid__Item RV-BoxShadow RV-BoxShadow--{{item-shadow}} RV-Spacing__Inner--medium">
<div class="RV-ContentCrop"> <img class="RV-Image RV-FocalPoint RV-FocalPoint--leftHalf" src="{{path '/images/landscape.jpeg'}}"/>
<img class="RV-Image" src="{{path '/images/landscape.jpeg'}}"/>
</div>
</div> </div>
<div class="RV-FlexGrid__Item RV-BoxShadow RV-BoxShadow--{{item-shadow}} RV-Spacing__Inner--medium"> <div class="RV-FlexGrid__Item RV-BoxShadow RV-BoxShadow--{{item-shadow}} RV-Spacing__Inner--medium">
<div class="RV-ContentCrop"> <img class="RV-Image RV-FocalPoint RV-FocalPoint--rightHalf" src="{{path '/images/square.jpeg'}}"/>
<img class="RV-Image" src="{{path '/images/square.jpeg'}}"/>
</div>
</div> </div>
<div class="RV-FlexGrid__Item RV-BoxShadow RV-BoxShadow--{{item-shadow}} RV-Spacing__Inner--medium"> <div class="RV-FlexGrid__Item RV-BoxShadow RV-BoxShadow--{{item-shadow}} RV-Spacing__Inner--medium">
<div class="RV-ContentCrop"> <img class="RV-Image RV-FocalPoint" src="{{path '/images/landscape.jpeg'}}"/>
<img class="RV-Image" src="{{path '/images/landscape.jpeg'}}"/>
</div>
</div> </div>
<div class="RV-FlexGrid__Item RV-BoxShadow RV-BoxShadow--{{item-shadow}} RV-Spacing__Inner--medium"> <div class="RV-FlexGrid__Item RV-BoxShadow RV-BoxShadow--{{item-shadow}} RV-Spacing__Inner--medium">
<div class="RV-ContentCrop"> <img class="RV-Image RV-FocalPoint" src="{{path '/images/landscape.jpeg'}}"/>
<img class="RV-Image" src="{{path '/images/landscape.jpeg'}}"/>
</div>
</div> </div>
<div class="RV-FlexGrid__Item RV-BoxShadow RV-BoxShadow--{{item-shadow}} RV-Spacing__Inner--medium"> <div class="RV-FlexGrid__Item RV-BoxShadow RV-BoxShadow--{{item-shadow}} RV-Spacing__Inner--medium">
<div class="RV-ContentCrop"> <img class="RV-Image RV-FocalPoint" src="{{path '/images/portrait.jpeg'}}"/>
<img class="RV-Image" src="{{path '/images/portrait.jpeg'}}"/>
</div>
</div> </div>
<div class="RV-FlexGrid__Item RV-BoxShadow RV-BoxShadow--{{item-shadow}} RV-Spacing__Inner--medium"> <div class="RV-FlexGrid__Item RV-BoxShadow RV-BoxShadow--{{item-shadow}} RV-Spacing__Inner--medium">
<div class="RV-ContentCrop"> <img class="RV-Image RV-FocalPoint" src="{{path '/images/square.jpeg'}}"/>
<img class="RV-Image" src="{{path '/images/square.jpeg'}}"/>
</div>
</div> </div>
<div class="RV-FlexGrid__Item RV-BoxShadow RV-BoxShadow--{{item-shadow}} RV-Spacing__Inner--medium"> <div class="RV-FlexGrid__Item RV-BoxShadow RV-BoxShadow--{{item-shadow}} RV-Spacing__Inner--medium">
<div class="RV-ContentCrop"> <img class="RV-Imag RV-FocalPoint" src="{{path '/images/portrait.jpeg'}}"/>
<img class="RV-Image" src="{{path '/images/portrait.jpeg'}}"/>
</div>
</div> </div>
</div> </div>