@nutui/nutui-react-taro
Version:
京东风格的轻量级移动端 React 组件库,支持一套代码生成 H5 和小程序
72 lines (64 loc) • 2.43 kB
CSS
:root,
page {
--nutui-brand-1: #403635; --nutui-brand-2: #665452; --nutui-brand-3: #99706b; --nutui-brand-4: #cc5f52; --nutui-brand-5: #f2503d; --nutui-brand-6: #fa3725; --nutui-brand-7: #f24130; --nutui-brand-8: #e55446; --nutui-brand-9: #f26e61; --nutui-brand-10: #e5928a;
--nutui-brand-stop-1: #f54958; --nutui-brand-stop-2: #fa3725;
--nutui-secondary-1: #1bbf30;
--nutui-color-primary: var(--nutui-brand-6);
--nutui-color-primary-stop-1: var(--nutui-brand-stop-1);
--nutui-color-primary-stop-2: var(--nutui-brand-stop-2);
--nutui-color-primary-pressed: var(--nutui-brand-7);
--nutui-color-primary-disabled: var(--nutui-brand-3);
--nutui-color-primary-text: #ffffff;
--nutui-color-primary-light: var(--nutui-brand-1);
--nutui-color-primary-light-pressed: var(--nutui-brand-2);
--nutui-color-text-link: #040608;
--nutui-gray-1: #1f1f1f;
--nutui-gray-2: #141414;
--nutui-gray-3: #0a0a0a;
--nutui-gray-4: #666666;
--nutui-gray-5: #818181;
--nutui-gray-6: #999999;
--nutui-gray-7: #cccccc;
--nutui-black-1: rgba(255, 255, 255, 0);
--nutui-black-2: rgba(255, 255, 255, 0.2);
--nutui-black-3: rgba(255, 255, 255, 0.06);
--nutui-black-10: rgba(0, 0, 0, 0.7);
--nutui-white-1: rgba(31, 31, 31, 0);
--nutui-white-7: rgba(31, 31, 31, 0.4);
--nutui-white-8: rgba(31, 31, 31, 0.5);
--nutui-white-12: rgba(31, 31, 31, 0.9);
--nutui-color-info: #1988fa;
--nutui-color-text-disabled: var(--nutui-gray-4);
--nutui-font-size-1: 10px;
--nutui-font-size-2: 12px;
--nutui-font-size-3: 14px;
--nutui-font-size-4: 16px;
--nutui-font-size-5: 18px;
--nutui-font-size-6: 20px;
--nutui-font-size-7: 22px;
--nutui-font-size-8: 24px;
--nutui-font-size-9: 26px;
--nutui-font-size-10: 28px;
--nutui-font-weight: 400;
--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: 0px;
--nutui-radius-2: 2px;
--nutui-radius-3: 4px;
--nutui-radius-4: 6px;
--nutui-radius-5: 8px;
--nutui-radius-6: 10px;
--nutui-radius-7: 12px;
--nutui-radius-8: 14px;
--nutui-radius-9: 16px;
--nutui-radius-10: 18px;
}