diff options
| author | Valentin Popov <valentin@popov.link> | 2024-09-12 19:39:06 +0300 |
|---|---|---|
| committer | Valentin Popov <valentin@popov.link> | 2024-09-12 19:39:06 +0300 |
| commit | a93400f0902027c094bbd76fd50ea6f31e489d12 (patch) | |
| tree | f611de8f5ab97b083b7122cc383296b974d3acdc /src/components | |
| parent | 3376c53b2ee91041d5eaa0f9274da0affd7d4a9d (diff) | |
| download | popov.link-a93400f0902027c094bbd76fd50ea6f31e489d12.tar.xz popov.link-a93400f0902027c094bbd76fd50ea6f31e489d12.zip | |
Refactor Astro components and layouts
Diffstat (limited to 'src/components')
| -rw-r--r-- | src/components/Header.astro | 46 |
1 files changed, 46 insertions, 0 deletions
diff --git a/src/components/Header.astro b/src/components/Header.astro index 0fd9269..5b163c8 100644 --- a/src/components/Header.astro +++ b/src/components/Header.astro @@ -2,6 +2,52 @@ --- +<style lang="scss"> + @import "../scss/_variables.scss"; + + header { + background-color: $colorBg; + border-bottom: 1px solid $colorHeader; + box-shadow: 0 5px 5px $colorBg; + left: 0; + line-height: 3.5em; + opacity: 0.975; + position: fixed; + right: 0; + top: 0; + } + + nav { + margin: auto; + max-width: 60em; + padding: 0 4em; + text-align: right; + + a { + color: $colorText; + padding: 0 1em; + + &:visited { + color: $colorText; + } + } + } + + @media (width <=684px) { + header { + box-shadow: none; + } + + nav { + padding: 0 2em; + + span { + display: none; + } + } + } +</style> + <header> <nav> <a href="/feed.xml">RSS</a> |