@minix-iot/ui/dist/packages/badge/badge.css

基于Vue的移动端轻量级UI组件库

/*!
 * @minix-iot/ui v0.2.4 - badge.css, 2709badeb34a699cd765, Wed Nov 24 2021 14:21:12 GMT+0800 (中国标准时间)
 * (c) 2017-2020 JDC
 * Released under the MIT License.
 */@-webkit-keyframes mx-fade-in{0%{opacity:0}to{opacity:1}}@keyframes mx-fade-in{0%{opacity:0}to{opacity:1}}@-webkit-keyframes mx-fade-out{0%{opacity:1}to{opacity:0}}@keyframes mx-fade-out{0%{opacity:1}to{opacity:0}}.mx-fade-enter-active{-webkit-animation:mx-fade-in .36s cubic-bezier(.25,.46,.45,.94) both;animation:mx-fade-in .36s cubic-bezier(.25,.46,.45,.94) both}.mx-fade-leave-active{-webkit-animation:mx-fade-out .36s cubic-bezier(.25,.46,.45,.94) both;animation:mx-fade-out .36s cubic-bezier(.25,.46,.45,.94) both}@-webkit-keyframes mx-rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes mx-rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes mx-slide-up-enter{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes mx-slide-up-enter{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@-webkit-keyframes mx-slide-up-leave{to{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes mx-slide-up-leave{to{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@-webkit-keyframes mx-slide-down-enter{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes mx-slide-down-enter{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@-webkit-keyframes mx-slide-down-leave{to{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes mx-slide-down-leave{to{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@-webkit-keyframes mx-slide-left-enter{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes mx-slide-left-enter{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@-webkit-keyframes mx-slide-left-leave{to{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes mx-slide-left-leave{to{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@-webkit-keyframes mx-slide-right-enter{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes mx-slide-right-enter{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@-webkit-keyframes mx-slide-right-leave{to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes mx-slide-right-leave{to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.mx-slide-up-enter-active{-webkit-animation:mx-slide-up-enter .36s cubic-bezier(.25,.46,.45,.94) both;animation:mx-slide-up-enter .36s cubic-bezier(.25,.46,.45,.94) both}.mx-slide-up-leave-active{-webkit-animation:mx-slide-up-leave .36s cubic-bezier(.25,.46,.45,.94) both;animation:mx-slide-up-leave .36s cubic-bezier(.25,.46,.45,.94) both}.mx-slide-down-enter-active{-webkit-animation:mx-slide-down-enter .36s cubic-bezier(.25,.46,.45,.94) both;animation:mx-slide-down-enter .36s cubic-bezier(.25,.46,.45,.94) both}.mx-slide-down-leave-active{-webkit-animation:mx-slide-down-leave .36s cubic-bezier(.25,.46,.45,.94) both;animation:mx-slide-down-leave .36s cubic-bezier(.25,.46,.45,.94) both}.mx-slide-left-enter-active{-webkit-animation:mx-slide-left-enter .36s cubic-bezier(.25,.46,.45,.94) both;animation:mx-slide-left-enter .36s cubic-bezier(.25,.46,.45,.94) both}.mx-slide-left-leave-active{-webkit-animation:mx-slide-left-leave .36s cubic-bezier(.25,.46,.45,.94) both;animation:mx-slide-left-leave .36s cubic-bezier(.25,.46,.45,.94) both}.mx-slide-right-enter-active{-webkit-animation:mx-slide-right-enter .36s cubic-bezier(.25,.46,.45,.94) both;animation:mx-slide-right-enter .36s cubic-bezier(.25,.46,.45,.94) both}.mx-slide-right-leave-active{-webkit-animation:mx-slide-right-leave .36s cubic-bezier(.25,.46,.45,.94) both;animation:mx-slide-right-leave .36s cubic-bezier(.25,.46,.45,.94) both}.mx-badge-wrapper{position:relative;display:inline-block}.mx-badge{display:inline-block;padding-left:4.5px;padding-right:4.5px;height:18px;min-width:18px;-webkit-border-radius:9px;border-radius:9px;background-color:#ff3b30;-webkit-box-sizing:border-box;box-sizing:border-box;color:#fff;font-size:12px;line-height:18px;text-align:center}.mx-badge--small{padding-left:2px;padding-right:2px;min-width:14px;height:14px;-webkit-border-radius:7px;border-radius:7px;line-height:14px;font-size:10px}.mx-badge--dot{min-width:0;padding:0;width:8px;height:8px;-webkit-border-radius:4px;border-radius:4px}.mx-badge--dot.mx-badge--small{width:6px;height:6px;-webkit-border-radius:3px;border-radius:3px}.mx-badge--fixed{position:absolute;top:0;right:0;-webkit-transform:translate(50%,-50%);-ms-transform:translate(50%,-50%);transform:translate(50%,-50%);-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center}.mx-badge--purple{background-color:#995efc}.mx-badge--blue-purple{background-color:#6575ff}.mx-badge--blue{background-color:#29c3ff}.mx-badge--cyan{background-color:#00cbb8}.mx-badge--yellow{background-color:#ffaa10}.mx-badge--orange{background-color:#ff8225}.mx-badge--orange-red{background-color:#ff6a4c}.mx-badge--gray-offline{background-color:#7c879b}.mx-badge--brand{background-color:#267aff}.mx-badge--red{background-color:#ff3b30}