Xargon/RetroDECK-Website
1
0
Fork 0
mirror of https://github.com/RetroDECK/RetroDECK-Website.git synced 2024-11-21 22:45:39 +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");
}
/* CSS Variables */
:root {
--rd-purple: #946beb;
--rd-blue: #1a9fff;
--rd-black: #222;
--pixel-font: "Upheaval TT", monospace;
--body-font: "Exo", serif;
}
@ -23,7 +27,7 @@ body {
nav, footer {
background: var(--rd-blue);
font-family: "Upheaval TT", monospace;
font-family: var(--pixel-font);
}
nav {
@ -64,13 +68,13 @@ a.dropdown-item:hover {
}
.jumbotron h1,h2 {
font-family: "Upheaval TT", monospace;
font-family: var(--pixel-font);
text-shadow: 2px 2px var(--rd-purple);
color: white;
}
.jumbotron p {
font-family: "Exo", serif;
font-family: var(--body-font);
font-size: larger;
}
@ -82,7 +86,7 @@ a.dropdown-item:hover {
padding: 5px;
border: white 1px solid;
border-radius: 5px;
font-family: "Upheaval TT", monospace;
font-family: var(--pixel-font);
}
.jumbotron p a:hover, footer a:hover, a.btn:hover {