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 141 additions and 5 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,

File diff suppressed because one or more lines are too long

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,

File diff suppressed because one or more lines are too long

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
// --------------------------------------------------