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

package.json

@@ -8,10 +8,11 @@
   "license": "MIT",
   "scripts": {
     "start": "npm run dev",
-    "dev": "webpack-dev-server --config build/webpack.dev.conf.js --hot --progress -d",
-    "dev:docs": "vuepress dev docs",
+    "serve": "webpack-dev-server --config build/webpack.dev.conf.js --hot --progress -d",
+    "serve:docs": "vuepress dev docs",
     "build": "cross-env NODE_ENV=production webpack --config build/webpack.prod.conf.js --progress",
     "build:docs": "vuepress build docs",
+    "build:preview": "cross-env DEPLOY_PREVIEW=true vuepress build --debug docs",
     "test": "jest"
   },
   "repository": {
@@ -29,29 +30,27 @@
     "@babel/plugin-transform-runtime": "^7.2.0",
     "@babel/preset-env": "^7.3.1",
     "@babel/runtime": "^7.3.1",
-    "@vue/cli-service": "^3.4.0",
     "@vue/test-utils": "^1.0.0-beta.29",
+    "autoprefixer": "^9.4.7",
     "babel-core": "^7.0.0-bridge.0",
     "babel-loader": "^8.0.0",
     "chokidar": "^2.0.4",
     "coveralls": "^3.0.2",
     "cross-env": "^5.2.0",
-    "css-loader": "^1.0.0",
-    "eventsource-polyfill": "^0.9.6",
-    "extract-text-webpack-plugin": "^3.0.0",
-    "file-loader": "^3.0.0",
-    "function-bind": "^1.0.2",
+    "css-loader": "^2.1.0",
+    "cssnano": "^4.1.10",
     "fuse.js": "^3.2.0",
     "gh-pages": "^0.11.0",
-    "html-loader": "^0.5.0",
+    "html-loader": "^0.5.5",
     "html-webpack-plugin": "^3.2.0",
     "jest": "^24.1.0",
     "jest-serializer-vue": "^2.0.2",
     "jest-transform-stub": "^2.0.0",
     "mini-css-extract-plugin": "^0.5.0",
     "node-sass": "^4.10.0",
+    "postcss-loader": "^3.0.0",
+    "postcss-scss": "^2.0.0",
     "sass-loader": "^7.1.0",
-    "shelljs": "^0.7.0",
     "url-loader": "^1.1.2",
     "vue": "^2.6.4",
     "vue-html-loader": "^1.2.4",