github-docs 0.0.1
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +7 -0
- data/_includes/sidebar.html +66 -0
- data/_layouts/default.html +50 -0
- data/_layouts/home.html +4 -0
- data/_layouts/page.html +4 -0
- data/_layouts/post.html +4 -0
- data/_sass/github-docs.scss +215 -0
- data/_sass/primer-base/base.scss +84 -0
- data/_sass/primer-base/index.scss +3 -0
- data/_sass/primer-base/normalize.scss +421 -0
- data/_sass/primer-base/typography-base.scss +86 -0
- data/_sass/primer-layout/columns.scss +54 -0
- data/_sass/primer-layout/container.scss +30 -0
- data/_sass/primer-layout/grid-offset.scss +19 -0
- data/_sass/primer-layout/grid.scss +64 -0
- data/_sass/primer-layout/index.scss +4 -0
- data/_sass/primer-markdown/blob-csv.scss +27 -0
- data/_sass/primer-markdown/code.scss +63 -0
- data/_sass/primer-markdown/headings.scss +65 -0
- data/_sass/primer-markdown/images.scss +119 -0
- data/_sass/primer-markdown/index.scss +7 -0
- data/_sass/primer-markdown/lists.scss +76 -0
- data/_sass/primer-markdown/markdown-body.scss +106 -0
- data/_sass/primer-markdown/tables.scss +33 -0
- data/_sass/primer-support/index.scss +11 -0
- data/_sass/primer-support/mixins/buttons.scss +160 -0
- data/_sass/primer-support/mixins/layout.scss +58 -0
- data/_sass/primer-support/mixins/misc.scss +29 -0
- data/_sass/primer-support/mixins/typography.scss +84 -0
- data/_sass/primer-support/variables/color-system.scss +114 -0
- data/_sass/primer-support/variables/colors.scss +67 -0
- data/_sass/primer-support/variables/layout.scss +78 -0
- data/_sass/primer-support/variables/misc.scss +40 -0
- data/_sass/primer-support/variables/typography.scss +43 -0
- data/_sass/primer-utilities/animations.scss +184 -0
- data/_sass/primer-utilities/borders.scss +100 -0
- data/_sass/primer-utilities/box-shadow.scss +26 -0
- data/_sass/primer-utilities/colors.scss +106 -0
- data/_sass/primer-utilities/details.scss +18 -0
- data/_sass/primer-utilities/flexbox.scss +52 -0
- data/_sass/primer-utilities/index.scss +13 -0
- data/_sass/primer-utilities/layout.scss +85 -0
- data/_sass/primer-utilities/margin.scss +53 -0
- data/_sass/primer-utilities/padding.scss +54 -0
- data/_sass/primer-utilities/typography.scss +215 -0
- data/_sass/primer-utilities/visibility-display.scss +87 -0
- data/_sass/rouge.scss +209 -0
- data/assets/css/index.scss +16 -0
- data/assets/imgs/back.svg +1 -0
- data/assets/js/anchor.min.js +6 -0
- data/assets/js/index.js +52 -0
- data/readme.md +34 -0
- metadata +156 -0
@@ -0,0 +1,421 @@
|
|
1
|
+
// stylelint-disable
|
2
|
+
/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
|
3
|
+
|
4
|
+
/**
|
5
|
+
* 1. Change the default font family in all browsers (opinionated).
|
6
|
+
* 2. Prevent adjustments of font size after orientation changes in IE and iOS.
|
7
|
+
*/
|
8
|
+
|
9
|
+
html {
|
10
|
+
font-family: sans-serif; /* 1 */
|
11
|
+
-ms-text-size-adjust: 100%; /* 2 */
|
12
|
+
-webkit-text-size-adjust: 100%; /* 2 */
|
13
|
+
}
|
14
|
+
|
15
|
+
/**
|
16
|
+
* Remove the margin in all browsers (opinionated).
|
17
|
+
*/
|
18
|
+
|
19
|
+
body {
|
20
|
+
margin: 0;
|
21
|
+
}
|
22
|
+
|
23
|
+
/* HTML5 display definitions
|
24
|
+
========================================================================== */
|
25
|
+
|
26
|
+
/**
|
27
|
+
* Add the correct display in IE 9-.
|
28
|
+
* 1. Add the correct display in Edge, IE, and Firefox.
|
29
|
+
* 2. Add the correct display in IE.
|
30
|
+
*/
|
31
|
+
|
32
|
+
article,
|
33
|
+
aside,
|
34
|
+
details, /* 1 */
|
35
|
+
figcaption,
|
36
|
+
figure,
|
37
|
+
footer,
|
38
|
+
header,
|
39
|
+
main, /* 2 */
|
40
|
+
menu,
|
41
|
+
nav,
|
42
|
+
section { /* 1 */
|
43
|
+
display: block;
|
44
|
+
}
|
45
|
+
|
46
|
+
summary {
|
47
|
+
display: list-item;
|
48
|
+
}
|
49
|
+
|
50
|
+
/**
|
51
|
+
* Add the correct display in IE 9-.
|
52
|
+
*/
|
53
|
+
|
54
|
+
audio,
|
55
|
+
canvas,
|
56
|
+
progress,
|
57
|
+
video {
|
58
|
+
display: inline-block;
|
59
|
+
}
|
60
|
+
|
61
|
+
/**
|
62
|
+
* Add the correct display in iOS 4-7.
|
63
|
+
*/
|
64
|
+
|
65
|
+
audio:not([controls]) {
|
66
|
+
display: none;
|
67
|
+
height: 0;
|
68
|
+
}
|
69
|
+
|
70
|
+
/**
|
71
|
+
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
|
72
|
+
*/
|
73
|
+
|
74
|
+
progress {
|
75
|
+
vertical-align: baseline;
|
76
|
+
}
|
77
|
+
|
78
|
+
/**
|
79
|
+
* Add the correct display in IE 10-.
|
80
|
+
* 1. Add the correct display in IE.
|
81
|
+
*/
|
82
|
+
|
83
|
+
template, /* 1 */
|
84
|
+
[hidden] {
|
85
|
+
display: none !important;
|
86
|
+
}
|
87
|
+
|
88
|
+
/* Links
|
89
|
+
========================================================================== */
|
90
|
+
|
91
|
+
/**
|
92
|
+
* Remove the gray background on active links in IE 10.
|
93
|
+
*/
|
94
|
+
|
95
|
+
a {
|
96
|
+
background-color: transparent; /* 1 */
|
97
|
+
}
|
98
|
+
|
99
|
+
/**
|
100
|
+
* Remove the outline on focused links when they are also active or hovered
|
101
|
+
* in all browsers (opinionated).
|
102
|
+
*/
|
103
|
+
|
104
|
+
a:active,
|
105
|
+
a:hover {
|
106
|
+
outline-width: 0;
|
107
|
+
}
|
108
|
+
|
109
|
+
/* Text-level semantics
|
110
|
+
========================================================================== */
|
111
|
+
|
112
|
+
/**
|
113
|
+
* 1. Remove the bottom border in Firefox 39-.
|
114
|
+
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
|
115
|
+
*/
|
116
|
+
|
117
|
+
abbr[title] {
|
118
|
+
border-bottom: none; /* 1 */
|
119
|
+
text-decoration: underline; /* 2 */
|
120
|
+
text-decoration: underline dotted; /* 2 */
|
121
|
+
}
|
122
|
+
|
123
|
+
/**
|
124
|
+
* Prevent the duplicate application of `bolder` by the next rule in Safari 6.
|
125
|
+
*/
|
126
|
+
|
127
|
+
b,
|
128
|
+
strong {
|
129
|
+
font-weight: inherit;
|
130
|
+
}
|
131
|
+
|
132
|
+
/**
|
133
|
+
* Add the correct font weight in Chrome, Edge, and Safari.
|
134
|
+
*/
|
135
|
+
|
136
|
+
b,
|
137
|
+
strong {
|
138
|
+
font-weight: bolder;
|
139
|
+
}
|
140
|
+
|
141
|
+
/**
|
142
|
+
* Add the correct font style in Android 4.3-.
|
143
|
+
*/
|
144
|
+
|
145
|
+
dfn {
|
146
|
+
font-style: italic;
|
147
|
+
}
|
148
|
+
|
149
|
+
/**
|
150
|
+
* Correct the font size and margin on `h1` elements within `section` and
|
151
|
+
* `article` contexts in Chrome, Firefox, and Safari.
|
152
|
+
*/
|
153
|
+
|
154
|
+
h1 {
|
155
|
+
font-size: 2em;
|
156
|
+
margin: 0.67em 0;
|
157
|
+
}
|
158
|
+
|
159
|
+
/**
|
160
|
+
* Add the correct background and color in IE 9-.
|
161
|
+
*/
|
162
|
+
|
163
|
+
mark {
|
164
|
+
background-color: #ff0;
|
165
|
+
color: #000;
|
166
|
+
}
|
167
|
+
|
168
|
+
/**
|
169
|
+
* Add the correct font size in all browsers.
|
170
|
+
*/
|
171
|
+
|
172
|
+
small {
|
173
|
+
font-size: 80%;
|
174
|
+
}
|
175
|
+
|
176
|
+
/**
|
177
|
+
* Prevent `sub` and `sup` elements from affecting the line height in
|
178
|
+
* all browsers.
|
179
|
+
*/
|
180
|
+
|
181
|
+
sub,
|
182
|
+
sup {
|
183
|
+
font-size: 75%;
|
184
|
+
line-height: 0;
|
185
|
+
position: relative;
|
186
|
+
vertical-align: baseline;
|
187
|
+
}
|
188
|
+
|
189
|
+
sub {
|
190
|
+
bottom: -0.25em;
|
191
|
+
}
|
192
|
+
|
193
|
+
sup {
|
194
|
+
top: -0.5em;
|
195
|
+
}
|
196
|
+
|
197
|
+
/* Embedded content
|
198
|
+
========================================================================== */
|
199
|
+
|
200
|
+
/**
|
201
|
+
* Remove the border on images inside links in IE 10-.
|
202
|
+
*/
|
203
|
+
|
204
|
+
img {
|
205
|
+
border-style: none;
|
206
|
+
}
|
207
|
+
|
208
|
+
/**
|
209
|
+
* Hide the overflow in IE.
|
210
|
+
*/
|
211
|
+
|
212
|
+
svg:not(:root) {
|
213
|
+
overflow: hidden;
|
214
|
+
}
|
215
|
+
|
216
|
+
/* Grouping content
|
217
|
+
========================================================================== */
|
218
|
+
|
219
|
+
/**
|
220
|
+
* 1. Correct the inheritance and scaling of font size in all browsers.
|
221
|
+
* 2. Correct the odd `em` font sizing in all browsers.
|
222
|
+
*/
|
223
|
+
|
224
|
+
code,
|
225
|
+
kbd,
|
226
|
+
pre,
|
227
|
+
samp {
|
228
|
+
font-family: monospace, monospace; /* 1 */
|
229
|
+
font-size: 1em; /* 2 */
|
230
|
+
}
|
231
|
+
|
232
|
+
/**
|
233
|
+
* Add the correct margin in IE 8.
|
234
|
+
*/
|
235
|
+
|
236
|
+
figure {
|
237
|
+
margin: 1em 40px;
|
238
|
+
}
|
239
|
+
|
240
|
+
/**
|
241
|
+
* 1. Add the correct box sizing in Firefox.
|
242
|
+
* 2. Show the overflow in Edge and IE.
|
243
|
+
*/
|
244
|
+
|
245
|
+
hr {
|
246
|
+
box-sizing: content-box; /* 1 */
|
247
|
+
height: 0; /* 1 */
|
248
|
+
overflow: visible; /* 2 */
|
249
|
+
}
|
250
|
+
|
251
|
+
/* Forms
|
252
|
+
========================================================================== */
|
253
|
+
|
254
|
+
/**
|
255
|
+
* 1. Change font properties to `inherit` in all browsers (opinionated).
|
256
|
+
* 2. Remove the margin in Firefox and Safari.
|
257
|
+
*/
|
258
|
+
|
259
|
+
button,
|
260
|
+
input,
|
261
|
+
select,
|
262
|
+
textarea {
|
263
|
+
font: inherit; /* 1 */
|
264
|
+
margin: 0; /* 2 */
|
265
|
+
}
|
266
|
+
|
267
|
+
/**
|
268
|
+
* Restore the font weight unset by the previous rule.
|
269
|
+
*/
|
270
|
+
|
271
|
+
optgroup {
|
272
|
+
font-weight: bold;
|
273
|
+
}
|
274
|
+
|
275
|
+
/**
|
276
|
+
* Show the overflow in IE.
|
277
|
+
* 1. Show the overflow in Edge.
|
278
|
+
*/
|
279
|
+
|
280
|
+
button,
|
281
|
+
input { /* 1 */
|
282
|
+
overflow: visible;
|
283
|
+
}
|
284
|
+
|
285
|
+
/**
|
286
|
+
* Remove the inheritance of text transform in Edge, Firefox, and IE.
|
287
|
+
* 1. Remove the inheritance of text transform in Firefox.
|
288
|
+
*/
|
289
|
+
|
290
|
+
button,
|
291
|
+
select { /* 1 */
|
292
|
+
text-transform: none;
|
293
|
+
}
|
294
|
+
|
295
|
+
/**
|
296
|
+
* 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
|
297
|
+
* controls in Android 4.
|
298
|
+
* 2. Correct the inability to style clickable types in iOS and Safari.
|
299
|
+
*/
|
300
|
+
|
301
|
+
button,
|
302
|
+
html [type="button"], /* 1 */
|
303
|
+
[type="reset"],
|
304
|
+
[type="submit"] {
|
305
|
+
-webkit-appearance: button; /* 2 */
|
306
|
+
}
|
307
|
+
|
308
|
+
/**
|
309
|
+
* Remove the inner border and padding in Firefox.
|
310
|
+
*/
|
311
|
+
|
312
|
+
button::-moz-focus-inner,
|
313
|
+
[type="button"]::-moz-focus-inner,
|
314
|
+
[type="reset"]::-moz-focus-inner,
|
315
|
+
[type="submit"]::-moz-focus-inner {
|
316
|
+
border-style: none;
|
317
|
+
padding: 0;
|
318
|
+
}
|
319
|
+
|
320
|
+
/**
|
321
|
+
* Restore the focus styles unset by the previous rule.
|
322
|
+
*/
|
323
|
+
|
324
|
+
button:-moz-focusring,
|
325
|
+
[type="button"]:-moz-focusring,
|
326
|
+
[type="reset"]:-moz-focusring,
|
327
|
+
[type="submit"]:-moz-focusring {
|
328
|
+
outline: 1px dotted ButtonText;
|
329
|
+
}
|
330
|
+
|
331
|
+
/**
|
332
|
+
* Change the border, margin, and padding in all browsers (opinionated).
|
333
|
+
*/
|
334
|
+
|
335
|
+
fieldset {
|
336
|
+
border: 1px solid #c0c0c0;
|
337
|
+
margin: 0 2px;
|
338
|
+
padding: 0.35em 0.625em 0.75em;
|
339
|
+
}
|
340
|
+
|
341
|
+
/**
|
342
|
+
* 1. Correct the text wrapping in Edge and IE.
|
343
|
+
* 2. Correct the color inheritance from `fieldset` elements in IE.
|
344
|
+
* 3. Remove the padding so developers are not caught out when they zero out
|
345
|
+
* `fieldset` elements in all browsers.
|
346
|
+
*/
|
347
|
+
|
348
|
+
legend {
|
349
|
+
box-sizing: border-box; /* 1 */
|
350
|
+
color: inherit; /* 2 */
|
351
|
+
display: table; /* 1 */
|
352
|
+
max-width: 100%; /* 1 */
|
353
|
+
padding: 0; /* 3 */
|
354
|
+
white-space: normal; /* 1 */
|
355
|
+
}
|
356
|
+
|
357
|
+
/**
|
358
|
+
* Remove the default vertical scrollbar in IE.
|
359
|
+
*/
|
360
|
+
|
361
|
+
textarea {
|
362
|
+
overflow: auto;
|
363
|
+
}
|
364
|
+
|
365
|
+
/**
|
366
|
+
* 1. Add the correct box sizing in IE 10-.
|
367
|
+
* 2. Remove the padding in IE 10-.
|
368
|
+
*/
|
369
|
+
|
370
|
+
[type="checkbox"],
|
371
|
+
[type="radio"] {
|
372
|
+
box-sizing: border-box; /* 1 */
|
373
|
+
padding: 0; /* 2 */
|
374
|
+
}
|
375
|
+
|
376
|
+
/**
|
377
|
+
* Correct the cursor style of increment and decrement buttons in Chrome.
|
378
|
+
*/
|
379
|
+
|
380
|
+
[type="number"]::-webkit-inner-spin-button,
|
381
|
+
[type="number"]::-webkit-outer-spin-button {
|
382
|
+
height: auto;
|
383
|
+
}
|
384
|
+
|
385
|
+
/**
|
386
|
+
* 1. Correct the odd appearance in Chrome and Safari.
|
387
|
+
* 2. Correct the outline style in Safari.
|
388
|
+
*/
|
389
|
+
|
390
|
+
[type="search"] {
|
391
|
+
-webkit-appearance: textfield; /* 1 */
|
392
|
+
outline-offset: -2px; /* 2 */
|
393
|
+
}
|
394
|
+
|
395
|
+
/**
|
396
|
+
* Remove the inner padding and cancel buttons in Chrome and Safari on OS X.
|
397
|
+
*/
|
398
|
+
|
399
|
+
[type="search"]::-webkit-search-cancel-button,
|
400
|
+
[type="search"]::-webkit-search-decoration {
|
401
|
+
-webkit-appearance: none;
|
402
|
+
}
|
403
|
+
|
404
|
+
/**
|
405
|
+
* Correct the text style of placeholders in Chrome, Edge, and Safari.
|
406
|
+
*/
|
407
|
+
|
408
|
+
::-webkit-input-placeholder {
|
409
|
+
color: inherit;
|
410
|
+
opacity: 0.54;
|
411
|
+
}
|
412
|
+
|
413
|
+
/**
|
414
|
+
* 1. Correct the inability to style clickable types in iOS and Safari.
|
415
|
+
* 2. Change font properties to `inherit` in Safari.
|
416
|
+
*/
|
417
|
+
|
418
|
+
::-webkit-file-upload-button {
|
419
|
+
-webkit-appearance: button; /* 1 */
|
420
|
+
font: inherit; /* 2 */
|
421
|
+
}
|
@@ -0,0 +1,86 @@
|
|
1
|
+
// Headings
|
2
|
+
// --------------------------------------------------
|
3
|
+
// stylelint-disable selector-max-type
|
4
|
+
h1,
|
5
|
+
h2,
|
6
|
+
h3,
|
7
|
+
h4,
|
8
|
+
h5,
|
9
|
+
h6 {
|
10
|
+
margin-top: 0;
|
11
|
+
margin-bottom: 0;
|
12
|
+
}
|
13
|
+
|
14
|
+
h1 { @include h1; }
|
15
|
+
h2 { @include h2; }
|
16
|
+
h3 { @include h3; }
|
17
|
+
h4 { @include h4; }
|
18
|
+
h5 { @include h5; }
|
19
|
+
h6 { @include h6; }
|
20
|
+
|
21
|
+
// Body text
|
22
|
+
// --------------------------------------------------
|
23
|
+
|
24
|
+
p {
|
25
|
+
margin-top: 0;
|
26
|
+
margin-bottom: 10px;
|
27
|
+
}
|
28
|
+
|
29
|
+
small {
|
30
|
+
font-size: 90%;
|
31
|
+
}
|
32
|
+
|
33
|
+
blockquote {
|
34
|
+
margin: 0;
|
35
|
+
}
|
36
|
+
|
37
|
+
// Lists
|
38
|
+
// --------------------------------------------------
|
39
|
+
|
40
|
+
ul,
|
41
|
+
ol {
|
42
|
+
padding-left: 0;
|
43
|
+
margin-top: 0;
|
44
|
+
margin-bottom: 0;
|
45
|
+
}
|
46
|
+
|
47
|
+
ol ol,
|
48
|
+
ul ol {
|
49
|
+
list-style-type: lower-roman;
|
50
|
+
}
|
51
|
+
|
52
|
+
ul ul ol,
|
53
|
+
ul ol ol,
|
54
|
+
ol ul ol,
|
55
|
+
ol ol ol {
|
56
|
+
list-style-type: lower-alpha;
|
57
|
+
}
|
58
|
+
|
59
|
+
dd {
|
60
|
+
margin-left: 0;
|
61
|
+
}
|
62
|
+
|
63
|
+
// Code
|
64
|
+
// --------------------------------------------------
|
65
|
+
|
66
|
+
tt,
|
67
|
+
code {
|
68
|
+
font-family: $mono-font;
|
69
|
+
font-size: $font-size-small;
|
70
|
+
}
|
71
|
+
|
72
|
+
pre {
|
73
|
+
margin-top: 0;
|
74
|
+
margin-bottom: 0;
|
75
|
+
font-family: $mono-font;
|
76
|
+
font-size: $font-size-small;
|
77
|
+
}
|
78
|
+
|
79
|
+
// Octicons
|
80
|
+
// --------------------------------------------------
|
81
|
+
|
82
|
+
// Move this over here as a temporary override to the octicons source repo
|
83
|
+
// instead of updating that upstream.
|
84
|
+
.octicon {
|
85
|
+
vertical-align: text-bottom;
|
86
|
+
}
|
@@ -0,0 +1,54 @@
|
|
1
|
+
// Grid system
|
2
|
+
//
|
3
|
+
// Create rows with `.columns` to clear the floated columns and outdent the
|
4
|
+
// padding on `.column`s with negative margin for alignment.
|
5
|
+
|
6
|
+
.columns {
|
7
|
+
margin-right: -$grid-gutter;
|
8
|
+
margin-left: -$grid-gutter;
|
9
|
+
@include clearfix;
|
10
|
+
}
|
11
|
+
|
12
|
+
// Base class for every column (requires a column width from below)
|
13
|
+
.column {
|
14
|
+
float: left;
|
15
|
+
padding-right: $grid-gutter;
|
16
|
+
padding-left: $grid-gutter;
|
17
|
+
}
|
18
|
+
|
19
|
+
// Column widths
|
20
|
+
.one-third {
|
21
|
+
width: 33.333333%;
|
22
|
+
}
|
23
|
+
|
24
|
+
.two-thirds {
|
25
|
+
width: 66.666667%;
|
26
|
+
}
|
27
|
+
|
28
|
+
.one-fourth {
|
29
|
+
width: 25%;
|
30
|
+
}
|
31
|
+
|
32
|
+
.one-half {
|
33
|
+
width: 50%;
|
34
|
+
}
|
35
|
+
|
36
|
+
.three-fourths {
|
37
|
+
width: 75%;
|
38
|
+
}
|
39
|
+
|
40
|
+
.one-fifth {
|
41
|
+
width: 20%;
|
42
|
+
}
|
43
|
+
|
44
|
+
.four-fifths {
|
45
|
+
width: 80%;
|
46
|
+
}
|
47
|
+
|
48
|
+
// Centers content horizontally. Can be used inside or outside the grid.
|
49
|
+
.centered {
|
50
|
+
display: block;
|
51
|
+
float: none;
|
52
|
+
margin-right: auto;
|
53
|
+
margin-left: auto;
|
54
|
+
}
|
@@ -0,0 +1,30 @@
|
|
1
|
+
// Fixed-width, centered column for site content.
|
2
|
+
// This will be deprecated and replaced with container-lg in future
|
3
|
+
.container {
|
4
|
+
width: $container-width;
|
5
|
+
margin-right: auto;
|
6
|
+
margin-left: auto;
|
7
|
+
@include clearfix;
|
8
|
+
}
|
9
|
+
|
10
|
+
// Handy container styles that match our breakpoints
|
11
|
+
// 768px
|
12
|
+
.container-md {
|
13
|
+
max-width: $container-md;
|
14
|
+
margin-right: auto;
|
15
|
+
margin-left: auto;
|
16
|
+
}
|
17
|
+
|
18
|
+
// 1004px - this matches the current fixed width: 980px + padding: px-3
|
19
|
+
.container-lg {
|
20
|
+
max-width: $container-lg;
|
21
|
+
margin-right: auto;
|
22
|
+
margin-left: auto;
|
23
|
+
}
|
24
|
+
|
25
|
+
// 1280px
|
26
|
+
.container-xl {
|
27
|
+
max-width: $container-xl;
|
28
|
+
margin-right: auto;
|
29
|
+
margin-left: auto;
|
30
|
+
}
|
@@ -0,0 +1,19 @@
|
|
1
|
+
// Optional offset options to work with grid.scss
|
2
|
+
|
3
|
+
// Offset Columns
|
4
|
+
|
5
|
+
@each $breakpoint, $variant in $responsive-variants {
|
6
|
+
@include breakpoint($breakpoint) {
|
7
|
+
.offset#{$variant}-1 { margin-left: (1 / 12 * 100%) !important; }
|
8
|
+
.offset#{$variant}-2 { margin-left: (2 / 12 * 100%) !important; }
|
9
|
+
.offset#{$variant}-3 { margin-left: (3 / 12 * 100%) !important; }
|
10
|
+
.offset#{$variant}-4 { margin-left: (4 / 12 * 100%) !important; }
|
11
|
+
.offset#{$variant}-5 { margin-left: (5 / 12 * 100%) !important; }
|
12
|
+
.offset#{$variant}-6 { margin-left: (6 / 12 * 100%) !important; }
|
13
|
+
.offset#{$variant}-7 { margin-left: (7 / 12 * 100%) !important; }
|
14
|
+
.offset#{$variant}-8 { margin-left: (8 / 12 * 100%) !important; }
|
15
|
+
.offset#{$variant}-9 { margin-left: (9 / 12 * 100%) !important; }
|
16
|
+
.offset#{$variant}-10 { margin-left: (10 / 12 * 100%) !important; }
|
17
|
+
.offset#{$variant}-11 { margin-left: (11 / 12 * 100%) !important; }
|
18
|
+
}
|
19
|
+
}
|
@@ -0,0 +1,64 @@
|
|
1
|
+
// GRID
|
2
|
+
|
3
|
+
// Columns
|
4
|
+
.col-1 { width: (1 / 12 * 100%); }
|
5
|
+
.col-2 { width: (2 / 12 * 100%); }
|
6
|
+
.col-3 { width: (3 / 12 * 100%); }
|
7
|
+
.col-4 { width: (4 / 12 * 100%); }
|
8
|
+
.col-5 { width: (5 / 12 * 100%); }
|
9
|
+
.col-6 { width: (6 / 12 * 100%); }
|
10
|
+
.col-7 { width: (7 / 12 * 100%); }
|
11
|
+
.col-8 { width: (8 / 12 * 100%); }
|
12
|
+
.col-9 { width: (9 / 12 * 100%); }
|
13
|
+
.col-10 { width: (10 / 12 * 100%); }
|
14
|
+
.col-11 { width: (11 / 12 * 100%); }
|
15
|
+
.col-12 { width: 100%; }
|
16
|
+
|
17
|
+
@each $breakpoint in map-keys($breakpoints) {
|
18
|
+
@include breakpoint($breakpoint) {
|
19
|
+
.col-#{$breakpoint}-1 { width: ( 1 / 12 * 100%); }
|
20
|
+
.col-#{$breakpoint}-2 { width: ( 2 / 12 * 100%); }
|
21
|
+
.col-#{$breakpoint}-3 { width: ( 3 / 12 * 100%); }
|
22
|
+
.col-#{$breakpoint}-4 { width: ( 4 / 12 * 100%); }
|
23
|
+
.col-#{$breakpoint}-5 { width: ( 5 / 12 * 100%); }
|
24
|
+
.col-#{$breakpoint}-6 { width: ( 6 / 12 * 100%); }
|
25
|
+
.col-#{$breakpoint}-7 { width: ( 7 / 12 * 100%); }
|
26
|
+
.col-#{$breakpoint}-8 { width: ( 8 / 12 * 100%); }
|
27
|
+
.col-#{$breakpoint}-9 { width: ( 9 / 12 * 100%); }
|
28
|
+
.col-#{$breakpoint}-10 { width: ( 10 / 12 * 100%); }
|
29
|
+
.col-#{$breakpoint}-11 { width: ( 11 / 12 * 100%); }
|
30
|
+
.col-#{$breakpoint}-12 { width: 100%; }
|
31
|
+
}
|
32
|
+
}
|
33
|
+
|
34
|
+
// Gutters
|
35
|
+
// Apply padding and a negative margin to the outside of the container
|
36
|
+
@mixin gutters ($gutter-width: $spacer-3) {
|
37
|
+
margin-right: -$gutter-width;
|
38
|
+
margin-left: -$gutter-width;
|
39
|
+
|
40
|
+
> [class*="col-"] {
|
41
|
+
padding-right: $gutter-width !important;
|
42
|
+
padding-left: $gutter-width !important;
|
43
|
+
}
|
44
|
+
}
|
45
|
+
|
46
|
+
.gutter {
|
47
|
+
@include gutters($spacer-3);
|
48
|
+
}
|
49
|
+
|
50
|
+
.gutter-condensed {
|
51
|
+
@include gutters($spacer-2);
|
52
|
+
}
|
53
|
+
|
54
|
+
.gutter-spacious {
|
55
|
+
@include gutters($spacer-4);
|
56
|
+
}
|
57
|
+
|
58
|
+
@each $breakpoint in map-keys($breakpoints) {
|
59
|
+
@include breakpoint($breakpoint) {
|
60
|
+
.gutter-#{$breakpoint} { @include gutters($spacer-3); }
|
61
|
+
.gutter-#{$breakpoint}-condensed { @include gutters($spacer-2); }
|
62
|
+
.gutter-#{$breakpoint}-spacious { @include gutters($spacer-4); }
|
63
|
+
}
|
64
|
+
}
|
@@ -0,0 +1,27 @@
|
|
1
|
+
// stylelint-disable selector-max-type
|
2
|
+
.markdown-body .csv-data {
|
3
|
+
td,
|
4
|
+
th {
|
5
|
+
padding: 5px;
|
6
|
+
overflow: hidden;
|
7
|
+
font-size: $font-size-small;
|
8
|
+
line-height: $lh-condensed-ultra;
|
9
|
+
text-align: left;
|
10
|
+
white-space: nowrap;
|
11
|
+
}
|
12
|
+
|
13
|
+
.blob-num {
|
14
|
+
padding: 10px $spacer-2 9px;
|
15
|
+
text-align: right;
|
16
|
+
background: $bg-white;
|
17
|
+
border: 0;
|
18
|
+
}
|
19
|
+
|
20
|
+
tr { border-top: 0; }
|
21
|
+
|
22
|
+
th {
|
23
|
+
font-weight: $font-weight-bold;
|
24
|
+
background: $gray-100;
|
25
|
+
border-top: 0;
|
26
|
+
}
|
27
|
+
}
|