bk-magic-vue
Version:
基于蓝鲸 Magicbox 和 Vue 的前端组件库
1 lines • 4.18 kB
Source Map (JSON)
{"version":3,"sources":["notify.css"],"names":[],"mappings":"AAEA,WACI,mBAAa,CAAb,mBAAa,CAAb,YAAa,CACb,6BAAmB,CAAnB,4BAAmB,CAAnB,sBAAmB,CAAnB,kBAAmB,CACnB,wBAAmB,CAAnB,qBAAmB,CAAnB,kBAAmB,CACnB,cAAe,CACf,iBAA4B,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,yBAAsB,CAAtB,qBAAsB,CACtB,mBAAc,CAAd,aAAc,CACd,cAAe,CACf,gBAAiB,CACjB,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,oBAyBJ,CAxBI,4CACI,YAAa,CACb,iBAAkB,CAClB,cAAe,CACf,eACJ,CACA,2CACI,iBAAkB,CAClB,wBAeJ,CAdI,qDACI,eACJ,CACA,wDACI,oBAAqB,CACrB,iBAAkB,CAClB,OAAQ,CACR,QAAS,CACT,kBAAmB,CACnB,aAAoB,CACpB,wBAAyB,CACzB,WAAY,CACZ,YACJ,CAIR,iBACI,iBAAkB,CAClB,iBAAkB,CAClB,SAAU,CACV,OAeJ,CAdI,0BACI,aAAc,CACd,UAAW,CACX,WAAY,CACZ,gBAAiB,CACjB,aAAsB,CACtB,cAAyB,CACzB,eAAiB,CACjB,iBAAkB,CAClB,cAIJ,CAHI,gCACI,wBACJ,CAIR,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: center;\n position: fixed;\n padding: 16px 24px 16px 24px;\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: 2px;\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 align-self: flex-start;\n flex-shrink: 0;\n margin-top: 1px;\n margin-right: 8px;\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: 8px;\n font-size: 14px;\n font-weight: bold;\n }\n .bk-notify-content-text {\n position: relative;\n background-color: inherit;\n &.limitLine {\n overflow: hidden;\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: 8px;\n top: 8px;\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\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"]}