0
0
mirror of https://github.com/twbs/bootstrap.git synced 2025-03-03 03:29:21 +01:00

more nesting in navs.less

This commit is contained in:
Chris Rebert 2013-07-06 21:51:47 -07:00
parent 95655e7275
commit 15bd6eadf3

View File

@ -31,13 +31,14 @@
// Disabled state sets text to gray and nukes hover/tab effects // Disabled state sets text to gray and nukes hover/tab effects
&.disabled > a { &.disabled > a {
color: @gray-light; color: @gray-light;
}
&.disabled > a:hover, &:hover,
&.disabled > a:focus { &:focus {
color: @gray-light; color: @gray-light;
text-decoration: none; text-decoration: none;
background-color: transparent; background-color: transparent;
cursor: default; cursor: default;
}
} }
// Space the headers out when they follow another list item (link) // Space the headers out when they follow another list item (link)
@ -47,15 +48,17 @@
} }
// Open dropdowns // Open dropdowns
&.open > a, &.open > a {
&.open > a:hover, &,
&.open > a:focus { &:hover,
color: #fff; &:focus {
background-color: @link-color; color: #fff;
border-color: @link-color; background-color: @link-color;
.caret { border-color: @link-color;
border-top-color: #fff; .caret {
border-bottom-color: #fff; border-top-color: #fff;
border-bottom-color: #fff;
}
} }
} }
@ -99,14 +102,16 @@
} }
// Active state, and it's :hover to override normal :hover // Active state, and it's :hover to override normal :hover
&.active > a, &.active > a {
&.active > a:hover, &,
&.active > a:focus { &:hover,
color: @gray; &:focus {
background-color: @body-bg; color: @gray;
border: 1px solid #ddd; background-color: @body-bg;
border-bottom-color: transparent; border: 1px solid #ddd;
cursor: default; border-bottom-color: transparent;
cursor: default;
}
} }
} }
// pulling this in mainly for less shorthand // pulling this in mainly for less shorthand
@ -134,11 +139,13 @@
} }
// Active state // Active state
&.active > a, &.active > a {
&.active > a:hover, &,
&.active > a:focus { &:hover,
color: #fff; &:focus {
background-color: @component-active-bg; color: #fff;
background-color: @component-active-bg;
}
} }
} }
} }
@ -218,9 +225,11 @@
.pill-content > .pill-pane { .pill-content > .pill-pane {
display: none; display: none;
} }
.tab-content > .active, .tab-content,
.pill-content > .active { .pill-content {
display: block; > .active {
display: block;
}
} }