diff --git a/.gitignore b/.gitignore
index c86ec5a1c..b0250dc11 100644
--- a/.gitignore
+++ b/.gitignore
@@ -31,9 +31,10 @@ $RECYCLE.BIN/
#.jekyll-cache
#.jekyll-metadata
-
# bundler
*.gem
+vendor/
+.bundle/
Gemfile.lock
@@ -51,6 +52,7 @@ package-lock.json
# build
+.env
.github/
.devcontainer/
.devcontainer.json
diff --git a/.jekyll-metadata b/.jekyll-metadata
index 6dbcc9a5c..601376a57 100644
Binary files a/.jekyll-metadata and b/.jekyll-metadata differ
diff --git a/Gemfile b/Gemfile
new file mode 100644
index 000000000..03b58008c
--- /dev/null
+++ b/Gemfile
@@ -0,0 +1,35 @@
+source "https://rubygems.org" # gems.ruby-china.com
+# Hello! This is where you manage which Jekyll version is used to run.
+# When you want to use a different version, change it below, save the
+# file and run `bundle install`. Run Jekyll with `bundle exec`, like so:
+#
+# bundle exec jekyll build
+#
+# This will help ensure the proper Jekyll version is running.
+# Happy Jekylling!
+#gem "jekyll", "~> 4.2.2"
+
+# If you want to use GitHub Pages, remove the "gem "jekyll"" above and
+# uncomment the line below. To upgrade, run `bundle update github-pages`.
+gem "github-pages", group: :jekyll_plugins
+
+# If you have any plugins, put them here!
+group :jekyll_plugins do
+gem "faraday-retry"
+end
+
+# Windows and JRuby does not include zoneinfo files, so bundle the tzinfo-data gem
+# and associated library.
+platforms :mingw, :x64_mingw, :mswin, :jruby do
+ gem "tzinfo", ">= 1", "< 3"
+ gem "tzinfo-data"
+end
+
+# Performance-booster for watching directories on Windows
+#gem "wdm", "~> 0.1.0", :platforms => [:mingw, :x64_mingw, :mswin]
+
+# Lock `http_parser.rb` gem to `v0.6.x` on JRuby builds since newer versions of the gem
+# do not have a Java counterpart.
+gem "http_parser.rb", "~> 0.6.0", :platforms => [:jruby]
+
+#gemspec
diff --git a/_config.yml b/_config.yml
index 735dadef4..8f778b767 100644
--- a/_config.yml
+++ b/_config.yml
@@ -4,7 +4,7 @@ span: span14
title: eQuantum
baseurl: /parser
repository: eq19/parser
-action: eq19/lexer/actions/runs/11652508325
+action: eq19/lexer/actions/runs/11767435575
description: An attempt to discover the Final Theory
#debug:
@@ -27,6 +27,7 @@ readme_index:
with_frontmatter: true
exclude:
+ - vendor
- LICENSE
- action.yml
- Dockerfile
diff --git a/_data/wiki.json b/_data/wiki.json
deleted file mode 100644
index e3ba8c141..000000000
--- a/_data/wiki.json
+++ /dev/null
@@ -1,20 +0,0 @@
-[
- {
- "pos": "1;1;3;1"
- },
- {
- "pos": "1;1;4;1"
- },
- {
- "pos": "1;1;1;1"
- },
- {
- "pos": "1;1;1;2"
- },
- {
- "pos": "1;1;2;1"
- },
- {
- "pos": "1;1;3;2"
- }
-]
diff --git a/_includes/extra/script.js b/_includes/extra/script.js
index 1290b7a77..85b463913 100644
--- a/_includes/extra/script.js
+++ b/_includes/extra/script.js
@@ -1,10 +1,10 @@
-/* set _blank for outside links */
-$('.external-link').unbind('click');
-$(document.links).filter(function() {
- var cond = 0;
- cond += (this.hostname.indexOf("eq19.com") === -1)? 1: 0;
- cond += (this.hostname.indexOf("github.io") === -1)? 1: 0;
- cond += (this.hostname != window.location.hostname)? 1: 0;
- return cond == 3;
-}).attr('target', '_blank')
-
+/* set _blank for outside links */
+$('.external-link').unbind('click');
+$(document.links).filter(function() {
+ var cond = 0;
+ cond += (this.hostname.indexOf("eq19.com") === -1)? 1: 0;
+ cond += (this.hostname.indexOf("github.io") === -1)? 1: 0;
+ cond += (this.hostname != window.location.hostname)? 1: 0;
+ return cond == 3;
+}).attr('target', '_blank')
+
diff --git a/_includes/list.liquid b/_includes/list.liquid
index 7ec9a07a1..5420007e5 100644
--- a/_includes/list.liquid
+++ b/_includes/list.liquid
@@ -45,7 +45,7 @@
append: "as below." -%}
```tip
-{{ tip1 }}{% source inherited %}{{ tip2 }}
+{{ tip1 }}{{ source inherited }}{{ tip2 }}
```
{{ item_baseline }}
diff --git a/_sass/core/addons.scss b/_sass/core/addons.scss
index 07b4b4f94..4bd82047a 100644
--- a/_sass/core/addons.scss
+++ b/_sass/core/addons.scss
@@ -1,39 +1,39 @@
-.addons-wrap {
- background-color: darken($theme-menu-background, 8%);
-
- .status {
- cursor: pointer;
- background-color: darken($theme-menu-background, 5%);
-
- .branch {
- .fa {
- color: $theme-white;
- }
-
- .name {
- color: $green;
- }
- }
- &:active {
- background: $theme-menu-active-background;
- }
- }
-
- .addons {
- color: grey;
-
- dl {
- margin: 0;
- }
-
- dd {
- display: inline-block;
-
- a {
- display: inline-block;
- padding: 6px;
- color: $theme-white;
- }
- }
- }
-}
+.addons-wrap {
+ background-color: darken($theme-menu-background, 8%);
+
+ .status {
+ cursor: pointer;
+ background-color: darken($theme-menu-background, 5%);
+
+ .branch {
+ .fa {
+ color: $theme-white;
+ }
+
+ .name {
+ color: $green;
+ }
+ }
+ &:active {
+ background: $theme-menu-active-background;
+ }
+ }
+
+ .addons {
+ color: grey;
+
+ dl {
+ margin: 0;
+ }
+
+ dd {
+ display: inline-block;
+
+ a {
+ display: inline-block;
+ padding: 6px;
+ color: $theme-white;
+ }
+ }
+ }
+}
diff --git a/_sass/core/container.scss b/_sass/core/container.scss
index a43d8bed5..4fb434912 100644
--- a/_sass/core/container.scss
+++ b/_sass/core/container.scss
@@ -1,11 +1,11 @@
-.container {
- font-weight: $font-weight-normal;
- color: $theme-black;
- background: $theme-white;
-}
-
-@include breakpoint(xl) {
- .container {
- background: $theme-mask-black;
- }
-}
+.container {
+ font-weight: $font-weight-normal;
+ color: $theme-black;
+ background: $theme-white;
+}
+
+@include breakpoint(xl) {
+ .container {
+ background: $theme-mask-black;
+ }
+}
diff --git a/_sass/core/content.scss b/_sass/core/content.scss
index c74eb6dc6..1bb18c9cb 100644
--- a/_sass/core/content.scss
+++ b/_sass/core/content.scss
@@ -1,4 +1,4 @@
-.content-wrap {
- font-size: $h4-size;
- background: $theme-white;
-}
+.content-wrap {
+ font-size: $h4-size;
+ background: $theme-white;
+}
diff --git a/_sass/core/header.scss b/_sass/core/header.scss
index 3f21089ea..2e16bc8d0 100644
--- a/_sass/core/header.scss
+++ b/_sass/core/header.scss
@@ -1,10 +1,10 @@
-.header {
- color: $theme-white;
- background: $theme-blue;
-
- input {
- border-radius: 50px;
- border: 1px solid #2472a4;
- font-size: 80%;
- }
-}
+.header {
+ color: $theme-white;
+ background: $theme-blue;
+
+ input {
+ border-radius: 50px;
+ border: 1px solid #2472a4;
+ font-size: 80%;
+ }
+}
diff --git a/_sass/core/markdown.scss b/_sass/core/markdown.scss
index c8defeabd..8bd6c1ad2 100644
--- a/_sass/core/markdown.scss
+++ b/_sass/core/markdown.scss
@@ -1,113 +1,113 @@
-.markdown-body {
- .d-lang {
- position: relative;
-
- &:after {
- position: absolute;
- right: 0px;
- top: 0px;
- font-family: $mono-font;
- font-size: $font-size-small;
- content: attr(data-lang);
- padding: 0 5px;
- color: lighten($text-gray-light, 30%);
- }
- }
-
- // 400
- font-weight: $font-weight-normal;
-
- a {
- color: $theme-link;
-
- &:hover {
- color: $theme-link-hover;
- }
-
- code,
- tt {
- color: $theme-link;
- }
- }
-
- h1,
- h2,
- h3,
- h4,
- h5,
- h6,
- dt {
- font-family: $head-font;
- }
-
- table {
- // 14px
- font-size: $body-font-size;
- }
-
- // ruby highlight fixed, TODO: line number display
- figure {
- margin: 0;
- }
-
- .anchor {
- // overwrite to right
- float: none;
- padding-right: 0;
- margin-left: 3px;
- // rtl
- margin-right: 3px;
- }
-
- // improved
- code,
- tt {
- font-size: $font-size-small;
- border: $border;
- color: $theme-code-inline;
- background-color: $theme-code-inline-background;
- }
-
- pre {
- > code {
- color: $theme-code;
- }
- }
-
- .highlight pre,
- pre {
- font-size: $font-size-small;
- border: $border;
- background-color: $theme-code-background;
- }
-
- div.highlighter-rouge {
- @extend .d-lang;
- }
-
- // search
- .search-results {
- li {
- list-style: none;
- }
- }
-
- // improved checkbox
- .task-list-item-checkbox {
- margin-right: 3px;
- }
-
- // mermaid improved
- .mermaid-wrap {
- @extend .d-lang;
- // mdl
- @include shadow-2dp();
-
- // .mermaid:not([data-processed="true"])
- .mermaid {
- font-size: $font-size-small;
- font-family: $mono-font;
- white-space: pre;
- }
- }
-}
+.markdown-body {
+ .d-lang {
+ position: relative;
+
+ &:after {
+ position: absolute;
+ right: 0px;
+ top: 0px;
+ font-family: $mono-font;
+ font-size: $font-size-small;
+ content: attr(data-lang);
+ padding: 0 5px;
+ color: lighten($text-gray-light, 30%);
+ }
+ }
+
+ // 400
+ font-weight: $font-weight-normal;
+
+ a {
+ color: $theme-link;
+
+ &:hover {
+ color: $theme-link-hover;
+ }
+
+ code,
+ tt {
+ color: $theme-link;
+ }
+ }
+
+ h1,
+ h2,
+ h3,
+ h4,
+ h5,
+ h6,
+ dt {
+ font-family: $head-font;
+ }
+
+ table {
+ // 14px
+ font-size: $body-font-size;
+ }
+
+ // ruby highlight fixed, TODO: line number display
+ figure {
+ margin: 0;
+ }
+
+ .anchor {
+ // overwrite to right
+ float: none;
+ padding-right: 0;
+ margin-left: 3px;
+ // rtl
+ margin-right: 3px;
+ }
+
+ // improved
+ code,
+ tt {
+ font-size: $font-size-small;
+ border: $border;
+ color: $theme-code-inline;
+ background-color: $theme-code-inline-background;
+ }
+
+ pre {
+ > code {
+ color: $theme-code;
+ }
+ }
+
+ .highlight pre,
+ pre {
+ font-size: $font-size-small;
+ border: $border;
+ background-color: $theme-code-background;
+ }
+
+ div.highlighter-rouge {
+ @extend .d-lang;
+ }
+
+ // search
+ .search-results {
+ li {
+ list-style: none;
+ }
+ }
+
+ // improved checkbox
+ .task-list-item-checkbox {
+ margin-right: 3px;
+ }
+
+ // mermaid improved
+ .mermaid-wrap {
+ @extend .d-lang;
+ // mdl
+ @include shadow-2dp();
+
+ // .mermaid:not([data-processed="true"])
+ .mermaid {
+ font-size: $font-size-small;
+ font-family: $mono-font;
+ white-space: pre;
+ }
+ }
+}
diff --git a/_sass/core/sidebar.scss b/_sass/core/sidebar.scss
index 12ac77aa4..920a7d92f 100644
--- a/_sass/core/sidebar.scss
+++ b/_sass/core/sidebar.scss
@@ -1,100 +1,100 @@
-.sidebar {
- color: $theme-white;
- background: $theme-menu-background;
-
- a {
- text-decoration: none;
- }
-
- li {
- list-style: none;
- }
- .version {
- color: rgba(255, 255, 255, 0.3);
- }
-}
-
-.toctree {
- a {
- color: $theme-white;
- padding: 0.5em;
- }
-
- .caption {
- color: lighten($theme-blue, 15%);
- font-weight: $font-weight-bold;
- line-height: 32px;
- }
-
- .fa {
- margin-right: 2px;
- }
-
- > ul {
- // the first level links
- > .toc > a {
- padding-left: $spacer-4 / 2;
- }
-
- // the first level links not current
- > .toc:not(.current) > a {
- &:hover {
- background: $theme-mask-white;
- }
- &:active {
- background: $theme-menu-active-background;
- }
- }
-
- .toc.current {
- // all expanded links
- a {
- color: #404040;
-
- &:hover {
- background: $theme-mask-white;
- }
- &.current {
- font-weight: bold;
- background: $theme-white;
- border-top: 1px solid var(--toc-2);
- border-bottom: 1px solid var(--toc-2);
- }
- }
- // parent links
- > a {
- .fa-plus-square-o {
- @extend .fa-minus-square-o;
- }
- }
- }
- // fixed level-1's hover mask
- > .toc.current {
- background: var(--toc-1);
- }
- }
-}
-
-// toc layout
-.toc {
- > ul {
- @extend .d-none;
- }
- @for $level from 1 through 11 {
- &.level-#{$level}.current {
- > a {
- padding-left: $spacer-4 * ($level - 1 + 0.5);
- background: var(--toc-#{$level});
- }
-
- > ul {
- @extend .d-block;
- background: var(--toc-#{$level + 1});
- }
-
- .level-#{$level + 1} > a {
- padding-left: $spacer-4 * ($level + 0.5);
- }
- }
- }
-}
+.sidebar {
+ color: $theme-white;
+ background: $theme-menu-background;
+
+ a {
+ text-decoration: none;
+ }
+
+ li {
+ list-style: none;
+ }
+ .version {
+ color: rgba(255, 255, 255, 0.3);
+ }
+}
+
+.toctree {
+ a {
+ color: $theme-white;
+ padding: 0.5em;
+ }
+
+ .caption {
+ color: lighten($theme-blue, 15%);
+ font-weight: $font-weight-bold;
+ line-height: 32px;
+ }
+
+ .fa {
+ margin-right: 2px;
+ }
+
+ > ul {
+ // the first level links
+ > .toc > a {
+ padding-left: $spacer-4 / 2;
+ }
+
+ // the first level links not current
+ > .toc:not(.current) > a {
+ &:hover {
+ background: $theme-mask-white;
+ }
+ &:active {
+ background: $theme-menu-active-background;
+ }
+ }
+
+ .toc.current {
+ // all expanded links
+ a {
+ color: #404040;
+
+ &:hover {
+ background: $theme-mask-white;
+ }
+ &.current {
+ font-weight: bold;
+ background: $theme-white;
+ border-top: 1px solid var(--toc-2);
+ border-bottom: 1px solid var(--toc-2);
+ }
+ }
+ // parent links
+ > a {
+ .fa-plus-square-o {
+ @extend .fa-minus-square-o;
+ }
+ }
+ }
+ // fixed level-1's hover mask
+ > .toc.current {
+ background: var(--toc-1);
+ }
+ }
+}
+
+// toc layout
+.toc {
+ > ul {
+ @extend .d-none;
+ }
+ @for $level from 1 through 11 {
+ &.level-#{$level}.current {
+ > a {
+ padding-left: $spacer-4 * ($level - 1 + 0.5);
+ background: var(--toc-#{$level});
+ }
+
+ > ul {
+ @extend .d-block;
+ background: var(--toc-#{$level + 1});
+ }
+
+ .level-#{$level + 1} > a {
+ padding-left: $spacer-4 * ($level + 0.5);
+ }
+ }
+ }
+}
diff --git a/_sass/core/title.scss b/_sass/core/title.scss
index 89163a139..aebb87f5b 100644
--- a/_sass/core/title.scss
+++ b/_sass/core/title.scss
@@ -1,12 +1,12 @@
-.title {
- // 600
- font-weight: $font-weight-bold;
- color: $theme-white;
-
- a {
- color: $theme-white;
- &:hover {
- background: $theme-mask-white;
- }
- }
-}
+.title {
+ // 600
+ font-weight: $font-weight-bold;
+ color: $theme-white;
+
+ a {
+ color: $theme-white;
+ &:hover {
+ background: $theme-mask-white;
+ }
+ }
+}
diff --git a/_sass/core/toasts.scss b/_sass/core/toasts.scss
index 89546704d..ac2c90b34 100644
--- a/_sass/core/toasts.scss
+++ b/_sass/core/toasts.scss
@@ -1,53 +1,53 @@
-.toasts {
- // fixed note
- font-size: $h4-size;
- // mdl
- @include shadow-2dp();
-
- .title {
- box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.14);
- }
-
- // fixed
- .content {
- :first-child {
- margin-top: 0;
- }
-
- :last-child {
- margin-bottom: 0;
- }
- }
-
- &.note {
- background-color: lighten($theme-blue, 50%);
-
- .title {
- background: lighten($theme-blue, 20%);
- }
- }
-
- &.tip {
- background-color: lighten($theme-green, 50%);
-
- .title {
- background: lighten($theme-green, 0%);
- }
- }
-
- &.warning {
- background-color: lighten($theme-orange, 40%);
-
- .title {
- background: lighten($theme-orange, 20%);
- }
- }
-
- &.danger {
- background-color: lighten($theme-red, 40%);
-
- .title {
- background: lighten($theme-red, 20%);
- }
- }
-}
+.toasts {
+ // fixed note
+ font-size: $h4-size;
+ // mdl
+ @include shadow-2dp();
+
+ .title {
+ box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.14);
+ }
+
+ // fixed
+ .content {
+ :first-child {
+ margin-top: 0;
+ }
+
+ :last-child {
+ margin-bottom: 0;
+ }
+ }
+
+ &.note {
+ background-color: lighten($theme-blue, 50%);
+
+ .title {
+ background: lighten($theme-blue, 20%);
+ }
+ }
+
+ &.tip {
+ background-color: lighten($theme-green, 50%);
+
+ .title {
+ background: lighten($theme-green, 0%);
+ }
+ }
+
+ &.warning {
+ background-color: lighten($theme-orange, 40%);
+
+ .title {
+ background: lighten($theme-orange, 20%);
+ }
+ }
+
+ &.danger {
+ background-color: lighten($theme-red, 40%);
+
+ .title {
+ background: lighten($theme-red, 20%);
+ }
+ }
+}
diff --git a/_sass/lib/@primer/css/base/README.md b/_sass/lib/@primer/css/base/README.md
index e2e2f562a..f8137632d 100644
--- a/_sass/lib/@primer/css/base/README.md
+++ b/_sass/lib/@primer/css/base/README.md
@@ -1,24 +1,24 @@
----
-bundle: "base"
-generated: true
----
-
-# Primer CSS: `base` bundle
-
-## Usage
-
-Primer CSS source files are written in [SCSS]. To include this Primer CSS module in your own build, ensure that your `node_modules` directory is listed in your Sass include paths, then import it with:
-
-```scss
-@import "@primer/css/base/index.scss";
-```
-
-## Build
-
-The `@primer/css` npm package includes a standalone CSS build of this module in `dist/base.css`.
-
-## License
-
-[MIT](https://github.com/primer/css/blob/master/LICENSE) © [GitHub](https://github.com/)
-
-[scss]: https://sass-lang.com/documentation/syntax#scss
+---
+bundle: "base"
+generated: true
+---
+
+# Primer CSS: `base` bundle
+
+## Usage
+
+Primer CSS source files are written in [SCSS]. To include this Primer CSS module in your own build, ensure that your `node_modules` directory is listed in your Sass include paths, then import it with:
+
+```scss
+@import "@primer/css/base/index.scss";
+```
+
+## Build
+
+The `@primer/css` npm package includes a standalone CSS build of this module in `dist/base.css`.
+
+## License
+
+[MIT](https://github.com/primer/css/blob/master/LICENSE) © [GitHub](https://github.com/)
+
+[scss]: https://sass-lang.com/documentation/syntax#scss
diff --git a/_sass/lib/@primer/css/base/base.scss b/_sass/lib/@primer/css/base/base.scss
index dc9cadcd1..c447d90cd 100644
--- a/_sass/lib/@primer/css/base/base.scss
+++ b/_sass/lib/@primer/css/base/base.scss
@@ -1,90 +1,90 @@
-// stylelint-disable selector-max-type
-* {
- box-sizing: border-box;
-}
-
-input,
-select,
-textarea,
-button {
- font-family: inherit;
- font-size: inherit;
- line-height: inherit;
-}
-
-body {
- font-family: $body-font;
- font-size: $body-font-size;
- line-height: $body-line-height;
- color: $text-gray-dark;
- background-color: $bg-white;
-}
-
-a {
- color: $text-blue;
- text-decoration: none;
-
- &:hover {
- text-decoration: underline;
- }
-}
-
-b,
-strong {
- font-weight: $font-weight-bold;
-}
-
-// Horizontal lines
-//
-// TODO-MDO: Remove `.rule` from everywhere and replace with `
`s
-hr,
-.rule {
- height: 0;
- // stylelint-disable-next-line primer/spacing
- margin: 15px 0;
- overflow: hidden;
- background: transparent;
- border: 0;
- // stylelint-disable-next-line primer/borders
- border-bottom: $border-width $border-style lighten($gray-300, 5%);
- @include clearfix();
-}
-
-//
-// Remove most spacing between table cells.
-//
-
-table {
- border-spacing: 0;
- border-collapse: collapse;
-}
-
-td,
-th {
- padding: 0;
-}
-
-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;
- }
- }
-}
+// stylelint-disable selector-max-type
+* {
+ box-sizing: border-box;
+}
+
+input,
+select,
+textarea,
+button {
+ font-family: inherit;
+ font-size: inherit;
+ line-height: inherit;
+}
+
+body {
+ font-family: $body-font;
+ font-size: $body-font-size;
+ line-height: $body-line-height;
+ color: $text-gray-dark;
+ background-color: $bg-white;
+}
+
+a {
+ color: $text-blue;
+ text-decoration: none;
+
+ &:hover {
+ text-decoration: underline;
+ }
+}
+
+b,
+strong {
+ font-weight: $font-weight-bold;
+}
+
+// Horizontal lines
+//
+// TODO-MDO: Remove `.rule` from everywhere and replace with `
`s
+hr,
+.rule {
+ height: 0;
+ // stylelint-disable-next-line primer/spacing
+ margin: 15px 0;
+ overflow: hidden;
+ background: transparent;
+ border: 0;
+ // stylelint-disable-next-line primer/borders
+ border-bottom: $border-width $border-style lighten($gray-300, 5%);
+ @include clearfix();
+}
+
+//
+// Remove most spacing between table cells.
+//
+
+table {
+ border-spacing: 0;
+ border-collapse: collapse;
+}
+
+td,
+th {
+ padding: 0;
+}
+
+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/_sass/lib/@primer/css/base/index.scss b/_sass/lib/@primer/css/base/index.scss
index 7879b69b8..2c7f8b99b 100644
--- a/_sass/lib/@primer/css/base/index.scss
+++ b/_sass/lib/@primer/css/base/index.scss
@@ -1,6 +1,6 @@
-@import "../support/index.scss";
-
-@import "./normalize.scss";
-@import "./base.scss";
-@import "./kbd.scss";
-@import "./typography-base.scss";
+@import "../support/index.scss";
+
+@import "./normalize.scss";
+@import "./base.scss";
+@import "./kbd.scss";
+@import "./typography-base.scss";
diff --git a/_sass/lib/@primer/css/base/kbd.scss b/_sass/lib/@primer/css/base/kbd.scss
index 89769fc98..7ee4503ce 100644
--- a/_sass/lib/@primer/css/base/kbd.scss
+++ b/_sass/lib/@primer/css/base/kbd.scss
@@ -1,21 +1,21 @@
-// Keyboard shortcuts
-// stylelint-disable selector-max-type
-
-kbd {
- display: inline-block;
- // stylelint-disable-next-line primer/spacing
- padding: ($spacer-1 - 1) ($spacer-1 + 1);
- font: 11px $mono-font;
- // stylelint-disable-next-line primer/typography
- line-height: 10px;
- // stylelint-disable-next-line primer/colors
- color: $gray-700;
- vertical-align: middle;
- background-color: $bg-gray-light;
- // stylelint-disable-next-line primer/borders
- border: $border-style $border-width $border-gray-dark;
- border-bottom-color: $border-gray-dark;
- border-radius: $border-radius;
- // stylelint-disable-next-line primer/box-shadow
- box-shadow: inset 0 -1px 0 $border-gray-dark;
-}
+// Keyboard shortcuts
+// stylelint-disable selector-max-type
+
+kbd {
+ display: inline-block;
+ // stylelint-disable-next-line primer/spacing
+ padding: ($spacer-1 - 1) ($spacer-1 + 1);
+ font: 11px $mono-font;
+ // stylelint-disable-next-line primer/typography
+ line-height: 10px;
+ // stylelint-disable-next-line primer/colors
+ color: $gray-700;
+ vertical-align: middle;
+ background-color: $bg-gray-light;
+ // stylelint-disable-next-line primer/borders
+ border: $border-style $border-width $border-gray-dark;
+ border-bottom-color: $border-gray-dark;
+ border-radius: $border-radius;
+ // stylelint-disable-next-line primer/box-shadow
+ box-shadow: inset 0 -1px 0 $border-gray-dark;
+}
diff --git a/_sass/lib/@primer/css/base/normalize.scss b/_sass/lib/@primer/css/base/normalize.scss
index a3812cba5..7e8361d61 100644
--- a/_sass/lib/@primer/css/base/normalize.scss
+++ b/_sass/lib/@primer/css/base/normalize.scss
@@ -1,424 +1,424 @@
-// stylelint-disable
-/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
-
-/**
- * 1. Change the default font family in all browsers (opinionated).
- * 2. Prevent adjustments of font size after orientation changes in IE and iOS.
- */
-
-html {
- font-family: sans-serif; /* 1 */
- -ms-text-size-adjust: 100%; /* 2 */
- -webkit-text-size-adjust: 100%; /* 2 */
-}
-
-/**
- * Remove the margin in all browsers (opinionated).
- */
-
-body {
- margin: 0;
-}
-
-/* HTML5 display definitions
- ========================================================================== */
-
-/**
- * Add the correct display in IE 9-.
- * 1. Add the correct display in Edge, IE, and Firefox.
- * 2. Add the correct display in IE.
- */
-
-article,
-aside,
-details, /* 1 */
-figcaption,
-figure,
-footer,
-header,
-main, /* 2 */
-menu,
-nav,
-section {
- /* 1 */
- display: block;
-}
-
-summary {
- display: list-item;
-}
-
-/**
- * Add the correct display in IE 9-.
- */
-
-audio,
-canvas,
-progress,
-video {
- display: inline-block;
-}
-
-/**
- * Add the correct display in iOS 4-7.
- */
-
-audio:not([controls]) {
- display: none;
- height: 0;
-}
-
-/**
- * Add the correct vertical alignment in Chrome, Firefox, and Opera.
- */
-
-progress {
- vertical-align: baseline;
-}
-
-/**
- * Add the correct display in IE 10-.
- * 1. Add the correct display in IE.
- */
-
-template, /* 1 */
-[hidden] {
- display: none !important;
-}
-
-/* Links
- ========================================================================== */
-
-/**
- * Remove the gray background on active links in IE 10.
- */
-
-a {
- background-color: transparent; /* 1 */
-}
-
-/**
- * Remove the outline on focused links when they are also active or hovered
- * in all browsers (opinionated).
- */
-
-a:active,
-a:hover {
- outline-width: 0;
-}
-
-/* Text-level semantics
- ========================================================================== */
-
-/**
- * 1. Remove the bottom border in Firefox 39-.
- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
- */
-
-abbr[title] {
- border-bottom: none; /* 1 */
- text-decoration: underline; /* 2 */
- text-decoration: underline dotted; /* 2 */
-}
-
-/**
- * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
- */
-
-b,
-strong {
- font-weight: inherit;
-}
-
-/**
- * Add the correct font weight in Chrome, Edge, and Safari.
- */
-
-b,
-strong {
- font-weight: bolder;
-}
-
-/**
- * Add the correct font style in Android 4.3-.
- */
-
-dfn {
- font-style: italic;
-}
-
-/**
- * Correct the font size and margin on `h1` elements within `section` and
- * `article` contexts in Chrome, Firefox, and Safari.
- */
-
-h1 {
- font-size: 2em;
- margin: 0.67em 0;
-}
-
-/**
- * Add the correct background and color in IE 9-.
- */
-
-mark {
- background-color: #ff0;
- color: $text-black;
-}
-
-/**
- * Add the correct font size in all browsers.
- */
-
-small {
- font-size: 80%;
-}
-
-/**
- * Prevent `sub` and `sup` elements from affecting the line height in
- * all browsers.
- */
-
-sub,
-sup {
- font-size: 75%;
- line-height: 0;
- position: relative;
- vertical-align: baseline;
-}
-
-sub {
- bottom: -0.25em;
-}
-
-sup {
- top: -0.5em;
-}
-
-/* Embedded content
- ========================================================================== */
-
-/**
- * Remove the border on images inside links in IE 10-.
- */
-
-img {
- border-style: none;
-}
-
-/**
- * Hide the overflow in IE.
- */
-
-svg:not(:root) {
- overflow: hidden;
-}
-
-/* Grouping content
- ========================================================================== */
-
-/**
- * 1. Correct the inheritance and scaling of font size in all browsers.
- * 2. Correct the odd `em` font sizing in all browsers.
- */
-
-code,
-kbd,
-pre,
-samp {
- font-family: monospace, monospace; /* 1 */
- font-size: 1em; /* 2 */
-}
-
-/**
- * Add the correct margin in IE 8.
- */
-
-figure {
- margin: 1em $spacer-6;
-}
-
-/**
- * 1. Add the correct box sizing in Firefox.
- * 2. Show the overflow in Edge and IE.
- */
-
-hr {
- box-sizing: content-box; /* 1 */
- height: 0; /* 1 */
- overflow: visible; /* 2 */
-}
-
-/* Forms
- ========================================================================== */
-
-/**
- * 1. Change font properties to `inherit` in all browsers (opinionated).
- * 2. Remove the margin in Firefox and Safari.
- */
-
-button,
-input,
-select,
-textarea {
- font: inherit; /* 1 */
- margin: 0; /* 2 */
-}
-
-/**
- * Restore the font weight unset by the previous rule.
- */
-
-optgroup {
- font-weight: $font-weight-bold;
-}
-
-/**
- * Show the overflow in IE.
- * 1. Show the overflow in Edge.
- */
-
-button,
-input {
- /* 1 */
- overflow: visible;
-}
-
-/**
- * Remove the inheritance of text transform in Edge, Firefox, and IE.
- * 1. Remove the inheritance of text transform in Firefox.
- */
-
-button,
-select {
- /* 1 */
- text-transform: none;
-}
-
-/**
- * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
- * controls in Android 4.
- * 2. Correct the inability to style clickable types in iOS and Safari.
- */
-
-button,
-html [type="button"], /* 1 */
-[type="reset"],
-[type="submit"] {
- -webkit-appearance: button; /* 2 */
-}
-
-/**
- * Remove the inner border and padding in Firefox.
- */
-
-button::-moz-focus-inner,
-[type="button"]::-moz-focus-inner,
-[type="reset"]::-moz-focus-inner,
-[type="submit"]::-moz-focus-inner {
- border-style: none;
- padding: 0;
-}
-
-/**
- * Restore the focus styles unset by the previous rule.
- */
-
-button:-moz-focusring,
-[type="button"]:-moz-focusring,
-[type="reset"]:-moz-focusring,
-[type="submit"]:-moz-focusring {
- outline: 1px dotted ButtonText;
-}
-
-/**
- * Change the border, margin, and padding in all browsers (opinionated).
- */
-
-fieldset {
- border: $border-width $border-style #c0c0c0;
- margin: 0 2px;
- padding: 0.35em 0.625em $em-spacer-6;
-}
-
-/**
- * 1. Correct the text wrapping in Edge and IE.
- * 2. Correct the color inheritance from `fieldset` elements in IE.
- * 3. Remove the padding so developers are not caught out when they zero out
- * `fieldset` elements in all browsers.
- */
-
-legend {
- box-sizing: border-box; /* 1 */
- color: inherit; /* 2 */
- display: table; /* 1 */
- max-width: 100%; /* 1 */
- padding: 0; /* 3 */
- white-space: normal; /* 1 */
-}
-
-/**
- * Remove the default vertical scrollbar in IE.
- */
-
-textarea {
- overflow: auto;
-}
-
-/**
- * 1. Add the correct box sizing in IE 10-.
- * 2. Remove the padding in IE 10-.
- */
-
-[type="checkbox"],
-[type="radio"] {
- box-sizing: border-box; /* 1 */
- padding: 0; /* 2 */
-}
-
-/**
- * Correct the cursor style of increment and decrement buttons in Chrome.
- */
-
-[type="number"]::-webkit-inner-spin-button,
-[type="number"]::-webkit-outer-spin-button {
- height: auto;
-}
-
-/**
- * 1. Correct the odd appearance in Chrome and Safari.
- * 2. Correct the outline style in Safari.
- */
-
-[type="search"] {
- -webkit-appearance: textfield; /* 1 */
- outline-offset: -2px; /* 2 */
-}
-
-/**
- * Remove the inner padding and cancel buttons in Chrome and Safari on OS X.
- */
-
-[type="search"]::-webkit-search-cancel-button,
-[type="search"]::-webkit-search-decoration {
- -webkit-appearance: none;
-}
-
-/**
- * Correct the text style of placeholders in Chrome, Edge, and Safari.
- */
-
-::-webkit-input-placeholder {
- color: inherit;
- opacity: 0.54;
-}
-
-/**
- * 1. Correct the inability to style clickable types in iOS and Safari.
- * 2. Change font properties to `inherit` in Safari.
- */
-
-::-webkit-file-upload-button {
- -webkit-appearance: button; /* 1 */
- font: inherit; /* 2 */
-}
+// stylelint-disable
+/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
+
+/**
+ * 1. Change the default font family in all browsers (opinionated).
+ * 2. Prevent adjustments of font size after orientation changes in IE and iOS.
+ */
+
+html {
+ font-family: sans-serif; /* 1 */
+ -ms-text-size-adjust: 100%; /* 2 */
+ -webkit-text-size-adjust: 100%; /* 2 */
+}
+
+/**
+ * Remove the margin in all browsers (opinionated).
+ */
+
+body {
+ margin: 0;
+}
+
+/* HTML5 display definitions
+ ========================================================================== */
+
+/**
+ * Add the correct display in IE 9-.
+ * 1. Add the correct display in Edge, IE, and Firefox.
+ * 2. Add the correct display in IE.
+ */
+
+article,
+aside,
+details, /* 1 */
+figcaption,
+figure,
+footer,
+header,
+main, /* 2 */
+menu,
+nav,
+section {
+ /* 1 */
+ display: block;
+}
+
+summary {
+ display: list-item;
+}
+
+/**
+ * Add the correct display in IE 9-.
+ */
+
+audio,
+canvas,
+progress,
+video {
+ display: inline-block;
+}
+
+/**
+ * Add the correct display in iOS 4-7.
+ */
+
+audio:not([controls]) {
+ display: none;
+ height: 0;
+}
+
+/**
+ * Add the correct vertical alignment in Chrome, Firefox, and Opera.
+ */
+
+progress {
+ vertical-align: baseline;
+}
+
+/**
+ * Add the correct display in IE 10-.
+ * 1. Add the correct display in IE.
+ */
+
+template, /* 1 */
+[hidden] {
+ display: none !important;
+}
+
+/* Links
+ ========================================================================== */
+
+/**
+ * Remove the gray background on active links in IE 10.
+ */
+
+a {
+ background-color: transparent; /* 1 */
+}
+
+/**
+ * Remove the outline on focused links when they are also active or hovered
+ * in all browsers (opinionated).
+ */
+
+a:active,
+a:hover {
+ outline-width: 0;
+}
+
+/* Text-level semantics
+ ========================================================================== */
+
+/**
+ * 1. Remove the bottom border in Firefox 39-.
+ * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
+ */
+
+abbr[title] {
+ border-bottom: none; /* 1 */
+ text-decoration: underline; /* 2 */
+ text-decoration: underline dotted; /* 2 */
+}
+
+/**
+ * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
+ */
+
+b,
+strong {
+ font-weight: inherit;
+}
+
+/**
+ * Add the correct font weight in Chrome, Edge, and Safari.
+ */
+
+b,
+strong {
+ font-weight: bolder;
+}
+
+/**
+ * Add the correct font style in Android 4.3-.
+ */
+
+dfn {
+ font-style: italic;
+}
+
+/**
+ * Correct the font size and margin on `h1` elements within `section` and
+ * `article` contexts in Chrome, Firefox, and Safari.
+ */
+
+h1 {
+ font-size: 2em;
+ margin: 0.67em 0;
+}
+
+/**
+ * Add the correct background and color in IE 9-.
+ */
+
+mark {
+ background-color: #ff0;
+ color: $text-black;
+}
+
+/**
+ * Add the correct font size in all browsers.
+ */
+
+small {
+ font-size: 80%;
+}
+
+/**
+ * Prevent `sub` and `sup` elements from affecting the line height in
+ * all browsers.
+ */
+
+sub,
+sup {
+ font-size: 75%;
+ line-height: 0;
+ position: relative;
+ vertical-align: baseline;
+}
+
+sub {
+ bottom: -0.25em;
+}
+
+sup {
+ top: -0.5em;
+}
+
+/* Embedded content
+ ========================================================================== */
+
+/**
+ * Remove the border on images inside links in IE 10-.
+ */
+
+img {
+ border-style: none;
+}
+
+/**
+ * Hide the overflow in IE.
+ */
+
+svg:not(:root) {
+ overflow: hidden;
+}
+
+/* Grouping content
+ ========================================================================== */
+
+/**
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ */
+
+code,
+kbd,
+pre,
+samp {
+ font-family: monospace, monospace; /* 1 */
+ font-size: 1em; /* 2 */
+}
+
+/**
+ * Add the correct margin in IE 8.
+ */
+
+figure {
+ margin: 1em $spacer-6;
+}
+
+/**
+ * 1. Add the correct box sizing in Firefox.
+ * 2. Show the overflow in Edge and IE.
+ */
+
+hr {
+ box-sizing: content-box; /* 1 */
+ height: 0; /* 1 */
+ overflow: visible; /* 2 */
+}
+
+/* Forms
+ ========================================================================== */
+
+/**
+ * 1. Change font properties to `inherit` in all browsers (opinionated).
+ * 2. Remove the margin in Firefox and Safari.
+ */
+
+button,
+input,
+select,
+textarea {
+ font: inherit; /* 1 */
+ margin: 0; /* 2 */
+}
+
+/**
+ * Restore the font weight unset by the previous rule.
+ */
+
+optgroup {
+ font-weight: $font-weight-bold;
+}
+
+/**
+ * Show the overflow in IE.
+ * 1. Show the overflow in Edge.
+ */
+
+button,
+input {
+ /* 1 */
+ overflow: visible;
+}
+
+/**
+ * Remove the inheritance of text transform in Edge, Firefox, and IE.
+ * 1. Remove the inheritance of text transform in Firefox.
+ */
+
+button,
+select {
+ /* 1 */
+ text-transform: none;
+}
+
+/**
+ * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
+ * controls in Android 4.
+ * 2. Correct the inability to style clickable types in iOS and Safari.
+ */
+
+button,
+html [type="button"], /* 1 */
+[type="reset"],
+[type="submit"] {
+ -webkit-appearance: button; /* 2 */
+}
+
+/**
+ * Remove the inner border and padding in Firefox.
+ */
+
+button::-moz-focus-inner,
+[type="button"]::-moz-focus-inner,
+[type="reset"]::-moz-focus-inner,
+[type="submit"]::-moz-focus-inner {
+ border-style: none;
+ padding: 0;
+}
+
+/**
+ * Restore the focus styles unset by the previous rule.
+ */
+
+button:-moz-focusring,
+[type="button"]:-moz-focusring,
+[type="reset"]:-moz-focusring,
+[type="submit"]:-moz-focusring {
+ outline: 1px dotted ButtonText;
+}
+
+/**
+ * Change the border, margin, and padding in all browsers (opinionated).
+ */
+
+fieldset {
+ border: $border-width $border-style #c0c0c0;
+ margin: 0 2px;
+ padding: 0.35em 0.625em $em-spacer-6;
+}
+
+/**
+ * 1. Correct the text wrapping in Edge and IE.
+ * 2. Correct the color inheritance from `fieldset` elements in IE.
+ * 3. Remove the padding so developers are not caught out when they zero out
+ * `fieldset` elements in all browsers.
+ */
+
+legend {
+ box-sizing: border-box; /* 1 */
+ color: inherit; /* 2 */
+ display: table; /* 1 */
+ max-width: 100%; /* 1 */
+ padding: 0; /* 3 */
+ white-space: normal; /* 1 */
+}
+
+/**
+ * Remove the default vertical scrollbar in IE.
+ */
+
+textarea {
+ overflow: auto;
+}
+
+/**
+ * 1. Add the correct box sizing in IE 10-.
+ * 2. Remove the padding in IE 10-.
+ */
+
+[type="checkbox"],
+[type="radio"] {
+ box-sizing: border-box; /* 1 */
+ padding: 0; /* 2 */
+}
+
+/**
+ * Correct the cursor style of increment and decrement buttons in Chrome.
+ */
+
+[type="number"]::-webkit-inner-spin-button,
+[type="number"]::-webkit-outer-spin-button {
+ height: auto;
+}
+
+/**
+ * 1. Correct the odd appearance in Chrome and Safari.
+ * 2. Correct the outline style in Safari.
+ */
+
+[type="search"] {
+ -webkit-appearance: textfield; /* 1 */
+ outline-offset: -2px; /* 2 */
+}
+
+/**
+ * Remove the inner padding and cancel buttons in Chrome and Safari on OS X.
+ */
+
+[type="search"]::-webkit-search-cancel-button,
+[type="search"]::-webkit-search-decoration {
+ -webkit-appearance: none;
+}
+
+/**
+ * Correct the text style of placeholders in Chrome, Edge, and Safari.
+ */
+
+::-webkit-input-placeholder {
+ color: inherit;
+ opacity: 0.54;
+}
+
+/**
+ * 1. Correct the inability to style clickable types in iOS and Safari.
+ * 2. Change font properties to `inherit` in Safari.
+ */
+
+::-webkit-file-upload-button {
+ -webkit-appearance: button; /* 1 */
+ font: inherit; /* 2 */
+}
diff --git a/_sass/lib/@primer/css/base/typography-base.scss b/_sass/lib/@primer/css/base/typography-base.scss
index a6859a832..5894d0428 100644
--- a/_sass/lib/@primer/css/base/typography-base.scss
+++ b/_sass/lib/@primer/css/base/typography-base.scss
@@ -1,100 +1,100 @@
-// Headings
-// --------------------------------------------------
-// stylelint-disable selector-max-type
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
- margin-top: 0;
- margin-bottom: 0;
-}
-
-h1 {
- @include h1;
-}
-h2 {
- @include h2;
-}
-h3 {
- @include h3;
-}
-h4 {
- @include h4;
-}
-h5 {
- @include h5;
-}
-h6 {
- @include h6;
-}
-
-// Body text
-// --------------------------------------------------
-
-p {
- margin-top: 0;
- // stylelint-disable-next-line primer/spacing
- margin-bottom: 10px;
-}
-
-small {
- // stylelint-disable-next-line primer/typography
- font-size: 90%;
-}
-
-blockquote {
- margin: 0;
-}
-
-// Lists
-// --------------------------------------------------
-
-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;
-}
-
-// Code
-// --------------------------------------------------
-
-tt,
-code {
- font-family: $mono-font;
- font-size: $font-size-small;
-}
-
-pre {
- margin-top: 0;
- margin-bottom: 0;
- font-family: $mono-font;
- font-size: $font-size-small;
-}
-
-// Octicons
-// --------------------------------------------------
-
-// Move this over here as a temporary override to the octicons source repo
-// instead of updating that upstream.
-.octicon {
- vertical-align: text-bottom;
-}
+// Headings
+// --------------------------------------------------
+// stylelint-disable selector-max-type
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+ margin-top: 0;
+ margin-bottom: 0;
+}
+
+h1 {
+ @include h1;
+}
+h2 {
+ @include h2;
+}
+h3 {
+ @include h3;
+}
+h4 {
+ @include h4;
+}
+h5 {
+ @include h5;
+}
+h6 {
+ @include h6;
+}
+
+// Body text
+// --------------------------------------------------
+
+p {
+ margin-top: 0;
+ // stylelint-disable-next-line primer/spacing
+ margin-bottom: 10px;
+}
+
+small {
+ // stylelint-disable-next-line primer/typography
+ font-size: 90%;
+}
+
+blockquote {
+ margin: 0;
+}
+
+// Lists
+// --------------------------------------------------
+
+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;
+}
+
+// Code
+// --------------------------------------------------
+
+tt,
+code {
+ font-family: $mono-font;
+ font-size: $font-size-small;
+}
+
+pre {
+ margin-top: 0;
+ margin-bottom: 0;
+ font-family: $mono-font;
+ font-size: $font-size-small;
+}
+
+// Octicons
+// --------------------------------------------------
+
+// Move this over here as a temporary override to the octicons source repo
+// instead of updating that upstream.
+.octicon {
+ vertical-align: text-bottom;
+}
diff --git a/_sass/lib/@primer/css/breadcrumb/README.md b/_sass/lib/@primer/css/breadcrumb/README.md
index a61d2bf83..8ff063b9c 100644
--- a/_sass/lib/@primer/css/breadcrumb/README.md
+++ b/_sass/lib/@primer/css/breadcrumb/README.md
@@ -1,24 +1,24 @@
----
-bundle: "breadcrumb"
-generated: true
----
-
-# Primer CSS: `breadcrumb` bundle
-
-## Usage
-
-Primer CSS source files are written in [SCSS]. To include this Primer CSS module in your own build, ensure that your `node_modules` directory is listed in your Sass include paths, then import it with:
-
-```scss
-@import "@primer/css/breadcrumb/index.scss";
-```
-
-## Build
-
-The `@primer/css` npm package includes a standalone CSS build of this module in `dist/breadcrumb.css`.
-
-## License
-
-[MIT](https://github.com/primer/css/blob/master/LICENSE) © [GitHub](https://github.com/)
-
-[scss]: https://sass-lang.com/documentation/syntax#scss
+---
+bundle: "breadcrumb"
+generated: true
+---
+
+# Primer CSS: `breadcrumb` bundle
+
+## Usage
+
+Primer CSS source files are written in [SCSS]. To include this Primer CSS module in your own build, ensure that your `node_modules` directory is listed in your Sass include paths, then import it with:
+
+```scss
+@import "@primer/css/breadcrumb/index.scss";
+```
+
+## Build
+
+The `@primer/css` npm package includes a standalone CSS build of this module in `dist/breadcrumb.css`.
+
+## License
+
+[MIT](https://github.com/primer/css/blob/master/LICENSE) © [GitHub](https://github.com/)
+
+[scss]: https://sass-lang.com/documentation/syntax#scss
diff --git a/_sass/lib/@primer/css/breadcrumb/breadcrumb.scss b/_sass/lib/@primer/css/breadcrumb/breadcrumb.scss
index 0170ef283..af7155d2b 100644
--- a/_sass/lib/@primer/css/breadcrumb/breadcrumb.scss
+++ b/_sass/lib/@primer/css/breadcrumb/breadcrumb.scss
@@ -1,28 +1,28 @@
-.breadcrumb-item {
- display: inline-block;
- // stylelint-disable-next-line primer/spacing
- margin-left: -0.35em;
- white-space: nowrap;
- list-style: none;
-
- &::after {
- padding-right: $em-spacer-5;
- padding-left: $em-spacer-5;
- // stylelint-disable-next-line primer/colors
- color: $border-gray;
- content: "/";
- }
-
- &:first-child {
- margin-left: 0;
- }
-}
-
-.breadcrumb-item-selected,
-.breadcrumb-item[aria-current]:not([aria-current="false"]) {
- color: $text-gray;
-
- &::after {
- content: none;
- }
-}
+.breadcrumb-item {
+ display: inline-block;
+ // stylelint-disable-next-line primer/spacing
+ margin-left: -0.35em;
+ white-space: nowrap;
+ list-style: none;
+
+ &::after {
+ padding-right: $em-spacer-5;
+ padding-left: $em-spacer-5;
+ // stylelint-disable-next-line primer/colors
+ color: $border-gray;
+ content: "/";
+ }
+
+ &:first-child {
+ margin-left: 0;
+ }
+}
+
+.breadcrumb-item-selected,
+.breadcrumb-item[aria-current]:not([aria-current="false"]) {
+ color: $text-gray;
+
+ &::after {
+ content: none;
+ }
+}
diff --git a/_sass/lib/@primer/css/breadcrumb/index.scss b/_sass/lib/@primer/css/breadcrumb/index.scss
index 1b510b762..2b95a8854 100644
--- a/_sass/lib/@primer/css/breadcrumb/index.scss
+++ b/_sass/lib/@primer/css/breadcrumb/index.scss
@@ -1,3 +1,3 @@
-// support files
-@import "../support/index.scss";
-@import "./breadcrumb.scss";
+// support files
+@import "../support/index.scss";
+@import "./breadcrumb.scss";
diff --git a/_sass/lib/@primer/css/buttons/README.md b/_sass/lib/@primer/css/buttons/README.md
index 5a6fbd128..3e662178a 100644
--- a/_sass/lib/@primer/css/buttons/README.md
+++ b/_sass/lib/@primer/css/buttons/README.md
@@ -1,24 +1,24 @@
----
-bundle: "buttons"
-generated: true
----
-
-# Primer CSS: `buttons` bundle
-
-## Usage
-
-Primer CSS source files are written in [SCSS]. To include this Primer CSS module in your own build, ensure that your `node_modules` directory is listed in your Sass include paths, then import it with:
-
-```scss
-@import "@primer/css/buttons/index.scss";
-```
-
-## Build
-
-The `@primer/css` npm package includes a standalone CSS build of this module in `dist/buttons.css`.
-
-## License
-
-[MIT](https://github.com/primer/css/blob/master/LICENSE) © [GitHub](https://github.com/)
-
-[scss]: https://sass-lang.com/documentation/syntax#scss
+---
+bundle: "buttons"
+generated: true
+---
+
+# Primer CSS: `buttons` bundle
+
+## Usage
+
+Primer CSS source files are written in [SCSS]. To include this Primer CSS module in your own build, ensure that your `node_modules` directory is listed in your Sass include paths, then import it with:
+
+```scss
+@import "@primer/css/buttons/index.scss";
+```
+
+## Build
+
+The `@primer/css` npm package includes a standalone CSS build of this module in `dist/buttons.css`.
+
+## License
+
+[MIT](https://github.com/primer/css/blob/master/LICENSE) © [GitHub](https://github.com/)
+
+[scss]: https://sass-lang.com/documentation/syntax#scss
diff --git a/_sass/lib/@primer/css/buttons/button-group.scss b/_sass/lib/@primer/css/buttons/button-group.scss
index 355e8d8ff..d064cc94a 100644
--- a/_sass/lib/@primer/css/buttons/button-group.scss
+++ b/_sass/lib/@primer/css/buttons/button-group.scss
@@ -1,91 +1,91 @@
-// Button group
-//
-// A button group is a series of buttons laid out next to each other, all part
-// of one visual button, but separated by rules to be separate.
-
-.BtnGroup {
- display: inline-block;
- vertical-align: middle;
- @include clearfix();
-
- // Proper spacing for multiple button groups (a la, gollum editor)
- + .BtnGroup,
- + .btn {
- margin-left: $spacer-1;
- }
-}
-
-.BtnGroup-item {
- position: relative;
- float: left;
- border-right-width: 0;
- border-radius: 0;
-
- &:first-child {
- border-top-left-radius: $border-radius;
- border-bottom-left-radius: $border-radius;
- }
-
- &:last-child {
- border-right-width: $border-width;
- border-top-right-radius: $border-radius;
- border-bottom-right-radius: $border-radius;
- }
-
- &.selected,
- &[aria-selected="true"],
- &:focus,
- &:active,
- &:hover {
- border-right-width: $border-width;
-
- + .BtnGroup-item,
- + .BtnGroup-parent .BtnGroup-item {
- border-left-width: 0;
- }
- }
-}
-
-.BtnGroup-parent {
- float: left;
-
- &:first-child .BtnGroup-item {
- border-top-left-radius: $border-radius;
- border-bottom-left-radius: $border-radius;
- }
-
- &:last-child .BtnGroup-item {
- border-right-width: $border-width;
- border-top-right-radius: $border-radius;
- border-bottom-right-radius: $border-radius;
- }
-
- .BtnGroup-item {
- border-right-width: 0;
- border-radius: 0;
- }
-
- &.selected,
- &[aria-selected="true"],
- &:focus,
- &:active,
- &:hover {
- .BtnGroup-item {
- border-right-width: $border-width;
- }
-
- + .BtnGroup-item,
- + .BtnGroup-parent .BtnGroup-item {
- border-left-width: 0;
- }
- }
-}
-
-// ensure that the focus ring sits above the adjacent buttons
-.BtnGroup-item,
-.BtnGroup-parent {
- &:focus,
- &:active {
- z-index: 1;
- }
-}
+// Button group
+//
+// A button group is a series of buttons laid out next to each other, all part
+// of one visual button, but separated by rules to be separate.
+
+.BtnGroup {
+ display: inline-block;
+ vertical-align: middle;
+ @include clearfix();
+
+ // Proper spacing for multiple button groups (a la, gollum editor)
+ + .BtnGroup,
+ + .btn {
+ margin-left: $spacer-1;
+ }
+}
+
+.BtnGroup-item {
+ position: relative;
+ float: left;
+ border-right-width: 0;
+ border-radius: 0;
+
+ &:first-child {
+ border-top-left-radius: $border-radius;
+ border-bottom-left-radius: $border-radius;
+ }
+
+ &:last-child {
+ border-right-width: $border-width;
+ border-top-right-radius: $border-radius;
+ border-bottom-right-radius: $border-radius;
+ }
+
+ &.selected,
+ &[aria-selected="true"],
+ &:focus,
+ &:active,
+ &:hover {
+ border-right-width: $border-width;
+
+ + .BtnGroup-item,
+ + .BtnGroup-parent .BtnGroup-item {
+ border-left-width: 0;
+ }
+ }
+}
+
+.BtnGroup-parent {
+ float: left;
+
+ &:first-child .BtnGroup-item {
+ border-top-left-radius: $border-radius;
+ border-bottom-left-radius: $border-radius;
+ }
+
+ &:last-child .BtnGroup-item {
+ border-right-width: $border-width;
+ border-top-right-radius: $border-radius;
+ border-bottom-right-radius: $border-radius;
+ }
+
+ .BtnGroup-item {
+ border-right-width: 0;
+ border-radius: 0;
+ }
+
+ &.selected,
+ &[aria-selected="true"],
+ &:focus,
+ &:active,
+ &:hover {
+ .BtnGroup-item {
+ border-right-width: $border-width;
+ }
+
+ + .BtnGroup-item,
+ + .BtnGroup-parent .BtnGroup-item {
+ border-left-width: 0;
+ }
+ }
+}
+
+// ensure that the focus ring sits above the adjacent buttons
+.BtnGroup-item,
+.BtnGroup-parent {
+ &:focus,
+ &:active {
+ z-index: 1;
+ }
+}
diff --git a/_sass/lib/@primer/css/buttons/button.scss b/_sass/lib/@primer/css/buttons/button.scss
index 3127de509..238db7eda 100644
--- a/_sass/lib/@primer/css/buttons/button.scss
+++ b/_sass/lib/@primer/css/buttons/button.scss
@@ -1,296 +1,296 @@
-// stylelint-disable selector-max-type, block-opening-brace-space-before, no-duplicate-selectors
-
-// Base button styles
-.btn {
- position: relative;
- display: inline-block;
- // stylelint-disable-next-line primer/spacing
- padding: 5px $spacer-3;
- font-size: $body-font-size;
- font-weight: $font-weight-semibold;
- // stylelint-disable-next-line primer/typography
- line-height: 20px; // Specifically not inherit our `` default
- white-space: nowrap;
- vertical-align: middle;
- cursor: pointer;
- user-select: none;
- border: $border-width $border-style;
- border-radius: $border-radius;
- appearance: none; // Corrects inability to style clickable `input` types in iOS.
-
- &:hover {
- text-decoration: none;
- }
-
- &:disabled,
- &.disabled,
- &[aria-disabled="true"] {
- cursor: default;
-
- .octicon {
- color: inherit;
- }
- }
-
- i {
- font-style: normal;
- font-weight: $font-weight-semibold;
- opacity: 0.75;
- }
-
- .octicon {
- margin-right: $spacer-1;
- color: $text-gray-light;
- vertical-align: text-bottom;
-
- &:only-child {
- margin-right: 0;
- }
- }
-
- .Counter {
- // stylelint-disable-next-line primer/spacing
- margin-left: 2px;
- color: inherit;
- text-shadow: none;
- vertical-align: top;
- // stylelint-disable-next-line primer/colors
- background-color: rgba(
- $black,
- 0.08
- ); // Darken for just a tad more contrast against the button background
- }
-
- .dropdown-caret {
- margin-left: $spacer-1;
- opacity: 0.8;
- }
-}
-
-// Default button
-
-.btn {
- $bg-default: $bg-gray-light;
- $bg-hover: #f3f4f6; // custom gray
- $bg-active: darken($bg-hover, 2%);
- $bg-disabled: $bg-default;
-
- color: $text-gray-dark;
- background-color: $bg-default;
- border-color: $border-color-button;
- box-shadow: $box-shadow, $box-shadow-highlight;
- transition: background-color 0.2s cubic-bezier(0.3, 0, 0.5, 1);
-
- &:hover,
- &.hover,
- [open] > & {
- background-color: $bg-hover;
- transition-duration: 0.1s;
- }
-
- &:active,
- &.selected,
- &[aria-selected="true"] {
- background-color: $bg-active;
- box-shadow: $box-shadow-inset;
- transition: none;
- }
-
- &:disabled,
- &.disabled,
- &[aria-disabled="true"] {
- // stylelint-disable-next-line primer/colors
- color: $gray-400;
- background-color: $bg-disabled;
- border-color: $border-color-button;
- }
-
- // Keep :focus after :disabled. Allows to see the focus ring even on disabled buttons
- &:focus,
- &.focus {
- outline: 1px dotted transparent; // Support Firfox custom colors
- outline-offset: 2px;
- box-shadow: $box-shadow-focus;
- }
-}
-
-// Primary button
-
-.btn-primary {
- $bg-default: #2ea44f; // custom green
- $bg-hover: #2c974b; // custom green
- $bg-active: darken($bg-hover, 2%);
- $bg-disabled: #94d3a2; // custom green
-
- $shadow: $green-900;
- $box-shadow: 0 1px 0 rgba($black, 0.1), inset 0 1px 0 rgba($white, 0.03);
-
- color: $text-white;
- background-color: $bg-default;
- // stylelint-disable-next-line primer/borders
- border-color: rgba($black, 0.15);
- box-shadow: $box-shadow;
-
- &:hover,
- &.hover,
- [open] > & {
- background-color: $bg-hover;
- }
-
- &:active,
- &.selected,
- &[aria-selected="true"] {
- background-color: $bg-active;
- // stylelint-disable-next-line primer/box-shadow
- box-shadow: inset 0 1px 0 rgba($shadow, 0.2);
- }
-
- &:disabled,
- &.disabled,
- &[aria-disabled="true"] {
- // stylelint-disable-next-line primer/colors
- color: rgba($text-white, 0.8);
- background-color: $bg-disabled;
- // stylelint-disable-next-line primer/borders
- border-color: rgba($black, 0.1);
- box-shadow: $box-shadow;
- }
-
- &:focus,
- &.focus {
- // stylelint-disable-next-line primer/box-shadow
- box-shadow: 0 0 0 3px rgba($bg-default, 0.4);
- }
-
- .Counter {
- color: inherit;
- // stylelint-disable-next-line primer/colors
- background-color: rgba($bg-white, 0.2);
- }
-
- .octicon {
- // stylelint-disable-next-line primer/colors
- color: rgba($text-white, 0.8);
- }
-}
-
-// Mixin: btn-inverse-on-hover
-
-@mixin btn-inverse-on-hover($color, $bg-hover, $bg-active, $shadow) {
- color: $color;
- transition: none;
-
- &:hover,
- [open] > & {
- color: $text-white;
- background-color: $bg-hover;
- border-color: rgba($black, 0.15);
- box-shadow: 0 1px 0 rgba($black, 0.1), inset 0 1px 0 rgba($white, 0.03);
-
- .Counter {
- background-color: rgba($bg-white, 0.2);
- }
-
- .octicon {
- color: inherit;
- }
- }
-
- &:active,
- &.selected,
- &[aria-selected="true"] {
- color: $text-white;
- background-color: $bg-active;
- border-color: rgba($black, 0.15);
- box-shadow: inset 0 1px 0 rgba($shadow, 0.2);
- }
-
- &:disabled,
- &.disabled,
- &[aria-disabled="true"] {
- color: rgba($color, 0.5);
- background-color: $bg-gray-light;
- border-color: $border-color-button;
- box-shadow: $box-shadow, $box-shadow-highlight;
-
- .Counter {
- background-color: rgba($color, 0.05);
- }
- }
-
- &:focus {
- box-shadow: 0 0 0 3px rgba($bg-hover, 0.4);
- }
-
- .Counter {
- color: inherit;
- background-color: rgba($color, 0.1);
- }
-}
-
-// Danger button
-
-.btn-danger {
- @include btn-inverse-on-hover(
- $color: $text-red,
- $bg-hover: $red-600,
- $bg-active: darken($red-600, 3%),
- $shadow: $red-900
- );
-}
-
-// Outline button
-
-.btn-outline {
- @include btn-inverse-on-hover(
- $color: $blue-500,
- $bg-hover: $blue-500,
- $bg-active: darken($blue-500, 3%),
- $shadow: $blue-900
- );
-}
-
-// Solid buttons TODO: Deprecate?
-//
-//
-.btn-blue {
- @include btn-solid(
- $text-white,
- lighten($blue-500, 8%),
- darken($blue-500, 2%)
- );
-}
-
-// Sizes
-//
-// Tweak `line-height` to make them smaller.
-.btn-sm {
- // stylelint-disable-next-line primer/spacing
- padding: 3px 12px;
- font-size: $font-size-small;
- // stylelint-disable-next-line primer/typography
- line-height: 20px;
-
- .octicon {
- vertical-align: text-top;
- }
-}
-
-// Large button adds more padding around text. Use font-size utils to increase font-size.. e.g,
-.btn-large {
- padding: $em-spacer-6 1.5em;
- font-size: inherit;
- line-height: $lh-default;
-
- // stylelint-disable-next-line primer/borders
- border-radius: 0.5em;
-}
-
-// Full-width button
-//
-// These buttons expand to the full width of their parent container
-.btn-block {
- display: block;
- width: 100%;
- text-align: center;
-}
+// stylelint-disable selector-max-type, block-opening-brace-space-before, no-duplicate-selectors
+
+// Base button styles
+.btn {
+ position: relative;
+ display: inline-block;
+ // stylelint-disable-next-line primer/spacing
+ padding: 5px $spacer-3;
+ font-size: $body-font-size;
+ font-weight: $font-weight-semibold;
+ // stylelint-disable-next-line primer/typography
+ line-height: 20px; // Specifically not inherit our `` default
+ white-space: nowrap;
+ vertical-align: middle;
+ cursor: pointer;
+ user-select: none;
+ border: $border-width $border-style;
+ border-radius: $border-radius;
+ appearance: none; // Corrects inability to style clickable `input` types in iOS.
+
+ &:hover {
+ text-decoration: none;
+ }
+
+ &:disabled,
+ &.disabled,
+ &[aria-disabled="true"] {
+ cursor: default;
+
+ .octicon {
+ color: inherit;
+ }
+ }
+
+ i {
+ font-style: normal;
+ font-weight: $font-weight-semibold;
+ opacity: 0.75;
+ }
+
+ .octicon {
+ margin-right: $spacer-1;
+ color: $text-gray-light;
+ vertical-align: text-bottom;
+
+ &:only-child {
+ margin-right: 0;
+ }
+ }
+
+ .Counter {
+ // stylelint-disable-next-line primer/spacing
+ margin-left: 2px;
+ color: inherit;
+ text-shadow: none;
+ vertical-align: top;
+ // stylelint-disable-next-line primer/colors
+ background-color: rgba(
+ $black,
+ 0.08
+ ); // Darken for just a tad more contrast against the button background
+ }
+
+ .dropdown-caret {
+ margin-left: $spacer-1;
+ opacity: 0.8;
+ }
+}
+
+// Default button
+
+.btn {
+ $bg-default: $bg-gray-light;
+ $bg-hover: #f3f4f6; // custom gray
+ $bg-active: darken($bg-hover, 2%);
+ $bg-disabled: $bg-default;
+
+ color: $text-gray-dark;
+ background-color: $bg-default;
+ border-color: $border-color-button;
+ box-shadow: $box-shadow, $box-shadow-highlight;
+ transition: background-color 0.2s cubic-bezier(0.3, 0, 0.5, 1);
+
+ &:hover,
+ &.hover,
+ [open] > & {
+ background-color: $bg-hover;
+ transition-duration: 0.1s;
+ }
+
+ &:active,
+ &.selected,
+ &[aria-selected="true"] {
+ background-color: $bg-active;
+ box-shadow: $box-shadow-inset;
+ transition: none;
+ }
+
+ &:disabled,
+ &.disabled,
+ &[aria-disabled="true"] {
+ // stylelint-disable-next-line primer/colors
+ color: $gray-400;
+ background-color: $bg-disabled;
+ border-color: $border-color-button;
+ }
+
+ // Keep :focus after :disabled. Allows to see the focus ring even on disabled buttons
+ &:focus,
+ &.focus {
+ outline: 1px dotted transparent; // Support Firfox custom colors
+ outline-offset: 2px;
+ box-shadow: $box-shadow-focus;
+ }
+}
+
+// Primary button
+
+.btn-primary {
+ $bg-default: #2ea44f; // custom green
+ $bg-hover: #2c974b; // custom green
+ $bg-active: darken($bg-hover, 2%);
+ $bg-disabled: #94d3a2; // custom green
+
+ $shadow: $green-900;
+ $box-shadow: 0 1px 0 rgba($black, 0.1), inset 0 1px 0 rgba($white, 0.03);
+
+ color: $text-white;
+ background-color: $bg-default;
+ // stylelint-disable-next-line primer/borders
+ border-color: rgba($black, 0.15);
+ box-shadow: $box-shadow;
+
+ &:hover,
+ &.hover,
+ [open] > & {
+ background-color: $bg-hover;
+ }
+
+ &:active,
+ &.selected,
+ &[aria-selected="true"] {
+ background-color: $bg-active;
+ // stylelint-disable-next-line primer/box-shadow
+ box-shadow: inset 0 1px 0 rgba($shadow, 0.2);
+ }
+
+ &:disabled,
+ &.disabled,
+ &[aria-disabled="true"] {
+ // stylelint-disable-next-line primer/colors
+ color: rgba($text-white, 0.8);
+ background-color: $bg-disabled;
+ // stylelint-disable-next-line primer/borders
+ border-color: rgba($black, 0.1);
+ box-shadow: $box-shadow;
+ }
+
+ &:focus,
+ &.focus {
+ // stylelint-disable-next-line primer/box-shadow
+ box-shadow: 0 0 0 3px rgba($bg-default, 0.4);
+ }
+
+ .Counter {
+ color: inherit;
+ // stylelint-disable-next-line primer/colors
+ background-color: rgba($bg-white, 0.2);
+ }
+
+ .octicon {
+ // stylelint-disable-next-line primer/colors
+ color: rgba($text-white, 0.8);
+ }
+}
+
+// Mixin: btn-inverse-on-hover
+
+@mixin btn-inverse-on-hover($color, $bg-hover, $bg-active, $shadow) {
+ color: $color;
+ transition: none;
+
+ &:hover,
+ [open] > & {
+ color: $text-white;
+ background-color: $bg-hover;
+ border-color: rgba($black, 0.15);
+ box-shadow: 0 1px 0 rgba($black, 0.1), inset 0 1px 0 rgba($white, 0.03);
+
+ .Counter {
+ background-color: rgba($bg-white, 0.2);
+ }
+
+ .octicon {
+ color: inherit;
+ }
+ }
+
+ &:active,
+ &.selected,
+ &[aria-selected="true"] {
+ color: $text-white;
+ background-color: $bg-active;
+ border-color: rgba($black, 0.15);
+ box-shadow: inset 0 1px 0 rgba($shadow, 0.2);
+ }
+
+ &:disabled,
+ &.disabled,
+ &[aria-disabled="true"] {
+ color: rgba($color, 0.5);
+ background-color: $bg-gray-light;
+ border-color: $border-color-button;
+ box-shadow: $box-shadow, $box-shadow-highlight;
+
+ .Counter {
+ background-color: rgba($color, 0.05);
+ }
+ }
+
+ &:focus {
+ box-shadow: 0 0 0 3px rgba($bg-hover, 0.4);
+ }
+
+ .Counter {
+ color: inherit;
+ background-color: rgba($color, 0.1);
+ }
+}
+
+// Danger button
+
+.btn-danger {
+ @include btn-inverse-on-hover(
+ $color: $text-red,
+ $bg-hover: $red-600,
+ $bg-active: darken($red-600, 3%),
+ $shadow: $red-900
+ );
+}
+
+// Outline button
+
+.btn-outline {
+ @include btn-inverse-on-hover(
+ $color: $blue-500,
+ $bg-hover: $blue-500,
+ $bg-active: darken($blue-500, 3%),
+ $shadow: $blue-900
+ );
+}
+
+// Solid buttons TODO: Deprecate?
+//
+//
+.btn-blue {
+ @include btn-solid(
+ $text-white,
+ lighten($blue-500, 8%),
+ darken($blue-500, 2%)
+ );
+}
+
+// Sizes
+//
+// Tweak `line-height` to make them smaller.
+.btn-sm {
+ // stylelint-disable-next-line primer/spacing
+ padding: 3px 12px;
+ font-size: $font-size-small;
+ // stylelint-disable-next-line primer/typography
+ line-height: 20px;
+
+ .octicon {
+ vertical-align: text-top;
+ }
+}
+
+// Large button adds more padding around text. Use font-size utils to increase font-size.. e.g,
+.btn-large {
+ padding: $em-spacer-6 1.5em;
+ font-size: inherit;
+ line-height: $lh-default;
+
+ // stylelint-disable-next-line primer/borders
+ border-radius: 0.5em;
+}
+
+// Full-width button
+//
+// These buttons expand to the full width of their parent container
+.btn-block {
+ display: block;
+ width: 100%;
+ text-align: center;
+}
diff --git a/_sass/lib/@primer/css/buttons/index.scss b/_sass/lib/@primer/css/buttons/index.scss
index 684c152fa..fcb71f35f 100644
--- a/_sass/lib/@primer/css/buttons/index.scss
+++ b/_sass/lib/@primer/css/buttons/index.scss
@@ -1,4 +1,4 @@
-@import "../support/index.scss";
-@import "./button.scss";
-@import "./button-group.scss";
-@import "./misc.scss";
+@import "../support/index.scss";
+@import "./button.scss";
+@import "./button-group.scss";
+@import "./misc.scss";
diff --git a/_sass/lib/@primer/css/buttons/misc.scss b/_sass/lib/@primer/css/buttons/misc.scss
index 37697ed47..dc5e9d7b1 100644
--- a/_sass/lib/@primer/css/buttons/misc.scss
+++ b/_sass/lib/@primer/css/buttons/misc.scss
@@ -1,205 +1,205 @@
-// stylelint-disable selector-max-type
-
-// Link-like buttons
-//
-// This class is for styling