Improve markdwon typography

Signed-off-by: Dmitriy Zaporozhets <dmitriy.zaporozhets@gmail.com>

Improve markdwon typography
Signed-off-by: Dmitriy Zaporozhets <dmitriy.zaporozhets@gmail.com>
Dmitriy Zaporozhets
1 parent f51c21b6
Showing 1 changed file with 30 additions and 4 deletions Show diff stats
app/assets/stylesheets/gitlab_bootstrap/mixins.scss
@@ -89,10 +89,26 @@
   }
  
   code { padding: 0 4px; }
-  h1 { margin-top: 30px;}
-  h2 { margin-top: 25px;}
-  h3 { margin-top: 20px;}
-  h4 { margin-top: 15px;}
+
+  h1 {
+    margin-top: 45px;
+    font-size: 2.5em;
+  }
+
+  h2 {
+    margin-top: 40px;
+    font-size: 2em;
+  }
+
+  h3 {
+    margin-top: 35px;
+    font-size: 2em;
+  }
+
+  h4 {
+    margin-top: 30px;
+    font-size: 1.5em;
+  }
  
   blockquote p {
     color: #888;
@@ -107,6 +123,16 @@
       background: #EEE;
     }
   }
+
+  code {
+    font-size: inherit;
+    font-weight: inherit;
+    color: #555;
+  }
+
+  li {
+    line-height: 1.5;
+  }
 }
  
 @mixin page-title {
...	...	@@ -89,10 +89,26 @@
89	89	}
90	90
91	91	code { padding: 0 4px; }
92		- h1 { margin-top: 30px;}
93		- h2 { margin-top: 25px;}
94		- h3 { margin-top: 20px;}
95		- h4 { margin-top: 15px;}
	92	+
	93	+ h1 {
	94	+ margin-top: 45px;
	95	+ font-size: 2.5em;
	96	+ }
	97	+
	98	+ h2 {
	99	+ margin-top: 40px;
	100	+ font-size: 2em;
	101	+ }
	102	+
	103	+ h3 {
	104	+ margin-top: 35px;
	105	+ font-size: 2em;
	106	+ }
	107	+
	108	+ h4 {
	109	+ margin-top: 30px;
	110	+ font-size: 1.5em;
	111	+ }
96	112
97	113	blockquote p {
98	114	color: #888;
...	...	@@ -107,6 +123,16 @@
107	123	background: #EEE;
108	124	}
109	125	}
	126	+
	127	+ code {
	128	+ font-size: inherit;
	129	+ font-weight: inherit;
	130	+ color: #555;
	131	+ }
	132	+
	133	+ li {
	134	+ line-height: 1.5;
	135	+ }
110	136	}
111	137
112	138	@mixin page-title {
...	...