Use SVG icon for navigation hamburger menu
This commit is contained in:
parent
684324d478
commit
6bbb230f1f
|
@ -3,10 +3,13 @@ https://kalechips.net/projects/snippets/burger #}
|
|||
|
||||
{% set navLinksEl %}{% block navbarLinks %}{{ navbarLinks }}{% endblock %}{% endset %}
|
||||
|
||||
<nav class="navbar">
|
||||
<nav class="navbar" role="navigation">
|
||||
<details class="navbar__burger">
|
||||
<summary class="navbar__toggle" id="toggle">
|
||||
<span aria-hidden="true">☰</span> Navigation
|
||||
<svg aria-hidden="true" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M4 6H20M4 12H20M4 18H20" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
Navigation
|
||||
</summary>
|
||||
<nav class="navbar__menu">
|
||||
<ul class="navbar__menu--links">
|
||||
|
|
Loading…
Reference in New Issue