diff options
Diffstat (limited to 'site/assets/scss/_sidebar.scss')
-rw-r--r-- | site/assets/scss/_sidebar.scss | 53 |
1 files changed, 53 insertions, 0 deletions
diff --git a/site/assets/scss/_sidebar.scss b/site/assets/scss/_sidebar.scss new file mode 100644 index 0000000..ed76b3c --- /dev/null +++ b/site/assets/scss/_sidebar.scss @@ -0,0 +1,53 @@ +.bd-sidebar { + @include media-breakpoint-up(lg) { + position: sticky; + top: 5rem; + // Override collapse behaviors + // stylelint-disable-next-line declaration-no-important + display: block !important; + height: subtract(100vh, 6rem); + // Prevent focus styles to be cut off: + padding-left: .25rem; + margin-left: -.25rem; + overflow-y: auto; + } +} + +.bd-links-nav { + @include media-breakpoint-down(lg) { + font-size: .875rem; + } + + @include media-breakpoint-between(xs, lg) { + column-count: 2; + column-gap: 1.5rem; + + .bd-links-group { + break-inside: avoid; + } + + .bd-links-span-all { + column-span: all; + } + } +} + +.bd-links-link { + padding: .1875rem .5rem; + margin-top: .125rem; + margin-left: 1rem; + color: rgba($black, .65); + text-decoration: if($link-decoration == none, null, none); + + &:hover, + &:focus, + &.active { + color: rgba($black, .85); + text-decoration: if($link-hover-decoration == underline, none, null); + background-color: rgba(var(--bd-violet-rgb), .1); + } + + &.active { + font-weight: 600; + } +} |