ReflectsLight/al-quran.reflectslight.io
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Enable hover effect on devices with first-class hover support

Browse source 
On devices such as a phone, the hover effect will not be applied.
This commit is contained in:
0x1eef 2023-11-20 12:56:31 -03:00
parent 3b391131ff
commit 2a1b296a6f
2 changed files with 9 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/css/themes/blue/pages/_SurahIndex.scss
View file

@ -7,8 +7,10 @@
color: $blue1; color: $blue1;
} }
&:hover { @media (hover: hover) {
background: lighten($blue1, 38%); &:hover {
background: lighten($blue1, 38%);
}
} }
div:first-child { div:first-child {

8
src/css/themes/green/pages/_SurahIndex.scss
View file

@ -6,9 +6,11 @@
color: $green1; color: $green1;
} }
&:hover { @media (hover: hover) {
background: $green1; &:hover {
color: $white; background: $green1;
color: $white;
}
} }
} }