Sass cleanup and fixes (#295)

* Assorted Sass fixes

* Remove unused docs navbar Sass

* Remove unused variable

Co-authored-by: Mark Otto <markdotto@gmail.com>

5 files changed, 7 insertions, 32 deletions

diff --git a/src/assets/scss/_buttons.scss b/src/assets/scss/_buttons.scss
index 13bd6e48..111bff6a 100644
--- a/src/assets/scss/_buttons.scss
+++ b/src/assets/scss/_buttons.scss
@@ -2,7 +2,6 @@
 //
 // Custom buttons for the docs.
 
-// scss-docs-start btn-css-vars-example
 .btn-bd-primary {
   --bs-btn-font-weight: 600;
   --bs-btn-color: var(--bs-white);
@@ -17,7 +16,6 @@
   --bs-btn-active-bg: #{shade-color($bd-violet, 20%)};
   --bs-btn-active-border-color: #{shade-color($bd-violet, 20%)};
 }
-// scss-docs-end btn-css-vars-example
 
 .btn-bd-accent {
   --bs-btn-font-weight: 600;
diff --git a/src/assets/scss/_navbar.scss b/src/assets/scss/_navbar.scss
index 9e023aaa..481d489f 100644
--- a/src/assets/scss/_navbar.scss
+++ b/src/assets/scss/_navbar.scss
@@ -61,25 +61,4 @@
       box-shadow: $box-shadow-lg;
     }
   }
-
-  .dropdown-toggle {
-    &:focus {
-      outline: 0;
-    }
-  }
-
-  .dropdown-menu {
-    --bs-dropdown-min-width: 12rem;
-    --bs-dropdown-link-hover-bg: rgba(var(--bd-violet-rgb), .1);
-    --bs-dropdown-font-size: .875rem;
-    box-shadow: $dropdown-box-shadow;
-  }
-
-  .dropdown-item.current {
-    font-weight: 600;
-    background-image: escape-svg($dropdown-active-icon);
-    background-repeat: no-repeat;
-    background-position: right $dropdown-item-padding-x top .6rem;
-    background-size: .75rem .75rem;
-  }
 }
diff --git a/src/assets/scss/_syntax.scss b/src/assets/scss/_syntax.scss
index 487550bf..a7e9e138 100644
--- a/src/assets/scss/_syntax.scss
+++ b/src/assets/scss/_syntax.scss
@@ -21,7 +21,7 @@
 .c { color: var(--base03); }
 .err { color: var(--base08); }
 .k { color: var(--base0E); }
-.l { color: var(----base09); }
+.l { color: var(--base09); }
 .n { color: var(--base08); }
 .o { color: var(--base05); }
 .p { color: var(--base05); }
@@ -98,7 +98,7 @@
 .language-sh .c { color: var(--base03); }
 
 .chroma {
-  .language-bash,
+  .language-bash, // TODO .line
   .language-sh {
     &::before {
       color: #777;
@@ -107,7 +107,7 @@
     }
   }
 
-  .language-powershell::before {
+  .language-powershell::before { // TODO .line
     color: #009;
     content: "PM> ";
     user-select: none;
diff --git a/src/assets/scss/_theme.scss b/src/assets/scss/_theme.scss
index cae5539b..49189c24 100644
--- a/src/assets/scss/_theme.scss
+++ b/src/assets/scss/_theme.scss
@@ -117,6 +117,6 @@ a {
   }
   span {
     float: right;
-    color: #var(--bs-gray-600);
+    color: var(--bs-gray-600);
   }
 }
diff --git a/src/assets/scss/_variables.scss b/src/assets/scss/_variables.scss
index cd6f8b99..167b89df 100644
--- a/src/assets/scss/_variables.scss
+++ b/src/assets/scss/_variables.scss
@@ -1,9 +1,7 @@
 // Local docs variables
-$bd-purple:        #4c0bce;
-$bd-violet:        lighten(saturate($bd-purple, 5%), 15%);
-$bd-accent:       #ffe484;
-$dropdown-active-icon: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'><path fill='#292b2c' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/></svg>");
-
+$bd-purple: #4c0bce;
+$bd-violet: lighten(saturate($bd-purple, 5%), 15%);
+$bd-accent: #ffe484;
 $bd-gutter-x: 3rem;
 
 :root {