kenmirrors/MagicMirror
1
0
Fork 0
mirror of https://github.com/MichMich/MagicMirror.git synced 2025-06-27 19:53:36 +00:00
Code Issues Projects Releases Wiki Activity

use variables for fonts

Browse Source
This commit is contained in:
earlman 2021-04-04 13:18:33 -05:00
parent d46784a4d5
commit f9c78a5263
1 changed files with 8 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
css/main.css
View File

@ -2,6 +2,8 @@
--color-text: #fff; --color-text: #fff;
--color-background: black; --color-background: black;
--base: 20px; --base: 20px;
--font-primary: "Roboto Condensed";
--font-secondary: "Roboto";
} }
html { html {
@ -23,7 +25,7 @@ body {
width: calc(100% - 120px); width: calc(100% - 120px);
background: var(--color-background); background: var(--color-background);
color: var(--color-text); color: var(--color-text);
font-family: "Roboto Condensed", sans-serif; font-family: var(--font-primary), sans-serif;
font-weight: 400; font-weight: 400;
line-height: 1.5; line-height: 1.5;
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
@ -75,22 +77,22 @@ body {
} }
.thin { .thin {
font-family: Roboto, sans-serif; font-family: var(--font-secondary), sans-serif;
font-weight: 100; font-weight: 100;
} }
.light { .light {
font-family: "Roboto Condensed", sans-serif; font-family: var(--font-primary), sans-serif;
font-weight: 300; font-weight: 300;
} }
.regular { .regular {
font-family: "Roboto Condensed", sans-serif; font-family: var(--font-primary), sans-serif;
font-weight: 400; font-weight: 400;
} }
.bold { .bold {
font-family: "Roboto Condensed", sans-serif; font-family: var(--font-primary), sans-serif;
font-weight: 700; font-weight: 700;
} }
@ -105,7 +107,7 @@ body {
header { header {
text-transform: uppercase; text-transform: uppercase;
font-size: 15px; font-size: 15px;
font-family: "Roboto Condensed", Arial, Helvetica, sans-serif; font-family: var(--font-primary), Arial, Helvetica, sans-serif;
font-weight: 400; font-weight: 400;
border-bottom: 1px solid #666; border-bottom: 1px solid #666;
line-height: 15px; line-height: 15px;