28 lines
580 B
CSS
28 lines
580 B
CSS
.navLinkBox {
|
|
text-decoration: none;
|
|
border-radius: var(--mantine-radius-md);
|
|
color: unset;
|
|
min-width: 2.75rem;
|
|
min-height: 2.75rem;
|
|
width: fit-content;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
-webkit-tap-highlight-color: transparent;
|
|
}
|
|
|
|
.navLinkBox svg,
|
|
.navLinkBox p {
|
|
transition: color 150ms ease-out;
|
|
}
|
|
|
|
@media (prefers-reduced-motion: no-preference) {
|
|
.navLinkBox {
|
|
transition: transform 150ms cubic-bezier(0.32, 0.72, 0, 1);
|
|
}
|
|
|
|
.navLinkBox:active {
|
|
transform: scale(0.92);
|
|
}
|
|
}
|