github-docs 0.0.4 → 0.0.17
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +4 -4
- data/_layouts/default.html +17 -2
- data/assets/css/index.scss +9 -7
- data/readme.md +32 -25
- metadata +29 -62
- data/_sass/github-docs.scss +0 -227
- data/_sass/primer-base/base.scss +0 -84
- data/_sass/primer-base/index.scss +0 -3
- data/_sass/primer-base/normalize.scss +0 -421
- data/_sass/primer-base/typography-base.scss +0 -86
- data/_sass/primer-layout/columns.scss +0 -54
- data/_sass/primer-layout/container.scss +0 -30
- data/_sass/primer-layout/grid-offset.scss +0 -19
- data/_sass/primer-layout/grid.scss +0 -64
- data/_sass/primer-layout/index.scss +0 -4
- data/_sass/primer-markdown/blob-csv.scss +0 -27
- data/_sass/primer-markdown/code.scss +0 -63
- data/_sass/primer-markdown/headings.scss +0 -65
- data/_sass/primer-markdown/images.scss +0 -119
- data/_sass/primer-markdown/index.scss +0 -7
- data/_sass/primer-markdown/lists.scss +0 -76
- data/_sass/primer-markdown/markdown-body.scss +0 -106
- data/_sass/primer-markdown/tables.scss +0 -33
- data/_sass/primer-support/index.scss +0 -11
- data/_sass/primer-support/mixins/buttons.scss +0 -160
- data/_sass/primer-support/mixins/layout.scss +0 -58
- data/_sass/primer-support/mixins/misc.scss +0 -29
- data/_sass/primer-support/mixins/typography.scss +0 -84
- data/_sass/primer-support/variables/color-system.scss +0 -114
- data/_sass/primer-support/variables/colors.scss +0 -67
- data/_sass/primer-support/variables/layout.scss +0 -78
- data/_sass/primer-support/variables/misc.scss +0 -40
- data/_sass/primer-support/variables/typography.scss +0 -43
- data/_sass/primer-utilities/animations.scss +0 -184
- data/_sass/primer-utilities/borders.scss +0 -100
- data/_sass/primer-utilities/box-shadow.scss +0 -26
- data/_sass/primer-utilities/colors.scss +0 -106
- data/_sass/primer-utilities/details.scss +0 -18
- data/_sass/primer-utilities/flexbox.scss +0 -52
- data/_sass/primer-utilities/index.scss +0 -13
- data/_sass/primer-utilities/layout.scss +0 -85
- data/_sass/primer-utilities/margin.scss +0 -53
- data/_sass/primer-utilities/padding.scss +0 -54
- data/_sass/primer-utilities/typography.scss +0 -215
- data/_sass/primer-utilities/visibility-display.scss +0 -87
- data/_sass/rouge.scss +0 -209
@@ -1,86 +0,0 @@
|
|
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
|
-
}
|
@@ -1,54 +0,0 @@
|
|
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
|
-
}
|
@@ -1,30 +0,0 @@
|
|
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
|
-
}
|
@@ -1,19 +0,0 @@
|
|
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
|
-
}
|
@@ -1,64 +0,0 @@
|
|
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
|
-
}
|
@@ -1,27 +0,0 @@
|
|
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
|
-
}
|
@@ -1,63 +0,0 @@
|
|
1
|
-
// stylelint-disable selector-max-type
|
2
|
-
.markdown-body {
|
3
|
-
// Inline code snippets
|
4
|
-
code,
|
5
|
-
tt {
|
6
|
-
padding: 0.2em 0.4em;
|
7
|
-
margin: 0;
|
8
|
-
font-size: 85%;
|
9
|
-
background-color: rgba($black, 0.05);
|
10
|
-
border-radius: $border-radius;
|
11
|
-
|
12
|
-
br { display: none; }
|
13
|
-
}
|
14
|
-
|
15
|
-
del code { text-decoration: inherit; }
|
16
|
-
|
17
|
-
pre {
|
18
|
-
word-wrap: normal;
|
19
|
-
|
20
|
-
// Code tags within code blocks (<pre>s)
|
21
|
-
> code {
|
22
|
-
padding: 0;
|
23
|
-
margin: 0;
|
24
|
-
font-size: 100%;
|
25
|
-
word-break: normal;
|
26
|
-
white-space: pre;
|
27
|
-
background: transparent;
|
28
|
-
border: 0;
|
29
|
-
}
|
30
|
-
}
|
31
|
-
|
32
|
-
.highlight {
|
33
|
-
margin-bottom: $spacer-3;
|
34
|
-
|
35
|
-
pre {
|
36
|
-
margin-bottom: 0;
|
37
|
-
word-break: normal;
|
38
|
-
}
|
39
|
-
}
|
40
|
-
|
41
|
-
.highlight pre,
|
42
|
-
pre {
|
43
|
-
padding: $spacer-3;
|
44
|
-
overflow: auto;
|
45
|
-
font-size: 85%;
|
46
|
-
line-height: 1.45;
|
47
|
-
background-color: $gray-100;
|
48
|
-
border-radius: $border-radius;
|
49
|
-
}
|
50
|
-
|
51
|
-
pre code,
|
52
|
-
pre tt {
|
53
|
-
display: inline;
|
54
|
-
max-width: auto;
|
55
|
-
padding: 0;
|
56
|
-
margin: 0;
|
57
|
-
overflow: visible;
|
58
|
-
line-height: inherit;
|
59
|
-
word-wrap: normal;
|
60
|
-
background-color: transparent;
|
61
|
-
border: 0;
|
62
|
-
}
|
63
|
-
}
|
@@ -1,65 +0,0 @@
|
|
1
|
-
// Needs refactoring
|
2
|
-
// stylelint-disable selector-max-compound-selectors, selector-max-specificity
|
3
|
-
// stylelint-disable selector-max-type
|
4
|
-
.markdown-body {
|
5
|
-
// Headings
|
6
|
-
h1,
|
7
|
-
h2,
|
8
|
-
h3,
|
9
|
-
h4,
|
10
|
-
h5,
|
11
|
-
h6 {
|
12
|
-
margin-top: $spacer-4;
|
13
|
-
margin-bottom: $spacer-3;
|
14
|
-
font-weight: $font-weight-bold;
|
15
|
-
line-height: $lh-condensed;
|
16
|
-
|
17
|
-
.octicon-link {
|
18
|
-
color: $black;
|
19
|
-
vertical-align: middle;
|
20
|
-
visibility: hidden;
|
21
|
-
}
|
22
|
-
|
23
|
-
&:hover .anchor {
|
24
|
-
text-decoration: none;
|
25
|
-
|
26
|
-
.octicon-link {
|
27
|
-
visibility: visible;
|
28
|
-
}
|
29
|
-
}
|
30
|
-
|
31
|
-
tt,
|
32
|
-
code {
|
33
|
-
font-size: inherit;
|
34
|
-
}
|
35
|
-
}
|
36
|
-
|
37
|
-
h1 {
|
38
|
-
padding-bottom: 0.3em;
|
39
|
-
font-size: 2em;
|
40
|
-
border-bottom: 1px solid lighten($gray-200, 3%);
|
41
|
-
}
|
42
|
-
|
43
|
-
h2 {
|
44
|
-
padding-bottom: 0.3em;
|
45
|
-
font-size: 1.5em;
|
46
|
-
border-bottom: 1px solid lighten($gray-200, 3%);
|
47
|
-
}
|
48
|
-
|
49
|
-
h3 {
|
50
|
-
font-size: 1.25em;
|
51
|
-
}
|
52
|
-
|
53
|
-
h4 {
|
54
|
-
font-size: 1em;
|
55
|
-
}
|
56
|
-
|
57
|
-
h5 {
|
58
|
-
font-size: 0.875em;
|
59
|
-
}
|
60
|
-
|
61
|
-
h6 {
|
62
|
-
font-size: 0.85em;
|
63
|
-
color: $gray-500;
|
64
|
-
}
|
65
|
-
}
|
@@ -1,119 +0,0 @@
|
|
1
|
-
// Need to target base styles
|
2
|
-
// stylelint-disable selector-max-compound-selectors, selector-no-qualifying-type, primer/selector-no-utility
|
3
|
-
// stylelint-disable selector-max-type
|
4
|
-
.markdown-body {
|
5
|
-
// Images & Stuff
|
6
|
-
img {
|
7
|
-
max-width: 100%;
|
8
|
-
// because we put padding on the images to hide header lines, and some people
|
9
|
-
// specify the width of their images in their markdown.
|
10
|
-
box-sizing: content-box;
|
11
|
-
background-color: $bg-white;
|
12
|
-
|
13
|
-
&[align=right] {
|
14
|
-
padding-left: 20px;
|
15
|
-
}
|
16
|
-
|
17
|
-
&[align=left] {
|
18
|
-
padding-right: 20px;
|
19
|
-
}
|
20
|
-
}
|
21
|
-
|
22
|
-
.emoji {
|
23
|
-
max-width: none;
|
24
|
-
vertical-align: text-top;
|
25
|
-
// Override `<img>` styles so Emjois don't clash with zebra striping in our tables
|
26
|
-
background-color: transparent;
|
27
|
-
}
|
28
|
-
|
29
|
-
// Gollum Image Tags
|
30
|
-
|
31
|
-
// Framed
|
32
|
-
span.frame {
|
33
|
-
display: block;
|
34
|
-
overflow: hidden;
|
35
|
-
|
36
|
-
> span {
|
37
|
-
display: block;
|
38
|
-
float: left;
|
39
|
-
width: auto;
|
40
|
-
padding: 7px;
|
41
|
-
margin: 13px 0 0;
|
42
|
-
overflow: hidden;
|
43
|
-
border: 1px solid lighten($gray-300, 5%);
|
44
|
-
}
|
45
|
-
|
46
|
-
span img {
|
47
|
-
display: block;
|
48
|
-
float: left;
|
49
|
-
}
|
50
|
-
|
51
|
-
span span {
|
52
|
-
display: block;
|
53
|
-
padding: 5px 0 0;
|
54
|
-
clear: both;
|
55
|
-
color: $text-gray-dark;
|
56
|
-
}
|
57
|
-
}
|
58
|
-
|
59
|
-
span.align-center {
|
60
|
-
display: block;
|
61
|
-
overflow: hidden;
|
62
|
-
clear: both;
|
63
|
-
|
64
|
-
> span {
|
65
|
-
display: block;
|
66
|
-
margin: 13px auto 0;
|
67
|
-
overflow: hidden;
|
68
|
-
text-align: center;
|
69
|
-
}
|
70
|
-
|
71
|
-
span img {
|
72
|
-
margin: 0 auto;
|
73
|
-
text-align: center;
|
74
|
-
}
|
75
|
-
}
|
76
|
-
|
77
|
-
span.align-right {
|
78
|
-
display: block;
|
79
|
-
overflow: hidden;
|
80
|
-
clear: both;
|
81
|
-
|
82
|
-
> span {
|
83
|
-
display: block;
|
84
|
-
margin: 13px 0 0;
|
85
|
-
overflow: hidden;
|
86
|
-
text-align: right;
|
87
|
-
}
|
88
|
-
|
89
|
-
span img {
|
90
|
-
margin: 0;
|
91
|
-
text-align: right;
|
92
|
-
}
|
93
|
-
}
|
94
|
-
|
95
|
-
span.float-left {
|
96
|
-
display: block;
|
97
|
-
float: left;
|
98
|
-
margin-right: 13px;
|
99
|
-
overflow: hidden;
|
100
|
-
|
101
|
-
span {
|
102
|
-
margin: 13px 0 0;
|
103
|
-
}
|
104
|
-
}
|
105
|
-
|
106
|
-
span.float-right {
|
107
|
-
display: block;
|
108
|
-
float: right;
|
109
|
-
margin-left: 13px;
|
110
|
-
overflow: hidden;
|
111
|
-
|
112
|
-
> span {
|
113
|
-
display: block;
|
114
|
-
margin: 13px auto 0;
|
115
|
-
overflow: hidden;
|
116
|
-
text-align: right;
|
117
|
-
}
|
118
|
-
}
|
119
|
-
}
|