ui.mantine.dev
ui.mantine.dev copied to clipboard
Unknown at rule @mixincss(unknownAtRules)" when using Mantine Buttons
Issue: "Unknown at rule @mixincss(unknownAtRules)" when using Mantine Buttons
Description
When following the Mantine documentation for 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
- Follow the button example in the Mantine documentation: https://ui.mantine.dev/category/buttons/.
- 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
Follow getting started guide for your framework, you are missing mantine-postcss-preset configuration
https://mantine.dev/getting-started/