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.
Files changed (68) hide show
  1. checksums.yaml +7 -0
  2. data/LICENSE.md +21 -0
  3. data/README.md +21 -0
  4. data/_includes/.gitkeep +1 -0
  5. data/_layouts/default.html +14 -0
  6. data/_sass/jekyll-theme-primer.scss +8 -0
  7. data/_sass/normalize.css/CHANGELOG.md +135 -0
  8. data/_sass/normalize.css/LICENSE.md +21 -0
  9. data/_sass/normalize.css/README.md +128 -0
  10. data/_sass/normalize.css/normalize.scss +419 -0
  11. data/_sass/normalize.css/package.json +111 -0
  12. data/_sass/primer-base/CHANGELOG.md +48 -0
  13. data/_sass/primer-base/LICENSE +21 -0
  14. data/_sass/primer-base/README.md +48 -0
  15. data/_sass/primer-base/build/build.css +2 -0
  16. data/_sass/primer-base/index.scss +5 -0
  17. data/_sass/primer-base/lib/base.scss +66 -0
  18. data/_sass/primer-base/lib/typography-base.scss +85 -0
  19. data/_sass/primer-base/package.json +109 -0
  20. data/_sass/primer-layout/CHANGELOG.md +44 -0
  21. data/_sass/primer-layout/LICENSE +21 -0
  22. data/_sass/primer-layout/README.md +141 -0
  23. data/_sass/primer-layout/build/build.css +2 -0
  24. data/_sass/primer-layout/index.scss +4 -0
  25. data/_sass/primer-layout/lib/columns.scss +69 -0
  26. data/_sass/primer-layout/lib/container.scss +33 -0
  27. data/_sass/primer-layout/lib/grid-offset.scss +30 -0
  28. data/_sass/primer-layout/lib/grid.scss +48 -0
  29. data/_sass/primer-layout/package.json +105 -0
  30. data/_sass/primer-markdown/CHANGELOG.md +168 -0
  31. data/_sass/primer-markdown/LICENSE +21 -0
  32. data/_sass/primer-markdown/README.md +223 -0
  33. data/_sass/primer-markdown/build/build.css +2 -0
  34. data/_sass/primer-markdown/index.scss +8 -0
  35. data/_sass/primer-markdown/lib/blob-csv.scss +27 -0
  36. data/_sass/primer-markdown/lib/code.scss +76 -0
  37. data/_sass/primer-markdown/lib/headings.scss +65 -0
  38. data/_sass/primer-markdown/lib/images.scss +119 -0
  39. data/_sass/primer-markdown/lib/lists.scss +72 -0
  40. data/_sass/primer-markdown/lib/markdown-body.scss +111 -0
  41. data/_sass/primer-markdown/lib/tables.scss +29 -0
  42. data/_sass/primer-markdown/package.json +109 -0
  43. data/_sass/primer-support/CHANGELOG.md +66 -0
  44. data/_sass/primer-support/LICENSE +21 -0
  45. data/_sass/primer-support/README.md +42 -0
  46. data/_sass/primer-support/index.scss +7 -0
  47. data/_sass/primer-support/lib/mixins/layout.scss +52 -0
  48. data/_sass/primer-support/lib/mixins/misc.scss +29 -0
  49. data/_sass/primer-support/lib/mixins/typography.scss +76 -0
  50. data/_sass/primer-support/lib/variables.scss +179 -0
  51. data/_sass/primer-support/package.json +105 -0
  52. data/_sass/primer-utilities/CHANGELOG.md +94 -0
  53. data/_sass/primer-utilities/LICENSE +21 -0
  54. data/_sass/primer-utilities/README.md +48 -0
  55. data/_sass/primer-utilities/build/build.css +2 -0
  56. data/_sass/primer-utilities/build/index.js +2 -0
  57. data/_sass/primer-utilities/index.scss +9 -0
  58. data/_sass/primer-utilities/lib/animations.scss +156 -0
  59. data/_sass/primer-utilities/lib/border.scss +29 -0
  60. data/_sass/primer-utilities/lib/colors.scss +45 -0
  61. data/_sass/primer-utilities/lib/layout.scss +109 -0
  62. data/_sass/primer-utilities/lib/margin.scss +58 -0
  63. data/_sass/primer-utilities/lib/padding.scss +54 -0
  64. data/_sass/primer-utilities/lib/typography.scss +155 -0
  65. data/_sass/primer-utilities/package.json +108 -0
  66. data/_sass/rouge.scss +209 -0
  67. data/assets/style.scss +4 -0
  68. 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
+ }