V6 Clearleft Patterns

Srcset: Single 

<img class="srcset" src="/v6-assets/img/case300w.jpg" alt="" loading="lazy">
 
{% if imageList is iterable %}
 <img class="srcset" src="{{ imageList[0].src }}" sizes="(min-width: 1220px) 1100px, calc(93.78vw - 25px)" srcset="{% for image in imageList %}
        {{ image.src }} {{ image.size }},
    {% endfor %}" alt="{{ alt }}" loading="lazy">
{% else %}
 <img class="srcset" src="{{ imageList }}" alt="{{ alt }}" loading="lazy">
{% endif %}
 
{
  "imageList": "/v6-assets/img/case300w.jpg"
}
  • Content: 
    .srcset {
  object-fit: cover;
  width: 100%;
}
  • URL: /components/raw/srcset/srcset.css
  • Filesystem Path: src/templates/components/srcset/srcset.css
  • Size: 48 Bytes

No notes defined.