templates/galilea/import/components/accordion.twig line 1

  1. <div class="bg-white hyphens-auto {{pt}} {{pb}}" {{ id ? ('id="' ~ id ~ '"')|raw }} x-intersect.margin.0.0.-100%.0="$store.header.type = 'white'">
  2.     <div class="container">
  3.         <div class="border-t border-b divide-y border-black/10" x-reveal:stagger>
  4.             {% for item in items %}
  5.                 <div class="py-8" x-data="{open: false}"{% if schema|default(null) == 'faq' %} itemscope itemtype="https://schema.org/Question"{% endif %}>
  6.                     <div class="grid grid-cols-6 items-center cursor-pointer select-none" @click="$store.header.disableScrollHandling(); open = !open">
  7.                         <div class="col-span-1 text-lg lg:text-3xl">
  8.                             {{ "%02d"|format(loop.index) }}
  9.                         </div>
  11.                         <div class="col-span-4 text-lg lg:text-3xl"{% if schema|default(null) == 'faq' %} itemprop="name"{% endif %}>
  12.                             {{ item.title }}
  13.                         </div>
  15.                         <div class="flex col-span-1 justify-center justify-self-end items-center text-white rounded-full size-8 bg-brand-50 lg:size-12">
  16.                             <svg viewbox="0 0 11 11" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-3">
  17.                                 <rect x="5" width="1" height="11" fill="currentColor" class="transition-all" :class="{'opacity-0': open}"/>
  18.                                 <rect x="11" y="5" width="1" height="11" transform="rotate(90 11 5)" fill="currentColor"/>
  19.                             </svg>
  20.                         </div>
  21.                     </div>
  23.                     <div class="grid transition-all cursor-auto grid-rows-[0fr]" :class="{'grid-rows-[1fr]': open}" @transitionend="$store.header.enableScrollHandling(); $ScrollTrigger.refresh()"{% if schema|default(null) == 'faq' %} itemprop="suggestedAnswer acceptedAnswer" itemscope itemtype="https://schema.org/Answer"{% endif %}>
  24.                         <div class="overflow-hidden">
  25.                             <div class="items-center py-8 lg:grid lg:grid-cols-6">
  26.                                 <div class="leading-normal text-black lg:col-span-4 lg:col-start-2 prose lg:prose-lg"{% if schema|default(null) == 'faq' %} itemprop="text"{% endif %}>
  27.                                     {{ item.text|raw }}
  28.                                 </div>
  29.                             </div>
  30.                         </div>
  31.                     </div>
  32.                 </div>
  33.             {% endfor %}
  34.         </div>
  35.     </div>
  36. </div>