diff options
Diffstat (limited to 'sass/style.scss')
| -rw-r--r-- | sass/style.scss | 56 |
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; } |
