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

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

{"version":3,"sources":["notify.css"],"names":[],"mappings":"AAEA,WACI,mBAAa,CAAb,mBAAa,CAAb,YAAa,CACb,6BAAmB,CAAnB,4BAAmB,CAAnB,sBAAmB,CAAnB,kBAAmB,CACnB,0BAAqB,CAArB,uBAAqB,CAArB,oBAAqB,CACrB,cAAe,CACf,2BAA4B,CAC5B,WAAY,CACZ,eAA+B,CAC/B,8CAA4C,CAA5C,sCAA4C,CAC5C,iBAAkB,CAClB,wBAAqC,CACrC,YAAuB,CACvB,mDAA6C,CAA7C,2CAKJ,CAJI,kBACI,QAAS,CACT,kCAA2B,CAA3B,0BACJ,CAGA,4CACI,aACJ,CAGA,0CACI,aACJ,CAGA,4CACI,aACJ,CAGA,4CACI,aACJ,CAGJ,gBACI,mBAAc,CAAd,aAAc,CACd,cAAe,CACf,iBAAkB,CAClB,UAWJ,CAVI,yBACI,aAAc,CACd,UAAW,CACX,WAAY,CACZ,gBAAiB,CACjB,cAAe,CACf,iBAAkB,CAClB,UAAc,CACd,iBACJ,CAGJ,mBACI,UAAW,CACX,kBAAY,CAAZ,mBAAY,CAAZ,WAAY,CACZ,gBAAiB,CACjB,cAAe,CACf,eAAgB,CAChB,aAAsB,CACtB,wBAAyB,CACzB,oBAuCJ,CAtCI,4CACI,YAAa,CACb,iBAAkB,CAClB,cAAe,CACf,eAAgB,CAChB,gBACJ,CACA,2CACI,iBAAkB,CAClB,wBAAyB,CACzB,kBA2BJ,CA1BI,qDACI,eACJ,CACA,uDACI,aAAc,CACd,gBASJ,CARI,0EACI,SAAU,CACV,qBACJ,CACA,gFACI,kBAAmB,CACnB,iBACJ,CAEJ,wDACI,oBAAqB,CACrB,iBAAkB,CAClB,OAAQ,CACR,QAAS,CACT,kBAAmB,CACnB,aAAoB,CACpB,wBAAyB,CACzB,WAAY,CACZ,YACJ,CAIR,iBACI,iBAAkB,CAClB,iBAAkB,CAClB,UAAW,CACX,QAeJ,CAdI,0BACI,aAAc,CACd,UAAW,CACX,WAAY,CACZ,gBAAiB,CACjB,aAAsB,CACtB,cAAyB,CACzB,eAAiB,CACjB,iBAAkB,CAClB,cAIJ,CAHI,gCACI,wBACJ,CAGR,mBACI,eAAgB,CAChB,mBAAa,CAAb,mBAAa,CAAb,YAAa,CACb,wBAAmB,CAAnB,qBAAmB,CAAnB,kBAAmB,CACnB,wBAA8B,CAA9B,qBAA8B,CAA9B,6BAUJ,CATI,0CACI,kBAAyB,CACzB,iBAAkB,CAClB,UAAc,CACd,cAAe,CACf,gBAAiB,CACjB,gBAAiB,CACjB,WACJ,CAGJ,iDAEI,SAOJ,CANI,6DACI,kCAA2B,CAA3B,0BACJ,CACA,2DACI,mCAA4B,CAA5B,2BACJ,CAEJ,4DAEI,kEAAoD,CAApD,0DAAoD,CAApD,kDAAoD,CAApD,+EACJ","file":"notify.min.css","sourcesContent":["@import './variable.css';\n\n.bk-notify {\n    display: flex;\n    flex-direction: row;\n    align-items: baseline;\n    position: fixed;\n    padding: 30px 20px 20px 27px;\n    width: 360px;\n    background: rgba(255,255,255,1);\n    box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.15);\n    border-radius: 6px;\n    border: 1px solid rgba(240,241,245,1);\n    z-index: $messageZIndex;\n    transition: top .3s linear, bottom .3s linear;\n    &.center {\n        left: 50%;\n        transform: translateX(-50%);\n    }\n}\n.bk-notify-primary {\n    .bk-notify-icon .bk-icon {\n        color: $newMainColor;\n    }\n}\n.bk-notify-error {\n    .bk-notify-icon .bk-icon {\n        color: $newRedColor;\n    }\n}\n.bk-notify-warning {\n    .bk-notify-icon .bk-icon {\n        color: $newOrangeColor;\n    }\n}\n.bk-notify-success {\n    .bk-notify-icon .bk-icon {\n        color: $newGreenColor;\n    }\n}\n\n.bk-notify-icon {\n    flex-shrink: 0;\n    margin-top: 1px;\n    margin-right: 10px;\n    color: #ffffff;\n    .bk-icon {\n        display: block;\n        width: 18px;\n        height: 18px;\n        line-height: 18px;\n        font-size: 18px;\n        text-align: center;\n        color: #ffffff;\n        border-radius: 50%;\n    }\n}\n\n.bk-notify-content {\n    box-flex: 1;\n    flex-grow: 1;\n    line-height: 20px;\n    font-size: 14px;\n    text-align: left;\n    color: $newBlackColor2;\n    background-color: inherit;\n    word-break: break-all;\n    .bk-notify-content-title {\n        margin-top: 0;\n        margin-bottom: 9px;\n        font-size: 16px;\n        font-weight: 400;\n        line-height: 26px;\n    }\n    .bk-notify-content-text {\n        position: relative;\n        background-color: inherit;\n        padding-right: 18px;\n        &.limitLine {\n            overflow: hidden;\n        }\n        &.noLimitLine{\n            overflow: auto;\n            max-height: 200px;\n            &::-webkit-scrollbar{\n                width: 5px;\n                background-color: #fff;\n            }\n            &::-webkit-scrollbar-thumb {\n                background: #EBEDF0;\n                border-radius: 6px ;\n            }\n        }\n        .showMoreBtn {\n            display: inline-block;\n            position: absolute;\n            right: 0;\n            bottom: 0;\n            padding: 0 0 0 10px;\n            color: $newMainColor;\n            background-color: inherit;\n            border: none;\n            outline: none;\n        }\n    }\n}\n\n.bk-notify-close {\n    text-align: center;\n    position: absolute;\n    right: 10px;\n    top: 10px;\n    .bk-icon {\n        display: block;\n        width: 20px;\n        height: 20px;\n        line-height: 20px;\n        color: $newBlackColor3;\n        font-size: $iconSmallSize;\n        font-weight: bold;\n        border-radius: 50%;\n        cursor: pointer;\n        &:hover {\n            background-color: $newGreyColor2;\n        }\n    }\n}\n.bk-notify-confirm{\n    margin-top: 20px;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    .bk-notify-confirm-btn{\n        background: $newMainColor;\n        border-radius: 6px;\n        color: #FFFFFF;\n        font-size: 14px;\n        line-height: 20px;\n        padding: 5px 10px;\n        border: none;\n    }\n}\n\n.placement-slide-enter,\n.placement-slide-leave-to {\n    opacity: 0;\n    &.right {\n        transform: translateX(100%);\n    }\n    &.left {\n        transform: translateX(-100%);\n    }\n}\n.placement-slide-enter-active,\n.placement-slide-leava-active {\n    transition: transform .3s linear, opacity .2s linear;\n}\n"]}