diff options
author | MaZderMind | 2015-02-26 17:57:42 +0100 |
---|---|---|
committer | MaZderMind | 2015-02-26 17:57:42 +0100 |
commit | 6db2f0f4b9816ccd271332b89a05a9d0d753216b (patch) | |
tree | fd7ecf7cf16b33bdb75c45e747d12f9ecca43358 /assets/css/bootstrap-3.3.2/dropdowns.less | |
parent | 9fb5b19bb0652b9c187c9b552c0a7ec4d6778222 (diff) |
shuffle things around on the way to a bootstrap-based configurable website
Diffstat (limited to '')
-rw-r--r-- | assets/css/bootstrap-3.3.2/dropdowns.less (renamed from assets/css/lib/bootstrap/_dropdowns.scss) | 65 |
1 files changed, 32 insertions, 33 deletions
diff --git a/assets/css/lib/bootstrap/_dropdowns.scss b/assets/css/bootstrap-3.3.2/dropdowns.less index eb74be5..0cc46df 100644 --- a/assets/css/lib/bootstrap/_dropdowns.scss +++ b/assets/css/bootstrap-3.3.2/dropdowns.less @@ -10,12 +10,13 @@ height: 0; margin-left: 2px; vertical-align: middle; - border-top: $caret-width-base solid; - border-right: $caret-width-base solid transparent; - border-left: $caret-width-base solid transparent; + border-top: @caret-width-base solid; + border-right: @caret-width-base solid transparent; + border-left: @caret-width-base solid transparent; } // The dropdown wrapper (div) +.dropup, .dropdown { position: relative; } @@ -30,20 +31,20 @@ position: absolute; top: 100%; left: 0; - z-index: $zindex-dropdown; + z-index: @zindex-dropdown; display: none; // none by default, but block on "open" of the menu float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; // override default ul list-style: none; - font-size: $font-size-base; + font-size: @font-size-base; text-align: left; // Ensures proper alignment if parent has it changed (e.g., modal footer) - background-color: $dropdown-bg; - border: 1px solid $dropdown-fallback-border; // IE8 fallback - border: 1px solid $dropdown-border; - border-radius: $border-radius-base; - @include box-shadow(0 6px 12px rgba(0,0,0,.175)); + background-color: @dropdown-bg; + border: 1px solid @dropdown-fallback-border; // IE8 fallback + border: 1px solid @dropdown-border; + border-radius: @border-radius-base; + .box-shadow(0 6px 12px rgba(0,0,0,.175)); background-clip: padding-box; // Aligns the dropdown menu to right @@ -56,7 +57,7 @@ // Dividers (basically an hr) within the dropdown .divider { - @include nav-divider($dropdown-divider-bg); + .nav-divider(@dropdown-divider-bg); } // Links within the dropdown menu @@ -65,8 +66,8 @@ padding: 3px 20px; clear: both; font-weight: normal; - line-height: $line-height-base; - color: $dropdown-link-color; + line-height: @line-height-base; + color: @dropdown-link-color; white-space: nowrap; // prevent links from randomly breaking onto new lines } } @@ -76,8 +77,8 @@ &:hover, &:focus { text-decoration: none; - color: $dropdown-link-hover-color; - background-color: $dropdown-link-hover-bg; + color: @dropdown-link-hover-color; + background-color: @dropdown-link-hover-bg; } } @@ -86,10 +87,10 @@ &, &:hover, &:focus { - color: $dropdown-link-active-color; + color: @dropdown-link-active-color; text-decoration: none; outline: 0; - background-color: $dropdown-link-active-bg; + background-color: @dropdown-link-active-bg; } } @@ -101,18 +102,17 @@ &, &:hover, &:focus { - color: $dropdown-link-disabled-color; + color: @dropdown-link-disabled-color; } -} -// Nuke hover/focus effects -.dropdown-menu > .disabled > a { + + // Nuke hover/focus effects &:hover, &:focus { text-decoration: none; background-color: transparent; background-image: none; // Remove CSS gradient - @include reset-filter(); - cursor: not-allowed; + .reset-filter(); + cursor: @cursor-disabled; } } @@ -152,9 +152,9 @@ .dropdown-header { display: block; padding: 3px 20px; - font-size: $font-size-small; - line-height: $line-height-base; - color: $dropdown-header-color; + font-size: @font-size-small; + line-height: @line-height-base; + color: @dropdown-header-color; white-space: nowrap; // as with > li > a } @@ -165,7 +165,7 @@ right: 0; bottom: 0; top: 0; - z-index: ($zindex-dropdown - 10); + z-index: (@zindex-dropdown - 10); } // Right aligned dropdowns @@ -184,14 +184,14 @@ // Reverse the caret .caret { border-top: 0; - border-bottom: $caret-width-base solid; + border-bottom: @caret-width-base solid; content: ""; } // Different positioning for bottom up menu .dropdown-menu { top: auto; bottom: 100%; - margin-bottom: 1px; + margin-bottom: 2px; } } @@ -200,16 +200,15 @@ // // Reiterate per navbar.less and the modified component alignment there. -@media (min-width: $grid-float-breakpoint) { +@media (min-width: @grid-float-breakpoint) { .navbar-right { .dropdown-menu { - right: 0; left: auto; + .dropdown-menu-right(); } // Necessary for overrides of the default right aligned menu. // Will remove come v4 in all likelihood. .dropdown-menu-left { - left: 0; right: auto; + .dropdown-menu-left(); } } } - |