use variables for fonts

This commit is contained in:
earlman 2021-04-04 13:18:33 -05:00
parent d46784a4d5
commit f9c78a5263

View File

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