diff options
| author | Henry Jameson <me@hjkos.com> | 2018-12-03 07:49:14 +0300 |
|---|---|---|
| committer | Henry Jameson <me@hjkos.com> | 2018-12-03 07:49:14 +0300 |
| commit | ea805bbbe6c8920e16da31b2776385021fc13ad5 (patch) | |
| tree | c23896dc60e631f0c0fb5b600551f9faeb6b7fbc /src/App.scss | |
| parent | e15b9bddbb23e36632982296a7c9ec01fd2bb7c7 (diff) | |
hide logo when opening search bar on small screens
Diffstat (limited to 'src/App.scss')
| -rw-r--r-- | src/App.scss | 8 |
1 files changed, 8 insertions, 0 deletions
diff --git a/src/App.scss b/src/App.scss index 056a235e..6f0ee003 100644 --- a/src/App.scss +++ b/src/App.scss @@ -248,6 +248,9 @@ nav { justify-content: center; flex: 0 0 auto; z-index: -1; + transition: opacity; + transition-timing-function: ease-out; + transition-duration: 100ms; .mask { mask-repeat: no-repeat; @@ -486,6 +489,11 @@ nav { color: $fallback--faint; color: var(--faint, $fallback--faint); } +@media all and (min-width: 959px) { + .logo { + opacity: 1 !important; + } +} @media all and (max-width: 959px) { .mobile-hidden { |