Apply larger fonts, icons at $breakpoint-xxl
This commit is contained in:
parent
a45b1e88e4
commit
e464901223
3 changed files with 15 additions and 5 deletions
|
@ -61,7 +61,7 @@ body .root .content {
|
|||
body .root .content.theme.rtl {
|
||||
@import "base/breakpoints";
|
||||
|
||||
@media (min-width: $breakpoint-xl) {
|
||||
@media (min-width: $breakpoint-xxl) {
|
||||
header {
|
||||
h1 {
|
||||
font-size: xx-large;
|
||||
|
|
|
@ -2,3 +2,4 @@ $breakpoint-sm: 576px;
|
|||
$breakpoint-md: 768px;
|
||||
$breakpoint-lg: 992px;
|
||||
$breakpoint-xl: 1200px;
|
||||
$breakpoint-xxl: 1395px;
|
||||
|
|
|
@ -46,8 +46,12 @@
|
|||
|
||||
.play.icon,
|
||||
.pause.icon {
|
||||
height: 20px;
|
||||
width: 20px;
|
||||
height: 16px;
|
||||
width: 16px;
|
||||
@media (min-width: $breakpoint-xxl) {
|
||||
height: 20px;
|
||||
width: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
.refresh.icon,
|
||||
|
@ -75,8 +79,13 @@
|
|||
|
||||
footer {
|
||||
.sound-on.icon, .sound-off.icon {
|
||||
width: 28px;
|
||||
height: 28px;
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
|
||||
@media(min-width: $breakpoint-xxl) {
|
||||
height: 28px;
|
||||
width: 28px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue