ct-component-plus 1.3.0 → 1.4.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +1 -1
- package/packages/style/color.less +132 -0
- package/packages/style/index.js +2 -1
package/package.json
CHANGED
|
@@ -0,0 +1,132 @@
|
|
|
1
|
+
:root {
|
|
2
|
+
// 颜色配置 var(--ct-color-gray-0) // var(--ct-color-xxx) xxx为设计稿上的颜色，其他的需要自行填写到代码里
|
|
3
|
+
// -----gray-color-------
|
|
4
|
+
--ct-color-gray-0: #FCFCFC;
|
|
5
|
+
--ct-color-gray-1: #FAFAFA;
|
|
6
|
+
--ct-color-gray-2: #F7F7F7;
|
|
7
|
+
--ct-color-gray-3: #F2F2F2;
|
|
8
|
+
--ct-color-gray-4: #E8E8E8;
|
|
9
|
+
--ct-color-gray-5: #D9D9D9;
|
|
10
|
+
--ct-color-gray-6: #C2C2C2;
|
|
11
|
+
--ct-color-gray-7: #A8A8A8;
|
|
12
|
+
--ct-color-gray-8: #8F8F8F;
|
|
13
|
+
--ct-color-gray-9: #757575;
|
|
14
|
+
--ct-color-gray-10: #5C5C5C;
|
|
15
|
+
--ct-color-gray-11: #424242;
|
|
16
|
+
--ct-color-gray-12: #292929;
|
|
17
|
+
--ct-color-gray-13: #141414;
|
|
18
|
+
// -------bluegray-color------
|
|
19
|
+
--ct-color-bluegray-0: #FAFBFC;
|
|
20
|
+
--ct-color-bluegray-1: #F5F7FC;
|
|
21
|
+
--ct-color-bluegray-2: #F0F3FA;
|
|
22
|
+
--ct-color-bluegray-3: #E9EDF5;
|
|
23
|
+
--ct-color-bluegray-4: #E1E6F0;
|
|
24
|
+
--ct-color-bluegray-5: #D3DAE6;
|
|
25
|
+
--ct-color-bluegray-6: #BEC6D1;
|
|
26
|
+
--ct-color-bluegray-7: #A5ADB8;
|
|
27
|
+
--ct-color-bluegray-8: #8D95A1;
|
|
28
|
+
--ct-color-bluegray-9: #727985;
|
|
29
|
+
--ct-color-bluegray-10: #545B66;
|
|
30
|
+
--ct-color-bluegray-11: #434852;
|
|
31
|
+
--ct-color-bluegray-12: #2C2E33;
|
|
32
|
+
--ct-color-bluegray-13: #131314;
|
|
33
|
+
// ------red-color-------
|
|
34
|
+
--ct-color-red-1: #FEF7F6;
|
|
35
|
+
--ct-color-red-2: #FFE2E0;
|
|
36
|
+
--ct-color-red-3: #FFC6C2;
|
|
37
|
+
--ct-color-red-4: #FFA9A3;
|
|
38
|
+
--ct-color-red-5: #FF8980;
|
|
39
|
+
--ct-color-red-6: #F55549;
|
|
40
|
+
--ct-color-red-7: #DB382C;
|
|
41
|
+
--ct-color-red-8: #C22013;
|
|
42
|
+
// ------orange-color-------
|
|
43
|
+
--ct-color-orange-1: #FFF7F0;
|
|
44
|
+
--ct-color-orange-2: #FFE9D6;
|
|
45
|
+
--ct-color-orange-3: #FFD4AE;
|
|
46
|
+
--ct-color-orange-4: #FFBB80;
|
|
47
|
+
--ct-color-orange-5: #FFA85C;
|
|
48
|
+
--ct-color-orange-6: #FF9233;
|
|
49
|
+
--ct-color-orange-7: #E67717;
|
|
50
|
+
--ct-color-orange-8: #CC5F00;
|
|
51
|
+
// ------gold-color-------
|
|
52
|
+
--ct-color-gold-1: #FFFAEB;
|
|
53
|
+
--ct-color-gold-2: #FFF5D6;
|
|
54
|
+
--ct-color-gold-3: #FFECAD;
|
|
55
|
+
--ct-color-gold-4: #FFE180;
|
|
56
|
+
--ct-color-gold-5: #FFD95C;
|
|
57
|
+
--ct-color-gold-6: #FFC300;
|
|
58
|
+
--ct-color-gold-7: #E6AF00;
|
|
59
|
+
--ct-color-gold-8: #CC9C00;
|
|
60
|
+
// ------yellow-color-------
|
|
61
|
+
--ct-color-yellow-1: #FFFFF0;
|
|
62
|
+
--ct-color-yellow-2: #FCFCD4;
|
|
63
|
+
--ct-color-yellow-3: #FAFAB9;
|
|
64
|
+
--ct-color-yellow-4: #F7F79E;
|
|
65
|
+
--ct-color-yellow-5: #F2F26F;
|
|
66
|
+
--ct-color-yellow-6: #EBEB39;
|
|
67
|
+
--ct-color-yellow-7: #D9D900;
|
|
68
|
+
--ct-color-yellow-8: #C7C700;
|
|
69
|
+
// ------lime-color-------
|
|
70
|
+
--ct-color-lime-1: #F8FFEB;
|
|
71
|
+
--ct-color-lime-2: #F1FCD9;
|
|
72
|
+
--ct-color-lime-3: #E6FABE;
|
|
73
|
+
--ct-color-lime-4: #D9F79E;
|
|
74
|
+
--ct-color-lime-5: #C4F06D;
|
|
75
|
+
--ct-color-lime-6: #B0E645;
|
|
76
|
+
--ct-color-lime-7: #9DD62B;
|
|
77
|
+
--ct-color-lime-8: #90C427;
|
|
78
|
+
// ------green-color-------
|
|
79
|
+
--ct-color-green-1: #F1FFF0;
|
|
80
|
+
--ct-color-green-2: #E6FCE3;
|
|
81
|
+
--ct-color-green-3: #D6FAD2;
|
|
82
|
+
--ct-color-green-4: #C0F5BA;
|
|
83
|
+
--ct-color-green-5: #9DF095;
|
|
84
|
+
--ct-color-green-6: #72E665;
|
|
85
|
+
--ct-color-green-7: #53CC45;
|
|
86
|
+
--ct-color-green-8: #42B336;
|
|
87
|
+
// ------cyan-color-------
|
|
88
|
+
--ct-color-cyan-1: #F0FCFC;
|
|
89
|
+
--ct-color-cyan-2: #DCFAFA;
|
|
90
|
+
--ct-color-cyan-3: #C9F5F5;
|
|
91
|
+
--ct-color-cyan-4: #A4EBEB;
|
|
92
|
+
--ct-color-cyan-5: #79E0E0;
|
|
93
|
+
--ct-color-cyan-6: #3DCCCC;
|
|
94
|
+
--ct-color-cyan-7: #24B3B3;
|
|
95
|
+
--ct-color-cyan-8: #0F9999;
|
|
96
|
+
// ------skyblue-color-------
|
|
97
|
+
--ct-color-skyblue-1: #F0F9FF;
|
|
98
|
+
--ct-color-skyblue-2: #E0F3FF;
|
|
99
|
+
--ct-color-skyblue-3: #C7E9FF;
|
|
100
|
+
--ct-color-skyblue-4: #9ED8FF;
|
|
101
|
+
--ct-color-skyblue-5: #66C1FF;
|
|
102
|
+
--ct-color-skyblue-6: #33ADFF;
|
|
103
|
+
--ct-color-skyblue-7: #0092F5;
|
|
104
|
+
--ct-color-skyblue-8: #007DD1;
|
|
105
|
+
// ------blue-color-------
|
|
106
|
+
--ct-color-blue-1: #F5F6FF;
|
|
107
|
+
--ct-color-blue-2: #E6E9FF;
|
|
108
|
+
--ct-color-blue-3: #CCD2FF;
|
|
109
|
+
--ct-color-blue-4: #B8C1FF;
|
|
110
|
+
--ct-color-blue-5: #7A8CFF;
|
|
111
|
+
--ct-color-blue-6: #4D64FF;
|
|
112
|
+
--ct-color-blue-7: #2E46E6;
|
|
113
|
+
--ct-color-blue-8: #152ED6;
|
|
114
|
+
// ------purple-color-------
|
|
115
|
+
--ct-color-purple-1: #FAF5FF;
|
|
116
|
+
--ct-color-purple-2: #F1E0FF;
|
|
117
|
+
--ct-color-purple-3: #E7CCFF;
|
|
118
|
+
--ct-color-purple-4: #D9ADFF;
|
|
119
|
+
--ct-color-purple-5: #C17AFF;
|
|
120
|
+
--ct-color-purple-6: #AC4DFF;
|
|
121
|
+
--ct-color-purple-7: #902EE6;
|
|
122
|
+
--ct-color-purple-8: #7614CC;
|
|
123
|
+
// ------magenta-color-------
|
|
124
|
+
--ct-color-magenta-1: #FFF5FF;
|
|
125
|
+
--ct-color-magenta-2: #FAE1FA;
|
|
126
|
+
--ct-color-magenta-3: #F5CEF5;
|
|
127
|
+
--ct-color-magenta-4: #F0B2F0;
|
|
128
|
+
--ct-color-magenta-5: #EB8DEB;
|
|
129
|
+
--ct-color-magenta-6: #E65CE6;
|
|
130
|
+
--ct-color-magenta-7: #CC3DCC;
|
|
131
|
+
--ct-color-magenta-8: #B324B3;
|
|
132
|
+
}
|
package/packages/style/index.js
CHANGED