jekyll-theme-primer 0.1.1
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 +7 -0
- data/LICENSE.md +21 -0
- data/README.md +21 -0
- data/_includes/.gitkeep +1 -0
- data/_layouts/default.html +14 -0
- data/_sass/jekyll-theme-primer.scss +8 -0
- data/_sass/normalize.css/CHANGELOG.md +135 -0
- data/_sass/normalize.css/LICENSE.md +21 -0
- data/_sass/normalize.css/README.md +128 -0
- data/_sass/normalize.css/normalize.scss +419 -0
- data/_sass/normalize.css/package.json +111 -0
- data/_sass/primer-base/CHANGELOG.md +48 -0
- data/_sass/primer-base/LICENSE +21 -0
- data/_sass/primer-base/README.md +48 -0
- data/_sass/primer-base/build/build.css +2 -0
- data/_sass/primer-base/index.scss +5 -0
- data/_sass/primer-base/lib/base.scss +66 -0
- data/_sass/primer-base/lib/typography-base.scss +85 -0
- data/_sass/primer-base/package.json +109 -0
- data/_sass/primer-layout/CHANGELOG.md +44 -0
- data/_sass/primer-layout/LICENSE +21 -0
- data/_sass/primer-layout/README.md +141 -0
- data/_sass/primer-layout/build/build.css +2 -0
- data/_sass/primer-layout/index.scss +4 -0
- data/_sass/primer-layout/lib/columns.scss +69 -0
- data/_sass/primer-layout/lib/container.scss +33 -0
- data/_sass/primer-layout/lib/grid-offset.scss +30 -0
- data/_sass/primer-layout/lib/grid.scss +48 -0
- data/_sass/primer-layout/package.json +105 -0
- data/_sass/primer-markdown/CHANGELOG.md +168 -0
- data/_sass/primer-markdown/LICENSE +21 -0
- data/_sass/primer-markdown/README.md +223 -0
- data/_sass/primer-markdown/build/build.css +2 -0
- data/_sass/primer-markdown/index.scss +8 -0
- data/_sass/primer-markdown/lib/blob-csv.scss +27 -0
- data/_sass/primer-markdown/lib/code.scss +76 -0
- data/_sass/primer-markdown/lib/headings.scss +65 -0
- data/_sass/primer-markdown/lib/images.scss +119 -0
- data/_sass/primer-markdown/lib/lists.scss +72 -0
- data/_sass/primer-markdown/lib/markdown-body.scss +111 -0
- data/_sass/primer-markdown/lib/tables.scss +29 -0
- data/_sass/primer-markdown/package.json +109 -0
- data/_sass/primer-support/CHANGELOG.md +66 -0
- data/_sass/primer-support/LICENSE +21 -0
- data/_sass/primer-support/README.md +42 -0
- data/_sass/primer-support/index.scss +7 -0
- data/_sass/primer-support/lib/mixins/layout.scss +52 -0
- data/_sass/primer-support/lib/mixins/misc.scss +29 -0
- data/_sass/primer-support/lib/mixins/typography.scss +76 -0
- data/_sass/primer-support/lib/variables.scss +179 -0
- data/_sass/primer-support/package.json +105 -0
- data/_sass/primer-utilities/CHANGELOG.md +94 -0
- data/_sass/primer-utilities/LICENSE +21 -0
- data/_sass/primer-utilities/README.md +48 -0
- data/_sass/primer-utilities/build/build.css +2 -0
- data/_sass/primer-utilities/build/index.js +2 -0
- data/_sass/primer-utilities/index.scss +9 -0
- data/_sass/primer-utilities/lib/animations.scss +156 -0
- data/_sass/primer-utilities/lib/border.scss +29 -0
- data/_sass/primer-utilities/lib/colors.scss +45 -0
- data/_sass/primer-utilities/lib/layout.scss +109 -0
- data/_sass/primer-utilities/lib/margin.scss +58 -0
- data/_sass/primer-utilities/lib/padding.scss +54 -0
- data/_sass/primer-utilities/lib/typography.scss +155 -0
- data/_sass/primer-utilities/package.json +108 -0
- data/_sass/rouge.scss +209 -0
- data/assets/style.scss +4 -0
- metadata +138 -0
@@ -0,0 +1,76 @@
|
|
1
|
+
// stylelint-disable selector-no-type
|
2
|
+
.markdown-body {
|
3
|
+
// Inline code snippets
|
4
|
+
code,
|
5
|
+
tt {
|
6
|
+
padding: 0;
|
7
|
+
padding-top: 0.2em;
|
8
|
+
padding-bottom: 0.2em;
|
9
|
+
margin: 0;
|
10
|
+
font-size: 85%;
|
11
|
+
background-color: rgba(0, 0, 0, 0.04);
|
12
|
+
border-radius: 3px; // don't add padding, gives scrollbars
|
13
|
+
|
14
|
+
&::before,
|
15
|
+
&::after {
|
16
|
+
letter-spacing: -0.2em; // this creates padding
|
17
|
+
content: "\00a0";
|
18
|
+
}
|
19
|
+
|
20
|
+
br { display: none; }
|
21
|
+
}
|
22
|
+
|
23
|
+
del code { text-decoration: inherit; }
|
24
|
+
|
25
|
+
pre {
|
26
|
+
word-wrap: normal;
|
27
|
+
|
28
|
+
// Code tags within code blocks (<pre>s)
|
29
|
+
> code {
|
30
|
+
padding: 0;
|
31
|
+
margin: 0;
|
32
|
+
font-size: 100%;
|
33
|
+
word-break: normal;
|
34
|
+
white-space: pre;
|
35
|
+
background: transparent;
|
36
|
+
border: 0;
|
37
|
+
}
|
38
|
+
}
|
39
|
+
|
40
|
+
.highlight {
|
41
|
+
margin-bottom: $margin;
|
42
|
+
|
43
|
+
pre {
|
44
|
+
margin-bottom: 0;
|
45
|
+
word-break: normal;
|
46
|
+
}
|
47
|
+
}
|
48
|
+
|
49
|
+
.highlight pre,
|
50
|
+
pre {
|
51
|
+
padding: $margin;
|
52
|
+
overflow: auto;
|
53
|
+
font-size: 85%;
|
54
|
+
line-height: 1.45;
|
55
|
+
background-color: #f7f7f7;
|
56
|
+
border-radius: 3px;
|
57
|
+
}
|
58
|
+
|
59
|
+
pre code,
|
60
|
+
pre tt {
|
61
|
+
display: inline;
|
62
|
+
max-width: auto;
|
63
|
+
padding: 0;
|
64
|
+
margin: 0;
|
65
|
+
overflow: visible;
|
66
|
+
line-height: inherit;
|
67
|
+
word-wrap: normal;
|
68
|
+
background-color: transparent;
|
69
|
+
border: 0;
|
70
|
+
|
71
|
+
&::before,
|
72
|
+
&::after {
|
73
|
+
content: normal;
|
74
|
+
}
|
75
|
+
}
|
76
|
+
}
|
@@ -0,0 +1,65 @@
|
|
1
|
+
// Needs refactoring
|
2
|
+
// stylelint-disable selector-max-compound-selectors, selector-max-specificity
|
3
|
+
// stylelint-disable selector-no-type
|
4
|
+
.markdown-body {
|
5
|
+
// Headings
|
6
|
+
h1,
|
7
|
+
h2,
|
8
|
+
h3,
|
9
|
+
h4,
|
10
|
+
h5,
|
11
|
+
h6 {
|
12
|
+
margin-top: ($margin * 1.5);
|
13
|
+
margin-bottom: $margin;
|
14
|
+
font-weight: $font-weight-bold;
|
15
|
+
line-height: $lh-condensed;
|
16
|
+
|
17
|
+
.octicon-link {
|
18
|
+
color: #000;
|
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 #eee;
|
41
|
+
}
|
42
|
+
|
43
|
+
h2 {
|
44
|
+
padding-bottom: 0.3em;
|
45
|
+
font-size: 1.5em;
|
46
|
+
border-bottom: 1px solid #eee;
|
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: #777;
|
64
|
+
}
|
65
|
+
}
|
@@ -0,0 +1,119 @@
|
|
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-no-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: #fff;
|
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 #ddd;
|
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: #333;
|
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
|
+
}
|
@@ -0,0 +1,72 @@
|
|
1
|
+
// Base styles
|
2
|
+
// stylelint-disable selector-no-qualifying-type
|
3
|
+
// stylelint-disable selector-no-type
|
4
|
+
.markdown-body {
|
5
|
+
|
6
|
+
// Lists, Blockquotes & Such
|
7
|
+
ul,
|
8
|
+
ol {
|
9
|
+
padding-left: 2em;
|
10
|
+
|
11
|
+
&.no-list {
|
12
|
+
padding: 0;
|
13
|
+
list-style-type: none;
|
14
|
+
}
|
15
|
+
}
|
16
|
+
|
17
|
+
// Did someone complain about list spacing? Encourage them
|
18
|
+
// to create the spacing with their markdown formatting.
|
19
|
+
// List behavior should be controled by the markup, not the css.
|
20
|
+
//
|
21
|
+
// For lists with padding between items, use blank
|
22
|
+
// lines between items. This will generate paragraphs with
|
23
|
+
// padding to space things out.
|
24
|
+
//
|
25
|
+
// - item
|
26
|
+
//
|
27
|
+
// - item
|
28
|
+
//
|
29
|
+
// - item
|
30
|
+
//
|
31
|
+
// For list without padding, don't use blank lines.
|
32
|
+
//
|
33
|
+
// - item
|
34
|
+
// - item
|
35
|
+
// - item
|
36
|
+
//
|
37
|
+
// Modifying the css to emulate these behaviors merely brakes
|
38
|
+
// one case in the process of solving another. Don't change
|
39
|
+
// this unless it's really really a bug.
|
40
|
+
ul ul,
|
41
|
+
ul ol,
|
42
|
+
ol ol,
|
43
|
+
ol ul {
|
44
|
+
margin-top: 0;
|
45
|
+
margin-bottom: 0;
|
46
|
+
}
|
47
|
+
|
48
|
+
li > p {
|
49
|
+
margin-top: $margin;
|
50
|
+
}
|
51
|
+
|
52
|
+
li + li {
|
53
|
+
margin-top: 0.25em;
|
54
|
+
}
|
55
|
+
|
56
|
+
dl {
|
57
|
+
padding: 0;
|
58
|
+
|
59
|
+
dt {
|
60
|
+
padding: 0;
|
61
|
+
margin-top: $margin;
|
62
|
+
font-size: 1em;
|
63
|
+
font-style: italic;
|
64
|
+
font-weight: bold;
|
65
|
+
}
|
66
|
+
|
67
|
+
dd {
|
68
|
+
padding: 0 $margin;
|
69
|
+
margin-bottom: $margin;
|
70
|
+
}
|
71
|
+
}
|
72
|
+
}
|
@@ -0,0 +1,111 @@
|
|
1
|
+
// All of our block level items should have the same margin
|
2
|
+
// stylelint-disable selector-no-type
|
3
|
+
$margin: 16px;
|
4
|
+
|
5
|
+
// This is styling for generic markdownized text. Anything you put in a
|
6
|
+
// container with .markdown-body on it should render generally well. It also
|
7
|
+
// includes some GitHub Flavored Markdown specific styling (like @mentions)
|
8
|
+
.markdown-body {
|
9
|
+
font-family: $body-font;
|
10
|
+
font-size: 16px;
|
11
|
+
line-height: $body-line-height;
|
12
|
+
word-wrap: break-word;
|
13
|
+
|
14
|
+
// Clearfix on the markdown body
|
15
|
+
&::before {
|
16
|
+
display: table;
|
17
|
+
content: "";
|
18
|
+
}
|
19
|
+
|
20
|
+
&::after {
|
21
|
+
display: table;
|
22
|
+
clear: both;
|
23
|
+
content: "";
|
24
|
+
}
|
25
|
+
|
26
|
+
> *:first-child {
|
27
|
+
margin-top: 0 !important;
|
28
|
+
}
|
29
|
+
|
30
|
+
> *:last-child {
|
31
|
+
margin-bottom: 0 !important;
|
32
|
+
}
|
33
|
+
|
34
|
+
// Anchors like <a name="examples">. These sometimes end up wrapped around
|
35
|
+
// text when users mistakenly forget to close the tag or use self-closing tag
|
36
|
+
// syntax. We don't want them to appear like links.
|
37
|
+
// FIXME: a:not(:link):not(:visited) would be a little clearer here (and
|
38
|
+
// possibly faster to match), but it breaks styling of <a href> elements due
|
39
|
+
// to https://bugs.webkit.org/show_bug.cgi?id=142737.
|
40
|
+
a:not([href]) {
|
41
|
+
color: inherit;
|
42
|
+
text-decoration: none;
|
43
|
+
}
|
44
|
+
|
45
|
+
// Link Colors
|
46
|
+
.absent {
|
47
|
+
color: #c00;
|
48
|
+
}
|
49
|
+
|
50
|
+
.anchor {
|
51
|
+
float: left;
|
52
|
+
padding-right: 4px;
|
53
|
+
margin-left: -20px;
|
54
|
+
line-height: 1;
|
55
|
+
|
56
|
+
&:focus {
|
57
|
+
outline: none;
|
58
|
+
}
|
59
|
+
}
|
60
|
+
|
61
|
+
p,
|
62
|
+
blockquote,
|
63
|
+
ul,
|
64
|
+
ol,
|
65
|
+
dl,
|
66
|
+
table,
|
67
|
+
pre {
|
68
|
+
margin-top: 0;
|
69
|
+
margin-bottom: $margin;
|
70
|
+
}
|
71
|
+
|
72
|
+
hr {
|
73
|
+
height: 0.25em;
|
74
|
+
padding: 0;
|
75
|
+
margin: ($margin * 1.5) 0;
|
76
|
+
background-color: #e7e7e7;
|
77
|
+
border: 0;
|
78
|
+
}
|
79
|
+
|
80
|
+
blockquote {
|
81
|
+
padding: 0 1em;
|
82
|
+
color: #777;
|
83
|
+
border-left: 0.25em solid #ddd;
|
84
|
+
|
85
|
+
> :first-child {
|
86
|
+
margin-top: 0;
|
87
|
+
}
|
88
|
+
|
89
|
+
> :last-child {
|
90
|
+
margin-bottom: 0;
|
91
|
+
}
|
92
|
+
}
|
93
|
+
|
94
|
+
kbd {
|
95
|
+
display: inline-block;
|
96
|
+
padding: 3px 5px;
|
97
|
+
font-size: 11px;
|
98
|
+
line-height: 10px;
|
99
|
+
color: #555;
|
100
|
+
vertical-align: middle;
|
101
|
+
background-color: #fcfcfc;
|
102
|
+
border: solid 1px #ccc;
|
103
|
+
border-bottom-color: #bbb;
|
104
|
+
border-radius: 3px;
|
105
|
+
box-shadow: inset 0 -1px 0 #bbb;
|
106
|
+
}
|
107
|
+
|
108
|
+
.loweralpha {
|
109
|
+
list-style-type: lower-alpha;
|
110
|
+
}
|
111
|
+
}
|