diff --git a/resources/css/layout/nav.css b/resources/css/layout/nav.css index cc2bedf..ea90088 100644 --- a/resources/css/layout/nav.css +++ b/resources/css/layout/nav.css @@ -5,28 +5,27 @@ header { .website_logo { @apply w-60 h-auto relative; - #secondary-logo { - @apply absolute top-0 left-0 w-full h-auto opacity-0 transition-opacity duration-300 ease-in-out; - } - &.has-secondary-logo { - .custom-logo-link, - #secondary-logo { - @apply transition-opacity duration-300 ease-out; - } - .custom-logo-link { - @apply opacity-100; - } - #secondary-logo { - @apply opacity-0 pointer-events-none; - } + .custom-logo { + @apply opacity-100; + transition: transform 0.3s ease-in-out; } - &.has-secondary-logo:hover { - .custom-logo-link { + #secondary-logo { + @apply absolute top-0 left-0 w-full h-auto; + @apply opacity-0; + transition: all 0.3s ease-in-out; + } + + &:hover { + .custom-logo { @apply opacity-0; + transition: all 0.3s ease-in-out; + transform: scale(1.03); } #secondary-logo { - @apply opacity-100; + @apply opacity-100 pointer-events-none; + transition: all 0.3s ease-in-out; + transform: scale(1.03); } } }