| ID | Name | Profession | -//
|---|---|---|
| 1 | Beethoven | Composer | -//
| 2 | Beethoven (the dog) | Dog | -//
s)
- pre > code {
- padding: 0;
- margin: 0;
- font-size: 100%;
- word-break: normal;
- white-space: pre;
- background: transparent;
- border: 0;
- }
-
- .highlight {
- margin-bottom: $margin;
- }
-
- .highlight pre,
- pre {
- padding: $margin;
- overflow: auto;
- font-size: 85%;
- line-height: 1.45;
- background-color: #f7f7f7;
- border-radius: 3px;
- }
-
- .highlight pre {
- margin-bottom: 0;
- word-break: normal;
- }
-
- pre {
- word-wrap: normal;
- }
-
- pre code,
- pre tt {
- display: inline;
- max-width: initial;
- padding: 0;
- margin: 0;
- overflow: initial;
- line-height: inherit;
- word-wrap: normal;
- background-color: transparent;
- border: 0;
-
- &:before,
- &:after {
- content: normal;
- }
- }
-
- 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;
- }
-}
-
diff --git a/bower_components/primer-user-content/components/user-content.scss b/bower_components/primer-user-content/components/user-content.scss
deleted file mode 100644
index 0ef4aac8ef..0000000000
--- a/bower_components/primer-user-content/components/user-content.scss
+++ /dev/null
@@ -1 +0,0 @@
-@import "primer-user-content/components/markdown";
diff --git a/bower_components/primer-user-content/dist/user-content.css b/bower_components/primer-user-content/dist/user-content.css
deleted file mode 100644
index 2207d871cf..0000000000
--- a/bower_components/primer-user-content/dist/user-content.css
+++ /dev/null
@@ -1,546 +0,0 @@
-/*!
- * GitHub User Content Stylesheets v1.2.4 (https://github.com/primer/user-content)
- * Copyright 2014 GitHub, Inc.
- * Licensed under MIT (https://github.com/primer/user-content/blob/master/LICENSE.md).
- */
-
-.markdown-body {
- overflow: hidden;
- font-family: "Helvetica Neue", Helvetica, "Segoe UI", Arial, freesans, sans-serif;
- font-size: 16px;
- line-height: 1.6;
- word-wrap: break-word;
-}
-.markdown-body > *:first-child {
- margin-top: 0 !important;
-}
-.markdown-body > *:last-child {
- margin-bottom: 0 !important;
-}
-.markdown-body .absent {
- color: #c00;
-}
-.markdown-body .anchor {
- position: absolute;
- top: 0;
- bottom: 0;
- left: 0;
- display: block;
- padding-right: 6px;
- padding-left: 30px;
- margin-left: -30px;
-}
-.markdown-body .anchor:focus {
- outline: none;
-}
-.markdown-body h1, .markdown-body h2, .markdown-body h3, .markdown-body h4, .markdown-body h5, .markdown-body h6 {
- position: relative;
- margin-top: 1em;
- margin-bottom: 16px;
- font-weight: bold;
- line-height: 1.4;
-}
-.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 {
- display: none;
- color: #000;
- vertical-align: middle;
-}
-.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 {
- height: 1em;
- padding-left: 8px;
- margin-left: -30px;
- line-height: 1;
- 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 {
- display: inline-block;
-}
-.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: .3em;
- font-size: 2.25em;
- line-height: 1.2;
- border-bottom: 1px solid #eee;
-}
-.markdown-body h2 {
- padding-bottom: .3em;
- font-size: 1.75em;
- line-height: 1.225;
- border-bottom: 1px solid #eee;
-}
-.markdown-body h3 {
- font-size: 1.5em;
- line-height: 1.43;
-}
-.markdown-body h4 {
- font-size: 1.25em;
-}
-.markdown-body h5 {
- font-size: 1em;
-}
-.markdown-body h6 {
- font-size: 1em;
- color: #777;
-}
-.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: 4px;
- padding: 0;
- margin: 16px 0;
- background-color: #e7e7e7;
- border: 0 none;
-}
-.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 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 blockquote {
- padding: 0 15px;
- color: #777;
- border-left: 4px solid #ddd;
-}
-.markdown-body blockquote > :first-child {
- margin-top: 0;
-}
-.markdown-body blockquote > :last-child {
- margin-bottom: 0;
-}
-.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%;
- -moz-box-sizing: border-box;
- box-sizing: border-box;
-}
-.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: .2em;
- padding-bottom: .2em;
- margin: 0;
- font-size: 85%;
- background-color: rgba(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: -.2em;
- content: "\00a0";
-}
-.markdown-body code br,
- .markdown-body tt br {
- display: none;
-}
-.markdown-body del code {
- text-decoration: inherit;
- vertical-align: text-top;
-}
-.markdown-body pre > code {
- padding: 0;
- margin: 0;
- font-size: 100%;
- white-space: pre;
- background: transparent;
- border: 0;
-}
-.markdown-body .highlight {
- margin-bottom: 16px;
-}
-.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 .highlight pre {
- margin-bottom: 0;
-}
-.markdown-body pre {
- word-wrap: normal;
-}
-.markdown-body pre code,
- .markdown-body pre tt {
- display: inline;
- max-width: initial;
- padding: 0;
- margin: 0;
- overflow: initial;
- 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;
-}
-
-.highlight {
- background: #fff;
-}
-.highlight .c {
- font-style: italic;
- color: #998;
-}
-.highlight .err {
- color: #a61717;
- background-color: #e3d2d2;
-}
-.highlight .k {
- font-weight: bold;
-}
-.highlight .o {
- font-weight: bold;
-}
-.highlight .cm {
- font-style: italic;
- color: #998;
-}
-.highlight .cp {
- font-weight: bold;
- color: #999;
-}
-.highlight .c1 {
- font-style: italic;
- color: #998;
-}
-.highlight .cs {
- font-style: italic;
- font-weight: bold;
- color: #999;
-}
-.highlight .gd {
- color: #000;
- background-color: #fdd;
-}
-.highlight .gd .x {
- color: #000;
- background-color: #faa;
-}
-.highlight .ge {
- font-style: italic;
-}
-.highlight .gr {
- color: #a00;
-}
-.highlight .gh {
- color: #999;
-}
-.highlight .gi {
- color: #000;
- background-color: #dfd;
-}
-.highlight .gi .x {
- color: #000;
- background-color: #afa;
-}
-.highlight .go {
- color: #888;
-}
-.highlight .gp {
- color: #555;
-}
-.highlight .gs {
- font-weight: bold;
-}
-.highlight .gu {
- font-weight: bold;
- color: #800080;
-}
-.highlight .gt {
- color: #a00;
-}
-.highlight .kc {
- font-weight: bold;
-}
-.highlight .kd {
- font-weight: bold;
-}
-.highlight .kn {
- font-weight: bold;
-}
-.highlight .kp {
- font-weight: bold;
-}
-.highlight .kr {
- font-weight: bold;
-}
-.highlight .kt {
- font-weight: bold;
- color: #458;
-}
-.highlight .m {
- color: #099;
-}
-.highlight .s {
- color: #d14;
-}
-.highlight .n {
- color: #333;
-}
-.highlight .na {
- color: teal;
-}
-.highlight .nb {
- color: #0086b3;
-}
-.highlight .nc {
- font-weight: bold;
- color: #458;
-}
-.highlight .no {
- color: teal;
-}
-.highlight .ni {
- color: purple;
-}
-.highlight .ne {
- font-weight: bold;
- color: #900;
-}
-.highlight .nf {
- font-weight: bold;
- color: #900;
-}
-.highlight .nn {
- color: #555;
-}
-.highlight .nt {
- color: navy;
-}
-.highlight .nv {
- color: teal;
-}
-.highlight .ow {
- font-weight: bold;
-}
-.highlight .w {
- color: #bbb;
-}
-.highlight .mf {
- color: #099;
-}
-.highlight .mh {
- color: #099;
-}
-.highlight .mi {
- color: #099;
-}
-.highlight .mo {
- color: #099;
-}
-.highlight .sb {
- color: #d14;
-}
-.highlight .sc {
- color: #d14;
-}
-.highlight .sd {
- color: #d14;
-}
-.highlight .s2 {
- color: #d14;
-}
-.highlight .se {
- color: #d14;
-}
-.highlight .sh {
- color: #d14;
-}
-.highlight .si {
- color: #d14;
-}
-.highlight .sx {
- color: #d14;
-}
-.highlight .sr {
- color: #009926;
-}
-.highlight .s1 {
- color: #d14;
-}
-.highlight .ss {
- color: #990073;
-}
-.highlight .bp {
- color: #999;
-}
-.highlight .vc {
- color: teal;
-}
-.highlight .vg {
- color: teal;
-}
-.highlight .vi {
- color: teal;
-}
-.highlight .il {
- color: #099;
-}
-.highlight .gc {
- color: #999;
- background-color: #eaf2f5;
-}
-
-.type-csharp .highlight .k {
- color: blue;
-}
-.type-csharp .highlight .kt {
- color: blue;
-}
-.type-csharp .highlight .nf {
- font-weight: normal;
- color: #000;
-}
-.type-csharp .highlight .nc {
- color: #2b91af;
-}
-.type-csharp .highlight .nn {
- color: black;
-}
-.type-csharp .highlight .s {
- color: #a31515;
-}
-.type-csharp .highlight .sc {
- color: #a31515;
-}
diff --git a/bower_components/primer-user-content/dist/user-content.min.css b/bower_components/primer-user-content/dist/user-content.min.css
deleted file mode 100644
index 88dab43f11..0000000000
--- a/bower_components/primer-user-content/dist/user-content.min.css
+++ /dev/null
@@ -1,7 +0,0 @@
-/*!
- * GitHub User Content Stylesheets v1.2.4 (https://github.com/primer/user-content)
- * Copyright 2014 GitHub, Inc.
- * Licensed under MIT (https://github.com/primer/user-content/blob/master/LICENSE.md).
- */
-
-.markdown-body{overflow:hidden;font-family:"Helvetica Neue",Helvetica,"Segoe UI",Arial,freesans,sans-serif;font-size:16px;line-height:1.6;word-wrap:break-word}.markdown-body>:first-child{margin-top:0!important}.markdown-body>:last-child{margin-bottom:0!important}.markdown-body .absent{color:#c00}.markdown-body .anchor{position:absolute;top:0;bottom:0;left:0;display:block;padding-right:6px;padding-left:30px;margin-left:-30px}.markdown-body .anchor:focus{outline:0}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4,.markdown-body h5,.markdown-body h6{position:relative;margin-top:1em;margin-bottom:16px;font-weight:700;line-height:1.4}.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{display:none;color:#000;vertical-align:middle}.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{height:1em;padding-left:8px;margin-left:-30px;line-height:1;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{display:inline-block}.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:.3em;font-size:2.25em;line-height:1.2;border-bottom:1px solid #eee}.markdown-body h2{padding-bottom:.3em;font-size:1.75em;line-height:1.225;border-bottom:1px solid #eee}.markdown-body h3{font-size:1.5em;line-height:1.43}.markdown-body h4{font-size:1.25em}.markdown-body h5{font-size:1em}.markdown-body h6{font-size:1em;color:#777}.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:4px;padding:0;margin:16px 0;background-color:#e7e7e7;border:0 none}.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 dl{padding:0}.markdown-body dl dt{padding:0;margin-top:16px;font-size:1em;font-style:italic;font-weight:700}.markdown-body dl dd{padding:0 16px;margin-bottom:16px}.markdown-body blockquote{padding:0 15px;color:#777;border-left:4px solid #ddd}.markdown-body blockquote>:first-child{margin-top:0}.markdown-body blockquote>:last-child{margin-bottom:0}.markdown-body table{display:block;width:100%;overflow:auto}.markdown-body table th{font-weight:700}.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%;-moz-box-sizing:border-box;box-sizing:border-box}.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:.2em;padding-bottom:.2em;margin:0;font-size:85%;background-color:rgba(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:-.2em;content:"\00a0"}.markdown-body code br,.markdown-body tt br{display:none}.markdown-body del code{text-decoration:inherit;vertical-align:text-top}.markdown-body pre>code{padding:0;margin:0;font-size:100%;white-space:pre;background:0 0;border:0}.markdown-body .highlight{margin-bottom:16px}.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 .highlight pre{margin-bottom:0}.markdown-body pre{word-wrap:normal}.markdown-body pre code,.markdown-body pre tt{display:inline;max-width:initial;padding:0;margin:0;overflow:initial;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}.highlight{background:#fff}.highlight .c{font-style:italic;color:#998}.highlight .err{color:#a61717;background-color:#e3d2d2}.highlight .k{font-weight:700}.highlight .o{font-weight:700}.highlight .cm{font-style:italic;color:#998}.highlight .cp{font-weight:700;color:#999}.highlight .c1{font-style:italic;color:#998}.highlight .cs{font-style:italic;font-weight:700;color:#999}.highlight .gd{color:#000;background-color:#fdd}.highlight .gd .x{color:#000;background-color:#faa}.highlight .ge{font-style:italic}.highlight .gr{color:#a00}.highlight .gh{color:#999}.highlight .gi{color:#000;background-color:#dfd}.highlight .gi .x{color:#000;background-color:#afa}.highlight .go{color:#888}.highlight .gp{color:#555}.highlight .gs{font-weight:700}.highlight .gu{font-weight:700;color:purple}.highlight .gt{color:#a00}.highlight .kc{font-weight:700}.highlight .kd{font-weight:700}.highlight .kn{font-weight:700}.highlight .kp{font-weight:700}.highlight .kr{font-weight:700}.highlight .kt{font-weight:700;color:#458}.highlight .m{color:#099}.highlight .s{color:#d14}.highlight .n{color:#333}.highlight .na{color:teal}.highlight .nb{color:#0086b3}.highlight .nc{font-weight:700;color:#458}.highlight .no{color:teal}.highlight .ni{color:purple}.highlight .ne{font-weight:700;color:#900}.highlight .nf{font-weight:700;color:#900}.highlight .nn{color:#555}.highlight .nt{color:navy}.highlight .nv{color:teal}.highlight .ow{font-weight:700}.highlight .w{color:#bbb}.highlight .mf{color:#099}.highlight .mh{color:#099}.highlight .mi{color:#099}.highlight .mo{color:#099}.highlight .sb{color:#d14}.highlight .sc{color:#d14}.highlight .sd{color:#d14}.highlight .s2{color:#d14}.highlight .se{color:#d14}.highlight .sh{color:#d14}.highlight .si{color:#d14}.highlight .sx{color:#d14}.highlight .sr{color:#009926}.highlight .s1{color:#d14}.highlight .ss{color:#990073}.highlight .bp{color:#999}.highlight .vc{color:teal}.highlight .vg{color:teal}.highlight .vi{color:teal}.highlight .il{color:#099}.highlight .gc{color:#999;background-color:#eaf2f5}.type-csharp .highlight .k{color:#00f}.type-csharp .highlight .kt{color:#00f}.type-csharp .highlight .nf{font-weight:400;color:#000}.type-csharp .highlight .nc{color:#2b91af}.type-csharp .highlight .nn{color:#000}.type-csharp .highlight .s{color:#a31515}.type-csharp .highlight .sc{color:#a31515}
\ No newline at end of file
diff --git a/docs/_includes/sidenav.html b/docs/_includes/sidenav.html
index e2edd4ba7a..7679fe25f0 100644
--- a/docs/_includes/sidenav.html
+++ b/docs/_includes/sidenav.html
@@ -44,4 +44,7 @@
Colors
+
+ User content
+
diff --git a/docs/_layouts/default.html b/docs/_layouts/default.html
index 672e0f2741..47f8ecea3a 100644
--- a/docs/_layouts/default.html
+++ b/docs/_layouts/default.html
@@ -41,20 +41,38 @@
Primer
- The internal CSS toolkit and guidelines that powers GitHub.
+ The CSS toolkit and guidelines that power GitHub.
Read docs
+
+
+
+
+ Made at GitHub
+ Primer is the basecoat of GitHub, made by nerds just like you who share a passion for HTML and CSS.
+
+
+ Open source
+ Available for use under the MIT license and built with open source projects like SCSS, Jekyll, Grunt, and more.
+
+
+ Build tools
+ Includes a small Gruntfile for compiling our SCSS, Autoprefixer for vendor prefixes, and Parker for CSS stats.
+
+
+
{% endif %}
{{ content }}
diff --git a/docs/about.md b/docs/about.md
index a563eaec73..7bd6d92711 100644
--- a/docs/about.md
+++ b/docs/about.md
@@ -7,7 +7,9 @@ Learn more about this styleguide, particularly how it's built and who maintains
### What and why
-Primer is GitHub's internal CSS framework. It's not perfect, and it's not really built for others to use in their own projects. There's a lot we can improve upon in Primer, but there's a lot we can all learn by having it open-sourced. While we don't currently plan on building this out as a competitor to other front-end frameworks, we will ocassionally add, remove, or modify things as we need.
+Primer is GitHub's internal CSS framework. It includes basic global styling for typography, small components like buttons and tabs, and our general guidelines for writing HTML and CSS. It's been used internally at GitHub for years now.
+
+Open-sourcing Primer means sharing and learning with the community. There's a lot we can improve upon in Primer, and help is always appreciated. While we don't currently plan on building this out as a competitor to other front-end frameworks, we will ocassionally add, remove, or modify things.
### Future updates
diff --git a/docs/docs.scss b/docs/docs.scss
index 8eb5d39259..9f17b670e6 100644
--- a/docs/docs.scss
+++ b/docs/docs.scss
@@ -135,6 +135,7 @@ body {
.jumbotron {
margin-top: -2rem;
+ margin-bottom: 3rem;
padding-top: 2rem;
padding-bottom: 4rem;
background-color: $brand-blue;
@@ -162,6 +163,27 @@ body {
}
}
+.about-that {
+
+ @media (max-width: 760px) {
+ .column {
+ float: none;
+ width: 100%;
+ margin-bottom: 30px;
+ }
+ }
+
+ p {
+ padding-right: .5rem;
+ color: #555;
+ line-height: 1.5;
+ }
+
+ h2 {
+ font-weight: normal;
+ }
+}
+
//
// Layout
@@ -187,7 +209,7 @@ body {
margin-top: 3rem;
line-height: 1.75;
color: #7a7a7a;
- border-top: .05rem solid #e5e5e5;
+ border-top: 1px solid #eee;
}
diff --git a/docs/roadmap.md b/docs/roadmap.md
index 6385d35e79..7573801c21 100644
--- a/docs/roadmap.md
+++ b/docs/roadmap.md
@@ -5,6 +5,11 @@ title: Roadmap
A brief—and incomplete—look at potential future Primer updates with a focus on rewriting components for simplicity and durability, as well as consolidating UI options.
+## v2
+- [ ] Add Hound CI for SCSS linting
+- [ ] Document the `user-content` repo somehow
+- [ ] Clarify usage of CLA in our docs
+
## v3
- [ ] Refactor alerts to reduce selectors and overrides
- [ ] Deprecate the gradient mixin for Autoprefixer
diff --git a/docs/user-content.md b/docs/user-content.md
new file mode 100644
index 0000000000..b2287e48d7
--- /dev/null
+++ b/docs/user-content.md
@@ -0,0 +1,8 @@
+---
+layout: page
+title: User content
+---
+
+Styles for rendering GitHub Flavored Markdown in any project.
+
+*Coming soon.*
diff --git a/package.json b/package.json
index 58a8ef09d1..fc011ae0c9 100644
--- a/package.json
+++ b/package.json
@@ -1,12 +1,12 @@
{
"name": "primer",
- "version": "2.0.0",
+ "version": "2.0.2",
"homepage": "http://primercss.io",
"author": "GitHub, Inc.",
"scss": "./scss/primer.scss",
"repository": {
"type": "git",
- "url": "https://github.com/github/primer.git"
+ "url": "https://github.com/primer/primer.git"
},
"devDependencies": {
"grunt": "~0.4.5",