rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-01-17 09:52:29 +01:00
Code Issues Actions Packages Releases Activity

more consisten dropdown vars

Browse Source
This commit is contained in:
Mark Otto 2013-03-31 17:36:23 -07:00
parent 896ee79473
commit 0441bbba42
2 changed files with 12 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
less/dropdowns.less
View File

@ -45,7 +45,7 @@
padding: 5px 0; padding: 5px 0;
margin: 2px 0 0; // override default ul margin: 2px 0 0; // override default ul
list-style: none; list-style: none;
background-color: @dropdown-background; background-color: @dropdown-bg;
border: 1px solid #ccc; // IE8 fallback border: 1px solid #ccc; // IE8 fallback
border: 1px solid @dropdown-border; border: 1px solid @dropdown-border;
border-radius: @border-radius-base; border-radius: @border-radius-base;
@ -81,8 +81,8 @@
.dropdown-submenu:hover > a, .dropdown-submenu:hover > a,
.dropdown-submenu:focus > a { .dropdown-submenu:focus > a {
text-decoration: none; text-decoration: none;
color: @dropdown-link-color-hover; color: @dropdown-link-hover-color;
#gradient > .vertical(@dropdown-link-background-hover, darken(@dropdown-link-background-hover, 5%)); #gradient > .vertical(@dropdown-link-hover-bg, darken(@dropdown-link-hover-bg, 5%));
} }
// Active state // Active state
@ -90,10 +90,10 @@
.dropdown-menu > .active > a, .dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus { .dropdown-menu > .active > a:focus {
color: @dropdown-link-color-active; color: @dropdown-link-active-color;
text-decoration: none; text-decoration: none;
outline: 0; outline: 0;
#gradient > .vertical(@dropdown-link-background-active, darken(@dropdown-link-background-active, 5%)); #gradient > .vertical(@dropdown-link-active-bg, darken(@dropdown-link-active-bg, 5%));
} }
// Disabled state // Disabled state
@ -185,12 +185,12 @@
border-color: transparent; border-color: transparent;
border-style: solid; border-style: solid;
border-width: 5px 0 5px 5px; border-width: 5px 0 5px 5px;
border-left-color: darken(@dropdown-background, 20%); border-left-color: darken(@dropdown-bg, 20%);
margin-top: 5px; margin-top: 5px;
margin-right: -10px; margin-right: -10px;
} }
.dropdown-submenu:hover > a:after { .dropdown-submenu:hover > a:after {
border-left-color: @dropdown-link-color-hover; border-left-color: @dropdown-link-hover-color;
} }
// Left aligned submenus // Left aligned submenus

10
less/variables.less
View File

@ -126,17 +126,17 @@
// Dropdowns // Dropdowns
// ------------------------- // -------------------------
@dropdown-background: #fff; @dropdown-bg: #fff;
@dropdown-border: rgba(0,0,0,.15); @dropdown-border: rgba(0,0,0,.15);
@dropdown-divider-top: #e5e5e5; @dropdown-divider-top: #e5e5e5;
@dropdown-divider-bottom: #fff; @dropdown-divider-bottom: #fff;
@dropdown-link-color: @grayDark; @dropdown-link-color: @grayDark;
@dropdown-link-color-hover: #fff; @dropdown-link-hover-color: #fff;
@dropdown-link-color-active: #fff; @dropdown-link-hover-bg: @dropdown-link-active-bg;
@dropdown-link-background-active: @component-active-bg; @dropdown-link-active-color: #fff;
@dropdown-link-background-hover: @dropdown-link-background-active; @dropdown-link-active-bg: @component-active-bg;