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: '';