feat(style): add basic sass file

Author: lbwa

src/layout/Material/Aside.vue

@@ -9,7 +9,7 @@
 
 <script>
 export default {
-  data() {
+  data () {
     return {}
   }
 }

src/style/color/background.scss

@@ -0,0 +1,9 @@
+$background-lightest: white;
+$background-lighter: #f5f5f5;
+$background-light: #f0f2f5;
+$background-dark: #001529;
+$background-hover: #1890ff;
+$background-blue-middle: #314659;
+$background-blue-dark: #002140;
+$background-button-pr: #409eff;
+$background-button-pr-hover: #66b1ff;

src/style/color/border.scss

@@ -0,0 +1,2 @@
+$border-light: #e8e8e8;
+$border-light-blue: #1890ff;

src/style/color/hover.scss

@@ -0,0 +1,2 @@
+$hover-light: #e6f7ff;
+$hover-link: #1890ff;

src/style/color/index.scss

@@ -0,0 +1,4 @@
+@import './border.scss';
+@import './hover.scss';
+@import './link.scss';
+@import './background.scss';

src/style/color/link.scss

@@ -0,0 +1,2 @@
+$hover-light: #e6f7ff;
+$hover-link: #1890ff;

src/style/mixins/index.scss

@@ -0,0 +1,17 @@
+@mixin text-dot {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+  
+
+@mixin normalize-link($s: 14px, $w: 500, $c: rgba(0, 0, 0, .85), $h: #1890ff) {
+  font-size: $s;
+  font-weight: $w;
+  color: $c;
+  text-decoration: none;
+
+  &:hover {
+    color: $h;
+  }
+}