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