{% set id = field("id") %} {% set class = field('class') %} {% set classes = classNames('qx-column', grid, class ) %} {% set bg_overlay = field('background_overlay') %} {% set animation = "" %} {% if field('animation') != 'none' %} {% if field('animation')is not empty %} {% set animation = "cls:" ~ field('animation') ~ ";" %} {% endif %} {# repeat #} {% if field('animation_repeat') %} {% set animation = animation ~ "repeat:ture;" %} {% endif %} {# delay #} {% if field('animation_delay').value %} {% set animation = animation ~ "delay:" ~ field('animation_delay').value %} {% endif %} {% endif %} {% if renderer %}

{% if (bg_overlay and ( getOpacity(bg_overlay, 'normal') or getOpacity(bg_overlay, 'hover') ) ) %} {% set overlayClass = "qx-background-overlay " ~ id ~ "-background-overlay" %}

{% endif %}

{{ renderer.render( node['children'], null, 'frontend' ) | raw }}

{% endif %} var style = Object.assign({}, Assets), id = "#{{ field("id") }}", css = ""; // margin style.margin(id, {{ field("margin") | json_encode() }}) // padding style.padding(id, {{ field("padding") | json_encode() }}) // Z-Index style.css(id, 'z-index', {{ field("zindex") | json_encode() }}) // background style.background (id, {{ field("background") | json_encode() }}) // border + box shadow style.border (id, {{ field("border") | json_encode() }}) // custom css style.raw ("{{ field("custom_css").code }}") {% include 'global.twig' %} var id = "#{{ field("id") }}", backgroundOverlay = ".{{ field('id') }}-background-overlay", elementBuilderSelector = id + " .qx-fb-elements .qx-fb-element+.qx-fb-element", elementSelector = id + " .qx-element+.qx-element", width = {{ field("col_width") | json_encode() }} if(width.desktop) { style.desktop(id, "flex: " + width.desktop + "%; max-width: " + width.desktop + "%;"); style.tablet(id, "flex: " + width.tablet + "%; max-width: " + width.tablet + "%;"); style.phone(id, "flex: " + width.phone + "%; max-width: " + width.phone + "%;"); } // background overlay style.background (backgroundOverlay, {{ field("background_overlay") | json_encode() }}, id) style.responsiveCss(elementBuilderSelector, {{ field("element_spacing") | json_encode() }}, 'margin-top', 'px'); style.responsiveCss(elementSelector, {{ field("element_spacing") | json_encode() }}, 'margin-top', 'px'); style.load(id) // loading children ( ELEMENTS ) style... {% if renderer %} {{ renderer.render( node['children'], null, 'frontend' ) | raw }} {% endif %}