diff --git a/assets/css/custom.scss b/assets/css/custom.scss
index b52e1456451..8e19b17c5f4 100644
--- a/assets/css/custom.scss
+++ b/assets/css/custom.scss
@@ -103,13 +103,13 @@ blockquote {
h5,
h6 {
-webkit-font-smoothing: antialiased;
- font-family: $alt-body-font;
+ font-family: $font-mktg
}
- h1 { @include alt-h1 }
+ h1 { @include h1-mktg }
h3 {
- @include alt-h3;
+ @include h3-mktg;
margin-top: $spacer-4;
margin-bottom: $spacer-3;
@include breakpoint(md) {
@@ -132,7 +132,7 @@ blockquote {
}
h2 {
- @include alt-h2;
+ @include h2-mktg;
text-align: center;
margin-bottom: $spacer-3;
line-height: 1.25;
@@ -237,7 +237,7 @@ blockquote {
*:lang(ko) {
.lead,
- .alt-lead,
+ .lead-mktg ,
h2 + p {
word-break: keep-all;
}
diff --git a/node_modules/primer-base/CHANGELOG.md b/node_modules/primer-base/CHANGELOG.md
deleted file mode 100644
index 984c113611f..00000000000
--- a/node_modules/primer-base/CHANGELOG.md
+++ /dev/null
@@ -1,74 +0,0 @@
-# v1.0.0
-
- * update primer-core version number - broccolini [github/github@6846743](https://github.com/github/github/commit/6846743)
- * replace instances of #ddd with variable in primer-core - broccolini [github/github@4a95523](https://github.com/github/github/commit/4a95523)
- * don't apply general link hover styles to active state - Mark Otto [github/github@4c1d4f5](https://github.com/github/github/commit/4c1d4f5)
-
-# v0.4.2
-
- * More versions - Jon Rohan [github/github@e12ba2e](https://github.com/github/github/commit/e12ba2e)
- * Pointing main js file to build - Jon Rohan [github/github@3575651](https://github.com/github/github/commit/3575651)
- * don't change the versions yet - Jon Rohan [github/github@6bebcff](https://github.com/github/github/commit/6bebcff)
- * Bumping version - Jon Rohan [github/github@df8b91c](https://github.com/github/github/commit/df8b91c)
- * Cleaning up devDependencies versions and simplifying npm scripts - Jon Rohan [github/github@2c42571](https://github.com/github/github/commit/2c42571)
-
-# v0.4.1
-
- * Creating a new version - Jon Rohan [github/github@488569b](https://github.com/github/github/commit/488569b)
- * Adding list-item for summary - Jon Rohan [github/github@59070d8](https://github.com/github/github/commit/59070d8)
- * Removing normalize.css from dependencies and checking into base package - Jon Rohan [github/github@459e8b7](https://github.com/github/github/commit/459e8b7)
-
-# v0.4.0
-
- * Cutting new versions of primer modules - Jon Rohan [github/github@157f5ab](https://github.com/github/github/commit/157f5ab)
- * Rename repository with prefix primer- - Jon Rohan [github/github@ec8774a](https://github.com/github/github/commit/ec8774a)
- * Separating out modules into primer-core and primer-product - Jon Rohan [github/github@ddf698c](https://github.com/github/github/commit/ddf698c)
-
-# v0.3.0
-
- * Updating version - Jon Rohan [github/github@6bf5fe5](https://github.com/github/github/commit/6bf5fe5)
- * Updating link to real primer-css repository - Jon Rohan [github/github@bbaedda](https://github.com/github/github/commit/bbaedda)
- * Updating the modules stylelint - Jon Rohan [github/github@389609f](https://github.com/github/github/commit/389609f)
- * move over override for octicons to type base for now - Mark Otto [github/github@529af66](https://github.com/github/github/commit/529af66)
- * move over all bold variable changes - Mark Otto [github/github@6b5b021](https://github.com/github/github/commit/6b5b021)
- * Make sure the modules build without error before publishing - Jon Rohan [github/github@57ac5e6](https://github.com/github/github/commit/57ac5e6)
-
-# v0.2.3
-
- * Publishing a new version - Jon Rohan [github/github@eed0e96](https://github.com/github/github/commit/eed0e96)
- * Removing some unnecessary lint plugins and using native - Jon Rohan [github/github@2ae0070](https://github.com/github/github/commit/2ae0070)
- * including no-utility lint plugin - Jon Rohan [github/github@5cb86ed](https://github.com/github/github/commit/5cb86ed)
- * un-delete this - Jon Rohan [github/github@207793a](https://github.com/github/github/commit/207793a)
- * Adding lint plugins for new config - Jon Rohan [github/github@7fb9613](https://github.com/github/github/commit/7fb9613)
-
-# v0.2.2
-
- * Mentioning the build file - Jon Rohan [github/github@64ca4a7](https://github.com/github/github/commit/64ca4a7)
- * Including build/build.css in distributed npm module - Jon Rohan [github/github@e4effbf](https://github.com/github/github/commit/e4effbf)
- * Updating modules to run on prepublish to include build.css in distribution - Jon Rohan [github/github@5b573a0](https://github.com/github/github/commit/5b573a0)
- * Re-ordering the docs to the bottom of the readme - Jon Rohan [github/github@9c1f291](https://github.com/github/github/commit/9c1f291)
-
-# v0.2.1
-
- * Bumping version to include postcss.json in npm - Jon Rohan [github/github@9e560ba](https://github.com/github/github/commit/9e560ba)
- * Using stylelint to lint the modules instead of scss_lint - Jon Rohan [github/github@cb0b8fd](https://github.com/github/github/commit/cb0b8fd)
- * Updating for stylelint instead of scss_lint - Jon Rohan [github/github@87a2c68](https://github.com/github/github/commit/87a2c68)
-
-# v0.2.0
-
- * Cutting new version 0.2.0 - Jon Rohan [github/github@a6f6586](https://github.com/github/github/commit/a6f6586)
- * cleanup after merge - Jon Rohan [github/github@f9378ca](https://github.com/github/github/commit/f9378ca)
- * Don't link requirements - Jon Rohan [github/github@7740e81](https://github.com/github/github/commit/7740e81)
- * Fixing a few import paths - Jon Rohan [github/github@73e2c51](https://github.com/github/github/commit/73e2c51)
- * Updating the README with more detailed instructions - Jon Rohan [github/github@5dd7c34](https://github.com/github/github/commit/5dd7c34)
- * Reorganize the module folders into a more flexible organization - Jon Rohan [github/github@5a07101](https://github.com/github/github/commit/5a07101)
- * cleaning up the package.json files - Jon Rohan [github/github@77763a1](https://github.com/github/github/commit/77763a1)
- * Adding npm version badges to readme - Jon Rohan [github/github@90b1871](https://github.com/github/github/commit/90b1871)
- * Adding tavisci build badges to the readmes - Jon Rohan [github/github@1a6126f](https://github.com/github/github/commit/1a6126f)
-
-# v0.1.0
-
- * Moving text base utilities to utilities module - Jon Rohan [github/github@ac7383e](https://github.com/github/github/commit/ac7383e)
- * renaming to typography-base - Jon Rohan [github/github@e34449b](https://github.com/github/github/commit/e34449b)
- * Updating the readme - Jon Rohan [github/github@29ef203](https://github.com/github/github/commit/29ef203)
- * Creating a base module from normalize and our primer base css - Jon Rohan [github/github@97e460f](https://github.com/github/github/commit/97e460f)
\ No newline at end of file
diff --git a/node_modules/primer-base/LICENSE b/node_modules/primer-base/LICENSE
index 5715c13693b..f1cc6aa1076 100644
--- a/node_modules/primer-base/LICENSE
+++ b/node_modules/primer-base/LICENSE
@@ -1,6 +1,6 @@
The MIT License (MIT)
-Copyright (c) 2016 GitHub Inc.
+Copyright (c) 2019 GitHub Inc.
Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
diff --git a/node_modules/primer-base/README.md b/node_modules/primer-base/README.md
index 2288512dfa5..521fecaffd9 100644
--- a/node_modules/primer-base/README.md
+++ b/node_modules/primer-base/README.md
@@ -1,11 +1,11 @@
-# Primer CSS Base
+# Primer Base
-[](https://www.npmjs.org/package/primer-base)
-[](https://travis-ci.org/primer/primer-css)
+[](https://www.npmjs.org/package/primer-base)
+[](https://travis-ci.org/primer/primer)
> GitHub's CSS to reset the browsers default styles. Built on top of normalize.css
-This repository is a module of the full [primer-css][primer-css] repository. And is built off of [normalize.css](https://github.com/necolas/normalize.css/)
+This repository is a module of the full [primer][primer] repository. And is built off of [normalize.css](https://github.com/necolas/normalize.css/)
## Install
@@ -41,8 +41,8 @@ You can read more about base in the [docs][docs].
[MIT](./LICENSE) © [GitHub](https://github.com/)
-[primer-css]: https://github.com/primer/primer
-[docs]: http://primercss.io/
+[primer]: https://github.com/primer/primer
+[docs]: http://primer.github.io/
[npm]: https://www.npmjs.com/
[install-npm]: https://docs.npmjs.com/getting-started/installing-node
[sass]: http://sass-lang.com/
diff --git a/node_modules/primer-base/build/build.css b/node_modules/primer-base/build/build.css
index ea09ca17f7d..65bae6c13b1 100644
--- a/node_modules/primer-base/build/build.css
+++ b/node_modules/primer-base/build/build.css
@@ -1 +1 @@
-/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{display:block}summary{display:list-item}audio,canvas,progress,video{display:inline-block}audio:not([controls]){display:none;height:0}progress{vertical-align:baseline}template,[hidden]{display:none}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}svg:not(:root){overflow:hidden}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}button,input,select,textarea{font:inherit;margin:0}optgroup{font-weight:bold}button,input{overflow:visible}button,select{text-transform:none}button,html [type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-input-placeholder{color:inherit;opacity:0.54}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}*{box-sizing:border-box}input,select,textarea,button{font-family:inherit;font-size:inherit;line-height:inherit}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:14px;line-height:1.5;color:#24292e;background-color:#fff}a{color:#0366d6;text-decoration:none}a:hover{text-decoration:underline}b,strong{font-weight:600}hr,.rule{height:0;margin:15px 0;overflow:hidden;background:transparent;border:0;border-bottom:1px solid #dfe2e5}hr::before,.rule::before{display:table;content:""}hr::after,.rule::after{display:table;clear:both;content:""}table{border-spacing:0;border-collapse:collapse}td,th{padding:0}button{cursor:pointer}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:0}h1{font-size:32px;font-weight:600}h2{font-size:24px;font-weight:600}h3{font-size:20px;font-weight:600}h4{font-size:16px;font-weight:600}h5{font-size:14px;font-weight:600}h6{font-size:12px;font-weight:600}p{margin-top:0;margin-bottom:10px}small{font-size:90%}blockquote{margin:0}ul,ol{padding-left:0;margin-top:0;margin-bottom:0}ol ol,ul ol{list-style-type:lower-roman}ul ul ol,ul ol ol,ol ul ol,ol ol ol{list-style-type:lower-alpha}dd{margin-left:0}tt,code{font-family:"SFMono-Regular",Consolas,"Liberation Mono",Menlo,Courier,monospace;font-size:12px}pre{margin-top:0;margin-bottom:0;font:12px "SFMono-Regular",Consolas,"Liberation Mono",Menlo,Courier,monospace}.octicon{vertical-align:text-bottom}
+/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{display:block}summary{display:list-item}audio,canvas,progress,video{display:inline-block}audio:not([controls]){display:none;height:0}progress{vertical-align:baseline}template,[hidden]{display:none !important}a{background-color:transparent}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}svg:not(:root){overflow:hidden}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}button,input,select,textarea{font:inherit;margin:0}optgroup{font-weight:bold}button,input{overflow:visible}button,select{text-transform:none}button,html [type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-input-placeholder{color:inherit;opacity:0.54}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}*{box-sizing:border-box}input,select,textarea,button{font-family:inherit;font-size:inherit;line-height:inherit}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:14px;line-height:1.5;color:#24292e;background-color:#fff}a{color:#0366d6;text-decoration:none}a:hover{text-decoration:underline}b,strong{font-weight:600}hr,.rule{height:0;margin:15px 0;overflow:hidden;background:transparent;border:0;border-bottom:1px solid #dfe2e5}hr::before,.rule::before{display:table;content:""}hr::after,.rule::after{display:table;clear:both;content:""}table{border-spacing:0;border-collapse:collapse}td,th{padding:0}button{cursor:pointer;border-radius:0}[hidden][hidden]{display:none !important}details summary{cursor:pointer}details:not([open])>*:not(summary){display:none !important}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:0}h1{font-size:32px;font-weight:600}h2{font-size:24px;font-weight:600}h3{font-size:20px;font-weight:600}h4{font-size:16px;font-weight:600}h5{font-size:14px;font-weight:600}h6{font-size:12px;font-weight:600}p{margin-top:0;margin-bottom:10px}small{font-size:90%}blockquote{margin:0}ul,ol{padding-left:0;margin-top:0;margin-bottom:0}ol ol,ul ol{list-style-type:lower-roman}ul ul ol,ul ol ol,ol ul ol,ol ol ol{list-style-type:lower-alpha}dd{margin-left:0}tt,code{font-family:"SFMono-Regular",Consolas,"Liberation Mono",Menlo,Courier,monospace;font-size:12px}pre{margin-top:0;margin-bottom:0;font-family:"SFMono-Regular",Consolas,"Liberation Mono",Menlo,Courier,monospace;font-size:12px}.octicon{vertical-align:text-bottom}
diff --git a/node_modules/primer-base/build/data.json b/node_modules/primer-base/build/data.json
new file mode 100644
index 00000000000..75bf9e745e6
--- /dev/null
+++ b/node_modules/primer-base/build/data.json
@@ -0,0 +1 @@
+{"cssstats":{"size":3911,"gzipSize":1515,"humanizedSize":"4kB","humanizedGzipSize":"1kB","rules":{"total":73,"size":{"graph":[3,1,1,1,1,2,1,1,1,1,3,1,1,1,2,2,1,4,1,1,1,1,2,1,3,2,1,1,1,1,2,1,3,6,1,2,1,2,1,2,2,1,3,5,2,1,1,6,2,3,2,1,2,1,1,1,2,2,2,2,2,2,2,2,1,1,3,1,1,1,2,4,1],"max":6,"average":1.7808219178082192},"selectorByRuleSizes":[{"selector":"hr,.rule","declarations":6},{"selector":"legend","declarations":6},{"selector":"body","declarations":5},{"selector":"pre","declarations":4},{"selector":"sub,sup","declarations":4},{"selector":"ul,ol","declarations":3},{"selector":"hr::after,.rule::after","declarations":3},{"selector":"input,select,textarea,button","declarations":3},{"selector":"fieldset","declarations":3},{"selector":"hr","declarations":3},{"selector":"abbr[title]","declarations":3},{"selector":"html","declarations":3},{"selector":"tt,code","declarations":2},{"selector":"p","declarations":2},{"selector":"h6","declarations":2},{"selector":"h5","declarations":2},{"selector":"h4","declarations":2},{"selector":"h3","declarations":2},{"selector":"h2","declarations":2},{"selector":"h1","declarations":2},{"selector":"h1,h2,h3,h4,h5,h6","declarations":2},{"selector":"button","declarations":2},{"selector":"table","declarations":2},{"selector":"hr::before,.rule::before","declarations":2},{"selector":"a","declarations":2},{"selector":"::-webkit-file-upload-button","declarations":2},{"selector":"::-webkit-input-placeholder","declarations":2},{"selector":"[type=\"search\"]","declarations":2},{"selector":"[type=\"checkbox\"],[type=\"radio\"]","declarations":2},{"selector":"button::-moz-focus-inner,[type=\"button\"]::-moz-focus-inner,[type=\"reset\"]::-moz-focus-inner,[type=\"submit\"]::-moz-focus-inner","declarations":2},{"selector":"button,input,select,textarea","declarations":2},{"selector":"code,kbd,pre,samp","declarations":2},{"selector":"mark","declarations":2},{"selector":"h1","declarations":2},{"selector":"audio:not([controls])","declarations":2},{"selector":".octicon","declarations":1},{"selector":"dd","declarations":1},{"selector":"ul ul ol,ul ol ol,ol ul ol,ol ol ol","declarations":1},{"selector":"ol ol,ul ol","declarations":1},{"selector":"blockquote","declarations":1},{"selector":"small","declarations":1},{"selector":"details:not([open])>*:not(summary)","declarations":1},{"selector":"details summary","declarations":1},{"selector":"[hidden][hidden]","declarations":1},{"selector":"td,th","declarations":1},{"selector":"b,strong","declarations":1},{"selector":"a:hover","declarations":1},{"selector":"*","declarations":1},{"selector":"[type=\"search\"]::-webkit-search-cancel-button,[type=\"search\"]::-webkit-search-decoration","declarations":1},{"selector":"[type=\"number\"]::-webkit-inner-spin-button,[type=\"number\"]::-webkit-outer-spin-button","declarations":1},{"selector":"textarea","declarations":1},{"selector":"button:-moz-focusring,[type=\"button\"]:-moz-focusring,[type=\"reset\"]:-moz-focusring,[type=\"submit\"]:-moz-focusring","declarations":1},{"selector":"button,html [type=\"button\"],[type=\"reset\"],[type=\"submit\"]","declarations":1},{"selector":"button,select","declarations":1},{"selector":"button,input","declarations":1},{"selector":"optgroup","declarations":1},{"selector":"figure","declarations":1},{"selector":"svg:not(:root)","declarations":1},{"selector":"img","declarations":1},{"selector":"sup","declarations":1},{"selector":"sub","declarations":1},{"selector":"small","declarations":1},{"selector":"dfn","declarations":1},{"selector":"b,strong","declarations":1},{"selector":"b,strong","declarations":1},{"selector":"a:active,a:hover","declarations":1},{"selector":"a","declarations":1},{"selector":"template,[hidden]","declarations":1},{"selector":"progress","declarations":1},{"selector":"audio,canvas,progress,video","declarations":1},{"selector":"summary","declarations":1},{"selector":"article,aside,details,figcaption,figure,footer,header,main,menu,nav,section","declarations":1},{"selector":"body","declarations":1}]},"selectors":{"total":130,"type":106,"class":4,"id":0,"pseudoClass":6,"pseudoElement":4,"values":["html","body","article","aside","details","figcaption","figure","footer","header","main","menu","nav","section","summary","audio","canvas","progress","video","audio:not([controls])","progress","template","[hidden]","a","a:active","a:hover","abbr[title]","b","strong","b","strong","dfn","h1","mark","small","sub","sup","sub","sup","img","svg:not(:root)","code","kbd","pre","samp","figure","hr","button","input","select","textarea","optgroup","button","input","button","select","button","html [type=\"button\"]","[type=\"reset\"]","[type=\"submit\"]","button::-moz-focus-inner","[type=\"button\"]::-moz-focus-inner","[type=\"reset\"]::-moz-focus-inner","[type=\"submit\"]::-moz-focus-inner","button:-moz-focusring","[type=\"button\"]:-moz-focusring","[type=\"reset\"]:-moz-focusring","[type=\"submit\"]:-moz-focusring","fieldset","legend","textarea","[type=\"checkbox\"]","[type=\"radio\"]","[type=\"number\"]::-webkit-inner-spin-button","[type=\"number\"]::-webkit-outer-spin-button","[type=\"search\"]","[type=\"search\"]::-webkit-search-cancel-button","[type=\"search\"]::-webkit-search-decoration","::-webkit-input-placeholder","::-webkit-file-upload-button","*","input","select","textarea","button","body","a","a:hover","b","strong","hr",".rule","hr::before",".rule::before","hr::after",".rule::after","table","td","th","button","[hidden][hidden]","details summary","details:not([open])>*:not(summary)","h1","h2","h3","h4","h5","h6","h1","h2","h3","h4","h5","h6","p","small","blockquote","ul","ol","ol ol","ul ol","ul ul ol","ul ol ol","ol ul ol","ol ol ol","dd","tt","code","pre",".octicon"],"specificity":{"max":20,"average":3.6307692307692307}},"declarations":{"total":130,"unique":91,"properties":{"font-family":["sans-serif","monospace, monospace","inherit","-apple-system,BlinkMacSystemFont,\"Segoe UI\",Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\"","\"SFMono-Regular\",Consolas,\"Liberation Mono\",Menlo,Courier,monospace","\"SFMono-Regular\",Consolas,\"Liberation Mono\",Menlo,Courier,monospace"],"-ms-text-size-adjust":["100%"],"-webkit-text-size-adjust":["100%"],"margin":["0","0.67em 0","1em 40px","0","0 2px","15px 0","0"],"display":["block","list-item","inline-block","none","none","table","table","table","none","none"],"height":["0","0","auto","0"],"vertical-align":["baseline","baseline","text-bottom"],"background-color":["transparent","#ff0","#fff"],"outline-width":["0"],"border-bottom":["none","1px solid #dfe2e5"],"text-decoration":["underline","underline dotted","none","underline"],"font-weight":["inherit","bolder","bold","600","600","600","600","600","600","600"],"font-style":["italic"],"font-size":["2em","80%","75%","1em","inherit","14px","32px","24px","20px","16px","14px","12px","90%","12px","12px"],"color":["#000","inherit","inherit","#24292e","#0366d6"],"line-height":["0","inherit","1.5"],"position":["relative"],"bottom":["-0.25em"],"top":["-0.5em"],"border-style":["none","none"],"overflow":["hidden","visible","visible","auto","hidden"],"box-sizing":["content-box","border-box","border-box","border-box"],"font":["inherit","inherit"],"text-transform":["none"],"-webkit-appearance":["button","textfield","none","button"],"padding":["0","0.35em 0.625em 0.75em","0","0","0"],"outline":["1px dotted ButtonText"],"border":["1px solid #c0c0c0","0"],"max-width":["100%"],"white-space":["normal"],"outline-offset":["-2px"],"opacity":["0.54"],"background":["transparent"],"content":["\"\"","\"\""],"clear":["both"],"border-spacing":["0"],"border-collapse":["collapse"],"cursor":["pointer","pointer"],"border-radius":["0"],"margin-top":["0","0","0","0"],"margin-bottom":["0","10px","0","0"],"padding-left":["0"],"list-style-type":["lower-roman","lower-alpha"],"margin-left":["0"]}},"mediaQueries":{"total":0,"unique":0,"values":[],"contents":[]}}}
\ No newline at end of file
diff --git a/node_modules/primer-base/build/index.js b/node_modules/primer-base/build/index.js
index f5027f0c498..3a9ead04d4d 100644
--- a/node_modules/primer-base/build/index.js
+++ b/node_modules/primer-base/build/index.js
@@ -1 +1 @@
-module.exports = {"cssstats":{"size":3773,"gzipSize":1486,"humanizedSize":"4kB","humanizedGzipSize":"1kB","rules":{"total":70,"size":{"graph":[3,1,1,1,1,2,1,1,2,1,3,1,1,1,2,2,1,4,1,1,1,1,2,1,3,2,1,1,1,1,2,1,3,6,1,2,1,2,1,2,2,1,3,5,2,1,1,6,2,3,2,1,1,2,2,2,2,2,2,2,2,1,1,3,1,1,1,2,3,1],"max":6,"average":1.8}},"selectors":{"total":127,"type":104,"class":4,"id":0,"pseudoClass":5,"pseudoElement":4,"values":["html","body","article","aside","details","figcaption","figure","footer","header","main","menu","nav","section","summary","audio","canvas","progress","video","audio:not([controls])","progress","template","[hidden]","a","a:active","a:hover","abbr[title]","b","strong","b","strong","dfn","h1","mark","small","sub","sup","sub","sup","img","svg:not(:root)","code","kbd","pre","samp","figure","hr","button","input","select","textarea","optgroup","button","input","button","select","button","html [type=\"button\"]","[type=\"reset\"]","[type=\"submit\"]","button::-moz-focus-inner","[type=\"button\"]::-moz-focus-inner","[type=\"reset\"]::-moz-focus-inner","[type=\"submit\"]::-moz-focus-inner","button:-moz-focusring","[type=\"button\"]:-moz-focusring","[type=\"reset\"]:-moz-focusring","[type=\"submit\"]:-moz-focusring","fieldset","legend","textarea","[type=\"checkbox\"]","[type=\"radio\"]","[type=\"number\"]::-webkit-inner-spin-button","[type=\"number\"]::-webkit-outer-spin-button","[type=\"search\"]","[type=\"search\"]::-webkit-search-cancel-button","[type=\"search\"]::-webkit-search-decoration","::-webkit-input-placeholder","::-webkit-file-upload-button","*","input","select","textarea","button","body","a","a:hover","b","strong","hr",".rule","hr::before",".rule::before","hr::after",".rule::after","table","td","th","button","h1","h2","h3","h4","h5","h6","h1","h2","h3","h4","h5","h6","p","small","blockquote","ul","ol","ol ol","ul ol","ul ul ol","ul ol ol","ol ul ol","ol ol ol","dd","tt","code","pre",".octicon"],"specificity":{"max":20,"average":3.4488188976377954}},"declarations":{"total":126,"unique":92,"properties":{"font-family":["sans-serif","monospace, monospace","inherit","-apple-system,BlinkMacSystemFont,\"Segoe UI\",Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\"","\"SFMono-Regular\",Consolas,\"Liberation Mono\",Menlo,Courier,monospace"],"-ms-text-size-adjust":["100%"],"-webkit-text-size-adjust":["100%"],"margin":["0","0.67em 0","1em 40px","0","0 2px","15px 0","0"],"display":["block","list-item","inline-block","none","none","table","table","table"],"height":["0","0","auto","0"],"vertical-align":["baseline","baseline","text-bottom"],"background-color":["transparent","#ff0","#fff"],"-webkit-text-decoration-skip":["objects"],"outline-width":["0"],"border-bottom":["none","1px solid #dfe2e5"],"text-decoration":["underline","underline dotted","none","underline"],"font-weight":["inherit","bolder","bold","600","600","600","600","600","600","600"],"font-style":["italic"],"font-size":["2em","80%","75%","1em","inherit","14px","32px","24px","20px","16px","14px","12px","90%","12px"],"color":["#000","inherit","inherit","#24292e","#0366d6"],"line-height":["0","inherit","1.5"],"position":["relative"],"bottom":["-0.25em"],"top":["-0.5em"],"border-style":["none","none"],"overflow":["hidden","visible","visible","auto","hidden"],"box-sizing":["content-box","border-box","border-box","border-box"],"font":["inherit","inherit","12px \"SFMono-Regular\",Consolas,\"Liberation Mono\",Menlo,Courier,monospace"],"text-transform":["none"],"-webkit-appearance":["button","textfield","none","button"],"padding":["0","0.35em 0.625em 0.75em","0","0","0"],"outline":["1px dotted ButtonText"],"border":["1px solid #c0c0c0","0"],"max-width":["100%"],"white-space":["normal"],"outline-offset":["-2px"],"opacity":["0.54"],"background":["transparent"],"content":["\"\"","\"\""],"clear":["both"],"border-spacing":["0"],"border-collapse":["collapse"],"cursor":["pointer"],"margin-top":["0","0","0","0"],"margin-bottom":["0","10px","0","0"],"padding-left":["0"],"list-style-type":["lower-roman","lower-alpha"],"margin-left":["0"]}},"mediaQueries":{"total":0,"unique":0,"values":[],"contents":[]}}}
\ No newline at end of file
+module.exports = {"cssstats":{"size":3911,"gzipSize":1515,"humanizedSize":"4kB","humanizedGzipSize":"1kB","rules":{"total":73,"size":{"graph":[3,1,1,1,1,2,1,1,1,1,3,1,1,1,2,2,1,4,1,1,1,1,2,1,3,2,1,1,1,1,2,1,3,6,1,2,1,2,1,2,2,1,3,5,2,1,1,6,2,3,2,1,2,1,1,1,2,2,2,2,2,2,2,2,1,1,3,1,1,1,2,4,1],"max":6,"average":1.7808219178082192},"selectorByRuleSizes":[{"selector":"hr,.rule","declarations":6},{"selector":"legend","declarations":6},{"selector":"body","declarations":5},{"selector":"pre","declarations":4},{"selector":"sub,sup","declarations":4},{"selector":"ul,ol","declarations":3},{"selector":"hr::after,.rule::after","declarations":3},{"selector":"input,select,textarea,button","declarations":3},{"selector":"fieldset","declarations":3},{"selector":"hr","declarations":3},{"selector":"abbr[title]","declarations":3},{"selector":"html","declarations":3},{"selector":"tt,code","declarations":2},{"selector":"p","declarations":2},{"selector":"h6","declarations":2},{"selector":"h5","declarations":2},{"selector":"h4","declarations":2},{"selector":"h3","declarations":2},{"selector":"h2","declarations":2},{"selector":"h1","declarations":2},{"selector":"h1,h2,h3,h4,h5,h6","declarations":2},{"selector":"button","declarations":2},{"selector":"table","declarations":2},{"selector":"hr::before,.rule::before","declarations":2},{"selector":"a","declarations":2},{"selector":"::-webkit-file-upload-button","declarations":2},{"selector":"::-webkit-input-placeholder","declarations":2},{"selector":"[type=\"search\"]","declarations":2},{"selector":"[type=\"checkbox\"],[type=\"radio\"]","declarations":2},{"selector":"button::-moz-focus-inner,[type=\"button\"]::-moz-focus-inner,[type=\"reset\"]::-moz-focus-inner,[type=\"submit\"]::-moz-focus-inner","declarations":2},{"selector":"button,input,select,textarea","declarations":2},{"selector":"code,kbd,pre,samp","declarations":2},{"selector":"mark","declarations":2},{"selector":"h1","declarations":2},{"selector":"audio:not([controls])","declarations":2},{"selector":".octicon","declarations":1},{"selector":"dd","declarations":1},{"selector":"ul ul ol,ul ol ol,ol ul ol,ol ol ol","declarations":1},{"selector":"ol ol,ul ol","declarations":1},{"selector":"blockquote","declarations":1},{"selector":"small","declarations":1},{"selector":"details:not([open])>*:not(summary)","declarations":1},{"selector":"details summary","declarations":1},{"selector":"[hidden][hidden]","declarations":1},{"selector":"td,th","declarations":1},{"selector":"b,strong","declarations":1},{"selector":"a:hover","declarations":1},{"selector":"*","declarations":1},{"selector":"[type=\"search\"]::-webkit-search-cancel-button,[type=\"search\"]::-webkit-search-decoration","declarations":1},{"selector":"[type=\"number\"]::-webkit-inner-spin-button,[type=\"number\"]::-webkit-outer-spin-button","declarations":1},{"selector":"textarea","declarations":1},{"selector":"button:-moz-focusring,[type=\"button\"]:-moz-focusring,[type=\"reset\"]:-moz-focusring,[type=\"submit\"]:-moz-focusring","declarations":1},{"selector":"button,html [type=\"button\"],[type=\"reset\"],[type=\"submit\"]","declarations":1},{"selector":"button,select","declarations":1},{"selector":"button,input","declarations":1},{"selector":"optgroup","declarations":1},{"selector":"figure","declarations":1},{"selector":"svg:not(:root)","declarations":1},{"selector":"img","declarations":1},{"selector":"sup","declarations":1},{"selector":"sub","declarations":1},{"selector":"small","declarations":1},{"selector":"dfn","declarations":1},{"selector":"b,strong","declarations":1},{"selector":"b,strong","declarations":1},{"selector":"a:active,a:hover","declarations":1},{"selector":"a","declarations":1},{"selector":"template,[hidden]","declarations":1},{"selector":"progress","declarations":1},{"selector":"audio,canvas,progress,video","declarations":1},{"selector":"summary","declarations":1},{"selector":"article,aside,details,figcaption,figure,footer,header,main,menu,nav,section","declarations":1},{"selector":"body","declarations":1}]},"selectors":{"total":130,"type":106,"class":4,"id":0,"pseudoClass":6,"pseudoElement":4,"values":["html","body","article","aside","details","figcaption","figure","footer","header","main","menu","nav","section","summary","audio","canvas","progress","video","audio:not([controls])","progress","template","[hidden]","a","a:active","a:hover","abbr[title]","b","strong","b","strong","dfn","h1","mark","small","sub","sup","sub","sup","img","svg:not(:root)","code","kbd","pre","samp","figure","hr","button","input","select","textarea","optgroup","button","input","button","select","button","html [type=\"button\"]","[type=\"reset\"]","[type=\"submit\"]","button::-moz-focus-inner","[type=\"button\"]::-moz-focus-inner","[type=\"reset\"]::-moz-focus-inner","[type=\"submit\"]::-moz-focus-inner","button:-moz-focusring","[type=\"button\"]:-moz-focusring","[type=\"reset\"]:-moz-focusring","[type=\"submit\"]:-moz-focusring","fieldset","legend","textarea","[type=\"checkbox\"]","[type=\"radio\"]","[type=\"number\"]::-webkit-inner-spin-button","[type=\"number\"]::-webkit-outer-spin-button","[type=\"search\"]","[type=\"search\"]::-webkit-search-cancel-button","[type=\"search\"]::-webkit-search-decoration","::-webkit-input-placeholder","::-webkit-file-upload-button","*","input","select","textarea","button","body","a","a:hover","b","strong","hr",".rule","hr::before",".rule::before","hr::after",".rule::after","table","td","th","button","[hidden][hidden]","details summary","details:not([open])>*:not(summary)","h1","h2","h3","h4","h5","h6","h1","h2","h3","h4","h5","h6","p","small","blockquote","ul","ol","ol ol","ul ol","ul ul ol","ul ol ol","ol ul ol","ol ol ol","dd","tt","code","pre",".octicon"],"specificity":{"max":20,"average":3.6307692307692307}},"declarations":{"total":130,"unique":91,"properties":{"font-family":["sans-serif","monospace, monospace","inherit","-apple-system,BlinkMacSystemFont,\"Segoe UI\",Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\"","\"SFMono-Regular\",Consolas,\"Liberation Mono\",Menlo,Courier,monospace","\"SFMono-Regular\",Consolas,\"Liberation Mono\",Menlo,Courier,monospace"],"-ms-text-size-adjust":["100%"],"-webkit-text-size-adjust":["100%"],"margin":["0","0.67em 0","1em 40px","0","0 2px","15px 0","0"],"display":["block","list-item","inline-block","none","none","table","table","table","none","none"],"height":["0","0","auto","0"],"vertical-align":["baseline","baseline","text-bottom"],"background-color":["transparent","#ff0","#fff"],"outline-width":["0"],"border-bottom":["none","1px solid #dfe2e5"],"text-decoration":["underline","underline dotted","none","underline"],"font-weight":["inherit","bolder","bold","600","600","600","600","600","600","600"],"font-style":["italic"],"font-size":["2em","80%","75%","1em","inherit","14px","32px","24px","20px","16px","14px","12px","90%","12px","12px"],"color":["#000","inherit","inherit","#24292e","#0366d6"],"line-height":["0","inherit","1.5"],"position":["relative"],"bottom":["-0.25em"],"top":["-0.5em"],"border-style":["none","none"],"overflow":["hidden","visible","visible","auto","hidden"],"box-sizing":["content-box","border-box","border-box","border-box"],"font":["inherit","inherit"],"text-transform":["none"],"-webkit-appearance":["button","textfield","none","button"],"padding":["0","0.35em 0.625em 0.75em","0","0","0"],"outline":["1px dotted ButtonText"],"border":["1px solid #c0c0c0","0"],"max-width":["100%"],"white-space":["normal"],"outline-offset":["-2px"],"opacity":["0.54"],"background":["transparent"],"content":["\"\"","\"\""],"clear":["both"],"border-spacing":["0"],"border-collapse":["collapse"],"cursor":["pointer","pointer"],"border-radius":["0"],"margin-top":["0","0","0","0"],"margin-bottom":["0","10px","0","0"],"padding-left":["0"],"list-style-type":["lower-roman","lower-alpha"],"margin-left":["0"]}},"mediaQueries":{"total":0,"unique":0,"values":[],"contents":[]}}}
\ No newline at end of file
diff --git a/node_modules/primer-base/lib/base.scss b/node_modules/primer-base/lib/base.scss
index 5e3340834d8..b6598334fc4 100644
--- a/node_modules/primer-base/lib/base.scss
+++ b/node_modules/primer-base/lib/base.scss
@@ -1,4 +1,4 @@
-// stylelint-disable selector-no-type
+// stylelint-disable selector-max-type
* {
box-sizing: border-box;
}
@@ -64,4 +64,21 @@ th {
button {
cursor: pointer;
+ // Remove border radius added by Chrome macOS
+ border-radius: 0;
+}
+
+// increase the selector specificity for [hidden]
+// so that it always overrides utility classes (.d-block, etc.)
+[hidden][hidden] {
+ display: none !important;
+}
+
+details {
+ summary { cursor: pointer; }
+
+ &:not([open]) {
+ // Set details content hidden by default for browsers that don't do this
+ > *:not(summary) { display: none !important; }
+ }
}
diff --git a/node_modules/primer-base/lib/normalize.scss b/node_modules/primer-base/lib/normalize.scss
index bca298e757d..56697de85a9 100644
--- a/node_modules/primer-base/lib/normalize.scss
+++ b/node_modules/primer-base/lib/normalize.scss
@@ -82,20 +82,18 @@ progress {
template, /* 1 */
[hidden] {
- display: none;
+ display: none !important;
}
/* Links
========================================================================== */
/**
- * 1. Remove the gray background on active links in IE 10.
- * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
+ * Remove the gray background on active links in IE 10.
*/
a {
background-color: transparent; /* 1 */
- -webkit-text-decoration-skip: objects; /* 2 */
}
/**
diff --git a/node_modules/primer-base/lib/typography-base.scss b/node_modules/primer-base/lib/typography-base.scss
index 4a6a39ad350..091a558e486 100644
--- a/node_modules/primer-base/lib/typography-base.scss
+++ b/node_modules/primer-base/lib/typography-base.scss
@@ -1,6 +1,6 @@
// Headings
// --------------------------------------------------
-// stylelint-disable selector-no-type
+// stylelint-disable selector-max-type
h1,
h2,
h3,
@@ -66,13 +66,14 @@ dd {
tt,
code {
font-family: $mono-font;
- font-size: 12px;
+ font-size: $font-size-small;
}
pre {
margin-top: 0;
margin-bottom: 0;
- font: 12px $mono-font;
+ font-family: $mono-font;
+ font-size: $font-size-small;
}
// Octicons
diff --git a/node_modules/primer-cards/LICENSE b/node_modules/primer-base/node_modules/primer-support/LICENSE
similarity index 97%
rename from node_modules/primer-cards/LICENSE
rename to node_modules/primer-base/node_modules/primer-support/LICENSE
index 5715c13693b..f1cc6aa1076 100644
--- a/node_modules/primer-cards/LICENSE
+++ b/node_modules/primer-base/node_modules/primer-support/LICENSE
@@ -1,6 +1,6 @@
The MIT License (MIT)
-Copyright (c) 2016 GitHub Inc.
+Copyright (c) 2019 GitHub Inc.
Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
diff --git a/node_modules/primer-base/node_modules/primer-support/README.md b/node_modules/primer-base/node_modules/primer-support/README.md
new file mode 100644
index 00000000000..f08f6938d92
--- /dev/null
+++ b/node_modules/primer-base/node_modules/primer-support/README.md
@@ -0,0 +1,58 @@
+# Primer Support
+
+[](https://www.npmjs.org/package/primer-support)
+[](https://travis-ci.org/primer/primer)
+
+> 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.
+>
+> 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.
+
+This repository is a module of the full [primer][primer] repository.
+
+## Install
+
+This repository is distributed with [npm][npm]. After [installing npm][install-npm], you can install `primer-support` with this command.
+
+```
+$ npm install --save primer-support
+```
+
+## Usage
+
+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.
+
+```scss
+@import "primer-support/index.scss";
+```
+
+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._
+
+## Documentation
+
+
+
+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.
+
+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.
+
+We've documented variables, mixins, and the systems they are built on for the following:
+
+- [Breakpoints](/css/support/breakpoints)
+- [Colors](/css/support/color-system)
+- [Spacing](/css/support/spacing)
+- [Typography](/css/support/typography)
+
+
+
+## License
+
+[MIT](./LICENSE) © [GitHub](https://github.com/)
+
+[primer]: https://github.com/primer/primer
+[docs]: http://primer.github.io/
+[npm]: https://www.npmjs.com/
+[install-npm]: https://docs.npmjs.com/getting-started/installing-node
+[sass]: http://sass-lang.com/
diff --git a/node_modules/primer-base/node_modules/primer-support/docs/breakpoints.md b/node_modules/primer-base/node_modules/primer-support/docs/breakpoints.md
new file mode 100644
index 00000000000..d2709b8cf95
--- /dev/null
+++ b/node_modules/primer-base/node_modules/primer-support/docs/breakpoints.md
@@ -0,0 +1,84 @@
+---
+title: Breakpoints
+path: support/breakpoints
+status: Stable
+---
+
+{:toc}
+
+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.**
+
+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: `
...
`
+
+| Breakpoint | Syntax | Description |
+| --- | --- | --- |
+| Small | sm | min-width: 544px |
+| Medium | md | min-width: 768px |
+| Large | lg | min-width: 1012px |
+| Extra-large | xl | min-width: 1280px |
+
+**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.
+
+Responsive styles are available for [margin](/css/utilities/margin#responsive-margins), [padding](/css/utilities/padding#responsive-padding), [layout](/css/utilities/layout), [flexbox](/css/utilities/flexbox#responsive-flex-utilities), and the [grid](/css/objects/grid#responsive-grids) system.
+
+## Breakpoint variables
+
+The above values are defined as variables, and then put into a Sass map that generates the media query mixin.
+
+```scss
+// breakpoints
+$width-xs: 0;
+$width-sm: 544px;
+$width-md: 768px;
+$width-lg: 1012px;
+$width-xl: 1280px;
+
+$breakpoints: (
+ // Small screen / phone
+ sm: $width-sm,
+ // Medium screen / tablet
+ md: $width-md,
+ // Large screen / desktop (980 + (12 * 2)) <= container + gutters
+ lg: $width-lg,
+ // Extra large screen / wide desktop
+ xl: $width-xl
+) !default;
+```
+
+## Media query mixins
+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)`.
+
+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`.
+
+```scss
+.styles {
+ font-size: 28px;
+ @include breakpoint(md) { font-size: 32px; }
+}
+```
+
+## Responsive variants
+The `$responsive-variants` variable is a mapping of breakpoints to classname variants, and should be used like so:
+
+```scss
+@each $breakpoint, $variant in $responsive-variants {
+ @include breakpoint($breakpoint) {
+ // Note: the first iteration gets `$variant == ""`
+ .overflow#{$variant}-auto { overflow: auto; }
+ }
+}
+```
+
+The resulting CSS would be:
+
+```css
+.overflow-auto { overflow: auto; }
+@media (min-width: 544px) { .overflow-sm-auto { overflow: auto; } }
+@media (min-width: 768px) { .overflow-md-auto { overflow: auto; } }
+@media (min-width: 1012px) { .overflow-lg-auto { overflow: auto; } }
+@media (min-width: 1280px) { .overflow-xl-auto { overflow: auto; } }
+```
+
+#### Caution!
+1. Don't precede the `#{$variation}` interpolation with a hyphen because the first value of `$variant` will be an empty string.
+1. For consistency, please put the `@include breakpoint($breakpoint)` call directly inside the `$responsive-variants` loop. This will help keep file sizes small by "batching" selectors in shared `@media` queries.
diff --git a/node_modules/primer-base/node_modules/primer-support/docs/spacing.md b/node_modules/primer-base/node_modules/primer-support/docs/spacing.md
new file mode 100644
index 00000000000..37d2404c82f
--- /dev/null
+++ b/node_modules/primer-base/node_modules/primer-support/docs/spacing.md
@@ -0,0 +1,41 @@
+---
+title: Spacing
+path: support/spacing
+status: Stable
+source: https://github.com/primer/primer/blob/master/modules/primer-support/lib/variables/layout.scss
+---
+
+{:toc}
+
+## Spacing scale
+The spacing scale is a **base-8** scale. We chose a base-8 scale because eight is a highly composable number (it can be divided and multiplied many times and result in whole numbers), yet allows spacing dense enough for GitHub's UI. The scale's exception is that it begins at 4px to allow smaller padding and margin for denser parts of the site, from there on it steps up consistently in equal values of `8px`.
+
+| Variable | Scale | Value |
+| --- | --- | --- |
+| $spacer-0 | 0 | 0 |
+| $spacer-1 | 1 | 4px |
+| $spacer-2 | 2 | 8px |
+| $spacer-3 | 3 | 16px |
+| $spacer-4 | 4 | 24px |
+| $spacer-5 | 5 | 32px |
+| $spacer-6 | 6 | 40px |
+
+These variables are encouraged to be used within components and custom CSS. The spacing scale is also used for [margin](/css/utilities/margin) and [padding](/css/utilities/padding) utilities.
+
+See [primer-marketing-support](/css/support/marketing-variables) for the extended spacing scale used for marketing needs and the related y-axis spacing utilities for [margin](/css/utilities/marketing-margin) and [padding](/css/utilities/marketing-padding).
+
+## Em-based spacing
+Ems are used for spacing within components such as buttons and form elements. We stick to common fractions for em values (and powers of 2 where possible) so that , in combination with typography and line-height, the total height lands on sensible numbers.
+
+We aim for whole numbers, however, GitHub's body font-size is 14px which is difficult to work with, so we sometimes can't achieve a whole number. Less desirable values are highlighted in
red below.
+
+| Variable | Fraction | Y Padding (em) | Total height at 14px | Total height at 16px |
+| --- | --- | --- | --- | --- |
+| $em-spacer-1 | 1/16 | .0625 |
22.75 | 26 |
+| $em-spacer-2 | 1/8 | .125 |
24.5 | 28 |
+| $em-spacer-3 | 1/4 | .25 | 28 | 32 |
+| $em-spacer-4 | 3/8 | .375 |
31.5 | 36 |
+| $em-spacer-5 | 1/2 | .5 | 35 | 40 |
+| $em-spacer-6 | 3/4 | .75 | 42 | 48 |
+
+The variables listed above are preferred for use within components and custom CSS. To calculate values with other font-sizes or em values, we suggest using [Formula](http://jxnblk.com/formula/).
diff --git a/node_modules/primer-base/node_modules/primer-support/docs/typography.md b/node_modules/primer-base/node_modules/primer-support/docs/typography.md
new file mode 100644
index 00000000000..3693aecf211
--- /dev/null
+++ b/node_modules/primer-base/node_modules/primer-support/docs/typography.md
@@ -0,0 +1,91 @@
+---
+title: Typography
+path: support/typography
+status: Stable
+status_issue: https://github.com/github/design-systems/issues/329
+source: https://github.com/primer/primer/blob/master/modules/primer-support/lib/variables/typography.scss
+---
+
+{:toc}
+
+## Type Scale
+
+The typography scale is designed to work for GitHub's product UI and marketing sites. Font sizes are designed to work in combination with line-height values so as to result in more sensible numbers wherever possible.
+
+Font sizes are smaller on mobile and scale up at the `md` [breakpoint](./breakpoints) to be larger on desktop.
+
+| Scale | Font size: mobile | Font size: desktop | 1.25 line height | 1.5 line height |
+| --- | --- | --- | --- | --- |
+| 00 | 40px | 48px | 60 | 72 |
+| 0 | 32px | 40px | 50 | 60 |
+| 1 | 26px | 32px | 40 | 48 |
+| 2 | 22px | 24px | 30 | 36 |
+| 3 | 18px | 20px | 25 | 30 |
+| 4 | 16px | 16px | 20 | 24 |
+| 5 | 14px | 14px | 17.5 | 21 |
+| 6 | 12px | 12px | 15 | 18 |
+
+The typography scale is used to create [typography utilities](/css/utilities/typography).
+
+## Typography variables
+
+#### Font size variables
+```scss
+// Heading sizes - mobile
+// h4—h6 remain the same size on both mobile & desktop
+$h00-size-mobile: 40px;
+$h0-size-mobile: 32px;
+$h1-size-mobile: 26px;
+$h2-size-mobile: 22px;
+$h3-size-mobile: 18px;
+
+// Heading sizes - desktop
+$h00-size: 48px;
+$h0-size: 40px;
+$h1-size: 32px;
+$h2-size: 24px;
+$h3-size: 20px;
+$h4-size: 16px;
+$h5-size: 14px;
+$h6-size: 12px;
+```
+
+#### Font weight variables
+```scss
+$font-weight-bold: 600 !default;
+$font-weight-light: 300 !default;
+```
+
+#### Line height variables
+```scss
+$lh-condensed-ultra: 1 !default;
+$lh-condensed: 1.25 !default;
+$lh-default: 1.5 !default;
+```
+
+## Typography Mixins
+Typography mixins are available for heading styles and for our type scale. They can be used within components or custom CSS. The same styles are also available as [utilities](/css/utilities/typography#heading-utilities). which requires no additional CSS.
+
+Heading mixins are available for `h1` through to `h6`, this includes the font-size and font-weight. Example:
+
+```scss
+.styles {
+ @include h1;
+}
+```
+
+Responsive heading mixins can be used to adjust the font-size between the `sm` and `lg` breakpoint. Only headings 1—3 are responsive. Heading 4—6 are small enough to remain the same between mobile and desktop. Responsive heading mixins include the font-size and font-weight as well as the media query. To use a responsive heading mixin, postfix the heading with `-responsive`:
+
+```scss
+.styles {
+ @include h1-responsive;
+}
+```
+
+Responsive type scale mixins are also available. Type scale mixins apply a font-size that gets slightly bigger at the `lg` breakpoint. They do not apply a font-weight. Like the responsive heading mixins, they are only available for size `f1` to `f3` and are postfixed with `-responsive` as in the example below:
+
+```scss
+.style {
+ @include f1-responsive;
+}
+```
diff --git a/node_modules/primer-base/node_modules/primer-support/index.scss b/node_modules/primer-base/node_modules/primer-support/index.scss
new file mode 100644
index 00000000000..1b5abdd8080
--- /dev/null
+++ b/node_modules/primer-base/node_modules/primer-support/index.scss
@@ -0,0 +1,11 @@
+// variables
+@import "./lib/variables/typography.scss";
+@import "./lib/variables/colors.scss";
+@import "./lib/variables/layout.scss";
+@import "./lib/variables/misc.scss";
+
+// mixins
+@import "./lib/mixins/typography.scss";
+@import "./lib/mixins/layout.scss";
+@import "./lib/mixins/buttons.scss";
+@import "./lib/mixins/misc.scss";
diff --git a/node_modules/primer-base/node_modules/primer-support/lib/mixins/buttons.scss b/node_modules/primer-base/node_modules/primer-support/lib/mixins/buttons.scss
new file mode 100644
index 00000000000..8b0f30be001
--- /dev/null
+++ b/node_modules/primer-base/node_modules/primer-support/lib/mixins/buttons.scss
@@ -0,0 +1,160 @@
+// stylelint-disable block-closing-brace-newline-after
+
+// Button color generator for primary and themed buttons
+
+// New button hotness
+@mixin btn-solid($color, $bg, $bg2) {
+ color: $color;
+ background-color: $bg2;
+ background-image: linear-gradient(-180deg, $bg 0%, $bg2 90%);
+
+ @if $bg == $gray-000 {
+ &:focus,
+ &.focus {
+ box-shadow: $btn-input-focus-shadow;
+ }
+
+ &:hover,
+ &.hover {
+ background-color: darken($bg2, 3%);
+ background-image: linear-gradient(-180deg, darken($bg, 3%) 0%, darken($bg2, 3%) 90%);
+ background-position: 0 -$em-spacer-5;
+ border-color: rgba($black, 0.35);
+ }
+
+ &:active,
+ &.selected,
+ [open] > & {
+ background-color: darken(desaturate($bg, 10%), 6%);
+ background-image: none;
+ border-color: rgba($black, 0.35); // repeat to avoid shift on click-drag off of button
+ box-shadow: $btn-active-shadow;
+ }
+
+ &:disabled,
+ &.disabled {
+ color: rgba($color, 0.4);
+ background-color: $bg2;
+ background-image: none;
+ border-color: transparentize($black, 0.8); // back to default .btn
+ box-shadow: none;
+ }
+
+ } @else {
+ &:focus,
+ &.focus {
+ box-shadow: 0 0 0 0.2em rgba($bg, 0.4);
+ }
+
+ &:hover,
+ &.hover {
+ background-color: darken($bg2, 2%);
+ background-image: linear-gradient(-180deg, darken($bg, 2%) 0%, darken($bg2, 2%) 90%);
+ background-position: 0 -$em-spacer-5;
+ border-color: $black-fade-50;
+ }
+
+ &:active,
+ &.selected,
+ [open] > & {
+ background-color: darken(mix($bg, $bg2, 50%), 7%);
+ background-image: none;
+ border-color: $black-fade-50; // repeat to avoid shift on click-drag off of button
+ box-shadow: $btn-active-shadow;
+ }
+
+ &:disabled,
+ &.disabled {
+ color: rgba($color, 0.75);
+ background-color: mix($bg2, $white, 50%);
+ background-image: none;
+ border-color: transparentize($black, 0.8); // repeat .btn default to avoid shift on click-drag off of button
+ box-shadow: none;
+ }
+
+ .Counter {
+ color: darken($bg, 8%);
+ background-color: $white;
+ }
+ }
+}
+
+// Inverse button hover style
+@mixin btn-inverse($color, $bg, $bg2) {
+ color: $color;
+ background-color: $bg;
+ background-image: linear-gradient(-180deg, $bg 0%, $bg2 90%);
+
+ &:focus {
+ box-shadow: 0 0 0 0.2em rgba($color, 0.4);
+ }
+
+ &:hover {
+ color: $text-white;
+ background-color: $color;
+ background-image: linear-gradient(-180deg, lighten($color, 10%) 0%, $color 90%);
+ border-color: $black-fade-50;
+
+ .Counter {
+ color: $text-white;
+ }
+ }
+
+ &:active,
+ &.selected,
+ [open] > & {
+ color: $text-white;
+ background-color: darken($color, 5%);
+ background-image: none;
+ border-color: $black-fade-50;
+ box-shadow: $btn-active-shadow;
+ }
+
+ &:disabled,
+ &.disabled {
+ color: rgba($color, 0.4);
+ background-color: $bg2;
+ background-image: none;
+ border-color: transparentize($black, 0.8); // back to default .btn
+ box-shadow: none;
+ }
+}
+
+// Outline color generator for btn-outline to make the hover state inverse the text and bg colors.
+@mixin btn-outline($text-color: $text-blue, $bg-color: $bg-white) {
+ color: $text-color;
+ background-color: $bg-color;
+ background-image: none;
+
+ .Counter {
+ background-color: rgba($black, 0.07);
+ }
+
+ &:hover,
+ &:active,
+ &.selected,
+ [open] > & {
+ color: $bg-color;
+ background-color: $text-color;
+ background-image: none;
+ border-color: $text-color;
+
+ .Counter {
+ color: $text-color;
+ background-color: $bg-color;
+ }
+ }
+
+ &:focus {
+ border-color: $text-color;
+ box-shadow: 0 0 0 0.2em rgba($text-color, 0.4);
+ }
+
+ &:disabled,
+ &.disabled {
+ color: $black-fade-30;
+ background-color: $bg-white;
+ border-color: $black-fade-15;
+ box-shadow: none;
+ }
+}
diff --git a/node_modules/primer-base/node_modules/primer-support/lib/mixins/layout.scss b/node_modules/primer-base/node_modules/primer-support/lib/mixins/layout.scss
new file mode 100644
index 00000000000..a6d30cf1879
--- /dev/null
+++ b/node_modules/primer-base/node_modules/primer-support/lib/mixins/layout.scss
@@ -0,0 +1,58 @@
+// Responsive media queries
+
+@mixin breakpoint($breakpoint) {
+ @if $breakpoint == "" {
+ @content;
+ }
+
+ @else {
+ // Retrieves the value from the key
+ $value: map-get($breakpoints, $breakpoint);
+
+ // If the key exists in the map
+ @if $value != null {
+ // Prints a media query based on the value
+ @media (min-width: $value) {
+ @content;
+ }
+ }
+
+ // If the key doesn't exist in the map
+ @else {
+ @warn "Unfortunately, no value could be retrieved from `#{$breakpoint}`. "
+ + "Please make sure it is defined in `$breakpoints` map.";
+ }
+ }
+}
+
+// Retina media query
+
+@mixin retina-media-query {
+ @media
+ only screen and (-webkit-min-device-pixel-ratio: 2),
+ only screen and (min--moz-device-pixel-ratio: 2),
+ only screen and (-moz-min-device-pixel-ratio: 2),
+ only screen and (-o-min-device-pixel-ratio: 2/1),
+ only screen and (min-device-pixel-ratio: 2),
+ only screen and (min-resolution: 192dpi),
+ only screen and (min-resolution: 2dppx) {
+ @content;
+ }
+}
+
+// Clearfix
+//
+// Clears floats via mixin.
+
+@mixin clearfix {
+ &::before {
+ display: table;
+ content: "";
+ }
+
+ &::after {
+ display: table;
+ clear: both;
+ content: "";
+ }
+}
diff --git a/node_modules/primer-base/node_modules/primer-support/lib/mixins/misc.scss b/node_modules/primer-base/node_modules/primer-support/lib/mixins/misc.scss
new file mode 100644
index 00000000000..ebdd32d0468
--- /dev/null
+++ b/node_modules/primer-base/node_modules/primer-support/lib/mixins/misc.scss
@@ -0,0 +1,29 @@
+// Generate a two-color caret for any element.
+@mixin double-caret($foreground: $text-white, $background: lighten($gray-300, 5%)) {
+ &::after,
+ &::before {
+ position: absolute;
+ top: 11px;
+ right: 100%;
+ left: -16px;
+ display: block;
+ width: 0;
+ height: 0;
+ pointer-events: none;
+ content: " ";
+ border-color: transparent;
+ border-style: solid solid outset;
+ }
+
+ &::after {
+ margin-top: 1px;
+ margin-left: 2px;
+ border-width: 7px;
+ border-right-color: $foreground;
+ }
+
+ &::before {
+ border-width: 8px;
+ border-right-color: $background;
+ }
+}
diff --git a/node_modules/primer-base/node_modules/primer-support/lib/mixins/typography.scss b/node_modules/primer-base/node_modules/primer-support/lib/mixins/typography.scss
new file mode 100644
index 00000000000..d39aa44c1f5
--- /dev/null
+++ b/node_modules/primer-base/node_modules/primer-support/lib/mixins/typography.scss
@@ -0,0 +1,84 @@
+// Text hiding for image based text replacement.
+// Higher performance than -9999px because it only renders
+// the size of the actual text, not a full 9999px box.
+@mixin hide-text() {
+ overflow: hidden;
+ text-indent: 100%;
+ white-space: nowrap;
+}
+
+// Heading mixins for use within components
+// These match heading utilities in utilities/typography
+@mixin h1 {
+ font-size: $h1-size;
+ font-weight: $font-weight-bold;
+}
+
+@mixin h2 {
+ font-size: $h2-size;
+ font-weight: $font-weight-bold;
+}
+
+@mixin h3 {
+ font-size: $h3-size;
+ font-weight: $font-weight-bold;
+}
+
+@mixin h4 {
+ font-size: $h4-size;
+ font-weight: $font-weight-bold;
+}
+
+@mixin h5 {
+ font-size: $h5-size;
+ font-weight: $font-weight-bold;
+}
+
+@mixin h6 {
+ font-size: $h6-size;
+ font-weight: $font-weight-bold;
+}
+
+// Responsive heading mixins
+// There are no responsive mixins for h4—h6 because they are small
+// and don't need to be smaller on mobile.
+@mixin f1-responsive {
+ font-size: $h1-size-mobile;
+
+ // 32px on desktop
+ @include breakpoint(md) { font-size: $h1-size; }
+
+}
+
+@mixin f2-responsive {
+ font-size: $h2-size-mobile;
+
+ // 24px on desktop
+ @include breakpoint(md) { font-size: $h2-size; }
+}
+
+@mixin f3-responsive {
+ font-size: $h3-size-mobile;
+
+ // 20px on desktop
+ @include breakpoint(md) { font-size: $h3-size; }
+
+}
+
+// These use the mixins from above for responsive heading sizes.
+// The following mixins can be used where it's convenient or necessary to
+// couple the responsive font-size with the font-weight.
+@mixin h1-responsive {
+ @include f1-responsive;
+ font-weight: $font-weight-bold;
+}
+
+@mixin h2-responsive {
+ @include f2-responsive;
+ font-weight: $font-weight-bold;
+}
+
+@mixin h3-responsive {
+ @include f3-responsive;
+ font-weight: $font-weight-bold;
+}
diff --git a/node_modules/primer-base/node_modules/primer-support/lib/variables/color-system.scss b/node_modules/primer-base/node_modules/primer-support/lib/variables/color-system.scss
new file mode 100644
index 00000000000..0ea1a7116c0
--- /dev/null
+++ b/node_modules/primer-base/node_modules/primer-support/lib/variables/color-system.scss
@@ -0,0 +1,114 @@
+//
+//
+// -------- Grays --------
+$gray-000: #fafbfc !default;
+$gray-100: #f6f8fa !default;
+$gray-200: #e1e4e8 !default;
+$gray-300: #d1d5da !default;
+$gray-400: #959da5 !default;
+$gray-500: #6a737d !default;
+$gray-600: #586069 !default;
+$gray-700: #444d56 !default;
+$gray-800: #2f363d !default;
+$gray-900: #24292e !default; // body font color
+
+// -------- Blue --------
+$blue-000: #f1f8ff !default;
+$blue-100: #dbedff !default;
+$blue-200: #c8e1ff !default;
+$blue-300: #79b8ff !default;
+$blue-400: #2188ff !default;
+$blue-500: #0366d6 !default; // Default: Passes AA with #fff
+$blue-600: #005cc5 !default;
+$blue-700: #044289 !default;
+$blue-800: #032f62 !default;
+$blue-900: #05264c !default; // Passes with 1/2/300 blues
+
+// -------- Green --------
+$green-000: #f0fff4 !default;
+$green-100: #dcffe4 !default;
+$green-200: #bef5cb !default;
+$green-300: #85e89d !default;
+$green-400: #34d058 !default;
+$green-500: #28a745 !default; // Default. passes AA Large
+$green-600: #22863a !default; // Text green, passes AA on #fff
+$green-700: #176f2c !default;
+$green-800: #165c26 !default;
+$green-900: #144620 !default;
+
+// -------- Yellow --------
+$yellow-000: #fffdef !default;
+$yellow-100: #fffbdd !default;
+$yellow-200: #fff5b1 !default;
+$yellow-300: #ffea7f !default;
+$yellow-400: #ffdf5d !default;
+$yellow-500: #ffd33d !default;
+$yellow-600: #f9c513 !default;
+$yellow-700: #dbab09 !default;
+$yellow-800: #b08800 !default;
+$yellow-900: #735c0f !default;
+
+// -------- Orange --------
+$orange-000: #fff8f2 !default;
+$orange-100: #ffebda !default;
+$orange-200: #ffd1ac !default;
+$orange-300: #ffab70 !default;
+$orange-400: #fb8532 !default;
+$orange-500: #f66a0a !default; // Default. passes AA Large with #fff
+$orange-600: #e36209 !default;
+$orange-700: #d15704 !default;
+$orange-800: #c24e00 !default;
+$orange-900: #a04100 !default;
+
+// -------- Red --------
+$red-000: #ffeef0 !default;
+$red-100: #ffdce0 !default;
+$red-200: #fdaeb7 !default;
+$red-300: #f97583 !default;
+$red-400: #ea4a5a !default;
+$red-500: #d73a49 !default; // Default. passes AA
+$red-600: #cb2431 !default;
+$red-700: #b31d28 !default;
+$red-800: #9e1c23 !default;
+$red-900: #86181d !default;
+
+// -------- Purple --------
+$purple-000: #f5f0ff !default;
+$purple-100: #e6dcfd !default;
+$purple-200: #d1bcf9 !default;
+$purple-300: #b392f0 !default;
+$purple-400: #8a63d2 !default;
+$purple-500: #6f42c1 !default; // passes AA with #fff
+$purple-600: #5a32a3 !default;
+$purple-700: #4c2889 !default;
+$purple-800: #3a1d6e !default;
+$purple-900: #29134e !default;
+
+// -------- Fades --------
+// Black based on same hue as $gray-900
+$black: #1b1f23 !default;
+$white: #fff !default;
+
+$black-fade-15: rgba($black, 0.15) !default;
+$black-fade-30: rgba($black, 0.3) !default;
+$black-fade-50: rgba($black, 0.5) !default;
+$black-fade-70: rgba($black, 0.7) !default;
+$black-fade-85: rgba($black, 0.85) !default;
+
+$white-fade-15: rgba($white, 0.15) !default;
+$white-fade-30: rgba($white, 0.3) !default;
+$white-fade-50: rgba($white, 0.5) !default;
+$white-fade-70: rgba($white, 0.7) !default;
+$white-fade-85: rgba($white, 0.85) !default;
+
+// -------- Color defaults --------
+$red: $red-500 !default;
+$purple: $purple-500 !default;
+$blue: $blue-500 !default;
+$green: $green-500 !default;
+$yellow: $yellow-500 !default;
+$orange: $orange-500 !default;
+
+$gray-dark: $gray-900 !default;
+$gray-light: $gray-400 !default;
+$gray: $gray-500 !default;
diff --git a/node_modules/primer-base/node_modules/primer-support/lib/variables/colors.scss b/node_modules/primer-base/node_modules/primer-support/lib/variables/colors.scss
new file mode 100644
index 00000000000..36dc3c8a747
--- /dev/null
+++ b/node_modules/primer-base/node_modules/primer-support/lib/variables/colors.scss
@@ -0,0 +1,67 @@
+@import "color-system.scss";
+// Color variables
+// stylelint-disable declaration-bang-space-before
+
+// State indicators.
+$status-pending: desaturate($yellow-700, 15%) !default;
+
+// Repository type colors
+// Should be able to deprecate these in future
+$repo-private-text: $black-fade-70 !default;
+$repo-private-bg: $yellow-000 !default;
+$repo-private-icon: transparentize($yellow-900, 0.5) !default;
+
+// Highlight used for things like search
+$highlight-yellow: rgba(255, 247, 140, 0.5);
+
+// Border colors
+$border-black-fade: $black-fade-15 !default;
+
+$border-blue: $blue-500 !default;
+$border-blue-light: $blue-200 !default;
+
+$border-green: $green-400 !default;
+$border-green-light: desaturate($green-300, 40%) !default;
+
+$border-purple: $purple !default;
+
+$border-red: $red !default;
+$border-red-light: desaturate($red-300, 60%) !default;
+
+$border-purple: $purple !default;
+
+$border-yellow: desaturate($yellow-300, 60%) !default;
+
+$border-gray-dark: $gray-300 !default;
+$border-gray-darker: $gray-700 !default;
+$border-gray-light: lighten($gray-200, 3%) !default;
+$border-gray: $gray-200 !default;
+
+// Background colors
+$bg-blue-light: $blue-000 !default;
+$bg-blue: $blue-500 !default;
+$bg-gray-dark: $gray-900 !default;
+$bg-gray-light: $gray-000 !default;
+$bg-gray: $gray-100 !default;
+$bg-green: $green-500 !default;
+$bg-green-light: $green-100 !default;
+$bg-orange: $orange-700 !default;
+$bg-purple: $purple-500 !default;
+$bg-purple-light: $purple-000 !default;
+$bg-red: $red-500 !default;
+$bg-red-light: $red-100 !default;
+$bg-white: $white !default;
+$bg-yellow: $yellow-500 !default;
+$bg-yellow-light: $yellow-200 !default;
+
+// Text colors
+$text-blue: $blue-500 !default;
+$text-gray-dark: $gray-900 !default;
+$text-gray-light: $gray-500 !default;
+$text-gray: $gray-600 !default;
+$text-green: $green-500 !default;
+$text-orange: $orange-900 !default;
+$text-orange-light: $orange-600 !default;
+$text-purple: $purple !default;
+$text-red: $red-600 !default;
+$text-white: $white !default;
diff --git a/node_modules/primer-base/node_modules/primer-support/lib/variables/layout.scss b/node_modules/primer-base/node_modules/primer-support/lib/variables/layout.scss
new file mode 100644
index 00000000000..f479f8ce5b7
--- /dev/null
+++ b/node_modules/primer-base/node_modules/primer-support/lib/variables/layout.scss
@@ -0,0 +1,109 @@
+// Layout variables
+// stylelint-disable declaration-bang-space-before
+
+// These are our margin and padding utility spacers. The default step size we
+// use is 8px. This gives us a key of:
+// 0 => 0px
+// 1 => 4px
+// 2 => 8px
+// 3 => 16px
+// 4 => 24px
+// 5 => 32px
+// 6 => 40px
+$spacer: 8px !default;
+
+// Our spacing scale
+$spacer-0: 0 !default; // 0
+$spacer-1: round($spacer / 2) !default; // 4px
+$spacer-2: $spacer !default; // 8px
+$spacer-3: $spacer * 2 !default; // 16px
+$spacer-4: $spacer * 3 !default; // 24px
+$spacer-5: $spacer * 4 !default; // 32px
+$spacer-6: $spacer * 5 !default; // 40px
+
+// The list of spacer values
+$spacers: (
+ $spacer-0,
+ $spacer-1,
+ $spacer-2,
+ $spacer-3,
+ $spacer-4,
+ $spacer-5,
+ $spacer-6,
+) !default;
+
+// And the map of spacers, for easier looping:
+// @each $scale, $length in $spacer-map { ... }
+$spacer-map: (
+ 0: $spacer-0,
+ 1: $spacer-1,
+ 2: $spacer-2,
+ 3: $spacer-3,
+ 4: $spacer-4,
+ 5: $spacer-5,
+ 6: $spacer-6,
+) !default;
+
+// Em spacer variables
+$em-spacer-1: 0.0625em !default; // 1/16
+$em-spacer-2: 0.125em !default; // 1/8
+$em-spacer-3: 0.25em !default; // 1/4
+$em-spacer-4: 0.375em !default; // 3/8
+$em-spacer-5: 0.5em !default; // 1/2
+$em-spacer-6: 0.75em !default; // 3/4
+
+// Fixed-width container variables
+$container-width: 980px !default;
+$grid-gutter: 10px !default;
+
+// Breakpoint widths
+$width-xs: 0 !default;
+// Small screen / phone
+$width-sm: 544px !default;
+// Medium screen / tablet
+$width-md: 768px !default;
+// Large screen / desktop (980 + (16 * 2)) <= container + gutters
+$width-lg: 1012px !default;
+// Extra large screen / wide desktop
+$width-xl: 1280px !default;
+
+// Responsive container widths
+$container-sm: $width-sm !default;
+$container-md: $width-md !default;
+$container-lg: $width-lg !default;
+$container-xl: $width-xl !default;
+
+// Breakpoints in the form (name: length)
+$breakpoints: (
+ sm: $width-sm,
+ md: $width-md,
+ lg: $width-lg,
+ xl: $width-xl
+) !default;
+
+// This map in the form (breakpoint: variant) is used to iterate over
+// breakpoints and create both responsive and non-responsive classes in one
+// loop:
+//
+// ```scss
+// @each $breakpoint, $variant of $responsive-variants {
+// @include breakpoint($breakpoint) {
+// .foo#{$variant}-bar { foo: bar !important; }
+// }
+// }
+// ```
+$responsive-variants: (
+ "": "",
+ sm: "-sm",
+ md: "-md",
+ lg: "-lg",
+ xl: "-xl",
+) !default;
+
+// responive utility position values
+$responsive-positions: (
+ static,
+ relative,
+ absolute,
+ fixed
+) !default;
diff --git a/node_modules/primer-base/node_modules/primer-support/lib/variables/misc.scss b/node_modules/primer-base/node_modules/primer-support/lib/variables/misc.scss
new file mode 100644
index 00000000000..cd6414f533b
--- /dev/null
+++ b/node_modules/primer-base/node_modules/primer-support/lib/variables/misc.scss
@@ -0,0 +1,40 @@
+// Miscellaneous variables
+// stylelint-disable declaration-bang-space-before
+
+// Border size
+$border-width: 1px !default;
+$border-color: $border-gray !default;
+$border-style: solid !default;
+$border: $border-width $border-color $border-style !default;
+$border-radius: 3px !default;
+
+// Custom explore grid border
+$exploregrid-item-border-radius: 4px;
+
+// Box shadow
+$box-shadow: 0 1px 1px rgba($black, 0.1) !default;
+$box-shadow-medium: 0 1px 5px $black-fade-15 !default;
+$box-shadow-large: 0 1px 15px $black-fade-15 !default;
+$box-shadow-extra-large: 0 10px 50px rgba($black, 0.07) !default;
+
+// Tooltips
+$tooltip-max-width: 250px !default;
+$tooltip-background-color: $black;
+$tooltip-text-color: $white !default;
+$tooltip-delay: 0.4s !default;
+$tooltip-duration: 0.1s !default;
+
+// Should be moved into custom github css
+$stats-switcher-py: 10px;
+// Future proof this `height` value by finding the computed line-height, then
+// adding the total value of the vertical padding. This var is used to toggle
+// between the stats bar and language breakdown.
+$stats-viewport-height: ($body-font-size * $body-line-height) + ($stats-switcher-py * 2);
+
+$min_tab_size: 1;
+$max_tab_size: 12;
+
+// Button and form variables
+$form-control-shadow: inset 0 1px 2px rgba($black, 0.075);
+$btn-input-focus-shadow: 0 0 0 0.2em rgba($blue, 0.3);
+$btn-active-shadow: inset 0 0.15em 0.3em $black-fade-15;
diff --git a/node_modules/primer-base/node_modules/primer-support/lib/variables/typography.scss b/node_modules/primer-base/node_modules/primer-support/lib/variables/typography.scss
new file mode 100644
index 00000000000..c3d857317a0
--- /dev/null
+++ b/node_modules/primer-base/node_modules/primer-support/lib/variables/typography.scss
@@ -0,0 +1,43 @@
+// Typography variables
+// stylelint-disable declaration-bang-space-before
+
+// Heading sizes - mobile
+// h4—h6 remain the same size on both mobile & desktop
+$h00-size-mobile: 40px !default;
+$h0-size-mobile: 32px !default;
+$h1-size-mobile: 26px !default;
+$h2-size-mobile: 22px !default;
+$h3-size-mobile: 18px !default;
+
+// Heading sizes - desktop
+$h00-size: 48px !default;
+$h0-size: 40px !default;
+$h1-size: 32px !default;
+$h2-size: 24px !default;
+$h3-size: 20px !default;
+$h4-size: 16px !default;
+$h5-size: 14px !default;
+$h6-size: 12px !default;
+
+$font-size-small: 12px !default;
+
+// Font weights
+$font-weight-bold: 600 !default;
+$font-weight-semibold: 500 !default;
+$font-weight-normal: 400 !default;
+$font-weight-light: 300 !default;
+
+// Line heights
+$lh-condensed-ultra: 1 !default;
+$lh-condensed: 1.25 !default;
+$lh-default: 1.5 !default;
+
+// Font stacks
+$body-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !default;
+
+// Monospace font stack
+$mono-font: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace !default;
+
+// The base body size
+$body-font-size: 14px !default;
+$body-line-height: $lh-default !default;
diff --git a/node_modules/primer-base/node_modules/primer-support/package.json b/node_modules/primer-base/node_modules/primer-support/package.json
new file mode 100644
index 00000000000..04988925ca4
--- /dev/null
+++ b/node_modules/primer-base/node_modules/primer-support/package.json
@@ -0,0 +1,73 @@
+{
+ "_args": [
+ [
+ "primer-support@5.0.0",
+ "/Users/damaneice/Projects/opensource.guide"
+ ]
+ ],
+ "_from": "primer-support@5.0.0",
+ "_id": "primer-support@5.0.0",
+ "_inBundle": false,
+ "_integrity": "sha512-inUxVSsGirn5IkPxBhFsMBgm8ZHyfOUmOWyDCN8cBXtbaLiCIAjHsPI46yS1zrWxnn0J2kvq8haomkrlHGF08g==",
+ "_location": "/primer-base/primer-support",
+ "_phantomChildren": {},
+ "_requested": {
+ "type": "version",
+ "registry": true,
+ "raw": "primer-support@5.0.0",
+ "name": "primer-support",
+ "escapedName": "primer-support",
+ "rawSpec": "5.0.0",
+ "saveSpec": null,
+ "fetchSpec": "5.0.0"
+ },
+ "_requiredBy": [
+ "/primer-base"
+ ],
+ "_resolved": "https://registry.npmjs.org/primer-support/-/primer-support-5.0.0.tgz",
+ "_spec": "5.0.0",
+ "_where": "/Users/damaneice/Projects/opensource.guide",
+ "author": {
+ "name": "GitHub, Inc."
+ },
+ "bugs": {
+ "url": "https://github.com/primer/primer/issues"
+ },
+ "description": "Sass variables, mixins, and functions for use in our components.",
+ "files": [
+ "index.scss",
+ "lib",
+ "docs"
+ ],
+ "homepage": "http://primer.github.io/",
+ "keywords": [
+ "primer",
+ "css",
+ "github",
+ "design-system",
+ "mixins",
+ "functions",
+ "variables",
+ "scss"
+ ],
+ "license": "MIT",
+ "name": "primer-support",
+ "primer": {
+ "category": "core",
+ "module_type": "support"
+ },
+ "repository": {
+ "type": "git",
+ "url": "https://github.com/primer/primer/tree/master/modules/primer-support"
+ },
+ "sass": "index.scss",
+ "scripts": {
+ "build": "../../script/npm-run primer-module-build index.scss",
+ "lint": "../../script/lint-scss",
+ "postpublish": "../../script/notify success",
+ "prepublishOnly": "../../script/notify pending",
+ "test": "npm run lint"
+ },
+ "style": "build/build.css",
+ "version": "5.0.0"
+}
diff --git a/node_modules/primer-base/package.json b/node_modules/primer-base/package.json
index 9b3aa1b873b..a0b8161849c 100644
--- a/node_modules/primer-base/package.json
+++ b/node_modules/primer-base/package.json
@@ -1,55 +1,53 @@
{
- "_from": "primer-base@^1.1.5",
- "_id": "primer-base@1.1.5",
+ "_args": [
+ [
+ "primer-base@2.0.0",
+ "/Users/damaneice/Projects/opensource.guide"
+ ]
+ ],
+ "_from": "primer-base@2.0.0",
+ "_id": "primer-base@2.0.0",
"_inBundle": false,
- "_integrity": "sha1-HWfo61Q3C4UGKdSDCX0ZMGzHXsw=",
+ "_integrity": "sha512-qqE3MiI1Zr7HgTO7NxguYHw4QrkRGOQjMPck1bFEZhNL36ey5PWJwqB68X7w6frOjA8tRid2joL99GBQhc1NnQ==",
"_location": "/primer-base",
"_phantomChildren": {},
"_requested": {
- "type": "range",
+ "type": "version",
"registry": true,
- "raw": "primer-base@^1.1.5",
+ "raw": "primer-base@2.0.0",
"name": "primer-base",
"escapedName": "primer-base",
- "rawSpec": "^1.1.5",
+ "rawSpec": "2.0.0",
"saveSpec": null,
- "fetchSpec": "^1.1.5"
+ "fetchSpec": "2.0.0"
},
"_requiredBy": [
"/primer-core"
],
- "_resolved": "https://registry.npmjs.org/primer-base/-/primer-base-1.1.5.tgz",
- "_shasum": "1d67e8eb54370b850629d483097d19306cc75ecc",
- "_spec": "primer-base@^1.1.5",
- "_where": "/Users/bkeepers/projects/guides/node_modules/primer-core",
+ "_resolved": "https://registry.npmjs.org/primer-base/-/primer-base-2.0.0.tgz",
+ "_spec": "2.0.0",
+ "_where": "/Users/damaneice/Projects/opensource.guide",
"author": {
"name": "GitHub, Inc."
},
"bugs": {
- "url": "https://github.com/primer/primer-css/issues"
+ "url": "https://github.com/primer/primer/issues"
},
- "bundleDependencies": false,
"dependencies": {
- "primer-support": "^4.0.7"
+ "primer-support": "5.0.0"
},
- "deprecated": false,
"description": "CSS to reset the browsers default styles",
- "devDependencies": {
- "primer-module-build": "*",
- "stylelint": "*",
- "stylelint-config-primer": "*"
- },
"files": [
"index.scss",
"lib",
"build"
],
- "homepage": "http://primercss.io/",
+ "homepage": "http://primer.github.io/",
"keywords": [
"primer",
"css",
"github",
- "primercss",
+ "design-system",
"base",
"reset",
"normalize"
@@ -57,15 +55,27 @@
"license": "MIT",
"main": "build/index.js",
"name": "primer-base",
+ "primer": {
+ "category": "core",
+ "module_type": "support",
+ "class_whitelist": [
+ "octicon",
+ "rule"
+ ]
+ },
"repository": {
"type": "git",
- "url": "https://github.com/primer/primer-css/tree/master/modules/primer-base"
+ "url": "https://github.com/primer/primer/tree/master/modules/primer-base"
},
+ "sass": "index.scss",
"scripts": {
- "build": "primer-module-build index.scss",
+ "build": "../../script/npm-run primer-module-build index.scss",
+ "lint": "../../script/lint-scss",
+ "postpublish": "../../script/notify success",
"prepare": "npm run build",
- "test": "npm run build && stylelint **/*.scss -c .stylelintrc.json -s scss"
+ "prepublishOnly": "../../script/notify pending",
+ "test": "../../script/npm-run-all build lint"
},
- "style": "index.scss",
- "version": "1.1.5"
+ "style": "build/build.css",
+ "version": "2.0.0"
}
diff --git a/node_modules/primer-box/CHANGELOG.md b/node_modules/primer-box/CHANGELOG.md
deleted file mode 100644
index 463f3967435..00000000000
--- a/node_modules/primer-box/CHANGELOG.md
+++ /dev/null
@@ -1,58 +0,0 @@
-# v2.1.2
-
- * Bump all the version numbers for readme - Mu-An Chiou [github/github@a9d152f](https://github.com/github/github/commit/a9d152f)
- * Fix all the travis badge URL - Mu-An Chiou [github/github@9cd6d84](https://github.com/github/github/commit/9cd6d84)
-
-# v2.1.1
-
- * update version number after color variable updates - broccolini [github/github@b2a811a](https://github.com/github/github/commit/b2a811a)
- * update border variable names used in components - broccolini [github/github@865ab4f](https://github.com/github/github/commit/865ab4f)
-
-# v2.1.0
-
- * update primer-core version number - broccolini [github/github@6846743](https://github.com/github/github/commit/6846743)
- * Update some borders to correct contrast and small inconsistencies - Mark Otto [github/github@76c782a](https://github.com/github/github/commit/76c782a)
- * lighter yellow for box row highlight - broccolini [github/github@ab68ca4](https://github.com/github/github/commit/ab68ca4)
-
-# v2.0.2
-
- * update version numbers for primer package with bold update - broccolini [github/github@5d3e089](https://github.com/github/github/commit/5d3e089)
-
-# v2.0.1
-
- * More versions - Jon Rohan [github/github@e12ba2e](https://github.com/github/github/commit/e12ba2e)
- * Pointing main js file to build - Jon Rohan [github/github@3575651](https://github.com/github/github/commit/3575651)
-
-# v2.0.0
-
- * Removing needless disables - Jon Rohan [github/github@6233c40](https://github.com/github/github/commit/6233c40)
- * update package version - broccolini [github/github@45f6fe9](https://github.com/github/github/commit/45f6fe9)
- * change Box-row-link to smaller breakpoint - broccolini [github/github@3b660b4](https://github.com/github/github/commit/3b660b4)
- * bump version number - broccolini [github/github@d4d505f](https://github.com/github/github/commit/d4d505f)
- * ensure first row border doesn't override header border - broccolini [github/github@42f0537](https://github.com/github/github/commit/42f0537)
- * Correct doc headings - broccolini [github/github@b5408ff](https://github.com/github/github/commit/b5408ff)
- * Update row styles and docs on markup structure - broccolini [github/github@9e0c44f](https://github.com/github/github/commit/9e0c44f)
- * removing box overlay styles to explore in separate pr - broccolini [github/github@392109a](https://github.com/github/github/commit/392109a)
- * update Subhead class name - broccolini [github/github@4c4463d](https://github.com/github/github/commit/4c4463d)
- * update bg-yellow variables - broccolini [github/github@79701f2](https://github.com/github/github/commit/79701f2)
- * bump box version number - broccolini [github/github@4eb2f8c](https://github.com/github/github/commit/4eb2f8c)
- * Update Box-danger theme - broccolini [github/github@abb10f6](https://github.com/github/github/commit/abb10f6)
- * Update Box-body-row to Box-row in scss and docs - broccolini [github/github@cdfe299](https://github.com/github/github/commit/cdfe299)
- * fix density rows and doc examples - broccolini [github/github@cd18965](https://github.com/github/github/commit/cd18965)
- * fix links - broccolini [github/github@c3238aa](https://github.com/github/github/commit/c3238aa)
- * update header and title instances - broccolini [github/github@13cfaf0](https://github.com/github/github/commit/13cfaf0)
- * update docs with new Box-body and row styles - broccolini [github/github@816ac8c](https://github.com/github/github/commit/816ac8c)
- * and negative margin to footer so works with Box-body - broccolini [github/github@225b707](https://github.com/github/github/commit/225b707)
- * separate body and row styles - broccolini [github/github@5a554f3](https://github.com/github/github/commit/5a554f3)
- * Update intro and use automated toc - broccolini [github/github@ad3a9e9](https://github.com/github/github/commit/ad3a9e9)
- * use all of the variables - broccolini [github/github@896b70a](https://github.com/github/github/commit/896b70a)
- * Float right profile image, remove danger zone bg - imgonnarelph [github/github@62d3f6d](https://github.com/github/github/commit/62d3f6d)
- * lint - imgonnarelph [github/github@9a5ec5a](https://github.com/github/github/commit/9a5ec5a)
- * User variable for red color - imgonnarelph [github/github@c44b27c](https://github.com/github/github/commit/c44b27c)
- * Style unboxed developer program section - imgonnarelph [github/github@e70aab4](https://github.com/github/github/commit/e70aab4)
-
-# v0.0.1
-
- * Updating box repo name - Jon Rohan [github/github@d54336a](https://github.com/github/github/commit/d54336a)
- * added feedback issue to box docs - broccolini [github/github@559a4d4](https://github.com/github/github/commit/559a4d4)
- * Move box into product-core cc @jonrohan - broccolini [github/github@8febc0e](https://github.com/github/github/commit/8febc0e)
\ No newline at end of file
diff --git a/node_modules/primer-box/LICENSE b/node_modules/primer-box/LICENSE
index 5715c13693b..f1cc6aa1076 100644
--- a/node_modules/primer-box/LICENSE
+++ b/node_modules/primer-box/LICENSE
@@ -1,6 +1,6 @@
The MIT License (MIT)
-Copyright (c) 2016 GitHub Inc.
+Copyright (c) 2019 GitHub Inc.
Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
diff --git a/node_modules/primer-box/README.md b/node_modules/primer-box/README.md
index 40bcb81199f..e5ec918e604 100644
--- a/node_modules/primer-box/README.md
+++ b/node_modules/primer-box/README.md
@@ -1,11 +1,11 @@
-# Primer CSS box
+# Primer box
-[](https://www.npmjs.org/package/primer-box)
-[](https://travis-ci.org/primer/primer-css)
+[](https://www.npmjs.org/package/primer-box)
+[](https://travis-ci.org/primer/primer)
> Box is a module for creating rounded-corner boxes with a white background and gray borders. Box has optional element styles for headers, lists, and footers.
-This repository is a module of the full [primer-css][primer-css] repository.
+This repository is a module of the full [primer][primer] repository.
## Install
@@ -37,8 +37,9 @@ $ npm run build
The `.Box` component can be used for something as simple as a rounded corner box, or more complex lists and forms. It includes optional modifiers for padding density and color themes.
@@ -47,7 +48,7 @@ The `.Box` component can be used for something as simple as a rounded corner box
## Box
-A `.Box` is a container with a a white background ,a light gray border, and rounded corners. By default there are no additional styles such as padding, these can be added as needed with utility classes. Other styles and layouts can be achieved with box elements and modifiers shown in the documentation below.
+A `.Box` is a container with a a white background, a light gray border, and rounded corners. By default there are no additional styles such as padding, these can be added as needed with utility classes. Other styles and layouts can be achieved with box elements and modifiers shown in the documentation below.
```html
@@ -259,7 +260,7 @@ Use `Box--danger` to apply a red border to the outside of the box. This theme is
```
-`Box-danger` is often paired with a red heading. See the [subhead](/styleguide/css/styles/product/components/subhead) docs for more information.
+`Box-danger` is often paired with a red heading. See the [subhead](./subhead) docs for more information.
```html
@@ -356,9 +357,9 @@ Use the `border-dashed` utility to apply a dashed border to a box.
## Boxes with flash alerts
Use `flash-full` for flash alert inside a box to remove the rounded corners. Place the flash alert above the `Box-body` and underneath the `Box-header`.
-Flash alerts come in three different colors and can be used with icons and buttons, see the [alert documentation](/alerts) for more information.
+Flash alerts come in three different colors and can be used with icons and buttons, see the [alert documentation](./alerts) for more information.
-```html
+```erb