@finqu/cool 1.0.0

package/less/dropdown.less

@@ -0,0 +1,209 @@
+// Dropdown
+.dropup,
+.dropright,
+.dropdown,
+.dropleft {
+    position: relative;
+    display: inline-flex;
+    align-items: center;
+}
+
+.dropdown-toggle {
+    .caret-down();
+}
+
+.dropdown-menu {
+    position: absolute;
+    top: 100%;
+    left: 0;
+    z-index: @zindex-dropdown;
+    display: none;
+    float: left;
+    min-width: @dropdown-min-width;
+    padding: @dropdown-padding-y 0;
+    margin: @dropdown-spacer 0 0;
+    font-size: @font-size-base;
+    color: @color-bg;
+    text-align: left;
+    list-style: none;
+    background-color: @dropdown-bg;
+    background-clip: padding-box;
+    border: @dropdown-border-width solid @dropdown-border-color;
+    color: @dropdown-color;
+    box-sizing: border-box;
+    overflow: hidden;
+    .border-radius(@dropdown-border-radius);
+    .box-shadow(@dropdown-box-shadow);
+
+    // IE11 fix for flexboxes
+    @media all and (-ms-high-contrast:none) {
+        max-width: 100%;
+    }
+}
+
+.dropdown-menu-right {
+    right: 0;
+    left: auto;
+}
+
+.dropdown-menu-text-wrap {
+    .dropdown-item {
+        white-space: normal;
+    }
+}
+
+.dropup {
+    .dropdown-menu {
+        top: auto;
+        bottom: 100%;
+        margin-top: 0;
+        margin-bottom: @dropdown-spacer;
+    }
+    .dropdown-toggle {
+        .caret-up();
+    }
+}
+
+.dropright {
+    .dropdown-menu {
+        top: 0;
+        right: auto;
+        left: 100%;
+        margin-top: 0;
+        margin-left: @dropdown-spacer;
+    }
+    .dropdown-toggle {
+        .caret-right();
+    }
+}
+
+.dropleft {
+    .dropdown-menu {
+        top: 0;
+        right: 100%;
+        left: auto;
+        margin-top: 0;
+        margin-right: @dropdown-spacer;
+    }
+    .dropdown-toggle {
+        .caret-left();
+    }
+}
+
+.dropdown-menu {
+    &[x-placement^="top"],
+    &[x-placement^="right"],
+    &[x-placement^="bottom"],
+    &[x-placement^="left"] {
+        right: auto;
+        bottom: auto;
+    }
+}
+
+.dropdown-divider {
+    .nav-divider(@dropdown-divider-bg);
+}
+
+.dropdown-item {
+    display: block;
+    width: 100%;
+    padding: @dropdown-item-padding-y @dropdown-item-padding-x;
+    clear: both;
+    font-weight: @font-weight-normal;
+    color: @dropdown-link-color;
+    text-align: inherit;
+    white-space: nowrap;
+    background-color: transparent;
+    border: 0;
+    box-sizing: border-box;
+    &:hover,
+    &:focus {
+        color: @dropdown-link-hover-color;
+        text-decoration: none;
+        .gradient-bg(@dropdown-link-hover-bg);
+    }
+    &.active,
+    &:active {
+        color: @dropdown-link-active-color;
+        text-decoration: none;
+        i {
+            color: @dropdown-link-active-bg
+        }
+    }
+    &.disabled,
+    &:disabled {
+        color: @dropdown-link-disabled-color;
+        background-color: transparent;
+    }
+}
+
+button.dropdown-item {
+    cursor: pointer;
+    outline: 0;
+}
+
+.dropdown-menu.show {
+    display: block;
+}
+
+.dropdown-header {
+    display: block;
+    padding-top: @dropdown-item-padding-y;
+    padding-right: @dropdown-item-padding-x;
+    padding-bottom: @dropdown-item-padding-y + @nav-divider-margin-y;
+    padding-left: @dropdown-item-padding-x;
+    margin-top: 0;
+    margin-bottom: @nav-divider-margin-y;
+    font-size: @font-size-small;
+    color: @dropdown-header-color;
+    white-space: nowrap;
+    border-bottom: 1px solid @nav-divider-color;
+}
+
+.dropdown-item-text {
+    display: block;
+    padding: @dropdown-item-padding-y @dropdown-item-padding-x;
+    color: @dropdown-link-color;
+}
+
+.dropdown-scrollable-content {
+    position: relative;
+}
+
+.dropdown-list {
+    padding: 0;
+    margin: 0;
+    list-style: none;
+    li {
+        a {
+            display: block;
+            width: 100%;
+            padding: @dropdown-item-padding-y @dropdown-item-padding-x;
+            clear: both;
+            font-weight: @font-weight-normal;
+            color: @dropdown-link-color;
+            text-align: inherit;
+            white-space: nowrap;
+            background-color: transparent;
+            border: 0;
+            box-sizing: border-box;
+            &:hover,
+            &:focus {
+                color: @dropdown-link-hover-color;
+                text-decoration: none;
+                .gradient-bg(@dropdown-link-hover-bg);
+            }
+            &.active,
+            &:active {
+                color: @dropdown-link-active-color;
+                text-decoration: none;
+                .gradient-bg(@dropdown-link-active-bg);
+            }
+            &.disabled,
+            &:disabled {
+                color: @dropdown-link-disabled-color;
+                background-color: transparent;
+            }
+        }
+    }
+}