bk-vue-cec/lib/ui/tag-input.min.css.map

一个为运维业务场景而生，好看易用的Vue2原创组件库，由T-inside Design进行托管社区化运作

{"version":3,"sources":["tag-input.css","mixins/scroller.css"],"names":[],"mappings":"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","file":"tag-input.min.css","sourcesContent":["@import \"./variable.css\";\r\n@import \"./mixins/scroller.css\";\r\n\r\n.bk-tag-selector {\r\n    position: relative;\r\n    min-height: 32px;\r\n\r\n    .bk-tag-input {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: space-between;\r\n        padding: 0 0 0 5px;\r\n        border: 1px solid #c4c6cc;\r\n        min-height: 32px;\r\n        border-radius: 2px;\r\n        font-size: 12px;\r\n        position: relative;\r\n        z-index: 1;\r\n        background: #fff;\r\n        cursor: pointer;\r\n        overflow: hidden;\r\n        &.disabled {\r\n            background: $defaultHoverColor;\r\n            cursor: not-allowed;\r\n            .tag-list {\r\n                >li {\r\n                    cursor: not-allowed;\r\n                }\r\n                .key-node {\r\n                    padding-right: 2px;\r\n                }\r\n            }\r\n        }\r\n        &.active {\r\n            border-color: $newMainColor;\r\n        }\r\n        .placeholder {\r\n            margin: 0;\r\n            padding: 0;\r\n            font-size: 12px;\r\n            position: absolute;\r\n            line-height: 30px;\r\n            top: 0;\r\n            left: 8px;\r\n            color: $newGreyColor;\r\n        }\r\n        .clear-icon {\r\n            margin-right: 5px;\r\n            cursor: pointer;\r\n            color: $newGreyColor;\r\n            font-size: $iconSmallestSize;\r\n            &:hover {\r\n                color: $newBlackColor3;\r\n            }\r\n        }\r\n        .input {\r\n            width: 10px;\r\n            height: 22px;\r\n            padding: 0;\r\n            border: 0;\r\n            box-sizing: border-box;\r\n            outline: none;\r\n            max-width: 295px;\r\n            font-size: 12px;\r\n        }\r\n        .tag-list {\r\n            display: inline-block;\r\n            max-height: 135px;\r\n            overflow: auto;\r\n            float: left;\r\n            margin: 0;\r\n            padding: 0;\r\n            &.no-item {\r\n                padding: 0 0 0 5px;\r\n            }\r\n            >li {\r\n                display: inline-block;\r\n                cursor: pointer;\r\n                position: relative;\r\n                margin: 4px 5px 4px 0;\r\n                border-radius: 2px;\r\n                float: left;\r\n                height: 22px;\r\n                overflow: hidden;\r\n                font-size: 0;\r\n                line-height: 0;\r\n                &.key-node {\r\n                    border: solid 1px #F0F1F5;\r\n                }\r\n            }\r\n            .key-node {\r\n                background: #F0F1F5;\r\n                .remove-key {\r\n                    display: inline-block;\r\n                }\r\n            }\r\n            .remove-key {\r\n                position: relative;\r\n                width: 16px;\r\n                height: 16px;\r\n                line-height: 16px;\r\n                top: 2px;\r\n                right: 5px;\r\n                display: inline-block;\r\n                font-size: 18px;\r\n                text-align: center;\r\n                color: $fnMainColor;\r\n                display: none;\r\n                text-decoration: none;\r\n            }\r\n        }\r\n        .tag {\r\n            display: inline-block;\r\n            background-color: #F0F1F5;\r\n            color: $fnMainColor;\r\n            font-size: 12px;\r\n            border: none;\r\n            vertical-align: middle;\r\n            box-sizing: border-box;\r\n            overflow: hidden;\r\n            border-radius: 2px;\r\n            padding: 0 5px;\r\n            height: 20px;\r\n            line-height: 20px;\r\n            word-break: break-all;\r\n            max-width: 190px;\r\n            overflow: hidden;\r\n            display: inline-block;\r\n            text-overflow: ellipsis;\r\n            white-space: nowrap;\r\n            float: left;\r\n\r\n            .text {\r\n                height: 20px;\r\n                line-height: 20px;\r\n                display: block;\r\n                text-overflow: ellipsis;\r\n                overflow: hidden;\r\n                white-space: nowrap;\r\n            }\r\n        }\r\n        .dropdown-actions {\r\n            width: 100%;\r\n            font-size: 0;\r\n            .bk-button {\r\n                width: 50%;\r\n                margin: 0;\r\n                border-radius: 0;\r\n                border-width: 0;\r\n                border-top-width: 1px;\r\n            }\r\n        }\r\n    }\r\n    .bk-tooltip.bk-select-dropdown {\r\n        display: block;\r\n        &>.bk-tooltip-ref {\r\n            display: block;\r\n        }\r\n    }\r\n    .bk-tag-popover-trigger {\r\n        height: 22px;\r\n        margin-top: -27px;\r\n        z-index: -1;\r\n    }\r\n    .highlight-text {\r\n        color: #006DFF;\r\n    }\r\n}\r\n\r\n.highlight-text {\r\n    color: #006DFF;\r\n}\r\n\r\n.bk-select-dropdown {\r\n    .bk-selector-list {\r\n        min-width: 100%;\r\n    }\r\n}\r\n\r\n.tippy-tooltip.bk-select-dropdown-theme[data-size=small] {\r\n    padding: 0;\r\n    box-shadow: 0 3px 9px 0 rgba(0, 0, 0, .1);\r\n    .tippy-arrow {\r\n        display: none;\r\n    }\r\n}\r\n\r\n.bk-selector-list {\r\n    min-width: 150px;\r\n    .outside-ul {\r\n        @mixin scroller;\r\n        max-height: 160px;\r\n        padding: 0;\r\n        margin: 0;\r\n        list-style: none;\r\n        overflow-y: auto;\r\n        padding: 6px 0;\r\n        border-radius: 2px;\r\n        background-color: #fff;\r\n        border: 1px solid #DCDEE5;\r\n    }\r\n    .bk-selector-group-item {\r\n        list-style: none;\r\n        .group-name {\r\n            font-size: 12px;\r\n            color: #979BA5;\r\n            line-height: 32px;\r\n            padding-left: 11px;\r\n        }\r\n    }\r\n\r\n    .bk-selector-group-list-item {\r\n        list-style: none;\r\n        margin: 0;\r\n        padding: 0;\r\n    }\r\n    .bk-selector-list-item {\r\n        position: relative;\r\n        width: 100%;\r\n        border-left: $formBorderColor;\r\n        border-right: $formBorderColor;\r\n        background-color: #fff;\r\n        cursor: pointer;\r\n\r\n        &:first-child {\r\n            border-top: $formBorderColor;\r\n        }\r\n        &:last-child {\r\n            border-bottom: $formBorderColor;\r\n        }\r\n        &.bk-selector-selected {\r\n            background-color: #F4F6FA;\r\n\r\n            .selected-icon {\r\n                display: inline-block;\r\n            }\r\n        }\r\n        &.bk-selector-actived {\r\n            background-color: #F4F6FA;\r\n        }\r\n        &:hover {\r\n            background-color: #EAF3FF;\r\n        }\r\n        &.disabled {\r\n            background: $defaultColor;\r\n            cursor: not-allowed;\r\n            .text {\r\n                color: $newGreyColor;\r\n            }\r\n        }\r\n        .loading {\r\n            width: 100%;\r\n            height: 40px;\r\n            font-size: 14px;\r\n            position: relative;\r\n            cursor: default;\r\n        }\r\n        .text {\r\n            padding: 0 10px;\r\n            line-height: 32px;\r\n            font-size: 12px;\r\n            overflow: hidden;\r\n            text-overflow: ellipsis;\r\n            white-space: nowrap;\r\n            color: $fnMainColor;\r\n        }\r\n        .bk-selector-tools {\r\n            position: absolute;\r\n            display: none;\r\n            top: 10px;\r\n            right: 0;\r\n            font-size: 12px;\r\n            .bk-selector-list-icon {\r\n                margin-right: 14px;\r\n            }\r\n        }\r\n    }\r\n}\r\n","/**\r\n * @file scroller mixin\r\n *\r\n * usage:\r\n *      @mixin scroller;\r\n *      @mixin scroller red;\r\n *      @mixin scroller green, 2px;\r\n */\r\n\r\n@define-mixin scroller $backgroundColor: #dcdee5, $width: 6px {\r\n    &::-webkit-scrollbar {\r\n        width: 6px;\r\n        height: 6px;\r\n    }\r\n    &::-webkit-scrollbar-thumb {\r\n        min-height: 24px;\r\n        border-radius: 3px;\r\n        background-color: $backgroundColor;\r\n    }\r\n}\r\n"]}