fix: move style to sass

.stylelintrc.json

@@ -0,0 +1,32 @@
+{
+  "extends": ["stylelint-config-standard-scss"],
+  "plugins": ["stylelint-order"],
+  "rules": {
+    "alpha-value-notation": "number",
+    "at-rule-no-unknown": null,
+    "declaration-empty-line-before": "never",
+    "declaration-no-important": true,
+    "declaration-property-unit-allowed-list": {
+      "/^margin|^padding|^gap/": ["px", "rem"]
+    },
+    "function-name-case": "lower",
+    "media-feature-range-notation": "prefix",
+    "order/properties-alphabetical-order": true,
+    "order/order": [
+      "custom-properties",
+      "dollar-variables",
+      "declarations",
+      "at-variables",
+      "at-rules",
+      "rules"
+    ],
+    "selector-class-pattern": [
+      "^(ma-)?(([a-z][a-z0-9]*)(-[a-z0-9]+)*)((__([a-z][a-z0-9]*)(-[a-z0-9]+)*)?(--([a-z][a-z0-9]*)(-[a-z0-9]+)*)?){0,2}$"
+    ],
+    "color-function-notation": "modern",
+    "scss/double-slash-comment-empty-line-before": false,
+    "scss/at-rule-no-unknown": null,
+    "selector-max-id": 0,
+    "unit-allowed-list": [ "%", "fr", "deg", "ms", "rem", "s", "vh", "vw"]
+  }
+}