woeful grove
This isn't a Mantine issue but I thought I'd ask here since I'm following the mantine docs.
I have a component with a module as follows:
.analytics {
grid-area: analytics;
display: flex;
gap: var(--mantine-spacing-md);
& > div {
flex-grow: 1;
}
@media (max-width: $mantine-breakpoint-sm) {
padding: var(--size-padding) 0;
width: 100%;
overflow-x: auto;
}
}
You can see in the photo that tailwind for some reason dislikes this syntax and I wonder if there's anyway yall know to handle it.
There's no runtime error, it seems to just be a "linting" warning of sorts, and it works as expected.
icy adder