STYLE Handling secondary logo behaviour
All checks were successful
continuous-integration/drone/push Build is passing
All checks were successful
continuous-integration/drone/push Build is passing
This commit is contained in:
parent
a414f768b4
commit
cb631571e9
|
|
@ -3,7 +3,32 @@ header {
|
||||||
}
|
}
|
||||||
|
|
||||||
.website_logo {
|
.website_logo {
|
||||||
@apply w-72 h-auto;
|
@apply w-72 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;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&.has-secondary-logo:hover {
|
||||||
|
.custom-logo-link {
|
||||||
|
@apply opacity-0;
|
||||||
|
}
|
||||||
|
#secondary-logo {
|
||||||
|
@apply opacity-100;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.tools-container {
|
.tools-container {
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue
Block a user