vae-ui
Version:
基于vue的UI库
1 lines • 3.37 kB
CSS
.wrap[data-v-30f61310]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap}.wrap[data-v-30f61310]:after{content:"";-webkit-box-flex:1;-ms-flex:auto;flex:auto}.wrap .item[data-v-30f61310]{width:32%;-webkit-box-sizing:border-box;box-sizing:border-box;height:164px;background:#6b8e23;line-height:164px;color:#fff;margin:.5%}*{margin:0;padding:0}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50}.form{padding:20px;width:500px;border:1px solid #ccc;margin:40px auto}.vae-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:none;margin:0;-webkit-transition:.1s;transition:.1s;font-weight:500;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;padding:12px 20px;font-size:14px;border-radius:4px}.vae-button:focus,.vae-button:hover{color:#409eff;border-color:#c6e2ff;background-color:#ecf5ff}.vae-button.is-plain:focus,.vae-button.is-plain:hover{background:#fff;border-color:#409eff;color:#409eff}.vae-button--primary{color:#fff;background-color:#409eff;border-color:#409eff}.vae-button--primary:focus,.vae-button--primary:hover{background:#66b1ff;border-color:#66b1ff;color:#fff}.vae-button--primary.is-plain{color:#409eff;background:#ecf5ff;border-color:#b3d8ff}.vae-button--primary.is-plain:focus,.vae-button--primary.is-plain:hover{background:#409eff;border-color:#409eff;color:#fff}.vae-button--success{color:#fff;background-color:#67c23a;border-color:#67c23a}.vae-button--success:focus,.vae-button--success:hover{background:#85ce61;border-color:#85ce61;color:#fff}.vae-button--success.is-plain{color:#67c23a;background:#f0f9eb;border-color:#c2e7b0}.vae-button--success.is-plain:focus,.vae-button--success.is-plain:hover{background:#67c23a;border-color:#67c23a;color:#fff}.vae-button--info{color:#fff;background-color:#909399;border-color:#909399}.vae-button--info:focus,.vae-button--info:hover{background:#a6a9ad;border-color:#a6a9ad;color:#fff}.vae-button--info.is-plain{color:#909399;background:#f4f4f5;border-color:#d3d4d6}.vae-button--info.is-plain:focus,.vae-button--info.is-plain:hover{background:#909399;border-color:#909399;color:#fff}.vae-button--warning{color:#fff;background-color:#e6a23c;border-color:#e6a23c}.vae-button--warning:focus,.vae-button--warning:hover{background:#ebb563;border-color:#ebb563;color:#fff}.vae-button--warning.is-plain{color:#e6a23c;background:#fdf6ec;border-color:#f5dab1}.vae-button--warning.is-plain:focus,.vae-button--warning.is-plain:hover{background:#e6a23c;border-color:#e6a23c;color:#fff}.vae-button--danger{color:#fff;background-color:#f56c6c;border-color:#f56c6c}.vae-button--danger:focus,.vae-button--danger:hover{background:#f78989;border-color:#f78989;color:#fff}.vae-button--danger.is-plain{color:#f56c6c;background:#fef0f0;border-color:#fbc4c4}.vae-button--danger.is-plain:focus,.vae-button--danger.is-plain:hover{background:#f56c6c;border-color:#f56c6c;color:#fff}.vae-button.is-round{border-radius:20px;padding:12px 23px}.vae-button.is-circle{border-radius:50%;padding:12px}.vae-button [class*=mc-icon-]+span{margin-left:5px}