Xargon/RetroDECK-Website
1
0
Fork 0
mirror of https://github.com/RetroDECK/RetroDECK-Website.git synced 2024-11-24 23:55:38 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Add fonts as CSS variables

Browse source
This commit is contained in:
Adam Iannazzone 2024-09-23 17:05:30 -04:00
parent 7c1a0f314f
commit e8b96d95ca
1 changed files with 8 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
css/style.css
View file

@ -8,10 +8,14 @@
src: url("../assets/fonts/exo.otf"); src: url("../assets/fonts/exo.otf");
} }
/* CSS Variables */
:root { :root {
--rd-purple: #946beb; --rd-purple: #946beb;
--rd-blue: #1a9fff; --rd-blue: #1a9fff;
--rd-black: #222; --rd-black: #222;
--pixel-font: "Upheaval TT", monospace;
--body-font: "Exo", serif;
} }
@ -23,7 +27,7 @@ body {
nav, footer { nav, footer {
background: var(--rd-blue); background: var(--rd-blue);
font-family: "Upheaval TT", monospace; font-family: var(--pixel-font);
} }
nav { nav {
@ -64,13 +68,13 @@ a.dropdown-item:hover {
} }
.jumbotron h1,h2 { .jumbotron h1,h2 {
font-family: "Upheaval TT", monospace; font-family: var(--pixel-font);
text-shadow: 2px 2px var(--rd-purple); text-shadow: 2px 2px var(--rd-purple);
color: white; color: white;
} }
.jumbotron p { .jumbotron p {
font-family: "Exo", serif; font-family: var(--body-font);
font-size: larger; font-size: larger;
} }
@ -82,7 +86,7 @@ a.dropdown-item:hover {
padding: 5px; padding: 5px;
border: white 1px solid; border: white 1px solid;
border-radius: 5px; border-radius: 5px;
font-family: "Upheaval TT", monospace; font-family: var(--pixel-font);
} }
.jumbotron p a:hover, footer a:hover, a.btn:hover { .jumbotron p a:hover, footer a:hover, a.btn:hover {