vendor/assets/stylesheets/furatto/_dropdown.scss in furatto-0.0.1 vs vendor/assets/stylesheets/furatto/_dropdown.scss in furatto-0.0.2

- old
+ new

@@ -39,10 +39,38 @@ margin-left: 2px; } // The dropdown menu (ul) // ---------------------- + +div.dropdown-menu { + padding: 15px; + padding-bottom: 0px; + + input[type="text"], + input[type="password"], + input[type="datetime"], + input[type="datetime-local"], + input[type="date"], + input[type="month"], + input[type="time"], + input[type="week"], + input[type="number"], + input[type="email"], + input[type="url"], + input[type="search"], + input[type="tel"], + input[type="color"] { + width: 230px; + } + + form { + margin-bottom: 12px; + } + +} + .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: $zindex-dropdown; @@ -78,11 +106,11 @@ padding: 0 5px; border-bottom: 1px dashed #e5e5e5; } // Links within the dropdown menu - > li > a { + & > li > a { display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: $base-line-height; @@ -157,30 +185,10 @@ .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, bro. -// TODO: abstract this so that the navbar fixed styles are not placed here? -.dropup, -.navbar-fixed-bottom .dropdown { - // Reverse the caret - .caret { - border-top: 0; - border-bottom: 4px solid $black; - content: ""; - } - // Different positioning for bottom up menu - .dropdown-menu { - top: auto; - bottom: 100%; - margin-bottom: 1px; - } -} - // Sub menus // --------------------------- .dropdown-submenu { position: relative; } @@ -194,19 +202,10 @@ } .dropdown-submenu:hover > .dropdown-menu { display: block; } -// Dropups -.dropup .dropdown-submenu > .dropdown-menu { - top: auto; - bottom: 0; - margin-top: 0; - margin-bottom: -2px; - /*@include border-radius(5px 5px 5px 0);*/ -} - // Caret to indicate there is a submenu .dropdown-submenu > a:after { display: block; content: " "; float: right; @@ -242,10 +241,9 @@ // Increase padding from 15px to 20px on sides .dropdown .dropdown-menu .nav-header { padding-left: 20px; padding-right: 20px; } - //Navbar specific .navbar { .dropdown-menu:after { content: '';