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

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

/*!
 * @minix-iot/ui v0.2.4 - tag.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-tag{display:inline-block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis}.mx-tag--plain{border-width:1px;border-style:solid}.mx-tag--middle{height:24px;line-height:24px;padding-left:12px;padding-right:12px;font-size:12px}.mx-tag--middle.mx-tag--round:not(.mx-tag--mark){-webkit-border-radius:12px;border-radius:12px}.mx-tag--middle.mx-tag--mark{-webkit-border-top-right-radius:12px;border-top-right-radius:12px;-webkit-border-bottom-right-radius:12px;border-bottom-right-radius:12px}.mx-tag--middle.mx-tag--plain{line-height:22px}.mx-tag--purple{background-color:#995efc;color:#fff}.mx-tag--purple.mx-tag--plain{color:#995efc;border-color:#995efc;background-color:transparent}.mx-tag--blue-purple{background-color:#6575ff;color:#fff}.mx-tag--blue-purple.mx-tag--plain{color:#6575ff;border-color:#6575ff;background-color:transparent}.mx-tag--blue{background-color:#29c3ff;color:#fff}.mx-tag--blue.mx-tag--plain{color:#29c3ff;border-color:#29c3ff;background-color:transparent}.mx-tag--cyan{background-color:#00cbb8;color:#fff}.mx-tag--cyan.mx-tag--plain{color:#00cbb8;border-color:#00cbb8;background-color:transparent}.mx-tag--yellow{background-color:#ffaa10;color:#fff}.mx-tag--yellow.mx-tag--plain{color:#ffaa10;border-color:#ffaa10;background-color:transparent}.mx-tag--orange{background-color:#ff8225;color:#fff}.mx-tag--orange.mx-tag--plain{color:#ff8225;border-color:#ff8225;background-color:transparent}.mx-tag--orange-red{background-color:#ff6a4c;color:#fff}.mx-tag--orange-red.mx-tag--plain{color:#ff6a4c;border-color:#ff6a4c;background-color:transparent}.mx-tag--gray-offline{background-color:#7c879b;color:#fff}.mx-tag--gray-offline.mx-tag--plain{color:#7c879b;border-color:#7c879b;background-color:transparent}.mx-tag--brand{background-color:#267aff;color:#fff}.mx-tag--brand.mx-tag--plain{color:#267aff;border-color:#267aff;background-color:transparent}.mx-tag--gray{background-color:#f2f2f2;color:#666}.mx-tag--gray.mx-tag--plain{color:#f2f2f2;border-color:#f2f2f2;background-color:transparent}