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

Apply larger fonts at higher resolutions

Browse source
This commit is contained in:
0x1eef 2024-06-10 06:48:12 -03:00
parent 5239fb2944
commit cfc6cc16c8
1 changed files with 21 additions and 20 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

41
src/css/_base.scss
View file

@ -38,10 +38,7 @@ body .root .content.theme {
}
}
/**
* LTR languages
*/
body .root .content.ltr {
body .root .content {
h1 {
font-size: x-large;
}
@ -62,29 +59,33 @@ body .root .content.ltr {
* RTL languages
*/
body .root .content.theme.rtl {
header {
h1 {
font-size: xx-large;
}
}
@import "base/breakpoints";
ul.body.stream {
li.ayah {
font-size: larger;
@media (min-width: $breakpoint-lg) {
header {
h1 {
font-size: xx-large;
}
}
}
ul.body.index {
li.surah a {
span:last-child {
ul.body.stream {
li.ayah {
font-size: larger;
}
}
}
footer {
.timer {
font-size: larger;
ul.body.index {
li.surah a {
span:last-child {
font-size: larger;
}
}
}
footer {
.timer {
font-size: larger;
}
}
}
}