Use SVG icon for navigation hamburger menu

This commit is contained in:
Helen Chong 2024-06-14 02:54:37 +08:00
parent 684324d478
commit 6bbb230f1f
1 changed files with 5 additions and 2 deletions

View File

@ -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">