✳flâneur — a map of the web's best reading

PostCSS preset | Mantine

mantine.dev · 1,388 words · saved by 1 readers

postcss-preset-mantine provides several CSS functions and mixins to help you write styles. It is not required to use it, but highly recommended. All demos that feature styles assume that you have this preset installed. postcss-preset-mantine includes the following PostCSS plugins: Install postcss-preset-mantine as a dev dependency: Note that setting up PostCSS may be different depending on your build tool/framework, check a dedicated framework guide to learn more. Add postcss-preset-mantine to your postcss.config.cjs file (usually it is located in the root of your project): All done! You can now use all the features of the preset. rem and em functions can be used to convert pixels to rem/em units. 16px = 1rem and 16px = 1em, em values are supposed to be used in media queries, rem everywhere else. You can learn more about units conversions in this guide. Will be transformed to: dark and light mixins can be used to create styles that will be applied only in dark or light color scheme. Wi

PostCSS preset | Mantine Mantine PostCSS preset postcss-preset-mantine provides several CSS functions and mixins to help you write styles. It is not required to use it, but is highly recommended. All demos that feature styles assume that you have this preset installed. postcss-preset-mantine includes the following PostCSS plugins: postcss-nested postcss-mixins with Mantine specific mixins Custom plugin with em / rem functions Installation Install postcss-preset-mantine as a dev dependency: yarn npm yarn add --dev postcss-preset-mantine Expand code Usage Note that setting up PostCSS may be diff

Explore this link on the map →

related reading