You are here

sooperthemes-gridstack-gridstack-style.html.twig in Sooperthemes GridStack 8

Default theme implementation for sooperthemes_gridstack_gridstack_style plugin.

File

templates/sooperthemes-gridstack-gridstack-style.html.twig
View source
  1. {#
  2. /**
  3. * @file
  4. * Default theme implementation for sooperthemes_gridstack_gridstack_style plugin.
  5. */
  6. #}
  7. {% if title %}
  8. <h3>{{ title }}</h3>
  9. {% endif %}
  10. <div id="sooperthemes-gridstack-gridstack-{{ id }}" {{ attributes.addClass('sooperthemes-gridstack-gridstack-live').addClass(classes) }}>
  11. <div class="grid-stack">
  12. {% for key, item_position in layout_data %}
  13. <div class="grid-stack-item{% if key > gridstack_items_mobile %} sooperthemes-gridstack-util-hidemobile{% endif %}"
  14. data-gs-x="{{ item_position.x }}"
  15. data-gs-y="{{ item_position.y }}"
  16. data-gs-width="{{ item_position.width }}"
  17. data-gs-height="{{ item_position.height }}">
  18. <div class="grid-stack-item-content" {{ gridstack_margin|raw }}>
  19. {{ rows[key].content }}
  20. </div>
  21. </div>
  22. {% endfor %}
  23. </div>
  24. </div>
  25. {{ attach_library('sooperthemes_gridstack/sooperthemes_gridstack') }}