
add markdown style css
@4be41332505541c5ce7c7322e61baa8171eaefe5
+++ app/assets/stylesheets/less/_markdown.less
... | ... | @@ -0,0 +1,107 @@ |
1 | +// readme style | |
2 | +.markdown-wrap { | |
3 | + a { | |
4 | + color:#4183c4; | |
5 | + text-decoration:none; | |
6 | + } | |
7 | + | |
8 | + a:hover { | |
9 | + color:#4183c4; | |
10 | + text-decoration:underline; | |
11 | + } | |
12 | + | |
13 | + a:active { | |
14 | + color:#4183c4; | |
15 | + text-decoration:none; | |
16 | + } | |
17 | + | |
18 | + h1 { | |
19 | + margin:1em 0 15px; | |
20 | + border-bottom:1px solid #bbb; | |
21 | + font-size:2.5em; | |
22 | + } | |
23 | + | |
24 | + h2 { | |
25 | + margin:1em 0 15px; | |
26 | + border-bottom:1px solid #ccc; | |
27 | + font-size:2,0em; | |
28 | + } | |
29 | + | |
30 | + h3 { | |
31 | + font-size:1.5em; | |
32 | + } | |
33 | + | |
34 | + h4 { | |
35 | + font-size:1em; | |
36 | + } | |
37 | + | |
38 | + hr { | |
39 | + height:1px; | |
40 | + margin:10px 0; | |
41 | + border:0;color:#ccc; | |
42 | + background-color:#ccc; | |
43 | + } | |
44 | + | |
45 | + p { | |
46 | + font-size: 14px; | |
47 | + margin : 15px 0; | |
48 | + } | |
49 | + | |
50 | + code { | |
51 | + margin: 0 2px; | |
52 | + padding: 0px 5px; | |
53 | + border: 1px solid #ddd; | |
54 | + background-color: #f8f8f8; | |
55 | + border-radius: 3px; | |
56 | + } | |
57 | + | |
58 | + blockquote{ | |
59 | + border-left: 4px solid #DDD; | |
60 | + padding: 0 15px; | |
61 | + color: #777; | |
62 | + } | |
63 | + | |
64 | + img{ | |
65 | + max-width:100%; | |
66 | + margin:10px 0; | |
67 | + } | |
68 | + | |
69 | + ul{ | |
70 | + margin:10px 15px; | |
71 | + line-height:21px; | |
72 | + list-style:disc; | |
73 | + } | |
74 | + | |
75 | + ol{ | |
76 | + margin:10px 15px; | |
77 | + line-height:21px; | |
78 | + list-style:decimal; | |
79 | + } | |
80 | + | |
81 | + pre { | |
82 | + code { | |
83 | + marign : 0; | |
84 | + padding: 0; | |
85 | + border : none; | |
86 | + background-color:none; | |
87 | + | |
88 | + } | |
89 | + } | |
90 | + | |
91 | + table { | |
92 | + border-collapse:collapse; | |
93 | + | |
94 | + th { | |
95 | + padding:5px; | |
96 | + border:1px solid #dcddde; | |
97 | + background-color:#f7f7f7; | |
98 | + } | |
99 | + | |
100 | + td { | |
101 | + padding:5px; | |
102 | + border:1px solid #dcddde; | |
103 | + } | |
104 | + | |
105 | + } | |
106 | + | |
107 | +}(No newline at end of file) |
--- app/assets/stylesheets/yobi.less
+++ app/assets/stylesheets/yobi.less
... | ... | @@ -5,4 +5,5 @@ |
5 | 5 |
@import "less/_page.less"; |
6 | 6 |
@import "less/_reponsive.less"; |
7 | 7 |
@import "less/_yobiUI.less"; |
8 |
-@import "less/_temporary.less";(No newline at end of file) |
|
8 |
+@import "less/_temporary.less"; |
|
9 |
+@import "less/_markdown.less";(No newline at end of file) |
--- app/views/project/overview.scala.html
+++ app/views/project/overview.scala.html
... | ... | @@ -60,7 +60,7 @@ |
60 | 60 |
} else { |
61 | 61 |
<div class="readme-wrap"> |
62 | 62 |
<header><i class="ico ico-readme-book"></i><strong>@project.getReadmeFileName</strong></header> |
63 |
- <div class="readme-body" markdown="true">@project.readme</div> |
|
63 |
+ <div class="readme-body markdown-wrap" markdown="true">@project.readme</div> |
|
64 | 64 |
</div> |
65 | 65 |
} |
66 | 66 |
@markdown(project) |
Add a comment
Delete comment
Once you delete this comment, you won't be able to recover it. Are you sure you want to delete this comment?