rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-01-17 09:52:29 +01:00
Code Issues Actions Packages Releases Activity

rewrite docs navbar less to use nesting, then tweak horizontal padding to prevent early navbar breakage in responsive viewports

Browse Source
This commit is contained in:
Mark Otto 2017-07-04 13:07:59 -07:00
parent 8936e8a981
commit 4bf6d7cb29
1 changed files with 40 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

39
docs/assets/less/nav.less
View File

@ -2,34 +2,47 @@
margin-bottom: 0;
background-color: #fff;
border-bottom: 0;
}
.bs-home-nav .bs-nav-b {
.bs-nav-b {
display: none;
}
.bs-docs-nav .navbar-brand,
.bs-docs-nav .navbar-nav > li > a {
.navbar-brand,
.navbar-nav > li > a {
font-weight: 500;
color: #563d7c;
}
.bs-docs-nav .navbar-nav > li > a:hover,
.bs-docs-nav .navbar-nav > .active > a,
.bs-docs-nav .navbar-nav > .active > a:hover {
.navbar-nav {
> li > a {
padding-right: 10px;
padding-left: 10px;
}
> li > a:hover,
> .active > a,
> .active > a:hover {
color: #463265;
background-color: #f9f9f9;
}
.bs-docs-nav .navbar-toggle .icon-bar {
}
.navbar-toggle .icon-bar {
background-color: #563d7c;
}
.bs-docs-nav .navbar-header .navbar-toggle {
.navbar-header {
.navbar-toggle {
border-color: #fff;
}
.bs-docs-nav .navbar-header .navbar-toggle:hover,
.bs-docs-nav .navbar-header .navbar-toggle:focus {
&:hover,
&:focus {
background-color: #f9f9f9;
border-color: #f9f9f9;
}
}
}
.bs-docs-nav {
.navbar-right {
@media (min-width: 768px) and (max-width: 992px) {
display: none;