Contents

{%- comment -%}

Una imagen.

@param :src [String] La url de la imagen
@param :alt [String] La descripción de la imagen
@param :width [Integer]
@param :class [String] Las clases del componente picture
@param :img_class [String] Las clases de la imagen
{%- endcomment -%}

<picture class="{{ include.class }}">
  <source
    srcset="
      {%- for pixel_density in site.data.theme.pixel_densities %}
        {%- assign w = include.width | times: pixel_density -%}
        {{- include.src | thumbnail: w | component_escape }} {{ pixel_density }}x,
      {% endfor -%}
      " />

  <img
    class="u-photo w-{{ width }} {{ include.cover | equals: false | value_unless: 'fit-cover' }} h-{{ height }} {{ include.extra }}"
    loading="lazy"
    itemprop="{{ include.itemprop | default: 'image' }}"
    src="{{ image | thumbnail: 1140 | component_escape }}"
    alt="{{ include.image.description | include.default_description | escape_once }}" />
</picture>

Version data entries

3 entries across 3 versions & 1 rubygems

Version	Path
editorial-autogestiva-jekyll-theme-0.5.0rc3	_includes/picture.html
editorial-autogestiva-jekyll-theme-0.5.0rc2	_includes/picture.html
editorial-autogestiva-jekyll-theme-0.5.0rc1	_includes/picture.html