jekyll-theme-amp 0.1.0
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 +21 -0
- data/README.md +43 -0
- data/_includes/extend/image.liquid +10 -0
- data/_includes/image +1 -0
- data/_layouts/default.liquid +93 -0
- data/_layouts/plugins/compress.liquid +14 -0
- data/_sass/_rouge.scss +209 -0
- data/_sass/_variables.scss +2 -0
- data/_sass/amp.noscript.scss +6 -0
- data/_sass/amp.scss +51 -0
- data/_sass/custom.scss +16 -0
- data/_sass/primer/base/base.scss +86 -0
- data/_sass/primer/base/index.scss +6 -0
- data/_sass/primer/base/kbd.scss +21 -0
- data/_sass/primer/base/normalize.scss +418 -0
- data/_sass/primer/base/typography-base.scss +88 -0
- data/_sass/primer/markdown/blob-csv.scss +29 -0
- data/_sass/primer/markdown/code.scss +69 -0
- data/_sass/primer/markdown/headings.scss +72 -0
- data/_sass/primer/markdown/images.scss +131 -0
- data/_sass/primer/markdown/index.scss +8 -0
- data/_sass/primer/markdown/lists.scss +77 -0
- data/_sass/primer/markdown/markdown-body.scss +99 -0
- data/_sass/primer/markdown/tables.scss +38 -0
- data/_sass/primer/support/index.scss +11 -0
- data/_sass/primer/support/mixins/buttons.scss +172 -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 +243 -0
- data/_sass/primer/support/variables/colors.scss +55 -0
- data/_sass/primer/support/variables/layout.scss +143 -0
- data/_sass/primer/support/variables/misc.scss +42 -0
- data/_sass/primer/support/variables/typography.scss +42 -0
- data/assets/404.liquid +6 -0
- data/assets/favicon.liquid +9 -0
- data/assets/robots.liquid +9 -0
- data/assets/schema.600x60.png +0 -0
- data/assets/sitemap.liquid +17 -0
- metadata +96 -0
@@ -0,0 +1,88 @@
|
|
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
|
+
// stylelint-disable-next-line primer/spacing
|
27
|
+
margin-bottom: 10px;
|
28
|
+
}
|
29
|
+
|
30
|
+
small {
|
31
|
+
// stylelint-disable-next-line primer/typography
|
32
|
+
font-size: 90%;
|
33
|
+
}
|
34
|
+
|
35
|
+
blockquote {
|
36
|
+
margin: 0;
|
37
|
+
}
|
38
|
+
|
39
|
+
// Lists
|
40
|
+
// --------------------------------------------------
|
41
|
+
|
42
|
+
ul,
|
43
|
+
ol {
|
44
|
+
padding-left: 0;
|
45
|
+
margin-top: 0;
|
46
|
+
margin-bottom: 0;
|
47
|
+
}
|
48
|
+
|
49
|
+
ol ol,
|
50
|
+
ul ol {
|
51
|
+
list-style-type: lower-roman;
|
52
|
+
}
|
53
|
+
|
54
|
+
ul ul ol,
|
55
|
+
ul ol ol,
|
56
|
+
ol ul ol,
|
57
|
+
ol ol ol {
|
58
|
+
list-style-type: lower-alpha;
|
59
|
+
}
|
60
|
+
|
61
|
+
dd {
|
62
|
+
margin-left: 0;
|
63
|
+
}
|
64
|
+
|
65
|
+
// Code
|
66
|
+
// --------------------------------------------------
|
67
|
+
|
68
|
+
tt,
|
69
|
+
code {
|
70
|
+
font-family: $mono-font;
|
71
|
+
font-size: $font-size-small;
|
72
|
+
}
|
73
|
+
|
74
|
+
pre {
|
75
|
+
margin-top: 0;
|
76
|
+
margin-bottom: 0;
|
77
|
+
font-family: $mono-font;
|
78
|
+
font-size: $font-size-small;
|
79
|
+
}
|
80
|
+
|
81
|
+
// Octicons
|
82
|
+
// --------------------------------------------------
|
83
|
+
|
84
|
+
// Move this over here as a temporary override to the octicons source repo
|
85
|
+
// instead of updating that upstream.
|
86
|
+
.octicon {
|
87
|
+
vertical-align: text-bottom;
|
88
|
+
}
|
@@ -0,0 +1,29 @@
|
|
1
|
+
// stylelint-disable selector-max-type
|
2
|
+
.markdown-body .csv-data {
|
3
|
+
td,
|
4
|
+
th {
|
5
|
+
// stylelint-disable-next-line primer/spacing
|
6
|
+
padding: 5px;
|
7
|
+
overflow: hidden;
|
8
|
+
font-size: $font-size-small;
|
9
|
+
line-height: $lh-condensed-ultra;
|
10
|
+
text-align: left;
|
11
|
+
white-space: nowrap;
|
12
|
+
}
|
13
|
+
|
14
|
+
.blob-num {
|
15
|
+
// stylelint-disable-next-line primer/spacing
|
16
|
+
padding: 10px $spacer-2 9px;
|
17
|
+
text-align: right;
|
18
|
+
background: $bg-white;
|
19
|
+
border: 0;
|
20
|
+
}
|
21
|
+
|
22
|
+
tr { border-top: 0; }
|
23
|
+
|
24
|
+
th {
|
25
|
+
font-weight: $font-weight-bold;
|
26
|
+
background: $bg-gray;
|
27
|
+
border-top: 0;
|
28
|
+
}
|
29
|
+
}
|
@@ -0,0 +1,69 @@
|
|
1
|
+
// stylelint-disable selector-max-type
|
2
|
+
.markdown-body {
|
3
|
+
// Inline code snippets
|
4
|
+
code,
|
5
|
+
tt {
|
6
|
+
// stylelint-disable-next-line primer/spacing
|
7
|
+
padding: 0.2em 0.4em;
|
8
|
+
margin: 0;
|
9
|
+
// stylelint-disable-next-line primer/typography
|
10
|
+
font-size: 85%;
|
11
|
+
// stylelint-disable-next-line primer/colors
|
12
|
+
background-color: rgba($black, 0.05);
|
13
|
+
border-radius: $border-radius;
|
14
|
+
|
15
|
+
br { display: none; }
|
16
|
+
}
|
17
|
+
|
18
|
+
del code { text-decoration: inherit; }
|
19
|
+
|
20
|
+
pre {
|
21
|
+
word-wrap: normal;
|
22
|
+
|
23
|
+
// Code tags within code blocks (<pre>s)
|
24
|
+
> code {
|
25
|
+
padding: 0;
|
26
|
+
margin: 0;
|
27
|
+
// stylelint-disable-next-line primer/typography
|
28
|
+
font-size: 100%;
|
29
|
+
word-break: normal;
|
30
|
+
white-space: pre;
|
31
|
+
background: transparent;
|
32
|
+
border: 0;
|
33
|
+
}
|
34
|
+
}
|
35
|
+
|
36
|
+
.highlight {
|
37
|
+
margin-bottom: $spacer-3;
|
38
|
+
|
39
|
+
pre {
|
40
|
+
margin-bottom: 0;
|
41
|
+
word-break: normal;
|
42
|
+
}
|
43
|
+
}
|
44
|
+
|
45
|
+
.highlight pre,
|
46
|
+
pre {
|
47
|
+
padding: $spacer-3;
|
48
|
+
overflow: auto;
|
49
|
+
// stylelint-disable-next-line primer/typography
|
50
|
+
font-size: 85%;
|
51
|
+
// stylelint-disable-next-line primer/typography
|
52
|
+
line-height: 1.45;
|
53
|
+
background-color: $bg-gray;
|
54
|
+
border-radius: $border-radius;
|
55
|
+
}
|
56
|
+
|
57
|
+
pre code,
|
58
|
+
pre tt {
|
59
|
+
display: inline;
|
60
|
+
max-width: auto;
|
61
|
+
padding: 0;
|
62
|
+
margin: 0;
|
63
|
+
overflow: visible;
|
64
|
+
line-height: inherit;
|
65
|
+
word-wrap: normal;
|
66
|
+
background-color: transparent;
|
67
|
+
border: 0;
|
68
|
+
}
|
69
|
+
}
|
@@ -0,0 +1,72 @@
|
|
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: $text-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
|
+
// stylelint-disable-next-line primer/spacing
|
39
|
+
padding-bottom: 0.3em;
|
40
|
+
// stylelint-disable-next-line primer/typography
|
41
|
+
font-size: 2em;
|
42
|
+
border-bottom: $border-width $border-style $border-gray-light;
|
43
|
+
}
|
44
|
+
|
45
|
+
h2 {
|
46
|
+
// stylelint-disable-next-line primer/spacing
|
47
|
+
padding-bottom: 0.3em;
|
48
|
+
// stylelint-disable-next-line primer/typography
|
49
|
+
font-size: 1.5em;
|
50
|
+
border-bottom: $border-width $border-style $border-gray-light;
|
51
|
+
}
|
52
|
+
|
53
|
+
h3 {
|
54
|
+
// stylelint-disable-next-line primer/typography
|
55
|
+
font-size: 1.25em;
|
56
|
+
}
|
57
|
+
|
58
|
+
h4 {
|
59
|
+
font-size: 1em;
|
60
|
+
}
|
61
|
+
|
62
|
+
h5 {
|
63
|
+
// stylelint-disable-next-line primer/typography
|
64
|
+
font-size: 0.875em;
|
65
|
+
}
|
66
|
+
|
67
|
+
h6 {
|
68
|
+
// stylelint-disable-next-line primer/typography
|
69
|
+
font-size: 0.85em;
|
70
|
+
color: $text-gray-light;
|
71
|
+
}
|
72
|
+
}
|
@@ -0,0 +1,131 @@
|
|
1
|
+
// Need to target base styles
|
2
|
+
// stylelint-disable selector-max-compound-selectors, selector-no-qualifying-type
|
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
|
+
// stylelint-disable-next-line primer/spacing
|
15
|
+
padding-left: 20px;
|
16
|
+
}
|
17
|
+
|
18
|
+
&[align=left] {
|
19
|
+
// stylelint-disable-next-line primer/spacing
|
20
|
+
padding-right: 20px;
|
21
|
+
}
|
22
|
+
}
|
23
|
+
|
24
|
+
.emoji {
|
25
|
+
max-width: none;
|
26
|
+
vertical-align: text-top;
|
27
|
+
// Override `<img>` styles so Emjois don't clash with zebra striping in our tables
|
28
|
+
background-color: transparent;
|
29
|
+
}
|
30
|
+
|
31
|
+
// Gollum Image Tags
|
32
|
+
|
33
|
+
// Framed
|
34
|
+
span.frame {
|
35
|
+
display: block;
|
36
|
+
overflow: hidden;
|
37
|
+
|
38
|
+
> span {
|
39
|
+
display: block;
|
40
|
+
float: left;
|
41
|
+
width: auto;
|
42
|
+
// stylelint-disable-next-line primer/spacing
|
43
|
+
padding: 7px;
|
44
|
+
// stylelint-disable-next-line primer/spacing
|
45
|
+
margin: 13px 0 0;
|
46
|
+
overflow: hidden;
|
47
|
+
// stylelint-disable-next-line primer/borders
|
48
|
+
border: $border-width $border-style lighten($gray-300, 5%);
|
49
|
+
}
|
50
|
+
|
51
|
+
span img {
|
52
|
+
display: block;
|
53
|
+
float: left;
|
54
|
+
}
|
55
|
+
|
56
|
+
span span {
|
57
|
+
display: block;
|
58
|
+
// stylelint-disable-next-line primer/spacing
|
59
|
+
padding: 5px 0 0;
|
60
|
+
clear: both;
|
61
|
+
color: $text-gray-dark;
|
62
|
+
}
|
63
|
+
}
|
64
|
+
|
65
|
+
span.align-center {
|
66
|
+
display: block;
|
67
|
+
overflow: hidden;
|
68
|
+
clear: both;
|
69
|
+
|
70
|
+
> span {
|
71
|
+
display: block;
|
72
|
+
// stylelint-disable-next-line primer/spacing
|
73
|
+
margin: 13px auto 0;
|
74
|
+
overflow: hidden;
|
75
|
+
text-align: center;
|
76
|
+
}
|
77
|
+
|
78
|
+
span img {
|
79
|
+
margin: 0 auto;
|
80
|
+
text-align: center;
|
81
|
+
}
|
82
|
+
}
|
83
|
+
|
84
|
+
span.align-right {
|
85
|
+
display: block;
|
86
|
+
overflow: hidden;
|
87
|
+
clear: both;
|
88
|
+
|
89
|
+
> span {
|
90
|
+
display: block;
|
91
|
+
// stylelint-disable-next-line primer/spacing
|
92
|
+
margin: 13px 0 0;
|
93
|
+
overflow: hidden;
|
94
|
+
text-align: right;
|
95
|
+
}
|
96
|
+
|
97
|
+
span img {
|
98
|
+
margin: 0;
|
99
|
+
text-align: right;
|
100
|
+
}
|
101
|
+
}
|
102
|
+
|
103
|
+
span.float-left {
|
104
|
+
display: block;
|
105
|
+
float: left;
|
106
|
+
// stylelint-disable-next-line primer/spacing
|
107
|
+
margin-right: 13px;
|
108
|
+
overflow: hidden;
|
109
|
+
|
110
|
+
span {
|
111
|
+
// stylelint-disable-next-line primer/spacing
|
112
|
+
margin: 13px 0 0;
|
113
|
+
}
|
114
|
+
}
|
115
|
+
|
116
|
+
span.float-right {
|
117
|
+
display: block;
|
118
|
+
float: right;
|
119
|
+
// stylelint-disable-next-line primer/spacing
|
120
|
+
margin-left: 13px;
|
121
|
+
overflow: hidden;
|
122
|
+
|
123
|
+
> span {
|
124
|
+
display: block;
|
125
|
+
// stylelint-disable-next-line primer/spacing
|
126
|
+
margin: 13px auto 0;
|
127
|
+
overflow: hidden;
|
128
|
+
text-align: right;
|
129
|
+
}
|
130
|
+
}
|
131
|
+
}
|
@@ -0,0 +1,77 @@
|
|
1
|
+
// Base styles
|
2
|
+
// stylelint-disable selector-no-qualifying-type
|
3
|
+
// stylelint-disable selector-max-type
|
4
|
+
.markdown-body {
|
5
|
+
|
6
|
+
// Lists, Blockquotes & Such
|
7
|
+
ul,
|
8
|
+
ol {
|
9
|
+
// stylelint-disable-next-line primer/spacing
|
10
|
+
padding-left: 2em;
|
11
|
+
|
12
|
+
&.no-list {
|
13
|
+
padding: 0;
|
14
|
+
list-style-type: none;
|
15
|
+
}
|
16
|
+
}
|
17
|
+
|
18
|
+
// Did someone complain about list spacing? Encourage them
|
19
|
+
// to create the spacing with their markdown formatting.
|
20
|
+
// List behavior should be controled by the markup, not the css.
|
21
|
+
//
|
22
|
+
// For lists with padding between items, use blank
|
23
|
+
// lines between items. This will generate paragraphs with
|
24
|
+
// padding to space things out.
|
25
|
+
//
|
26
|
+
// - item
|
27
|
+
//
|
28
|
+
// - item
|
29
|
+
//
|
30
|
+
// - item
|
31
|
+
//
|
32
|
+
// For list without padding, don't use blank lines.
|
33
|
+
//
|
34
|
+
// - item
|
35
|
+
// - item
|
36
|
+
// - item
|
37
|
+
//
|
38
|
+
// Modifying the css to emulate these behaviors merely brakes
|
39
|
+
// one case in the process of solving another. Don't change
|
40
|
+
// this unless it's really really a bug.
|
41
|
+
ul ul,
|
42
|
+
ul ol,
|
43
|
+
ol ol,
|
44
|
+
ol ul {
|
45
|
+
margin-top: 0;
|
46
|
+
margin-bottom: 0;
|
47
|
+
}
|
48
|
+
|
49
|
+
li {
|
50
|
+
word-wrap: break-all;
|
51
|
+
}
|
52
|
+
|
53
|
+
li > p {
|
54
|
+
margin-top: $spacer-3;
|
55
|
+
}
|
56
|
+
|
57
|
+
li + li {
|
58
|
+
margin-top: $em-spacer-3;
|
59
|
+
}
|
60
|
+
|
61
|
+
dl {
|
62
|
+
padding: 0;
|
63
|
+
|
64
|
+
dt {
|
65
|
+
padding: 0;
|
66
|
+
margin-top: $spacer-3;
|
67
|
+
font-size: 1em;
|
68
|
+
font-style: italic;
|
69
|
+
font-weight: $font-weight-bold;
|
70
|
+
}
|
71
|
+
|
72
|
+
dd {
|
73
|
+
padding: 0 $spacer-3;
|
74
|
+
margin-bottom: $spacer-3;
|
75
|
+
}
|
76
|
+
}
|
77
|
+
}
|