diff options
Diffstat (limited to 'assets/stylesheets/bootstrap/_dropdown.scss')
-rw-r--r-- | assets/stylesheets/bootstrap/_dropdown.scss | 27 |
1 files changed, 7 insertions, 20 deletions
diff --git a/assets/stylesheets/bootstrap/_dropdown.scss b/assets/stylesheets/bootstrap/_dropdown.scss index cf4472a..47fc204 100644 --- a/assets/stylesheets/bootstrap/_dropdown.scss +++ b/assets/stylesheets/bootstrap/_dropdown.scss @@ -42,9 +42,9 @@ 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 + min-width: $dropdown-min-width; + padding: $dropdown-padding-y 0; + margin: $dropdown-margin-top 0 0; // override default ul font-size: $font-size-base; color: $body-color; text-align: left; // Ensures proper alignment if parent has it changed (e.g., modal footer) @@ -67,10 +67,9 @@ .dropdown-item { display: block; width: 100%; // For `<button>`s - padding: 3px 20px; + padding: 3px $dropdown-item-padding-x; clear: both; font-weight: normal; - line-height: $line-height; color: $dropdown-link-color; text-align: inherit; // For `<button>`s white-space: nowrap; // prevent links from randomly breaking onto new lines @@ -133,12 +132,7 @@ right: 0; left: auto; // Reset the default from `.dropdown-menu` } -// With v3, we enabled auto-flipping if you have a dropdown within a right -// aligned nav component. To enable the undoing of that, we provide an override -// to restore the default dropdown menu alignment. -// -// This is only for left-aligning a dropdown menu within a `.navbar-right` or -// `.pull-right` nav component. + .dropdown-menu-left { right: auto; left: 0; @@ -147,9 +141,8 @@ // Dropdown section headers .dropdown-header { display: block; - padding: 3px 20px; + padding: $dropdown-padding-y $dropdown-item-padding-x; font-size: $font-size-sm; - line-height: $line-height; color: $dropdown-header-color; white-space: nowrap; // as with > li > a } @@ -164,12 +157,6 @@ z-index: $zindex-dropdown-backdrop; } -// Right aligned dropdowns -.pull-right > .dropdown-menu { - right: 0; - left: auto; -} - // Allow for dropdowns to go bottom up (aka, dropup-menu) // // Just add .dropup after the standard .dropdown class and you're set. @@ -188,6 +175,6 @@ .dropdown-menu { top: auto; bottom: 100%; - margin-bottom: 2px; + margin-bottom: $dropdown-margin-top; } } |