Overlay
Usage
Title
Lorem ipsum dolor sit amet, consetetur sadipscing elitr.
<div class="c-overlay">
<img src="" width="" height="" alt="">
<figcaption class="c-overlay__panel">...</figcaption>
</div>Toggle overlay on hover
Title
Lorem ipsum dolor sit amet, consetetur sadipscing elitr.
<div class="c-overlay c-overlay--hover">
<img src="" width="" height="" alt="">
<figcaption class="c-overlay__panel">...</figcaption>
</div>c-overlay background
Title
Lorem ipsum dolor sit amet, consetetur sadipscing elitr.
<div class="c-overlay">
<img src="" width="" height="" alt="">
<figcaption class="c-overlay__panel c-overlay__background">...</figcaption>
</div>c-overlay position
Overlay Top
Lorem ipsum dolor sit amet safas fasfg asf.
Overlay Bottom
Lorem ipsum dolor sit amet safas fasfg asf.
Overlay Left
Lorem ipsum dolor sit amet safas fasfg asf.
Overlay Right
Lorem ipsum dolor sit amet safas fasfg asf.
<div class="c-overlay">
<img src="" width="" height="" alt="">
<figcaption class="c-overlay__panel c-overlay__position--top">...</figcaption>
</div>c-overlay icon
<div class="c-overlay">
<img src="" width="" height="" alt="">
<figcaption class="c-overlay__panel c-overlay__icon">...</figcaption>
</div>