@cw-devops/bk-magic-vue/lib/ui/navigation-menu-item.min.css.map

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

{"version":3,"sources":["mixins/create-menu-item.css","navigation-menu-item.css"],"names":[],"mappings":"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","file":"navigation-menu-item.min.css","sourcesContent":["/**\n * @file create-menu-item mixin\n *\n * usage:\n *      @mixin navigationItem;\n *      @mixin navigationItem name;\n *      @mixin navigationItem name, #fff;\n *      @mixin navigationItem name, #fff, #fff;\n */\n\n@define-mixin navigationItem $name: navigation-menu-item, $color: #C4C6CC, $nameColor: #C4C6CC  {\n    .$(name) {\n        display: flex;\n        flex: 0 0 40px;\n        align-items: center;\n        width: 100%;\n        min-width: 100%;\n        color: $color;\n        font-size: 14px;\n        height: 40px;\n        margin: 2px 0;\n        padding-right: 12px;\n        padding-left: 22px;\n        overflow: hidden;\n        white-space: nowrap;\n        text-decoration: none;\n        &-icon.bk-icon {\n            font-size: 16px;\n            min-width: 38px;\n            text-align: left;\n        }\n        &-default {\n            display: flex;\n            flex: 0 0 auto;\n            align-items: center;\n            justify-content: center;\n            width: 16px;\n            height: 16px;\n            margin-right: 22px;\n            &-icon {\n                width: 3px;\n                height: 3px;\n                display: inline-block;\n                background: #63656e;\n                border-radius: 50%;\n            }\n        }\n        &-name {\n            color: $nameColor;\n            text-overflow: ellipsis;\n            white-space: nowrap;\n            overflow: hidden;\n            padding-right: 22px;\n        }\n        &[group] {\n            margin-bottom: 11px;\n            overflow: visible;\n            position: relative;\n            &:after {\n                content: \" \";\n                height: 1px;\n                position: absolute;\n                bottom: -8px;\n                background: rgba(255, 255, 255, 0.06);\n                left: 15px;\n                right: 15px;\n                z-index: 100;\n            }\n            &.group-theme {\n                &:after{\n                    background: #F0F1F5;\n                }\n            }\n        }\n        &.is-disabled {\n            cursor: not-allowed;\n            opacity: .3;\n        }\n    }\n}\n","@import './mixins/create-menu-item.css';\n\n@mixin navigationItem;\n.navigation-sbmenu {\n    display: flex;\n    flex: 0 0 auto;\n    flex-direction: column;\n    align-items: flex-start;\n    justify-content: center;\n    white-space: nowrap;\n    width: 100%;\n    color: #c4c6cc;\n    font-size: 14px;\n    overflow: hidden;\n    &-title {\n        min-height: 40px;\n        margin: 2px 0;\n        position: relative;\n        padding-right: 17px;\n        padding-left: 22px;\n        width: 100%;\n        display: flex;\n        align-items: center;\n        &-icon.bk-icon {\n            font-size: 16px;\n            min-width: 38px;\n            text-align: left;\n        }\n        &-content {\n            flex: 1 1 auto;\n            text-overflow: ellipsis;\n            white-space: nowrap;\n            overflow: hidden;\n        }\n        &-arrow {\n            font-size: 16px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            transition: transform cubic-bezier(0.4, 0, 0.2, 1) 0.3s;\n        }\n    }\n    &-content {\n        width: 100%;\n        @mixin navigationItem navigation-menu-item, #63656e, #8f929b;\n    }\n    &[group] {\n        margin-bottom: 11px;\n        overflow: visible;\n        position: relative;\n        &:after {\n            content: \" \";\n            height: 1px;\n            position: absolute;\n            bottom: -8px;\n            background: rgba(255, 255, 255, 0.05);\n            left: 18px;\n            right: 18px;\n            z-index: 100;\n        }\n    }\n    .collapse-transition {\n        transition: 0.3s height ease-in-out;\n    }\n}\n"]}