first commit

admin/tool/componentlibrary/hugo/scss/_anchor.scss

@@ -0,0 +1,10 @@
+.anchorjs-link {
+    font-weight: 400;
+    color: rgba($link-color, .5);
+    @include transition(color .15s ease-in-out);
+
+    &:hover {
+        color: $link-color;
+        text-decoration: none;
+    }
+}

admin/tool/componentlibrary/hugo/scss/_callouts.scss

@@ -0,0 +1,49 @@
+//
+// Callouts
+//
+
+.bd-callout {
+    padding: 1.25rem;
+    margin-top: 1.25rem;
+    margin-bottom: 1.25rem;
+    border: 1px solid $gray-200;
+    border-left-width: .25rem;
+    @include border-radius();
+
+    h4 {
+        margin-bottom: .25rem;
+    }
+
+    p:last-child {
+        margin-bottom: 0;
+    }
+
+    code {
+        @include border-radius();
+    }
+
+    + .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);
+}

admin/tool/componentlibrary/hugo/scss/_clipboard-js.scss

@@ -0,0 +1,36 @@
+// clipboard.js
+//
+// JS-based `Copy` buttons for code snippets.
+
+.bd-clipboard {
+    position: relative;
+    display: none;
+    float: right;
+
+    + .highlight {
+        margin-top: 0;
+    }
+
+    @include media-breakpoint-up(md) {
+        display: block;
+    }
+}
+
+.btn-clipboard {
+    position: absolute;
+    top: .5rem;
+    right: .5rem;
+    z-index: 10;
+    display: block;
+    padding: .25rem .5rem;
+    @include font-size(.75em);
+    color: $gray-800;
+    background-color: transparent;
+    border: 0;
+    @include border-radius();
+
+    &:hover {
+        color: $white;
+        background-color: $primary;
+    }
+}

admin/tool/componentlibrary/hugo/scss/_colors.scss

@@ -0,0 +1,17 @@
+//
+// Docs color palette classes
+//
+
+@each $color, $value in $colors {
+    .swatch-#{$color} {
+        color: color-yiq($value);
+        background-color: #{$value};
+    }
+}
+
+@each $color, $value in $grays {
+    .swatch-#{$color} {
+        color: color-yiq($value);
+        background-color: #{$value};
+    }
+}

admin/tool/componentlibrary/hugo/scss/_component-examples.scss

@@ -0,0 +1,273 @@
+// stylelint-disable no-duplicate-selectors
+
+//
+// Grid examples
+//
+
+.bd-example-row {
+    .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);
+        }
+    }
+
+    .row + .row {
+        margin-top: 1rem;
+    }
+}
+
+.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);
+}
+
+.bd-example-responsive-containers {
+    [class^="container"] {
+        padding-top: .75rem;
+        padding-bottom: .75rem;
+        background-color: rgba(86, 61, 124, .15);
+        border: 1px solid rgba(86, 61, 124, .2);
+    }
+}
+
+// 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);
+    }
+}
+
+
+//
+// Docs examples
+//
+
+.bd-example {
+    position: relative;
+    padding: 1rem;
+    margin: 1rem (-$grid-gutter-width * 0.5) 0;
+    border: solid $gray-100;
+    border-width: .2rem 0 0;
+    @include clearfix();
+
+    @include media-breakpoint-up(sm) {
+        padding: 1.5rem;
+        margin-right: 0;
+        margin-left: 0;
+        border-width: .2rem;
+    }
+
+    + .highlight,
+    + .clipboard + .highlight {
+        margin-top: 0;
+    }
+
+    + p {
+        margin-top: 2rem;
+    }
+
+    > .form-control {
+        + .form-control {
+            margin-top: .5rem;
+        }
+    }
+
+    > .nav + .nav,
+    > .alert + .alert,
+    > .navbar + .navbar,
+    > .progress + .progress {
+        margin-top: 1rem;
+    }
+
+    > .dropdown-menu {
+        position: static;
+        display: block;
+    }
+}
+
+// Images
+.bd-example {
+
+    > svg + svg,
+    > img + img {
+        margin-left: .5rem;
+    }
+}
+
+// Buttons
+.bd-example {
+
+    > .btn,
+    > .btn-group {
+        margin-top: .25rem;
+        margin-bottom: .25rem;
+    }
+
+    > .btn-toolbar + .btn-toolbar {
+        margin-top: .5rem;
+    }
+}
+
+// List groups
+.bd-example > .list-group {
+    max-width: 400px;
+}
+
+.bd-example > [class*="list-group-horizontal"] {
+    max-width: 100%;
+}
+
+// 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;
+}
+
+.bd-example-modal {
+    background-color: #fafafa;
+
+    .modal {
+        position: static;
+        display: block;
+    }
+}
+
+// Tooltips
+.tooltip-demo a {
+    white-space: nowrap;
+}
+
+// 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;
+}
+
+.bd-example-border-utils {
+    [class^="border"] {
+        display: inline-block;
+        width: 5rem;
+        height: 5rem;
+        margin: .25rem;
+        background-color: #f5f5f5;
+    }
+}
+
+.bd-example-border-utils-0 {
+    [class^="border"] {
+        border: 1px solid $border-color;
+    }
+}
+
+//
+// Code snippets
+//
+
+.highlight {
+    padding: 1rem;
+    margin-top: 1rem;
+    margin-bottom: 1rem;
+    background-color: $gray-100;
+    -ms-overflow-style: -ms-autohiding-scrollbar;
+
+    @include media-breakpoint-up(sm) {
+        padding: 1.5rem;
+    }
+}
+
+.bd-content .highlight {
+    margin-right: (-$grid-gutter-width * 0.5);
+    margin-left: (-$grid-gutter-width * 0.5);
+
+    @include media-breakpoint-up(sm) {
+        margin-right: 0;
+        margin-left: 0;
+    }
+}
+
+.highlight {
+    pre {
+        padding: 0;
+        margin-top: 0;
+        margin-bottom: 0;
+        background-color: transparent;
+        border: 0;
+    }
+
+    pre code {
+        @include font-size(inherit);
+        color: $gray-900; // Effectively the base text color
+    }
+}

admin/tool/componentlibrary/hugo/scss/_componentlibrary.scss

@@ -0,0 +1,23 @@
+.path-admin-tool-componentlibrary {
+    #page.drawers {
+        padding-left: 0;
+        padding-right: 0;
+        .main-inner {
+            margin: 0;
+            padding: 0;
+            border-radius: 0;
+        }
+        div[role="main"] {
+            padding: 0;
+        }
+    }
+    #page-header,
+    #maincontent,
+    .secondarynavigation {
+        display: none;
+    }
+    #region-main {
+        padding: 0;
+        border: 0;
+    }
+}

admin/tool/componentlibrary/hugo/scss/_content.scss

@@ -0,0 +1,94 @@
+// stylelint-disable
+//
+// Automatically style Markdown-based tables like a Bootstrap `.table`.
+//
+
+.bd-content {
+
+    // Hack the sticky header
+    >h2[id],
+    >h3[id],
+    >h4[id] {
+        pointer-events: none;
+
+        &::before {
+            display: block;
+            height: 6rem;
+            margin-top: -6rem;
+            content: "";
+        }
+    }
+
+    // Override Bootstrap defaults
+    >.table {
+        max-width: 100%;
+        margin-bottom: 1.5rem;
+
+        @include media-breakpoint-down(md) {
+            display: block;
+            overflow-x: auto;
+
+            &.table-bordered {
+                border: 0;
+            }
+        }
+
+        th,
+        td {
+            &:first-child {
+                padding-left: 0;
+            }
+
+            &:not(:last-child) {
+                padding-right: 1.5rem;
+            }
+        }
+
+        // Prevent breaking of code (e.g., Grunt tasks list)
+        td:first-child>code {
+            white-space: nowrap;
+        }
+    }
+}
+
+.bd-content-title {
+    display: block;
+    pointer-events: auto;
+}
+
+//
+// Docs sections
+//
+
+.bd-content {
+    >h2:not(:first-child) {
+        margin-top: 3rem;
+    }
+
+    >h3 {
+        margin-top: 1.5rem;
+    }
+
+    >ul li,
+    >ol li {
+        margin-bottom: .25rem;
+    }
+}
+
+.bd-title {
+    margin-bottom: .5rem;
+    @include font-size(3rem);
+}
+
+.bd-lead {
+    @include font-size(1.5rem);
+    font-weight: 300;
+}
+
+.bd-text-purple {
+    color: $bd-purple;
+}
+
+.bd-text-purple-bright {
+    color: $bd-purple-bright;
+}

admin/tool/componentlibrary/hugo/scss/_footer.scss

@@ -0,0 +1,35 @@
+//
+// Footer
+//
+
+.bd-footer {
+    @include font-size(.875rem);
+    color: #63707c;
+
+    a {
+        font-weight: 600;
+        color: $gray-700;
+
+        &:hover,
+        &:focus {
+            color: $link-color;
+        }
+    }
+
+    p {
+        margin-bottom: 0;
+    }
+}
+
+.bd-footer-links {
+    padding-left: 0;
+    margin-bottom: 1rem;
+
+    li {
+        display: inline-block;
+
+        + li {
+            margin-left: 1rem;
+        }
+    }
+}

admin/tool/componentlibrary/hugo/scss/_placeholder-img.scss

@@ -0,0 +1,15 @@
+//
+// Placeholder svg used in the docs.
+//
+
+// Remember to update `site/_layouts/examples.html` too if this changes!
+
+.bd-placeholder-img {
+    @include font-size(1.125rem);
+    text-anchor: middle;
+    user-select: none;
+}
+
+.bd-placeholder-img-lg {
+    @include font-size(3.5rem);
+}

admin/tool/componentlibrary/hugo/scss/_sidebar.scss

@@ -0,0 +1,104 @@
+// stylelint-disable declaration-no-important
+$navbar-height: 50px;
+
+.sidebar {
+    line-height: 1.8;
+    font-size: 90%;
+}
+
+@include media-breakpoint-up(sm) {
+    .sidebar {
+        border-right: 1px solid $border-color;
+        border-bottom: 1px solid $border-color;
+    }
+}
+
+.sidebar .dropdown-menu .dropdown-item {
+    white-space: normal;
+    text-transform: capitalize;
+}
+
+.docs-sidebar ul {
+    list-style: none;
+    padding: 0;
+    margin: 0;
+}
+
+.docs-sidebar > ul {
+    padding: 0 2px;
+}
+
+.docs-sidebar a {
+    position: relative;
+    display: flex;
+    align-items: center;
+    color: $body-color;
+    text-decoration: none;
+    padding: .3rem 0.5rem;
+    border-top: solid 1px $border-color;
+    &.dropdown-toggle::after {
+        margin-left: auto;
+        font-size: 14px;
+        color: $gray-400;
+    }
+}
+
+.docs-sidebar a:hover {
+    background-color: $gray-200;
+}
+
+.docs-sidebar > ul > li li a {
+    padding-left: 1rem;
+    border-top: solid 1px transparent;
+}
+
+.docs-sidebar > ul ul > li li a {
+    padding-left: 2rem;
+    border-top: solid 1px transparent;
+}
+
+@media screen and (max-width: 480px) {
+    .docs-sidebar > ul > li:last-child a {
+        border-bottom: solid 1px $border-color;
+    }
+}
+
+.docs-sidebar .active > a {
+    background: $border-color;
+    font-weight: bold;
+}
+
+.docs-sidebar .slide-menu .has-sub-menu:not(.parent) ul {
+    display: none;
+}
+
+.secondnav {
+    z-index: 0;
+    position: fixed;
+    width: 100%;
+    height: calc(100vh - #{$navbar-height});
+    top: $navbar-height;
+    overflow-y: auto;
+}
+
+#TableOfContents > ul {
+    font-size: 90%;
+    padding-left: 0;
+    padding-top: 1rem;
+    border-left: 1px solid $border-color;
+    ul {
+        padding-left: 1rem;
+    }
+    li {
+        display: block;
+        a {
+            display: block;
+            padding: .125rem 1.5rem;
+            color: $body-color;
+            &:hover {
+                color: $primary;
+                text-decoration: none;
+            }
+        }
+    }
+}

admin/tool/componentlibrary/hugo/scss/_skippy.scss

@@ -0,0 +1,17 @@
+.skippy {
+    display: block;
+    padding: 1em;
+    color: $white;
+    text-align: center;
+    background-color: $bd-purple;
+    outline: 0;
+
+    &:hover {
+        color: $white;
+    }
+}
+
+.skippy-text {
+    padding: .5em;
+    outline: 1px dotted;
+}

admin/tool/componentlibrary/hugo/scss/_syntax.scss

@@ -0,0 +1,94 @@
+// stylelint-disable
+
+/* NEW Background .chroma { background-color: #f0f0f0; } */
+/* NEW Error .chroma .err { } */
+/* NEW LineTableTD .chroma .lntd { vertical-align: top; padding: 0; margin: 0; border: 0; } */
+/* NEW LineTable .chroma .lntable { border-spacing: 0; padding: 0; margin: 0; border: 0; width: auto; overflow: auto; display: block; } */
+/* NEW LineHighlight .chroma .hl { display: block; width: 100%; background-color: #ffffcc; } */
+/* NEW LineNumbersTable .chroma .lnt { margin-right: .4em; padding: 0 .4em; } */
+/* NEW LineNumbers .chroma .ln { margin-right: .4em; padding: 0 .4em; } */
+
+/* LiteralStringDelimiter */ .chroma .dl { color: #4070a0; } /* NEW */
+/* Comment */ .chroma .c { color: #727272; }
+/* CommentMultiline */ .chroma .c1 { color: #727272; }
+/* CommentHashbang */ .chroma .ch { font-style: italic; color: #60a0b0; } /* NEW */
+/* CommentMultiline */ .chroma .cm { color: #727272; }
+/* CommentPreproc */ .chroma .cp { color: #008085; }
+/* CommentPreprocFile */ .chroma .cpf { color: #007020; } /* NEW */
+/* CommentSpecial */ .chroma .cs { color: #727272; }
+/* GenericDeleted */ .chroma .gd { background-color: #fcc; border: 1px solid #c00; }
+/* GenericEmph */ .chroma .ge { font-style: italic; }
+/* GenericHeading */ .chroma .gh { color: #030; }
+/* GenericInserted */ .chroma .gi { background-color: #cfc; border: 1px solid #0c0; }
+/* GenericUnderline */ .chroma .gl { text-decoration: underline; } /* NEW */
+/* GenericOutput */ .chroma .go { color: #aaa; }
+/* GenericPrompt */ .chroma .gp { color: #009; }
+/* GenericError */ .chroma .gr { color: #f00; }
+/* GenericStrong */ .chroma .gs { font-weight: 700; } /* NEW */
+/* GenericTraceback */ .chroma .gt { color: #9c6; }
+/* GenericSubheading */ .chroma .gu { color: #030; }
+/* LiteralNumberIntegerLong */ .chroma .il { color: #c24f19; }
+/* Keyword */ .chroma .k { color: #069; }
+/* KeywordConstant */ .chroma .kc { color: #069; }
+/* KeywordDeclaration */ .chroma .kd { color: #069; }
+/* KeywordNamespace */ .chroma .kn { color: #069; }
+/* KeywordPseudo */ .chroma .kp { color: #069; }
+/* KeywordReserved */ .chroma .kr { color: #069; }
+/* KeywordType */ .chroma .kt { color: #078; }
+/* LiteralNumber */ .chroma .m { color: #c24f19; }
+/* LiteralNumberFloat */ .chroma .mf { color: #c24f19; }
+/* LiteralNumberBin */ .chroma .mb { color: #40a070; } /* NEW */
+/* LiteralNumberHex */ .chroma .mh { color: #c24f19; }
+/* LiteralNumberInteger */ .chroma .mi { color: #c24f19; }
+/* LiteralNumberOct */ .chroma .mo { color: #c24f19; }
+/* NameAttribute */ .chroma .na { color: #006ee0; }
+/* NameBuiltin */ .chroma .nb { color: #366; }
+/* NameClass */ .chroma .nc { color: #168174; }
+/* NameDecorator */ .chroma .nd { color: #6b62de; }
+/* NameException */ .chroma .ne { color: #c00; }
+/* NameFunction */ .chroma .nf { color: #b715f4; }
+/* NameEntity */ .chroma .ni { color: #727272; }
+/* NameLabel */ .chroma .nl { color: #6b62de; }
+/* NameNamespace */ .chroma .nn { color: #007ca5; }
+/* NameConstant */ .chroma .no { color: #360; }
+/* NameTag */ .chroma .nt { color: #2f6f9f; }
+/* NameVariable */ .chroma .nv { color: #033; }
+/* Operator */ .chroma .o { color: #555; }
+/* OperatorWord */ .chroma .ow { color: #000; }
+/* LiteralString */ .chroma .s { color: #d73038; }
+/* LiteralStringSingle */ .chroma .s1 { color: #c30; }
+/* LiteralStringDouble */ .chroma .s2 { color: #c30; }
+/* LiteralStringAffix */ .chroma .sa { color: #4070a0; } /* NEW */
+/* LiteralStringBacktick */ .chroma .sb { color: #c30; }
+/* LiteralStringChar */ .chroma .sc { color: #c30; }
+/* LiteralStringDoc */ .chroma .sd { font-style: italic; color: #c30; }
+/* LiteralStringEscape */ .chroma .se { color: #c30; }
+/* LiteralStringHeredoc */ .chroma .sh { color: #c30; }
+/* LiteralStringInterpol */ .chroma .si { color: #a00; }
+/* LiteralStringRegex */ .chroma .sr { color: #337e7e; }
+/* LiteralStringSymbol */ .chroma .ss { color: #fc3; }
+/* LiteralStringOther */ .chroma .sx { color: #c30; }
+/* TextWhitespace */ .chroma .w { color: #bbb; }
+
+.chroma {
+  .language-bash,
+  .language-sh {
+    &::before {
+      color: #009;
+      content: "$ ";
+      user-select: none;
+    }
+
+    // This is just to work around a Chroma bug;
+    // should be removed when fixed upstream
+    .m {
+      color: inherit;
+    }
+  }
+
+  .language-powershell::before {
+    color: #009;
+    content: "PM> ";
+    user-select: none;
+  }
+}

admin/tool/componentlibrary/hugo/scss/_toc.scss

@@ -0,0 +1,25 @@
+// stylelint-disable selector-max-type, selector-max-combinators, selector-max-compound-selectors
+
+.bd-toc nav {
+    padding-top: .125em;
+    padding-bottom: .125em;
+    border-left: .25em solid $gray-200;
+
+    > ul {
+        padding-left: .5rem;
+        margin-bottom: 0;
+    }
+
+    > ul > li {
+        display: block;
+    }
+
+    li ul li {
+        margin-bottom: .25rem;
+        list-style-type: disc;
+    }
+
+    a code {
+        font: inherit;
+    }
+}

admin/tool/componentlibrary/hugo/scss/_variables.scss

@@ -0,0 +1,11 @@
+// stylelint-disable scss/dollar-variable-default
+
+// Local docs variables
+$bd-purple:        #563d7c;
+$bd-purple-bright: lighten(saturate($bd-purple, 5%), 15%);
+$bd-purple-light:  lighten(saturate($bd-purple, 5%), 45%);
+$bd-dark:          #2a2730;
+$bd-download:      #ffe484;
+$bd-info:          #5bc0de;
+$bd-warning:       #f0ad4e;
+$bd-danger:        #d9534f;

admin/tool/componentlibrary/hugo/scss/docs.scss

@@ -0,0 +1,33 @@
+/*!
+ * Bootstrap Docs (https://getbootstrap.com/)
+ * Copyright 2011-2020 The Bootstrap Authors
+ * Copyright 2011-2020 Twitter, Inc.
+ * Licensed under the Creative Commons Attribution 3.0 Unported License.
+ * For details, see https://creativecommons.org/licenses/by/3.0/.
+ */
+
+// Load Bootstrap variables and mixins
+
+@import "theme/boost/scss/bootstrap/functions";
+@import "theme/boost/scss/bootstrap/variables";
+@import "theme/boost/scss/bootstrap/mixins";
+
+// Load docs components
+@import "variables";
+@import "content";
+@import "skippy";
+@import "sidebar";
+@import "toc";
+@import "footer";
+@import "component-examples";
+@import "callouts";
+@import "colors";
+@import "clipboard-js";
+@import "placeholder-img";
+
+// Load docs dependencies
+@import "syntax";
+@import "anchor";
+
+// Accessibility
+@import "componentlibrary";