rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2024-12-01 13:24:25 +01:00
Code Issues Actions Packages Releases Activity

Merge pull request #8406 from cvrebert/navs-nesting

Browse Source 
more nesting in navs.less
This commit is contained in:
Mark Otto 2013-07-07 18:26:26 -07:00
commit 65141338df
1 changed files with 41 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

73
less/navs.less
View File

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