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

Apply larger fonts, icons at $breakpoint-xxl

Browse source
This commit is contained in:
0x1eef 2024-06-10 11:15:09 -03:00
parent a45b1e88e4
commit e464901223
3 changed files with 15 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/css/_base.scss
View file

@ -61,7 +61,7 @@ body .root .content {
body .root .content.theme.rtl { body .root .content.theme.rtl {
@import "base/breakpoints"; @import "base/breakpoints";
@media (min-width: $breakpoint-xl) { @media (min-width: $breakpoint-xxl) {
header { header {
h1 { h1 {
font-size: xx-large; font-size: xx-large;

1
src/css/base/_breakpoints.scss
View file

@ -2,3 +2,4 @@ $breakpoint-sm: 576px;
$breakpoint-md: 768px; $breakpoint-md: 768px;
$breakpoint-lg: 992px; $breakpoint-lg: 992px;
$breakpoint-xl: 1200px; $breakpoint-xl: 1200px;
$breakpoint-xxl: 1395px;

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

@ -46,8 +46,12 @@
.play.icon, .play.icon,
.pause.icon { .pause.icon {
height: 20px; height: 16px;
width: 20px; width: 16px;
@media (min-width: $breakpoint-xxl) {
height: 20px;
width: 20px;
}
} }
.refresh.icon, .refresh.icon,
@ -75,8 +79,13 @@
footer { footer {
.sound-on.icon, .sound-off.icon { .sound-on.icon, .sound-off.icon {
width: 28px; width: 24px;
height: 28px; height: 24px;
@media(min-width: $breakpoint-xxl) {
height: 28px;
width: 28px;
}
} }
} }
} }