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

  1. <div class="wysiwyg wysiwyg--{{ content.position }} {% if content.inverted %} wysiwyg--inverted {% endif %}
  2.            {% if content.headlineFullWidth %} wysiwyg--full-width-title {% endif %}
  3.            {{ content.top }} {{ content.bottom }}" x-data="wysiwyg">
  4.     <div class="wysiwyg__container">
  5.         <div class="wysiwyg__content" x-ref="content">
  6.             <div class="wysiwyg__title">
  7.                 {% if content.wysiwygPagina %}
  8.                 {% if content.wysiwygSeoHeadlinePagina %}<{{ content.wysiwygSeoHeadlinePagina }}>{% endif %}
  9.                     <div class="pagina"
  10.                             {% if content.inverted %} style="color: #fff;" {% endif %}>
  11.                         {{ content.wysiwygPagina }}
  12.                     </div>
  13.                 {% if content.wysiwygSeoHeadlinePagina %}</{{ content.wysiwygSeoHeadlinePagina }}>{% endif %}
  14.                 {% endif %}
  15.                 {% if content.headline %}
  16.                     <div {% if content.wysiwygTitleMobile %} class="desktop-only"{% endif %}
  17.                             {% if content.inverted %} style="color: #fff;" {% endif %}>
  18.                         {{ content.headline|raw }}
  19.                     </div>
  20.                 {% endif %}
  21.                 {% if content.wysiwygTitleMobile %}
  22.                     <div class="mobile-only" {% if content.inverted %} style="color: #fff;" {% endif %}>
  23.                         {{ content.wysiwygTitleMobile|raw }}
  24.                     </div>
  25.                 {% endif %}
  26.             </div>
  27.             <div class="wysiwyg__scoped">
  28.                 {% if content.lead %}
  29.                     <span class="lead">{{ content.lead|raw }}</span>
  30.                 {% endif %}
  31.                 {% if content.text3 %}
  32.                     {{ content.text3|raw }}
  33.                 {% endif %}
  34.             </div>
  35.             {% if content.wysiwygActionLink != null %}
  36.                 <div class="wysiwyg__actions" x-ref="actions">
  37.                     {% if content.wysiwygButtonType == 'box' %}
  38.                         <a href="{{ content.wysiwygActionLink }}"
  39.                            class="button button--{{ content.wysiwygButtonColor }}
  40.                                  button--size-{{ content.wysiwygButtonSize }}">
  41.                             <span class="button__inner">
  42.                                 {{ content.wysiwygButtonLabel }}
  43.                             </span>
  44.                         </a>
  45.                     {% elseif content.wysiwygButtonType == 'text' %}
  46.                         <a href="{{ content.wysiwygActionLink }}"
  47.                            class="text-button text-button--{{ content.wysiwygTextButtonColor }}
  48.                              {% if content.uppercase %} uppercase {% endif %}">
  49.                             {{ content.wysiwygButtonLabel }}
  50.                             <svg fill="none" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 16 16">
  51.                                 <path d="M.5 8.5h15M10.5 3.5l5 5-5 5" stroke="currentColor"
  52.                                       stroke-miterlimit="10"
  53.                                       stroke-linecap="round" stroke-linejoin="round"/>
  54.                             </svg>
  55.                         </a>
  56.                     {% endif %}
  57.                 </div>
  58.             {% endif %}
  59.         </div>
  60.     </div>
  61. </div>