postcss-preset-mantine - npm Package Compare versions

Comparing version 1.2.0 to 1.3.0

package.json

		{
		"name": "postcss-preset-mantine",
		"version": "1.2.0",
		"version": "1.3.0",
		"description": "PostCSS preset for Mantine (7.0+) applications",
		@@ -5,0 +5,0 @@ "main": "preset.js",

postcss-light-dark.js

		@@ -52,8 +52,6 @@ const postcss = require('postcss');
		const { light: lightVal, dark: darkVal } = getLightDarkValue(value);
		const lightMixin = postcss.atRule({ name: 'mixin', params: 'light' });
		const darkMixin = postcss.atRule({ name: 'mixin', params: 'dark' });
		lightMixin.append(postcss.decl({ prop, value: lightVal }));
		darkMixin.append(postcss.decl({ prop, value: darkVal }));
		decl.parent.insertAfter(decl, lightMixin);
		decl.parent.insertAfter(decl, darkMixin);
		decl.parent.insertAfter(decl, postcss.decl({ prop, value: lightVal }));

		@@ -60,0 +58,0 @@ decl.remove();

preset.js

		@@ -11,8 +11,2 @@ const nested = require('postcss-nested');
		},

		[`@media (prefers-color-scheme: ${colorScheme})`]: {
		'&': {
		'@mixin-content': {},
		},
		},
		};
		@@ -19,0 +13,0 @@ }

test.js

		@@ -6,11 +6,3 @@ const postcss = require('postcss');
		.button {
		border-radius: rem(16px);

		@media (min-width: em(500px)) {
		color: red
		}

		@media (min-width: rem(500px)) {
		color: red
		}
		background: light-dark(var(--mantine-color-red-5), var(--mantine-color-blue-9));
		}
		@@ -17,0 +9,0 @@ `;

New alerts