All files / src _variables.js

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
module.exports = {
 
  /** 自定义 className 修饰符前缀 */
  classPrefix: 'shine',
 
  /* 默认字体集 */
  fontFamily: '"Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif',
 
  /* 主色调与状态颜色 */
  colors: {
    brand: {
      base: '#716ACA',
      inverse: '#FFFFFF',
    },
    grace: {
      base: '#00C5DC',
      inverse: '#FFFFFF',
    },
    light: {
      base: '#FFFFFF',
      inverse: '#282A3C',
    },
    metal: {
      base: '#C4C5D6',
      inverse: '#FFFFFF',
    },
    primary: {
      base: '#5867DD',
      inverse: '#FFFFFF',
    },
    success: {
      base: '#34BFA3',
      inverse: '#FFFFFF',
    },
    info: {
      base: '#36A3F7',
      inverse: '#FFFFFF',
    },
    warning: {
      base: '#FFB822',
      inverse: '#FFFFFF',
    },
    danger: {
      base: '#F4516C',
      inverse: '#FFFFFF',
    },
  },
 
  /** 媒体查询分界 */
  breakpoints: {
    /** 小屏幕或移动设备 */
    sm: '576px',
    /** 中等屏幕或平板设备 */
    md: '768px',
    /** 大屏幕或桌面设备 */
    lg: '992px',
    /** 大屏幕或桌面设备 */
    xl: '1200px',
    /** 大屏幕或宽屏设备 */
    xxl: '1400px',
    /** 大屏幕或宽屏设备 */
    xxxl: '1600px',
  },
};