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

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

{"version":3,"sources":["navigation.css"],"names":[],"mappings":"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","file":"navigation.min.css","sourcesContent":["@import './variable.css';\n.bk-navigation {\n    display: flex;\n    flex-direction: column;\n    width: 100vw;\n    height: 100vh;\n    &-title {\n        display: flex;\n        align-items: center;\n        justify-content: flex-start;\n        overflow: hidden;\n        padding: 0 16px;\n        border-bottom: 1px solid rgba(255, 255, 255, 0.05);\n        height: 100%;\n        flex: 0 0 260px;\n        .title-icon {\n            flex: 0 0 28px;\n            font-size: 28px;\n            color: #96A2B9;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n        }\n        .title-desc {\n            font-size: 16px;\n            font-weight: bold;\n            color: #96A2B9;\n            display: inline-block;\n            margin-left: 16px;\n            line-height: 24px;\n            overflow: hidden;\n            white-space: nowrap;\n        }\n    }\n    &-header {\n        flex: 0 0 52px;\n        display: flex;\n        align-items: center;\n        padding-right: 24px;\n        overflow: hidden;\n        .header-right {\n            flex: 1;\n            height: 100%;\n            display: flex;\n            align-items: center;\n        }\n    }\n    &-wrapper {\n        display: flex;\n        flex-direction: row;\n        position: relative;\n        flex: 1;\n        .navigation-nav {\n            width: 60px;\n            display: flex;\n            flex: 0 1 auto;\n            flex-direction: column;\n            overflow: visible;\n            position: relative;\n            min-width: 0;\n            min-height: 0;\n            z-index: 101;\n            transition: width cubic-bezier(0.4, 0, 0.2, 1) .3s;\n            &:hover {\n                cursor: pointer;\n            }\n            .nav-slider {\n                width: 60px;\n                height: 100%;\n                display: flex;\n                flex: 1;\n                flex-direction: column;\n                transition: width cubic-bezier(0.4, 0, 0.2, 1) .3s;\n                &-list {\n                    flex: 1 1 auto;\n                    overflow: auto;\n                    padding: 12px 0 4px 0;\n                    margin: 0;\n                    max-height: calc(100vh - 100px);\n                    &::-webkit-scrollbar {\n                        width: 6px;\n                        height: 5px;\n                        display: none;\n                        &:hover {\n                            transition: opacity 340ms ease-out;\n                            transform: none;\n                        }\n                    }\n                }\n                &-footer {\n                    flex: 0 0 56px;\n                    display: flex;\n                    align-items: center;\n                    justify-content: flex-start;\n                    padding-left: 14px;\n                    .footer-icon {\n                        font-size: 14px;\n                        color: #63656E;\n                        width: 32px;\n                        height: 32px;\n                        border-radius: 100%;\n                        display: flex;\n                        align-items: center;\n                        justify-content: center;\n                        transform-origin: center center;\n                        &-svg {\n                            font-size: 16px;\n                            transition: transform cubic-bezier(0.4, 0, 0.2, 1) .3s;\n                            height: 16px;\n                            width: 16px;\n                            display: flex;\n                            align-items: center;\n                            justify-content: center;\n                            transform-origin: center center;\n                        }\n                        &.is-left {\n                            color: #96A2B9;\n                            &:hover {\n                                background: linear-gradient(270deg, rgba(37, 48, 71, 1) 0%, rgba(38, 50, 71, 1) 100%);\n                                color: #D3D9E4;\n                                cursor: pointer;\n                            }\n                        }\n                        &:hover {\n                            background: linear-gradient(270deg, rgba(222, 224, 234, 1) 0%, rgba(234, 236, 242, 1) 100%);\n                            color: #3A3C42;\n                            cursor: pointer;\n                        }\n                    }\n                }\n            }\n        }\n        .navigation-container {\n            flex: 1 1 1px;\n            max-width: calc(100vw - 60px);\n            display: flex;\n            flex-direction: column;\n            position: relative;\n            min-width: 0;\n            min-height: 0;\n            .container-header {\n                background: #fff;\n                flex-basis: 60px;\n                height: 60px;\n                width: 100%;\n                z-index: 100;\n                box-shadow: 0px 3px 4px 0px rgba(64, 112, 203, 0.06);\n                border-bottom: 1px solid #dcdee5;\n                display: flex;\n                flex-direction: row;\n                align-items: center;\n                justify-content: flex-end;\n                padding: 0 24px;\n                &-title {\n                    height: 21px;\n                    font-size: 16px;\n                    color: #313238;\n                    line-height: 21px;\n                }\n                &-sets {\n                    display: flex;\n                    flex: 1 1 auto;\n                    align-items: center;\n                    justify-content: flex-end;\n                }\n            }\n            .container-content {\n                background: #F5F7FA;\n                max-height: calc(100vh - 60px);\n                flex: 1;\n                overflow: auto;\n                padding: 20px 24px 0;\n            }\n            .container-footer {\n                flex: 0 0 auto;\n                display: flex;\n                flex-direction: row;\n                align-items: center;\n                justify-content: center;\n            }\n        }\n    }\n}\n"]}