From 3a923c164ac78b907852347724d9638283324ff0 Mon Sep 17 00:00:00 2001
From: hyperbola <hyperbola.cs07@gmail.com>
Date: Tue, 19 Jan 2021 18:32:23 +0800
Subject: [PATCH] [Style] Rename cfp_introduction.scss to intro.scss; Separate
 from main

---
 src/assets/scss/CFP/cfpSubNew.scss                        | 2 ++
 src/assets/scss/CFP/{cfp_introduction.scss => intro.scss} | 4 ++--
 src/assets/scss/main.scss                                 | 2 +-
 src/components/CFP/IntrodContainer.vue                    | 4 ++++
 4 files changed, 9 insertions(+), 3 deletions(-)
 rename src/assets/scss/CFP/{cfp_introduction.scss => intro.scss} (98%)

diff --git a/src/assets/scss/CFP/cfpSubNew.scss b/src/assets/scss/CFP/cfpSubNew.scss
index a5dad19..aa204e9 100644
--- a/src/assets/scss/CFP/cfpSubNew.scss
+++ b/src/assets/scss/CFP/cfpSubNew.scss
@@ -1,3 +1,5 @@
+$fontColor: #226bb4; // added to solve unnamed color error
+
 //import google font
 @import url("https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@500;700;900&display=swap");
 
diff --git a/src/assets/scss/CFP/cfp_introduction.scss b/src/assets/scss/CFP/intro.scss
similarity index 98%
rename from src/assets/scss/CFP/cfp_introduction.scss
rename to src/assets/scss/CFP/intro.scss
index c0d16c0..10e217e 100644
--- a/src/assets/scss/CFP/cfp_introduction.scss
+++ b/src/assets/scss/CFP/intro.scss
@@ -510,7 +510,7 @@ p.small-tag {
     margin-top: 40px;
     margin-left: -80px;
     transform: scale(0.9); 
-    background: url(./assets/images/cfp/Mobile/Path_763.svg) no-repeat;
+    background: url(~@/assets/images/cfp/Mobile/Path_763.svg) no-repeat;
     padding-top: -565px; 
     margin-bottom: -665px;
   }
@@ -561,7 +561,7 @@ p.small-tag {
   @media screen and(max-width: 414px){
     //content: url() no-repeat;//../../assets/images/cfp/Mobile/Mobile-background.svg
     //visibility: hidden;
-    background: url(./assets/images/cfp/Mobile/Mobile-background.svg) !important;
+    background: url(~@/assets/images/cfp/Mobile/Mobile-background.svg) !important;
     object-position: -99999px 99999px;
     overflow: hidden;
     margin-left: -20%;
diff --git a/src/assets/scss/main.scss b/src/assets/scss/main.scss
index 54f6382..8cd6cb7 100644
--- a/src/assets/scss/main.scss
+++ b/src/assets/scss/main.scss
@@ -6,7 +6,7 @@
 
 // components
 // @import './footer.scss';
-@import './CFP/cfp_introduction.scss';
+// @import './CFP/cfp_introduction.scss';
 // @import './CFP/CFP.scss';
 @import './CFP/cfpSubNew.scss';
 @import "./news.scss";
diff --git a/src/components/CFP/IntrodContainer.vue b/src/components/CFP/IntrodContainer.vue
index cae7920..c71bf94 100644
--- a/src/components/CFP/IntrodContainer.vue
+++ b/src/components/CFP/IntrodContainer.vue
@@ -137,3 +137,7 @@ import { Component, Prop, Vue } from 'vue-property-decorator';
 @Component
 export default class IntrodContainer extends Vue {}
 </script>
+
+<style lang="scss">
+@import '@/assets/scss/CFP/intro';
+</style>