[core] Add css checking to prettier

Author: rtivital

.prettierignore

@@ -1 +1,6 @@
 *.d.ts
+packages/*/*/styles.css
+packages/*/*/styles.layer.css
+packages/*/*/styles/*.css
+docs/.next
+docs/out

docs/src/combobox-examples/examples/SelectedAnimation/SelectedAnimation.module.css

@@ -1,5 +1,7 @@
 .option {
-  transition: transform 100ms ease, box-shadow 100ms ease;
+  transition:
+    transform 100ms ease,
+    box-shadow 100ms ease;
 
   &[data-combobox-selected] {
     font-weight: 500;

docs/src/combobox-examples/examples/SelectedAnimation/code.json

@@ -7,6 +7,6 @@
   {
     "fileName": "SelectedAnimation.module.css",
     "language": "css",
-    "code": ".option {\n  transition: transform 100ms ease, box-shadow 100ms ease;\n\n  &[data-combobox-selected] {\n    font-weight: 500;\n    transform: scale(1.1);\n    box-shadow: var(--mantine-shadow-lg);\n  }\n}\n"
+    "code": ".option {\n  transition:\n    transform 100ms ease,\n    box-shadow 100ms ease;\n\n  &[data-combobox-selected] {\n    font-weight: 500;\n    transform: scale(1.1);\n    box-shadow: var(--mantine-shadow-lg);\n  }\n}\n"
   }
 ]

docs/src/components/ColorsGenerator/ColorsList/ColorsList.module.css

@@ -21,7 +21,10 @@
   height: 0;
   padding-bottom: 100%;
   overflow: hidden;
-  transition: transform 100ms ease, box-shadow 100ms ease, border-radius 100ms ease;
+  transition:
+    transform 100ms ease,
+    box-shadow 100ms ease,
+    border-radius 100ms ease;
 
   &[data-base] {
     transform: scale(1.2) translateY(rem(-5px));

package.json

@@ -54,8 +54,8 @@
     "stylelint": "stylelint '**/*.css' --cache",
     "syncpack": "syncpack list-mismatches",
     "syncpack:format": "syncpack format",
-    "prettier:test": "prettier --check \"**/*.{ts,tsx,mdx}\"",
-    "prettier:write": "prettier --write \"**/*.{ts,tsx,mdx}\""
+    "prettier:test": "prettier --check \"**/*.{ts,tsx,mdx,css}\"",
+    "prettier:write": "prettier --write \"**/*.{ts,tsx,mdx,css}\""
   },
   "dependencies": {
     "@floating-ui/react": "^0.24.8",

packages/@docs/demos/src/demos/styles/Styles.demo.classNames.module.css

@@ -21,7 +21,10 @@
   color: var(--mantine-color-placeholder);
   font-weight: 400;
   font-size: var(--mantine-font-size-sm);
-  transition: color 100ms ease, transform 100ms ease, font-size 100ms ease;
+  transition:
+    color 100ms ease,
+    transform 100ms ease,
+    font-size 100ms ease;
 
   &[data-floating] {
     transform: translateY(rem(-20px));

packages/@mantine/core/src/components/Pill/Pill.module.css

@@ -39,8 +39,6 @@
     --_pill-color: var(--mantine-color-black);
   }
 
-
-
   @mixin rtl {
     padding-right: 0.8em;
     padding-left: var(--_pill-padding-right, 0.8em);