Revise responsive font size for the theme

This commit is contained in:
Gabriel Arazas 2023-02-21 14:35:06 +08:00
parent 146a521fee
commit f80b9be1c5
3 changed files with 5 additions and 9 deletions

View File

@ -20,6 +20,10 @@ and this project adheres to https://semver.org/spec/v2.0.0.html[Semantic Version
== Unreleased == Unreleased
== Updated
- Responsive font sizing.
== [0.3.4] - 2022-11-28 == [0.3.4] - 2022-11-28

View File

@ -228,14 +228,6 @@ footer {
text-align: center; text-align: center;
} }
/* Mobile styles */
@media all and (max-width: $tablet-breakpoint) {
html:root {
--font-size: 17px;
}
}
@media print { @media print {
html { html {
overflow: auto; overflow: auto;

View File

@ -22,7 +22,7 @@ $tablet-breakpoint: 860px;
:root { :root {
font-family: var(--body-family); font-family: var(--body-family);
font-size: var(--font-size); font-size: clamp(var(--font-size), 1.4vw, calc(var(--font-size) * 3));
background: var(--background); background: var(--background);
color: var(--foreground); color: var(--foreground);
line-height: var(--vertical-rhythm); line-height: var(--vertical-rhythm);