diff --git a/site/assets/scss/_syntax.scss b/site/assets/scss/_syntax.scss index 092307e058..5d5f109227 100644 --- a/site/assets/scss/_syntax.scss +++ b/site/assets/scss/_syntax.scss @@ -27,7 +27,7 @@ --base05: #abb2bf; --base06: #b6bdca; --base07: #d19a66; - --base08: #e06c75; + --base08: #{$red-300}; --base09: #d19a66; --base0A: #e5c07b; --base0B: #98c379; diff --git a/site/assets/scss/_toc.scss b/site/assets/scss/_toc.scss index ffa6a0c442..38915aaee7 100644 --- a/site/assets/scss/_toc.scss +++ b/site/assets/scss/_toc.scss @@ -1,4 +1,4 @@ -// stylelint-disable selector-max-type +// stylelint-disable selector-max-type, selector-no-qualifying-type, selector-max-compound-selectors .bd-toc { @include media-breakpoint-up(lg) { @@ -16,23 +16,34 @@ ul { padding-left: 0; margin-bottom: 0; + margin-left: -.75rem; list-style: none; ul { padding-left: 1rem; - margin-top: .25rem; + margin-left: -1rem; + + a { + padding-left: 1.375rem; + } } } - li { - margin-bottom: .25rem; - } - a { + display: block; + padding: .125rem 0 .125rem .625rem; color: inherit; + text-decoration: none; + border-left: .125rem solid transparent; - &:not(:hover) { - text-decoration: none; + &:hover, + &.active { + color: var(--bd-toc-color); + border-left-color: var(--bd-toc-color); + } + + &.active { + font-weight: 500; } code { diff --git a/site/assets/scss/_variables.scss b/site/assets/scss/_variables.scss index 9d3f82e12f..964a77394b 100644 --- a/site/assets/scss/_variables.scss +++ b/site/assets/scss/_variables.scss @@ -18,13 +18,14 @@ $bd-callout-variants: info, warning, danger !default; --bd-accent-rgb: #{to-rgb($bd-accent)}; --bd-pink-rgb: #{to-rgb($pink-500)}; --bd-teal-rgb: #{to-rgb($teal-500)}; - --bd-violet-bg: var(--bd-violet); + --bd-toc-color: var(--bd-violet); --bd-sidebar-link-bg: rgba(var(--bd-violet-rgb), .1); } @include color-mode(dark, true) { --bd-violet: #{mix($bd-violet, $white, 75%)}; --bd-violet-bg: #{$bd-violet}; + --bd-toc-color: var(--#{$prefix}emphasis-color); --bd-sidebar-link-bg: rgba(#{to-rgb(mix($bd-violet, $black, 75%))}, .5); } diff --git a/site/layouts/_default/docs.html b/site/layouts/_default/docs.html index 2ad46376fd..738d7ee8ec 100644 --- a/site/layouts/_default/docs.html +++ b/site/layouts/_default/docs.html @@ -1,3 +1,4 @@ +{{ define "body_override" }}{{ end }} {{ define "main" }}