You are here

Home » API reference » Open Social 8.3

nav-book.twig in Open Social 8.3

Same filename and directory in other branches
  1. 8.9 themes/socialbase/components/03-molecules/navigation/nav-book/nav-book.twig
  2. 8 themes/socialbase/components/03-molecules/navigation/nav-book/nav-book.twig
  3. 8.2 themes/socialbase/components/03-molecules/navigation/nav-book/nav-book.twig
  4. 8.4 themes/socialbase/components/03-molecules/navigation/nav-book/nav-book.twig
  5. 8.5 themes/socialbase/components/03-molecules/navigation/nav-book/nav-book.twig
  6. 8.6 themes/socialbase/components/03-molecules/navigation/nav-book/nav-book.twig
  7. 8.7 themes/socialbase/components/03-molecules/navigation/nav-book/nav-book.twig
  8. 8.8 themes/socialbase/components/03-molecules/navigation/nav-book/nav-book.twig
<ul block="block-booknavigation-2" class="nav-book">
  <li class="menu-item menu-item--collapsed">
    <a href="#">Lorem ipsum dolor sit amet</a>
  </li>
  <li class="menu-item menu-item--has-children menu-item--expanded menu-item--active-trail">
    <a href="#">Lorem ipsum dolor sit amet sequitur sunt</a>
    <ul class="menu">
      <li class="menu-item menu-item--has-children menu-item--expanded menu-item--active-trail">
        <a href="#">Lorem ipsum dolor sit amet</a>
        <ul class="menu">
          <li class="menu-item menu-item--active-trail">
            <a href="#">Lorem ipsum.</a>
          </li>
        </ul>
      </li>
    </ul>
  </li>
  <li class="menu-item">
    <a href="#">Lorem ipsum dolor sit amet</a>
  </li>
</ul>

File

themes/socialbase/components/03-molecules/navigation/nav-book/nav-book.twig
View source 
  1. <ul block="block-booknavigation-2" class="nav-book">

  2.   <li class="menu-item menu-item--collapsed">

  3.     <a href="#">Lorem ipsum dolor sit amet</a>

  4.   </li>

  5.   <li class="menu-item menu-item--has-children menu-item--expanded menu-item--active-trail">

  6.     <a href="#">Lorem ipsum dolor sit amet sequitur sunt</a>

  7.     <ul class="menu">

  8.       <li class="menu-item menu-item--has-children menu-item--expanded menu-item--active-trail">

  9.         <a href="#">Lorem ipsum dolor sit amet</a>

  10.         <ul class="menu">

  11.           <li class="menu-item menu-item--active-trail">

  12.             <a href="#">Lorem ipsum.</a>

  13.           </li>

  14.         </ul>

  15.       </li>

  16.     </ul>

  17.   </li>

  18.   <li class="menu-item">

  19.     <a href="#">Lorem ipsum dolor sit amet</a>

  20.   </li>

  21. </ul>