wecui/lib/wecui-css/button.css

一款基于Vue2.x版本的移动端web组件

@charset "UTF-8";.wec-button{display:inline-block;line-height:1;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #dcdfe6;color:#606266;-webkit-appearance:none;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;outline:0;margin:0;-webkit-transition:.1s;transition:.1s;font-weight:500}.wec-button:focus{outline:0}.wec-button.is-plain:focus,.wec-button.is-plain:hover{background:#fff;border-color:#26a2ff;color:#26a2ff}.wec-button.is-active,.wec-button.is-plain:active{color:#2292e6;border-color:#2292e6}.wec-button.is-plain:active{background:#fff;outline:0}.wec-button.is-disabled,.wec-button.is-disabled:focus,.wec-button.is-disabled:hover{color:#c0c4cc;cursor:not-allowed;background-image:none;background-color:#fff;border-color:#ebeef5}.wec-button.is-disabled.wec-button--text{background-color:transparent}.wec-button.is-disabled.is-plain,.wec-button.is-disabled.is-plain:focus,.wec-button.is-disabled.is-plain:hover{background-color:#fff;border-color:#ebeef5;color:#c0c4cc}.wec-button--primary{color:#fff;background-color:#26a2ff;border-color:#26a2ff}.wec-button--primary:focus,.wec-button--primary:hover{background:#51b5ff;border-color:#51b5ff;color:#fff}.wec-button--primary.is-active,.wec-button--primary:active{background:#2292e6;border-color:#2292e6;color:#fff}.wec-button--primary:active{outline:0}.wec-button--primary.is-disabled,.wec-button--primary.is-disabled:active,.wec-button--primary.is-disabled:focus,.wec-button--primary.is-disabled:hover{color:#fff;background-color:#93d1ff;border-color:#93d1ff}.wec-button--primary.is-plain{color:#26a2ff;background:#e9f6ff;border-color:#a8daff}.wec-button--primary.is-plain:focus,.wec-button--primary.is-plain:hover{background:#26a2ff;border-color:#26a2ff;color:#fff}.wec-button--primary.is-plain:active{background:#2292e6;border-color:#2292e6;color:#fff;outline:0}.wec-button--primary.is-plain.is-disabled,.wec-button--primary.is-plain.is-disabled:active,.wec-button--primary.is-plain.is-disabled:focus,.wec-button--primary.is-plain.is-disabled:hover{color:#7dc7ff;background-color:#e9f6ff;border-color:#d4ecff}.wec-button--success{color:#fff;background-color:#4caf50;border-color:#4caf50}.wec-button--success:focus,.wec-button--success:hover{background:#70bf73;border-color:#70bf73;color:#fff}.wec-button--success.is-active,.wec-button--success:active{background:#449e48;border-color:#449e48;color:#fff}.wec-button--success:active{outline:0}.wec-button--success.is-disabled,.wec-button--success.is-disabled:active,.wec-button--success.is-disabled:focus,.wec-button--success.is-disabled:hover{color:#fff;background-color:#a6d7a8;border-color:#a6d7a8}.wec-button--success.is-plain{color:#4caf50;background:#edf7ee;border-color:#b7dfb9}.wec-button--success.is-plain:focus,.wec-button--success.is-plain:hover{background:#4caf50;border-color:#4caf50;color:#fff}.wec-button--success.is-plain:active{background:#449e48;border-color:#449e48;color:#fff;outline:0}.wec-button--success.is-plain.is-disabled,.wec-button--success.is-plain.is-disabled:active,.wec-button--success.is-plain.is-disabled:focus,.wec-button--success.is-plain.is-disabled:hover{color:#94cf96;background-color:#edf7ee;border-color:#dbefdc}.wec-button--warning{color:#fff;background-color:#ffc107;border-color:#ffc107}.wec-button--warning:focus,.wec-button--warning:hover{background:#ffcd39;border-color:#ffcd39;color:#fff}.wec-button--warning.is-active,.wec-button--warning:active{background:#e6ae06;border-color:#e6ae06;color:#fff}.wec-button--warning:active{outline:0}.wec-button--warning.is-disabled,.wec-button--warning.is-disabled:active,.wec-button--warning.is-disabled:focus,.wec-button--warning.is-disabled:hover{color:#fff;background-color:#ffe083;border-color:#ffe083}.wec-button--warning.is-plain{color:#ffc107;background:#fff9e6;border-color:#ffe69c}.wec-button--warning.is-plain:focus,.wec-button--warning.is-plain:hover{background:#ffc107;border-color:#ffc107;color:#fff}.wec-button--warning.is-plain:active{background:#e6ae06;border-color:#e6ae06;color:#fff;outline:0}.wec-button--warning.is-plain.is-disabled,.wec-button--warning.is-plain.is-disabled:active,.wec-button--warning.is-plain.is-disabled:focus,.wec-button--warning.is-plain.is-disabled:hover{color:#ffda6a;background-color:#fff9e6;border-color:#fff3cd}.wec-button--danger{color:#fff;background-color:#f56c6c;border-color:#f56c6c}.wec-button--danger:focus,.wec-button--danger:hover{background:#f78989;border-color:#f78989;color:#fff}.wec-button--danger.is-active,.wec-button--danger:active{background:#dd6161;border-color:#dd6161;color:#fff}.wec-button--danger:active{outline:0}.wec-button--danger.is-disabled,.wec-button--danger.is-disabled:active,.wec-button--danger.is-disabled:focus,.wec-button--danger.is-disabled:hover{color:#fff;background-color:#fab6b6;border-color:#fab6b6}.wec-button--danger.is-plain{color:#f56c6c;background:#fef0f0;border-color:#fbc4c4}.wec-button--danger.is-plain:focus,.wec-button--danger.is-plain:hover{background:#f56c6c;border-color:#f56c6c;color:#fff}.wec-button--danger.is-plain:active{background:#dd6161;border-color:#dd6161;color:#fff;outline:0}.wec-button--danger.is-plain.is-disabled,.wec-button--danger.is-plain.is-disabled:active,.wec-button--danger.is-plain.is-disabled:focus,.wec-button--danger.is-plain.is-disabled:hover{color:#f9a7a7;background-color:#fef0f0;border-color:#fde2e2}.wec-button--info{color:#fff;background-color:#909399;border-color:#909399}.wec-button--info:focus,.wec-button--info:hover{background:#a6a9ad;border-color:#a6a9ad;color:#fff}.wec-button--info.is-active,.wec-button--info:active{background:#82848a;border-color:#82848a;color:#fff}.wec-button--info:active{outline:0}.wec-button--info.is-disabled,.wec-button--info.is-disabled:active,.wec-button--info.is-disabled:focus,.wec-button--info.is-disabled:hover{color:#fff;background-color:#c8c9cc;border-color:#c8c9cc}.wec-button--info.is-plain{color:#909399;background:#f4f4f5;border-color:#d3d4d6}.wec-button--info.is-plain:focus,.wec-button--info.is-plain:hover{background:#909399;border-color:#909399;color:#fff}.wec-button--info.is-plain:active{background:#82848a;border-color:#82848a;color:#fff;outline:0}.wec-button--info.is-plain.is-disabled,.wec-button--info.is-plain.is-disabled:active,.wec-button--info.is-plain.is-disabled:focus,.wec-button--info.is-plain.is-disabled:hover{color:#bcbec2;background-color:#f4f4f5;border-color:#e9e9eb}.wec-button--error{color:#fff;background-color:#f44336;border-color:#f44336}.wec-button--error:focus,.wec-button--error:hover{background:#f6695e;border-color:#f6695e;color:#fff}.wec-button--error.is-active,.wec-button--error:active{background:#dc3c31;border-color:#dc3c31;color:#fff}.wec-button--error:active{outline:0}.wec-button--error.is-disabled,.wec-button--error.is-disabled:active,.wec-button--error.is-disabled:focus,.wec-button--error.is-disabled:hover{color:#fff;background-color:#faa19b;border-color:#faa19b}.wec-button--error.is-plain{color:#f44336;background:#feeceb;border-color:#fbb4af}.wec-button--error.is-plain:focus,.wec-button--error.is-plain:hover{background:#f44336;border-color:#f44336;color:#fff}.wec-button--error.is-plain:active{background:#dc3c31;border-color:#dc3c31;color:#fff;outline:0}.wec-button--error.is-plain.is-disabled,.wec-button--error.is-plain.is-disabled:active,.wec-button--error.is-plain.is-disabled:focus,.wec-button--error.is-plain.is-disabled:hover{color:#f88e86;background-color:#feeceb;border-color:#fdd9d7}.wec-button--text,.wec-button--text.is-disabled,.wec-button--text.is-disabled:focus,.wec-button--text.is-disabled:hover,.wec-button--text:active{border-color:transparent}.wec-button--large{padding:12px 30px;font-size:16px;border-radius:4px;width:auto}.wec-button--large.is-round{padding:12px 30px}.wec-button--medium{padding:10px 20px;font-size:14px;border-radius:4px;width:auto}.wec-button--mini,.wec-button--small{font-size:12px;border-radius:3px;width:auto}.wec-button--medium.is-round{padding:10px 20px}.wec-button--small,.wec-button--small.is-round{padding:9px 15px}.wec-button--mini,.wec-button--mini.is-round{padding:7px 10px}.wec-button--block{padding:12px 30px;font-size:16px;border-radius:4px;width:100%}.wec-button--block.is-round{padding:12px 30px}.wec-button--text{color:#26a2ff;background:0 0;padding-left:0;padding-right:0}.wec-button--text:focus,.wec-button--text:hover{color:#51b5ff;border-color:transparent;background-color:transparent}.wec-button--text:active{color:#2292e6;background-color:transparent}