Dropdown

Thanks for <details> and <summary> tags, we created a dropdown list without JS.

<details class="gra-dropdown">
  <summary class="gra-dropdown-wrapper">
    <span class="gra-btn gra-dropdown-btn">Dropdown</span>
  </summary>
  <ul class="gra-dropdown-list gra-block-list">
    <li class="gra-dropdown-list-item gra-list-item">
      <a class="gra-dropdown-list-link gra-list-link" href="#">Item 1</a>
    </li>
    <li class="gra-dropdown-list-item gra-list-item">
      <a class="gra-dropdown-list-link gra-list-link" href="#">Item 2</a>
    </li>
    <li class="gra-dropdown-list-item gra-list-item">
      <a class="gra-dropdown-list-link gra-list-link" href="#">Item 3</a>
    </li>
  </ul>
</details>
Built with  🎧 ☕️ ❤️ & Gralig. © 2019 byEren Guldas