diff options
| author | Ariel Costas <94913521+arielcostas@users.noreply.github.com> | 2024-02-03 00:56:09 +0100 |
|---|---|---|
| committer | Ariel Costas <94913521+arielcostas@users.noreply.github.com> | 2024-02-03 00:56:09 +0100 |
| commit | 93238b11930e25ae835f56e6dfad84bae2f97a6b (patch) | |
| tree | 7c07492533c8de6b0a73bb1e0d13efde0b4e44b2 /assets/css/partials/header.scss | |
| parent | 2763ae085bc157712571b42ff0d77481a31160bc (diff) | |
Add transition and max-height to header and nav-socials
Diffstat (limited to 'assets/css/partials/header.scss')
| -rw-r--r-- | assets/css/partials/header.scss | 9 |
1 files changed, 8 insertions, 1 deletions
diff --git a/assets/css/partials/header.scss b/assets/css/partials/header.scss index e35d9ec..656a912 100644 --- a/assets/css/partials/header.scss +++ b/assets/css/partials/header.scss @@ -40,6 +40,9 @@ header { align-items: flex-start; padding-inline-start: 2.5rem; + + transition: max-height 0.2s linear; + max-height: 100vh; } #nav-socials { @@ -48,6 +51,9 @@ header { display: flex; gap: 1.5rem; + transition: max-height 0.2s linear; + max-height: 100vh; + a { font-size: 1.5rem; transition: color 0.2s ease-in-out; @@ -84,7 +90,8 @@ header { #nav-pages, #nav-socials { - display: none; + max-height: 0; + overflow: hidden; } } } |