Commit @00f1f291e098aa7711735367a8dd4c1d61dffd4c

doortts 2016-12-24

markdown: more robust & clean rendering css

@00f1f291e098aa7711735367a8dd4c1d61dffd4c

56f8288

00f1f29

app/assets/stylesheets/less/_markdown.less

--- app/assets/stylesheets/less/_markdown.less

+++ app/assets/stylesheets/less/_markdown.less


   font-size: 1.15em;
   clear: both;
   overflow: auto;
-  font-family: "Apple SD Gothic Neo", "Noto Sans", "New Roboto", "Nanum Gothic", "Malgun Gothic", sans-serif;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Malgun Gothic", "Helvetica Neue", "Apple SD Gothic Neo", "Nanum Barun Gothic Light", "Nanum Barun Gothic", sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -webkit-text-size-adjust: 100%;
+  -webkit-font-feature-settings: "kern" 1;
+  -moz-font-feature-settings: "kern" 1;
+  -o-font-feature-settings: "kern" 1;
+  font-feature-settings: "kern" 1;
+  font-kerning: normal;
+
   word-wrap: break-word;
 
   ul, ol {

   li > p {
     margin-top: 0;
     margin-bottom: 5px;
+  }
+
+  ul > li > p {
+    margin-top: 16px;
+    margin-bottom: 16px;
   }
 
   a {

     color: #777;
   }
 
+  li > img {
+    max-width:80%;
+  }
   img{
     max-width:100%;
     margin:10px 0; padding: 10px;

56f8288

00f1f29

app/assets/stylesheets/less/_reponsive.less

--- app/assets/stylesheets/less/_reponsive.less

+++ app/assets/stylesheets/less/_reponsive.less


         p, ul, ol {
             font-size: 16px !important;
         }
+        li > img {
+            max-width: 100% !important;
+        }
         img {
             padding: 0 !important;
             box-shadow: none !important;

56f8288

00f1f29

app/assets/stylesheets/less/_variables.less

--- app/assets/stylesheets/less/_variables.less

+++ app/assets/stylesheets/less/_variables.less


 @base-webfont-path: "../images/webfont";
 
 // Typography
-@base-font-family:"Apple SD Gothic Neo", "Noto Sans", "New Roboto", "Helvetica Neue", "Helvetica", "Arial", "나눔고딕", "NanumGothic", "NanumGothic", "NanumGothicOTF", "맑은 고딕", "Nanum Barun Gothic Light", sans-serif;
-@fixed-font-family: "Consolas", "Menlo", "Monaco", "Ubuntu Mono",  "source-code-pro", monospace;
+@base-font-family: -apple-system, BlinkMacSystemFont, "Noto Sans", "New Roboto", "Helvetica Neue", "Helvetica", "Apple SD Gothic Neo", "Arial", "나눔고딕", "NanumGothic", "NanumGothic", "NanumGothicOTF", "맑은 고딕", sans-serif;
+@fixed-font-family: Consolas, "Menlo", "Monaco", "Ubuntu Mono",  "source-code-pro", monospace;
 
 @base-font-size  : 13px;
 @base-line-height: 18px;

Add a comment

Open 0
Closed 0

List

...	...	@@ -17,7 +17,15 @@
17	17	font-size: 1.15em;
18	18	clear: both;
19	19	overflow: auto;
20		- font-family: "Apple SD Gothic Neo", "Noto Sans", "New Roboto", "Nanum Gothic", "Malgun Gothic", sans-serif;
	20	+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Malgun Gothic", "Helvetica Neue", "Apple SD Gothic Neo", "Nanum Barun Gothic Light", "Nanum Barun Gothic", sans-serif;
	21	+ -webkit-font-smoothing: antialiased;
	22	+ -webkit-text-size-adjust: 100%;
	23	+ -webkit-font-feature-settings: "kern" 1;
	24	+ -moz-font-feature-settings: "kern" 1;
	25	+ -o-font-feature-settings: "kern" 1;
	26	+ font-feature-settings: "kern" 1;
	27	+ font-kerning: normal;
	28	+
21	29	word-wrap: break-word;
22	30
23	31	ul, ol {
...	...	@@ -43,6 +51,11 @@
43	51	li > p {
44	52	margin-top: 0;
45	53	margin-bottom: 5px;
	54	+ }
	55	+
	56	+ ul > li > p {
	57	+ margin-top: 16px;
	58	+ margin-bottom: 16px;
46	59	}
47	60
48	61	a {
...	...	@@ -147,6 +160,9 @@
147	160	color: #777;
148	161	}
149	162
	163	+ li > img {
	164	+ max-width:80%;
	165	+ }
150	166	img{
151	167	max-width:100%;
152	168	margin:10px 0; padding: 10px;

...	...	@@ -19,6 +19,9 @@
19	19	p, ul, ol {
20	20	font-size: 16px !important;
21	21	}
	22	+ li > img {
	23	+ max-width: 100% !important;
	24	+ }
22	25	img {
23	26	padding: 0 !important;
24	27	box-shadow: none !important;

...	...	@@ -9,8 +9,8 @@
9	9	@base-webfont-path: "../images/webfont";
10	10
11	11	// Typography
12		-@base-font-family:"Apple SD Gothic Neo", "Noto Sans", "New Roboto", "Helvetica Neue", "Helvetica", "Arial", "나눔고딕", "NanumGothic", "NanumGothic", "NanumGothicOTF", "맑은 고딕", "Nanum Barun Gothic Light", sans-serif;
13		-@fixed-font-family: "Consolas", "Menlo", "Monaco", "Ubuntu Mono", "source-code-pro", monospace;
	12	+@base-font-family: -apple-system, BlinkMacSystemFont, "Noto Sans", "New Roboto", "Helvetica Neue", "Helvetica", "Apple SD Gothic Neo", "Arial", "나눔고딕", "NanumGothic", "NanumGothic", "NanumGothicOTF", "맑은 고딕", sans-serif;
	13	+@fixed-font-family: Consolas, "Menlo", "Monaco", "Ubuntu Mono", "source-code-pro", monospace;
14	14
15	15	@base-font-size : 13px;
16	16	@base-line-height: 18px;

Delete comment