mirror of
https://github.com/twbs/bootstrap.git
synced 2025-08-31 17:11:48 +02:00
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
This commit is contained in:
@@ -1,22 +1,21 @@
|
||||
.bd-navbar {
|
||||
padding: .625rem 0;
|
||||
padding: .75rem 0;
|
||||
background-color: $bd-purple-bright;
|
||||
|
||||
@include media-breakpoint-down(lg) {
|
||||
.navbar-nav-scroll {
|
||||
width: 100%;
|
||||
.navbar-toggler {
|
||||
padding: 0;
|
||||
border: 0;
|
||||
|
||||
.navbar-nav {
|
||||
margin: -.5rem 0;
|
||||
overflow-x: auto;
|
||||
white-space: nowrap;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
}
|
||||
.bi {
|
||||
width: 2rem;
|
||||
fill: currentColor;
|
||||
}
|
||||
}
|
||||
|
||||
.navbar-nav {
|
||||
.nav-link {
|
||||
padding-right: $spacer / 4;
|
||||
padding-left: $spacer / 4;
|
||||
color: rgba($white, .85);
|
||||
|
||||
&:hover,
|
||||
|
Reference in New Issue
Block a user