jekyll-theme-primer 0.5.3 → 0.5.4
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/README.md +3 -1
- data/_layouts/home.html +4 -0
- data/_layouts/page.html +4 -0
- data/_layouts/post.html +4 -0
- data/_sass/primer-base/lib/base.scss +6 -0
- data/_sass/primer-base/lib/normalize.scss +1 -1
- data/_sass/primer-layout/lib/grid-offset.scss +12 -23
- data/_sass/primer-support/lib/mixins/layout.scss +18 -12
- data/_sass/primer-support/lib/variables/layout.scss +7 -1
- data/_sass/primer-utilities/index.scss +1 -0
- data/_sass/primer-utilities/lib/animations.scss +1 -0
- data/_sass/primer-utilities/lib/borders.scss +71 -36
- data/_sass/primer-utilities/lib/details.scss +18 -0
- data/_sass/primer-utilities/lib/flexbox.scss +45 -73
- data/_sass/primer-utilities/lib/layout.scss +12 -27
- data/_sass/primer-utilities/lib/margin.scss +42 -75
- data/_sass/primer-utilities/lib/padding.scss +26 -56
- data/_sass/primer-utilities/lib/typography.scss +22 -23
- data/_sass/primer-utilities/lib/visibility-display.scss +21 -45
- metadata +15 -43
- data/_sass/primer-base/LICENSE +0 -21
- data/_sass/primer-base/README.md +0 -48
- data/_sass/primer-base/build/build.css +0 -1
- data/_sass/primer-base/build/index.js +0 -1
- data/_sass/primer-base/package.json +0 -73
- data/_sass/primer-layout/LICENSE +0 -21
- data/_sass/primer-layout/README.md +0 -137
- data/_sass/primer-layout/build/build.css +0 -1
- data/_sass/primer-layout/build/index.js +0 -1
- data/_sass/primer-layout/docs/grid.md +0 -392
- data/_sass/primer-layout/package.json +0 -71
- data/_sass/primer-markdown/LICENSE +0 -21
- data/_sass/primer-markdown/README.md +0 -218
- data/_sass/primer-markdown/build/build.css +0 -1
- data/_sass/primer-markdown/build/index.js +0 -1
- data/_sass/primer-markdown/package.json +0 -74
- data/_sass/primer-support/LICENSE +0 -21
- data/_sass/primer-support/README.md +0 -56
- data/_sass/primer-support/docs/breakpoints.md +0 -60
- data/_sass/primer-support/docs/color-system.md +0 -392
- data/_sass/primer-support/docs/spacing.md +0 -40
- data/_sass/primer-support/docs/typography.md +0 -90
- data/_sass/primer-support/package.json +0 -73
- data/_sass/primer-utilities/LICENSE +0 -21
- data/_sass/primer-utilities/README.md +0 -48
- data/_sass/primer-utilities/build/build.css +0 -1
- data/_sass/primer-utilities/build/index.js +0 -1
- data/_sass/primer-utilities/docs/animations.md +0 -75
- data/_sass/primer-utilities/docs/borders.md +0 -127
- data/_sass/primer-utilities/docs/box-shadow.md +0 -107
- data/_sass/primer-utilities/docs/colors.md +0 -232
- data/_sass/primer-utilities/docs/flexbox.md +0 -665
- data/_sass/primer-utilities/docs/layout.md +0 -300
- data/_sass/primer-utilities/docs/margin.md +0 -126
- data/_sass/primer-utilities/docs/padding.md +0 -110
- data/_sass/primer-utilities/docs/typography.md +0 -138
- data/_sass/primer-utilities/package.json +0 -71
@@ -1,21 +0,0 @@
|
|
1
|
-
The MIT License (MIT)
|
2
|
-
|
3
|
-
Copyright (c) 2018 GitHub Inc.
|
4
|
-
|
5
|
-
Permission is hereby granted, free of charge, to any person obtaining a copy
|
6
|
-
of this software and associated documentation files (the "Software"), to deal
|
7
|
-
in the Software without restriction, including without limitation the rights
|
8
|
-
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
9
|
-
copies of the Software, and to permit persons to whom the Software is
|
10
|
-
furnished to do so, subject to the following conditions:
|
11
|
-
|
12
|
-
The above copyright notice and this permission notice shall be included in all
|
13
|
-
copies or substantial portions of the Software.
|
14
|
-
|
15
|
-
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
16
|
-
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
17
|
-
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
18
|
-
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
19
|
-
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
20
|
-
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
21
|
-
SOFTWARE.
|
@@ -1,218 +0,0 @@
|
|
1
|
-
# Primer Markdown
|
2
|
-
|
3
|
-
[![npm version](https://img.shields.io/npm/v/primer-markdown.svg)](https://www.npmjs.org/package/primer-markdown)
|
4
|
-
[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)
|
5
|
-
|
6
|
-
> Stylesheets for rendering GitHub Flavored Markdown and syntax highlighted code snippets.
|
7
|
-
|
8
|
-
This repository is a module of the full [primer][primer] repository.
|
9
|
-
|
10
|
-
## Install
|
11
|
-
|
12
|
-
This repository is distributed with [npm][npm]. After [installing npm][install-npm], you can install `primer-markdown` with this command.
|
13
|
-
|
14
|
-
```
|
15
|
-
$ npm install --save primer-markdown
|
16
|
-
```
|
17
|
-
|
18
|
-
## Usage
|
19
|
-
|
20
|
-
The source files included are written in [Sass][sass] (`scss`) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.
|
21
|
-
|
22
|
-
```scss
|
23
|
-
@import "primer-markdown/index.scss";
|
24
|
-
```
|
25
|
-
|
26
|
-
You can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._
|
27
|
-
|
28
|
-
## Build
|
29
|
-
|
30
|
-
For a compiled **css** version of this module, a npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package.
|
31
|
-
|
32
|
-
```
|
33
|
-
$ npm run build
|
34
|
-
```
|
35
|
-
|
36
|
-
## Documentation
|
37
|
-
|
38
|
-
<!-- %docs
|
39
|
-
title: Markdown
|
40
|
-
status: Stable
|
41
|
-
-->
|
42
|
-
|
43
|
-
Text can be **bold**, _italic_, or ~~strikethrough~~. [Links](https://github.com) should be blue with no underlines (unless hovered over).
|
44
|
-
|
45
|
-
There should be whitespace between paragraphs. There should be whitespace between paragraphs. There should be whitespace between paragraphs. There should be whitespace between paragraphs.
|
46
|
-
|
47
|
-
There should be whitespace between paragraphs. There should be whitespace between paragraphs. There should be whitespace between paragraphs. There should be whitespace between paragraphs.
|
48
|
-
|
49
|
-
> There should be no margin above this first sentence.
|
50
|
-
>
|
51
|
-
> Blockquotes should be a lighter gray with a gray border along the left side.
|
52
|
-
>
|
53
|
-
> There should be no margin below this final sentence.
|
54
|
-
|
55
|
-
# Header 1
|
56
|
-
|
57
|
-
This is a normal paragraph following a header. Bacon ipsum dolor sit amet t-bone doner shank drumstick, pork belly porchetta chuck sausage brisket ham hock rump pig. Chuck kielbasa leberkas, pork bresaola ham hock filet mignon cow shoulder short ribs biltong.
|
58
|
-
|
59
|
-
## Header 2
|
60
|
-
|
61
|
-
> This is a blockquote following a header. Bacon ipsum dolor sit amet t-bone doner shank drumstick, pork belly porchetta chuck sausage brisket ham hock rump pig. Chuck kielbasa leberkas, pork bresaola ham hock filet mignon cow shoulder short ribs biltong.
|
62
|
-
|
63
|
-
### Header 3
|
64
|
-
|
65
|
-
```
|
66
|
-
This is a code block following a header.
|
67
|
-
```
|
68
|
-
|
69
|
-
#### Header 4
|
70
|
-
|
71
|
-
* This is an unordered list following a header.
|
72
|
-
* This is an unordered list following a header.
|
73
|
-
* This is an unordered list following a header.
|
74
|
-
|
75
|
-
##### Header 5
|
76
|
-
|
77
|
-
1. This is an ordered list following a header.
|
78
|
-
2. This is an ordered list following a header.
|
79
|
-
3. This is an ordered list following a header.
|
80
|
-
|
81
|
-
###### Header 6
|
82
|
-
|
83
|
-
| What | Follows |
|
84
|
-
|-----------|-----------------|
|
85
|
-
| A table | A header |
|
86
|
-
| A table | A header |
|
87
|
-
| A table | A header |
|
88
|
-
|
89
|
-
----------------
|
90
|
-
|
91
|
-
There's a horizontal rule above and below this.
|
92
|
-
|
93
|
-
----------------
|
94
|
-
|
95
|
-
Here is an unordered list:
|
96
|
-
|
97
|
-
* Salt-n-Pepa
|
98
|
-
* Bel Biv DeVoe
|
99
|
-
* Kid 'N Play
|
100
|
-
|
101
|
-
And an ordered list:
|
102
|
-
|
103
|
-
1. Michael Jackson
|
104
|
-
2. Michael Bolton
|
105
|
-
3. Michael Bublé
|
106
|
-
|
107
|
-
And an unordered task list:
|
108
|
-
|
109
|
-
- [x] Create a sample markdown document
|
110
|
-
- [x] Add task lists to it
|
111
|
-
- [ ] Take a vacation
|
112
|
-
|
113
|
-
And a "mixed" task list:
|
114
|
-
|
115
|
-
- [ ] Steal underpants
|
116
|
-
- ?
|
117
|
-
- [ ] Profit!
|
118
|
-
|
119
|
-
And a nested list:
|
120
|
-
|
121
|
-
* Jackson 5
|
122
|
-
* Michael
|
123
|
-
* Tito
|
124
|
-
* Jackie
|
125
|
-
* Marlon
|
126
|
-
* Jermaine
|
127
|
-
* TMNT
|
128
|
-
* Leonardo
|
129
|
-
* Michelangelo
|
130
|
-
* Donatello
|
131
|
-
* Raphael
|
132
|
-
|
133
|
-
Definition lists can be used with HTML syntax. Definition terms are bold and italic.
|
134
|
-
|
135
|
-
<dl>
|
136
|
-
<dt>Name</dt>
|
137
|
-
<dd>Godzilla</dd>
|
138
|
-
<dt>Born</dt>
|
139
|
-
<dd>1952</dd>
|
140
|
-
<dt>Birthplace</dt>
|
141
|
-
<dd>Japan</dd>
|
142
|
-
<dt>Color</dt>
|
143
|
-
<dd>Green</dd>
|
144
|
-
</dl>
|
145
|
-
|
146
|
-
----------------
|
147
|
-
|
148
|
-
Tables should have bold headings and alternating shaded rows.
|
149
|
-
|
150
|
-
| Artist | Album | Year |
|
151
|
-
|-------------------|-----------------|------|
|
152
|
-
| Michael Jackson | Thriller | 1982 |
|
153
|
-
| Prince | Purple Rain | 1984 |
|
154
|
-
| Beastie Boys | License to Ill | 1986 |
|
155
|
-
|
156
|
-
If a table is too wide, it should condense down and/or scroll horizontally.
|
157
|
-
|
158
|
-
| Artist | Album | Year | Label | Awards | Songs |
|
159
|
-
|-------------------|-----------------|------|-------------|----------|-----------|
|
160
|
-
| Michael Jackson | Thriller | 1982 | Epic Records | Grammy Award for Album of the Year, American Music Award for Favorite Pop/Rock Album, American Music Award for Favorite Soul/R&B Album, Brit Award for Best Selling Album, Grammy Award for Best Engineered Album, Non-Classical | Wanna Be Startin' Somethin', Baby Be Mine, The Girl Is Mine, Thriller, Beat It, Billie Jean, Human Nature, P.Y.T. (Pretty Young Thing), The Lady in My Life |
|
161
|
-
| Prince | Purple Rain | 1984 | Warner Brothers Records | Grammy Award for Best Score Soundtrack for Visual Media, American Music Award for Favorite Pop/Rock Album, American Music Award for Favorite Soul/R&B Album, Brit Award for Best Soundtrack/Cast Recording, Grammy Award for Best Rock Performance by a Duo or Group with Vocal | Let's Go Crazy, Take Me With U, The Beautiful Ones, Computer Blue, Darling Nikki, When Doves Cry, I Would Die 4 U, Baby I'm a Star, Purple Rain |
|
162
|
-
| Beastie Boys | License to Ill | 1986 | Mercury Records | noawardsbutthistablecelliswide | Rhymin & Stealin, The New Style, She's Crafty, Posse in Effect, Slow Ride, Girls, (You Gotta) Fight for Your Right, No Sleep Till Brooklyn, Paul Revere, Hold It Now, Hit It, Brass Monkey, Slow and Low, Time to Get Ill |
|
163
|
-
|
164
|
-
----------------
|
165
|
-
|
166
|
-
Code snippets like `var foo = "bar";` can be shown inline.
|
167
|
-
|
168
|
-
Also, `this should vertically align` ~~`with this`~~ ~~and this~~.
|
169
|
-
|
170
|
-
Code can also be shown in a block element.
|
171
|
-
```
|
172
|
-
var foo = "bar";
|
173
|
-
```
|
174
|
-
|
175
|
-
Code can also use syntax highlighting.
|
176
|
-
```javascript
|
177
|
-
var foo = "bar";
|
178
|
-
```
|
179
|
-
|
180
|
-
```
|
181
|
-
Long, single-line code blocks should not wrap. They should horizontally scroll if they are too long. This line should be long enough to demonstrate this.
|
182
|
-
```
|
183
|
-
|
184
|
-
```javascript
|
185
|
-
var foo = "The same thing is true for code with syntax highlighting. A single line of code should horizontally scroll if it is really long.";
|
186
|
-
```
|
187
|
-
|
188
|
-
Inline code inside table cells should still be distinguishable.
|
189
|
-
|
190
|
-
| Language | Code |
|
191
|
-
|-------------|--------------------|
|
192
|
-
| Javascript | `var foo = "bar";` |
|
193
|
-
| Ruby | `foo = "bar"` |
|
194
|
-
|
195
|
-
----------------
|
196
|
-
|
197
|
-
Small images should be shown at their actual size.
|
198
|
-
|
199
|
-
![](http://placekitten.com/g/300/200/)
|
200
|
-
|
201
|
-
Large images should always scale down and fit in the content container.
|
202
|
-
|
203
|
-
![](http://placekitten.com/g/1200/800/)
|
204
|
-
|
205
|
-
```
|
206
|
-
This is the final element on the page and there should be no margin below this.
|
207
|
-
```
|
208
|
-
<!-- %enddocs -->
|
209
|
-
|
210
|
-
## License
|
211
|
-
|
212
|
-
[MIT](./LICENSE) © [GitHub](https://github.com/)
|
213
|
-
|
214
|
-
[primer]: https://github.com/primer/primer
|
215
|
-
[docs]: http://primer.github.io/
|
216
|
-
[npm]: https://www.npmjs.com/
|
217
|
-
[install-npm]: https://docs.npmjs.com/getting-started/installing-node
|
218
|
-
[sass]: http://sass-lang.com/
|
@@ -1 +0,0 @@
|
|
1
|
-
.markdown-body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:16px;line-height:1.5;word-wrap:break-word}.markdown-body::before{display:table;content:""}.markdown-body::after{display:table;clear:both;content:""}.markdown-body>*:first-child{margin-top:0 !important}.markdown-body>*:last-child{margin-bottom:0 !important}.markdown-body a:not([href]){color:inherit;text-decoration:none}.markdown-body .absent{color:#cb2431}.markdown-body .anchor{float:left;padding-right:4px;margin-left:-20px;line-height:1}.markdown-body .anchor:focus{outline:none}.markdown-body p,.markdown-body blockquote,.markdown-body ul,.markdown-body ol,.markdown-body dl,.markdown-body table,.markdown-body pre{margin-top:0;margin-bottom:16px}.markdown-body hr{height:.25em;padding:0;margin:24px 0;background-color:#e1e4e8;border:0}.markdown-body blockquote{padding:0 1em;color:#6a737d;border-left:0.25em solid #dfe2e5}.markdown-body blockquote>:first-child{margin-top:0}.markdown-body blockquote>:last-child{margin-bottom:0}.markdown-body kbd{display:inline-block;padding:3px 5px;font-size:11px;line-height:10px;color:#444d56;vertical-align:middle;background-color:#fafbfc;border:solid 1px #c6cbd1;border-bottom-color:#959da5;border-radius:3px;box-shadow:inset 0 -1px 0 #959da5}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4,.markdown-body h5,.markdown-body h6{margin-top:24px;margin-bottom:16px;font-weight:600;line-height:1.25}.markdown-body h1 .octicon-link,.markdown-body h2 .octicon-link,.markdown-body h3 .octicon-link,.markdown-body h4 .octicon-link,.markdown-body h5 .octicon-link,.markdown-body h6 .octicon-link{color:#1b1f23;vertical-align:middle;visibility:hidden}.markdown-body h1:hover .anchor,.markdown-body h2:hover .anchor,.markdown-body h3:hover .anchor,.markdown-body h4:hover .anchor,.markdown-body h5:hover .anchor,.markdown-body h6:hover .anchor{text-decoration:none}.markdown-body h1:hover .anchor .octicon-link,.markdown-body h2:hover .anchor .octicon-link,.markdown-body h3:hover .anchor .octicon-link,.markdown-body h4:hover .anchor .octicon-link,.markdown-body h5:hover .anchor .octicon-link,.markdown-body h6:hover .anchor .octicon-link{visibility:visible}.markdown-body h1 tt,.markdown-body h1 code,.markdown-body h2 tt,.markdown-body h2 code,.markdown-body h3 tt,.markdown-body h3 code,.markdown-body h4 tt,.markdown-body h4 code,.markdown-body h5 tt,.markdown-body h5 code,.markdown-body h6 tt,.markdown-body h6 code{font-size:inherit}.markdown-body h1{padding-bottom:0.3em;font-size:2em;border-bottom:1px solid #eaecef}.markdown-body h2{padding-bottom:0.3em;font-size:1.5em;border-bottom:1px solid #eaecef}.markdown-body h3{font-size:1.25em}.markdown-body h4{font-size:1em}.markdown-body h5{font-size:0.875em}.markdown-body h6{font-size:0.85em;color:#6a737d}.markdown-body ul,.markdown-body ol{padding-left:2em}.markdown-body ul.no-list,.markdown-body ol.no-list{padding:0;list-style-type:none}.markdown-body ul ul,.markdown-body ul ol,.markdown-body ol ol,.markdown-body ol ul{margin-top:0;margin-bottom:0}.markdown-body li{word-wrap:break-all}.markdown-body li>p{margin-top:16px}.markdown-body li+li{margin-top:.25em}.markdown-body dl{padding:0}.markdown-body dl dt{padding:0;margin-top:16px;font-size:1em;font-style:italic;font-weight:600}.markdown-body dl dd{padding:0 16px;margin-bottom:16px}.markdown-body table{display:block;width:100%;overflow:auto}.markdown-body table th{font-weight:600}.markdown-body table th,.markdown-body table td{padding:6px 13px;border:1px solid #dfe2e5}.markdown-body table tr{background-color:#fff;border-top:1px solid #c6cbd1}.markdown-body table tr:nth-child(2n){background-color:#f6f8fa}.markdown-body table img{background-color:transparent}.markdown-body img{max-width:100%;box-sizing:content-box;background-color:#fff}.markdown-body img[align=right]{padding-left:20px}.markdown-body img[align=left]{padding-right:20px}.markdown-body .emoji{max-width:none;vertical-align:text-top;background-color:transparent}.markdown-body span.frame{display:block;overflow:hidden}.markdown-body span.frame>span{display:block;float:left;width:auto;padding:7px;margin:13px 0 0;overflow:hidden;border:1px solid #dfe2e5}.markdown-body span.frame span img{display:block;float:left}.markdown-body span.frame span span{display:block;padding:5px 0 0;clear:both;color:#24292e}.markdown-body span.align-center{display:block;overflow:hidden;clear:both}.markdown-body span.align-center>span{display:block;margin:13px auto 0;overflow:hidden;text-align:center}.markdown-body span.align-center span img{margin:0 auto;text-align:center}.markdown-body span.align-right{display:block;overflow:hidden;clear:both}.markdown-body span.align-right>span{display:block;margin:13px 0 0;overflow:hidden;text-align:right}.markdown-body span.align-right span img{margin:0;text-align:right}.markdown-body span.float-left{display:block;float:left;margin-right:13px;overflow:hidden}.markdown-body span.float-left span{margin:13px 0 0}.markdown-body span.float-right{display:block;float:right;margin-left:13px;overflow:hidden}.markdown-body span.float-right>span{display:block;margin:13px auto 0;overflow:hidden;text-align:right}.markdown-body code,.markdown-body tt{padding:0.2em 0.4em;margin:0;font-size:85%;background-color:rgba(27,31,35,0.05);border-radius:3px}.markdown-body code br,.markdown-body tt br{display:none}.markdown-body del code{text-decoration:inherit}.markdown-body pre{word-wrap:normal}.markdown-body pre>code{padding:0;margin:0;font-size:100%;word-break:normal;white-space:pre;background:transparent;border:0}.markdown-body .highlight{margin-bottom:16px}.markdown-body .highlight pre{margin-bottom:0;word-break:normal}.markdown-body .highlight pre,.markdown-body pre{padding:16px;overflow:auto;font-size:85%;line-height:1.45;background-color:#f6f8fa;border-radius:3px}.markdown-body pre code,.markdown-body pre tt{display:inline;max-width:auto;padding:0;margin:0;overflow:visible;line-height:inherit;word-wrap:normal;background-color:transparent;border:0}.markdown-body .csv-data td,.markdown-body .csv-data th{padding:5px;overflow:hidden;font-size:12px;line-height:1;text-align:left;white-space:nowrap}.markdown-body .csv-data .blob-num{padding:10px 8px 9px;text-align:right;background:#fff;border:0}.markdown-body .csv-data tr{border-top:0}.markdown-body .csv-data th{font-weight:600;background:#f6f8fa;border-top:0}
|
@@ -1 +0,0 @@
|
|
1
|
-
module.exports = {"cssstats":{"size":6460,"gzipSize":1568,"humanizedSize":"6kB","humanizedGzipSize":"2kB","rules":{"total":72,"size":{"graph":[4,2,3,1,1,2,1,4,1,2,5,3,1,1,11,4,3,1,1,1,3,3,1,1,1,2,1,2,2,1,1,1,1,5,2,3,1,2,2,1,1,3,1,1,3,2,7,2,4,3,4,2,3,4,2,4,1,4,4,5,1,1,1,7,1,2,6,9,6,4,1,3],"max":11,"average":2.638888888888889}},"selectors":{"total":120,"type":109,"class":120,"id":0,"pseudoClass":19,"pseudoElement":2,"values":[".markdown-body",".markdown-body::before",".markdown-body::after",".markdown-body>*:first-child",".markdown-body>*:last-child",".markdown-body a:not([href])",".markdown-body .absent",".markdown-body .anchor",".markdown-body .anchor:focus",".markdown-body p",".markdown-body blockquote",".markdown-body ul",".markdown-body ol",".markdown-body dl",".markdown-body table",".markdown-body pre",".markdown-body hr",".markdown-body blockquote",".markdown-body blockquote>:first-child",".markdown-body blockquote>:last-child",".markdown-body kbd",".markdown-body h1",".markdown-body h2",".markdown-body h3",".markdown-body h4",".markdown-body h5",".markdown-body h6",".markdown-body h1 .octicon-link",".markdown-body h2 .octicon-link",".markdown-body h3 .octicon-link",".markdown-body h4 .octicon-link",".markdown-body h5 .octicon-link",".markdown-body h6 .octicon-link",".markdown-body h1:hover .anchor",".markdown-body h2:hover .anchor",".markdown-body h3:hover .anchor",".markdown-body h4:hover .anchor",".markdown-body h5:hover .anchor",".markdown-body h6:hover .anchor",".markdown-body h1:hover .anchor .octicon-link",".markdown-body h2:hover .anchor .octicon-link",".markdown-body h3:hover .anchor .octicon-link",".markdown-body h4:hover .anchor .octicon-link",".markdown-body h5:hover .anchor .octicon-link",".markdown-body h6:hover .anchor .octicon-link",".markdown-body h1 tt",".markdown-body h1 code",".markdown-body h2 tt",".markdown-body h2 code",".markdown-body h3 tt",".markdown-body h3 code",".markdown-body h4 tt",".markdown-body h4 code",".markdown-body h5 tt",".markdown-body h5 code",".markdown-body h6 tt",".markdown-body h6 code",".markdown-body h1",".markdown-body h2",".markdown-body h3",".markdown-body h4",".markdown-body h5",".markdown-body h6",".markdown-body ul",".markdown-body ol",".markdown-body ul.no-list",".markdown-body ol.no-list",".markdown-body ul ul",".markdown-body ul ol",".markdown-body ol ol",".markdown-body ol ul",".markdown-body li",".markdown-body li>p",".markdown-body li+li",".markdown-body dl",".markdown-body dl dt",".markdown-body dl dd",".markdown-body table",".markdown-body table th",".markdown-body table th",".markdown-body table td",".markdown-body table tr",".markdown-body table tr:nth-child(2n)",".markdown-body table img",".markdown-body img",".markdown-body img[align=right]",".markdown-body img[align=left]",".markdown-body .emoji",".markdown-body span.frame",".markdown-body span.frame>span",".markdown-body span.frame span img",".markdown-body span.frame span span",".markdown-body span.align-center",".markdown-body span.align-center>span",".markdown-body span.align-center span img",".markdown-body span.align-right",".markdown-body span.align-right>span",".markdown-body span.align-right span img",".markdown-body span.float-left",".markdown-body span.float-left span",".markdown-body span.float-right",".markdown-body span.float-right>span",".markdown-body code",".markdown-body tt",".markdown-body code br",".markdown-body tt br",".markdown-body del code",".markdown-body pre",".markdown-body pre>code",".markdown-body .highlight",".markdown-body .highlight pre",".markdown-body .highlight pre",".markdown-body pre",".markdown-body pre code",".markdown-body pre tt",".markdown-body .csv-data td",".markdown-body .csv-data th",".markdown-body .csv-data .blob-num",".markdown-body .csv-data tr",".markdown-body .csv-data th"],"specificity":{"max":41,"average":17.466666666666665}},"declarations":{"total":190,"unique":112,"properties":{"font-family":["-apple-system,BlinkMacSystemFont,\"Segoe UI\",Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\""],"font-size":["16px","11px","inherit","2em","1.5em","1.25em","1em","0.875em","0.85em","1em","85%","100%","85%","12px"],"line-height":["1.5","1","10px","1.25","1.45","inherit","1"],"word-wrap":["break-word","break-all","normal","normal"],"display":["table","table","inline-block","block","block","block","block","block","block","block","block","block","block","block","block","none","inline"],"content":["\"\"","\"\""],"clear":["both","both","both","both"],"margin-top":["0","0","0","24px","0","16px",".25em","16px"],"margin-bottom":["0","16px","0","16px","0","16px","16px","0"],"color":["inherit","#cb2431","#6a737d","#444d56","#1b1f23","#6a737d","#24292e"],"text-decoration":["none","none","inherit"],"float":["left","left","left","left","right"],"padding-right":["4px","20px"],"margin-left":["-20px","13px"],"outline":["none"],"height":[".25em"],"padding":["0","0 1em","3px 5px","0","0","0","0 16px","6px 13px","7px","5px 0 0","0.2em 0.4em","0","16px","0","5px","10px 8px 9px"],"margin":["24px 0","13px 0 0","13px auto 0","0 auto","13px 0 0","0","13px 0 0","13px auto 0","0","0","0"],"background-color":["#e1e4e8","#fafbfc","#fff","#f6f8fa","transparent","#fff","transparent","rgba(27,31,35,0.05)","#f6f8fa","transparent"],"border":["0","solid 1px #c6cbd1","1px solid #dfe2e5","1px solid #dfe2e5","0","0","0"],"border-left":["0.25em solid #dfe2e5"],"vertical-align":["middle","middle","text-top"],"border-bottom-color":["#959da5"],"border-radius":["3px","3px","3px"],"box-shadow":["inset 0 -1px 0 #959da5"],"font-weight":["600","600","600","600"],"visibility":["hidden","visible"],"padding-bottom":["0.3em","0.3em"],"border-bottom":["1px solid #eaecef","1px solid #eaecef"],"padding-left":["2em","20px"],"list-style-type":["none"],"font-style":["italic"],"width":["100%","auto"],"overflow":["auto","hidden","hidden","hidden","hidden","hidden","hidden","hidden","hidden","hidden","auto","visible","hidden"],"border-top":["1px solid #c6cbd1","0","0"],"max-width":["100%","none","auto"],"box-sizing":["content-box"],"text-align":["center","center","right","right","right","left","right"],"margin-right":["13px"],"word-break":["normal","normal"],"white-space":["pre","nowrap"],"background":["transparent","#fff","#f6f8fa"]}},"mediaQueries":{"total":0,"unique":0,"values":[],"contents":[]}}}
|
@@ -1,74 +0,0 @@
|
|
1
|
-
{
|
2
|
-
"_from": "primer-markdown@3.7.5",
|
3
|
-
"_id": "primer-markdown@3.7.5",
|
4
|
-
"_inBundle": false,
|
5
|
-
"_integrity": "sha1-u45RZGhGomtoqrTZ54WMLjbSmPg=",
|
6
|
-
"_location": "/primer-markdown",
|
7
|
-
"_phantomChildren": {},
|
8
|
-
"_requested": {
|
9
|
-
"type": "version",
|
10
|
-
"registry": true,
|
11
|
-
"raw": "primer-markdown@3.7.5",
|
12
|
-
"name": "primer-markdown",
|
13
|
-
"escapedName": "primer-markdown",
|
14
|
-
"rawSpec": "3.7.5",
|
15
|
-
"saveSpec": null,
|
16
|
-
"fetchSpec": "3.7.5"
|
17
|
-
},
|
18
|
-
"_requiredBy": [
|
19
|
-
"#USER",
|
20
|
-
"/"
|
21
|
-
],
|
22
|
-
"_resolved": "https://registry.npmjs.org/primer-markdown/-/primer-markdown-3.7.5.tgz",
|
23
|
-
"_shasum": "bb8e51646846a26b68aab4d9e7858c2e36d298f8",
|
24
|
-
"_spec": "primer-markdown@3.7.5",
|
25
|
-
"_where": "/Users/benbalter/projects/pages-themes/primer",
|
26
|
-
"author": {
|
27
|
-
"name": "GitHub, Inc."
|
28
|
-
},
|
29
|
-
"bugs": {
|
30
|
-
"url": "https://github.com/primer/primer/issues"
|
31
|
-
},
|
32
|
-
"bundleDependencies": false,
|
33
|
-
"dependencies": {
|
34
|
-
"primer-support": "4.5.2"
|
35
|
-
},
|
36
|
-
"deprecated": false,
|
37
|
-
"description": "GitHub stylesheets for rendering markdown.",
|
38
|
-
"files": [
|
39
|
-
"index.scss",
|
40
|
-
"lib",
|
41
|
-
"build"
|
42
|
-
],
|
43
|
-
"homepage": "https://github.com/primer/primer-markdown",
|
44
|
-
"keywords": [
|
45
|
-
"github",
|
46
|
-
"markdown",
|
47
|
-
"css",
|
48
|
-
"scss",
|
49
|
-
"primer",
|
50
|
-
"style",
|
51
|
-
"stylesheets",
|
52
|
-
"md"
|
53
|
-
],
|
54
|
-
"license": "MIT",
|
55
|
-
"main": "build/index.js",
|
56
|
-
"name": "primer-markdown",
|
57
|
-
"primer": {
|
58
|
-
"category": "product",
|
59
|
-
"module_type": "components"
|
60
|
-
},
|
61
|
-
"repository": {
|
62
|
-
"type": "git",
|
63
|
-
"url": "https://github.com/primer/primer/tree/master/modules/primer-markdown"
|
64
|
-
},
|
65
|
-
"sass": "index.scss",
|
66
|
-
"scripts": {
|
67
|
-
"build": "../../script/npm-run primer-module-build index.scss",
|
68
|
-
"lint": "../../script/lint-scss",
|
69
|
-
"prepare": "npm run build",
|
70
|
-
"test": "../../script/npm-run-all build lint"
|
71
|
-
},
|
72
|
-
"style": "build/build.css",
|
73
|
-
"version": "3.7.5"
|
74
|
-
}
|
@@ -1,21 +0,0 @@
|
|
1
|
-
The MIT License (MIT)
|
2
|
-
|
3
|
-
Copyright (c) 2018 GitHub Inc.
|
4
|
-
|
5
|
-
Permission is hereby granted, free of charge, to any person obtaining a copy
|
6
|
-
of this software and associated documentation files (the "Software"), to deal
|
7
|
-
in the Software without restriction, including without limitation the rights
|
8
|
-
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
9
|
-
copies of the Software, and to permit persons to whom the Software is
|
10
|
-
furnished to do so, subject to the following conditions:
|
11
|
-
|
12
|
-
The above copyright notice and this permission notice shall be included in all
|
13
|
-
copies or substantial portions of the Software.
|
14
|
-
|
15
|
-
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
16
|
-
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
17
|
-
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
18
|
-
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
19
|
-
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
20
|
-
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
21
|
-
SOFTWARE.
|
@@ -1,56 +0,0 @@
|
|
1
|
-
# Primer Support
|
2
|
-
|
3
|
-
[![npm version](https://img.shields.io/npm/v/primer-support.svg)](https://www.npmjs.org/package/primer-support)
|
4
|
-
[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)
|
5
|
-
|
6
|
-
> Support files are Sass variables, mixins, and functions that we import into different bases for use across components, objects, and utilities. Sharing these common properties across GitHub sites helps us to keep our styles more consistent.
|
7
|
-
>
|
8
|
-
> Most of the time to include these you'll only need to add `@import "support/support";` to the top of your bundle. If you want only a specific partial you can import them separately.
|
9
|
-
|
10
|
-
This repository is a module of the full [primer][primer] repository.
|
11
|
-
|
12
|
-
## Install
|
13
|
-
|
14
|
-
This repository is distributed with [npm][npm]. After [installing npm][install-npm], you can install `primer-support` with this command.
|
15
|
-
|
16
|
-
```
|
17
|
-
$ npm install --save primer-support
|
18
|
-
```
|
19
|
-
|
20
|
-
## Usage
|
21
|
-
|
22
|
-
The source files included are written in [Sass][sass] (`scss`) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.
|
23
|
-
|
24
|
-
```scss
|
25
|
-
@import "primer-support/index.scss";
|
26
|
-
```
|
27
|
-
|
28
|
-
You can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._
|
29
|
-
|
30
|
-
## Documentation
|
31
|
-
|
32
|
-
<!-- %docs
|
33
|
-
title: Support
|
34
|
-
-->
|
35
|
-
|
36
|
-
Primer is built on systems that form the foundation of our styles, and inform the way we write and organize our CSS. Building upon systems helps us make styles consistent and interoperable with each other, and assists us with visual hierarchy and vertical rhythm.
|
37
|
-
|
38
|
-
We use Sass variables to keep color, typography, spacing, and other foundations of our system consistent. Occasionally we use Sass mixins to apply multiple CSS properties, they are a convenient solution for frequently-used verbose patterns.
|
39
|
-
|
40
|
-
We've documented variables, mixins, and the systems they are built on for the following:
|
41
|
-
- [Breakpoints](./support/breakpoints)
|
42
|
-
- [Colors](./support/color-system)
|
43
|
-
- [Spacing](./support/spacing)
|
44
|
-
- [Typography](./support/typography)
|
45
|
-
|
46
|
-
<!-- %enddocs -->
|
47
|
-
|
48
|
-
## License
|
49
|
-
|
50
|
-
[MIT](./LICENSE) © [GitHub](https://github.com/)
|
51
|
-
|
52
|
-
[primer]: https://github.com/primer/primer
|
53
|
-
[docs]: http://primer.github.io/
|
54
|
-
[npm]: https://www.npmjs.com/
|
55
|
-
[install-npm]: https://docs.npmjs.com/getting-started/installing-node
|
56
|
-
[sass]: http://sass-lang.com/
|
@@ -1,60 +0,0 @@
|
|
1
|
-
---
|
2
|
-
title: Breakpoints
|
3
|
-
status: Stable
|
4
|
-
source: https://github.com/primer/primer/blob/master/modules/primer-support/lib/mixins/layout.scss
|
5
|
-
---
|
6
|
-
|
7
|
-
{:toc}
|
8
|
-
|
9
|
-
Our breakpoints are based on screen widths where our content starts to break. Since most of GitHub is currently a fixed-width with we use pixel widths to make it easy for us to match page widths for responsive and non-responsive pages. **Our breakpoints may change as we move more of the product into responsive layouts.**
|
10
|
-
|
11
|
-
We use abbreviations for each breakpoint to keep the class names concise. This abbreviated syntax is used consistently across responsive styles. Responsive styles allow you to change the styles properties at each breakpoint. For example, when using column widths for grid layouts, you can change specify that the width is 12 columns wide at the small breakpoint, and 6 columns wide from the large breakpoint: `<div class="col-sm-12 col-lg-6">...</div>`
|
12
|
-
|
13
|
-
| Breakpoint | Syntax | Description |
|
14
|
-
| --- | --- | --- |
|
15
|
-
| Small | sm | min-width: 544px |
|
16
|
-
| Medium | md | min-width: 768px |
|
17
|
-
| Large | lg | min-width: 1012px |
|
18
|
-
| Extra-large | xl | min-width: 1280px |
|
19
|
-
|
20
|
-
<small>**Note:** The `lg` breakpoint matches our current page width of `980px` including left and right padding of `16px` (`$spacer-3`). This is so that content doesn't touch the edges of the window when resized.</small>
|
21
|
-
|
22
|
-
Responsive styles are available for [margin](./utilities/margin#responsive-margin), [padding](./utilities/padding#responsive-padding), [layout](./utilities/layout), [flexbox](.utilities/flexbox#responsive-flex-utilities), and the [grid](./objects/grid#responsive-grids) system.
|
23
|
-
|
24
|
-
## Breakpoint variables
|
25
|
-
|
26
|
-
The above values are defined as variables, and then put into a Sass map that generates the media query mixin.
|
27
|
-
|
28
|
-
```scss
|
29
|
-
|
30
|
-
// breakpoints
|
31
|
-
$width-xs: 0;
|
32
|
-
$width-sm: 544px;
|
33
|
-
$width-md: 768px;
|
34
|
-
$width-lg: 1012px;
|
35
|
-
$width-xl: 1280px;
|
36
|
-
|
37
|
-
$breakpoints: (
|
38
|
-
// Small screen / phone
|
39
|
-
sm: $width-sm,
|
40
|
-
// Medium screen / tablet
|
41
|
-
md: $width-md,
|
42
|
-
// Large screen / desktop (980 + (12 * 2)) <= container + gutters
|
43
|
-
lg: $width-lg,
|
44
|
-
// Extra large screen / wide desktop
|
45
|
-
xl: $width-xl
|
46
|
-
) !default;
|
47
|
-
|
48
|
-
```
|
49
|
-
|
50
|
-
## Media query mixins
|
51
|
-
Use media query mixins when you want to change CSS properties at a particular breakpoint. The media query mixin works by passing in a breakpoint value, such as `breakpoint(md)`.
|
52
|
-
|
53
|
-
Media queries are scoped from each breakpoint and upwards. In the example below, the font size is `28px` until the viewport size meets the `lg` breakpoint, from there upwards—including through the `xl` breakpoint—the font size will be `32px`.
|
54
|
-
|
55
|
-
```
|
56
|
-
.styles {
|
57
|
-
font-size: 28px;
|
58
|
-
@include breakpoint(md) { font-size: 32px; }
|
59
|
-
}
|
60
|
-
```
|