big-ee-ui/lib/components/b-button/style.css

基于element-ui二次封装的UI库

.b-button[data-v-0c84775a]{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;padding:12px 20px;font-size:14px;border-radius:4px}.b-button+.b-button[data-v-0c84775a]{margin-left:10px}.b-button[data-v-0c84775a]:focus,.b-button[data-v-0c84775a]:hover{color:#409eff;border-color:#c6e2ff;background-color:#ecf5ff}.b-button[data-v-0c84775a]:active{color:#3a8ee6;border-color:#3a8ee6;outline:0}.b-button.is-disabled[data-v-0c84775a],.b-button.is-disabled[data-v-0c84775a]:focus,.b-button.is-disabled[data-v-0c84775a]:hover{color:#c0c4cc;cursor:not-allowed;background-image:none;background-color:#fff;border-color:#ebeef5}.b-button--primary[data-v-0c84775a]{color:#fff;background-color:#409eff;border-color:#409eff}.b-button--primary[data-v-0c84775a]:focus,.b-button--primary[data-v-0c84775a]:hover{background:#66b1ff;border-color:#66b1ff;color:#fff}.b-button--primary.is-disabled[data-v-0c84775a],.b-button--primary.is-disabled[data-v-0c84775a]:active,.b-button--primary.is-disabled[data-v-0c84775a]:focus,.b-button--primary.is-disabled[data-v-0c84775a]:hover{color:#fff;background-color:#a0cfff;border-color:#a0cfff}.b-button--success[data-v-0c84775a]{color:#fff;background-color:#67c23a;border-color:#67c23a}.b-button--success[data-v-0c84775a]:focus,.b-button--success[data-v-0c84775a]:hover{background:#85ce61;border-color:#85ce61;color:#fff}.b-button--success.is-active[data-v-0c84775a],.b-button--success[data-v-0c84775a]:active{background:#5daf34;border-color:#5daf34;color:#fff}.b-button--success[data-v-0c84775a]:active{outline:0}.b-button--success.is-disabled[data-v-0c84775a],.b-button--success.is-disabled[data-v-0c84775a]:active,.b-button--success.is-disabled[data-v-0c84775a]:focus,.b-button--success.is-disabled[data-v-0c84775a]:hover{color:#fff;background-color:#b3e19d;border-color:#b3e19d}.b-button--warning[data-v-0c84775a]{color:#fff;background-color:#e6a23c;border-color:#e6a23c}.b-button--warning[data-v-0c84775a]:focus,.b-button--warning[data-v-0c84775a]:hover{background:#ebb563;border-color:#ebb563;color:#fff}.b-button--warning.is-active[data-v-0c84775a],.b-button--warning[data-v-0c84775a]:active{background:#cf9236;border-color:#cf9236;color:#fff}.b-button--warning[data-v-0c84775a]:active{outline:0}.b-button--warning.is-disabled[data-v-0c84775a],.b-button--warning.is-disabled[data-v-0c84775a]:active,.b-button--warning.is-disabled[data-v-0c84775a]:focus,.b-button--warning.is-disabled[data-v-0c84775a]:hover{color:#fff;background-color:#f3d19e;border-color:#f3d19e}.b-button--danger[data-v-0c84775a]{color:#fff;background-color:#f56c6c;border-color:#f56c6c}.b-button--danger[data-v-0c84775a]:focus,.b-button--danger[data-v-0c84775a]:hover{background:#f78989;border-color:#f78989;color:#fff}.b-button--danger.is-active[data-v-0c84775a],.b-button--danger[data-v-0c84775a]:active{background:#dd6161;border-color:#dd6161;color:#fff}.b-button--danger[data-v-0c84775a]:active{outline:0}.b-button--danger.is-disabled[data-v-0c84775a],.b-button--danger.is-disabled[data-v-0c84775a]:active,.b-button--danger.is-disabled[data-v-0c84775a]:focus,.b-button--danger.is-disabled[data-v-0c84775a]:hover{color:#fff;background-color:#fab6b6;border-color:#fab6b6}.b-button--info[data-v-0c84775a]{color:#fff;background-color:#909399;border-color:#909399}.b-button--info[data-v-0c84775a]:focus,.b-button--info[data-v-0c84775a]:hover{background:#a6a9ad;border-color:#a6a9ad;color:#fff}.b-button--info.is-active[data-v-0c84775a],.b-button--info[data-v-0c84775a]:active{background:#82848a;border-color:#82848a;color:#fff}.b-button--info[data-v-0c84775a]:active{outline:0}.b-button--info.is-disabled[data-v-0c84775a],.b-button--info.is-disabled[data-v-0c84775a]:active,.b-button--info.is-disabled[data-v-0c84775a]:focus,.b-button--info.is-disabled[data-v-0c84775a]:hover{color:#fff;background-color:#c8c9cc;border-color:#c8c9cc}.b-button.is-round[data-v-0c84775a]{border-radius:20px;padding:12px 23px}.b-button--medium[data-v-0c84775a]{padding:10px 20px;font-size:14px;border-radius:4px}.b-button--mini[data-v-0c84775a],.b-button--small[data-v-0c84775a]{font-size:12px;border-radius:3px}.b-button--small[data-v-0c84775a]{padding:9px 15px;font-size:12px;border-radius:3px}.b-button--mini[data-v-0c84775a]{padding:7px 15px;font-size:12px;border-radius:3px}.b-button[data-v-0c84775a]::-moz-focus-inner{border:0}