add color prefix

1 files changed, 10 insertions, 10 deletions

diff --git a/sass/parts/_header.scss b/sass/parts/_header.scss
index b22b1e0..ee36e61 100644
--- a/sass/parts/_header.scss
+++ b/sass/parts/_header.scss
@@ -1,8 +1,8 @@
 header{
 	height: 30px;
 	padding: 30px 0;
-	border-bottom: 1px solid $gray04;
 	line-height: 30px;
+	border-bottom: 1px solid $color-gray04;
 	@media screen and (max-width: 1040px){
 		height: auto;
 		position: relative;
@@ -50,7 +50,7 @@ header{
 				}
 				&:hover{
 					>a{
-						color: $main;
+						color: $color-main;
 					}
 				}
 				>a{
@@ -76,8 +76,8 @@ header{
 				left: -15px;
 				z-index: 10;
 				white-space: nowrap;
-				background: $gray04;
-				border: 1px solid $gray03;
+				background: $color-gray04;
+				border: 1px solid $color-gray03;
 				list-style: none;
 				display: none;
 				@media screen and (max-width: 1040px){
@@ -89,7 +89,7 @@ header{
 					@include border-radius(0 5px 5px 5px);
 				}
 				li{
-					@include border-shadow($background, $gray03);
+					@include border-shadow($color-background, $color-gray03);
 					&:hover{
 						background: #d5d5d5;
 					}
@@ -107,7 +107,7 @@ header{
 						display: block;
 						padding: 5px 30px 5px 15px;
 						&:hover{
-							color: $gray01;
+							color: $color-gray01;
 						}
 						&:only-child{
 							background: none;
@@ -140,8 +140,8 @@ header{
 	.search{
 		input[type="text"]{
 			background: image-url('search.png') 10px center no-repeat #f2f2f2;
-			color: $gray02;
-			border: 1px solid $gray04;
+			color: $color-gray02;
+			border: 1px solid $color-gray04;
 			font: 13px $default;
 			padding: 6px 15px 6px 35px;
 			width: 100px;
@@ -153,8 +153,8 @@ header{
 			&:focus, &:active{
 				background: image-url('search.png') 10px center no-repeat #fff;
 				width: 150px;
-				border-top: 1px solid $gray03;
-				color: $gray01;
+				border-top: 1px solid $color-gray03;
+				color: $color-gray01;
 				outline: none;
 				@media screen and (max-width: 600px){
 					width: 100px;