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.base.conf.js

@@ -1,6 +1,5 @@
 const path = require('path');
 const webpack = require('webpack');
-const chokidar = require('chokidar');
 const VueLoaderPlugin = require('vue-loader').VueLoaderPlugin;
 const MiniCssExtractPlugin = require('mini-css-extract-plugin');
 
@@ -8,7 +7,9 @@ const env = process.env.NODE_ENV === 'production'
   ? 'production'
   : 'development';
 
-const extractOrInjectStyles = process.env.NODE_ENV !== 'production'
+const devtool = env === 'production' ? 'source-map' : 'eval-source-map';
+
+const extractOrInjectStyles = env !== 'production'
   ? 'vue-style-loader'
   : MiniCssExtractPlugin.loader;
 
@@ -19,7 +20,7 @@ module.exports = {
     publicPath: '/',
     filename: '[name].js',
   },
-  // devtool: env === 'production' ? 'source-map' : 'eval-source-map',
+  devtool,
   resolve: {
     extensions: ['.js', '.vue'],
     alias: {
@@ -47,13 +48,10 @@ module.exports = {
         use: [
           extractOrInjectStyles,
           'css-loader',
+          'postcss-loader',
           'sass-loader',
         ],
       },
-      {
-        test: /\.html$/,
-        loader: 'vue-html-loader',
-      },
     ],
   },
   plugins: [
@@ -65,17 +63,8 @@ module.exports = {
     }),
     new VueLoaderPlugin(),
   ],
-  devServer: {
-    hot: true,
-    hotOnly: true,
-    inline: true,
-    port: 8080,
-    before (app, server) {
-      chokidar.watch([
-        './**/*.html',
-      ]).on('all', function () {
-        server.sockWrite(server.sockets, 'content-changed');
-      });
-    },
+  stats: {
+    children: false,
+    modules: false,
   },
 };