templates/includes/blocks/single_spacer.html.twig line 1

  1. {% set propertyName = propertyName|default('blocks') %}
  2. {% set spacerID = random() %}
  4. <div class="container">
  5.     <div id="spacer-{{ spacerID }}"
  6.          class="spacer d-flex flex-column align-items-center justify-content-center px-0 px-lg-5
  7.          {% if block.preset is defined and block.preset != "custom" %}
  8.          spacer-{{ block.preset }}
  9.          {% endif %}
  10.          ">
  11.     </div>
  12. </div>
  13. {% if block.preset is defined and block.preset == "custom" %}
  14.     <style>
  15.         {% if block.height is defined %}
  16.             #spacer-{{ spacerID }} {
  17.                 height: {{ block.height|trim('.')|default('150px') }}{{ ("px" not in block.height) ? "px" : "" }} !important;
  18.             }
  19.         {% endif %}
  20.         {% if block.height_mobile is defined %}
  21.             @media (max-width: 424px) {
  22.                 #spacer-{{ spacerID }} {
  23.                     height: {{ block.height_mobile|trim('.')|default('150px') }}{{ ("px" not in block.height_mobile) ? "px" : "" }} !important;
  24.                 }
  25.             }
  26.         {% endif %}
  27.     </style>
  28. {% endif %}