aboutsummaryrefslogtreecommitdiff
path: root/less/dropdowns.less
diff options
context:
space:
mode:
authorMark Otto <[email protected]>2012-12-20 14:02:54 -0800
committerMark Otto <[email protected]>2012-12-20 14:02:54 -0800
commitbe74ad7e0d44c30333b08e8200ce128b1ead5b38 (patch)
tree6a62ee8e00a5eebebf682acae96d1778286f9589 /less/dropdowns.less
parent28c928f01038a3edf61e7a3c9144a6456b929040 (diff)
parent8eb1549842ef25e07cc062ba1d1c50c6b01381d7 (diff)
downloadbootstrap-be74ad7e0d44c30333b08e8200ce128b1ead5b38.tar.xz
bootstrap-be74ad7e0d44c30333b08e8200ce128b1ead5b38.zip
Merge branch '3.0.0-wip' into bs3-normalize
Conflicts: less/bootstrap.less
Diffstat (limited to 'less/dropdowns.less')
-rw-r--r--less/dropdowns.less78
1 files changed, 9 insertions, 69 deletions
diff --git a/less/dropdowns.less b/less/dropdowns.less
index 922baf02d..312d632ce 100644
--- a/less/dropdowns.less
+++ b/less/dropdowns.less
@@ -20,7 +20,7 @@
width: 0;
height: 0;
vertical-align: top;
- border-top: 4px solid @black;
+ border-top: 4px solid #000;
border-right: 4px solid transparent;
border-left: 4px solid transparent;
content: "";
@@ -64,7 +64,7 @@
}
// Links within the dropdown menu
- li > a {
+ > li > a {
display: block;
padding: 3px 20px;
clear: both;
@@ -78,8 +78,7 @@
// Hover state
// -----------
.dropdown-menu li > a:hover,
-.dropdown-menu li > a:focus,
-.dropdown-submenu:hover > a {
+.dropdown-menu li > a:focus {
text-decoration: none;
color: @dropdown-link-color-hover;
#gradient > .vertical(@dropdown-link-background-hover, darken(@dropdown-link-background-hover, 5%));
@@ -87,8 +86,8 @@
// Active state
// ------------
-.dropdown-menu .active > a,
-.dropdown-menu .active > a:hover {
+.dropdown-menu > .active > a,
+.dropdown-menu > .active > a:hover {
color: @dropdown-link-color-active;
text-decoration: none;
outline: 0;
@@ -98,12 +97,12 @@
// Disabled state
// --------------
// Gray out text and ensure the hover state remains gray
-.dropdown-menu .disabled > a,
-.dropdown-menu .disabled > a:hover {
+.dropdown-menu > .disabled > a,
+.dropdown-menu > .disabled > a:hover {
color: @grayLight;
}
// Nuke hover effects
-.dropdown-menu .disabled > a:hover {
+.dropdown-menu > .disabled > a:hover {
text-decoration: none;
background-color: transparent;
background-image: none; // Remove CSS gradient
@@ -135,7 +134,7 @@
// Reverse the caret
.caret {
border-top: 0;
- border-bottom: 4px solid @black;
+ border-bottom: 4px solid #000;
content: "";
}
// Different positioning for bottom up menu
@@ -146,64 +145,6 @@
}
}
-// Sub menus
-// ---------------------------
-.dropdown-submenu {
- position: relative;
-}
-// Default dropdowns
-.dropdown-submenu > .dropdown-menu {
- top: 0;
- left: 100%;
- margin-top: -6px;
- margin-left: -1px;
- border-radius: 0 4px 4px 4px;
-}
-.dropdown-submenu:hover > .dropdown-menu {
- display: block;
-}
-
-// Dropups
-.dropup .dropdown-submenu > .dropdown-menu {
- top: auto;
- bottom: 0;
- margin-top: 0;
- margin-bottom: -2px;
- border-radius: 4px 4px 4px 0;
-}
-
-// Caret to indicate there is a submenu
-.dropdown-submenu > a:after {
- display: block;
- content: " ";
- float: right;
- width: 0;
- height: 0;
- border-color: transparent;
- border-style: solid;
- border-width: 5px 0 5px 5px;
- border-left-color: darken(@dropdown-background, 20%);
- margin-top: 5px;
- margin-right: -10px;
-}
-.dropdown-submenu:hover > a:after {
- border-left-color: @dropdown-link-color-hover;
-}
-
-// Left aligned submenus
-.dropdown-submenu.pull-left {
- // Undo the float
- // Yes, this is awkward since .pull-left adds a float, but it sticks to our conventions elsewhere.
- float: none;
-
- // Positioning the submenu
- > .dropdown-menu {
- left: -100%;
- margin-left: 10px;
- border-radius: 4px 0 4px 4px;
- }
-}
-
// Tweak nav headers
// -----------------
// Increase padding from 15px to 20px on sides
@@ -216,5 +157,4 @@
// ---------
.typeahead {
z-index: 1051;
- margin-top: 2px; // give it some space to breathe
}