custom/plugins/BlurElysiumSlider/src/Resources/views/storefront/component/blur-elysium-slide/media.html.twig line 1

Open in your IDE?
  1. {% block cms_element_blur_elysium_slide_css_media_query %}
  3.     {% if media.thumbnails.elements %}
  4.         
  5.         {# sort array by thumbnail width so that the media query order is correct #}
  6.         {% for thumbnail in media.thumbnails.elements|sort((a, b) => a.width <=> b.width ) %}
  7.             @media screen{% if orientation is defined %} and (orientation: {{ orientation }} ){% endif %} {% if loop.first is same as(false) %} and (min-width: {{ thumbnail.width ~ 'px' }}){% endif %} {
  8.                 [data-elysium-slide-id="{{ slideId }}"] {
  9.                     background-image: url( "{{ thumbnail.url }}" );
  10.                 }
  11.             }
  12.         {% endfor %}
  13.     {% else %}
  15.         {# fallback if no thumbnails are available #}
  16.         @media screen{% if orientation is defined %} and (orientation: {{ orientation }} ){% endif %} {
  17.             [data-elysium-slide-id="{{ slideId }}"] {
  18.                 background-image: url( "{{ media.url }}" );
  19.             }
  20.         }
  21.     {% endif %}
  23. {% endblock %}