diff options
| author | Samy Pessé <samypesse@gmail.com> | 2014-08-10 13:18:16 -0700 |
|---|---|---|
| committer | Samy Pessé <samypesse@gmail.com> | 2014-08-11 07:36:52 -0700 |
| commit | b4497029dbc957e7c6762a2e7f01f06fc6578970 (patch) | |
| tree | 5d87bc0dd6e79e78fa60d55c63f03ae482aee032 /theme/stylesheets/website/dropdown.less | |
| parent | 23ac4b846d34b297740d9bf369b4860e9947af94 (diff) | |
| download | gitbook-b4497029dbc957e7c6762a2e7f01f06fc6578970.zip gitbook-b4497029dbc957e7c6762a2e7f01f06fc6578970.tar.gz gitbook-b4497029dbc957e7c6762a2e7f01f06fc6578970.tar.bz2 | |
Improve normalization of variables for dropdown
Diffstat (limited to 'theme/stylesheets/website/dropdown.less')
| -rw-r--r-- | theme/stylesheets/website/dropdown.less | 44 |
1 files changed, 21 insertions, 23 deletions
diff --git a/theme/stylesheets/website/dropdown.less b/theme/stylesheets/website/dropdown.less index 738499a..0cc1e8e 100644 --- a/theme/stylesheets/website/dropdown.less +++ b/theme/stylesheets/website/dropdown.less @@ -6,7 +6,7 @@ position: absolute; top: 100%; left: 0; - z-index: @zindex-dropdown; + z-index: @dropdown-zindex; display: none; // none by default, but block on "open" of the menu float: left; min-width: 160px; @@ -14,8 +14,8 @@ margin: 2px 0 0; // override default ul list-style: none; font-size: @font-size-base; - background-color: @header-dropdown-background; - border: 1px solid @sidebar-divider-color; + background-color: @dropdown-background; + border: 1px solid @dropdown-border-color; border-radius: @border-radius-base; .box-shadow(0 6px 12px rgba(0,0,0,.175)); background-clip: padding-box; @@ -63,7 +63,7 @@ top: 1px; border-left: 9px solid transparent; border-right: 9px solid transparent; - border-bottom: 9px solid @header-dropdown-background; + border-bottom: 9px solid @dropdown-background; } } @@ -78,7 +78,7 @@ .button { border: 0; background-color: transparent; - color: @header-button-color; + color: @dropdown-button-color; width: 100%; text-align: center; float: left; @@ -86,8 +86,7 @@ padding: 8px 4px; &:hover { - color: @header-button-hover-color; - background-color: @header-button-hover-background; + color: @dropdown-button-hover-color; } &:focus, &:hover { @@ -109,25 +108,24 @@ * Theme 1 */ -.color-theme-1{ +.color-theme-1 { .dropdown-menu{ - background-color: @header-dropdown-background-1; - border-color: @sidebar-divider-color-1; + background-color: @dropdown-background-1; + border-color: @dropdown-border-color-1; .dropdown-caret .caret-inner{ - border-bottom: 9px solid @header-dropdown-background-1; + border-bottom: 9px solid @dropdown-background-1; } .buttons { - border-color: @sidebar-divider-color-1; + border-color: @dropdown-divider-color-1; } .button { - color:@header-button-color-1; + color: @dropdown-button-color-1; &:hover{ - color:@header-button-hover-color-1; - background-color:@header-button-hover-background-1; + color: @dropdown-button-hover-color-1; } } } @@ -137,24 +135,24 @@ * Theme 2 */ -.color-theme-2{ +.color-theme-2 { .dropdown-menu{ - background-color: @header-dropdown-background-2; - border-color: @sidebar-divider-color-2; + background-color: @dropdown-background-2; + border-color: @dropdown-border-color-2; .dropdown-caret .caret-inner{ - border-bottom: 9px solid @header-dropdown-background-2; + border-bottom: 9px solid @dropdown-background-2; } .buttons { - border-color: @sidebar-divider-color-2; + border-color: @dropdown-divider-color-2; } .button { - color:@header-button-color-2; + color: @dropdown-button-color-2; + &:hover{ - color:@header-button-hover-color-2; - background-color:@header-button-hover-background-2; + color: @dropdown-button-hover-color-2; } } } |