Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

♿️ fix: footer icons hover fixed for mobile #114

Merged
merged 5 commits into from
Feb 27, 2024
Merged

♿️ fix: footer icons hover fixed for mobile #114

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
24aa3f2
♿️ fix: footer icons hover fixed for mobile
Feb 24, 2024
84a299d
Remove format changes,
Feb 25, 2024
d4c9332
Merge branch 'fix-hover-issue' of https://github.com/kevind13/la-vela…
Feb 25, 2024
57d64e7
fixing autoformat changes
Feb 25, 2024
77b6103
adding any-hover
Feb 25, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion src/components/ThemeToggle.astro
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,7 @@ import MoonIcon from "@/icons/moon.astro"

<button
id="themeToggle"
class="inline-flex text-primary transition hover:scale-125 hover:opacity-70"
class="inline-flex text-primary transition any-hover:scale-125 any-hover:opacity-70"
>
<SunIcon
class="opacity-100 transition-transform dark:-rotate-90 dark:opacity-0"
Expand Down
4 changes: 2 additions & 2 deletions src/sections/Footer.astro
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -25,7 +25,7 @@ import XIcon from "@/icons/x.astro"
rel="noopener"
aria-label="Instagram de la velada"
href="https://www.instagram.com/infolavelada"
class="hover:scale-125 hover:opacity-70 transition inline-block"
class="any-hover:scale-125 any-hover:opacity-70 transition inline-block"
>
<InstagramIcon class="text-primary" />
</a>
Expand All @@ -36,7 +36,7 @@ import XIcon from "@/icons/x.astro"
rel="noopener"
aria-label="X de la velada"
href="https://x.com/infoLaVelada"
class="hover:scale-125 hover:opacity-70 transition inline-block"
class="any-hover:scale-125 any-hover:opacity-70 transition inline-block"
>
<XIcon class="text-primary" />
</a>
Expand Down
4 changes: 3 additions & 1 deletion tailwind.config.mjs
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -13,5 +13,7 @@ export default {
},
},
darkMode: 'class',
plugins: [animations],
plugins: [animations, function ({ addVariant }) {
addVariant("any-hover", "@media (any-hover: hover) { &:hover }")
}],
}
Loading