Extract global css to it's own file

Author: pieer

src/assets/styles/global.scss

@@ -0,0 +1,50 @@
+body {
+  padding: 0em;
+  margin: 0em;
+}
+
+a:visited {
+  color: #2c3e50;
+}
+
+.button,
+button {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 5em;
+  height: 2em;
+  margin: 0.5em;
+  border-radius: 5px;
+  background: linear-gradient(to right, #16c0b0, #84cf6a);
+  font-size: 1em;
+  color: white;
+  border: none;
+  outline: none;
+}
+
+form {
+  display: flex;
+  align-items: center;
+  flex-direction: column;
+  width: 15em;
+  margin-bottom: 2em;
+
+  p {
+    color: red;
+  }
+}
+
+input {
+  display: block;
+  box-sizing: border-box;
+  width: 100%;
+  height: 2.6em;
+  padding: 0.5em;
+  margin-bottom: 1em;
+  font: 1em 'Avenir', Helvetica, sans-serif;
+}
+
+h1 {
+  margin-top: 0;
+}

vue.config.js

@@ -0,0 +1,10 @@
+const path = require("path");
+
+module.exports = {
+  pluginOptions: {
+    "style-resources-loader": {
+      preProcessor: "scss",
+      patterns: [path.resolve(__dirname, "./src/styles/global.scss")]
+    }
+  }
+};