|
|
|
@ -1,19 +1,14 @@
|
|
|
|
|
.anchor {
|
|
|
|
|
border-color: var(--mantine-color-gray-5);
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
|
|
|
|
|
@include light {
|
|
|
|
|
border-color: var(--mantine-color-gray-5);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@include dark {
|
|
|
|
|
border-color: var(--mantine-color-dark-5);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
&.active {
|
|
|
|
|
@include light {
|
|
|
|
|
border-left: 2px solid $color-brand-4;
|
|
|
|
|
background-color: var(--mantine-color-gray-1);
|
|
|
|
|
}
|
|
|
|
|
border-left: 2px solid $color-brand-4;
|
|
|
|
|
background-color: var(--mantine-color-gray-1);
|
|
|
|
|
|
|
|
|
|
@include dark {
|
|
|
|
|
border-left: 2px solid $color-brand-8;
|
|
|
|
@ -22,9 +17,7 @@
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
&.hover {
|
|
|
|
|
@include light {
|
|
|
|
|
background-color: var(--mantine-color-gray-0);
|
|
|
|
|
}
|
|
|
|
|
background-color: var(--mantine-color-gray-0);
|
|
|
|
|
|
|
|
|
|
@include dark {
|
|
|
|
|
background-color: var(--mantine-color-dark-7);
|
|
|
|
@ -44,9 +37,7 @@
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.nav {
|
|
|
|
|
@include light {
|
|
|
|
|
background-color: var(--mantine-color-gray-2);
|
|
|
|
|
}
|
|
|
|
|
background-color: var(--mantine-color-gray-2);
|
|
|
|
|
|
|
|
|
|
@include dark {
|
|
|
|
|
background-color: var(--mantine-color-dark-8);
|
|
|
|
@ -57,10 +48,7 @@
|
|
|
|
|
display: inline-flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
|
|
|
|
@include light {
|
|
|
|
|
color: var(--mantine-color-gray-8);
|
|
|
|
|
}
|
|
|
|
|
color: var(--mantine-color-gray-8);
|
|
|
|
|
|
|
|
|
|
@include dark {
|
|
|
|
|
color: var(--mantine-color-gray-5);
|
|
|
|
|