Adapting flexgrid
This commit is contained in:
parent
fbe649ad92
commit
05b23653c7
@ -30,53 +30,33 @@
|
||||
|
||||
<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-ContentCrop">
|
||||
<img class="RV-Image" src="{{path '/images/square.jpeg'}}"/>
|
||||
</div>
|
||||
<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">
|
||||
<div class="RV-ContentCrop">
|
||||
<img class="RV-Image" src="{{path '/images/portrait.jpeg'}}"/>
|
||||
</div>
|
||||
<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">
|
||||
<div class="RV-ContentCrop">
|
||||
<img class="RV-Image" src="{{path '/images/portrait.jpeg'}}"/>
|
||||
</div>
|
||||
<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">
|
||||
<div class="RV-ContentCrop">
|
||||
<img class="RV-Image" src="{{path '/images/landscape.jpeg'}}"/>
|
||||
</div>
|
||||
<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">
|
||||
<div class="RV-ContentCrop">
|
||||
<img class="RV-Image" src="{{path '/images/square.jpeg'}}"/>
|
||||
</div>
|
||||
<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">
|
||||
<div class="RV-ContentCrop">
|
||||
<img class="RV-Image" src="{{path '/images/landscape.jpeg'}}"/>
|
||||
</div>
|
||||
<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">
|
||||
<div class="RV-ContentCrop">
|
||||
<img class="RV-Image" src="{{path '/images/landscape.jpeg'}}"/>
|
||||
</div>
|
||||
<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">
|
||||
<div class="RV-ContentCrop">
|
||||
<img class="RV-Image" src="{{path '/images/portrait.jpeg'}}"/>
|
||||
</div>
|
||||
<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">
|
||||
<div class="RV-ContentCrop">
|
||||
<img class="RV-Image" src="{{path '/images/square.jpeg'}}"/>
|
||||
</div>
|
||||
<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">
|
||||
<div class="RV-ContentCrop">
|
||||
<img class="RV-Image" src="{{path '/images/portrait.jpeg'}}"/>
|
||||
</div>
|
||||
<img class="RV-Imag RV-FocalPoint" src="{{path '/images/portrait.jpeg'}}"/>
|
||||
</div>
|
||||
</div>
|
Loading…
Reference in New Issue
Block a user