more navs work

This commit is contained in:
Mark Otto 2014-07-09 13:51:49 -07:00
parent 4d5243674a
commit a0d8c62f18
8 changed files with 139 additions and 3 deletions

View file

@ -2976,6 +2976,44 @@ select[multiple].input-group-sm > .input-group-btn > .btn {
.input-group-btn:last-child > .btn-group {
margin-left: -1px;
}
.nav {
padding-left: 0;
margin-bottom: 24px;
list-style: none;
}
.nav-item {
position: relative;
display: block;
}
.nav-link {
display: block;
padding: .5em 1em;
line-height: 1.5;
}
.nav-link:hover,
.nav-link:focus {
text-decoration: none;
background-color: #eceeef;
}
.open > .nav-link,
.active > .nav-link,
.open > .nav-link:hover,
.active > .nav-link:hover,
.open > .nav-link:focus,
.active > .nav-link:focus {
color: #fff;
background-color: #027de7;
}
.disabled > .nav-link {
color: #818a91;
}
.disabled > .nav-link,
.disabled > .nav-link:hover,
.disabled > .nav-link:focus {
color: #818a91;
cursor: not-allowed;
background-color: transparent;
}
.nav {
padding-left: 0;
margin-bottom: 0;
@ -5113,6 +5151,8 @@ button.close {
.btn-group-vertical > .btn-group:after,
.nav:before,
.nav:after,
.nav:before,
.nav:after,
.nav-tab:before,
.nav-tab:after,
.nav-pill:before,
@ -5139,6 +5179,7 @@ button.close {
.btn-toolbar:after,
.btn-group-vertical > .btn-group:after,
.nav:after,
.nav:after,
.nav-tab:after,
.nav-pill:after,
.navbar:after,

Binary file not shown.

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View file

@ -2976,6 +2976,44 @@ select[multiple].input-group-sm > .input-group-btn > .btn {
.input-group-btn:last-child > .btn-group {
margin-left: -1px;
}
.nav {
padding-left: 0;
margin-bottom: 24px;
list-style: none;
}
.nav-item {
position: relative;
display: block;
}
.nav-link {
display: block;
padding: .5em 1em;
line-height: 1.5;
}
.nav-link:hover,
.nav-link:focus {
text-decoration: none;
background-color: #eceeef;
}
.open > .nav-link,
.active > .nav-link,
.open > .nav-link:hover,
.active > .nav-link:hover,
.open > .nav-link:focus,
.active > .nav-link:focus {
color: #fff;
background-color: #027de7;
}
.disabled > .nav-link {
color: #818a91;
}
.disabled > .nav-link,
.disabled > .nav-link:hover,
.disabled > .nav-link:focus {
color: #818a91;
cursor: not-allowed;
background-color: transparent;
}
.nav {
padding-left: 0;
margin-bottom: 0;
@ -5113,6 +5151,8 @@ button.close {
.btn-group-vertical > .btn-group:after,
.nav:before,
.nav:after,
.nav:before,
.nav:after,
.nav-tab:before,
.nav-tab:after,
.nav-pill:before,
@ -5139,6 +5179,7 @@ button.close {
.btn-toolbar:after,
.btn-group-vertical > .btn-group:after,
.nav:after,
.nav:after,
.nav-tab:after,
.nav-pill:after,
.navbar:after,

Binary file not shown.

File diff suppressed because one or more lines are too long

View file

@ -3,6 +3,60 @@
// --------------------------------------------------
// - Mixins for horizontal and vertical nav
// - Classes for tabs and pills
.nav {
margin-bottom: @line-height-computed;
.list-unstyled();
&:extend(.clearfix all);
}
.nav-item {
position: relative;
display: block;
}
.nav-link {
display: block;
padding: @nav-link-padding;
line-height: @line-height-base;
&:hover,
&:focus {
text-decoration: none;
background-color: @nav-link-hover-bg;
}
// Open dropdown and active states
.open > &,
.active > & {
&,
&:hover,
&:focus {
color: @component-active-color;
background-color: @component-active-bg;
}
}
// Disabled state sets text to gray and nukes hover/tab effects
.disabled > & {
color: @nav-disabled-link-color;
&,
&:hover,
&:focus {
color: @nav-disabled-link-hover-color;
background-color: transparent;
cursor: not-allowed;
}
}
}
// Base class
// --------------------------------------------------