diff options
Diffstat (limited to 'src/components/Header.astro')
| -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> |