[Fix] Coding style

src/assets/scss/CFP/card.scss

@@ -1,5 +1,5 @@
-@import '@/assets/scss/breakpoint.scss';
+@import '../breakpoint.scss';
-@import '@/assets/scss/color.scss';
+@import '../color.scss';
 
 .agenda.card:not(.container) {
     a.image.container {

src/assets/scss/CFP/schedule.scss

@@ -1,6 +1,7 @@
-@import '@/assets/scss/breakpoint.scss';
+@import '../breakpoint';
-@import '@/assets/scss/color.scss';
+@import '../color';
-@import '@/assets/scss/font.scss';
+// No need to import font; the fonts have been imported in App.vue
+// @import '@/assets/scss/font';
 
 $fontFamily: Noto Sans CJK TC, monospace;
 
@@ -39,21 +40,24 @@ $fontFamily: Noto Sans CJK TC, monospace;
     line-height: 30px;
   }
 
-    h1, h2, h3 {
+  h1,
+  h2,
+  h3 {
     font-weight: 900;
   }
 
   ul {
     li {
       &::before {
-                content: "•";
+        content: '•';
         margin: 2px;
         line-height: 42px;
       }
     }
   }
 
-    section:not(:last-of-type), article:not(:last-of-type) {
+  section:not(:last-of-type),
+  article:not(:last-of-type) {
     margin-bottom: 55px;
   }
 
@@ -67,7 +71,8 @@ $fontFamily: Noto Sans CJK TC, monospace;
     padding: 20px 0;
   }
 
-    #presentation-example, #espresso-example {
+  #presentation-example,
+  #espresso-example {
     > p {
       padding-bottom: 40px;
     }
@@ -85,13 +90,13 @@ $fontFamily: Noto Sans CJK TC, monospace;
   font-weight: 900;
 }
 
-
 @include md {
   #info-schedule {
     margin: 0 auto;
     font-size: 14px;
 
-        h1, h2 {
+    h1,
+    h2 {
       font-size: 26px;
       line-height: 2.69em;
     }
@@ -101,7 +106,9 @@ $fontFamily: Noto Sans CJK TC, monospace;
       line-height: 30px;
     }
 
-        h1, h2, h3 {
+    h1,
+    h2,
+    h3 {
       margin: 0;
     }
 
@@ -113,7 +120,8 @@ $fontFamily: Noto Sans CJK TC, monospace;
       padding: 15px 0;
     }
 
-        #presentation-example, #espresso-example {
+    #presentation-example,
+    #espresso-example {
       margin-bottom: unset;
       .agenda.card.container {
         grid-template-columns: repeat(2, 1fr);
@@ -122,5 +130,4 @@ $fontFamily: Noto Sans CJK TC, monospace;
       }
     }
   }
-
 }

src/assets/scss/CFP/topic.scss

@@ -1,5 +1,5 @@
-@import '@/assets/scss/breakpoint.scss';
+@import '../breakpoint.scss';
-@import '@/assets/scss/color.scss';
+@import '../color.scss';
 
 .topic {
     padding: 30px 0;

src/assets/scss/footer.scss

@@ -1,4 +1,4 @@
-@import './breakpoint.scss';
+@import 'breakpoint.scss';
 
 // varible declare
 $fontColor: white;

src/assets/scss/main.scss

@@ -1,9 +1,9 @@
 // global
-@import './reset.scss';
+@import 'reset.scss';
-@import './variable.scss';
+@import 'variable.scss';
-@import './color.scss';
+@import 'color.scss';
-@import './util.scss';
+@import 'util.scss';
-@import './font.scss';
+@import 'font.scss';
 
 // components
 // @import './footer.scss';

src/assets/scss/news.scss

@@ -1,5 +1,5 @@
-@import './hyperpoint.scss';
+@import 'hyperpoint.scss';
-@import './color.scss';
+@import 'color.scss';
 
 // desktop mode
 #news-header {

src/components/CFP/Agenda.vue

@@ -249,5 +249,5 @@ export default class Agenda extends Vue {
 </script>
 
 <style lang="scss">
-@import '@/assets/scss/CFP/agenda.scss';
+@import '@/assets/scss/CFP/agenda';
 </style>