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

Adjust CSS centered around icons

Browse source
This commit is contained in:
0x1eef 2024-06-10 14:12:40 -03:00
parent a3866092af
commit 441d30c613
2 changed files with 16 additions and 45 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

26
src/css/base/_icon.scss
View file

@ -41,6 +41,7 @@
.root .content.theme {
.icon {
display: inline-block;
cursor: pointer;
}
@ -68,17 +69,19 @@
}
}
ul.stream span {
.sound-on.icon, .sound-off.icon {
position: relative;
top: 2px;
ul.body.stream span {
.sound-on.icon,
.sound-off.icon {
width: 24px;
height: 24px;
transform: translateY(5px);
}
}
footer {
.sound-on.icon, .sound-off.icon {
.sound-on.icon,
.sound-off.icon {
transform: translateY(5px);
width: 24px;
height: 24px;
@ -96,16 +99,19 @@
right: 7px;
}
ul.body.stream {
li.ayah .sound-on.icon,
li.ayah .sound-off.icon {
transform: rotate(180deg) translateY(3px);
}
}
footer {
.sound-on.icon,
.sound-off.icon {
position: relative;
bottom: 5px;
transform: rotate(180deg) translateY(5px);
}
.sound-on.icon,
.sound-off.icon,
.play.icon {
display: inline-block;
transform: rotate(180deg);
}
}

35
src/css/main/SurahStream.scss
View file

@ -6,14 +6,6 @@ body .root .content.theme {
ul.body.stream {
scrollbar-gutter: stable;
li.ayah.fade {
.sound-on.icon, .sound-off.icon {
width: 24px;
height: 24px;
g {
transform: translate(0, 12px);
}
}
@keyframes FadeIn {
0% { opacity: 0;}
25% { opacity: 0.25; }
@ -24,31 +16,4 @@ body .root .content.theme {
animation: FadeIn 1s;
}
}
footer {
.sound-off.icon, .sound-on.icon {
transform: translate(0, 7px);
}
}
}
/**
* LTR languages
*/
body .root .content.theme.en {
}
/**
* RTL languages
*/
body .root .content.theme.rtl {
font-size: larger;
ul.body.stream {
li.ayah {
.sound-off.icon, .sound-on.icon {
transform: rotate(180deg);
}
}
}
}