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

emotion/createstyles

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

createStyles function arguments

createStyles function receives three arguments: theme (Mantine theme object), params (object with additional parameters passed to useStyles hook), and u (object with utilities to generate selectors). It returns useStyles hook.

createStyles pseudo-classes support

Pseudo-classes can be added in createStyles the same way as in CSS preprocessors like Sass using nested selectors.

createStyles styles parameters

Receive any amount of parameters as second argument of createStyles function, then pass those parameters as argument to useStyles hook.

createStyles static selector reference with u.ref

Use u.ref function to assign static selectors in createStyles for composition and nested selectors, since createStyles produces scoped class names.

cx function for class name merging in createStyles

Use cx function to merge class names; it has the same API as clsx package. Do not use external libraries like classnames or clsx with class names created with createStyles function as it will produce styles collisions.

createStyles media queries support

Nested media queries are supported in createStyles like in Sass. Within query body use theme.breakpoints defined with MantineProvider or static values.

createStyles keyframes support

Keyframes can be defined and used in createStyles.

Give your agent this brain