mantinedev / mantinedev/ui.mantine.dev

Unknown at rule @mixincss(unknownAtRules)" when using Mantine Buttons

Open
#117 1 comment 0 reactions 0 assignees View on GitHub
Dominant language
TypeScript
Stars
3.9k
Forks
364
PR merge metrics
No merged PRs in 30d

Description

## Issue: "Unknown at rule @mixincss(unknownAtRules)" when using Mantine Buttons

### Description
When following the Mantine documentation for [Buttons](https://ui.mantine.dev/category/buttons/), I encountered the following error:

This issue occurs when trying to use the recommended CSS setup for styling buttons and other components.

### Steps to reproduce
1. Follow the button example in the Mantine documentation: [https://ui.mantine.dev/category/buttons/](https://ui.mantine.dev/category/buttons/).
2. Encounter the error `Unknown at rule @mixincss(unknownAtRules)` when trying to compile the CSS.

### Expected behavior
The styling for Mantine components (such as buttons) should work without errors, as per the documentation.

### Actual behavior
The error appears that's it

### Environment
- Mantine version: latest
- vike framework using bâti
- Browser: CHROME

Contributor guide

No contributing guide indexed for this repository

Research direction

Start with the Mantine Buttons documentation linked in the issue and reproduce the reported CSS setup in the stated Vike/bâti environment. Trace where the `@mixincss` at-rule is introduced and verify that the button example compiles without the unknown-at-rule error.

Written by the indexing model from the issue text.

Assessment

Tech stack
css, typescript
Domain
documentation, frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.