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

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

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

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

@ -6,11 +6,13 @@
color: $green1; color: $green1;
} }
@media (hover: hover) {
&:hover { &:hover {
background: $green1; background: $green1;
color: $white; color: $white;
} }
} }
}
footer a { footer a {
&:active, &:link, &:visited { &:active, &:link, &:visited {