asif/fun-errorpages
1
0
Fork 0
Code Issues Pull Requests Releases 1 Activity

switch to vars for colours and fonts

Browse Source
This commit is contained in:
Asif Bacchus 2020-02-22 14:59:29 -07:00
parent 2228163edd
commit a26994f040
1 changed files with 24 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
errorpages/styles.css
View File

@ -98,19 +98,38 @@ styles for this page
src: url(/errorpages/fonts/opensans-regular.ttf) format("truetype"); src: url(/errorpages/fonts/opensans-regular.ttf) format("truetype");
} }
/* define variables */
:root {
--color-bg: #323232;
--color-text: #9D9B9B;
--color-instructions: yellow;
--font-header: 'Open Sans Condensed';
--font-base: 'Open Sans';
}
body { body {
flex-direction: column; flex-direction: column;
font-family: 'Open Sans', sans-serif; font-family: var(--font-base), sans-serif;
align-items: center; align-items: center;
background-color: #323232; background-color: var(--color-bg);
color: #9D9B9B; color: var(--color-text);
display: flex; display: flex;
padding: 2rem; padding: 2rem;
} }
a {
color: var(--color-text);
font-family: inherit;
font-size: inherit;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
h1 { h1 {
font-family: 'Open Sans Condensed'; font-family: var(--font-header);
font-size: 7rem; font-size: 7rem;
} }
@ -133,7 +152,7 @@ footer {
.instructions { .instructions {
color: yellow; color: var(--color-instructions);
font-weight: bold; font-weight: bold;
text-shadow: 2px 2px 5px #000000; text-shadow: 2px 2px 5px #000000;
} }