@gf-ui/components
Version:
1 lines • 9.23 kB
CSS
@charset "UTF-8";.gf-button,.gf-input,.gf-input__inner,.gf-textarea{box-sizing:border-box}.gf-button,.gf-button-group,.gf-textarea{align-items:center;display:flex}.gf-button{line-height:1;white-space:nowrap;cursor:pointer;background:#FFF;border:1px solid rgba(0,0,0,.1);border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);color:#606266;border-radius:4px;-webkit-appearance:none;text-align:center;outline:0;margin:0;transition:.1s;font-weight:500;padding:8px 12px;font-size:13px;box-shadow:inset 0 1px 0 hsla(0deg,0%,100%,.2),0 1px 2px rgba(0,0,0,.05);overflow:hidden;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.gf-button:hover{color:#747bff;border-color:#d5d7ff;background-color:#f1f2ff}.gf-button.is-circle{border-radius:50%;padding:12px}.gf-button.is-disabled,.gf-button.is-disabled:hover{color:#C0C4CC;cursor:not-allowed;background-image:none;background-color:#FFF;border-color:#EBEEF5}.gf-button.is-disabled.el-button--text{background-color:transparent}.gf-button.is-disabled.is-plain,.gf-button.is-disabled.is-plain:hover{background-color:#FFF;border-color:#EBEEF5;color:#C0C4CC}.gf-button--primary{color:#FFF;background-color:#747bff;border-color:#747bff}.gf-button--primary:hover{background:#9095ff;border-color:#9095ff;color:#FFF}.gf-button--primary.is-active,.gf-button--primary:active{background:#686fe6;border-color:#686fe6;color:#FFF}.gf-button--primary:active{outline:0}.gf-button--primary.is-disabled,.gf-button--primary.is-disabled:active,.gf-button--primary.is-disabled:hover{color:#FFF;background-color:#babdff;border-color:#babdff}.gf-button--primary.is-plain{color:#747bff;background:0 0;border-color:#c7caff}.gf-button--primary.is-plain:hover{background:#747bff;border-color:#747bff;color:#FFF}.gf-button--primary.is-plain:active{background:#686fe6;border-color:#686fe6;color:#FFF;outline:0}.gf-button--primary.is-plain.is-disabled,.gf-button--primary.is-plain.is-disabled:active,.gf-button--primary.is-plain.is-disabled:hover{color:#acb0ff;background-color:#f1f2ff;border-color:#e3e5ff}.gf-button--success{color:#FFF;background-color:#67C23A;border-color:#67C23A}.gf-button--success:hover{background:#85ce61;border-color:#85ce61;color:#FFF}.gf-button--success.is-active,.gf-button--success:active{background:#5daf34;border-color:#5daf34;color:#FFF}.gf-button--success:active{outline:0}.gf-button--success.is-disabled,.gf-button--success.is-disabled:active,.gf-button--success.is-disabled:hover{color:#FFF;background-color:#b3e19d;border-color:#b3e19d}.gf-button--success.is-plain{color:#67C23A;background:0 0;border-color:#c2e7b0}.gf-button--success.is-plain:hover{background:#67C23A;border-color:#67C23A;color:#FFF}.gf-button--success.is-plain:active{background:#5daf34;border-color:#5daf34;color:#FFF;outline:0}.gf-button--success.is-plain.is-disabled,.gf-button--success.is-plain.is-disabled:active,.gf-button--success.is-plain.is-disabled:hover{color:#a4da89;background-color:#f0f9eb;border-color:#e1f3d8}.gf-button--info{color:#FFF;background-color:#909399;border-color:#909399}.gf-button--info:hover{background:#a6a9ad;border-color:#a6a9ad;color:#FFF}.gf-button--info.is-active,.gf-button--info:active{background:#82848a;border-color:#82848a;color:#FFF}.gf-button--info:active{outline:0}.gf-button--info.is-disabled,.gf-button--info.is-disabled:active,.gf-button--info.is-disabled:hover{color:#FFF;background-color:#c8c9cc;border-color:#c8c9cc}.gf-button--info.is-plain{color:#909399;background:0 0;border-color:#d3d4d6}.gf-button--info.is-plain:hover{background:#909399;border-color:#909399;color:#FFF}.gf-button--info.is-plain:active{background:#82848a;border-color:#82848a;color:#FFF;outline:0}.gf-button--info.is-plain.is-disabled,.gf-button--info.is-plain.is-disabled:active,.gf-button--info.is-plain.is-disabled:hover{color:#bcbec2;background-color:#f4f4f5;border-color:#e9e9eb}.gf-button--warning{color:#FFF;background-color:#ffc82c;border-color:#ffc82c}.gf-button--warning:hover{background:#ffd356;border-color:#ffd356;color:#FFF}.gf-button--warning.is-active,.gf-button--warning:active{background:#e6b428;border-color:#e6b428;color:#FFF}.gf-button--warning:active{outline:0}.gf-button--warning.is-disabled,.gf-button--warning.is-disabled:active,.gf-button--warning.is-disabled:hover{color:#FFF;background-color:#ffe496;border-color:#ffe496}.gf-button--warning.is-plain{color:#ffc82c;background:0 0;border-color:#ffe9ab}.gf-button--warning.is-plain:hover{background:#ffc82c;border-color:#ffc82c;color:#FFF}.gf-button--warning.is-plain:active{background:#e6b428;border-color:#e6b428;color:#FFF;outline:0}.gf-button--warning.is-plain.is-disabled,.gf-button--warning.is-plain.is-disabled:active,.gf-button--warning.is-plain.is-disabled:hover{color:#ffde80;background-color:#fffaea;border-color:#fff4d5}.gf-button--danger{color:#FFF;background-color:#ff4949;border-color:#ff4949}.gf-button--danger:hover{background:#ff6d6d;border-color:#ff6d6d;color:#FFF}.gf-button--danger.is-active,.gf-button--danger:active{background:#e64242;border-color:#e64242;color:#FFF}.gf-button--danger:active{outline:0}.gf-button--danger.is-disabled,.gf-button--danger.is-disabled:active,.gf-button--danger.is-disabled:hover{color:#FFF;background-color:#ffa4a4;border-color:#ffa4a4}.gf-button--danger.is-plain{color:#ff4949;background:0 0;border-color:#ffb6b6}.gf-button--danger.is-plain:hover{background:#ff4949;border-color:#ff4949;color:#FFF}.gf-button--danger.is-plain:active{background:#e64242;border-color:#e64242;color:#FFF;outline:0}.gf-button--danger.is-plain.is-disabled,.gf-button--danger.is-plain.is-disabled:active,.gf-button--danger.is-plain.is-disabled:hover{color:#ff9292;background-color:#ffeded;border-color:#ffdbdb}.gf-button--large{padding:10px 20px;font-size:14px;border-radius:4px}.gf-button--large.is-round{padding:10px 20px}.gf-button--large.is-circle{padding:10px}.gf-button--small{padding:6px 10px;font-size:12px;border-radius:4px}.gf-button--small.is-round{padding:6px 10px}.gf-button--small.is-circle{padding:6px}.gf-button--smaller{padding:4px 8px;font-size:11px;border-radius:4px}.gf-button--smaller.is-round{padding:4px 8px}.gf-button--smaller.is-circle{padding:4px}.gf-button-group{vertical-align:middle}.gf-button-group>:first-child .gf-button{border-top-right-radius:0;border-bottom-right-radius:0}.gf-button-group>:last-child .gf-button{border-top-left-radius:0;border-bottom-left-radius:0;border-left-color:hsla(0deg,0%,100%,.5)}.gf-button-group>:not(.gf-button-group>:first-child):not(.gf-button-group>:last-child) .gf-button{border-radius:0;border-left-color:hsla(0deg,0%,100%,.5)}.gf-textarea{position:relative;width:100%;border:1px solid #b9bdff;padding:6px;vertical-align:bottom;transition:border .2s;flex-wrap:nowrap;border-radius:4px}.gf-textarea:hover{border-color:#747bff}.gf-textarea__inner{border:none;width:100%;padding:5px 0}.gf-textarea__inner::-moz-placeholder{color:#C0C4CC;font-size:12px}.gf-textarea__inner:-ms-input-placeholder{color:#C0C4CC;font-size:12px}.gf-textarea__inner::placeholder{color:#C0C4CC;font-size:12px}.gf-textarea__inner:focus{outline:0;border-color:#747bff}.gf-textarea .gf-input__maxlength{color:#909399;display:flex;align-items:center;font-size:12px;position:absolute;right:15px;bottom:10px}.gf-textarea.is-disabled{background:#f7f7f7;border-color:#E4E7ED}.gf-textarea.is-disabled .gf-textarea__inner{background-color:#f7f7f7;color:#bbb;cursor:not-allowed}.gf-textarea.is-disabled .gf-textarea__inner::-moz-placeholder{color:#C0C4CC;font-size:12px}.gf-textarea.is-disabled .gf-textarea__inner:-ms-input-placeholder{color:#C0C4CC;font-size:12px}.gf-textarea.is-disabled .gf-textarea__inner::placeholder{color:#C0C4CC;font-size:12px}.gf-textarea.is-disabled .gf-input__icon{cursor:not-allowed}.gf-input{position:relative;font-size:0;width:100%;border:1px solid #b9bdff;transition:border .2s;padding:6px;display:flex;height:34px;align-items:center;flex-wrap:nowrap;border-radius:4px}.gf-input:focus-within,.gf-input:hover{border-color:#747bff}.gf-input:hover .gf-input__clear{display:block}.gf-input .gf-input__clear{cursor:pointer;z-index:2;padding-right:2px;display:none}.gf-input .gf-input__maxlength{color:#909399;display:flex;align-items:center;font-size:12px}.gf-input__inner{display:block;flex:1;color:#303133;font-size:12px;background-color:#FFF;border:none;outline:0;padding:0;height:100%;border-radius:4px}.gf-input__inner:focus+.gf-input__clear{display:block}.gf-input__inner::-moz-placeholder{color:#C0C4CC;font-size:12px}.gf-input__inner:-ms-input-placeholder{color:#C0C4CC;font-size:12px}.gf-input__inner::placeholder{color:#C0C4CC;font-size:12px}.gf-input.is-input-info{border-color:#346FC2}.gf-input.is-input-success{border-color:#67C23A}.gf-input.is-input-warning{border-color:#ffc82c}.gf-input.is-input-error{border-color:#ff4949}.gf-input.is-disabled{background:#f7f7f7;border-color:#E4E7ED}.gf-input.is-disabled .gf-input__inner{background-color:#f7f7f7;color:#bbb;cursor:not-allowed}.gf-input.is-disabled .gf-input__inner::-moz-placeholder{color:#C0C4CC;font-size:12px}.gf-input.is-disabled .gf-input__inner:-ms-input-placeholder{color:#C0C4CC;font-size:12px}.gf-input.is-disabled .gf-input__inner::placeholder{color:#C0C4CC;font-size:12px}.gf-input.is-disabled .gf-input__icon{cursor:not-allowed}