From edbb45a2904dd04282500e04b5af4e6ad6b6ef40 Mon Sep 17 00:00:00 2001 From: XhmikosR Date: Wed, 7 Sep 2022 21:14:03 +0300 Subject: Sass cleanup and fixes (#295) * Assorted Sass fixes * Remove unused docs navbar Sass * Remove unused variable Co-authored-by: Mark Otto --- src/assets/scss/_buttons.scss | 2 -- src/assets/scss/_navbar.scss | 21 --------------------- src/assets/scss/_syntax.scss | 6 +++--- src/assets/scss/_theme.scss | 2 +- src/assets/scss/_variables.scss | 8 +++----- 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,"); - +$bd-purple: #4c0bce; +$bd-violet: lighten(saturate($bd-purple, 5%), 15%); +$bd-accent: #ffe484; $bd-gutter-x: 3rem; :root { -- cgit v1.2.3