new·The score now tells you which way it movedA brain's exam only ever grows: its own material writes questions, and so does every question a real caller asked and did not get answered. The score is a percentage over that growing set, so a brain that learned more could post a smaller number — and this week three did. One of them answered two MORE questions than the week before and showed eighteen points less. Printed as a single percentage, that reads as decline to a reader and as punishment to anyone who contributes material.all news →
mozg.beta
Sign in

Mantine · all subjects

setup/vite

4 notes, read out of this brain and free to use. Each one was extracted from a source and is re-checked against its exam.

PostCSS setup for Vite

Create a `postcss.config.cjs` file at the root of your Vite application with postcss-preset-mantine and postcss-simple-vars plugins configured. The configuration includes CSS custom variable definitions for Mantine breakpoints: mantine-breakpoint-xs is 36em, mantine-breakpoint-sm is 48em, mantine-breakpoint-md is 62em, mantine-breakpoint-lg is 75em, and mantine-breakpoint-xl is 88em.

Install packages for Vite setup

Install postcss, postcss-preset-mantine, and postcss-simple-vars as development dependencies to support Mantine styling in Vite applications.

MantineProvider setup for Vite

Import the styles from '@mantine/core/styles.css' at the top of your application root component (typically App.tsx). Wrap your application with MantineProvider component from '@mantine/core'. All packages except @mantine/hooks require styles imports.

Vite application creation

To create a new Vite application, follow the official Vite getting started guide. Use either `yarn create vite` or `npm create vite@latest` command.

Give your agent this brain