improve tag style

roycezmw · Nov 5, 2015 · 930c9cc · 930c9cc
1 parent a953ef4
commit 930c9cc
Show file tree

Hide file tree

Showing 5 changed files with 29 additions and 13 deletions.
diff --git a/css/hux-blog.css b/css/hux-blog.css
@@ -786,28 +786,37 @@ body {
     font-size: 14px;
   }
 }
-.one-tag-list:first-child {
+.t:first-child {
   margin-top: 0px;
 }
 .listing-seperator {
   color: #0085a1;
-  font-size: 17px !important;
+  font-size: 21px !important;
 }
 .listing-seperator::before {
   margin-right: 5px;
 }
 @media only screen and (min-width: 768px) {
   .listing-seperator {
     font-size: 20px !important;
-    line-height: 1.5 !important;
-    margin-top: 5px;
+    line-height: 2 !important;
   }
 }
+.one-tag-list .tag-text {
+  font-weight: 200;
+  /* Hux learn from
+     *     TypeIsBeautiful,
+     *     [This Post](http://zhuanlan.zhihu.com/ibuick/20186806) etc.
+     */
+  font-family: "Helvetica Neue", "Arial", "PingFang SC", "Hiragino Sans GB", "STHeiti", "Microsoft YaHei", "Microsoft JhengHei", "Source Han Sans SC", "Noto Sans CJK SC", "Source Han Sans CN", "Noto Sans SC", "Source Han Sans TC", "Noto Sans CJK TC", "WenQuanYi Micro Hei", SimSun, sans-serif;
+  line-height: 1.7;
+}
 .one-tag-list .post-preview {
   position: relative;
 }
 .one-tag-list .post-preview > a .post-title {
-  font-size: 15px;
+  font-size: 16px;
+  font-weight: 500;
   margin-top: 20px;
 }
 .one-tag-list .post-preview > a .post-subtitle {

diff --git a/css/hux-blog.min.css b/css/hux-blog.min.css
diff --git a/less/hux-blog.less b/less/hux-blog.less
@@ -771,7 +771,7 @@ body {
 	}
 }
 
-.one-tag-list{
+.t{
 	//margin-top: 50px;
 	&:first-child{
 		margin-top: 0px;
@@ -782,24 +782,28 @@ body {
 }
 .listing-seperator{
 	color:#0085a1;
-	font-size: 17px !important;
+	font-size: 21px !important;
 	&::before{
 		margin-right: 5px;
 	}
 	@media only screen and (min-width: 768px) {
 		font-size: 20px !important;
-		line-height: 1.5 !important;
-		margin-top: 5px;
+		line-height: 2 !important;
 	}
 }
 
 // Customize Style for Posts in One-Tag-List
 .one-tag-list{
+	.tag-text{
+		font-weight: 200;
+		.sans-serif;
+	}
 	.post-preview {
 		position: relative;
 		> a {
 			.post-title{
-				font-size: 15px;
+				font-size: 16px;
+				font-weight: 500;
 				margin-top: 20px;
 			}
 			.post-subtitle{

diff --git a/package.json b/package.json
@@ -16,6 +16,7 @@
         "url": "https://github.com/Huxpro/huxpro.github.io"
     },
     "scripts": {
-        "preview": "cd _site; python -m SimpleHTTPServer"
+        "preview": "cd _site; python -m SimpleHTTPServer 8020",
+        "watch": "grunt watch & npm run preview & jekyll serve -w;"
     }
 }
diff --git a/tags.html b/tags.html
@@ -40,7 +40,9 @@ <h1>{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}</h1
             <!-- 标签列表 -->
 			{% for tag in site.tags %}
 			<div class="one-tag-list">
-			  	<span class="fa fa-tag listing-seperator" id="{{ tag[0] }}">{{ tag[0] }}</span>
+			  	<span class="fa fa-tag listing-seperator" id="{{ tag[0] }}">
+                    <span class="tag-text">{{ tag[0] }}</span>
+                </span>
 				{% for post in tag[1] %}
 				  <!-- <li class="listing-item">
 				  <time datetime="{{ post.date | date:"%Y-%m-%d" }}">{{ post.date | date:"%Y-%m-%d" }}</time>