templates/layout/navigation/brick_navigation.html.twig line 1

Open in your IDE?
  1. {% set anchors = anker_brick_navigation_get(document) %}
  3. {# Dekstop Navigation #}
  4. {% if anchors %}
  5.   <div class="hidden w-full bg-neutral-50 sm:block">
  6.     <div class="container justify-end hidden w-full gap-4 py-4 sm:flex">
  7.       {% for anchor in anchors %}
  8.         <a target="_top" href="{{ '#' ~ anchor }}" class="btn-sm btn btn-neutral">
  9.           {{ anchor|trans }}
  10.         </a>
  11.       {% endfor %}
  12.     </div>
  13.   </div>
  15.   {# Mobile Scrollable Navigation #}
  16.   <div class="sticky w-full max-w-full bg-neutral-50 z-1500 sm:hidden top-20">
  17.     <div data-controller="section-navigation"
  18.       data-section-navigation-active-class="text-white bg-black"
  19.       data-section-navigation-inactive-class="text-black bg-neutral-200 "
  20.       id="profile-scroll-bar"
  21.       class="relative inline-flex w-screen gap-4 p-3 overflow-scroll sm:my-3 snap-x snap-mandatory sm:hidden">
  22.       {% for anchor in anchors %}
  23.         <a target="_top"
  24.           href="{{ '#' ~ anchor }}"
  25.           class="flex-none p-3 text-sm font-medium tracking-widest text-black uppercase bg-neutral-200 snap-center snap-always">
  26.           {{ anchor|trans }}
  27.         </a>
  28.       {% endfor %}
  29.     </div>
  30.   </div>
  31. {% endif %}