diff options
author | Mark Otto <markd.otto@gmail.com> | 2020-09-25 19:35:24 +0300 |
---|---|---|
committer | GitHub <noreply@github.com> | 2020-09-25 19:35:24 +0300 |
commit | 74279460c2647853d44d5b03f2965792fc243f45 (patch) | |
tree | 1bea70b348187dab3267c8126aea5034a2e646a4 /site/assets/scss/_sidebar.scss | |
parent | ca225788484e6aa11186434595984242882af126 (diff) |
v5: Adjust docs sidebar and navbar (#31119)
* Hide the docs nav on mobile, redesign it for two columns on narrow devices
* Tweak spacing on ToC
* Redesign sidebar and subnav
* Revamp subnav mobile layout so everything's on one line
* Tighten up masthead a little
* Switch the icon for the subnav and do a little icon toggling
* Fix mobile overflow since we changed guters stuff
* Add the widths
* make the subnav icon purple
Diffstat (limited to 'site/assets/scss/_sidebar.scss')
-rw-r--r-- | site/assets/scss/_sidebar.scss | 15 |
1 files changed, 15 insertions, 0 deletions
diff --git a/site/assets/scss/_sidebar.scss b/site/assets/scss/_sidebar.scss index 8f7db2e575..0575a465e5 100644 --- a/site/assets/scss/_sidebar.scss +++ b/site/assets/scss/_sidebar.scss @@ -1,4 +1,11 @@ +.bd-sidebar { + @include media-breakpoint-down(md) { + margin: 0 -.75rem 1rem; + } +} + .bd-links { + overflow: auto; font-weight: 600; @include media-breakpoint-up(md) { @@ -14,6 +21,14 @@ overflow-y: auto; } + > ul { + @include media-breakpoint-down(md) { + padding: 1.5rem .75rem; + background-color: $gray-100; + border-bottom: 1px solid $gray-200; + } + } + a { padding: .1875rem .5rem; margin-top: .125rem; |