ui.mantine.dev icon indicating copy to clipboard operation
ui.mantine.dev copied to clipboard

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

Open ghost opened this issue 8 months ago • 1 comments

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

  1. Follow the button example in the Mantine documentation: 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

ghost avatar Apr 07 '25 11:04 ghost

Follow getting started guide for your framework, you are missing mantine-postcss-preset configuration

https://mantine.dev/getting-started/

rtivital avatar Apr 07 '25 12:04 rtivital