<div class="gallery_item">
    <a class="gallery" rel="group1" href="/img/lava.jpg" title="hot lava caption">
        <img src="/img/lava.jpg" alt="hot lava" />
    </a>
</div><!-- end gallery_item -->
<div class="gallery_item">
  <a class="gallery" rel="{{ group }}" href="{{ img }}" title="{{ caption }}">
    {% block gallery_photo %}
    {% include "@images--img" %}
    {% endblock gallery_photo %}
  </a>
</div><!-- end gallery_item -->
{
  "img": "/img/lava.jpg",
  "imgAlt": "hot lava",
  "group": "group1",
  "caption": "hot lava caption"
}
  • Content:
    .gallery_item {
      max-height: 188px;
      max-width: 250px;
    
      img {
        max-height: 100%;
        max-width: 100%;
      }
    }
    
    #cboxTitle {
      background-color: $black;
      color: $white;
      padding: $space_one_half;
      top: unset;
      bottom: 0;
    }
    
  • URL: /components/raw/gallery_item/gallery_item.scss
  • Filesystem Path: bits/04-components/_gallery_item/gallery_item.scss
  • Size: 231 Bytes

No notes defined.