deer-ui/es/button/style.css

React.js UI components for PC Web

.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}@-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-button{display:inline-block}.deer-ui-button-btn{border:none;outline:none;cursor:pointer;padding:0 30px;font-size:14px;height:40px;-ms-touch-action:manipulation;touch-action:manipulation;white-space:nowrap;background-image:none;text-align:center;border-radius:5px;text-shadow:none;vertical-align:middle}.deer-ui-button-btn.btn-size-small{font-size:12px;padding:0 10px;height:30px}.deer-ui-button-btn.btn-size-large{font-size:16px;padding:0 40px;height:50px}.deer-ui-button-btn-default{color:rgba(0,0,0,.65);background-color:#fff;border:1px solid #d9d9d9;text-shadow:none}.deer-ui-button-btn-default-circle{border-radius:50%;padding:0;width:40px;height:40px}.deer-ui-button-btn-primary{border:1px solid #31c27c;background-color:#3ece89;color:#fff}.deer-ui-button-btn-primary.deer-ui-button-btn-default:active,.deer-ui-button-btn-primary.deer-ui-button-btn-default:focus{border:1px solid #31c27c;color:#3ece89}.deer-ui-button-btn-primary.btn-hollow{color:#31c27c;background-color:transparent;text-shadow:unset}.deer-ui-button-btn-primary.btn-hollow.btn-dashed{border:1px dashed #31c27c}.deer-ui-button-btn-primary.btn-circle{border-radius:50%;padding:0;width:40px;height:40px}.deer-ui-button-btn-link{background-color:transparent;height:auto;padding:0 5px;white-space:nowrap;text-align:center;text-decoration:none;color:#31c27c}.deer-ui-button-btn-link.btn-hollow{color:#31c27c}.deer-ui-button-btn-link.btn-circle{border-radius:50%;padding:0;width:40px;height:40px}.deer-ui-button-btn-warning{border:1px solid #fca130;background-color:#fcac49;color:#fff}.deer-ui-button-btn-warning.deer-ui-button-btn-default:active,.deer-ui-button-btn-warning.deer-ui-button-btn-default:focus{border:1px solid #31c27c;color:#3ece89}.deer-ui-button-btn-warning.btn-hollow{color:#fca130;background-color:transparent;text-shadow:unset}.deer-ui-button-btn-warning.btn-hollow.btn-dashed{border:1px dashed #fca130}.deer-ui-button-btn-warning.btn-circle{border-radius:50%;padding:0;width:40px;height:40px}.deer-ui-button-btn-info{border:1px solid #61affe;background-color:#7abcfe;color:#fff}.deer-ui-button-btn-info.deer-ui-button-btn-default:active,.deer-ui-button-btn-info.deer-ui-button-btn-default:focus{border:1px solid #31c27c;color:#3ece89}.deer-ui-button-btn-info.btn-hollow{color:#61affe;background-color:transparent;text-shadow:unset}.deer-ui-button-btn-info.btn-hollow.btn-dashed{border:1px dashed #61affe}.deer-ui-button-btn-info.btn-circle{border-radius:50%;padding:0;width:40px;height:40px}.deer-ui-button-btn-error{border:1px solid #f93e3e;background-color:#fa5757;color:#fff}.deer-ui-button-btn-error.deer-ui-button-btn-default:active,.deer-ui-button-btn-error.deer-ui-button-btn-default:focus{border:1px solid #31c27c;color:#3ece89}.deer-ui-button-btn-error.btn-hollow{color:#f93e3e;background-color:transparent;text-shadow:unset}.deer-ui-button-btn-error.btn-hollow.btn-dashed{border:1px dashed #f93e3e}.deer-ui-button-btn-error.btn-circle{border-radius:50%;padding:0;width:40px;height:40px}.deer-ui-button-btn-success{border:1px solid #35c613;background-color:#3bdd15;color:#fff}.deer-ui-button-btn-success.deer-ui-button-btn-default:active,.deer-ui-button-btn-success.deer-ui-button-btn-default:focus{border:1px solid #31c27c;color:#3ece89}.deer-ui-button-btn-success.btn-hollow{color:#35c613;background-color:transparent;text-shadow:unset}.deer-ui-button-btn-success.btn-hollow.btn-dashed{border:1px dashed #35c613}.deer-ui-button-btn-success.btn-circle{border-radius:50%;padding:0;width:40px;height:40px}.deer-ui-button-btn.btn-disabled{cursor:not-allowed;opacity:.7}.deer-ui-button-btn.btn-disabled.btn-circle{border-radius:50%;padding:0;width:40px;height:40px}.deer-ui-button-btn.btn-block{width:100%}.deer-ui-button-btn.btn-dashed{border:1px dashed #e8e8e8}.deer-ui-button-btn.btn-dashed.btn-circle{border-radius:50%;padding:0;width:40px;height:40px}.deer-ui-button-btn.btn-loading{opacity:.7;cursor:not-allowed}.deer-ui-button-btn.btn-hollow{background:transparent;text-shadow:unset}.deer-ui-button-block{width:100%}.deer-ui-button-loading{margin-right:10px;vertical-align:-1px;-webkit-animation:a 1.5s linear infinite;animation:a 1.5s linear infinite}.deer-ui-button-link{padding:0 5px;font-size:14px;white-space:nowrap;text-align:center;text-decoration:none;color:#31c27c!important}.deer-ui-button-link-disabled{cursor:not-allowed;color:rgba(0,0,0,.2)!important}