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

Restructuring Organisms

Browse Source
This commit is contained in:
reverend
2021-03-09 13:27:43 +01:00
parent 11891aa5c7
commit b541d6010c
12 changed files with 4 additions and 99 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
components/06_Organisms/imageGrid/_imageGrid.styl Normal file
View File

@@ -0,0 +1,19 @@
RV-ImageGrid()
RV-FlexGrid()
&__Container
RV-Spacing__Inner--small()
RV-FlexGrid__Container--masonry()
&__Item
RV-ContentCrop()
RV-ContentCrop--center()
RV-OverlayButton__Item()
&__Button
RV-OverlayButton__Button()
RV-OverlayButton__Button--topRight()
RV-OverlayButton__Button--medium()
.RV-ImageGrid
RV-ImageGrid()

1
components/06_Organisms/imageGrid/imageGrid.config.json Normal file
View File

@@ -0,0 +1 @@
{}

28
components/06_Organisms/imageGrid/imageGrid.hbs Normal file
View File

@@ -0,0 +1,28 @@
<div class="RV-ImageGrid">
<ul class="RV-ImageGrid__Container">
<li class="RV-ImageGrid__Item">
<a href="#" class="RV-ImageGrid__Button RV-ImageGrid__Button--circle">&#215;</a>
<div class="RV-Image">
<img src="{{path '/images/hasi01.png'}}" alt="">
</div>
</li>
<li class="RV-ImageGrid__Item">
<a href="#" class="RV-ImageGrid__Button RV-ImageGrid__Button--circle">&#215;</a>
<div class="RV-Image">
<img src="{{path '/images/hasi02.jpeg'}}" alt="">
</div>
</li>
<li class="RV-ImageGrid__Item">
<a href="#" class="RV-ImageGrid__Button RV-ImageGrid__Button--circle">&#215;</a>
<div class="RV-Image">
<img src="{{path '/images/hasi03.jpeg'}}" alt="">
</div>
</li>
<li class="RV-ImageGrid__Item">
<a href="#" class="RV-ImageGrid__Button RV-ImageGrid__Button--circle">&#215;</a>
<div class="RV-Image">
<img src="{{path '/images/hasi04.png'}}" alt="">
</div>
</li>
</ul>
</div>