lin-view-ui
Version:
vue components library
1 lines • 5.15 kB
CSS
@-webkit-keyframes rotate-animation{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes rotate-animation{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.lin-spinner{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle}.lin-spinner-row{flex-direction:row}.lin-spinner-row .lin-spinner-text{margin-left:5px}.lin-spinner-col{flex-direction:column}.lin-spinner-col .lin-spinner-text{margin-top:5px}.lin-spinner-loading{width:24px;height:24px;border-style:solid;border-width:1px;border-radius:50%;-webkit-animation-name:rotate-animation;animation-name:rotate-animation;-webkit-animation-duration:.6s;animation-duration:.6s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.lin-spinner-type-primary{border-color:#409eff}.lin-spinner-type-success{border-color:#67c23a}.lin-spinner-type-info{border-color:#909399}.lin-spinner-type-warning{border-color:#e6a23c}.lin-spinner-type-danger{border-color:#f56c6c}.lin-spinner-proportion-1{border-top-color:transparent}.lin-spinner-proportion-2{border-top-color:transparent;border-left-color:transparent}.lin-spinner-proportion-3{border-top-color:transparent;border-right-color:transparent;border-left-color:transparent}.lin-spinner-text{font-size:14px;color:#606266}.lin-button{box-sizing:border-box;display:inline-block;margin:0;font-size:14px;font-weight:500;line-height:1;color:#606266;text-align:center;white-space:nowrap;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:#fff;border:1px solid #dcdfe6;border-radius:4px;outline:0;transition:.1s;-webkit-appearance:none}.lin-button:focus,.lin-button:hover{color:#409eff;background-color:rgba(64,158,255,.2);border-color:rgba(64,158,255,.1)}.lin-button-size-default{padding:12px 20px}.lin-button-size-default.lin-button-circle{padding:12px}.lin-button-size-medium{padding:10px 20px}.lin-button-size-medium.lin-button-circle{padding:10px}.lin-button-size-small{padding:9px 15px}.lin-button-size-small.lin-button-circle{padding:8px}.lin-button-primary{color:#fff;background-color:#409eff;border-color:#409eff}.lin-button-primary:focus,.lin-button-primary:hover{color:#fff;background:#73b8ff;border-color:#73b8ff}.lin-button-primary.lin-button-loading{color:#fff;background-color:#73b8ff;border-color:#73b8ff}.lin-button-success{color:#fff;background-color:#67c23a;border-color:#67c23a}.lin-button-success:focus,.lin-button-success:hover{color:#fff;background:#85cf60;border-color:#85cf60}.lin-button-success.lin-button-loading{color:#fff;background-color:#85cf60;border-color:#85cf60}.lin-button-info{color:#fff;background-color:#909399;border-color:#909399}.lin-button-info:focus,.lin-button-info:hover{color:#fff;background:#abadb1;border-color:#abadb1}.lin-button-info.lin-button-loading{color:#fff;background-color:#abadb1;border-color:#abadb1}.lin-button-warning{color:#fff;background-color:#e6a23c;border-color:#e6a23c}.lin-button-warning:focus,.lin-button-warning:hover{color:#fff;background:#ecb869;border-color:#ecb869}.lin-button-warning.lin-button-loading{color:#fff;background-color:#ecb869;border-color:#ecb869}.lin-button-danger{color:#fff;background-color:#f56c6c;border-color:#f56c6c}.lin-button-danger:focus,.lin-button-danger:hover{color:#fff;background:#f89c9c;border-color:#f89c9c}.lin-button-danger.lin-button-loading{color:#fff;background-color:#f89c9c;border-color:#f89c9c}.lin-button.lin-button-plain:focus,.lin-button.lin-button-plain:hover{color:#409eff;background:#fff;border-color:#409eff}.lin-button-primary.lin-button-plain{color:#409eff;background:rgba(64,158,255,.1);border-color:rgba(64,158,255,.3)}.lin-button-primary.lin-button-plain:focus,.lin-button-primary.lin-button-plain:hover{color:#fff;background:#409eff;border-color:#409eff}.lin-button-success.lin-button-plain{color:#67c23a;background:rgba(103,194,58,.1);border-color:rgba(103,194,58,.3)}.lin-button-success.lin-button-plain:focus,.lin-button-success.lin-button-plain:hover{color:#fff;background:#67c23a;border-color:#67c23a}.lin-button-info.lin-button-plain{color:#909399;background:rgba(144,147,153,.1);border-color:rgba(144,147,153,.3)}.lin-button-info.lin-button-plain:focus,.lin-button-info.lin-button-plain:hover{color:#fff;background:#909399;border-color:#909399}.lin-button-warning.lin-button-plain{color:#e6a23c;background:rgba(230,162,60,.1);border-color:rgba(230,162,60,.3)}.lin-button-warning.lin-button-plain:focus,.lin-button-warning.lin-button-plain:hover{color:#fff;background:#e6a23c;border-color:#e6a23c}.lin-button-danger.lin-button-plain{color:#f56c6c;background:rgba(245,108,108,.1);border-color:rgba(245,108,108,.3)}.lin-button-danger.lin-button-plain:focus,.lin-button-danger.lin-button-plain:hover{color:#fff;background:#f56c6c;border-color:#f56c6c}.lin-button.lin-button-round{border-radius:20px}.lin-button.lin-button-circle{border-radius:50%}.lin-button [class*=lin-icon-]+span{margin-left:5px}.lin-button-disabled{cursor:not-allowed}.lin-button-spinner{margin-right:5px}