deer-ui/lib/spin/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)}}.deer-ui-spin{position:relative;height:100%}.deer-ui-spin .deer-ui-spin-blur{overflow:hidden;pointer-events:none;height:100%;width:100%;-webkit-transition:opacity .5s cubic-bezier(.165,.84,.44,1);transition:opacity .5s cubic-bezier(.165,.84,.44,1)}.deer-ui-spin-wrapper{position:absolute;left:0;top:0;width:100%;height:100%;text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:hsla(0,0%,100%,.9);z-index:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.deer-ui-spin-wrapper .deer-ui-spin-wrapper-icon{font-size:28px}.deer-ui-spin-wrapper .deer-ui-spin-wrapper-icon svg{display:inline-block;-webkit-animation:a 1.5s linear infinite;animation:a 1.5s linear infinite}.deer-ui-spin-wrapper .deer-ui-spin-wrapper-icon.deer-ui-spin-wrapper-icon-large{font-size:34px}.deer-ui-spin-wrapper .deer-ui-spin-wrapper-icon.deer-ui-spin-wrapper-icon-small{font-size:20px}.deer-ui-spin-wrapper .deer-ui-spin-wrapper-tip{font-size:14px;font-weight:700;margin-left:10px}.deer-ui-spin-spinning .deer-ui-spin-indicator{font-size:32px;color:#31c27c}.deer-ui-spin-spinning .deer-ui-spin-indicator svg{-webkit-animation:a 1.5s linear infinite;animation:a 1.5s linear infinite}.deer-ui-spin-spinning .deer-ui-spin-indicator.deer-ui-spin-indicator-small{font-size:20px}.deer-ui-spin-spinning .deer-ui-spin-indicator.deer-ui-spin-indicator-large{font-size:34px}.deer-ui-spin-spinning .deer-ui-spin-indicator.deer-ui-spin-indicator-default{font-size:28px}