cdransf/coryd.dev-eleventy
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

chore: simplify toggle

Browse source
This commit is contained in:
Cory Dransfeldt 2024-02-28 14:57:32 -08:00
parent a4755dc4c4
commit d4edb1faeb
No known key found for this signature in database
3 changed files with 17 additions and 18 deletions
Download patch file Download diff file Expand all files Collapse all files

25
src/_includes/partials/nav/theme-toggle.liquid
View file

@ -3,18 +3,17 @@
{% render "../../../assets/styles/components/theme-toggle.css" %}
{% endcapture %}
<style>{{ css }}</style>
<template id="theme-toggle-template">
<button
class="theme__toggle"
aria-label="Toggle site theme">
<span class="light">
{% tablericon "sun" "Toggle light theme" %}
</span>
<span class="dark">
{% tablericon "moon" "Toggle dark theme" %}
</span>
</button>
</template>
<li class="client-side">
<theme-toggle></theme-toggle>
<theme-toggle>
<button
class="theme__toggle"
aria-label="Toggle site theme">
<span class="light">
{% tablericon "sun" "Toggle light theme" %}
</span>
<span class="dark">
{% tablericon "moon" "Toggle dark theme" %}
</span>
</button>
</theme-toggle>
</li>