From ea7ba27c605c2ba93ed661715f1bc272abc661b7 Mon Sep 17 00:00:00 2001
From: Tommy Chen <tommy351@gmail.com>
Date: Wed, 6 Jun 2012 12:59:54 +0800
Subject: replace icons with icon font

---
 sass/parts/_archive.scss   |  18 ++++++++----------
 sass/parts/_article.scss   |  21 ++++++++++++++++++---
 sass/parts/_index.scss     |  14 ++++++++++++--
 sass/parts/_post.scss      |  20 +++++++++++---------
 source/images/back.png     | Bin 1420 -> 0 bytes
 source/images/caption.png  | Bin 1266 -> 0 bytes
 source/images/comments.png | Bin 1186 -> 0 bytes
 source/images/date.png     | Bin 1327 -> 0 bytes
 source/images/more.png     | Bin 1416 -> 0 bytes
 source/images/tags.png     | Bin 1194 -> 0 bytes
 10 files changed, 49 insertions(+), 24 deletions(-)
 delete mode 100644 source/images/back.png
 delete mode 100644 source/images/caption.png
 delete mode 100644 source/images/comments.png
 delete mode 100644 source/images/date.png
 delete mode 100644 source/images/more.png
 delete mode 100644 source/images/tags.png

diff --git a/sass/parts/_archive.scss b/sass/parts/_archive.scss
index 1a2009c..61442b9 100644
--- a/sass/parts/_archive.scss
+++ b/sass/parts/_archive.scss
@@ -49,8 +49,12 @@
 			}
 			span{
 				margin-right: 30px;
-				padding-left: 30px;
 				@include inline-block;
+				&:before{
+					color: $color-gray03;
+					font: 1.3em $font-icon;
+					padding-right: 10px;
+				}
 			}
 			a{
 				color: $color-gray02;
@@ -59,15 +63,9 @@
 					color: $color-gray01;
 				}
 			}
-			.date{
-				background: image-url('date.png') 0 center no-repeat;
-			}
-			.tags{
-				background: image-url('tags.png') 0 center no-repeat;
-			}
-			.comments{
-				background: image-url('comments.png') 0 center no-repeat;
-			}
+			.date:before{content: "\f073";}
+			.tags:before{content: "\f02c";}
+			.comments:before{content: "\f075";}
 		}
 	}
 }
\ No newline at end of file
diff --git a/sass/parts/_article.scss b/sass/parts/_article.scss
index 91f6273..fdcb74d 100644
--- a/sass/parts/_article.scss
+++ b/sass/parts/_article.scss
@@ -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;
@@ -96,11 +103,19 @@ article{
 			}
 		}
 		.caption{
-			background: image-url('caption.png') 0 4px no-repeat;
 			display: block;
 			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;
diff --git a/sass/parts/_index.scss b/sass/parts/_index.scss
index f833fb9..833bf02 100644
--- a/sass/parts/_index.scss
+++ b/sass/parts/_index.scss
@@ -13,14 +13,24 @@
 		position: absolute;
 	}
 	.prev{
-		background: image-url('back.png') 0 center no-repeat;
 		padding-left: 30px;
 		left: 0;
+		&:before{
+			content: "\f060";
+			font: 1.3em $font-icon;
+			position: absolute;
+			left: 0;
+		}
 	}
 	.next{
-		background: image-url('more.png') right center no-repeat;
 		padding-right: 30px;
 		right: 0;
+		&:before{
+			content: "\f061";
+			font: 1.3em $font-icon;
+			position: absolute;
+			right: 0;
+		}
 	}
 	.center{
 		text-align: center;
diff --git a/sass/parts/_post.scss b/sass/parts/_post.scss
index fc4bf6d..5259265 100644
--- a/sass/parts/_post.scss
+++ b/sass/parts/_post.scss
@@ -23,19 +23,21 @@
 		}
 		.date, .tags, .comments{
 			padding-left: 30px;
+			position: relative;
+			&:before{
+				color: $color-gray03;
+				font: 1.3em $font-icon;
+				line-height: 1.6em;
+				position: absolute;
+				left: 0;
+			}
 			@media screen and (max-width: 800px){
 				@include inline-block;
 				margin-right: 30px;
 			}
 		}
-		.date{
-			background: image-url('date.png') 0 center no-repeat;
-		}
-		.tags{
-			background: image-url('tags.png') 0 center no-repeat;
-		}
-		.comments{
-			background: image-url('comments.png') 0 center no-repeat;
-		}
+		.date:before{content: "\f073";}
+		.tags:before{content: "\f02c";}
+		.comments:before{content: "\f075";}
 	}
 }
\ No newline at end of file
diff --git a/source/images/back.png b/source/images/back.png
deleted file mode 100644
index bbc0aeb..0000000
Binary files a/source/images/back.png and /dev/null differ
diff --git a/source/images/caption.png b/source/images/caption.png
deleted file mode 100644
index 33e073a..0000000
Binary files a/source/images/caption.png and /dev/null differ
diff --git a/source/images/comments.png b/source/images/comments.png
deleted file mode 100644
index f40048d..0000000
Binary files a/source/images/comments.png and /dev/null differ
diff --git a/source/images/date.png b/source/images/date.png
deleted file mode 100644
index 7f5de08..0000000
Binary files a/source/images/date.png and /dev/null differ
diff --git a/source/images/more.png b/source/images/more.png
deleted file mode 100644
index f24a957..0000000
Binary files a/source/images/more.png and /dev/null differ
diff --git a/source/images/tags.png b/source/images/tags.png
deleted file mode 100644
index b2f401f..0000000
Binary files a/source/images/tags.png and /dev/null differ
-- 
cgit v1.1-2-g2b99