@zhangmmm/ming-ui/src/components/style/var.less

基于 react 的组件库

@ming-prefix: ming;

// 颜色
@S1: #002952;
@S2: #106ecc;
@S3: #148aff;
@S4: #5cadff;
@S5: #85c2ff;
@S6: #cce6ff;
@M1: #0e1114;
@M2: #33383d;
@M3: #565e66;
@M4: #83898f;
@M5: #bfc3c7;
@M6: #e6e8eb;
@M7: #f0f2f5;
@M8: #fafbfc;
@M9: #ffffff;
@M10: #000000;
@D1: #fac105;
@D2: #ffab24;
@D3: #ff6952;
@D4: #ff3c73;
@D5: #ee62d5;
@D6: #8475ff;
@D7: #4f73ff;
@D8: #2e9cff;
@D9: #0cc0c9;
@D10: #0cc991;
@D11: #83d615;
@D1-1: #fef8e5;
@D2-1: #fff6e9;
@D3-1: #fff0ed;
@D4-1: #ffebf1;
@D5-1: #fdeffa;
@D6-1: #f2f1ff;
@D7-1: #edf1ff;
@D8-1: #eaf5ff;
@D9-1: #e6f8f9;
@D10-1: #e6f9f3;
@D11-1: #f2fae7;
@F-blue: #29b8ff;
@F-green: #46cf84;
@F-yellow: #ffa42e;
@F-red: #ff475a;

// 间距
@Sp-1: 2px;
@Sp-2: 4px;
@Sp-3: 8px;
@Sp-4: 10px;
@Sp-5: 12px;
@Sp-6: 16px;
@Sp-7: 20px;
@Sp-8: 24px;
@Sp-9: 30px;
@Sp-10: 32px;
@Sp-11: 40px;

// 阴影
@Sh-1: 0 0 8px 0 rgba(0, 0, 0, 0.05);
@Sh-2: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
@Sh-3: 0 0 12px 0 rgba(0, 0, 0, 0.1);
@Sh-4: -4px 0 20px 0 rgba(0, 0, 0, 0.1);
@Sh-5: 0 2px 20px 0 rgba(0, 0, 0, 0.3);

// 圆角
@Ra-1: 2px;
@Ra-2: 3px;
@Ra-3: 6px;
@Ra-4: 10px;