Browse Source

Increased line-height for body text

Yuin Chien 6 years ago
parent
commit
40783c3447
2 changed files with 14 additions and 14 deletions
  1. 8 8
      docs/page.css
  2. 6 6
      files/main.css

+ 8 - 8
docs/page.css

@@ -3,7 +3,7 @@
 	--text-color: #444;
 	--text-color: #444;
 
 
 	--font-size: 16px;
 	--font-size: 16px;
-	--line-height: 24px;
+	--line-height: 26px;
 
 
 	--border-style: 1px solid #E8E8E8;
 	--border-style: 1px solid #E8E8E8;
 	--panel-width: 300px;
 	--panel-width: 300px;
@@ -61,7 +61,7 @@ h1 {
 	font-weight: normal;
 	font-weight: normal;
 	margin-left: -2px;
 	margin-left: -2px;
 	margin-top: 16px;
 	margin-top: 16px;
-	margin-bottom: -6px;
+	margin-bottom: -8px;
 }
 }
 
 
 h2 {
 h2 {
@@ -70,7 +70,7 @@ h2 {
 	font-weight: normal;
 	font-weight: normal;
 	margin-left: -1px;
 	margin-left: -1px;
 	margin-top: 28px;
 	margin-top: 28px;
-	margin-bottom: -6px;
+	margin-bottom: -8px;
 }
 }
 
 
 h3 {
 h3 {
@@ -78,7 +78,7 @@ h3 {
 	line-height: 28px;
 	line-height: 28px;
 	font-weight: normal;
 	font-weight: normal;
 	margin-top: 24px;
 	margin-top: 24px;
-	margin-bottom: -6px;
+	margin-bottom: -8px;
 }
 }
 
 
 p,
 p,
@@ -86,8 +86,8 @@ div,
 table,
 table,
 ol,
 ol,
 ul {
 ul {
-	margin-top: 12px;
-	margin-bottom: 12px;
+	margin-top: 16px;
+	margin-bottom: 16px;
 }
 }
 
 
 p {
 p {
@@ -111,7 +111,7 @@ li ol {
 
 
 code {
 code {
 	font-size: calc(var(--font-size) - 1px);
 	font-size: calc(var(--font-size) - 1px);
-	line-height: calc(var(--line-height) + 1px);
+	line-height: calc(var(--line-height) - 1px);
 	margin: 16px calc(-1 * var(--page-padding));
 	margin: 16px calc(-1 * var(--page-padding));
 }
 }
 
 
@@ -224,7 +224,7 @@ a.param:hover {
 	:root {
 	:root {
 		--panel-width: 360px;
 		--panel-width: 360px;
 		--font-size: 18px;
 		--font-size: 18px;
-		--line-height: 26px;
+		--line-height: 28px;
 		--max-width: 880px;
 		--max-width: 880px;
 		--page-padding: 28px;
 		--page-padding: 28px;
 		--icon-size: 24px;
 		--icon-size: 24px;

+ 6 - 6
files/main.css

@@ -4,7 +4,7 @@
 	--secondary-text-color: #9e9e9e;
 	--secondary-text-color: #9e9e9e;
 
 
 	--font-size: 16px;
 	--font-size: 16px;
-	--line-height: 24px;
+	--line-height: 26px;
 
 
 	--border-style: 1px solid #E8E8E8;
 	--border-style: 1px solid #E8E8E8;
 	--header-height: 48px;
 	--header-height: 48px;
@@ -38,7 +38,7 @@ html, body {
 
 
 html {
 html {
 	font-size: calc(var(--font-size) - 1px);
 	font-size: calc(var(--font-size) - 1px);
-	line-height: calc(var(--line-height) + 1px);
+	line-height: calc(var(--line-height) - 1px);
 }
 }
 
 
 body {
 body {
@@ -63,16 +63,16 @@ h2 {
 	padding: 0;
 	padding: 0;
 	margin: 16px 0;
 	margin: 16px 0;
 	font-size: calc(var(--font-size) - 1px);
 	font-size: calc(var(--font-size) - 1px);
-	line-height: calc(var(--line-height) + 1px);
+	line-height: var(--line-height);
 	font-weight: 500;
 	font-weight: 500;
 	color: var(--color-blue);
 	color: var(--color-blue);
 }
 }
 
 
 h3 {
 h3 {
-	margin: 2px 0;
+	margin: 0;
 	font-weight: 500;
 	font-weight: 500;
 	font-size: calc(var(--font-size) - 1px);
 	font-size: calc(var(--font-size) - 1px);
-	line-height: calc(var(--line-height) + 1px);
+	line-height: var(--line-height);
 	color: var(--secondary-text-color);
 	color: var(--secondary-text-color);
 }
 }
 
 
@@ -388,7 +388,7 @@ iframe {
 	:root {
 	:root {
 		--panel-width: 360px;
 		--panel-width: 360px;
 		--font-size: 18px;
 		--font-size: 18px;
-		--line-height: 26px;
+		--line-height: 28px;
 		--header-height: 56px;
 		--header-height: 56px;
 		--icon-size: 24px;
 		--icon-size: 24px;
 	}
 	}