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;
}
&:hover {
background: lighten($blue1, 38%);
@media (hover: hover) {
&:hover {
background: lighten($blue1, 38%);
}
}
div:first-child {

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

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