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

Example

Browse Source
This commit is contained in:
reverend 2020-08-23 11:39:07 +02:00
parent ced2b2d22a
commit 8fb5c9902a
3 changed files with 26 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
components/10_Examples/imageGrid/_imageGrid.scss Normal file
View File

@ -0,0 +1,17 @@
@mixin RV-ImageGrid {
@include RV-ElementList;
@include RV-FlexGrid;
&__Container {
@include RV-Spacing__Inner--medium;
}
&__Item {
@include RV-ContentCrop;
@include RV-ContentCrop--center;
}
}
.RV-ImageGrid {
@include RV-ImageGrid;
}

1
components/10_Examples/imageGrid/imageGrid.config.json Normal file
View File

@ -0,0 +1 @@
{}

8
components/10_Examples/imageGrid/imageGrid.hbs Normal file
View File

@ -0,0 +1,8 @@
<div class="RV-ImageGrid">
<ul class="RV-ImageGrid__Container">
<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>
</ul>
</div>