Layout
Content
Components
Utilities
This lightbox is used for image galleries. It requires each image to have a thumbnail and full size data-image. The javascript looks for the lightbox--gallery parent to be fired.
lightbox--gallery
<section class="lightbox--gallery"> <div class="lightbox-item"> <img src="photo.url_small" alt="photo.name" data-large="photo.url_large" data-thumb="photo.url_thumb" class="objectfit"> </div> </section>
← Subnav Borders →