37 lines
741 B
CSS
37 lines
741 B
CSS
.list {
|
|
position: relative;
|
|
margin-bottom: var(--mantine-spacing-md);
|
|
}
|
|
|
|
.indicator {
|
|
/* background-color: var(--mantine-color-white); */
|
|
/* border-radius: var(--mantine-radius-md); */
|
|
border-bottom: 2px solid var(--mantine-color-blue-6);
|
|
top: 2px;
|
|
/* box-shadow: var(--mantine-shadow-sm); */
|
|
|
|
@mixin dark {
|
|
/* background-color: var(--mantine-color-dark-6); */
|
|
border-color: var(--mantine-color-blue-4);
|
|
}
|
|
}
|
|
|
|
.tab {
|
|
z-index: 1;
|
|
font-weight: 500;
|
|
transition: color 100ms ease;
|
|
color: var(--mantine-color-gray-7);
|
|
|
|
&[data-active] {
|
|
color: var(--mantine-color-black);
|
|
}
|
|
|
|
@mixin dark {
|
|
color: var(--mantine-color-dark-1);
|
|
|
|
&[data-active] {
|
|
color: var(--mantine-color-white);
|
|
}
|
|
}
|
|
}
|