@nutui/nutui-react/dist/styles/themes/jrkf.css

京东风格的轻量级移动端 React 组件库，支持一套代码生成 H5 和小程序

:root,page{--nutui-brand-1: #ffe5e5;--nutui-brand-2: #ffcccc;--nutui-brand-3: #ffb2b2;--nutui-brand-4: #ff9999;--nutui-brand-5: #ff7f7f;--nutui-brand-6: #ff6666;--nutui-brand-7: #ff4c4c;--nutui-brand-8: #ff4144;--nutui-brand-9: #e6393b;--nutui-brand-10: #cc3133;--nutui-brand-11: #b32a2b;--nutui-brand-12: #992222;--nutui-brand-stop-1: #ff9999;--nutui-brand-stop-2: #ff6666;--nutui-gray-0: #f4f5f7;--nutui-gray-1: #f4f3f8;--nutui-gray-2: #f0f0f0;--nutui-gray-3: #eeeeee;--nutui-gray-4: #e6e6e6;--nutui-gray-5: #d8d8d8;--nutui-gray-6: #cccccc;--nutui-gray-7: #b5b5b5;--nutui-gray-8: #8c8c8c;--nutui-gray-9: #666666;--nutui-gray-10: #595959;--nutui-gray-11: #333333;--nutui-gray-12: #262626;--nutui-black-1: rgba(0, 0, 0, .02);--nutui-black-2: rgba(0, 0, 0, .05);--nutui-black-3: rgba(0, 0, 0, .1);--nutui-black-4: rgba(0, 0, 0, .2);--nutui-black-5: rgba(0, 0, 0, .3);--nutui-black-6: rgba(0, 0, 0, .4);--nutui-black-7: rgba(0, 0, 0, .5);--nutui-black-8: rgba(0, 0, 0, .55);--nutui-black-9: rgba(0, 0, 0, .6);--nutui-black-10: rgba(0, 0, 0, .7);--nutui-black-11: rgba(0, 0, 0, .9);--nutui-black-12: rgba(0, 0, 0, 1);--nutui-white-1: rgba(255, 255, 255, .02);--nutui-white-2: rgba(255, 255, 255, .05);--nutui-white-3: rgba(255, 255, 255, .1);--nutui-white-4: rgba(255, 255, 255, .2);--nutui-white-5: rgba(255, 255, 255, .3);--nutui-white-6: rgba(255, 255, 255, .4);--nutui-white-7: rgba(255, 255, 255, .5);--nutui-white-8: rgba(255, 255, 255, .6);--nutui-white-9: rgba(255, 255, 255, .7);--nutui-white-10: rgba(255, 255, 255, .8);--nutui-white-11: rgba(255, 255, 255, .9);--nutui-white-12: rgba(255, 255, 255, 1);--nutui-green-1: #eaf9f0;--nutui-green-2: #cdf5db;--nutui-green-3: #b2f0c9;--nutui-green-4: #7de2a3;--nutui-green-5: #51d07e;--nutui-green-6: #1db270;--nutui-green-7: #1a9f63;--nutui-green-8: #178d57;--nutui-green-9: #147b4b;--nutui-green-10: #116a40;--nutui-green-11: #0e5935;--nutui-green-12: #0b482a;--nutui-orange-1: #fff4e6;--nutui-orange-2: #ffe8cc;--nutui-orange-3: #ffd9b3;--nutui-orange-4: #ffcc99;--nutui-orange-5: #ffbf80;--nutui-orange-6: #ffb366;--nutui-orange-7: #ff9933;--nutui-orange-8: #ff8000;--nutui-orange-9: #cc6600;--nutui-orange-10: #994d00;--nutui-orange-11: #663300;--nutui-orange-12: #331a00;--nutui-red-1: #ffecec;--nutui-red-2: #ffd9d9;--nutui-red-3: #ffc6c6;--nutui-red-4: #ff9999;--nutui-red-5: #ff7373;--nutui-red-6: #ff4d4d;--nutui-red-7: #ff2626;--nutui-red-8: #ff4144;--nutui-red-9: #e6393a;--nutui-red-10: #cc3232;--nutui-red-11: #b32b2b;--nutui-red-12: #802020;--nutui-info-1: #e5e9fa;--nutui-info-2: #c4cffa;--nutui-info-3: #a3b5f7;--nutui-info-4: #7387f2;--nutui-info-5: #3e5cd7;--nutui-info-6: #364fc2;--nutui-info-7: #2e42ad;--nutui-info-8: #263598;--nutui-info-9: #1e2883;--nutui-info-10: #161b6e;--nutui-info-11: #0e0e59;--nutui-info-12: #060a4a;--nutui-color-text-disabled: var(--nutui-black-6);--nutui-font-size-1: 10px;--nutui-font-size-2: 11px;--nutui-font-size-3: 12px;--nutui-font-size-4: 14px;--nutui-font-size-5: 16px;--nutui-font-size-6: 18px;--nutui-font-size-7: 20px;--nutui-font-size-8: 24px;--nutui-font-size-9: 32px;--nutui-font-size-10: 40px;--nutui-line-height-base: 1.5;--nutui-spacing-1: 2px;--nutui-spacing-2: 4px;--nutui-spacing-3: 6px;--nutui-spacing-4: 8px;--nutui-spacing-5: 10px;--nutui-spacing-6: 12px;--nutui-spacing-7: 14px;--nutui-spacing-8: 16px;--nutui-spacing-9: 18px;--nutui-spacing-10: 20px;--nutui-radius-1: 16px;--nutui-radius-2: 18px;--nutui-radius-3: 20px;--nutui-radius-4: 22px;--nutui-radius-5: 24px;--nutui-radius-6: 36px;--nutui-color-default: var(--nutui-gray-2);--nutui-color-default-press: var(--nutui-gray-3);--nutui-color-default-disabled: var(--nutui-gray-1);--nutui-color-default-light: var(--nutui-gray-0);--nutui-color-primary: var(--nutui-brand-8);--nutui-color-primary-pressed: var(--nutui-brand-9);--nutui-color-primary-disabled: var(--nutui-brand-3);--nutui-color-primary-light: var(--nutui-brand-1);--nutui-color-success: var(--nutui-green-6);--nutui-color-success-press: var(--nutui-green-8);--nutui-color-success-disabled: var(--nutui-green-3);--nutui-color-success-light: var(--nutui-green-1);--nutui-color-warning: var(--nutui-orange-6);--nutui-color-warning-press: var(--nutui-orange-8);--nutui-color-warning-disabled: var(--nutui-orange-3);--nutui-color-warning-light: var(--nutui-orange-1);--nutui-color-danger: var(--nutui-red-8);--nutui-color-danger-press: var(--nutui-red-9);--nutui-color-danger-disabled: var(--nutui-red-3);--nutui-color-danger-light: var(--nutui-red-1);--nutui-color-info: var(--nutui-info-6);--nutui-color-info-press: var(--nutui-info-7);--nutui-color-info-disabled: var(--nutui-info-3);--nutui-color-info-light: var(--nutui-info-1);--nutui-color-dark: var(--nutui-gray-12);--nutui-color-light: var(--nutui-gray-0);--nutui-color-surface-1: var(--nutui-gray-0);--nutui-color-surface-2: var(--nutui-white-12);--nutui-color-surface-3: var(--nutui-white-12);--nutui-color-surface-4: var(--nutui-white-12);--nutui-color-surface-overlay: var(--nutui-black-8);--nutui-color-border-shade: var(--nutui-gray-3);--nutui-color-border: var(--nutui-gray-2);--nutui-color-border-tint: var(--nutui-gray-1);--nutui-color-title: var(--nutui-gray-12);--nutui-color-text: var(--nutui-gray-10);--nutui-color-text-help: var(--nutui-gray-8);--nutui-color-text-disabled: var(--nutui-gray-7);--nutui-color-text-dark: var(--nutui-white-12);--nutui-font-h1: var(--nutui-font-size-5);--nutui-font-h2: var(--nutui-font-size-4);--nutui-font-h3: var(--nutui-font-size-3);--nutui-font-h4: var(--nutui-font-size-2);--nutui-font-h5: var(--nutui-font-size-1);--nutui-font-text-large: var(--nutui-font-size-5);--nutui-font-text: var(--nutui-font-size-4);--nutui-font-text-small: var(--nutui-font-size-3);--nutui-font-text-xs: var(--nutui-font-size-2);--nutui-font-text-mini: var(--nutui-font-size-1);--nutui-font-weight: 400;--nutui-font-weight-bold: 600;--nutui-line-height: 140%;--nutui-spacing-xxs: var(--nutui-spacing-1);--nutui-spacing-xs: var(--nutui-spacing-2);--nutui-spacing-s: var(--nutui-spacing-3);--nutui-spacing-base: var(--nutui-spacing-4);--nutui-spacing-l: var(--nutui-spacing-5);--nutui-spacing-xl: var(--nutui-spacing-6);--nutui-spacing-xxl: var(--nutui-spacing-7);--nutui-spacing-xxxl: var(--nutui-spacing-8);--nutui-spacing-4xl: var(--nutui-spacing-9);--nutui-spacing-5xl: var(--nutui-spacing-10);--nutui-radius-xxs: var(--nutui-radius-1);--nutui-radius-xs: var(--nutui-radius-2);--nutui-radius-s: var(--nutui-radius-3);--nutui-radius-base: var(--nutui-radius-4);--nutui-radius-l: var(--nutui-radius-5);--nutui-radius-xl: var(--nutui-radius-6);--nutui-radius-full: 50%;--nutui-shadow-light: 0 0 4px 0 rgba(0, 0, 0, .05);--nutui-shadow-raised: 0 0 6px 0 rgba(0, 0, 0, .1);--nutui-shadow-overlay: 0 0 8px 0 rgba(0, 0, 0, .2);--nutui-color-primary-stop-1: var(--nutui-brand-stop-1);--nutui-color-primary-stop-2: var(--nutui-brand-stop-2);--nutui-color-primary-text: #ffffff;--nutui-color-primary-light-pressed: var(--nutui-brand-2);--nutui-color-text-link: var(--nutui-brand-8);--nutui-button-border-radius: var(--nutui-radius-base);--nutui-button-default-color: var(--nutui-black-12);--nutui-button-default-background-color: #fff;--nutui-button-default-border-color: var(--nutui-black-3);--nutui-button-default-disabled: var(--nutui-black-2);--nutui-button-default-disabled-background-color: var(--nutui-black-3);--nutui-button-default-disabled-border-color: var(--nutui-black-3);--nutui-actionsheet-background-color: #fff;--nutui-input-background-color: var(--nutui-gray-1)}