deer-ui/lib/message/style.css

React.js UI components for PC Web

@-webkit-keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes b{0%{opacity:0;-webkit-transform:translate3d(0,-40px,0);transform:translate3d(0,-40px,0)}to{opacity:1;-webkit-transform:scale(1) translate3d(0,20px,0);transform:scale(1) translate3d(0,20px,0)}}@keyframes b{0%{opacity:0;-webkit-transform:translate3d(0,-40px,0);transform:translate3d(0,-40px,0)}to{opacity:1;-webkit-transform:scale(1) translate3d(0,20px,0);transform:scale(1) translate3d(0,20px,0)}}@-webkit-keyframes c{0%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-40px,0);transform:translate3d(0,-40px,0)}}@keyframes c{0%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-40px,0);transform:translate3d(0,-40px,0)}}.deer-ui-message,.text-center{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.deer-ui-message{position:fixed;top:0;left:0;right:0;bottom:0;margin:0 auto;box-sizing:content-box;z-index:1;cursor:pointer;text-align:center;font-size:14px;padding:4px;-webkit-transform:translateZ(0);transform:translateZ(0);border-radius:6px;width:200px;height:30px}.deer-ui-message.message-open{pointer-events:none;-webkit-animation:b .5s cubic-bezier(.165,.84,.44,1) forwards;animation:b .5s cubic-bezier(.165,.84,.44,1) forwards}.deer-ui-message.message-close{-webkit-animation:c .5s cubic-bezier(.165,.84,.44,1) forwards;animation:c .5s cubic-bezier(.165,.84,.44,1) forwards;pointer-events:none}.deer-ui-message.deer-ui-message-success{color:#fff;background-color:#3bdd15;border:1px solid #3bdd15}.deer-ui-message.deer-ui-message-error{color:#fff;background-color:#fa5757;border:1px solid #fa5757}.deer-ui-message.deer-ui-message-warning{color:#fff;background-color:#fcac49;border:1px solid #fcac49}.deer-ui-message.deer-ui-message-info{color:#fff;background-color:#7abcfe;border:1px solid #7abcfe}.deer-ui-message.deer-ui-message-primary{color:#fff;background-color:#3ece89;border:1px solid #3ece89}.deer-ui-message.deer-ui-message-primary svg{-webkit-animation:a 1.5s linear infinite;animation:a 1.5s linear infinite}.deer-ui-message.deer-ui-message-theme-dark{background:rgba(0,0,0,.5);color:#fff;border:none}.deer-ui-message-icon{margin-right:10px;font-size:14px;vertical-align:middle;margin-top:2px}