Bump Harbor client versions and refine brand mode transition
This commit is contained in:
@@ -430,28 +430,31 @@ p {
|
||||
.harbor-mode-stack em {
|
||||
position: absolute;
|
||||
inset: 0 auto auto 0;
|
||||
transition: color 420ms ease, opacity 420ms ease, filter 420ms ease, transform 560ms cubic-bezier(0.16, 1, 0.3, 1);
|
||||
transition: color 420ms ease, opacity 420ms ease, filter 620ms cubic-bezier(0.16, 1, 0.3, 1), clip-path 720ms cubic-bezier(0.16, 1, 0.3, 1), transform 560ms cubic-bezier(0.16, 1, 0.3, 1);
|
||||
}
|
||||
|
||||
.harbor-brand .harbor-mode-connect {
|
||||
z-index: 2;
|
||||
color: var(--harbor-connect);
|
||||
clip-path: inset(-0.2em -0.3em);
|
||||
animation: harbor-mode-ambient-front 10s ease-in-out infinite;
|
||||
}
|
||||
|
||||
.harbor-brand .harbor-mode-gateway {
|
||||
z-index: 1;
|
||||
color: var(--harbor-gateway);
|
||||
opacity: 0.2;
|
||||
filter: blur(0.4px);
|
||||
opacity: 0;
|
||||
filter: blur(5px);
|
||||
clip-path: inset(-0.2em 100% -0.2em 0);
|
||||
transform: translate(0.42em, 0.34em) scale(0.96);
|
||||
animation: harbor-mode-ambient-back 10s ease-in-out infinite;
|
||||
}
|
||||
|
||||
.harbor-brand.is-gateway-active .harbor-mode-connect {
|
||||
z-index: 1;
|
||||
opacity: 0.18;
|
||||
filter: blur(0.4px);
|
||||
opacity: 0;
|
||||
filter: blur(5px);
|
||||
clip-path: inset(-0.2em 0 -0.2em 100%);
|
||||
transform: translate(0.42em, 0.34em) scale(0.96);
|
||||
}
|
||||
|
||||
@@ -459,6 +462,7 @@ p {
|
||||
z-index: 2;
|
||||
opacity: 1;
|
||||
filter: none;
|
||||
clip-path: inset(-0.2em -0.3em);
|
||||
transform: none;
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user