We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
1 parent dc2af05 commit 530a1eeCopy full SHA for 530a1ee
1 file changed
src/lib/components/ThemeToggle.svelte
@@ -62,14 +62,14 @@
62
</script>
63
64
<button bind:this={sunButton} onclick={toggleTheme}>
65
- <img src="/icons/sun.svg" alt="Sun" class="hover-expand w-16 select-none" />
+ <img src="/icons/sun.svg" alt="Sun" class="theme-button w-16 select-none" />
66
</button>
67
<button bind:this={moonButton} onclick={toggleTheme}>
68
- <img src="/icons/moon.svg" alt="Moon" class="hover-expand w-16 select-none" />
+ <img src="/icons/moon.svg" alt="Moon" class="theme-button w-16 select-none" />
69
70
71
<style>
72
- .hover-expand {
+ .theme-button {
73
transition: all 0.5s;
74
transform: translateY(-20%) rotate(45deg);
75
@@ -80,7 +80,7 @@
80
transform: translateY(20%) rotate(45deg);
81
}
82
83
- .hover-expand:hover {
+ .theme-button:hover {
84
scale: 110%;
85
86
0 commit comments