From ad2e2d7e69f3f0a481a0d9d2a5dbf9901439e7c9 Mon Sep 17 00:00:00 2001
From: Mark Otto <markdotto@gmail.com>
Date: Sun, 17 Apr 2022 09:56:18 -0700
Subject: [PATCH] fixes

---
 scss/_dropdown.scss                    | 2 +-
 site/assets/js/application.js          | 4 ++--
 site/assets/scss/_content.scss         | 6 +++---
 site/layouts/partials/docs-navbar.html | 4 +---
 4 files changed, 7 insertions(+), 9 deletions(-)

diff --git a/scss/_dropdown.scss b/scss/_dropdown.scss
index 63224a0db..e3e033111 100644
--- a/scss/_dropdown.scss
+++ b/scss/_dropdown.scss
@@ -25,7 +25,7 @@
   --#{$prefix}dropdown-padding-y: #{$dropdown-padding-y};
   --#{$prefix}dropdown-spacer: #{$dropdown-spacer};
   @include rfs($dropdown-font-size, --#{$prefix}dropdown-font-size);
-  --#{$prefix}dropdown-color: #{$dropdown-color}; // stylelint-disable-line custom-property-empty-line-before
+  --#{$prefix}dropdown-color: #{$dropdown-color};
   --#{$prefix}dropdown-bg: #{$dropdown-bg};
   --#{$prefix}dropdown-border-color: #{$dropdown-border-color};
   --#{$prefix}dropdown-border-radius: #{$dropdown-border-radius};
diff --git a/site/assets/js/application.js b/site/assets/js/application.js
index 2260c4b4c..445bb4dd1 100644
--- a/site/assets/js/application.js
+++ b/site/assets/js/application.js
@@ -134,8 +134,8 @@
 
   // Toggle color modes
 
-  var toggleSwitch = document.querySelector('.bd-theme-toggle input[type="checkbox"]')
-  var currentTheme = localStorage.getItem('theme')
+  const toggleSwitch = document.querySelector('.bd-theme-toggle input[type="checkbox"]')
+  const currentTheme = localStorage.getItem('theme')
 
   if (currentTheme) {
     document.documentElement.setAttribute('data-theme', currentTheme)
diff --git a/site/assets/scss/_content.scss b/site/assets/scss/_content.scss
index f6cc02f81..39925ea74 100644
--- a/site/assets/scss/_content.scss
+++ b/site/assets/scss/_content.scss
@@ -63,7 +63,6 @@
     }
 
     // Prevent breaking of code
-    // stylelint-disable-next-line selector-max-compound-selectors
     th,
     td:first-child > code {
       white-space: nowrap;
@@ -80,8 +79,9 @@
 .table-options td:last-child,
 .table-utilities td:last-child {
   min-width: 280px;
+}
 
-  .table-swatches {
+.table-swatches {
   td:first-child { width: 340px; }
   td:nth-child(2) { width: 200px; }
 }
@@ -103,7 +103,7 @@
   width: 1em;
   height: 1em;
   vertical-align: -.125em;
-  fill: currentColor;
+  fill: currentcolor;
 }
 
 .icon-link {
diff --git a/site/layouts/partials/docs-navbar.html b/site/layouts/partials/docs-navbar.html
index e13e074ec..9b2078d81 100644
--- a/site/layouts/partials/docs-navbar.html
+++ b/site/layouts/partials/docs-navbar.html
@@ -87,7 +87,7 @@
 
         <hr class="d-md-none text-white-50">
 
-        <div class="vr d-none d-lg-flex ms-lg-2 me-lg-3 my-lg-1"></div>
+        <div class="vr d-none d-lg-flex ms-lg-2 me-lg-3 my-lg-1 text-white"></div>
 
         <div class="d-flex flex-row-reverse flex-lg-row">
           <label class="bd-theme-toggle align-self-center ms-auto me-lg-1" title="Toggle mode">
@@ -96,8 +96,6 @@
             <svg class="bd-theme-toggle-dark bi"><use xlink:href="#moon-stars-fill"></use></svg>
             <svg class="bd-theme-toggle-light bi"><use xlink:href="#sun-fill"></use></svg>
           </label>
-
-          <a class="btn btn-bd-accent d-lg-inline-block my-2 my-md-0 ms-md-3" href="/docs/{{ .Site.Params.docs_version }}/getting-started/download/">Download</a>
         </div>
       </div>
     </div>