jekyll-theme-primer 0.1.1
Sign up to get free protection for your applications and to get access to all the features.
- 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,168 @@
|
|
1
|
+
# v3.3.1
|
2
|
+
|
3
|
+
* Rename repository with prefix primer- - Jon Rohan [github/github@ec8774a](https://github.com/github/github/commit/ec8774a)
|
4
|
+
* move blob-csv into markdown folder: - broccolini [github/github@ede5601](https://github.com/github/github/commit/ede5601)
|
5
|
+
* Separating out modules into primer-core and primer-product - Jon Rohan [github/github@ddf698c](https://github.com/github/github/commit/ddf698c)
|
6
|
+
|
7
|
+
# v3.3.0
|
8
|
+
|
9
|
+
* Updating version - Jon Rohan [github/github@6bf5fe5](https://github.com/github/github/commit/6bf5fe5)
|
10
|
+
* Fix lint test - Garen Torikian [github/github@0d2bc5d](https://github.com/github/github/commit/0d2bc5d)
|
11
|
+
* Keep it together - Garen Torikian [github/github@50871a8](https://github.com/github/github/commit/50871a8)
|
12
|
+
* Updating the modules stylelint - Jon Rohan [github/github@389609f](https://github.com/github/github/commit/389609f)
|
13
|
+
* more linting - Mark Otto [github/github@5d8e498](https://github.com/github/github/commit/5d8e498)
|
14
|
+
* leading zero - Mark Otto [github/github@46b14af](https://github.com/github/github/commit/46b14af)
|
15
|
+
* Update Markdown typography styles - Mark Otto [github/github@ffd6b27](https://github.com/github/github/commit/ffd6b27)
|
16
|
+
|
17
|
+
# v3.2.0
|
18
|
+
|
19
|
+
* Bumping to a new version - Jon Rohan [github/github@ff32813](https://github.com/github/github/commit/ff32813)
|
20
|
+
* Make sure the modules build without error before publishing - Jon Rohan [github/github@57ac5e6](https://github.com/github/github/commit/57ac5e6)
|
21
|
+
* First part of genpopping all system font changes: remove typographic overrides for font-size, line-height, etc on global components - Mark Otto [github/github@6c50e2d](https://github.com/github/github/commit/6c50e2d)
|
22
|
+
* Adding documentation status to most of the modules - Jon Rohan [github/github@b97695c](https://github.com/github/github/commit/b97695c)
|
23
|
+
|
24
|
+
# v3.1.3
|
25
|
+
|
26
|
+
* Publishing a new version - Jon Rohan [github/github@eed0e96](https://github.com/github/github/commit/eed0e96)
|
27
|
+
* Adding link to homepage in readme docs - Jon Rohan [github/github@633f421](https://github.com/github/github/commit/633f421)
|
28
|
+
* Removing some unnecessary lint plugins and using native - Jon Rohan [github/github@2ae0070](https://github.com/github/github/commit/2ae0070)
|
29
|
+
* including no-utility lint plugin - Jon Rohan [github/github@5cb86ed](https://github.com/github/github/commit/5cb86ed)
|
30
|
+
* Disabling utility check - Jon Rohan [github/github@e92dbf4](https://github.com/github/github/commit/e92dbf4)
|
31
|
+
* Adding lint plugins for new config - Jon Rohan [github/github@7fb9613](https://github.com/github/github/commit/7fb9613)
|
32
|
+
|
33
|
+
# v3.1.2
|
34
|
+
|
35
|
+
* Mentioning the build file - Jon Rohan [github/github@64ca4a7](https://github.com/github/github/commit/64ca4a7)
|
36
|
+
* Including build/build.css in distributed npm module - Jon Rohan [github/github@e4effbf](https://github.com/github/github/commit/e4effbf)
|
37
|
+
* Updating modules to run on prepublish to include build.css in distribution - Jon Rohan [github/github@5b573a0](https://github.com/github/github/commit/5b573a0)
|
38
|
+
* Re-ordering the docs to the bottom of the readme - Jon Rohan [github/github@9c1f291](https://github.com/github/github/commit/9c1f291)
|
39
|
+
* Updating the link - Jon Rohan [github/github@f67684b](https://github.com/github/github/commit/f67684b)
|
40
|
+
|
41
|
+
# v3.1.1
|
42
|
+
|
43
|
+
* Bumping version to include postcss.json in npm - Jon Rohan [github/github@9e560ba](https://github.com/github/github/commit/9e560ba)
|
44
|
+
* Using stylelint to lint the modules instead of scss_lint - Jon Rohan [github/github@cb0b8fd](https://github.com/github/github/commit/cb0b8fd)
|
45
|
+
* Updating for stylelint instead of scss_lint - Jon Rohan [github/github@87a2c68](https://github.com/github/github/commit/87a2c68)
|
46
|
+
|
47
|
+
# v3.1.0
|
48
|
+
|
49
|
+
* Don't link requirements - Jon Rohan [github/github@7740e81](https://github.com/github/github/commit/7740e81)
|
50
|
+
* Updating the README with more detailed instructions - Jon Rohan [github/github@5dd7c34](https://github.com/github/github/commit/5dd7c34)
|
51
|
+
* Bumping the version - Jon Rohan [github/github@01e7c4e](https://github.com/github/github/commit/01e7c4e)
|
52
|
+
* Reorganize the module folders into a more flexible organization - Jon Rohan [github/github@5a07101](https://github.com/github/github/commit/5a07101)
|
53
|
+
* cleaning up the package.json files - Jon Rohan [github/github@77763a1](https://github.com/github/github/commit/77763a1)
|
54
|
+
* Adding npm version badges to readme - Jon Rohan [github/github@90b1871](https://github.com/github/github/commit/90b1871)
|
55
|
+
|
56
|
+
# v3.0.0
|
57
|
+
|
58
|
+
* Adding travis build status - Jon Rohan [github/github@5758f9e](https://github.com/github/github/commit/5758f9e)
|
59
|
+
* Moving primer-markdown to a css module - Jon Rohan [github/github@96b9132](https://github.com/github/github/commit/96b9132)
|
60
|
+
|
61
|
+
# v2.5.1
|
62
|
+
Fixes #59Override background-color on `.emoji` so it doesn't look awkward in zebra striped tables.
|
63
|
+
|
64
|
+
# v2.5.0
|
65
|
+
Add Apple Emoji to default font stackImproves emoji color rendering in Chrome.
|
66
|
+
|
67
|
+
# v2.4.0
|
68
|
+
Make Windows color emoji work in Markdown contentSpecifying Segoe UI Emoji gives us color emoji on Windows 8.1 and newer.
|
69
|
+
|
70
|
+
# v2.3.0
|
71
|
+
Adding clearfix to the markdown body.
|
72
|
+
|
73
|
+
# v2.2.3
|
74
|
+
Changing to content-box on images
|
75
|
+
|
76
|
+
# v2.2.2
|
77
|
+
|
78
|
+
|
79
|
+
# v2.2.1
|
80
|
+
Updates to left and right aligned images
|
81
|
+
|
82
|
+
# v2.2.0
|
83
|
+
|
84
|
+
|
85
|
+
# v2.1.9
|
86
|
+
Remove overflow: hidden on `.markdown-body`
|
87
|
+
|
88
|
+
# v2.1.8
|
89
|
+
Fixin' some links in README and CONTRIBUTINGUpdate README.mdRemove apostropheLooks like the repo changed its name at one point + a copy paste derpfrom twbs/bootstrap.Speaking of which, it might be worth tweaking the “Feature Requests”guidelines in light of GH not really wanting any for Primer :-)
|
90
|
+
|
91
|
+
# v2.1.7
|
92
|
+
Make links in comments underlined on hover in SafariSafari 8 has a bug with the a:not(:link):not(:visited) selector we wereusing previously (see https://bugs.webkit.org/show_bug.cgi?id=142737).Now we use a:not([href]) instead, which should cover all of the cases wecare about (namely, <a name="foo"> elements explicitly created usingHTML syntax in Markdown).
|
93
|
+
|
94
|
+
# v2.1.6
|
95
|
+
Remove link styles on non-link anchors in user contentIt seems to be fairly common for users to write Markdown like thefollowing: <a name="examples" /> Examples ======== Here are some examples:This will generate the following HTML: <p><a name="examples" /></p> <h2>Examples</h2> <p>Here are some examples:</p>github.com's current sanitizer (Sanitize 2.0.4) respects self-closingtag syntax (because it is built on top of libxml2, an XML parser, andself-closing tags are an XML thing). So when this gets run throughSanitize 2.0.4, you end up with the following HTML: <p><a name="examples"></a></p> <h2>Examples</h2> <p>Here are some examples:</p>However, both Sanitize 3.x and the new sanitizer we're developing forgithub.com are based on an HTML-compliant parser rather than libxml2.HTML parsers treat this markup differently, and produce the following: <p><a name="examples"></a></p><a name="examples"> <h2>Examples</h2> <p>Here are some examples:</p></a>Browsers do the exact same thing given this HTML, as you can see in theLive DOM Viewer[1].Forgetting to close a non-link anchor, or using self-closing tag syntax(which also leaves the tag unclosed) is not normally a problem. Browsersdon't apply any styles to these elements by default, so many web authorsnever even notice they've made this mistake. But github.com applies linkstyles to all anchor elements whether or not they're actually links, sothis mistake becomes very noticeable: suddenly large parts of yourdocument are blue!Changing all of github.com's CSS to only target a:link and a:visitedelements would be a huge change that is probably not worth the effort.Instead, we'll remove the link styles from non-link anchor elements inuser content.[1]: http://software.hixie.ch/utilities/js/live-dom-viewer/?%3C!DOCTYPE%20html%3E%0A%3Cp%3E%3Ca%20name%3D%22examples%22%20%2F%3E%3C%2Fp%3E%0A%3Ch2%3EExamples%3C%2Fh2%3E%0A%3Cp%3EHere%20are%20some%20examples%3A%3C%2Fp%3E%0A
|
96
|
+
|
97
|
+
# v2.1.5
|
98
|
+
Fix emoji being shrunk by max-width on `img`This overrides the max-width set on `.markdown-body img`so that emoji
|
99
|
+
|
100
|
+
# v2.1.4
|
101
|
+
|
102
|
+
|
103
|
+
# v2.1.3
|
104
|
+
Anchor link alignmentAdd <kbd> stylingKilling the syntax theme and ace syntax theme out of user-contentIgnore render-test.mdre https://github.com/github/github/pull/35950We don't need to distribute this file.
|
105
|
+
|
106
|
+
# v2.0.0
|
107
|
+
|
108
|
+
|
109
|
+
# 2.1.2
|
110
|
+
Anchor link alignment
|
111
|
+
|
112
|
+
# 2.1.1
|
113
|
+
Add <kbd> styling
|
114
|
+
|
115
|
+
# 2.1.0
|
116
|
+
Killing the syntax theme and ace syntax theme out of user-content
|
117
|
+
|
118
|
+
# 2.0.1
|
119
|
+
Ignore render-test.mdre https://github.com/github/github/pull/35950New syntax themes, adding ace editor syntaxdon't set height on .anchorFix styling of closing brackets in Ruby interpolated stringsWe need to override the normal .h style in this case.This is for our style guide https://github.com/styleguide/cssSupport recursive grammars by resetting CSS scopesUnder our new TextMate-based highlighting, we can end up with nestedhighlighting <span>s. In some cases we need to reset the highlightingstyles to match the top-level styles. This makes it so that, e.g., codeinside interpolated strings is colored as code rather than as stringtext. The new <span class="h"> elements that the TextMate highlighterproduces indicate where this needs to happen, and the styles added inthis commit accomplish the reset.See https://github.com/github/lex-luthor/issues/31 andhttps://github.com/github/github/pull/34312 for more discussion.We don't need to distribute this file.
|
120
|
+
|
121
|
+
# 1.2.9
|
122
|
+
Fix code strikethroughs
|
123
|
+
|
124
|
+
# 1.2.8
|
125
|
+
Revert keyword type changeNew color made keywords indistinguishable fromfunctions in certain cases. This change causescss scale values (px, (r)em, etc.) to appeardifferently than the associated number value,but we may just have to make that compromise for now.Organize syntax styles
|
126
|
+
* Groups and combines related selectorsMissed the base number literal classUpdate syntax highlightingTake syntax highlighted diffs into account and tweakcontrast for words affected by intra-line highlighting.Fix underpants typoUnless this is some sort of weird Michigan dialect @bkeepers.Add task lists to sample documentAdd Markdown render test file
|
127
|
+
|
128
|
+
# 1.2.7
|
129
|
+
Make sure code lines don't wrap
|
130
|
+
|
131
|
+
# 1.2.6
|
132
|
+
Add word-break: break-word
|
133
|
+
|
134
|
+
# 1.2.5
|
135
|
+
Segoe UI for Windows Markdown![](http://cl.ly/image/2N0g23333x2i/content#png)
|
136
|
+
|
137
|
+
# 1.2.4
|
138
|
+
Make sure plain <pre> elements have bottom margin
|
139
|
+
|
140
|
+
# 1.2.3
|
141
|
+
Add bottom margin to all header sizes
|
142
|
+
* master: bump to 1.2.2 fix margins on code inside .highlight containers use top margins for paragraphs in nested lists use rgba for code background colorsConflicts: bower.json package.json
|
143
|
+
|
144
|
+
# 1.2.2
|
145
|
+
|
146
|
+
|
147
|
+
# 1.2.10
|
148
|
+
Support recursive grammars by resetting CSS scopesUnder our new TextMate-based highlighting, we can end up with nestedhighlighting <span>s. In some cases we need to reset the highlightingstyles to match the top-level styles. This makes it so that, e.g., codeinside interpolated strings is colored as code rather than as stringtext. The new <span class="h"> elements that the TextMate highlighterproduces indicate where this needs to happen, and the styles added inthis commit accomplish the reset.See https://github.com/github/lex-luthor/issues/31 andhttps://github.com/github/github/pull/34312 for more discussion.Fix code strikethroughsRevert keyword type changeNew color made keywords indistinguishable fromfunctions in certain cases. This change causescss scale values (px, (r)em, etc.) to appeardifferently than the associated number value,but we may just have to make that compromise for now.Organize syntax styles
|
149
|
+
* Groups and combines related selectorsMissed the base number literal classUpdate syntax highlightingTake syntax highlighted diffs into account and tweakcontrast for words affected by intra-line highlighting.Fix underpants typoUnless this is some sort of weird Michigan dialect @bkeepers.Add task lists to sample documentAdd Markdown render test fileMake sure code lines don't wrapAdd word-break: break-wordSegoe UI for Windows MarkdownMake sure plain <pre> elements have bottom marginAdd bottom margin to all header sizes
|
150
|
+
* master: bump to 1.2.2 fix margins on code inside .highlight containers use top margins for paragraphs in nested lists use rgba for code background colorsConflicts: bower.json package.jsonMore Markdown tweaksThis is so code blocks on shaded tables cells are still visible.![](http://cl.ly/image/2N0g23333x2i/content#png)
|
151
|
+
|
152
|
+
# 1.2.1
|
153
|
+
Make h1 and h2 headings bold like the othersRemove explicit code/tt colorThis was overriding the blue link colors so commit referencesdidn't look clickable.
|
154
|
+
|
155
|
+
# 1.2.0
|
156
|
+
[WIP] Smaller headings in .markdown-bodybased on @mdo's recommendationsUnstripe <hr> elements
|
157
|
+
|
158
|
+
# 1.1.0
|
159
|
+
|
160
|
+
|
161
|
+
# 1.0.0
|
162
|
+
Finish rename to user-contentOverhaul to restructure, add tooling, add docs
|
163
|
+
* Updated readme to include local dev instructions, license, SemVer guidelines, and more
|
164
|
+
* Add package.json and bower.json
|
165
|
+
* Add Gruntfile to compile .scss into .css (includes minified variation) via grunt-sass
|
166
|
+
* Drop hr.png file for a base64 encoded image for fewer assets
|
167
|
+
* Add MIT license file
|
168
|
+
* Add .gitignore file
|
@@ -0,0 +1,21 @@
|
|
1
|
+
The MIT License (MIT)
|
2
|
+
|
3
|
+
Copyright (c) 2016 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.
|
@@ -0,0 +1,223 @@
|
|
1
|
+
# Primer CSS Markdown
|
2
|
+
|
3
|
+
[![NPM version](http://img.shields.io/npm/v/primer-markdown.svg)](https://www.npmjs.org/package/primer-markdown)
|
4
|
+
[![Build Status](https://travis-ci.org/primer/markdown.svg?branch=master)](https://travis-ci.org/primer/markdown)
|
5
|
+
|
6
|
+
> Stylesheets for rendering GitHub Flavored Markdown and syntax highlighted code snippets.
|
7
|
+
|
8
|
+
This repository is a module of the full [primer-css][primer-css] 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
|
+
You can read more about other primer modules in the [full primer docs][docs].
|
39
|
+
|
40
|
+
<!-- %docs
|
41
|
+
title: Markdown
|
42
|
+
homepage: https://github.com/primer/primer-markdown
|
43
|
+
status: Stable
|
44
|
+
-->
|
45
|
+
|
46
|
+
### Markdown test document
|
47
|
+
|
48
|
+
Text can be **bold**, _italic_, or ~~strikethrough~~. [Links](https://github.com) should be blue with no underlines (unless hovered over).
|
49
|
+
|
50
|
+
There should be whitespace between paragraphs. There should be whitespace between paragraphs. There should be whitespace between paragraphs. There should be whitespace between paragraphs.
|
51
|
+
|
52
|
+
There should be whitespace between paragraphs. There should be whitespace between paragraphs. There should be whitespace between paragraphs. There should be whitespace between paragraphs.
|
53
|
+
|
54
|
+
> There should be no margin above this first sentence.
|
55
|
+
>
|
56
|
+
> Blockquotes should be a lighter gray with a gray border along the left side.
|
57
|
+
>
|
58
|
+
> There should be no margin below this final sentence.
|
59
|
+
|
60
|
+
# Header 1
|
61
|
+
|
62
|
+
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.
|
63
|
+
|
64
|
+
## Header 2
|
65
|
+
|
66
|
+
> 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.
|
67
|
+
|
68
|
+
### Header 3
|
69
|
+
|
70
|
+
```
|
71
|
+
This is a code block following a header.
|
72
|
+
```
|
73
|
+
|
74
|
+
#### Header 4
|
75
|
+
|
76
|
+
* This is an unordered list following a header.
|
77
|
+
* This is an unordered list following a header.
|
78
|
+
* This is an unordered list following a header.
|
79
|
+
|
80
|
+
##### Header 5
|
81
|
+
|
82
|
+
1. This is an ordered list following a header.
|
83
|
+
2. This is an ordered list following a header.
|
84
|
+
3. This is an ordered list following a header.
|
85
|
+
|
86
|
+
###### Header 6
|
87
|
+
|
88
|
+
| What | Follows |
|
89
|
+
|-----------|-----------------|
|
90
|
+
| A table | A header |
|
91
|
+
| A table | A header |
|
92
|
+
| A table | A header |
|
93
|
+
|
94
|
+
----------------
|
95
|
+
|
96
|
+
There's a horizontal rule above and below this.
|
97
|
+
|
98
|
+
----------------
|
99
|
+
|
100
|
+
Here is an unordered list:
|
101
|
+
|
102
|
+
* Salt-n-Pepa
|
103
|
+
* Bel Biv DeVoe
|
104
|
+
* Kid 'N Play
|
105
|
+
|
106
|
+
And an ordered list:
|
107
|
+
|
108
|
+
1. Michael Jackson
|
109
|
+
2. Michael Bolton
|
110
|
+
3. Michael Bublé
|
111
|
+
|
112
|
+
And an unordered task list:
|
113
|
+
|
114
|
+
- [x] Create a sample markdown document
|
115
|
+
- [x] Add task lists to it
|
116
|
+
- [ ] Take a vacation
|
117
|
+
|
118
|
+
And a "mixed" task list:
|
119
|
+
|
120
|
+
- [ ] Steal underpants
|
121
|
+
- ?
|
122
|
+
- [ ] Profit!
|
123
|
+
|
124
|
+
And a nested list:
|
125
|
+
|
126
|
+
* Jackson 5
|
127
|
+
* Michael
|
128
|
+
* Tito
|
129
|
+
* Jackie
|
130
|
+
* Marlon
|
131
|
+
* Jermaine
|
132
|
+
* TMNT
|
133
|
+
* Leonardo
|
134
|
+
* Michelangelo
|
135
|
+
* Donatello
|
136
|
+
* Raphael
|
137
|
+
|
138
|
+
Definition lists can be used with HTML syntax. Definition terms are bold and italic.
|
139
|
+
|
140
|
+
<dl>
|
141
|
+
<dt>Name</dt>
|
142
|
+
<dd>Godzilla</dd>
|
143
|
+
<dt>Born</dt>
|
144
|
+
<dd>1952</dd>
|
145
|
+
<dt>Birthplace</dt>
|
146
|
+
<dd>Japan</dd>
|
147
|
+
<dt>Color</dt>
|
148
|
+
<dd>Green</dd>
|
149
|
+
</dl>
|
150
|
+
|
151
|
+
----------------
|
152
|
+
|
153
|
+
Tables should have bold headings and alternating shaded rows.
|
154
|
+
|
155
|
+
| Artist | Album | Year |
|
156
|
+
|-------------------|-----------------|------|
|
157
|
+
| Michael Jackson | Thriller | 1982 |
|
158
|
+
| Prince | Purple Rain | 1984 |
|
159
|
+
| Beastie Boys | License to Ill | 1986 |
|
160
|
+
|
161
|
+
If a table is too wide, it should condense down and/or scroll horizontally.
|
162
|
+
|
163
|
+
| Artist | Album | Year | Label | Awards | Songs |
|
164
|
+
|-------------------|-----------------|------|-------------|----------|-----------|
|
165
|
+
| 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 |
|
166
|
+
| 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 |
|
167
|
+
| 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 |
|
168
|
+
|
169
|
+
----------------
|
170
|
+
|
171
|
+
Code snippets like `var foo = "bar";` can be shown inline.
|
172
|
+
|
173
|
+
Also, `this should vertically align` ~~`with this`~~ ~~and this~~.
|
174
|
+
|
175
|
+
Code can also be shown in a block element.
|
176
|
+
````
|
177
|
+
var foo = "bar";
|
178
|
+
````
|
179
|
+
|
180
|
+
Code can also use syntax highlighting.
|
181
|
+
````Javascript
|
182
|
+
var foo = "bar";
|
183
|
+
````
|
184
|
+
|
185
|
+
```
|
186
|
+
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.
|
187
|
+
```
|
188
|
+
|
189
|
+
```Javascript
|
190
|
+
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.";
|
191
|
+
```
|
192
|
+
|
193
|
+
Inline code inside table cells should still be distinguishable.
|
194
|
+
|
195
|
+
| Language | Code |
|
196
|
+
|-------------|--------------------|
|
197
|
+
| Javascript | `var foo = "bar";` |
|
198
|
+
| Ruby | `foo = "bar"` |
|
199
|
+
|
200
|
+
----------------
|
201
|
+
|
202
|
+
Small images should be shown at their actual size.
|
203
|
+
|
204
|
+
![](http://placekitten.com/g/300/200/)
|
205
|
+
|
206
|
+
Large images should always scale down and fit in the content container.
|
207
|
+
|
208
|
+
![](http://placekitten.com/g/1200/800/)
|
209
|
+
|
210
|
+
```
|
211
|
+
This is the final element on the page and there should be no margin below this.
|
212
|
+
```
|
213
|
+
<!-- %enddocs -->
|
214
|
+
|
215
|
+
## License
|
216
|
+
|
217
|
+
[MIT](./LICENSE) © [GitHub](https://github.com/)
|
218
|
+
|
219
|
+
[primer-css]: https://github.com/primer/primer
|
220
|
+
[docs]: http://primercss.io/
|
221
|
+
[npm]: https://www.npmjs.com/
|
222
|
+
[install-npm]: https://docs.npmjs.com/getting-started/installing-node
|
223
|
+
[sass]: http://sass-lang.com/
|
@@ -0,0 +1,2 @@
|
|
1
|
+
.markdown-body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,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:#c00}.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:0.25em;padding:0;margin:24px 0;background-color:#e7e7e7;border:0}.markdown-body blockquote{padding:0 1em;color:#777;border-left:0.25em solid #ddd}.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:#555;vertical-align:middle;background-color:#fcfcfc;border:solid 1px #ccc;border-bottom-color:#bbb;border-radius:3px;box-shadow:inset 0 -1px 0 #bbb}.markdown-body .loweralpha{list-style-type:lower-alpha}.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:#000;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 #eee}.markdown-body h2{padding-bottom:0.3em;font-size:1.5em;border-bottom:1px solid #eee}.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:#777}.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>p{margin-top:16px}.markdown-body li+li{margin-top:0.25em}.markdown-body dl{padding:0}.markdown-body dl dt{padding:0;margin-top:16px;font-size:1em;font-style:italic;font-weight:bold}.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:bold}.markdown-body table th,.markdown-body table td{padding:6px 13px;border:1px solid #ddd}.markdown-body table tr{background-color:#fff;border-top:1px solid #ccc}.markdown-body table tr:nth-child(2n){background-color:#f8f8f8}.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 #ddd}.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:#333}.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;padding-top:0.2em;padding-bottom:0.2em;margin:0;font-size:85%;background-color:rgba(0,0,0,0.04);border-radius:3px}.markdown-body code::before,.markdown-body code::after,.markdown-body tt::before,.markdown-body tt::after{letter-spacing:-0.2em;content:"\00a0"}.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:#f7f7f7;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 pre code::before,.markdown-body pre code::after,.markdown-body pre tt::before,.markdown-body pre tt::after{content:normal}.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:bold;background:#f8f8f8;border-top:0}
|
2
|
+
|
@@ -0,0 +1,27 @@
|
|
1
|
+
// stylelint-disable selector-no-type
|
2
|
+
.markdown-body .csv-data {
|
3
|
+
td,
|
4
|
+
th {
|
5
|
+
padding: 5px;
|
6
|
+
overflow: hidden;
|
7
|
+
font-size: 12px;
|
8
|
+
line-height: 1;
|
9
|
+
text-align: left;
|
10
|
+
white-space: nowrap;
|
11
|
+
}
|
12
|
+
|
13
|
+
.blob-num {
|
14
|
+
padding: 10px 8px 9px;
|
15
|
+
text-align: right;
|
16
|
+
background: #fff;
|
17
|
+
border: 0;
|
18
|
+
}
|
19
|
+
|
20
|
+
tr { border-top: 0; }
|
21
|
+
|
22
|
+
th {
|
23
|
+
font-weight: bold;
|
24
|
+
background: #f8f8f8;
|
25
|
+
border-top: 0;
|
26
|
+
}
|
27
|
+
}
|