fix: improve typography

tune line height, border color
winddweb · Apr 1, 2017 · 9b050cc · 9b050cc
1 parent 4bd63b4
commit 9b050cc
Showing 1 changed file with 40 additions and 9 deletions.
diff --git a/zhihu-question.scss b/zhihu-question.scss
@@ -127,6 +127,10 @@ header {
 		// Question header
 		.QuestionHeader-main {
 			padding: 0 10px;
+			.QuestionRichText {
+				// font-size: 15px;
+				line-height: 24px;
+			}
 		}
 		.QuestionHeader-side {
 
@@ -195,23 +199,50 @@ header {
 					min-height: auto;
 				}
 			}
-			.QuestionMainAction,
-			.AnswerAdd {
-				background: #efefef;
-			}
-			.AnswerItem-meta.AnswerItem-meta--related {
-				border-bottom: 1px solid #ccc;
-			}
 
 			.ContentItem-actions:not(.is-fixed) {
-				border-bottom: 1px solid #ccc;
 				margin-bottom: 40px;
 			}
 			.List-header {
 				margin: 0 12px;
 			}
+
+			.List-item {
+				.ContentItem-meta {
+
+				}
+
+				.RichContent {
+					// font-size: 15px;
+					line-height: 24px;
+				}
+
+				.RichText {
+					p {
+						margin-bottom: 0.5em;
+					}
+				}
+			}
+
 			.List-item:not(:last-child):after {
-				border-bottom:none;
+				// border-bottom:none;
+				// border-top: 1px solid #ccc;
+			}
+
+			.QuestionMainAction,
+			.AnswerAdd {
+				background: #efefef;
+			}
+			.AnswerItem-meta.AnswerItem-meta--related {
+				border-bottom: 1px solid #ccc;
+			}
+
+			.QuestionAnswers-answerAdd {
+				.AnswerForm-editor {
+					&.is-focus {
+
+					}
+				}
 			}
 		}
 		.Question-sideColumn {