Adapting flexgrid

This commit is contained in:
reverend 2021-03-10 01:03:42 +01:00
parent fbe649ad92
commit 05b23653c7

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>