2
0
mirror of https://github.com/tenrok/bootstrap.git synced 2026-05-30 15:24:08 +03:00

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