{% set id = field('id') %} {% set class = field('class') %} {% set tag = field('html_tag') %} {% set link = field('link') %} {% set classes = classNames('qx-element qx-element-heading-v2', class) %} {% 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 %}

{{ field('title') | wrap(tag) | link(link) }}

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") }}"; // typography style.typography(id + ' *', {{ field('font') | json_encode() }}); // Alignment style.alignment(id, {{ field('alignment') | json_encode() }}); // Text Color style.css( id + ' *', 'color', {{ field('text_color') | json_encode() }}); style.load(id)