Added stylelint

Author: destegabry

.stylelintrc

@@ -0,0 +1,6 @@
+{
+  "rules": {
+    "block-no-empty": null,
+    "color-no-invalid-hex": true
+  }
+}

conf/webpack.conf.js

@@ -1,9 +1,10 @@
 const webpack = require('webpack');
 const path = require('path');
+const autoprefixer = require('autoprefixer');
 
 const HtmlWebpackPlugin = require('html-webpack-plugin');
 const ExtractTextPlugin = require('extract-text-webpack-plugin');
-const autoprefixer = require('autoprefixer');
+const StyleLintPlugin = require('stylelint-webpack-plugin');
 
 const dirSrc = path.join(__dirname, '../src');
 const dirNodeModules = path.join(__dirname, '../node_modules');
@@ -17,7 +18,8 @@ module.exports = {
     new HtmlWebpackPlugin({
       template: path.join(dirSrc, 'index.html')
     }),
-    new ExtractTextPlugin('style.[hash].css')
+    new ExtractTextPlugin('style.[hash].css'),
+    new StyleLintPlugin()
   ],
   entry: {
     app: path.join(dirSrc, 'index'),

package.json

@@ -7,8 +7,8 @@
   "dependencies": {
     "@uirouter/angularjs": "^1.0.10",
     "angular": "^1.6.6",
-    "normalize-scss": "^7.0.0",
-    "box-sizing-border-box": "^1.0.1"
+    "box-sizing-border-box": "^1.0.1",
+    "normalize-scss": "^7.0.0"
   },
   "devDependencies": {
     "autoprefixer": "^7.1.6",
@@ -34,14 +34,19 @@
     "postcss-loader": "^2.0.8",
     "sass-loader": "^6.0.6",
     "style-loader": "^0.19.0",
+    "stylelint": "^8.2.0",
+    "stylelint-webpack-plugin": "^0.9.0",
     "webpack": "^3.8.1",
     "webpack-dev-server": "^2.9.3"
   },
   "scripts": {
     "dev": "NODE_ENV=dev webpack-dev-server --progress --config conf/webpack.conf.dev.js",
     "build": "NODE_ENV=prod webpack -p --progress --config conf/webpack.conf.build.js"
   },
-  "browserslist": ["last 2 versions", "ie >= 10"],
+  "browserslist": [
+    "last 2 versions",
+    "ie >= 10"
+  ],
   "eslintConfig": {
     "root": true,
     "env": {

src/app/hello/_hello.scss

@@ -9,6 +9,11 @@ hello {
     flex-wrap: wrap;
     justify-content: center;
 
+    font: {
+      family: sans-serif;
+      size: 18px;
+    }
+
     a {
       align-items: center;
       background-position: center center;