Add global style, reset default style

Author: oovm

projects/live-hub-frontend/src/main.ts

@@ -2,6 +2,7 @@ import {createApp} from 'vue'
 import App from './App.vue';
 import router from './router'
 import i18n from './locales'
+import './style/main.scss'
 
 const app = createApp(App)
 app.use(router)

projects/live-hub-frontend/src/style/main.scss

@@ -0,0 +1,52 @@
+@import './_variable';
+
+* {
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+}
+
+html, body {
+    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+    font-size: 16px;
+    line-height: 1.5;
+    color: $text-color-primary;
+    background-color: $background-color;
+}
+
+ul, ol {
+    list-style: none;
+}
+
+a {
+    text-decoration: none;
+    color: inherit;
+}
+
+button {
+    border: none;
+    background: none;
+    cursor: pointer;
+    font: inherit;
+    color: inherit;
+    padding: 0;
+}
+
+img {
+    max-width: 100%;
+    height: auto;
+    display: block;
+}
+
+input, textarea {
+    font: inherit;
+    border: none;
+    outline: none;
+}
+
+::selection {
+    background-color: $primary-color;
+    color: white;
+}