@finqu/cool 1.2.29 → 1.3.0

package/scss/_select.scss

@@ -1,187 +0,0 @@
-// Select
-// ---------------------------------------------------------------------------------------------------------------
-
-.select-container {
-    display: inline-flex;
-    flex-direction: column;
-    flex-basis: 100%;
-    width: 100%;
-    max-width: 100%;
-    position: relative;
-    height: $input-height;
-    vertical-align: top;
-    border-radius: $select-border-radius;
-    font-family: $font-family-base;
-
-    &.form-control {
-        border: 0;
-        padding: 0;
-    }
-
-    svg,
-    .icon {
-        pointer-events: none;
-    }
-
-    .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;
-        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;
-            line-height: $input-height;
-            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;
-
-                    > .icon {
-                        pointer-events: none;
-                    }
-                }
-            }
-
-            &.select-placeholder {
-                color: theme-color('medium');
-                font-style: italic;
-                cursor: default;
-            }
-        }
-
-        .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;
-                border-radius: $border-radius;
-                background-color: $select-search-bg-color;
-
-                &.focused {
-                    border-color: rgba($select-border-color, 0.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;
-                        background-color: $select-search-bg-color;
-                        border-radius: $border-radius;
-
-                        &:focus {
-                            outline: 0;
-                            &::placeholder {
-                                color: transparent;
-                            }
-                        }
-                    }
-                }
-
-                .select-search-icon {
-                    color: theme-color('medium');
-                    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;
-                    @include 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 {
-                @include nav-divider($select-divider-bg);
-            }
-        }
-    }
-}