@a2simcode/ui 0.0.1 → 0.0.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/style.css +1 -0
- package/package.json +1 -1
package/dist/style.css
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
:root{--j-color-primary: #409eff;--j-color-success: #67c23a;--j-color-warning: #e6a23c;--j-color-danger: #f56c6c;--j-color-info: #909399;--j-text-color-primary: #303133;--j-text-color-regular: #606266;--j-text-color-secondary: #909399;--j-text-color-placeholder: #c0c4cc;--j-border-color-base: #dcdfe6;--j-border-color-light: #e4e7ed;--j-border-color-lighter: #ebeef5;--j-border-color-extra-light: #f2f6fc;--j-bg-color: #ffffff;--j-bg-color-page: #f2f3f5;--j-bg-color-overlay: #ffffff;--j-border-radius-base: 4px;--j-border-radius-small: 2px;--j-border-radius-round: 20px;--j-border-radius-circle: 100%;--j-font-size-small: 13px;--j-font-size-extra-small: 12px;--j-box-shadow-base: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04);--j-box-shadow-light: 0 2px 12px 0 rgba(0, 0, 0, .1)}.j-button{display:inline-flex;align-items:center;justify-content:center;line-height:1;height:32px;white-space:nowrap;cursor:pointer;color:var(--j-text-color-regular);text-align:center;box-sizing:border-box;outline:none;transition:.2s cubic-bezier(.645,.045,.355,1);font-weight:500;-webkit-user-select:none;user-select:none;vertical-align:middle;padding:8px 15px;font-size:var(--j-font-size-base, 14px);border-radius:var(--j-border-radius-base);border:1px solid var(--j-border-color-base);background-color:var(--j-bg-color);gap:8px}.j-button:hover,.j-button:focus{color:var(--j-color-primary);border-color:var(--j-color-primary);background-color:#ecf5ff}.j-button:active{opacity:.8}.j-button--primary{color:#fff;background-color:var(--j-color-primary);border-color:var(--j-color-primary)}.j-button--primary:hover,.j-button--primary:focus{background-color:#66b1ff;border-color:#66b1ff;color:#fff}.j-button--success{color:#fff;background-color:var(--j-color-success);border-color:var(--j-color-success)}.j-button--success:hover,.j-button--success:focus{background-color:#85ce61;border-color:#85ce61;color:#fff}.j-button--warning{color:#fff;background-color:var(--j-color-warning);border-color:var(--j-color-warning)}.j-button--warning:hover,.j-button--warning:focus{background-color:#ebb563;border-color:#ebb563;color:#fff}.j-button--danger{color:#fff;background-color:var(--j-color-danger);border-color:var(--j-color-danger)}.j-button--danger:hover,.j-button--danger:focus{background-color:#f78989;border-color:#f78989;color:#fff}.j-button--info{color:#fff;background-color:var(--j-color-info);border-color:var(--j-color-info)}.j-button--info:hover,.j-button--info:focus{background-color:#a6a9ad;border-color:#a6a9ad;color:#fff}.j-button--dashed{border-style:dashed}.j-button--link{border-color:transparent;background-color:transparent;color:var(--j-color-primary);padding-left:0;padding-right:0}.j-button--link:hover,.j-button--link:focus{background-color:transparent;color:#66b1ff}.j-button--text{border-color:transparent;background-color:transparent;color:var(--j-text-color-regular)}.j-button--text:hover,.j-button--text:focus{background-color:var(--j-bg-color-page)}.j-button--large{height:40px;padding:12px 19px;font-size:16px}.j-button--small{height:24px;padding:5px 11px;font-size:12px}.j-button.is-disabled{cursor:not-allowed;background-image:none;background-color:var(--j-bg-color-page);border-color:var(--j-border-color-light);color:var(--j-text-color-placeholder)}.j-button.is-disabled:hover,.j-button.is-disabled:focus{background-color:var(--j-bg-color-page);border-color:var(--j-border-color-light);color:var(--j-text-color-placeholder)}.j-button.is-loading{position:relative;pointer-events:none}.j-button.is-loading:before{pointer-events:none;content:"";position:absolute;left:-1px;top:-1px;right:-1px;bottom:-1px;border-radius:inherit;background-color:#ffffff59}.j-button.is-ghost{background-color:transparent;color:#fff}.j-button.is-ghost.j-button--default{color:var(--j-text-color-regular)}.j-button.is-ghost.j-button--default:hover,.j-button.is-ghost.j-button--primary{color:var(--j-color-primary)}.j-button.is-ghost.j-button--primary:hover{background-color:#409eff1a}.j-button.is-round{border-radius:var(--j-border-radius-round)}.j-button.is-circle{border-radius:var(--j-border-radius-circle);padding:8px;width:32px;min-width:32px}.j-button.is-circle.j-button--large{width:40px;min-width:40px}.j-button.is-circle.j-button--small{width:24px;min-width:24px}.j-button.is-block{display:flex;width:100%}.j-button__loading-icon{width:12px;height:12px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:j-rotate 1s linear infinite;margin-right:8px}.j-button__content{display:inline-flex;align-items:center}@keyframes j-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.j-input{position:relative;font-size:var(--j-font-size-base);display:inline-flex;width:100%;line-height:32px}.j-input__inner{width:100%;flex-grow:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;color:var(--j-text-color-regular);font-size:inherit;height:32px;line-height:32px;padding:0 11px;outline:none;border:1px solid var(--j-border-color-base);border-radius:var(--j-border-radius-base);transition:border-color .2s cubic-bezier(.645,.045,.355,1);background-color:var(--j-bg-color)}.j-input__inner::placeholder{color:var(--j-text-color-placeholder)}.j-input__inner:hover{border-color:var(--j-border-color-light)}.j-input__inner:focus{border-color:var(--j-color-primary)}.j-input--large{font-size:var(--j-font-size-medium);line-height:40px}.j-input--large .j-input__inner{height:40px;line-height:40px}.j-input--small{font-size:12px;line-height:24px}.j-input--small .j-input__inner{height:24px;line-height:24px}.j-input.is-disabled .j-input__inner{background-color:var(--j-bg-color-page);border-color:var(--j-border-color-light);color:var(--j-text-color-placeholder);cursor:not-allowed}.j-input.is-focused .j-input__inner{border-color:var(--j-color-primary)}*{box-sizing:border-box;margin:0;padding:0}
|