style(ui): adjust header font size automatically
This commit is contained in:
parent
651310446d
commit
9ea6bfac84
2 changed files with 2 additions and 4 deletions
|
@ -49,7 +49,7 @@
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
border: none;
|
border: none;
|
||||||
flex: 1;
|
flex: 1;
|
||||||
font-size: 1.25em;
|
font-size: clamp(0.75em, 2.5vw, 1.25em);
|
||||||
height: auto;
|
height: auto;
|
||||||
|
|
||||||
// Use lighter font weight for better readability
|
// Use lighter font weight for better readability
|
||||||
|
|
|
@ -43,12 +43,10 @@
|
||||||
@include mixins.font-heading-upper;
|
@include mixins.font-heading-upper;
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
border: none;
|
border: none;
|
||||||
font-size: 1.25em;
|
font-size: clamp(0.75em, 2.5vw, 1.25em);
|
||||||
height: auto;
|
height: auto;
|
||||||
padding-left: 0;
|
padding-left: 0;
|
||||||
padding-right: 0;
|
padding-right: 0;
|
||||||
|
|
||||||
// Use lighter font weight for better readability
|
|
||||||
font-weight: 300;
|
font-weight: 300;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue