From a9c272e71a56ab46f8f69959c77e69b233d1492e Mon Sep 17 00:00:00 2001
From: Vitaly Rtishchev <rtivital@gmail.com>
Date: Sun, 10 Dec 2023 10:44:34 +0400
Subject: [PATCH] [core] Add css checking to prettier

---
 .prettierignore                                              | 5 +++++
 .../examples/SelectedAnimation/SelectedAnimation.module.css  | 4 +++-
 .../combobox-examples/examples/SelectedAnimation/code.json   | 2 +-
 .../ColorsGenerator/ColorsList/ColorsList.module.css         | 5 ++++-
 package.json                                                 | 4 ++--
 .../demos/src/demos/styles/Styles.demo.classNames.module.css | 5 ++++-
 packages/@mantine/core/src/components/Pill/Pill.module.css   | 2 --
 7 files changed, 19 insertions(+), 8 deletions(-)

diff --git a/.prettierignore b/.prettierignore
index cd4efd8e5b2..c16e4416bd5 100644
--- a/.prettierignore
+++ b/.prettierignore
@@ -1 +1,6 @@
 *.d.ts
+packages/*/*/styles.css
+packages/*/*/styles.layer.css
+packages/*/*/styles/*.css
+docs/.next
+docs/out
diff --git a/docs/src/combobox-examples/examples/SelectedAnimation/SelectedAnimation.module.css b/docs/src/combobox-examples/examples/SelectedAnimation/SelectedAnimation.module.css
index 6cbf001effe..cf2231987da 100644
--- a/docs/src/combobox-examples/examples/SelectedAnimation/SelectedAnimation.module.css
+++ b/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;
diff --git a/docs/src/combobox-examples/examples/SelectedAnimation/code.json b/docs/src/combobox-examples/examples/SelectedAnimation/code.json
index 28a0cde6378..78fa1b8c528 100644
--- a/docs/src/combobox-examples/examples/SelectedAnimation/code.json
+++ b/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"
   }
 ]
\ No newline at end of file
diff --git a/docs/src/components/ColorsGenerator/ColorsList/ColorsList.module.css b/docs/src/components/ColorsGenerator/ColorsList/ColorsList.module.css
index fa0a7f231f7..d3f8c46aa96 100644
--- a/docs/src/components/ColorsGenerator/ColorsList/ColorsList.module.css
+++ b/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));
diff --git a/package.json b/package.json
index ffd85d9405e..dfec614463e 100644
--- a/package.json
+++ b/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",
diff --git a/packages/@docs/demos/src/demos/styles/Styles.demo.classNames.module.css b/packages/@docs/demos/src/demos/styles/Styles.demo.classNames.module.css
index 2084ce80dc5..6d28af02159 100644
--- a/packages/@docs/demos/src/demos/styles/Styles.demo.classNames.module.css
+++ b/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));
diff --git a/packages/@mantine/core/src/components/Pill/Pill.module.css b/packages/@mantine/core/src/components/Pill/Pill.module.css
index 03b2de23044..500b59f7208 100644
--- a/packages/@mantine/core/src/components/Pill/Pill.module.css
+++ b/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);