Sass & Class Renames (#759)

* - add autoprefixer
- add cssnano
- add postcss-loader
- remove unused packages

* create RTL scss module

* add vs__ prefix to open-indicator, extract to module

* module for dropdown-toggle

* vs__clear module

* vs__dropdown-menu module

* rename `selected-tag` to `vs__selected`

* remove rtl class

* remove dropdown class

* search-input scss module

* move animations to global module

* refactor dropdown list items

* - spinner slot is now scoped with `loading` variable
- move spinner to scss module

* apply vs__search class directly to search input: if you're using the slot, you might not want default styles

* finish global modules

* make RTL a component state

* - update component states to use vs-- prefix
- rename dropdownClasses to stateClasses

* remove unused property

* Closes #760

* fix states

* more state fixes

* rename .close to vs__deselect

* - simplify dev.html
- start on 'sandbox' development

* update build

* - update webpack config
- move Sandbox to VuePress folder

* update external framework version links

* assign grid areas, ensure 100% height outside of docs

* limit specificity

* first pass at assigning variables

* assign 'darkest'

* remove max-height prop

* rename 'component' variables to 'state'

* update badges

* add deprecation notice to docs

* bump travis config

* add coveralls coverage reporter

* bump netlify config

* additional pass pulling up to variables

* start converting to SVG icons

* middle align action icons

* update netlify config

* netlify bump

* fix travis

* fix travis

* try lcov

* netlify attempt

* prune old packages

* bump travis config

build/webpack.dev.conf.js

@@ -1,12 +1,15 @@
 const merge = require('webpack-merge');
+const chokidar = require('chokidar');
 const HtmlWebpackPlugin = require('html-webpack-plugin');
 const baseWebpackConfig = require('./webpack.base.conf');
 
+/**
+ *
+ */
 module.exports = merge(baseWebpackConfig, {
   entry: './dev/dev.js',
   plugins: [
     new HtmlWebpackPlugin({
-      filename: 'index.html',
       template: './dev/dev.html',
       inject: true,
     }),
@@ -14,4 +17,23 @@ module.exports = merge(baseWebpackConfig, {
   optimization: {
     noEmitOnErrors: true,
   },
+  devServer: {
+    hot: true,
+    hotOnly: true,
+    open: true,
+    inline: true,
+    stats: {
+      children: false,
+      modules: false,
+      chunks: false,
+    },
+    port: 8080,
+    before (app, server) {
+      chokidar.watch([
+        './**/*.html',
+      ]).on('all', function () {
+        server.sockWrite(server.sockets, 'content-changed');
+      });
+    },
+  },
 });