From b2c70ad631a505ce0cfd58a9c588beabf0a37a6d Mon Sep 17 00:00:00 2001
From: Snowmint <starlitsky0612@gmail.com>
Date: Wed, 20 Jan 2021 13:57:59 +0800
Subject: [PATCH] [Layout] $md button arrangement

rearrange $md submit button
---
 src/assets/scss/CFP/intro.scss | 51 ++++++++++++++++++++++++++--------
 1 file changed, 39 insertions(+), 12 deletions(-)

diff --git a/src/assets/scss/CFP/intro.scss b/src/assets/scss/CFP/intro.scss
index 06dea90..3bcd8dd 100644
--- a/src/assets/scss/CFP/intro.scss
+++ b/src/assets/scss/CFP/intro.scss
@@ -204,7 +204,7 @@ $fontColor: $mid-blue;
   }
 }
 
-@include md{
+@include md{ //for width 786px
   #cfp-intro{
     h1,
     h2,
@@ -253,7 +253,7 @@ $fontColor: $mid-blue;
 
   #cfp-intro{
     .box-bluearea {
-      height: 280px;
+      height: 200px;
       z-index: 0;
       transform: rotate(12deg);
     }
@@ -261,19 +261,33 @@ $fontColor: $mid-blue;
   
   #cfp-intro{
     .box-back2 {
-      margin-top: -5em;
-      margin-left: -1em;
+      margin-top: 1em;
+      margin-left: -2em;
   
       .second-box {
           transform: rotate(12deg);
           bottom: 1030px;
-          left:-6em;
+          left:-5em;
       }
     }
+    
+  }
+
+  #cfp-intro {
+    //button util
+    .mr-2 {
+      margin-right: 0.5em;
+    }
+    .ml-2 {
+      margin-left: 0.5em;
+    }
+    .mt-1 {
+      margin-top: 1em;
+    }
   }
 }
 
-@include sm {
+@include sm { //for width 600px
 
   #cfp-intro{
     h1,
@@ -284,7 +298,7 @@ $fontColor: $mid-blue;
 
     p {
       font-size: 13pt;
-      line-height: 1.85;
+      line-height: 1.5;
       width:70vw;
     }
 
@@ -295,16 +309,16 @@ $fontColor: $mid-blue;
 
   #cfp-intro{
     .box-back {
-      margin-bottom: -43em;
+      margin-bottom: -45em;
       margin-left:-5em;
   
       .first-box {
         transform: rotate(12deg) scale(1.1);
-        bottom: 685px;
+        bottom: 610px;
         left: 50px;
       }
       .introd-text {
-        top: 7em;
+        top: 5em;
       }
 
       .past-sitcon {
@@ -338,13 +352,26 @@ $fontColor: $mid-blue;
   
   #cfp-intro{
     .box-back2 {
-      margin-top:-2em;
+      margin-top:-6em;
       .second-box {
           transform: rotate(12deg);
-          bottom: 1200px;
+          bottom: 1060px;
       }
     }
   }
+  
+  #cfp-intro {
+    //button util
+    .mr-2 {
+      margin-right: 0.5em;
+    }
+    .ml-2 {
+      margin-left: 0.5em;
+    }
+    .mt-1 {
+      margin-top: 1em;
+    }
+  }
 }
 
 @include ss {