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

trying to implement shapes / aspect ratio

Browse Source
This commit is contained in:
reverend
2020-12-27 23:48:50 +01:00
parent 46a428c516
commit 904169cdc6
3 changed files with 19 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
components/10_Examples/imageGrid/_imageGrid.scss
View File

@@ -1,5 +1,4 @@
@mixin RV-ImageGrid {
@include RV-ElementList;
@include RV-FlexGrid;
&__Container {
@@ -9,6 +8,16 @@
&__Item {
@include RV-ContentCrop;
@include RV-ContentCrop--center;
&--square {
height: 0;
width: 100%;
padding-bottom: 100%;
* {
height: initial;
}
}
}
}

2
components/10_Examples/imageGrid/imageGrid.hbs
View File

@@ -3,6 +3,6 @@
<li class="RV-ImageGrid__Item"><img src="{{path '/images/hasi01.png'}}" alt=""></li>
<li class="RV-ImageGrid__Item"><img src="{{path '/images/hasi02.jpeg'}}" alt=""></li>
<li class="RV-ImageGrid__Item"><img src="{{path '/images/hasi03.jpeg'}}" alt=""></li>
<li class="RV-ImageGrid__Item"><img src="{{path '/images/hasi04.png'}}" alt=""></li>
<li class="RV-ImageGrid__Item RV-ImageGrid__Item"><img src="{{path '/images/hasi04.png'}}" alt=""></li>
</ul>
</div>