@xzx-design/css-vars/index.css

XzxDesign CSS Variables only.

@charset "UTF-8";:root{--xzx-color-white:#ffffff;--xzx-color-black:#000000;--xzx-brand-1:#f2f3ff;--xzx-brand-2:#d9e1ff;--xzx-brand-3:#b5c7ff;--xzx-brand-4:#8eabff;--xzx-brand-5:#618dff;--xzx-brand-6:#366ef4;--xzx-brand-7:#2f54eb;--xzx-brand-8:#003cab;--xzx-brand-9:#002a7c;--xzx-brand-10:#001a57;--xzx-error-1:#fff0ed;--xzx-error-2:#ffd8d2;--xzx-error-3:#ffb9b0;--xzx-error-4:#ff9285;--xzx-error-5:#f6685d;--xzx-error-6:#d54941;--xzx-error-7:#ad352f;--xzx-error-8:#881f1c;--xzx-error-9:#68070a;--xzx-error-10:#490002;--xzx-success-1:#e3f9e9;--xzx-success-2:#c6f3d7;--xzx-success-3:#92dab2;--xzx-success-4:#56c08d;--xzx-success-5:#2ba471;--xzx-success-6:#008858;--xzx-success-7:#006c45;--xzx-success-8:#005334;--xzx-success-9:#003b23;--xzx-success-10:#002515;--xzx-warning-1:#fff1e9;--xzx-warning-2:#ffd9c2;--xzx-warning-3:#ffb98c;--xzx-warning-4:#fa9550;--xzx-warning-5:#e37318;--xzx-warning-6:#be5a00;--xzx-warning-7:#954500;--xzx-warning-8:#713300;--xzx-warning-9:#532300;--xzx-warning-10:#3b1700;--xzx-white-1:#ffffff;--xzx-gray-1:#f3f3f3;--xzx-gray-2:#eeeeee;--xzx-gray-3:#e7e7e7;--xzx-gray-4:#dcdcdc;--xzx-gray-5:#c5c5c5;--xzx-gray-6:#a6a6a6;--xzx-gray-7:#8c8c8c;--xzx-gray-8:#777777;--xzx-gray-9:#5e5e5e;--xzx-gray-10:#4b4b4b;--xzx-gray-11:#383838;--xzx-gray-12:#2c2c2c;--xzx-gray-13:#242424;--xzx-gray-14:#181818;--xzx-color-primary:var(--xzx-brand-7);--xzx-color-primary-active:var(--xzx-brand-8);--xzx-color-primary-disabled:var(--xzx-brand-3);--xzx-color-primary-focus:var(--xzx-brand-1);--xzx-color-primary-light:var(--xzx-brand-1);--xzx-color-primary-light-active:var(--xzx-brand-2);--xzx-color-success:var(--xzx-success-5);--xzx-color-success-active:var(--xzx-success-6);--xzx-color-success-disabled:var(--xzx-success-3);--xzx-color-success-focus:var(--xzx-success-2);--xzx-color-success-light:var(--xzx-success-1);--xzx-color-success-light-active:var(--xzx-success-2);--xzx-color-warning:var(--xzx-warning-5);--xzx-color-warning-active:var(--xzx-warning-6);--xzx-color-warning-disabled:var(--xzx-warning-3);--xzx-color-warning-focus:var(--xzx-warning-2);--xzx-color-warning-light:var(--xzx-warning-1);--xzx-color-warning-light-active:var(--xzx-warning-2);--xzx-color-danger:var(--xzx-error-6);--xzx-color-danger-active:var(--xzx-error-7);--xzx-color-danger-disabled:var(--xzx-error-3);--xzx-color-danger-focus:var(--xzx-error-2);--xzx-color-danger-light:var(--xzx-error-1);--xzx-color-danger-light-active:var(--xzx-error-2);--xzx-text-gray-1:rgba(0,0,0,0.9);--xzx-text-gray-2:rgba(0,0,0,0.6);--xzx-text-gray-3:rgba(0,0,0,0.4);--xzx-text-gray-4:rgba(0,0,0,0.26);--xzx-text-white-1:#ffffff;--xzx-text-white-2:rgba(255,255,255,0.35);--xzx-text-white-3:rgba(255,255,255,0.55);--xzx-text-white-4:rgba(255,255,255,0.22);--xzx-text-xl:24px;--xzx-text-lg:22px;--xzx-text-md:18px;--xzx-text-base:16px;--xzx-text-sm:14px;--xzx-text-xs:13px;--xzx-text-mini:12px;--xzx-text-t:11px;--xzx-text-m:10px;--xzx-text-lh-xl:32px;--xzx-text-lh-lg:30px;--xzx-text-lh-md:26px;--xzx-text-lh-base:22px;--xzx-text-lh-sm:20px;--xzx-text-lh-xs:19px;--xzx-text-lh-mini:18px;--xzx-text-lh-t:17px;--xzx-text-lh-m:16px;--xzx-text-w-r:400;--xzx-text-w-m:500;--xzx-text-w-sb:700;--xzx-br-sm:3px;--xzx-br-base:6px;--xzx-br-md:9px;--xzx-br-lg:12px;--xzx-br-round:999px;--xzx-br-circle:100%;--xzx-shadow-base:0 1px 10px rgba(0,0,0,0.0509803922),0 4px 5px rgba(0,0,0,0.0784313725),0 2px 4px -1px rgba(0,0,0,0.1215686275);--xzx-shadow-md:0 3px 14px 2px rgba(0,0,0,0.0509803922),0 8px 10px 1px rgba(0,0,0,0.0588235294),0 5px 5px -3px rgba(0,0,0,0.1019607843);--xzx-shadow-top:0 6px 30px 5px rgba(0,0,0,0.0509803922),0 16px 24px 2px rgba(0,0,0,0.0392156863),0 8px 10px -5px rgba(0,0,0,0.0784313725);--xzx-font-family:"Roboto","思源黑体","PingFang SC","San Francisco Pro",BlinkMacSystemFont,"Misans",sans-serif;--xzx-font-family-ios:BlinkMacSystemFont,"PingFang SC","San Francisco Pro","Misans",sans-serif;--xzx-font-family-android:"Roboto","思源黑体","Misans",sans-serif;--xzx-transition-duration:0.3s;--xzx-transition-duration-fast:0.2s}