Got rid of sass + sass-lint dependencies

client/.sass-lint.yml

@@ -1,19 +0,0 @@
-options:
-  merge-default-rules: false
-files:
-  include: 'app/styles/*.s+(a|c)ss'
-rules:
-  no-important: 1
-  no-color-literals: 2
-  variable-for-property:
-    - 2
-    -
-      properties:
-      - 'border-radius'
-      - 'border-top-left-radius'
-      - 'border-top-right-radius'
-      - 'border-bottom-left-radius'
-      - 'border-bottom-right-radius'
-      - 'font-family'
-      - 'font-size'
-      - 'z-index'

client/package.json

@@ -79,12 +79,8 @@
     "jest-cli": "25.0.0",
     "json-loader": "0.5.7",
     "mockdate": "2.0.2",
-    "node-sass": "^4.12.0",
     "postcss-loader": "3.0.0",
     "react-router": "3.2.0",
-    "sass-lint": "^1.13.1",
-    "sass-lint-webpack": "1.0.0",
-    "sass-loader": "7.0.1",
     "style-loader": "0.21.0",
     "stylelint": "11.0.0",
     "stylelint-config-recommended": "3.0.0",
@@ -109,7 +105,7 @@
     "start-production": "NODE_ENV=production node server.js",
     "test": "jest",
     "coveralls": "cat coverage/lcov.info | coveralls",
-    "lint": "eslint app server.js && stylelint app/scripts && sass-lint -v",
+    "lint": "eslint app server.js && stylelint app/scripts",
     "clean": "rm build/app.js",
     "noprobe": "../scope stop && ../scope launch --no-probe --app.window 8760h",
     "loadreport": "yarn run noprobe && sleep 1 && curl -X POST -H \"Content-Type: application/json\" http://$BACKEND_HOST/api/report -d"

client/webpack.local.config.js

@@ -2,8 +2,6 @@ const webpack = require('webpack');
 const autoprefixer = require('autoprefixer');
 const path = require('path');
 const HtmlWebpackPlugin = require('html-webpack-plugin');
-const SassLintPlugin = require('sass-lint-webpack');
-const { themeVarsAsScss } = require('weaveworks-ui-components/lib/theme');
 
 /**
  * This is the Webpack configuration file for local development.
@@ -70,10 +68,6 @@ module.exports = {
       filename: 'index.html',
       template: 'app/html/index.html',
     }),
-    new SassLintPlugin({
-      context: 'app/styles',
-      ignorePlugins: ['html-webpack-plugin'],
-    }),
   ],
 
   // Transform source code using Babel and React Hot Loader
@@ -127,23 +121,6 @@ module.exports = {
             }
           },
         ],
-      },
-      {
-        test: /\.scss$/,
-        use: [
-          { loader: 'style-loader' },
-          { loader: 'css-loader' },
-          {
-            loader: 'sass-loader',
-            options: {
-              data: themeVarsAsScss(),
-              includePaths: [
-                path.resolve(__dirname, './node_modules/xterm'),
-                path.resolve(__dirname, './node_modules/rc-slider'),
-              ]
-            }
-          },
-        ],
       }
     ]
   },

client/webpack.production.config.js

@@ -4,7 +4,6 @@ const path = require('path');
 
 const CleanWebpackPlugin = require('clean-webpack-plugin');
 const HtmlWebpackPlugin = require('html-webpack-plugin');
-const { themeVarsAsScss } = require('weaveworks-ui-components/lib/theme');
 
 const GLOBALS = {
   'process.env': {NODE_ENV: '"production"'}
@@ -122,23 +121,6 @@ module.exports = {
             }
           },
         ],
-      },
-      {
-        test: /\.scss$/,
-        use: [
-          { loader: 'style-loader' },
-          { loader: 'css-loader' },
-          {
-            loader: 'sass-loader',
-            options: {
-              data: themeVarsAsScss(),
-              includePaths: [
-                path.resolve(__dirname, './node_modules/xterm'),
-                path.resolve(__dirname, './node_modules/rc-slider'),
-              ]
-            }
-          },
-        ],
       }
     ]
   },