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

Add hover effect on SurahIndex.tsx

Browse source
This commit is contained in:
0x1eef 2023-11-12 12:54:02 -03:00
parent f391449789
commit e358b65736
3 changed files with 10 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
src/css/pages/SurahIndex.scss
View file

@ -16,6 +16,7 @@ body .root .content.theme {
ul.body.index { ul.body.index {
li.surah a { li.surah a {
display: flex; display: flex;
align-items: center;
justify-content: space-between; justify-content: space-between;
min-height: 45px; min-height: 45px;

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

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

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

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