github-docs 0.0.17 → 0.0.18

Sign up to get free protection for your applications and to get access to all the features.
@@ -0,0 +1,51 @@
1
+ .markdown-body {
2
+ h1,
3
+ h2,
4
+ h3,
5
+ h4,
6
+ h5,
7
+ h6 {
8
+ margin-top: $markdown-spacer-4;
9
+ margin-bottom: $markdown-spacer-3;
10
+ font-weight: $markdown-font-weight-bold;
11
+ line-height: 1.25em;
12
+ .octicon-link {
13
+ color: #000;
14
+ vertical-align: middle;
15
+ visibility: hidden;
16
+ }
17
+ &:hover .anchor {
18
+ text-decoration: none;
19
+ .octicon-link {
20
+ visibility: visible;
21
+ }
22
+ }
23
+ tt,
24
+ code {
25
+ font-size: inherit;
26
+ }
27
+ }
28
+ h1 {
29
+ padding-bottom: 0.3em;
30
+ font-size: 2em;
31
+ border-bottom: 1px solid lighten($gray-200, 3%);
32
+ }
33
+ h2 {
34
+ padding-bottom: 0.3em;
35
+ font-size: 1.5em;
36
+ border-bottom: 1px solid lighten($gray-200, 3%);
37
+ }
38
+ h3 {
39
+ font-size: 1.25em;
40
+ }
41
+ h4 {
42
+ font-size: 1em;
43
+ }
44
+ h5 {
45
+ font-size: 0.875em;
46
+ }
47
+ h6 {
48
+ font-size: 0.85em;
49
+ color: $gray-500;
50
+ }
51
+ }
@@ -0,0 +1,101 @@
1
+ .markdown-body {
2
+ // Images & Stuff
3
+ img {
4
+ max-width: 100%;
5
+ // because we put padding on the images to hide header lines, and some people
6
+ // specify the width of their images in their markdown.
7
+ box-sizing: content-box;
8
+ background-color: #fff;
9
+
10
+ &[align=right] {
11
+ padding-left: 20px;
12
+ }
13
+
14
+ &[align=left] {
15
+ padding-right: 20px;
16
+ }
17
+ }
18
+ .emoji {
19
+ max-width: none;
20
+ vertical-align: text-top;
21
+ // Override `<img>` styles so Emjois don't clash with zebra striping in our tables
22
+ background-color: transparent;
23
+ }
24
+
25
+ // Gollum Image Tags
26
+
27
+ // Framed
28
+ span.frame {
29
+ display: block;
30
+ overflow: hidden;
31
+ > span {
32
+ display: block;
33
+ float: left;
34
+ width: auto;
35
+ padding: 7px;
36
+ margin: 13px 0 0;
37
+ overflow: hidden;
38
+ border: 1px solid lighten($gray-300, 5%);
39
+ }
40
+ span img {
41
+ display: block;
42
+ float: left;
43
+ }
44
+ span span {
45
+ display: block;
46
+ padding: 5px 0 0;
47
+ clear: both;
48
+ }
49
+ }
50
+ span.align-center {
51
+ display: block;
52
+ overflow: hidden;
53
+ clear: both;
54
+ > span {
55
+ display: block;
56
+ margin: 13px auto 0;
57
+ overflow: hidden;
58
+ text-align: center;
59
+ }
60
+ span img {
61
+ margin: 0 auto;
62
+ text-align: center;
63
+ }
64
+ }
65
+ span.align-right {
66
+ display: block;
67
+ overflow: hidden;
68
+ clear: both;
69
+ > span {
70
+ display: block;
71
+ margin: 13px 0 0;
72
+ overflow: hidden;
73
+ text-align: right;
74
+ }
75
+ span img {
76
+ margin: 0;
77
+ text-align: right;
78
+ }
79
+ }
80
+ span.float-left {
81
+ display: block;
82
+ float: left;
83
+ margin-right: 13px;
84
+ overflow: hidden;
85
+ span {
86
+ margin: 13px 0 0;
87
+ }
88
+ }
89
+ span.float-right {
90
+ display: block;
91
+ float: right;
92
+ margin-left: 13px;
93
+ overflow: hidden;
94
+ > span {
95
+ display: block;
96
+ margin: 13px auto 0;
97
+ overflow: hidden;
98
+ text-align: right;
99
+ }
100
+ }
101
+ }
@@ -0,0 +1,118 @@
1
+
2
+ $markdown-line-height: 1.5em;
3
+ $markdown-spacer-1: 4px;
4
+ $markdown-spacer-2: 8px;
5
+ $markdown-spacer-3: 16px;
6
+ $markdown-spacer-4: 24px;
7
+ $markdown-font-size-small: 12px;
8
+ $markdown-font-weight-bold: 600;
9
+
10
+ $gray-000: #fafbfc;
11
+ $gray-100: #f6f8fa;
12
+ $gray-200: #e1e4e8;
13
+ $gray-300: #d1d5da;
14
+ $gray-400: #959da5;
15
+ $gray-500: #6a737d;
16
+ $gray-700: #444d56;
17
+
18
+ .markdown-body {
19
+ font-size: 16px;
20
+ line-height: $markdown-line-height;
21
+ word-wrap: break-word;
22
+ color: #24292e;
23
+ &::after {
24
+ display: block;
25
+ clear: both;
26
+ content: "";
27
+ }
28
+ > *:first-child {
29
+ margin-top: 0 !important;
30
+ }
31
+ > *:last-child {
32
+ margin-bottom: 0 !important;
33
+ }
34
+ // Blocks
35
+ p,
36
+ blockquote,
37
+ ul,
38
+ ol,
39
+ dl,
40
+ table,
41
+ pre,
42
+ .highlight {
43
+ margin-top: 0;
44
+ margin-bottom: $markdown-spacer-3;
45
+ }
46
+ hr {
47
+ height: 0.25em;
48
+ padding: 0;
49
+ margin: $markdown-spacer-4 0;
50
+ background-color: $gray-200;
51
+ border: 0;
52
+ }
53
+ blockquote {
54
+ margin-left: 0;
55
+ margin-right: 0;
56
+ padding: 0 1em;
57
+ color: $gray-500;
58
+ border-left: 0.25em solid lighten($gray-300, 5%);
59
+ > :first-child {
60
+ margin-top: 0;
61
+ }
62
+ > :last-child {
63
+ margin-bottom: 0;
64
+ }
65
+ }
66
+ kbd {
67
+ display: inline-block;
68
+ padding: 3px 5px;
69
+ font-size: 11px;
70
+ line-height: 10px;
71
+ color: $gray-700;
72
+ vertical-align: middle;
73
+ background-color: $gray-000;
74
+ border: solid 1px darken($gray-300, 4%);
75
+ border-bottom-color: $gray-400;
76
+ border-radius: 3px;
77
+ box-shadow: inset 0 -1px 0 $gray-400;
78
+ }
79
+ // Anchors like <a name="examples">. These sometimes end up wrapped around
80
+ // text when users mistakenly forget to close the tag or use self-closing tag
81
+ // syntax. We don't want them to appear like links.
82
+ a {
83
+ color: #0366d6;
84
+ text-decoration: none;
85
+ &:hover,
86
+ &:focus {
87
+ text-decoration: underline;
88
+ }
89
+ }
90
+ a:not([href]) {
91
+ color: inherit;
92
+ text-decoration: none;
93
+ }
94
+ // Links
95
+ .absent {
96
+ color: #cb2431;
97
+ }
98
+ .anchor,
99
+ .anchorjs-link {
100
+ float: left;
101
+ line-height: 1em;
102
+ font-size: 1.1em !important;
103
+ padding-right: 10px !important;
104
+ margin-left: calc(-1em - 10px) !important;
105
+ &:hover,
106
+ &:focus {
107
+ outline: none;
108
+ text-decoration: none;
109
+ }
110
+ }
111
+ }
112
+
113
+ @import "./headings.scss";
114
+ @import "./lists.scss";
115
+ @import "./tables.scss";
116
+ @import "./images.scss";
117
+ @import "./code.scss";
118
+ @import "./blob-csv.scss";
@@ -0,0 +1,42 @@
1
+ .markdown-body {
2
+ ul,
3
+ ol {
4
+ padding-left: 2em;
5
+ &.no-list {
6
+ padding: 0;
7
+ list-style-type: none;
8
+ }
9
+ }
10
+ ul ul,
11
+ ul ol,
12
+ ol ol,
13
+ ol ul {
14
+ margin-top: 0;
15
+ margin-bottom: 0;
16
+ }
17
+ li {
18
+ word-wrap: break-all;
19
+ }
20
+ li > p {
21
+ margin-top: $markdown-spacer-3;
22
+ }
23
+ li + li {
24
+ margin-top: 0.25em;
25
+ }
26
+ dl {
27
+ padding: 0;
28
+ dt {
29
+ margin: 0;
30
+ padding: 0;
31
+ margin-top: $markdown-spacer-3;
32
+ font-size: 1em;
33
+ font-style: italic;
34
+ font-weight: $markdown-font-weight-bold;
35
+ }
36
+ dd {
37
+ margin: 0;
38
+ padding: 0 $markdown-spacer-3;
39
+ margin-bottom: $markdown-spacer-3;
40
+ }
41
+ }
42
+ }
@@ -0,0 +1,28 @@
1
+ // Needs refactoring
2
+ // stylelint-disable selector-max-type
3
+ .markdown-body {
4
+ // Tables
5
+ table {
6
+ display: block;
7
+ width: 100%;
8
+ overflow: auto;
9
+ th,
10
+ td {
11
+ padding: 6px 13px;
12
+ border: 1px solid lighten($gray-300, 5%);
13
+ }
14
+ th {
15
+ font-weight: $markdown-font-weight-bold;
16
+ }
17
+ tr {
18
+ background-color: #fff;
19
+ border-top: 1px solid darken($gray-300, 4%);
20
+ &:nth-child(2n) {
21
+ background-color: $gray-100;
22
+ }
23
+ }
24
+ img {
25
+ background-color: transparent;
26
+ }
27
+ }
28
+ }
data/_sass/rouge.scss ADDED
@@ -0,0 +1,217 @@
1
+ .highlight {
2
+ background-color: #f8f8f8;
3
+ table td {
4
+ padding: 5px;
5
+ }
6
+ table pre {
7
+ margin: 0;
8
+ }
9
+ }
10
+ .highlight .cm {
11
+ color: #999988;
12
+ font-style: italic;
13
+ }
14
+ .highlight .cp {
15
+ color: #999999;
16
+ font-weight: bold;
17
+ }
18
+ .highlight .c1 {
19
+ color: #999988;
20
+ font-style: italic;
21
+ }
22
+ .highlight .cs {
23
+ color: #999999;
24
+ font-weight: bold;
25
+ font-style: italic;
26
+ }
27
+ .highlight .c,
28
+ .highlight .cd {
29
+ color: #999988;
30
+ font-style: italic;
31
+ }
32
+ .highlight .err {
33
+ color: #a61717;
34
+ background-color: #e3d2d2;
35
+ }
36
+ .highlight .gd {
37
+ color: #000000;
38
+ background-color: #ffdddd;
39
+ }
40
+ .highlight .ge {
41
+ color: #000000;
42
+ font-style: italic;
43
+ }
44
+ .highlight .gr {
45
+ color: #aa0000;
46
+ }
47
+ .highlight .gh {
48
+ color: #999999;
49
+ }
50
+ .highlight .gi {
51
+ color: #000000;
52
+ background-color: #ddffdd;
53
+ }
54
+ .highlight .go {
55
+ color: #888888;
56
+ }
57
+ .highlight .gp {
58
+ color: #555555;
59
+ }
60
+ .highlight .gs {
61
+ font-weight: bold;
62
+ }
63
+ .highlight .gu {
64
+ color: #aaaaaa;
65
+ }
66
+ .highlight .gt {
67
+ color: #aa0000;
68
+ }
69
+ .highlight .kc {
70
+ color: #000000;
71
+ font-weight: bold;
72
+ }
73
+ .highlight .kd {
74
+ color: #000000;
75
+ font-weight: bold;
76
+ }
77
+ .highlight .kn {
78
+ color: #000000;
79
+ font-weight: bold;
80
+ }
81
+ .highlight .kp {
82
+ color: #000000;
83
+ font-weight: bold;
84
+ }
85
+ .highlight .kr {
86
+ color: #000000;
87
+ font-weight: bold;
88
+ }
89
+ .highlight .kt {
90
+ color: #445588;
91
+ font-weight: bold;
92
+ }
93
+ .highlight .k,
94
+ .highlight .kv {
95
+ color: #000000;
96
+ font-weight: bold;
97
+ }
98
+ .highlight .mf {
99
+ color: #009999;
100
+ }
101
+ .highlight .mh {
102
+ color: #009999;
103
+ }
104
+ .highlight .il {
105
+ color: #009999;
106
+ }
107
+ .highlight .mi {
108
+ color: #009999;
109
+ }
110
+ .highlight .mo {
111
+ color: #009999;
112
+ }
113
+ .highlight .m,
114
+ .highlight .mb,
115
+ .highlight .mx {
116
+ color: #009999;
117
+ }
118
+ .highlight .sb {
119
+ color: #d14;
120
+ }
121
+ .highlight .sc {
122
+ color: #d14;
123
+ }
124
+ .highlight .sd {
125
+ color: #d14;
126
+ }
127
+ .highlight .s2 {
128
+ color: #d14;
129
+ }
130
+ .highlight .se {
131
+ color: #d14;
132
+ }
133
+ .highlight .sh {
134
+ color: #d14;
135
+ }
136
+ .highlight .si {
137
+ color: #d14;
138
+ }
139
+ .highlight .sx {
140
+ color: #d14;
141
+ }
142
+ .highlight .sr {
143
+ color: #009926;
144
+ }
145
+ .highlight .s1 {
146
+ color: #d14;
147
+ }
148
+ .highlight .ss {
149
+ color: #990073;
150
+ }
151
+ .highlight .s {
152
+ color: #d14;
153
+ }
154
+ .highlight .na {
155
+ color: #008080;
156
+ }
157
+ .highlight .bp {
158
+ color: #999999;
159
+ }
160
+ .highlight .nb {
161
+ color: #0086B3;
162
+ }
163
+ .highlight .nc {
164
+ color: #445588;
165
+ font-weight: bold;
166
+ }
167
+ .highlight .no {
168
+ color: #008080;
169
+ }
170
+ .highlight .nd {
171
+ color: #3c5d5d;
172
+ font-weight: bold;
173
+ }
174
+ .highlight .ni {
175
+ color: #800080;
176
+ }
177
+ .highlight .ne {
178
+ color: #990000;
179
+ font-weight: bold;
180
+ }
181
+ .highlight .nf {
182
+ color: #990000;
183
+ font-weight: bold;
184
+ }
185
+ .highlight .nl {
186
+ color: #990000;
187
+ font-weight: bold;
188
+ }
189
+ .highlight .nn {
190
+ color: #555555;
191
+ }
192
+ .highlight .nt {
193
+ color: #000080;
194
+ }
195
+ .highlight .vc {
196
+ color: #008080;
197
+ }
198
+ .highlight .vg {
199
+ color: #008080;
200
+ }
201
+ .highlight .vi {
202
+ color: #008080;
203
+ }
204
+ .highlight .nv {
205
+ color: #008080;
206
+ }
207
+ .highlight .ow {
208
+ color: #000000;
209
+ font-weight: bold;
210
+ }
211
+ .highlight .o {
212
+ color: #000000;
213
+ font-weight: bold;
214
+ }
215
+ .highlight .w {
216
+ color: #bbbbbb;
217
+ }