@finqu/cool 1.2.29 → 1.3.0

package/less/select.less

@@ -1,150 +0,0 @@
-// Select
-.select-container {
-    display: inline-flex;
-    flex-direction: column;
-    flex-basis: 100%;
-    width: 100%;
-    max-width: 100%;
-    position: relative;
-    height: @input-height - 2 * @select-border-width;
-    vertical-align: top;
-    .border-radius(@select-border-radius);
-
-    .select {
-        position: absolute;
-        left: 0;
-        right: 0;
-        font-size: @font-size-base;
-        text-align: left;
-        background-color: @select-bg;
-        transition: box-shadow .1s ease-in-out,max-height .3s cubic-bezier(0.23, 1, 0.32, 1);
-        z-index: 1;
-        border: @select-border-width solid @select-border-color;
-        max-height: @input-height - 2 * @select-border-width;
-        overflow: hidden;
-        .border-radius(@select-border-radius);
-
-        &.show {
-            z-index: @zindex-select;
-            .box-shadow(@select-box-shadow);
-            .select-content {
-                opacity: 1;
-            }
-        }
-
-        .select-header {
-            display: flex;
-            justify-content: space-between;
-            padding: 0 @select-item-padding-x;
-            height: @input-height - 2 * @select-border-width;
-            line-height: @input-height - 2 * @select-border-width;
-            color: @select-header-color;
-            white-space: nowrap;
-            box-sizing: border-box;
-            cursor: pointer;
-            user-select: none;
-            .select-title {
-                overflow: hidden;
-                text-overflow: ellipsis;
-                & + .select-icon {
-                    padding-left: @select-item-padding-x;
-                    > i {
-                        pointer-events: none;
-                    }
-                }
-            }
-        }
-
-        .select-content {
-            opacity: 0;
-            margin: @select-spacer 0;
-
-            .select-search {
-                display: flex;
-                justify-content: space-between;
-                border-bottom: @select-border-width solid @select-border-color;
-                margin: @select-spacer @select-item-padding-x;
-                box-sizing: border-box;
-                color: @select-item-color;
-                transition: border-color .1s;
-                &.focused {
-                    border-color: fade(@select-border-color, 35%);
-                }
-                .select-search-input {
-                    flex: 1 auto;
-                    input[name="select-search"] {
-                        width: 100%;
-                        border: 0;
-                        padding: @select-item-padding-y @select-item-padding-x;
-                        box-sizing: border-box;
-                        &:focus {
-                            outline: 0;
-                            &::placeholder {
-                                color: transparent;
-                            }
-                        }
-                    }
-                }
-                .select-search-icon {
-                    padding: @select-item-padding-y @select-item-padding-x;
-                    &[data-clear-search="true"] {
-                        cursor: pointer;
-                    }
-                }
-            }
-
-            .select-scrollable-content {
-                position: relative;
-                margin: @select-spacer 0;
-            }
-
-            .select-footer {
-                padding: @select-item-padding-y @select-item-padding-x;
-                margin: @select-spacer 0;
-                box-sizing: border-box;
-                .btn,
-                button {
-                    margin: 0;
-                }
-            }
-
-            .select-item {
-                width: 100%;
-                color: @select-item-color;
-                text-align: inherit;
-                white-space: nowrap;
-                background-color: transparent;
-                box-sizing: border-box;
-                &:hover,
-                &:focus {
-                    color: @select-item-hover-color;
-                    text-decoration: none;
-                    .gradient-bg(@select-item-hover-bg);
-                }
-                &.disabled,
-                &:disabled {
-                    color: @select-item-disabled-color;
-                    background-color: transparent;
-                }
-
-                label {
-                    display: flex;
-                    align-items: center;
-                    width: 100%;
-                    padding: @select-item-padding-y @select-item-padding-x;
-                    font-weight: @font-weight-normal;
-                    box-sizing: border-box;
-                }
-
-                .select-item-checkbox,
-                .select-item-radio {
-                    padding: 0;
-                }
-            }
-
-            .select-divider {
-                .nav-divider(@select-divider-bg);
-            }
-        }
-    }
-}