File size: 585 Bytes
6a7089a | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 | /* NavBar: spin animation + active tab underline */
@keyframes navbar-spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
.navbar-icon-btn.spinning {
animation: navbar-spin 0.6s ease-in-out;
}
.navbar-tab.active::after {
content: "";
position: absolute;
bottom: 6px;
left: 12px;
right: 12px;
height: 2px;
background: var(--color-primary);
border-radius: 9999px;
box-shadow:
0 0 0 1px color-mix(in srgb, var(--color-primary) 28%, transparent),
0 0 18px color-mix(in srgb, var(--color-primary) 24%, transparent);
}
|