Using overlaybutton for 'delete' function
This commit is contained in:
parent
2350a84dc2
commit
4991dd276b
@ -8,6 +8,12 @@ RV-ImageGrid()
|
||||
&__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,8 +1,28 @@
|
||||
<div class="RV-ImageGrid">
|
||||
<ul class="RV-ImageGrid__Container">
|
||||
<li class="RV-ImageGrid__Item"><div class="RV-Image"><img src="{{path '/images/hasi01.png'}}" alt=""></div></li>
|
||||
<li class="RV-ImageGrid__Item"><div class="RV-Image"><img src="{{path '/images/hasi02.jpeg'}}" alt=""></div></li>
|
||||
<li class="RV-ImageGrid__Item"><div class="RV-Image"><img src="{{path '/images/hasi03.jpeg'}}" alt=""></div></li>
|
||||
<li class="RV-ImageGrid__Item"><div class="RV-Image"><img src="{{path '/images/hasi04.png'}}" alt=""></div></li>
|
||||
<li class="RV-ImageGrid__Item">
|
||||
<a href="#" class="RV-ImageGrid__Button RV-ImageGrid__Button--circle">×</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">×</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">×</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">×</a>
|
||||
<div class="RV-Image">
|
||||
<img src="{{path '/images/hasi04.png'}}" alt="">
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
Loading…
Reference in New Issue
Block a user