summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
Diffstat
-rw-r--r--docs/style.css82
-rw-r--r--docs/style.css.map2
-rw-r--r--sass/style.scss56
3 files changed, 31 insertions, 109 deletions
diff --git a/docs/style.css b/docs/style.css
index 32bbce4..52b8792 100644
--- a/docs/style.css
+++ b/docs/style.css
@@ -7,11 +7,7 @@
*:focus, *::selection {
background-color: inherit;
outline: none !important;
-}
-@media (prefers-color-scheme: dark) {
- *:focus, *::selection {
- color: #ededed;
- }
+ color: #ededed;
}
@media (prefers-color-scheme: light) {
*:focus, *::selection {
@@ -20,15 +16,11 @@
}
body {
+ background-color: #131313;
+ color: lightgray;
font-family: Arial, Helvetica, sans-serif;
line-height: 1.6;
}
-@media (prefers-color-scheme: dark) {
- body {
- background-color: #131313;
- color: lightgray;
- }
-}
@media (prefers-color-scheme: light) {
body {
background-color: lightgray;
@@ -57,11 +49,7 @@ nav {
justify-content: space-evenly;
align-items: center;
padding: 0em 2em;
-}
-@media (prefers-color-scheme: dark) {
- nav {
- background-color: #131313;
- }
+ background-color: #131313;
}
@media (prefers-color-scheme: light) {
nav {
@@ -102,11 +90,7 @@ main .about-me {
footer {
text-align: center;
font-size: 0.8em;
-}
-@media (prefers-color-scheme: dark) {
- footer {
- background-color: #333;
- }
+ background-color: #333;
}
@media (prefers-color-scheme: light) {
footer {
@@ -120,11 +104,7 @@ a {
}
a:hover {
border-color: #a29d7f;
-}
-@media (prefers-color-scheme: dark) {
- a:hover {
- color: #ededed;
- }
+ color: #ededed;
}
@media (prefers-color-scheme: light) {
a:hover {
@@ -140,12 +120,8 @@ h3 {
.card {
padding: 2em;
border-radius: 0.3em;
-}
-@media (prefers-color-scheme: dark) {
- .card {
- background-color: #333;
- border: 1px solid #131313;
- }
+ background-color: #333;
+ border: 1px solid #131313;
}
@media (prefers-color-scheme: light) {
.card {
@@ -160,13 +136,9 @@ h3 {
padding: 0.5em;
}
.card ul li span {
+ background-color: #131313;
padding: 0.2em;
}
-@media (prefers-color-scheme: dark) {
- .card ul li span {
- background-color: #131313;
- }
-}
@media (prefers-color-scheme: light) {
.card ul li span {
background-color: lightgray;
@@ -183,15 +155,11 @@ h3 {
flex-flow: row wrap;
}
.card.work-card .info span {
+ background-color: #131313;
padding: 0.5em;
margin: 0 0.5em 0.5em;
font-size: 0.8em;
}
-@media (prefers-color-scheme: dark) {
- .card.work-card .info span {
- background-color: #131313;
- }
-}
@media (prefers-color-scheme: light) {
.card.work-card .info span {
background-color: lightgray;
@@ -227,11 +195,7 @@ h3 {
}
.works-filter label {
margin-left: 2em;
-}
-@media (prefers-color-scheme: dark) {
- .works-filter label {
- color: lightgray;
- }
+ color: lightgray;
}
@media (prefers-color-scheme: light) {
.works-filter label {
@@ -239,16 +203,12 @@ h3 {
}
}
.works-filter select {
+ background-color: #333;
color: #a29d7f;
border: none;
text-align: center;
padding: 0.2em;
}
-@media (prefers-color-scheme: dark) {
- .works-filter select {
- background-color: #333;
- }
-}
@media (prefers-color-scheme: light) {
.works-filter select {
background-color: #f0f0f0;
@@ -259,11 +219,7 @@ h3 {
margin: 2em 1em;
padding: 1em;
font-size: 0.9em;
-}
-@media (prefers-color-scheme: dark) {
- .works-description {
- border: 1px solid #333;
- }
+ border: 1px solid #333;
}
@media (prefers-color-scheme: light) {
.works-description {
@@ -276,11 +232,7 @@ h3 {
margin: 0.5em 3em;
font-size: 0.8em;
color: #a29d7f;
-}
-@media (prefers-color-scheme: dark) {
- .download-button {
- border: 1px solid #333;
- }
+ border: 1px solid #333;
}
@media (prefers-color-scheme: light) {
.download-button {
@@ -293,11 +245,7 @@ h3 {
margin: 2em 1em;
line-height: 1.8rem;
font-size: 0.9em;
-}
-@media (prefers-color-scheme: dark) {
- .story-text p {
- background-color: #333;
- }
+ background-color: #333;
}
@media (prefers-color-scheme: light) {
.story-text p {
diff --git a/docs/style.css.map b/docs/style.css.map
index b348fc5..72b6ac4 100644
--- a/docs/style.css.map
+++ b/docs/style.css.map
@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../sass/style.scss"],"names":[],"mappings":"AAMA;EACI;EACA;EACA;EAYA;;AAXA;EACI;EACA;;AACA;EAHJ;IAIQ;;;AAEJ;EANJ;IAOQ;;;;AAOZ;EAUI;EACA;;AAVA;EADJ;IAEQ,kBA1BK;IA2BL,OAxBM;;;AA0BV;EALJ;IAMQ,kBA3BM;IA4BN,OA/BK;;;;AAsCb;EACI;EACA;;AACA;EACI;EACA;;;AAIR;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;AACA;EALJ;IAMQ,kBA5DK;;;AA8DT;EARJ;IASQ,kBA5DM;;;;AAiEd;EACI;EACA;;AACA;EACI;EACA;EACA;;AACA;EAJJ;IAKQ;;;AAEJ;EAPJ;IAQQ;;;AAGR;EACI;EACA;EACA;;AACA;EAJJ;IAKQ;;;;AAKZ;EACI;EACA;;AACA;EAHJ;IAIQ,kBA/FU;;;AAiGd;EANJ;IAOQ,kBAjGgB;;;;AAsGxB;EACI;EACA;;AACA;EACI,cAxGO;;AAyGP;EAFJ;IAGQ;;;AAEJ;EALJ;IAMQ;;;;AAMZ;EACI;EACA,OArHW;;;AAwHf;EACI;EACA;;AACA;EAHJ;IAIQ,kBA/HU;IAgIV;;;AAEJ;EAPJ;IAQQ,kBAlIgB;IAmIhB;;;AAIJ;EACI;;AACA;EACI;;AACA;EAQI;;AAPA;EADJ;IAEQ,kBA/IP;;;AAiJG;EAJJ;IAKQ,kBA/IN;;;AAuJV;EACI;EACA;EACA;EAmBA;;AAlBA;EACI;EACA;;AACA;EAOI;EACA;EACA;;AARA;EADJ;IAEQ,kBAnKP;;;AAqKG;EAJJ;IAKQ,kBAnKN;;;AA0KN;EACI;;AAGJ;EAvBJ;IAwBQ;;;AAEJ;EA1BJ;IA2BQ;;;AAEJ;EA7BJ;IA8BQ;;;;AAKZ;EACI;EACA;;AACA;EAHJ;IAIQ;;;AAEJ;EACI;;AACA;EAFJ;IAGQ,OAnME;;;AAqMN;EALJ;IAMQ,OAzMC;;;AA4MT;EAOI,OA/MO;EAgNP;EACA;EACA;;AATA;EADJ;IAEQ,kBA7MM;;;AA+MV;EAJJ;IAKQ,kBA/MY;;;;AAwNxB;EACI;EACA;EACA;;AACA;EAJJ;IAKQ;;;AAEJ;EAPJ;IAQQ;;;;AAKR;EACI;EACA;EACA;EACA,OAvOW;;AAwOX;EALJ;IAMQ;;;AAEJ;EARJ;IASQ;;;;AAMJ;EACI;EACA;EACA;EACA;;AACA;EALJ;IAMQ,kBA3PM;;;AA6PV;EARJ;IASQ,kBA7PY;;;AAgQhB;EAZJ;IAaQ;IACA;;;AAEJ;EAhBJ;IAiBQ;IACA","file":"style.css"} \ No newline at end of file
+{"version":3,"sourceRoot":"","sources":["../sass/style.scss"],"names":[],"mappings":"AAMA;EACI;EACA;EACA;EAUA;;AATA;EACI;EACA;EACA;;AACA;EAJJ;IAKQ;;;;AAOZ;EACI,kBAvBS;EAwBT,OArBU;EA2BV;EACA;;AANA;EAHJ;IAIQ,kBAvBM;IAwBN,OA3BK;;;;AAkCb;EACI;EACA;;AACA;EACI;EACA;;;AAIR;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA,kBAvDS;;AAwDT;EANJ;IAOQ,kBAtDM;;;;AA2Dd;EACI;EACA;;AACA;EACI;EACA;EACA;;AACA;EAJJ;IAKQ;;;AAEJ;EAPJ;IAQQ;;;AAGR;EACI;EACA;EACA;;AACA;EAJJ;IAKQ;;;;AAKZ;EACI;EACA;EACA,kBAxFc;;AAyFd;EAJJ;IAKQ,kBAzFgB;;;;AA8FxB;EACI;EACA;;AACA;EACI,cAhGO;EAiGP;;AACA;EAHJ;IAIQ;;;;AAMZ;EACI;EACA,OA3GW;;;AA8Gf;EACI;EACA;EACA,kBApHc;EAqHd;;AACA;EALJ;IAMQ,kBAtHgB;IAuHhB;;;AAIJ;EACI;;AACA;EACI;;AACA;EACI,kBAlIH;EAuIG;;AAJA;EAFJ;IAGQ,kBAjIN;;;AAyIV;EACI;EACA;EACA;EAiBA;;AAhBA;EACI;EACA;;AACA;EACI,kBApJH;EAwJG;EACA;EACA;;AALA;EAFJ;IAGQ,kBAnJN;;;AA0JN;EACI;;AAGJ;EArBJ;IAsBQ;;;AAEJ;EAxBJ;IAyBQ;;;AAEJ;EA3BJ;IA4BQ;;;;AAKZ;EACI;EACA;;AACA;EAHJ;IAIQ;;;AAEJ;EACI;EACA,OAlLM;;AAmLN;EAHJ;IAIQ,OAvLC;;;AA0LT;EACI,kBA1LU;EA8LV,OA3LO;EA4LP;EACA;EACA;;AANA;EAFJ;IAGQ,kBA3LY;;;;AAoMxB;EACI;EACA;EACA;EACA;;AACA;EALJ;IAMQ;;;;AAKR;EACI;EACA;EACA;EACA,OAjNW;EAkNX;;AACA;EANJ;IAOQ;;;;AAMJ;EACI;EACA;EACA;EACA;EACA,kBAlOU;;AAmOV;EANJ;IAOQ,kBAnOY;;;AAsOhB;EAVJ;IAWQ;IACA;;;AAEJ;EAdJ;IAeQ;IACA","file":"style.css"} \ No newline at end of file
diff --git a/sass/style.scss b/sass/style.scss
index f3c4f1c..b659d6f 100644
--- a/sass/style.scss
+++ b/sass/style.scss
@@ -11,9 +11,7 @@ $accent-color: #a29d7f;
&:focus, &::selection {
background-color: inherit;
outline: none !important;
- @media (prefers-color-scheme: dark) {
- color: lighten($color: $light-color, $amount: 10);
- }
+ color: lighten($color: $light-color, $amount: 10);
@media (prefers-color-scheme: light) {
color: darken($color: $dark-color, $amount: 10);
}
@@ -23,10 +21,8 @@ $accent-color: #a29d7f;
}
body {
- @media (prefers-color-scheme: dark) {
- background-color: $dark-color;
- color: $light-color;
- }
+ background-color: $dark-color;
+ color: $light-color;
@media (prefers-color-scheme: light) {
background-color: $light-color;
color: $dark-color;
@@ -57,9 +53,7 @@ nav {
justify-content: space-evenly;
align-items: center;
padding: 0em 2em;
- @media (prefers-color-scheme: dark) {
- background-color: $dark-color;
- }
+ background-color: $dark-color;
@media (prefers-color-scheme: light) {
background-color: $light-color;
}
@@ -93,9 +87,7 @@ main {
footer {
text-align: center;
font-size: 0.8em;
- @media (prefers-color-scheme: dark) {
- background-color: $secondary-color;
- }
+ background-color: $secondary-color;
@media (prefers-color-scheme: light) {
background-color: $light-secondary-color;
}
@@ -107,9 +99,7 @@ a {
color: inherit;
&:hover {
border-color: $accent-color;
- @media (prefers-color-scheme: dark) {
- color: lighten($color: $light-color, $amount: 10);
- }
+ color: lighten($color: $light-color, $amount: 10);
@media (prefers-color-scheme: light) {
color: darken($color: $dark-color, $amount: 10);
}
@@ -125,10 +115,8 @@ h3 {
.card {
padding: 2em;
border-radius: 0.3em;
- @media (prefers-color-scheme: dark) {
- background-color: $secondary-color;
- border: 1px solid $dark-color;
- }
+ background-color: $secondary-color;
+ border: 1px solid $dark-color;
@media (prefers-color-scheme: light) {
background-color: $light-secondary-color;
border: 1px solid $light-color;
@@ -140,9 +128,7 @@ h3 {
li {
padding: 0.5em;
span {
- @media (prefers-color-scheme: dark) {
- background-color: $dark-color;
- }
+ background-color: $dark-color;
@media (prefers-color-scheme: light) {
background-color: $light-color;
}
@@ -160,9 +146,7 @@ h3 {
display: flex;
flex-flow: row wrap;
span {
- @media (prefers-color-scheme: dark) {
- background-color: $dark-color;
- }
+ background-color: $dark-color;
@media (prefers-color-scheme: light) {
background-color: $light-color;
}
@@ -195,17 +179,13 @@ h3 {
}
label {
margin-left: 2em;
- @media (prefers-color-scheme: dark) {
- color: $light-color;
- }
+ color: $light-color;
@media (prefers-color-scheme: light) {
color: $dark-color;
}
}
select {
- @media (prefers-color-scheme: dark) {
- background-color: $secondary-color;
- }
+ background-color: $secondary-color;
@media (prefers-color-scheme: light) {
background-color: $light-secondary-color;
}
@@ -220,9 +200,7 @@ h3 {
margin: 2em 1em;
padding: 1em;
font-size: 0.9em;
- @media (prefers-color-scheme: dark) {
- border: 1px solid $secondary-color;
- }
+ border: 1px solid $secondary-color;
@media (prefers-color-scheme: light) {
border: 1px solid $light-secondary-color;
}
@@ -234,9 +212,7 @@ h3 {
margin: 0.5em 3em;
font-size: 0.8em;
color: $accent-color;
- @media (prefers-color-scheme: dark) {
- border: 1px solid $secondary-color;
- }
+ border: 1px solid $secondary-color;
@media (prefers-color-scheme: light) {
border: 1px solid $light-secondary-color;
}
@@ -249,9 +225,7 @@ h3 {
margin: 2em 1em;
line-height: 1.8rem;
font-size: 0.9em;
- @media (prefers-color-scheme: dark) {
- background-color: $secondary-color;
- }
+ background-color: $secondary-color;
@media (prefers-color-scheme: light) {
background-color: $light-secondary-color;
}