Assimilate color

nguyenvanduocit · nguyenvanduocit · commit 33594f290376 · 2016-12-20T12:18:05.000+07:00
diff --git a/src/components/Circle10.vue b/src/components/Circle10.vue
@@ -65,6 +65,7 @@ export default {
     width: 75px;
     top: 10px;
     left: 10px;
+    border-top: 3px solid #f7484e;
     animation-duration: 10s;
   }
 
@@ -73,6 +74,7 @@ export default {
     width: 50px;
     top: 22px;
     left: 22px;
+    border-top: 3px solid #f8b334;
     animation-duration: 4s;
   }
 
diff --git a/src/components/Circle4.vue b/src/components/Circle4.vue
@@ -23,7 +23,7 @@ export default {
     box-sizing: border-box;
     position: relative;
     border: 3px solid transparent;
-    border-top-color: #A04668;
+    border-top-color: #f7484e;
     border-radius: 50%;
     animation: circle-4-spin 2s linear infinite;
     &:before, &:after{
@@ -35,7 +35,7 @@ export default {
     }
 
     &:before{
-      border-top-color: #254E70;
+      border-top-color: #f8b334;
       top: 0;
       left: 0;
       right: 0;
diff --git a/src/components/Circle8.vue b/src/components/Circle8.vue
@@ -68,7 +68,7 @@ export default {
   }
   .ball_1
   {
-    background-color:#cb2025;
+    background-color:#f7484e;
     top:0; left:0;
   }
   .ball_2
@@ -78,12 +78,12 @@ export default {
   }
   .ball_3
   {
-    background-color:#00a096;
+    background-color:#41b883;
     top:24px; left:0;
   }
   .ball_4
   {
-    background-color:#97bf0d;
+    background-color:#34495e;
     top:24px; left:24px;
   }
 
diff --git a/src/components/Circle9.vue b/src/components/Circle9.vue
@@ -79,14 +79,14 @@ export default {
   }
 
   .spin-1{
-    border: 5px solid #c00353 ;
+    border: 5px solid #f7484e ;
     border-top: 5px solid transparent;
     border-left: 5px solid transparent;
     width: 120px;
     height: 120px;
   }
   .spin-2{
-    border: 5px solid #05bbc3 ;
+    border: 5px solid #41b883 ;
     border-top: 5px solid transparent;
     border-left: 5px solid transparent;
     width: 100px;
@@ -110,7 +110,7 @@ export default {
     animation-delay: 1s;
   }
   .spin-5{
-    border: 5px solid #f34d51 ;
+    border: 5px solid #34495e ;
     border-top: 5px solid transparent;
     border-left: 5px solid transparent;
     width: 40px;
diff --git a/src/components/Jawn.vue b/src/components/Jawn.vue
@@ -34,7 +34,6 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-  $blue: #41b883;
   .spinner-inner{
     width: 70px;
     height: 70px;
@@ -48,7 +47,7 @@ export default {
   }
   .jawn {
     position: relative;
-    background-color: #F8E71C;
+    background-color: #41b883;
     width: 15px;
     height: 15px;
     margin: 0 auto;
@@ -72,7 +71,7 @@ export default {
     &:before {
       left: -25px;
       top: -15px;
-      background-color: $blue;
+      background-color: #34495e;
       transform-origin: 30px 20px;
       animation: jawn-axis 2s linear infinite;
     }
diff --git a/src/components/LetterCube.vue b/src/components/LetterCube.vue
@@ -52,7 +52,6 @@ export default {
     height: 80px;
     line-height: 80px;
     text-align: center;
-    font-size: 50px;
     transform-style: preserve-3d;
     transition: transform 0.5s 0.1s;
     perspective: 9999px;
@@ -65,6 +64,8 @@ export default {
       animation: letter-cube-panel 2.2s infinite forwards;
 
       .cube-face {
+        font-family: "Open Sans",sans-serif;
+        font-size: 50px;
         color: #41b883;
         box-shadow: inset 0 0 0 1px #41b883, 0 0 1px 1px #41b883;
       }
diff --git a/src/components/PingPong.vue b/src/components/PingPong.vue
@@ -74,7 +74,7 @@ export default {
     width:15px;
     height:15px;
     border-radius:50%;
-    background:#41b883;
+    background:#f7484e;
     position:absolute;
     animation: pingpong-bounce 2s linear infinite;
   }

Original file line number	Diff line number	Diff line change
`@@ -65,6 +65,7 @@ export default {`
`65`	`65`	`width: 75px;`
`66`	`66`	`top: 10px;`
`67`	`67`	`left: 10px;`
	`68`	`+ border-top: 3px solid #f7484e;`
`68`	`69`	`animation-duration: 10s;`
`69`	`70`	`}`
`70`	`71`
`@@ -73,6 +74,7 @@ export default {`
`73`	`74`	`width: 50px;`
`74`	`75`	`top: 22px;`
`75`	`76`	`left: 22px;`
	`77`	`+ border-top: 3px solid #f8b334;`
`76`	`78`	`animation-duration: 4s;`
`77`	`79`	`}`
`78`	`80`
Original file line number	Diff line number	Diff line change
`@@ -68,7 +68,7 @@ export default {`
`68`	`68`	`}`
`69`	`69`	`.ball_1`
`70`	`70`	`{`
`71`		`- background-color:#cb2025;`
	`71`	`+ background-color:#f7484e;`
`72`	`72`	`top:0; left:0;`
`73`	`73`	`}`
`74`	`74`	`.ball_2`
`@@ -78,12 +78,12 @@ export default {`
`78`	`78`	`}`
`79`	`79`	`.ball_3`
`80`	`80`	`{`
`81`		`- background-color:#00a096;`
	`81`	`+ background-color:#41b883;`
`82`	`82`	`top:24px; left:0;`
`83`	`83`	`}`
`84`	`84`	`.ball_4`
`85`	`85`	`{`
`86`		`- background-color:#97bf0d;`
	`86`	`+ background-color:#34495e;`
`87`	`87`	`top:24px; left:24px;`
`88`	`88`	`}`
`89`	`89`
Original file line number	Diff line number	Diff line change
`@@ -74,7 +74,7 @@ export default {`
`74`	`74`	`width:15px;`
`75`	`75`	`height:15px;`
`76`	`76`	`border-radius:50%;`
`77`		`- background:#41b883;`
	`77`	`+ background:#f7484e;`
`78`	`78`	`position:absolute;`
`79`	`79`	`animation: pingpong-bounce 2s linear infinite;`
`80`	`80`	`}`