bk-magic-vue/lib/ui/search-select.min.css.map

基于蓝鲸 Magicbox 和 Vue 的前端组件库

{"version":3,"sources":["search-select.css"],"names":[],"mappings":"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","file":"search-select.min.css","sourcesContent":["@import \"./variable.css\";\n\n.search-select-wrap {\n    position: relative;\n    overflow: inherit;\n    z-index: 9;\n    height: 32px;\n    .bk-search-select {\n        display: flex;\n        flex-direction: row;\n        align-items: center;\n        font-size: 12px;\n        min-height: 30px;\n        box-sizing: border-box;\n        position: relative;\n        border: 1px solid #c4c6cc;\n        border-radius: 2px;\n        outline: none;\n        resize: none;\n        transition: border 0.2s linear;\n        overflow: hidden;\n        color: #63656e;\n        flex-wrap: wrap;\n        &.is-focus {\n            border-color: #3c96ff !important;\n            background: #fff !important;\n            color: #3c96ff;\n            overflow: auto;\n        }\n        .search-prefix {\n            flex: 0 0 auto;\n            display: flex;\n            align-items: center;\n            height: 100%;\n        }\n        .search-input {\n            flex: 1;\n            position: relative;\n            padding: 0 2px;\n            text-align: left;\n            overflow: visible;\n            display: flex;\n            flex-wrap: wrap;\n            align-items: center;\n            min-height: 26px;\n            margin-top: 4px;\n            transition: max-height .3s cubic-bezier(0.4, 0, 0.2, 1);\n            &-chip {\n                flex: 0 0 auto;\n                max-width: 99%;\n                display: inline-block;\n                align-self: center;\n                color: #63656e;\n                margin: 0 0 4px 6px;\n                padding-left: 8px;\n                position: relative;\n                background: #f0f1f5;\n                border-radius: 2px;\n                line-height: 22px;\n                &.hidden-chip {\n                    visibility: hidden\n                }\n                &:hover {\n                    background: #dcdee5;\n                    .chip-clear {\n                        color: #63656e;\n                    }\n                }\n                .chip-name {\n                    display: inline-block;\n                    margin-right: 20px;\n                    word-break: break-all;\n                }\n                .chip-clear {\n                    color: #979ba5;\n                    position: absolute;\n                    right: 3px;\n                    line-height: normal;\n                    display: inline-block;\n                    top: 4px;\n                    text-align: center;\n                    cursor: pointer;\n                    font-size: $iconSmallestSize;\n                }\n            }\n            &-input {\n                position: relative;\n                padding: 0 10px;\n                color: #63656e;\n                flex: 1 1 auto;\n                border: none;\n                height: 100%;\n                min-width: 40px;\n                display: flex;\n                align-items: center;\n                margin-top: -4px;\n                .div-input {\n                    flex: 1 1 auto;\n                    line-height: 20px;\n                    padding: 5px 0;\n                    height: 30px;\n                    word-break: break-all;\n                    &:focus {\n                        outline: none;\n                    }\n                }\n                .input-before {\n                    &:before {\n                        content: attr(data-placeholder);\n                        color: #c4c6cc;\n                        padding-left: 2px;\n                    }\n                }\n                .input-after {\n                    &:after {\n                        content: attr(data-tips);\n                        color: #c4c6cc;\n                        padding-left: 2px;\n                    }\n                }\n            }\n        }\n        .search-nextfix {\n            @extend .search-prefix;\n            color: #c4c6cc;\n            display: flex;\n            align-items: center;\n            .search-clear {\n                color: #c4c6cc;\n                font-size: $iconSmallestSize;\n                width: 12px;\n                height: 12px;\n                margin-right: 6px;\n                &:hover {\n                    cursor: pointer;\n                    color: #979ba5;\n                }\n            }\n            .search-nextfix-icon {\n                margin-right: 8px;\n                font-size: 16px;\n                transition: color 0.2s linear;\n                 &:hover {\n                    cursor: pointer;\n                    color: #3c96ff;\n                }\n                &.is-focus {\n                    border-color: #3c96ff !important;\n                    background: #fff !important;\n                    color: #3c96ff;\n                }\n            }\n        }\n        &::-webkit-scrollbar {\n            width: 3px;\n            height: 5px;\n        }\n        &::-webkit-scrollbar-thumb {\n            border-radius: 20px;\n            background: #e6e9ea;\n            box-shadow: inset 0 0 6px rgba(204, 204, 204, 0.3);\n        }\n    }\n    .bk-select-tips {\n        color: #ea3636;\n        font-size: 12px;\n        margin-top: 5px;\n        display: flex;\n        align-items: center;\n        line-height: 16px;\n        .select-tips {\n            font-size: 16px;\n            margin-right: 5px;\n            width: 16px;\n            height: 16px;\n        }\n    }\n}\n"]}