1 files changed, 32 insertions, 16 deletions

diff --git a/sass/parts/_article.scss b/sass/parts/_article.scss
index ba14807..fdcb74d 100644
--- a/sass/parts/_article.scss
+++ b/sass/parts/_article.scss
@@ -1,6 +1,6 @@
 article{
-	border-bottom: 1px solid $gray04;
-	border-top: 1px solid $gray05;
+	border-bottom: 1px solid $color-gray04;
+	border-top: 1px solid $color-gray05;
 	padding: 30px 0;
 	position: relative;
 	@media screen and (max-width: 800px){
@@ -14,10 +14,10 @@ article{
 		line-height: 35px;
 		margin-bottom: 20px;
 		a{
-			color: $gray01;
+			color: $color-gray01;
 		}
 	}
-	.entry{
+	.entry-content{
 		line-height: 2;
 		text-align: justify;
 		a{
@@ -27,9 +27,16 @@ article{
 		}
 		.more-link{
 			display: block;
-			margin-top: 20px;
+			margin-top: 16px;
 			padding-left: 30px;
-			background: image-url('more.png') 0 center no-repeat;
+			position: relative;
+			&:before{
+				content: "\f061";
+				font: 1.3em $font-icon;
+				line-height: 1.6em;
+				position: absolute;
+				left: 0;
+			}
 		}
 		p, blockquote, ul, ol, dl, table, iframe, h1, h2, h3, h4, h5, h6, .video-container{
 			margin-top: 10px;
@@ -51,13 +58,13 @@ article{
 		}
 		h2{
 			font-weight: 300;
-			border-bottom: 1px solid $gray04;
+			border-bottom: 1px solid $color-gray04;
 			position: relative;
 			&:before{
 				content: "";
 				position: absolute;
 				bottom: -2px;
-				border-bottom: 1px solid $gray05;
+				border-bottom: 1px solid $color-gray05;
 				width: 100%;
 			}
 		}
@@ -66,8 +73,8 @@ article{
 			height: auto;
 		}
 		blockquote{
-			background: $gray04;
-			border-left: 5px solid $gray03;
+			background: $color-gray04;
+			border-left: 5px solid $color-gray03;
 			padding: 15px 20px;
 			margin-top: 10px;
 			& > p:first-of-type{
@@ -78,12 +85,12 @@ article{
 			border: none;
 		}
 		table{
-			background: $gray04;
-			border: 1px solid $gray03;
+			background: $color-gray04;
+			border: 1px solid $color-gray03;
 			border-spacing: 0;
 			margin-top: 10px;
 			th{
-				background: $gray03;
+				background: $color-gray03;
 				padding: 0 15px;
 			}
 			td{
@@ -96,11 +103,19 @@ article{
 			}
 		}
 		.caption{
-			background: image-url('caption.png') 0 4px no-repeat;
 			display: block;
-			font-size: $meta-size;
-			color: $gray02;
+			font-size: 0.9em;
+			color: $color-gray02;
 			padding-left: 25px;
+			position: relative;
+			&:before{
+				content: "\f040";
+				color: $color-gray03;
+				font: 1.3em $font-icon;
+				line-height: 1.6em;
+				position: absolute;
+				left: 0;
+			}
 		}
 		.video-container{
 			position: relative;
@@ -114,6 +129,7 @@ article{
 				left: 0;
 				width: 100%;
 				height: 100%;
+				margin-top: 0;
 			}
 		}
 	}