summaryrefslogtreecommitdiff
path: root/sass
diff options
context:
space:
mode:
Diffstat (limited to 'sass')
-rw-r--r--sass/style.scss56
1 files changed, 15 insertions, 41 deletions
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;
}