bk-vue-cec/lib/ui/message.min.css.map

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

{"version":3,"sources":["message.css"],"names":[],"mappings":"AAEA,YACI,mBAAa,CAAb,mBAAa,CAAb,YAAa,CACb,6BAAmB,CAAnB,4BAAmB,CAAnB,sBAAmB,CAAnB,kBAAmB,CACnB,wBAAmB,CAAnB,qBAAmB,CAAnB,kBAAmB,CACnB,cAAe,CACf,QAAS,CACT,iBAAkB,CAClB,kBAA0B,CAC1B,wBAAgC,CAChC,iBAAkB,CAClB,gDAAiD,CAAjD,wCAAiD,CACjD,YAAuB,CACvB,kCAA2B,CAA3B,0BAA2B,CAC3B,iCAA0B,CAA1B,yBACJ,CACA,oBACI,kBAA0B,CAC1B,oBAOJ,CANI,8CACI,aACJ,CACA,kDACI,aACJ,CAEJ,kBACI,kBAAyB,CACzB,iBAA2B,CAC3B,gDAAiD,CAAjD,wCAOJ,CANI,4CACI,aACJ,CACA,gDACI,aACJ,CAEJ,oBACI,kBAA4B,CAC5B,oBAA8B,CAC9B,gDAAiD,CAAjD,wCAOJ,CANI,8CACI,aACJ,CACA,kDACI,aACJ,CAEJ,oBACI,kBAAmB,CACnB,oBAA6B,CAC7B,gDAAiD,CAAjD,wCAOJ,CANI,8CACI,aACJ,CACA,kDACI,aACJ,CAGJ,iBACI,yBAAsB,CAAtB,qBAAsB,CACtB,mBAAc,CAAd,aAAc,CACd,cAAe,CACf,iBAAkB,CAClB,UAWJ,CAVI,0BACI,aAAc,CACd,UAAW,CACX,WAAY,CACZ,gBAAiB,CACjB,cAA2B,CAC3B,iBAAkB,CAClB,UAAc,CACd,iBACJ,CAGJ,oBACI,UAAW,CACX,kBAAY,CAAZ,mBAAY,CAAZ,WAAY,CACZ,UAAO,CAAP,MAAO,CACP,eAAgB,CAChB,eAAgB,CAChB,gBAAiB,CACjB,cAAe,CACf,eAAgB,CAChB,aAAsB,CACtB,oBAaJ,CAZI,6BACI,eAAgB,CAChB,kBAAmB,CACnB,sBACJ,CACA,mCACI,eAAgB,CAChB,sBAAuB,CACvB,mBAAoB,CACpB,8BAA+B,CAC/B,2BACJ,CAGJ,kBACI,yBAAsB,CAAtB,qBAAsB,CACtB,mBAAc,CAAd,aAAc,CACd,iBAgBJ,CAfI,2BACI,aAAc,CACd,gBAAiB,CACjB,UAAW,CACX,WAAY,CACZ,gBAAiB,CACjB,aAAsB,CACtB,cAAe,CACf,eAAiB,CACjB,iBAAkB,CAClB,cAIJ,CAHI,iCACI,wBACJ,CAIR,iBACI,cAAe,CACf,uBAAoB,CAApB,mBAAoB,CACpB,aAAoB,CACpB,cAAe,CACf,eAAgB,CAChB,gBACJ,CAEA,wBACI,aAAsB,CACtB,cACJ,CAEA,6CAEI,SAAU,CACV,gBACJ,CACA,wDAEI,oCAA6B,CAA7B,4BACJ","file":"message.min.css","sourcesContent":["@import './variable.css';\r\n\r\n.bk-message {\r\n    display: flex;\r\n    flex-direction: row;\r\n    align-items: center;\r\n    position: fixed;\r\n    left: 50%;\r\n    padding: 10px 15px;\r\n    background: $newMainColor5;\r\n    border: 1px solid $newMainColor3;\r\n    border-radius: 2px;\r\n    box-shadow: 0px 2px 4px 0px rgba(16, 37, 74, 0.1);\r\n    z-index: $messageZIndex;\r\n    transform: translateX(-50%);\r\n    transition: top .3s linear;\r\n}\r\n.bk-message-primary {\r\n    background: $newMainColor5;\r\n    border-color: $newMainColor3;\r\n    .bk-message-icon .bk-icon {\r\n        color: $newMainColor;\r\n    }\r\n    .bk-message-close .icon-close {\r\n        color: $newMainColor2;\r\n    }\r\n}\r\n.bk-message-error {\r\n    background: $newRedColor5;\r\n    border-color: $newRedColor3;\r\n    box-shadow: 0px 2px 4px 0px rgba(86, 34, 34, 0.1);\r\n    .bk-message-icon .bk-icon {\r\n        color: $newRedColor;\r\n    }\r\n    .bk-message-close .icon-close {\r\n        color: $newRedColor2;\r\n    }\r\n}\r\n.bk-message-warning {\r\n    background: $newOrangeColor5;\r\n    border-color: $newOrangeColor3;\r\n    box-shadow: 0px 2px 4px 0px rgba(75, 51, 13, 0.1);\r\n    .bk-message-icon .bk-icon {\r\n        color: $newOrangeColor;\r\n    }\r\n    .bk-message-close .icon-close {\r\n        color: $newOrangeColor2;\r\n    }\r\n}\r\n.bk-message-success {\r\n    background: #f2fff4;\r\n    border-color: $newGreenColor3;\r\n    box-shadow: 0px 2px 4px 0px rgba(16, 68, 29, 0.1);\r\n    .bk-message-icon .bk-icon {\r\n        color: $newGreenColor;\r\n    }\r\n    .bk-message-close .icon-close {\r\n        color: $newGreenColor2;\r\n    }\r\n}\r\n\r\n.bk-message-icon {\r\n    align-self: flex-start;\r\n    flex-shrink: 0;\r\n    margin-top: 1px;\r\n    margin-right: 10px;\r\n    color: #ffffff;\r\n    .bk-icon {\r\n        display: block;\r\n        width: 18px;\r\n        height: 18px;\r\n        line-height: 18px;\r\n        font-size: $iconSmallerSize;\r\n        text-align: center;\r\n        color: #ffffff;\r\n        border-radius: 50%;\r\n    }\r\n}\r\n\r\n.bk-message-content {\r\n    box-flex: 1;\r\n    flex-grow: 1;\r\n    flex: 1;\r\n    min-width: 230px;\r\n    max-width: 538px;\r\n    line-height: 20px;\r\n    font-size: 14px;\r\n    text-align: left;\r\n    color: $newBlackColor2;\r\n    word-break: break-all;\r\n    &.ellipsis {\r\n        overflow: hidden;\r\n        white-space: nowrap;\r\n        text-overflow: ellipsis;\r\n    }\r\n    &.multi-ellipsis {\r\n        overflow: hidden;\r\n        text-overflow: ellipsis;\r\n        display: -webkit-box;\r\n        -webkit-line-clamp: var(--line);\r\n        -webkit-box-orient: vertical;\r\n    }\r\n}\r\n\r\n.bk-message-close {\r\n    align-self: flex-start;\r\n    flex-shrink: 0;\r\n    text-align: center;\r\n    .bk-icon {\r\n        display: block;\r\n        margin-left: 30px;\r\n        width: 20px;\r\n        height: 20px;\r\n        line-height: 20px;\r\n        color: $newBlackColor3;\r\n        font-size: 18px;\r\n        font-weight: bold;\r\n        border-radius: 50%;\r\n        cursor: pointer;\r\n        &:hover {\r\n            background-color: $newGreyColor2;\r\n        }\r\n    }\r\n}\r\n\r\n.bk-message-copy {\r\n    font-size: 14px;\r\n    align-self: flex-end;\r\n    color: $newMainColor;\r\n    cursor: pointer;\r\n    margin-left: 5px;\r\n    line-height: 20px;\r\n}\r\n\r\n.bk-message-copy.copied {\r\n    color: $newBlackColor3;\r\n    cursor: default;\r\n}\r\n\r\n.vertical-move-enter,\r\n.vertical-move-leave-to {\r\n    opacity: 0;\r\n    margin-top: -50px;\r\n}\r\n.vertical-move-enter-active,\r\n.vertical-move-leava-active {\r\n    transition: margin .2s linear;\r\n}\r\n"]}