From: Mark Otto Date: Wed, 24 Jul 2019 17:03:39 +0000 (-0700) Subject: Split up docs _nav.scss X-Git-Tag: v5.0.0-alpha1~921 X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=94693f899c3f6432633036e4a17879d84d33915e;p=thirdparty%2Fbootstrap.git Split up docs _nav.scss - _navbar.scss for all main navbar code - new _subnav.scss to move all subnav styles into --- diff --git a/site/static/docs/4.3/assets/scss/_navbar.scss b/site/static/docs/4.3/assets/scss/_navbar.scss new file mode 100644 index 0000000000..e3f03e7aca --- /dev/null +++ b/site/static/docs/4.3/assets/scss/_navbar.scss @@ -0,0 +1,46 @@ +.bd-navbar { + min-height: 4rem; + background-color: $bd-purple-bright; + + @include media-breakpoint-down(md) { + .navbar-nav-scroll { + width: 100%; + height: 2.5rem; + margin-top: .25rem; + overflow: hidden; + + .navbar-nav { + padding-bottom: 2rem; + overflow-x: auto; + white-space: nowrap; + -webkit-overflow-scrolling: touch; + } + } + } + + .navbar-nav { + .nav-link { + padding-right: .5rem; + padding-left: .5rem; + color: $bd-purple-light; + + &.active, + &:hover, + &:focus { + color: $white; + background-color: transparent; + } + + &.active { + font-weight: 600; + } + } + } + + .navbar-nav-svg { + display: inline-block; + width: 1rem; + height: 1rem; + vertical-align: text-top; + } +} diff --git a/site/static/docs/4.3/assets/scss/_nav.scss b/site/static/docs/4.3/assets/scss/_subnav.scss similarity index 58% rename from site/static/docs/4.3/assets/scss/_nav.scss rename to site/static/docs/4.3/assets/scss/_subnav.scss index b93d42205f..b82107ee97 100644 --- a/site/static/docs/4.3/assets/scss/_nav.scss +++ b/site/static/docs/4.3/assets/scss/_subnav.scss @@ -1,7 +1,3 @@ -// -// Main navbar -// - .bd-subnavbar { background-color: rgba(#fff, .75); backdrop-filter: blur(1rem); @@ -64,50 +60,3 @@ text-decoration: none; } } - -.bd-navbar { - min-height: 4rem; - background-color: $bd-purple-bright; - - @include media-breakpoint-down(md) { - .navbar-nav-scroll { - width: 100%; - height: 2.5rem; - margin-top: .25rem; - overflow: hidden; - - .navbar-nav { - padding-bottom: 2rem; - overflow-x: auto; - white-space: nowrap; - -webkit-overflow-scrolling: touch; - } - } - } - - .navbar-nav { - .nav-link { - padding-right: .5rem; - padding-left: .5rem; - color: $bd-purple-light; - - &.active, - &:hover, - &:focus { - color: $white; - background-color: transparent; - } - - &.active { - font-weight: 600; - } - } - } - - .navbar-nav-svg { - display: inline-block; - width: 1rem; - height: 1rem; - vertical-align: text-top; - } -} diff --git a/site/static/docs/4.3/assets/scss/docs.scss b/site/static/docs/4.3/assets/scss/docs.scss index 382746e0de..e811b0a0e3 100644 --- a/site/static/docs/4.3/assets/scss/docs.scss +++ b/site/static/docs/4.3/assets/scss/docs.scss @@ -30,7 +30,8 @@ // Load docs components @import "variables"; -@import "nav"; +@import "navbar"; +@import "subnav"; @import "masthead"; @import "ads"; @import "content";