templates/includes/blocks/bullet-teaser.html.twig line 1

  1. <div class="bullet-teaser {% if content.inverted %} bullet-teaser--inverted {% endif %} {{ content.top }} {{ content.bottom }}"
  2.      x-data="bulletteaser">
  3.     <div class="bullet-teaser__container">
  4.         <div class="bullet-teaser__title"
  5.              x-ref="title">
  6.             {% if content.bulletTeaserPagina %}
  7.             {% if content.bulletTeaserSeoHeadlinePagina %}<{{ content.bulletTeaserSeoHeadlinePagina }}>{% endif %}
  8.                 <div {% if content.inverted %} style="color: #fff;" {% endif %}
  9.                         class="pagina">
  10.                     {{ content.bulletTeaserPagina }}
  11.                 </div>
  12.             {% if content.bulletTeaserSeoHeadlinePagina %}</{{ content.bulletTeaserSeoHeadlinePagina }}>{% endif %}
  13.             {% endif %}
  14.             {% if content.title %}
  15.                 <div {% if content.bulletTeaserTitleMobile %} class="desktop-only" {% endif %}>
  16.                     {{ content.title|raw }}
  17.                 </div>
  18.             {% endif %}
  19.         </div>
  20.         {% if content.bulletTeaserTitleMobile %}
  21.             <div class="bullet-teaser__title mobile-only" x-ref="mobiletitle">
  22.                 {{ content.bulletTeaserTitleMobile|raw }}
  23.             </div>
  24.         {% endif %}
  25.         <ul class="bullet-teaser__list" x-ref="list" id="bullet-teaser-ul">
  26.             {% for bulletTeaserItem in content.subblocks %}
  27.                 {{ include('/includes/blocks/bullet-teaser-item.html.twig') }}
  28.             {% endfor %}
  29.         </ul>
  30.         {% if content.bulletTeaserActionLink != null %}
  31.             <div class="bullet-teaser__actions" x-ref="actions">
  32.                 {% if content.bulletTeaserButtonType == 'box' %}
  33.                     <a href="{{ content.bulletTeaserActionLink }}"
  34.                        class="button button--{{ content.bulletTeaserButtonColor }} button--size-{{ content.bulletTeaserButtonSize }}">
  35.                         <span class="button__inner">
  36.                             {{ content.buttonLabel }}
  37.                         </span>
  38.                     </a>
  39.                 {% elseif content.bulletTeaserButtonType == 'text' %}
  40.                     <a href="{{ content.bulletTeaserActionLink }}"
  41.                        class="text-button text-button--{{ content.bulletTeaserTextButtonColor }} {% if content.uppercase %} uppercase {% endif %}">
  42.                         {{ content.buttonLabel }}
  43.                         <svg fill="none" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 16 16">
  44.                             <path d="M.5 8.5h15M10.5 3.5l5 5-5 5" stroke="currentColor" stroke-miterlimit="10"
  45.                                   stroke-linecap="round" stroke-linejoin="round"/>
  46.                         </svg>
  47.                     </a>
  48.                 {% endif %}
  49.             </div>
  50.         {% endif %}
  51.     </div>
  52. </div>