pim/sabbatical.ipng.nl
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add consistent color naming
All checks were successful
continuous-integration/drone/push Build is passing
Details

Browse Source
This commit is contained in:
Pim van Pelt
2024-07-28 12:38:18 +02:00
parent fc3e6e7d22
commit 42f5f231f1
1 changed files with 26 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

51
assets/styles.scss
View File

@ -1,7 +1,6 @@
// Colors // Colors
$midnight-blue: #07608f; $midnight-blue: #07608f;
$midnight-matte: #4c7e99; $midnight-matte: #4c7e99;
$text-color: #444;
$tab-border-color: #ddd; $tab-border-color: #ddd;
$tab-active-color: #474a4f; $tab-active-color: #474a4f;
$heading-gray: #333; $heading-gray: #333;
@ -11,8 +10,10 @@ $close-hover-gray: #bbb;
$contactlinks-color: #eee; $contactlinks-color: #eee;
$contactlinks-text-color: #524e59; $contactlinks-text-color: #524e59;
$cv-red: #b25347; $cv-red: #b25347;
$light-text: #5f5a6f; $text-dark: #444;
$very-light-text: #767676; $text-normal: #777;
$text-light: #5f5a6f;
$text-very-light: #767676;
$medium-light-text: #4f4a5f; $medium-light-text: #4f4a5f;
$code-background: #f3f3f3; $code-background: #f3f3f3;
$codeblock-background: #f6f8fa; $codeblock-background: #f6f8fa;
@ -117,7 +118,7 @@ h1, h2, h3, h4, h5, h6 {
} }
p, li { p, li {
color: $text-color; color: $text-normal;
font-family: FreeSerif, serif; font-family: FreeSerif, serif;
text-align: justify; text-align: justify;
} }
@ -136,7 +137,7 @@ em {
kbd, code { kbd, code {
font-family: Mononoki, monospace; font-family: Mononoki, monospace;
color: $text-color; color: $text-normal;
background-color: $code-background; background-color: $code-background;
font-size: 0.9em; font-size: 0.9em;
} }
@ -152,12 +153,12 @@ pre {
th { th {
font-family: FreeSerif, serif; font-family: FreeSerif, serif;
font-weight: bold; font-weight: bold;
color: $text-color; color: $text-normal;
} }
td { td {
font-family: FreeSerif, serif; font-family: FreeSerif, serif;
color: $text-color; color: $text-normal;
} }
.footnotes ol li { .footnotes ol li {
@ -239,7 +240,7 @@ figcaption {
} }
h4 { h4 {
margin: 0.3em 0; margin: 0.3em 0;
color: $text-color; color: $text-normal;
text-align: left; text-align: left;
} }
} }
@ -283,7 +284,7 @@ nav li {
} }
nav a { nav a {
color: $text-color; color: $text-normal;
padding: .25em .63em; padding: .25em .63em;
font-family: FreeSans, sans-serif; font-family: FreeSans, sans-serif;
font-size: 1.1em; font-size: 1.1em;
@ -298,7 +299,7 @@ nav li:hover {
display: none; display: none;
position: absolute; position: absolute;
background-color: #f9f9f9; background-color: #f9f9f9;
color: $text-color; color: $text-normal;
cursor: pointer; cursor: pointer;
border-width: 0 0 .3em 0; border-width: 0 0 .3em 0;
min-width: 6em; min-width: 6em;
@ -320,7 +321,7 @@ nav li:hover {
display: block; display: block;
text-align: left; text-align: left;
padding: .2em .63em; padding: .2em .63em;
color: $text-color; color: $text-normal;
} }
.dropdown.activetab, .activetab, li.activetab { .dropdown.activetab, .activetab, li.activetab {
@ -333,7 +334,7 @@ nav li:hover {
} }
.page-header { .page-header {
border-bottom: 2px solid black; border-bottom: 2px solid $text-dark;
background-color: #f7f7f7; background-color: #f7f7f7;
text-align: center; text-align: center;
display: flex; display: flex;
@ -367,7 +368,7 @@ nav li:hover {
} }
.myname a { .myname a {
color: black; color: $text-dark;
text-decoration: none; text-decoration: none;
font-family: FreeSerif, serif; font-family: FreeSerif, serif;
font-style: normal; font-style: normal;
@ -413,7 +414,7 @@ nav li:hover {
.blog-post-info { .blog-post-info {
margin: 0.2em 0; margin: 0.2em 0;
font-size: 0.8em; font-size: 0.8em;
color: $light-text; color: $text-light;
margin-left: 1em; margin-left: 1em;
text-align: left; text-align: left;
@ -438,7 +439,7 @@ em.taxonomy-emph {
justify-content: center; justify-content: center;
margin: 0; margin: 0;
padding: 0; padding: 0;
border-bottom: 2px solid $text-color; border-bottom: 2px solid $text-normal;
li { li {
flex-grow: 1; flex-grow: 1;
@ -452,7 +453,7 @@ em.taxonomy-emph {
background-color: $tab-border-color; background-color: $tab-border-color;
font-size: 1.5em; font-size: 1.5em;
text-align: center; text-align: center;
color: $text-color; color: $text-normal;
padding: .5em; padding: .5em;
flex-grow: 1; flex-grow: 1;
text-transform: capitalize; text-transform: capitalize;
@ -469,12 +470,12 @@ em.taxonomy-emph {
} }
.page-item { .page-item {
color: $text-color; color: $text-normal;
display: inline-block; display: inline-block;
padding: .2em .6em; padding: .2em .6em;
a { a {
color: $text-color; color: $text-normal;
} }
} }
@ -517,7 +518,7 @@ em.taxonomy-emph {
p { p {
margin: 0; margin: 0;
font-size: 0.9em; font-size: 0.9em;
color: $light-text; color: $text-light;
} }
ul { ul {
@ -530,7 +531,7 @@ em.taxonomy-emph {
} }
li { li {
font-size: 0.9em; font-size: 0.9em;
color: $light-text; color: $text-light;
} }
} }
@ -541,14 +542,14 @@ em.taxonomy-emph {
font-family: FreeSans, serif; font-family: FreeSans, serif;
text-align: left; text-align: left;
font-size: 1.0em; font-size: 1.0em;
color: $text-color; color: $text-normal;
} }
.resume-entry-data { .resume-entry-data {
font-family: FreeSans, serif; font-family: FreeSans, serif;
text-align: left; text-align: left;
font-size: 0.8em; font-size: 0.8em;
color: $very-light-text; color: $text-very-light;
margin-left: 0.9rem; margin-left: 0.9rem;
} }
@ -560,7 +561,7 @@ em.taxonomy-emph {
p, ul, ol, li { p, ul, ol, li {
font-family: FreeSerif, serif; font-family: FreeSerif, serif;
color: $light-text; color: $text-light;
text-align: left; text-align: left;
font-size: 0.9em; font-size: 0.9em;
} }
@ -678,7 +679,7 @@ p.resume-subcategory {
blockquote { blockquote {
font-family: FreeSerif, serif; font-family: FreeSerif, serif;
font-size: .9em; font-size: .9em;
color: $text-color; color: $text-normal;
} }
cite { cite {
@ -831,7 +832,7 @@ cite {
footer { footer {
position: fixed; position: fixed;
width: 100vw; width: 100vw;
color: $light-text; color: $text-light;
font-size: .8em; font-size: .8em;
padding: 0.2em 1em; padding: 0.2em 1em;
text-align: center; text-align: center;