diff options
author | Valentin Popov <valentin@popov.link> | 2022-08-02 17:49:58 +0300 |
---|---|---|
committer | Valentin Popov <valentin@popov.link> | 2022-08-02 17:49:58 +0300 |
commit | ac029f2d396f486f4644c63744db41878f67d16e (patch) | |
tree | 5e46e9ef2f9ce0ad5c1cb63d6769dcb9f1eb8b0c /sass | |
parent | cb1619f1155a5745d0330a34186e4e9b4eec60a3 (diff) | |
download | popov.link-ac029f2d396f486f4644c63744db41878f67d16e.tar.xz popov.link-ac029f2d396f486f4644c63744db41878f67d16e.zip |
Added navbar
Signed-off-by: Valentin Popov <valentin@popov.link>
Diffstat (limited to 'sass')
-rw-r--r-- | sass/_navbar.scss | 25 | ||||
-rw-r--r-- | sass/styles.scss | 1 |
2 files changed, 26 insertions, 0 deletions
diff --git a/sass/_navbar.scss b/sass/_navbar.scss new file mode 100644 index 0000000..bc9e388 --- /dev/null +++ b/sass/_navbar.scss @@ -0,0 +1,25 @@ +nav { + backdrop-filter: saturate(50%) blur(8px); + background: #242424b3; + left: 0; + line-height: 4em; + 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; + } +} + +@media (max-width: 684px) { + nav { + padding: 2em; + } +} diff --git a/sass/styles.scss b/sass/styles.scss index 4af19b1..96e2945 100644 --- a/sass/styles.scss +++ b/sass/styles.scss @@ -12,3 +12,4 @@ $font-size-base: 1.8rem; @import "mixins"; @import "framework"; +@import "navbar"; |