57 lines
1.2 KiB
CSS
57 lines
1.2 KiB
CSS
@keyframes suisei-pulse {
|
|
0% {
|
|
transform: scale(1);
|
|
}
|
|
50% {
|
|
transform: scale(1.1);
|
|
}
|
|
100% {
|
|
transform: scale(1);
|
|
}
|
|
}
|
|
|
|
[data-ui-element="logoText"] {
|
|
background: linear-gradient(120deg, var(--main-color), var(--sub-color));
|
|
background-clip: text;
|
|
color: transparent;
|
|
padding-bottom: 0.1em;
|
|
line-height: 1;
|
|
}
|
|
|
|
[data-ui-element="logoSubtext"] {
|
|
margin-top: 0em;
|
|
color: var(--main-color);
|
|
}
|
|
|
|
header[data-focused] [data-ui-element="logoText"] {
|
|
background: linear-gradient(-120deg, var(--main-color), var(--sub-color));
|
|
background-clip: text;
|
|
-webkit-text-fill-color: transparent;
|
|
color: transparent;
|
|
padding-bottom: 0.1em;
|
|
}
|
|
header[data-focused] [data-nav-item] {
|
|
background: none;
|
|
}
|
|
[data-nav-item] {
|
|
border-radius: 150px 150px 32px 32px;
|
|
background-color: var(--sub-alt-color);
|
|
color: var(--main-color);
|
|
}
|
|
[data-nav-item]:hover {
|
|
animation: suisei-pulse 800ms ease-out infinite;
|
|
color: var(--main-color);
|
|
background-color: var(--sub-alt-color);
|
|
}
|
|
|
|
[data-nav-item="leaderboards"],
|
|
[data-nav-item="leaderboards"]:hover {
|
|
color: var(--sub-color);
|
|
}
|
|
|
|
[data-nav-item="account"],
|
|
[data-nav-item="account"]:hover {
|
|
background: none;
|
|
color: var(--sub-color);
|
|
}
|