song-ui-u/theme/initRoot.css

vue3 + js的PC前端组件库

@charset "UTF-8";:root{--x-transition:0.3s;--x-neutral-color-light-1:#212226;--x-neutral-color-light-2:#4d5059;--x-neutral-color-light-3:#7c808c;--x-neutral-color-light-4:#abb1bf;--x-neutral-color-light-5:#c9cdd9;--x-neutral-color-light-6:#e2e6f1;--x-neutral-color-light-7:#ebeef5;--x-neutral-color-light-8:#f5f6fa;--x-neutral-color-light-9:#fafbff;--x-text-color-primary:#4d5059;--x-text-color-secondary:#7c808c;--x-text-color-disabled:#abb1bf;--x-text-color-placeholder:#c9cdd9;--x-text-color-light-8:#f5f6fa;--x-text-color-light-9:#fafbff;--x-font-size-small:12px;--x-font-size-default:14px;--x-font-size-large:16px;--x-border-color-default:#e2e6f1;--x-border-color-disabled:#ebeef5;--x-border-color-hover:#C9CDD9;--x-border-color-light-8:#f5f6fa;--x-component-size-small:24px;--x-component-size-default:32px;--x-component-size-large:40px;--x-color-white:#ffffff;--x-color-black:#000000;--x-color-disabled-bg:#F5F6FA;--x-component-round-small:10px;--x-component-round-default:12px;--x-component-round-large:14px;--x-component-round-round:100px;--x-padding-small:6px;--x-padding-default:10px;--x-padding-large:10px;--x-checkbox-size-small:16px;--x-checkbox-size-default:20px;--x-checkbox-size-large:24px;--x-checkbox-round-small:7px;--x-checkbox-round-default:8.5px;--x-checkbox-round-large:10.5px;--x-checkbox-icon-size-small:10px;--x-checkbox-icon-size-default:14px;--x-checkbox-icon-size-large:18px;--x-checkbox-indeterminate-size-small:8px;--x-checkbox-indeterminate-size-default:10px;--x-checkbox-indeterminate-size-large:12px;--x-checkbox-indeterminate-round-small:3.5px;--x-checkbox-indeterminate-round-default:4px;--x-checkbox-indeterminate-round-large:5px;--x-radio-size-small:16px;--x-radio-size-default:20px;--x-radio-size-large:24px;--x-radio-icon-size-small:6px;--x-radio-icon-size-default:8px;--x-radio-icon-size-large:10px;--x-gap-default:8px;--x-color-primary:#3069ff;--x-color-success:#14cd70;--x-color-warning:#ffa81a;--x-color-error:#ff4a5b;--x-color-primary-light-1:#4578ff;--x-color-primary-light-2:#5987ff;--x-color-primary-light-3:#6e96ff;--x-color-primary-light-4:#83a5ff;--x-color-primary-light-5:#98b4ff;--x-color-primary-light-6:#acc3ff;--x-color-primary-light-7:#c1d2ff;--x-color-primary-light-8:#d6e1ff;--x-color-primary-light-9:#eaf0ff;--x-color-success-light-1:#2cd27e;--x-color-success-light-2:#43d78d;--x-color-success-light-3:#5bdc9b;--x-color-success-light-4:#72e1a9;--x-color-success-light-5:#8ae6b8;--x-color-success-light-6:#a1ebc6;--x-color-success-light-7:#b9f0d4;--x-color-success-light-8:#d0f5e2;--x-color-success-light-9:#e8faf1;--x-color-warning-light-1:#ffb131;--x-color-warning-light-2:#ffb948;--x-color-warning-light-3:#ffc25f;--x-color-warning-light-4:#ffcb76;--x-color-warning-light-5:#ffd48d;--x-color-warning-light-6:#ffdca3;--x-color-warning-light-7:#ffe5ba;--x-color-warning-light-8:#ffeed1;--x-color-warning-light-9:#fff6e8;--x-color-error-light-1:#ff5c6b;--x-color-error-light-2:#ff6e7c;--x-color-error-light-3:#ff808c;--x-color-error-light-4:#ff929d;--x-color-error-light-5:#ffa5ad;--x-color-error-light-6:#ffb7bd;--x-color-error-light-7:#ffc9ce;--x-color-error-light-8:#ffdbde;--x-color-error-light-9:#ffedef}@font-face{font-family:Aileron;src:url(Aileron.otf)}body{font-family:Aileron}