bootstrap_italia-8.x-0.x-dev/components/components-2/card/_partial.card-image-block.html.twig

{# This is a partial reusable template for card component. #}
{% apply spaceless %}

  {% if _card_image is not empty %}
    {% set _image_classes = [
      'img-responsive',
      _image_panoramic ? 'img-responsive-panoramic',
    ] %}

    <div class="img-responsive-wrapper">
      <div class="{{ _image_classes|join(' ')|trim }}">
        <figure class="img-wrapper" aria-label="{{ _card_title|render|striptags|trim }}">
          {{ _card_image }}
        </figure>
        {% if _card_image_date is not empty %}
          <div class="card-calendar d-flex flex-column justify-content-center">
            {% if _card_image_date['year'] or
              _card_image_date['day'] or
              _card_image_date['time'] or
              _card_image_date['month']
            %}
              {% if _card_image_date['year'] %}
                <span class="card-year">{{ _card_image_date['year'] }}</span>
              {% endif %}
              {% if _card_image_date['day'] %}
                <span class="card-date">{{ _card_image_date['day'] }}</span>
              {% endif %}
              {% if _card_image_date['time'] %}
                <span class="card-time">{{ _card_image_date['time'] }}</span>
              {% endif %}
              {% if _card_image_date['month'] %}
                <span class="card-month">{{ _card_image_date['month'] }}</span>
              {% endif %}
            {% elseif _card_image_date['date-full'] %}
              <span class="card-date-full p-1">{{ _card_image_date['date-full'] }}</span>
            {% endif %}
          </div>
        {% endif %}
      </div>
    </div>
  {% endif %}
{% endapply %}