Set up stylelint and prettier

.eslintrc

@@ -7,10 +7,11 @@
   "parserOptions": {
     "sourceType": "module"
   },
-  "extends": "eslint:recommended",
+  "extends": ["eslint:recommended", "prettier"],
   "rules": {
     "quotes": ["error", "double"],
     "semi": ["error", "always"],
+    "prettier/prettier": "error",
     "no-console": "off"
   }
-}
+}

.gitignore

@@ -7,7 +7,6 @@ node_modules/
 package-lock.json
 yarn.lock
 
-
 # yarn
 yarn.lock
 

.prettierignore

@@ -0,0 +1,18 @@
+# Build Files
+build
+dist/
+*.map
+
+# NPM
+node_modules/
+package-lock.json
+yarn.lock
+
+# yarn
+yarn.lock
+
+# Misc
+.DS_Store
+.*.swp
+*.bak
+.vscode/

.prettierrc.json

@@ -0,0 +1 @@
+{}

.stylelintignore

@@ -0,0 +1,5 @@
+# Ignore Wrap Files
+/src/css/black-highlighter-wrap-begin.css
+/src/css/black-highlighter-wrap-close.css
+/src/css/normalize-wrap-begin.css
+/src/css/normalize-wrap-close.css

.stylelintrc.json

@@ -0,0 +1,3 @@
+{
+  "extends": ["stylelint-config-property-sort-order-smacss"]
+}

cssnano.config.js

@@ -1,11 +1,11 @@
-const defaultPreset = require('cssnano-preset-default');
+const defaultPreset = require("cssnano-preset-default");
 
 module.exports = defaultPreset({
   discardComments: {
     removeAll: true,
   },
   cssDeclarationSorter: {
-    order: 'concentric-css',
+    order: "smacss",
   },
   normalizeCharset: false,
   reduceIdents: false,

package.json

@@ -11,13 +11,19 @@
   "devDependencies": {
     "autoprefixer": "^10.2.5",
     "cssnano": "^5.0.0",
+    "eslint-config-prettier": "^8.3.0",
     "imagemin": "^8.0.0",
     "imagemin-gifsicle": "^7.0.0",
     "imagemin-optipng": "^8.0.0",
     "imagemin-svgo": "^9.0.0",
     "postcss": "^8.2.8",
     "postcss-cli": "^8.3.1",
-    "postcss-import": "^14.0.0"
+    "postcss-import": "^14.0.0",
+    "prettier": "2.3.2",
+    "stylelint": "^13.13.1",
+    "stylelint-config-property-sort-order-smacss": "^7.1.0",
+    "stylelint-config-standard": "^22.0.0",
+    "stylelint-order": "^4.1.0"
   },
   "scripts": {
     "build": "make",