tinper-bee/dist/Button/index.css

React Components living for enterprise-class pc backend application

.u-button{background:#eceff1;border:1px solid #eceff1;border-radius:3px;color:#212121;position:relative;min-width:72px;padding:4px 13px;display:inline-block;font-family:Open Sans,Helvetica Neue,Arial,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-weight:500;line-height:1;letter-spacing:0;font-size:14px;overflow:hidden;will-change:box-shadow,transform;outline:none;cursor:pointer;text-decoration:none;text-align:center;line-height:1.57143;vertical-align:middle}.u-button::-moz-focus-inner{border:0}.u-button:hover{background-color:#dfe1e6;border-color:#eee}.u-button:active{background-color:#dfe1e6;border-color:#bdbdbd}.u-button.colored{color:#f53c32}.u-button.colored:focus:not(:active){background-color:#dfe1e6;border-color:#bdbdbd}.u-button.disable,.u-button.u-button[disabled]{cursor:not-allowed}.u-button.disable,.u-button.disable:active,.u-button.disable:focus,.u-button.disable:hover,.u-button.u-button[disabled],.u-button.u-button[disabled]:active,.u-button.u-button[disabled]:focus,.u-button.u-button[disabled]:hover{background-color:#dfe1e6;border-color:#dfe1e6;color:#fff}.u-button:not(.u-button-icon) i.uf{line-height:normal}input.u-button[type=submit]{-webkit-appearance:none}.u-button-floating{border-radius:50%;font-size:14px;height:38px;margin:auto;min-width:38px;width:38px;padding:0;line-height:normal;border:1px solid #a5adba}.u-button-floating.colored{background:#43a047;color:#fff;background:#fff}.u-button-floating.colored:hover{background-color:#66bb6a}.u-button-floating.colored:active,.u-button-floating.colored:focus:not(:active){background-color:#43a047}.u-button.disabled,.u-button[disabled]{cursor:not-allowed;background-color:#dfe1e6;border-color:#dfe1e6;color:#fff}.u-button-default{color:#333;background-color:#fff;border-color:#ccc}.u-button-default:active,.u-button-default:hover{background-color:#e6e6e6;border-color:#adadad}.u-button-border{color:#212121;border:1px solid #a5adba;background:#fff}.u-button-border:active,.u-button-border:hover{color:#212121;background-color:#ebecf0;border-color:#a5adba}.u-button.u-button-primary{color:#fff;background-color:#f53c32;border:1px solid #f53c32}.u-button.u-button-primary:hover{background-color:#e60012;border-color:#e60012}.u-button.u-button-primary.focus,.u-button.u-button-primary:focus{background-color:#f53c32;border-color:#f53c32}.u-button.u-button-primary.active,.u-button.u-button-primary:active{background-color:#e60012;border-color:#e60012}.u-button.u-button-secondary{color:#212121;background-color:#eceff1;border:1px solid #eceff1}.u-button.u-button-secondary:hover{background-color:#dfe1e6;border-color:#dfe1e6}.u-button.u-button-secondary.focus,.u-button.u-button-secondary:focus{background-color:#eceff1;border-color:#eceff1}.u-button.u-button-secondary.active,.u-button.u-button-secondary:active{background-color:#dfe1e6;border-color:#dfe1e6}.u-button.u-button-danger{color:#fff;background-color:#f44336;border:1px solid #f44336}.u-button.u-button-danger:hover{background-color:#d32f2f;border-color:#d32f2f}.u-button.u-button-danger.focus,.u-button.u-button-danger:focus{background-color:#f44336;border-color:#f44336}.u-button.u-button-danger.active,.u-button.u-button-danger:active{background-color:#d32f2f;border-color:#d32f2f}.u-button.u-button-info{color:#fff;background-color:#00bcd4;border:1px solid #00bcd4}.u-button.u-button-info:hover{background-color:#0097a7;border-color:#0097a7}.u-button.u-button-info.focus,.u-button.u-button-info:focus{background-color:#00bcd4;border-color:#00bcd4}.u-button.u-button-info.active,.u-button.u-button-info:active{background-color:#0097a7;border-color:#0097a7}.u-button.u-button-warning{color:#fff;background-color:#ff9800;border:1px solid #ff9800}.u-button.u-button-warning:hover{background-color:#f57c00;border-color:#f57c00}.u-button.u-button-warning.focus,.u-button.u-button-warning:focus{background-color:#ff9800;border-color:#ff9800}.u-button.u-button-warning.active,.u-button.u-button-warning:active{background-color:#f57c00;border-color:#f57c00}.u-button.u-button-success{color:#fff;background-color:#4caf50;border:1px solid #4caf50}.u-button.u-button-success:hover{background-color:#388e3c;border-color:#388e3c}.u-button.u-button-success.focus,.u-button.u-button-success:focus{background-color:#4caf50;border-color:#4caf50}.u-button.u-button-success.active,.u-button.u-button-success:active{background-color:#388e3c;border-color:#388e3c}.u-button.u-button-dark{color:#fff;background-color:#616161;border:1px solid #616161}.u-button.u-button-dark:hover{background-color:#424242;border-color:#424242}.u-button.u-button-dark.focus,.u-button.u-button-dark:focus{background-color:#616161;border-color:#616161}.u-button.u-button-dark.active,.u-button.u-button-dark:active{background-color:#424242;border-color:#424242}.u-button.u-button-light{color:#616161;background-color:#fff;border:1px solid #fff}.u-button.u-button-light:hover{background-color:#bdbdbd;border-color:#bdbdbd}.u-button.u-button-light.focus,.u-button.u-button-light:focus{background-color:#fff;border-color:#fff}.u-button.u-button-light.active,.u-button.u-button-light:active{background-color:#bdbdbd;border-color:#bdbdbd}.u-button-border.u-button-success{color:#4caf50;background-color:#fff;border:1px solid #4caf50}.u-button-border.u-button-success:hover{background-color:#388e3c;border-color:#388e3c;color:#fff}.u-button-border.u-button-success.focus,.u-button-border.u-button-success:focus{color:#4caf50;background-color:#fff;border-color:#4caf50}.u-button-border.u-button-success.active,.u-button-border.u-button-success:active{color:#fff;background-color:#388e3c;border-color:#388e3c}.u-button-border.u-button-warning{color:#ff9800;background-color:#fff;border:1px solid #ff9800}.u-button-border.u-button-warning:hover{background-color:#f57c00;border-color:#f57c00;color:#fff}.u-button-border.u-button-warning.focus,.u-button-border.u-button-warning:focus{color:#ff9800;background-color:#fff;border-color:#ff9800}.u-button-border.u-button-warning.active,.u-button-border.u-button-warning:active{color:#fff;background-color:#f57c00;border-color:#f57c00}.u-button-border.u-button-danger{color:#f44336;background-color:#fff;border:1px solid #f44336}.u-button-border.u-button-danger:hover{background-color:#d32f2f;border-color:#d32f2f;color:#fff}.u-button-border.u-button-danger.focus,.u-button-border.u-button-danger:focus{color:#f44336;background-color:#fff;border-color:#f44336}.u-button-border.u-button-danger.active,.u-button-border.u-button-danger:active{color:#fff;background-color:#d32f2f;border-color:#d32f2f}.u-button-border.u-button-info{color:#00bcd4;background-color:#fff;border:1px solid #00bcd4}.u-button-border.u-button-info:hover{background-color:#0097a7;border-color:#0097a7;color:#fff}.u-button-border.u-button-info.focus,.u-button-border.u-button-info:focus{color:#00bcd4;background-color:#fff;border-color:#00bcd4}.u-button-border.u-button-info.active,.u-button-border.u-button-info:active{color:#fff;background-color:#0097a7;border-color:#0097a7}.u-button-border.u-button-primary{color:#f53c32;background-color:#fff;border:1px solid #f53c32}.u-button-border.u-button-primary:hover{background-color:#e60012;border-color:#e60012;color:#fff}.u-button-border.u-button-primary.focus,.u-button-border.u-button-primary:focus{color:#f53c32;background-color:#fff;border-color:#f53c32}.u-button-border.u-button-primary.active,.u-button-border.u-button-primary:active{color:#fff;background-color:#e60012;border-color:#e60012}.u-button-border.u-button-secondary{color:#eceff1;background-color:#fff;border:1px solid #eceff1}.u-button-border.u-button-secondary:hover{background-color:#dfe1e6;border-color:#dfe1e6;color:#fff}.u-button-border.u-button-secondary.focus,.u-button-border.u-button-secondary:focus{color:#eceff1;background-color:#fff;border-color:#eceff1}.u-button-border.u-button-secondary.active,.u-button-border.u-button-secondary:active{color:#fff;background-color:#dfe1e6;border-color:#dfe1e6}.u-button-border.u-button-dark{color:#616161;background-color:#fff;border:1px solid #616161}.u-button-border.u-button-dark:hover{background-color:#424242;border-color:#424242;color:#fff}.u-button-border.u-button-dark.focus,.u-button-border.u-button-dark:focus{color:#616161;background-color:#fff;border-color:#616161}.u-button-border.u-button-dark.active,.u-button-border.u-button-dark:active{color:#fff;background-color:#424242;border-color:#424242}.u-button-border.u-button-light{color:#616161;background-color:#fff;border:1px solid #fff}.u-button-border.u-button-light:hover{background-color:#bdbdbd;border-color:#bdbdbd;color:#fff}.u-button-border.u-button-light.focus,.u-button-border.u-button-light:focus{color:#616161;background-color:#fff;border-color:#fff}.u-button-border.u-button-light.active,.u-button-border.u-button-light:active{color:#fff;background-color:#bdbdbd;border-color:#bdbdbd}.u-button-icon{border-radius:50%;font-size:14px;height:32px;margin:auto;min-width:32px;width:32px;padding:0;line-height:normal;border:1px solid #a5adba}.u-button-lg{padding:8px 15px;font-size:14px}.u-button-xg{padding:10.5px 18px;font-size:16px}.u-button-md{padding:4px 13px;font-size:14px}.u-button-sm{padding:3px 5px;font-size:12px}.u-button-squared{border-radius:0}.u-button-round{border-radius:1000px}.u-button-block{white-space:normal;display:block;width:100%}.u-button-pill-left{border-radius:500px 0 0 500px}.u-button-pill-right{border-radius:0 500px 500px 0}