Rearrange all the docs to allow for a docs/major.minor/ setup

24 files changed, 0 insertions, 1685 deletions

diff --git a/docs/assets/scss/_ads.scss b/docs/assets/scss/_ads.scss
deleted file mode 100644
index efb91e565..000000000
--- a/docs/assets/scss/_ads.scss
+++ /dev/null
@@ -1,69 +0,0 @@
-// scss-lint:disable ImportantRule, IdSelector
-
-//
-// Carbon ads
-//
-
-#carbonads {
-  display: block;
-  padding: 15px 15px 15px 160px;
-  margin: 50px -15px 0;
-  overflow: hidden;
-  font-size: 13px;
-  line-height: 1.5;
-  text-align: left;
-  border: solid #866ab3;
-  border-width: 1px 0 0;
-
-  a {
-    color: #fff;
-    text-decoration: none;
-  }
-
-  @include media-breakpoint-up(sm) {
-    max-width: 330px;
-    margin: 50px auto 0;
-    border-width: 1px;
-    border-radius: 4px;
-  }
-
-  @include media-breakpoint-up(lg) {
-    position: absolute;
-    top: 0;
-    right: 15px;
-    margin-top: 0;
-
-    .bd-masthead & {
-      position: static;
-    }
-  }
-}
-
-.carbon-img {
-  float: left;
-  margin-left: -145px;
-}
-
-.carbon-poweredby {
-  display: block;
-  color: #cdbfe3 !important;
-}
-
-.bd-content {
-  #carbonads {
-    position: static;
-    max-width: 400px;
-    margin: 2rem 0;
-    line-height: 1.4;
-    background-color: #f5f5f5;
-    border: 0;
-
-    a {
-      color: #333;
-    }
-
-    .carbon-poweredby {
-      color: #777 !important;
-    }
-  }
-}
diff --git a/docs/assets/scss/_algolia.scss b/docs/assets/scss/_algolia.scss
deleted file mode 100644
index 1cc12a583..000000000
--- a/docs/assets/scss/_algolia.scss
+++ /dev/null
@@ -1,100 +0,0 @@
-// Docsearch overrides
-//
-// `!important` indicates overridden properties.
-.algolia-autocomplete {
-  display: block !important;
-  flex: 1;
-
-  // Menu container
-  .ds-dropdown-menu {
-    width: 100%;
-    min-width: 0 !important;
-    max-width: none !important;
-    background-color: #fff;
-    background-clip: padding-box;
-    border: 1px solid rgba(0,0,0,.1);
-    box-shadow: 0 .5rem 1rem rgba(0,0,0,.175);
-
-    // Caret
-    &::before {
-      display: none !important;
-    }
-
-    [class^=ds-dataset-] {
-      background-color: transparent !important;
-      border: 0 !important;
-    }
-  }
-
-  .algolia-docsearch-suggestion--category-header {
-    padding: .125rem 0 !important;
-    margin-top: 0 !important;
-    font-size: .75rem !important;
-    font-weight: 500 !important;
-    color: #767676 !important;
-    border-bottom: 0 !important;
-  }
-
-  .algolia-docsearch-suggestion--wrapper {
-    padding-top: 0 !important;
-  }
-
-  // Section header
-  .algolia-docsearch-suggestion--subcategory-column {
-    float: none !important;
-    width: auto !important;
-    padding: 0 !important;
-    text-align: left !important;
-  }
-
-  .algolia-docsearch-suggestion--content {
-    float: none !important;
-    width: auto !important;
-    padding: 0 !important;
-
-    // Vertical divider between column header and content
-    &::before {
-      display: none !important;
-    }
-  }
-
-  .ds-suggestion {
-    &:not(:first-child) {
-      .algolia-docsearch-suggestion--category-header {
-        margin-top: .5rem !important;
-      }
-    }
-
-    .algolia-docsearch-suggestion--subcategory-column {
-      display: none !important;
-    }
-  }
-
-  .algolia-docsearch-suggestion--title {
-    font-size: .875rem !important;
-    font-weight: 400 !important;
-  }
-
-  .algolia-docsearch-footer {
-    display: none !important;
-  }
-
-  .algolia-docsearch-suggestion--text {
-    padding-top: .5rem;
-    padding-bottom: .5rem;
-    font-weight: normal;
-  }
-
-  .algolia-docsearch-suggestion--highlight {
-    color: #5f2dab;
-    background-color: rgba(154, 132, 187, .12);
-  }
-
-  .algolia-docsearch-suggestion--text .algolia-docsearch-suggestion--highlight {
-    box-shadow: inset 0 -2px 0 0 rgba(95, 45, 171, .8) !important;
-  }
-
-  .ds-suggestion.ds-cursor .algolia-docsearch-suggestion--content {
-    background-color: rgba(208, 189, 236, .12) !important;
-  }
-}
diff --git a/docs/assets/scss/_anchor.scss b/docs/assets/scss/_anchor.scss
deleted file mode 100644
index 5b4edf04d..000000000
--- a/docs/assets/scss/_anchor.scss
+++ /dev/null
@@ -1,24 +0,0 @@
-// scss-lint:disable ImportantRule
-
-.anchorjs-link {
-  padding-right: .25em !important;
-  margin-left: -.75em !important;
-  color: inherit;
-}
-
-@media (max-width: 480px) {
-  .anchorjs-link {
-    display: none;
-  }
-}
-
-*:hover > .anchorjs-link {
-  opacity: .75;
-  transition: color .16s linear;
-}
-
-*:hover > .anchorjs-link:hover,
-.anchorjs-link:focus {
-  text-decoration: none;
-  opacity: 1;
-}
diff --git a/docs/assets/scss/_brand.scss b/docs/assets/scss/_brand.scss
deleted file mode 100644
index 1fb2119a2..000000000
--- a/docs/assets/scss/_brand.scss
+++ /dev/null
@@ -1,108 +0,0 @@
-//
-// Brand guidelines
-//
-
-// Logo series wrapper
-.bd-brand-logos {
-  display: table;
-  width: 100%;
-  margin-bottom: 1rem;
-  overflow: hidden;
-  color: #563d7c;
-  background-color: #f9f9f9;
-  border-radius: .25rem;
-}
-
-// Individual items
-.bd-brand-item {
-  padding: 4rem 0;
-  text-align: center;
-}
-.bd-brand-item + .bd-brand-item {
-  border-top: 1px solid #fff;
-}
-.bd-brand-logos .inverse {
-  color: #fff;
-  background-color: #563d7c;
-}
-
-// Heading content within
-.bd-brand-item h1,
-.bd-brand-item h3 {
-  margin-top: 0;
-  margin-bottom: 0;
-}
-.bd-brand-item .bd-booticon {
-  margin-right: auto;
-  margin-left: auto;
-}
-
-// Make the icons stand out on what is/isn't okay
-// .bd-brand-item .glyphicon {
-//   width: 30px;
-//   height: 30px;
-//   margin: 10px auto -10px;
-//   line-height: 30px;
-//   color: #fff;
-//   border-radius: 50%;
-// }
-// .bd-brand-item .glyphicon-ok {
-//   background-color: #5cb85c;
-// }
-// .bd-brand-item .glyphicon-remove {
-//   background-color: #d9534f;
-// }
-
-@media (min-width: 768px) {
-  .bd-brand-item {
-    display: table-cell;
-    width: 1%;
-  }
-  .bd-brand-item + .bd-brand-item {
-    border-top: 0;
-    border-left: 1px solid #fff;
-  }
-  .bd-brand-item h1 {
-    font-size: 4rem;
-  }
-}
-
-
-//
-// Color swatches
-//
-
-.color-swatches {
-  margin: 0 -5px;
-  overflow: hidden; // clearfix
-}
-
-.color-swatch {
-  float: left;
-  width: 4rem;
-  height: 4rem;
-  margin-right: .25rem;
-  margin-left: .25rem;
-  border-radius: .25rem;
-
-  @media (min-width: 768px) {
-    width: 6rem;
-    height: 6rem;
-  }
-}
-
-// Docs colors
-.color-swatches {
-  .bd-purple {
-    background-color: $bd-purple;
-  }
-  .bd-purple-light {
-    background-color: $bd-purple-light;
-  }
-  .bd-purple-lighter {
-    background-color: #e5e1ea;
-  }
-  .bd-gray {
-    background-color: #f9f9f9;
-  }
-}
diff --git a/docs/assets/scss/_browser-bugs.scss b/docs/assets/scss/_browser-bugs.scss
deleted file mode 100644
index f42158b37..000000000
--- a/docs/assets/scss/_browser-bugs.scss
+++ /dev/null
@@ -1,12 +0,0 @@
-// Wall of Browser Bugs
-//
-// Better display for the responsive table on the Wall of Browser Bugs.
-
-.bd-browser-bugs {
-  td p {
-    margin-bottom: 0;
-  }
-  th:first-child {
-    width: 18%;
-  }
-}
diff --git a/docs/assets/scss/_buttons.scss b/docs/assets/scss/_buttons.scss
deleted file mode 100644
index a7fa5a4c1..000000000
--- a/docs/assets/scss/_buttons.scss
+++ /dev/null
@@ -1,17 +0,0 @@
-// Buttons
-//
-// Custom buttons for the docs.
-
-.btn-bs {
-  font-weight: 500;
-  color: $bd-purple-bright;
-  border-color: $bd-purple-bright;
-
-  &:hover,
-  &:focus,
-  &:active {
-    color: #fff;
-    background-color: $bd-purple-bright;
-    border-color: $bd-purple-bright;
-  }
-}
diff --git a/docs/assets/scss/_callouts.scss b/docs/assets/scss/_callouts.scss
deleted file mode 100644
index 401bfd6f5..000000000
--- a/docs/assets/scss/_callouts.scss
+++ /dev/null
@@ -1,40 +0,0 @@
-//
-// Callouts
-//
-
-.bd-callout {
-  padding: 1.25rem;
-  margin-top: 1.25rem;
-  margin-bottom: 1.25rem;
-  border: 1px solid #eee;
-  border-left-width: .25rem;
-  border-radius: .25rem;
-}
-
-.bd-callout h4 {
-  margin-top: 0;
-  margin-bottom: .25rem;
-}
-
-.bd-callout p:last-child {
-  margin-bottom: 0;
-}
-
-.bd-callout code {
-  border-radius: .25rem;
-}
-
-.bd-callout + .bd-callout {
-  margin-top: -.25rem;
-}
-
-// Variations
-@mixin bs-callout-variant($color) {
-  border-left-color: $color;
-
-  h4 { color: $color; }
-}
-
-.bd-callout-info { @include bs-callout-variant($bd-info); }
-.bd-callout-warning { @include bs-callout-variant($bd-warning); }
-.bd-callout-danger { @include bs-callout-variant($bd-danger); }
diff --git a/docs/assets/scss/_clipboard-js.scss b/docs/assets/scss/_clipboard-js.scss
deleted file mode 100644
index e27d1d4f8..000000000
--- a/docs/assets/scss/_clipboard-js.scss
+++ /dev/null
@@ -1,39 +0,0 @@
-// clipboard.js
-//
-// JS-based `Copy` buttons for code snippets.
-
-.bd-clipboard {
-  position: relative;
-  display: none;
-  float: right;
-
-  + .highlight {
-    margin-top: 0;
-  }
-}
-
-.btn-clipboard {
-  position: absolute;
-  top: .5rem;
-  right: .5rem;
-  z-index: 10;
-  display: block;
-  padding: .25rem .5rem;
-  font-size: 75%;
-  color: #818a91;
-  cursor: pointer;
-  background-color: transparent;
-  border: 0;
-  border-radius: .25rem;
-
-  &:hover {
-    color: #fff;
-    background-color: #027de7;
-  }
-}
-
-@media (min-width: 768px) {
-  .bd-clipboard {
-    display: block;
-  }
-}
diff --git a/docs/assets/scss/_component-examples.scss b/docs/assets/scss/_component-examples.scss
deleted file mode 100644
index 84dc45781..000000000
--- a/docs/assets/scss/_component-examples.scss
+++ /dev/null
@@ -1,419 +0,0 @@
-// scss-lint:disable QualifyingElement
-
-//
-// Grid examples
-//
-
-.bd-example-row {
-  .row + .row {
-    margin-top: 1rem;
-  }
-
-  .row {
-    > .col,
-    > [class^="col-"] {
-      padding-top: .75rem;
-      padding-bottom: .75rem;
-      background-color: rgba(86,61,124,.15);
-      border: 1px solid rgba(86,61,124,.2);
-    }
-  }
-
-  .flex-items-top,
-  .flex-items-middle,
-  .flex-items-bottom {
-    min-height: 6rem;
-    background-color: rgba(255,0,0,.1);
-  }
-}
-
-.bd-example-row-flex-cols .row {
-  min-height: 10rem;
-  background-color: rgba(255,0,0,.1);
-}
-
-.bd-highlight {
-  background-color: rgba($bd-purple, .15);
-  border: 1px solid rgba($bd-purple, .15);
-}
-
-// Grid mixins
-.example-container {
-  width: 800px;
-  @include make-container();
-}
-
-.example-row {
-  @include make-row();
-}
-
-.example-content-main {
-  @include make-col-ready();
-
-  @include media-breakpoint-up(sm) {
-    @include make-col(6);
-  }
-
-  @include media-breakpoint-up(lg) {
-    @include make-col(8);
-  }
-}
-
-.example-content-secondary {
-  @include make-col-ready();
-
-  @include media-breakpoint-up(sm) {
-    @include make-col(6);
-  }
-
-  @include media-breakpoint-up(lg) {
-    @include make-col(4);
-  }
-}
-
-
-//
-// Container illustrations
-//
-
-.bd-example-container {
-  min-width: 16rem;
-  max-width: 25rem;
-  margin-right: auto;
-  margin-left: auto;
-}
-
-.bd-example-container-header {
-  height: 3rem;
-  margin-bottom: .5rem;
-  background-color: lighten($brand-primary, 50%);
-  border-radius: .25rem;
-}
-
-.bd-example-container-sidebar {
-  float: right;
-  width: 4rem;
-  height: 8rem;
-  background-color: lighten($brand-warning, 25%);
-  border-radius: .25rem;
-}
-
-.bd-example-container-body {
-  height: 8rem;
-  margin-right: 4.5rem;
-  background-color: lighten($bd-purple, 25%);
-  border-radius: .25rem;
-}
-
-.bd-example-container-fluid {
-  max-width: none;
-}
-
-
-//
-// Docs examples
-//
-
-.bd-example {
-  position: relative;
-  padding: 1rem;
-  margin: 1rem (-$grid-gutter-width-base / 2);
-  border: solid #f7f7f9;
-  border-width: .2rem 0 0;
-  @include clearfix();
-
-  @include media-breakpoint-up(sm) {
-    padding: 1.5rem;
-    margin-right: 0;
-    margin-bottom: 0;
-    margin-left: 0;
-    border-width: .2rem;
-  }
-
-  + .highlight,
-  + .clipboard + .highlight {
-    margin-top: 0;
-  }
-
-  + p {
-    margin-top: 2rem;
-  }
-
-  .pos-f-t {
-    position: relative;
-    margin: -1rem;
-
-    @include media-breakpoint-up(sm) {
-      margin: -1.5rem;
-    }
-  }
-
-  > .form-control {
-    + .form-control {
-      margin-top: .5rem;
-    }
-  }
-
-  > .nav + .nav,
-  > .alert + .alert,
-  > .navbar + .navbar,
-  > .progress + .progress,
-  > .progress + .btn {
-    margin-top: 1rem;
-  }
-
-  > .dropdown-menu:first-child {
-    position: static;
-    display: block;
-  }
-
-  > .form-group:last-child {
-    margin-bottom: 0;
-  }
-}
-
-.bd-example > .close {
-  float: none;
-}
-
-// Typography
-.bd-example-type .table .type-info {
-  color: #999;
-  vertical-align: middle;
-}
-.bd-example-type .table td {
-  padding: 1rem 0;
-  border-color: #eee;
-}
-.bd-example-type .table tr:first-child td {
-  border-top: 0;
-}
-.bd-example-type h1,
-.bd-example-type h2,
-.bd-example-type h3,
-.bd-example-type h4,
-.bd-example-type h5,
-.bd-example-type h6 {
-  margin: 0;
-}
-
-// Contextual background colors
-.bd-example-bg-classes p {
-  padding: 1rem;
-}
-
-// Images
-.bd-example > img {
-  + img {
-    margin-left: .5rem;
-  }
-}
-
-// Buttons
-.bd-example > .btn-group {
-  margin-top: .25rem;
-  margin-bottom: .25rem;
-}
-.bd-example > .btn-toolbar + .btn-toolbar {
-  margin-top: .5rem;
-}
-
-// Forms
-.bd-example-control-sizing select,
-.bd-example-control-sizing input[type="text"] + input[type="text"] {
-  margin-top: .5rem;
-}
-.bd-example-form .input-group {
-  margin-bottom: .5rem;
-}
-.bd-example > textarea.form-control {
-  resize: vertical;
-}
-
-// List groups
-.bd-example > .list-group {
-  max-width: 400px;
-}
-
-// Navbars
-.bd-example {
-  .fixed-top,
-  .sticky-top {
-    position: static;
-    margin: -1rem -1rem 1rem;
-  }
-  .fixed-bottom {
-    position: static;
-    margin: 1rem -1rem -1rem;
-  }
-
-  @include media-breakpoint-up(sm) {
-    .fixed-top,
-    .sticky-top {
-      margin: -1.5rem -1.5rem 1rem;
-    }
-    .fixed-bottom {
-      margin: 1rem -1.5rem -1.5rem;
-    }
-  }
-}
-
-// Pagination
-.bd-example .pagination {
-  margin-top: .5rem;
-  margin-bottom: .5rem;
-}
-
-// Example modals
-.bd-example-modal {
-  background-color: #fafafa;
-
-  .modal {
-    position: relative;
-    top: auto;
-    right: auto;
-    bottom: auto;
-    left: auto;
-    z-index: 1;
-    display: block;
-  }
-
-  .modal-dialog {
-    left: auto;
-    margin-right: auto;
-    margin-left: auto;
-  }
-}
-
-// Example tabbable tabs
-.bd-example-tabs .nav-tabs {
-  margin-bottom: 1rem;
-}
-
-// Tooltips
-.bd-example-tooltips {
-  text-align: center;
-}
-.bd-example-tooltips > .btn {
-  margin-top: .25rem;
-  margin-bottom: .25rem;
-}
-.bs-tooltip-top-docs,
-.bs-tooltip-bottom-docs {
-  .arrow {
-    left: 50%;
-  }
-}
-.bs-tooltip-right-docs,
-.bs-tooltip-left-docs {
-  .arrow {
-    top: 50%;
-  }
-}
-
-// Popovers
-.bd-example-popover-static {
-  padding-bottom: 1.5rem;
-  background-color: #f9f9f9;
-}
-.bd-example-popover-static .popover {
-  position: relative;
-  display: block;
-  float: left;
-  width: 260px;
-  margin: 1.25rem;
-}
-.bs-popover-top-docs,
-.bs-popover-bottom-docs {
-  .arrow {
-    left: 50%;
-  }
-}
-.bs-popover-right-docs,
-.bs-popover-left-docs {
-  .arrow {
-    top: 50%;
-  }
-}
-
-// Tooltips
-.tooltip-demo a {
-  white-space: nowrap;
-}
-
-.bd-example-tooltip-static .tooltip {
-  position: relative;
-  display: inline-block;
-  margin: 10px 20px;
-  opacity: 1;
-}
-
-// Scrollspy demo on fixed height div
-.scrollspy-example {
-  position: relative;
-  height: 200px;
-  margin-top: .5rem;
-  overflow: auto;
-}
-
-.scrollspy-example-2 {
-  position: relative;
-  height: 350px;
-  overflow: auto;
-}
-
-// Helpers
-.bd-example > {
-  .bg-primary,
-  .bg-success,
-  .bg-info,
-  .bg-warning,
-  .bg-danger,
-  .bg-inverse,
-  .bg-faded {
-    &:not(.navbar) {
-      padding: .5rem;
-      margin-top: .5rem;
-      margin-bottom: .5rem;
-    }
-  }
-}
-
-.bd-example-border-utils {
-  [class^="border-"] {
-    display: inline-block;
-    width: 6rem;
-    height: 6rem;
-    margin: .25rem;
-    background-color: #f5f5f5;
-    border: 1px solid;
-  }
-}
-
-//
-// Code snippets
-//
-
-.highlight {
-  padding: 1rem;
-  margin: 1rem (-$grid-gutter-width-base / 2);
-  background-color: #f7f7f9;
-  -ms-overflow-style: -ms-autohiding-scrollbar;
-
-  @include media-breakpoint-up(sm) {
-    padding: 1.5rem;
-    margin-right: 0;
-    margin-left: 0;
-  }
-}
-.highlight pre {
-  padding: 0;
-  margin-top: 0;
-  margin-bottom: 0;
-  background-color: transparent;
-  border: 0;
-}
-.highlight pre code {
-  font-size: inherit;
-  color: $gray-dark; // Effectively the base text color
-}
diff --git a/docs/assets/scss/_content.scss b/docs/assets/scss/_content.scss
deleted file mode 100644
index 9e6795dbe..000000000
--- a/docs/assets/scss/_content.scss
+++ /dev/null
@@ -1,104 +0,0 @@
-// scss-lint:disable IdSelector, NestingDepth, SelectorDepth, QualifyingElement
-
-//
-// Automatically style Markdown-based tables like a Bootstrap `.table`.
-//
-
-.bd-content {
-  // Hack the sticky header
-  h2[id],
-  h3[id] {
-    &::before {
-      position: relative;
-      z-index: -1;
-      display: block;
-      height: 6rem;
-      margin-top: -6rem;
-      visibility: hidden;
-      content: "";
-    }
-  }
-
-  > table {
-    width: 100%;
-    max-width: 100%;
-    margin-bottom: 1rem;
-
-    @include media-breakpoint-down(md) {
-      display: block;
-      overflow-x: auto;
-      -ms-overflow-style: -ms-autohiding-scrollbar; // See https://github.com/twbs/bootstrap/pull/10057
-    }
-
-    // Cells
-    > thead,
-    > tbody,
-    > tfoot {
-      > tr {
-        > th,
-        > td {
-          padding: $table-cell-padding;
-          vertical-align: top;
-          border: 1px solid $table-border-color;
-
-          > p:last-child {
-            margin-bottom: 0;
-          }
-        }
-      }
-    }
-
-    // Prevent breaking of code (e.g., Grunt tasks list)
-    td:first-child > code {
-      white-space: nowrap;
-    }
-  }
-}
-
-//
-// Docs sections
-//
-
-.bd-content {
-  > h2:not(:first-child) {
-    margin-top: 3rem;
-  }
-
-  > h3 {
-    margin-top: 1.5rem;
-  }
-
-  > ul li,
-  > ol li {
-    margin-bottom: .25rem;
-  }
-
-  @include media-breakpoint-up(lg) {
-    > ul,
-    > ol,
-    > p {
-      max-width: 80%;
-    }
-  }
-}
-
-.bd-title {
-  margin-top: 1rem;
-  margin-bottom: .5rem;
-  font-weight: 300;
-
-  @include media-breakpoint-up(sm) {
-    font-size: 3rem;
-  }
-}
-
-.bd-lead {
-  font-size: 1.125rem;
-  font-weight: 300;
-
-  @include media-breakpoint-up(sm) {
-    max-width: 80%;
-    margin-bottom: 1rem;
-    font-size: 1.5rem;
-  }
-}
diff --git a/docs/assets/scss/_examples.scss b/docs/assets/scss/_examples.scss
deleted file mode 100644
index a4ec7a299..000000000
--- a/docs/assets/scss/_examples.scss
+++ /dev/null
@@ -1,24 +0,0 @@
-//
-// Examples
-//
-
-.bd-examples .img-thumbnail {
-  margin-bottom: .75rem;
-}
-.bd-examples h4 {
-  margin-bottom: .25rem;
-}
-.bd-examples p {
-  margin-bottom: 1.25rem;
-}
-
-@media (max-width: 480px) {
-  .bd-examples {
-    margin-right: -.75rem;
-    margin-left: -.75rem;
-  }
-  .bd-examples > [class^="col-"] {
-    padding-right: .75rem;
-    padding-left: .75rem;
-  }
-}
diff --git a/docs/assets/scss/_featured-sites.scss b/docs/assets/scss/_featured-sites.scss
deleted file mode 100644
index b0964a91e..000000000
--- a/docs/assets/scss/_featured-sites.scss
+++ /dev/null
@@ -1,21 +0,0 @@
-.bd-featured-sites {
-  margin-right: -1px;
-  margin-left: -1px;
-}
-.bd-featured-sites .col-6 {
-  padding: 1px;
-}
-.bd-featured-sites .img-fluid {
-  margin-top: 0;
-}
-
-@media (min-width: 768px) {
-  .bd-featured-sites .col-sm-3:first-child img {
-    border-top-left-radius: .25rem;
-    border-bottom-left-radius: .25rem;
-  }
-  .bd-featured-sites .col-sm-3:last-child img {
-    border-top-right-radius: .25rem;
-    border-bottom-right-radius: .25rem;
-  }
-}
diff --git a/docs/assets/scss/_featurettes.scss b/docs/assets/scss/_featurettes.scss
deleted file mode 100644
index 03119ce50..000000000
--- a/docs/assets/scss/_featurettes.scss
+++ /dev/null
@@ -1,97 +0,0 @@
-.bd-featurette {
-  padding-top: 3rem;
-  padding-bottom: 3rem;
-  font-size: 1rem;
-  line-height: 1.5;
-  color: #555;
-  text-align: center;
-  background-color: #fff;
-  border-top: 1px solid #eee;
-
-  .highlight {
-    text-align: left;
-  }
-
-  .lead {
-    margin-right: auto;
-    margin-bottom: 2rem;
-    margin-left: auto;
-    font-size: 1rem;
-    text-align: center;
-  }
-
-  @include media-breakpoint-up(sm) {
-    text-align: left;
-  }
-
-  @include media-breakpoint-up(md) {
-    .col-sm-6:first-child {
-      padding-right: ($grid-gutter-width-base * 1.5);
-    };
-    .col-sm-6:last-child {
-      padding-left: ($grid-gutter-width-base * 1.5);
-    }
-  }
-}
-
-.bd-featurette-title {
-  margin-bottom: .5rem;
-  font-size: 2rem;
-  font-weight: normal;
-  color: #333;
-  text-align: center;
-}
-
-.half-rule {
-  width: 6rem;
-  margin: 2.5rem auto;
-
-  @include media-breakpoint-up(sm) {
-    margin-right: 0;
-    margin-left: 0;
-  }
-}
-.bd-featurette h4 {
-  margin-top: 1rem;
-  margin-bottom: .5rem;
-  font-weight: normal;
-  color: #333;
-}
-.bd-featurette-img {
-  display: block;
-  margin-bottom: 1.25rem;
-  color: #333;
-}
-.bd-featurette-img:hover {
-  color: $brand-primary;
-  text-decoration: none;
-}
-.bd-featurette-img img {
-  display: block;
-  margin-bottom: 1rem;
-}
-
-@media (min-width: 480px) {
-  .bd-featurette .img-fluid {
-    margin-top: 2rem;
-  }
-}
-@media (min-width: 768px) {
-  .bd-featurette {
-    padding-top: 6rem;
-    padding-bottom: 6rem;
-  }
-  .bd-featurette-title {
-    font-size: 2.5rem;
-
-    + .lead {
-      font-size: 1.5rem;
-    }
-  }
-  .bd-featurette .lead {
-    max-width: 80%;
-  }
-  .bd-featurette .img-fluid {
-    margin-top: 0;
-  }
-}
diff --git a/docs/assets/scss/_footer.scss b/docs/assets/scss/_footer.scss
deleted file mode 100644
index e7ffac480..000000000
--- a/docs/assets/scss/_footer.scss
+++ /dev/null
@@ -1,42 +0,0 @@
-//
-// Footer
-//
-
-.bd-footer {
-  padding: 4rem 0;
-  margin-top: 4rem;
-  font-size: 85%;
-  text-align: center;
-  background-color: #f7f7f7;
-
-  a {
-    font-weight: 500;
-    color: $gray;
-
-    &:hover,
-    &:focus {
-      color: $link-color;
-    }
-  }
-
-  p {
-    margin-bottom: 0;
-  }
-
-  @include media-breakpoint-up(sm) {
-    text-align: left;
-  }
-}
-
-.bd-footer-links {
-  padding-left: 0;
-  margin-bottom: 1rem;
-
-  li {
-    display: inline-block;
-
-    + li {
-      margin-left: 1rem;
-    }
-  }
-}
diff --git a/docs/assets/scss/_masthead.scss b/docs/assets/scss/_masthead.scss
deleted file mode 100644
index a457cb0e1..000000000
--- a/docs/assets/scss/_masthead.scss
+++ /dev/null
@@ -1,93 +0,0 @@
-// scss-lint:disable ImportantRule
-
-.bd-masthead {
-  position: relative;
-  padding: 3rem ($grid-gutter-width-base / 2) 2rem;
-  color: $bd-purple-light;
-  text-align: center;
-  background-image: linear-gradient(135deg, darken($bd-purple, 20%), $bd-purple, lighten(saturate($bd-purple, 5%), 15%));
-
-  .bd-booticon {
-    margin: 0 auto 2rem;
-    color: $bd-purple-light;
-    border-color: $bd-purple-light;
-  }
-
-  h1 {
-    font-weight: 300;
-    line-height: 1;
-  }
-
-  .lead {
-    margin-right: auto;
-    margin-bottom: 2rem;
-    margin-left: auto;
-    font-size: 1.25rem;
-    color: #fff;
-  }
-
-  .version {
-    margin-top: -1rem;
-    margin-bottom: 2rem;
-  }
-
-  .btn {
-    width: 100%;
-    padding: 1rem 2rem;
-    font-size: 1.25rem;
-    font-weight: 500;
-    color: $bd-yellow;
-    border-color: $bd-yellow;
-
-    &:hover,
-    &:focus {
-      color: $bd-graphite;
-      background-color: $bd-yellow;
-      border-color: $bd-yellow;
-    }
-  }
-
-  .carbonad {
-    margin-bottom: -2rem !important;
-  }
-
-  @include media-breakpoint-up(sm) {
-    padding-top: 8rem;
-    padding-bottom: 2rem;
-
-    .btn {
-      width: auto;
-    }
-
-    .carbonad {
-      margin-bottom: 0 !important;
-    }
-  }
-
-  @include media-breakpoint-up(md) {
-    padding-bottom: 4rem;
-
-    .bd-header {
-      margin-bottom: 4rem;
-    }
-
-    h1 {
-      font-size: 4rem;
-    }
-
-    .lead {
-      font-size: 1.5rem;
-    }
-
-    .carbonad {
-      margin-top: 3rem !important;
-    }
-  }
-
-  @include media-breakpoint-up(lg) {
-    .lead {
-      width: 85%;
-      font-size: 2rem;
-    }
-  }
-}
diff --git a/docs/assets/scss/_nav.scss b/docs/assets/scss/_nav.scss
deleted file mode 100644
index 45b420611..000000000
--- a/docs/assets/scss/_nav.scss
+++ /dev/null
@@ -1,74 +0,0 @@
-// scss-lint:disable VendorPrefix
-
-//
-// Main navbar
-//
-
-.bd-navbar {
-  min-height: 4rem;
-  background-color: $bd-purple;
-  border-bottom: 1px solid rgba(0,0,0,.1);
-  box-shadow: 0 .5rem 1rem rgba(0,0,0,.05);
-
-  @include media-breakpoint-down(md) {
-    .navbar-nav-scroll {
-      max-width: 100%;
-      height: 2.5rem;
-      margin-top: .25rem;
-      overflow-x: hidden;
-      font-size: .875rem;
-
-      .navbar-nav {
-        padding-bottom: 2rem;
-        overflow-x: auto;
-        white-space: nowrap;
-        -webkit-overflow-scrolling: touch;
-      }
-    }
-  }
-
-  @include media-breakpoint-up(md) {
-    position: -webkit-sticky;
-    position: sticky;
-    top: 0;
-    z-index: 1030; // over everything in bootstrap
-  }
-
-  .navbar-nav {
-    .nav-link {
-      padding-right: .5rem;
-      padding-left: .5rem;
-      color: $bd-purple-light;
-
-      &.active,
-      &:hover {
-        color: #fff;
-        background-color: transparent;
-      }
-
-      &.active {
-        font-weight: 500;
-      }
-    }
-  }
-
-  .navbar-nav-svg {
-    display: inline-block;
-    width: 1rem;
-    height: 1rem;
-    vertical-align: text-top;
-  }
-
-  .dropdown-menu {
-    font-size: .875rem;
-  }
-
-  // .navbar-brand {
-  //   color: #fff;
-  // }
-
-  .bd-navbar-brand-wrap {
-    padding-top: .25rem;
-    padding-bottom: .25rem;
-  }
-}
diff --git a/docs/assets/scss/_page-header.scss b/docs/assets/scss/_page-header.scss
deleted file mode 100644
index e51459903..000000000
--- a/docs/assets/scss/_page-header.scss
+++ /dev/null
@@ -1,60 +0,0 @@
-// scss-lint:disable ImportantRule
-
-.bd-pageheader {
-  padding: 2rem ($grid-gutter-width-base / 2);
-  margin-bottom: 1.5rem;
-  color: $bd-purple-light;
-  text-align: center;
-  background-color: $bd-purple;
-
-  .container {
-    position: relative;
-  }
-
-  h1 {
-    font-size: 3rem;
-    font-weight: normal;
-    color: #fff;
-  }
-
-  p {
-    margin-bottom: 0;
-    font-size: 1.25rem;
-    font-weight: 300;
-  }
-
-  @include media-breakpoint-up(sm) {
-    padding-top: 4rem;
-    padding-bottom: 4rem;
-    margin-bottom: 3rem;
-    text-align: left;
-
-    .carbonad {
-      margin: 2rem 0 0 !important;
-    }
-  }
-
-  @include media-breakpoint-up(md) {
-    h1 {
-      font-size: 4rem;
-    }
-
-    p {
-      font-size: 1.5rem;
-    }
-  }
-
-  @include media-breakpoint-up(lg) {
-    h1,
-    p {
-      margin-right: 380px;
-    }
-
-    .carbonad {
-      position: absolute;
-      top: 0;
-      right: .75rem; // offset from the .container's padding
-      margin: 0 !important;
-    }
-  }
-}
diff --git a/docs/assets/scss/_responsive-tests.scss b/docs/assets/scss/_responsive-tests.scss
deleted file mode 100644
index 9656a2bc3..000000000
--- a/docs/assets/scss/_responsive-tests.scss
+++ /dev/null
@@ -1,17 +0,0 @@
-// scss-lint:disable ImportantRule
-
-//
-// Responsive tests
-//
-
-// Responsive (scrollable) doc tables
-.table-responsive .highlight pre {
-  white-space: normal;
-}
-
-// Utility classes table
-.bd-table th small {
-  display: block;
-  font-weight: normal;
-  color: #999;
-}
diff --git a/docs/assets/scss/_sidebar.scss b/docs/assets/scss/_sidebar.scss
deleted file mode 100644
index 7c5d9ef16..000000000
--- a/docs/assets/scss/_sidebar.scss
+++ /dev/null
@@ -1,147 +0,0 @@
-// scss-lint:disable VendorPrefix
-
-//
-// Side navigation
-//
-
-.bd-toc {
-  position: sticky;
-  top: 4rem;
-  max-height: calc(100vh - 4rem);
-  padding-top: 1.5rem;
-  padding-bottom: 1.5rem;
-  overflow-y: auto;
-  font-size: .875rem;
-}
-
-.section-nav {
-  padding-left: 0;
-  border-left: 1px solid #eee;
-
-  ul {
-    padding-left: 1rem;
-
-    ul {
-      display: none;
-    }
-  }
-}
-
-.toc-entry {
-  display: block;
-
-  a {
-    display: block;
-    padding: .25rem 1.5rem;
-    color: #99979c;
-
-    &:hover {
-      color: $brand-primary;
-      text-decoration: none;
-    }
-  }
-}
-
-.bd-sidebar {
-  background-color: #f5f2f9;
-  border-bottom: 1px solid rgba(0,0,0,.1);
-
-  @include media-breakpoint-up(md) {
-    position: sticky;
-    top: 4rem;
-    max-height: calc(100vh - 4rem);
-    overflow-y: auto;
-    border-right: 1px solid rgba(0,0,0,.1);
-  }
-
-  @include media-breakpoint-up(xl) {
-    max-width: 320px;
-  }
-}
-
-.bd-links {
-  margin-right: -15px;
-  margin-left: -15px;
-
-  // Override collapse behaviors
-  @include media-breakpoint-up(md) {
-    display: block !important;
-  }
-}
-
-.bd-search {
-  position: relative; // To contain the Algolia search
-  padding-top: 1rem;
-  padding-bottom: 1rem;
-
-  .form-control:focus {
-    border-color: $bd-purple-bright;
-    box-shadow: 0 0 0 3px rgba($bd-purple-bright, .25);
-  }
-}
-
-.bd-search-docs-toggle {
-  line-height: 1;
-  color: $gray-dark;
-}
-
-.bd-sidenav {
-  display: none;
-}
-
-.bd-toc-link {
-  display: block;
-  padding: .75rem 1.5rem;
-  font-weight: 500;
-  color: $gray;
-
-  &:hover {
-    color: $brand-primary;
-    text-decoration: none;
-    background-color: rgba(0,0,0,.01);
-  }
-}
-
-.bd-toc-item {
-  border-bottom: 1px solid rgba(0,0,0,.05);
-
-  &:first-child {
-    border-top: 1px solid rgba(0,0,0,.05);
-  }
-
-  &.active {
-    > .bd-toc-link {
-      color: $gray-dark;
-
-      &:hover {
-        background-color: transparent;
-      }
-    }
-
-    > .bd-sidenav {
-      display: block;
-      padding-bottom: .75rem;
-    }
-  }
-}
-
-// All levels of nav
-.bd-sidebar .nav > li > a {
-  display: block;
-  padding: .25rem 1.5rem;
-  font-size: 90%;
-  color: rgba(0,0,0,.65);
-}
-
-.bd-sidebar .nav > li > a:hover {
-  color: $brand-primary;
-  text-decoration: none;
-  background-color: transparent;
-}
-
-.bd-sidebar .nav > .active > a,
-.bd-sidebar .nav > .active:hover > a {
-  font-weight: 500;
-  color: $gray-dark;
-  background-color: transparent;
-}
diff --git a/docs/assets/scss/_skiplink.scss b/docs/assets/scss/_skiplink.scss
deleted file mode 100644
index 6eb60ffa6..000000000
--- a/docs/assets/scss/_skiplink.scss
+++ /dev/null
@@ -1,14 +0,0 @@
-// scss-lint:disable IdSelector
-
-#skippy {
-  display: block;
-  padding: 1em;
-  color: #fff;
-  background-color: $bd-purple;
-  outline: 0;
-
-  .skiplink-text {
-    padding: .5em;
-    outline: 1px dotted;
-  }
-}
diff --git a/docs/assets/scss/_syntax.scss b/docs/assets/scss/_syntax.scss
deleted file mode 100644
index 9b5b2e712..000000000
--- a/docs/assets/scss/_syntax.scss
+++ /dev/null
@@ -1,66 +0,0 @@
-.hll { background-color: #ffc; }
-.c { color: #999; }
-.k { color: #069; }
-.o { color: #555; }
-.cm { color: #999; }
-.cp { color: #099; }
-.c1 { color: #999; }
-.cs { color: #999; }
-.gd { background-color: #fcc; border: 1px solid #c00; }
-.ge { font-style: italic; }
-.gr { color: #f00; }
-.gh { color: #030; }
-.gi { background-color: #cfc; border: 1px solid #0c0; }
-.go { color: #aaa; }
-.gp { color: #009; }
-.gu { color: #030; }
-.gt { color: #9c6; }
-.kc { color: #069; }
-.kd { color: #069; }
-.kn { color: #069; }
-.kp { color: #069; }
-.kr { color: #069; }
-.kt { color: #078; }
-.m { color: #f60; }
-.s { color: #d44950; }
-.na { color: #4f9fcf; }
-.nb { color: #366; }
-.nc { color: #0a8; }
-.no { color: #360; }
-.nd { color: #99f; }
-.ni { color: #999; }
-.ne { color: #c00; }
-.nf { color: #c0f; }
-.nl { color: #99f; }
-.nn { color: #0cf; }
-.nt { color: #2f6f9f; }
-.nv { color: #033; }
-.ow { color: #000; }
-.w { color: #bbb; }
-.mf { color: #f60; }
-.mh { color: #f60; }
-.mi { color: #f60; }
-.mo { color: #f60; }
-.sb { color: #c30; }
-.sc { color: #c30; }
-.sd { font-style: italic; color: #c30; }
-.s2 { color: #c30; }
-.se { color: #c30; }
-.sh { color: #c30; }
-.si { color: #a00; }
-.sx { color: #c30; }
-.sr { color: #3aa; }
-.s1 { color: #c30; }
-.ss { color: #fc3; }
-.bp { color: #366; }
-.vc { color: #033; }
-.vg { color: #033; }
-.vi { color: #033; }
-.il { color: #f60; }
-
-.css .o,
-.css .o + .nt,
-.css .nt + .nt { color: #999; }
-
-.language-bash::before { color: #009; content: "$ "; user-select: none; }
-.language-powershell::before { color: #009; content: "PM> "; user-select: none; }
diff --git a/docs/assets/scss/_team.scss b/docs/assets/scss/_team.scss
deleted file mode 100644
index 5f6229bd3..000000000
--- a/docs/assets/scss/_team.scss
+++ /dev/null
@@ -1,32 +0,0 @@
-.bd-team {
-  margin-bottom: 1.5rem;
-
-  .team-member {
-    line-height: 2rem;
-    color: #555;
-  }
-
-  .team-member:hover,
-  .team-member:focus {
-    color: #333;
-  }
-
-  .team-member:hover {
-    text-decoration: none;
-  }
-
-  .github-btn {
-    float: right;
-    width: 180px;
-    height: 1.25rem;
-    margin-top: .25rem;
-    border: 0;
-  }
-
-  img {
-    float: left;
-    width: 2rem;
-    margin-right: .5rem;
-    border-radius: .25rem;
-  }
-}
diff --git a/docs/assets/scss/_variables.scss b/docs/assets/scss/_variables.scss
deleted file mode 100644
index 134004444..000000000
--- a/docs/assets/scss/_variables.scss
+++ /dev/null
@@ -1,11 +0,0 @@
-// Local docs variables
-$bd-purple:          #563d7c;
-$bd-purple-bright:   lighten(saturate($bd-purple, 5%), 15%);
-$bd-purple-light:    #cdbfe3;
-$bd-purple-lightest: #f5f2f9;
-$bd-graphite:        #2a2730;
-$bd-graphite-light:  lighten($bd-graphite, 40%);
-$bd-yellow:          #ffe484;
-$bd-danger:          #d9534f;
-$bd-warning:         #f0ad4e;
-$bd-info:            #5bc0de;
diff --git a/docs/assets/scss/docs.scss b/docs/assets/scss/docs.scss
deleted file mode 100644
index 10b9f0138..000000000
--- a/docs/assets/scss/docs.scss
+++ /dev/null
@@ -1,55 +0,0 @@
-/*!
- * Bootstrap Docs (https://getbootstrap.com)
- * Copyright 2011-2017 The Bootstrap Authors
- * Copyright 2011-2017 Twitter, Inc.
- * Licensed under the Creative Commons Attribution 3.0 Unported License. For
- * details, see https://creativecommons.org/licenses/by/3.0/.
- */
-
-// Dev notes
-//
-// Background information on nomenclature and architecture decisions here.
-//
-// - Bootstrap variables and mixins are included for easy reuse.
-//   Doing so gives us access to the same core utilities provided by Bootstrap.
-//   For example, consistent media queries through those mixins.
-//
-// - Bootstrap's **docs variables** are prefixed with `$bd-`.
-//   These custom colors avoid collision with the components Bootstrap provides.
-//
-// - Classes are prefixed with `.bd-`.
-//   These classes indicate custom-built or modified components for the design
-//   and layout of the Bootstrap docs. They are not included in our builds.
-//
-// Happy Bootstrapping!
-
-// Load Bootstrap variables and mixins
-@import "../../../scss/variables";
-@import "../../../scss/mixins";
-
-// Load docs components
-@import "variables";
-@import "nav";
-@import "masthead";
-@import "featurettes";
-@import "featured-sites";
-@import "ads";
-@import "content";
-@import "page-header";
-@import "skiplink";
-@import "sidebar";
-@import "footer";
-@import "component-examples";
-@import "responsive-tests";
-@import "buttons";
-@import "callouts";
-@import "examples";
-@import "team";
-@import "browser-bugs";
-@import "brand";
-@import "clipboard-js";
-
-// Load docs dependencies
-@import "syntax";
-@import "anchor";
-@import "algolia";