diff options
author | Valentin Popov <valentin@popov.link> | 2022-11-05 21:46:42 +0300 |
---|---|---|
committer | Valentin Popov <valentin@popov.link> | 2022-11-05 21:46:42 +0300 |
commit | 8a723fd8179366a266e238810f575e497d2fe2be (patch) | |
tree | b3adde296922ea70244ebad5ca51db1d42d3cfd2 /sass | |
parent | a33107f4df3fb876530e426941e7c1defd1ad328 (diff) | |
download | popov.link-8a723fd8179366a266e238810f575e497d2fe2be.tar.xz popov.link-8a723fd8179366a266e238810f575e497d2fe2be.zip |
Updated the color scheme
Signed-off-by: Valentin Popov <valentin@popov.link>
Diffstat (limited to 'sass')
-rw-r--r-- | sass/_framework.scss | 12 | ||||
-rw-r--r-- | sass/_mixins.scss | 2 | ||||
-rw-r--r-- | sass/_navbar.scss | 20 | ||||
-rw-r--r-- | sass/_reset.scss | 2 | ||||
-rw-r--r-- | sass/styles.scss | 14 |
5 files changed, 26 insertions, 24 deletions
diff --git a/sass/_framework.scss b/sass/_framework.scss index ef5d832..d4c5c98 100644 --- a/sass/_framework.scss +++ b/sass/_framework.scss @@ -14,20 +14,20 @@ html { body { background-color: $color-bg; color: $color-text; - direction: ltr; + font-feature-settings: $font-feature; font-size: $font-size-base; font-synthesis: none; - line-height: 1.4em; + line-height: 1.54; margin: auto; max-width: 60em; - padding: 4em; + padding: 6em 4em 4em 4em; text-rendering: "optimizeLegibility"; } @media (max-width: 684px) { body { font-size: $font-size-base * 0.85; - padding: 2em; + padding: 4em 2em 2em 2em; } } @@ -96,7 +96,7 @@ a { &:active, &:focus, &:hover { - color: $color-fade; + opacity: .5; } } @@ -244,4 +244,4 @@ fieldset { display: block; font-weight: 600; margin-bottom: 0.5rem; -} +}
\ No newline at end of file diff --git a/sass/_mixins.scss b/sass/_mixins.scss index 076cfc4..b639df3 100644 --- a/sass/_mixins.scss +++ b/sass/_mixins.scss @@ -3,4 +3,4 @@ overflow-wrap: break-word; word-break: break-word; word-wrap: break-word; -} +}
\ No newline at end of file diff --git a/sass/_navbar.scss b/sass/_navbar.scss index d739a03..b0ae23d 100644 --- a/sass/_navbar.scss +++ b/sass/_navbar.scss @@ -1,20 +1,21 @@ -nav { - backdrop-filter: saturate(50%) blur(8px); - background: #242424b3; +header { + background-color: $color-header; left: 0; line-height: 4em; + position: absolute; + right: 0; + top: 0; +} + +nav { margin: auto; max-width: 60em; padding: 0 4em; - position: fixed; - right: 0; text-align: right; - top: 0; - width: 100%; a { color: $color-text; - padding: 0 1rem; + padding: 0 1em; &:visited { color: $color-text; @@ -24,7 +25,6 @@ nav { @media (max-width: 684px) { nav { - line-height: 2em; padding: 0 2em; } -} +}
\ No newline at end of file diff --git a/sass/_reset.scss b/sass/_reset.scss index 5fa39f8..2bb25ec 100644 --- a/sass/_reset.scss +++ b/sass/_reset.scss @@ -176,4 +176,4 @@ template { [hidden] { display: none; -} +}
\ No newline at end of file diff --git a/sass/styles.scss b/sass/styles.scss index 96e2945..f4e5b79 100644 --- a/sass/styles.scss +++ b/sass/styles.scss @@ -1,15 +1,17 @@ @charset "utf-8"; @import "reset"; -$color-bg: #242424; +$color-bg: #292a2d; $color-bg-alt: hwb(0deg 0% 100% / 20%); -$color-bg-code: #3a3a3a; +$color-bg-code: #3b3d42; $color-blossom: #6da13f; -$color-fade: #668d11; -$color-text: hwb(0deg 100% 0% / 87%); -$font-family-base: "Inter var experimental", "Inter var", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; +$color-fade: #608b4e; +$color-header: #252627; +$color-text: #a9a9b3; +$font-family-base: "Inter var experimental", "Inter var",-apple-system,"BlinkMacSystemFont", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",sans-serif; +$font-feature: "calt", "case", "liga", "locl", "ss01", "tnum", "zero"; $font-size-base: 1.8rem; @import "mixins"; @import "framework"; -@import "navbar"; +@import "navbar";
\ No newline at end of file |