kenmirrors/MagicMirror
1
0
Fork 0
mirror of https://github.com/MichMich/MagicMirror.git synced 2025-08-21 12:55:22 +00:00
Code Issues Projects Releases Wiki Activity

Fully implement font size adjustments to variables

Browse Source 
Partially implementing variables is silly, noticed font sizes weren't implemented fully. Corrected this in my custom, decided it should be in main. Feel free to adjust REM factors to match defaults you like.
This commit is contained in:
B. Keyport
2022-09-08 12:11:56 -07:00
committed by GitHub
parent d3e53586fd
commit 203014c654
1 changed files with 11 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
css/main.css
View File

@@ -8,7 +8,11 @@
--font-secondary: "Roboto"; --font-secondary: "Roboto";
--font-size: 20px; --font-size: 20px;
--font-size-xsmall: 0.5rem;
--font-size-small: 0.75rem; --font-size-small: 0.75rem;
--font-size-medium: 1rem;
--font-size-large: 1.25rem;
--font-size-xlarge: 1.5rem;
--gap-body-top: 60px; --gap-body-top: 60px;
--gap-body-right: 60px; --gap-body-right: 60px;
@@ -60,27 +64,27 @@ body {
} }
.xsmall { .xsmall {
font-size: var(--font-size-small); font-size: var(--font-size-xsmall);
line-height: 1.275; line-height: 1.275;
} }
.small { .small {
font-size: 1rem; font-size: var(--font-size-small);
line-height: 1.25; line-height: 1.25;
} }
.medium { .medium {
font-size: 1.5rem; font-size: var(--font-size-medium);
line-height: 1.225; line-height: 1.225;
} }
.large { .large {
font-size: 3.25rem; font-size: var(--font-size-large);
line-height: 1; line-height: 1;
} }
.xlarge { .xlarge {
font-size: 3.75rem; font-size: var(--font-size-xlarge);
line-height: 1; line-height: 1;
letter-spacing: -3px; letter-spacing: -3px;
} }