1 | ////
|
2 | /// @module icon: 图标
|
3 | /// @type String
|
4 | /// @category style
|
5 | ////
|
6 |
|
7 | // Icon
|
8 | // 根据 Alibaba Base DPL 设计实现
|
9 |
|
10 | /// icon font path 字体路径
|
11 | $icon-font-path: "//at.alicdn.com/t/font_515771_xjdbujl2iu" !default;
|
12 |
|
13 | /// icon font name 自定义的icon font 名称
|
14 | $icon-font-name: "icon" !default;
|
15 |
|
16 | $icon-font-family: #{to-upper-case(str-slice($css-prefix, 1, 1))}#{str-slice($css-prefix, 2, str-length($css-prefix) - 1)}Icon !default;
|
17 |
|
18 | $icon-prefix: #{$css-prefix}icon !default;
|
19 |
|
20 | // ------------------- 图标尺寸 ---------------------- //
|
21 |
|
22 | /// icon-xxs
|
23 | /// @group size
|
24 | /// @export size
|
25 | $icon-xxs: $s-2 !default;
|
26 |
|
27 | /// icon-xs
|
28 | /// @group size
|
29 | /// @export size
|
30 | $icon-xs: $s-3 !default;
|
31 |
|
32 | /// icon-s
|
33 | /// @group size
|
34 | /// @export size
|
35 | $icon-s: $s-4 !default;
|
36 |
|
37 | /// icon-m
|
38 | /// @group size
|
39 | /// @export size
|
40 | $icon-m: $s-5 !default;
|
41 |
|
42 | /// icon-l
|
43 | /// @group size
|
44 | /// @export size
|
45 | $icon-l: $s-6 !default;
|
46 |
|
47 | /// icon-xl
|
48 | /// @group size
|
49 | /// @export size
|
50 | $icon-xl: $s-8 !default;
|
51 |
|
52 | /// icon-xxl
|
53 | /// @group size
|
54 | /// @export size
|
55 | $icon-xxl: $s-12 !default;
|
56 |
|
57 | /// icon-xxxl
|
58 | /// @group size
|
59 | /// @export size
|
60 | $icon-xxxl: $s-16 !default;
|
61 |
|
62 | // ------------------- 图标 unicode 值 ---------------------- //
|
63 | /// icon-content-smile
|
64 | /// @group type
|
65 | /// @export type
|
66 | /// @unconfigurable
|
67 | $icon-content-smile: "\e65f" !default;
|
68 |
|
69 | /// icon-content-cry
|
70 | /// @group type
|
71 | /// @export type
|
72 | /// @unconfigurable
|
73 | $icon-content-cry: "\e65d" !default;
|
74 |
|
75 | /// icon-content-success
|
76 | /// @group type
|
77 | /// @export type
|
78 | /// @unconfigurable
|
79 | $icon-content-success: "\e60a" !default;
|
80 |
|
81 | /// icon-content-warning
|
82 | /// @group type
|
83 | /// @export type
|
84 | /// @unconfigurable
|
85 | $icon-content-warning: "\e60b" !default;
|
86 |
|
87 | /// icon-content-prompt
|
88 | /// @group type
|
89 | /// @export type
|
90 | /// @unconfigurable
|
91 | $icon-content-prompt: "\e60c" !default;
|
92 |
|
93 | /// icon-content-error
|
94 | /// @group type
|
95 | /// @export type
|
96 | /// @unconfigurable
|
97 | $icon-content-error: "\e60d" !default;
|
98 |
|
99 | /// icon-content-help
|
100 | /// @group type
|
101 | /// @export type
|
102 | /// @unconfigurable
|
103 | $icon-content-help: "\e673" !default;
|
104 |
|
105 | /// icon-content-clock
|
106 | /// @group type
|
107 | /// @export type
|
108 | /// @unconfigurable
|
109 | $icon-content-clock: "\e621" !default;
|
110 |
|
111 | /// icon-content-success-filling
|
112 | /// @group type
|
113 | /// @export type
|
114 | /// @unconfigurable
|
115 | $icon-content-success-filling: "\e63a" !default;
|
116 |
|
117 | /// icon-content-delete-filling
|
118 | /// @group type
|
119 | /// @export type
|
120 | /// @unconfigurable
|
121 | $icon-content-delete-filling: "\e623" !default;
|
122 |
|
123 | /// icon-content-favorites-filling
|
124 | /// @group type
|
125 | /// @export type
|
126 | /// @unconfigurable
|
127 | $icon-content-favorites-filling: "\e60e" !default;
|
128 |
|
129 | /// icon-content-add
|
130 | /// @group type
|
131 | /// @export type
|
132 | /// @unconfigurable
|
133 | $icon-content-add: "\e655" !default;
|
134 |
|
135 | /// icon-content-minus
|
136 | /// @group type
|
137 | /// @export type
|
138 | /// @unconfigurable
|
139 | $icon-content-minus: "\e601" !default;
|
140 |
|
141 | /// icon-content-arrow-up
|
142 | /// @group type
|
143 | /// @export type
|
144 | /// @unconfigurable
|
145 | $icon-content-arrow-up: "\e625" !default;
|
146 |
|
147 | /// icon-content-arrow-down
|
148 | /// @group type
|
149 | /// @export type
|
150 | /// @unconfigurable
|
151 | $icon-content-arrow-down: "\e63d" !default;
|
152 |
|
153 | /// icon-content-arrow-left
|
154 | /// @group type
|
155 | /// @export type
|
156 | /// @unconfigurable
|
157 | $icon-content-arrow-left: "\e61d" !default;
|
158 |
|
159 | /// icon-content-arrow-right
|
160 | /// @group type
|
161 | /// @export type
|
162 | /// @unconfigurable
|
163 | $icon-content-arrow-right: "\e619" !default;
|
164 |
|
165 | /// icon-content-arrow-double-left
|
166 | /// @group type
|
167 | /// @export type
|
168 | /// @unconfigurable
|
169 | $icon-content-arrow-double-left: "\e659" !default;
|
170 |
|
171 | /// icon-content-arrow-double-right
|
172 | /// @group type
|
173 | /// @export type
|
174 | /// @unconfigurable
|
175 | $icon-content-arrow-double-right: "\e65e" !default;
|
176 |
|
177 | /// icon-content-switch
|
178 | /// @group type
|
179 | /// @export type
|
180 | /// @unconfigurable
|
181 | $icon-content-switch: "\e6b3" !default;
|
182 |
|
183 | /// icon-content-sorting
|
184 | /// @group type
|
185 | /// @export type
|
186 | /// @unconfigurable
|
187 | $icon-content-sorting: "\e634" !default;
|
188 |
|
189 | /// icon-content-descending
|
190 | /// @group type
|
191 | /// @export type
|
192 | /// @unconfigurable
|
193 | $icon-content-descending: "\e61f" !default;
|
194 |
|
195 | /// icon-content-ascending
|
196 | /// @group type
|
197 | /// @export type
|
198 | /// @unconfigurable
|
199 | $icon-content-ascending: "\e61e" !default;
|
200 |
|
201 | /// icon-content-select
|
202 | /// @group type
|
203 | /// @export type
|
204 | /// @unconfigurable
|
205 | $icon-content-select: "\e632" !default;
|
206 |
|
207 | /// icon-content-semi-select
|
208 | /// @group type
|
209 | /// @export type
|
210 | /// @unconfigurable
|
211 | $icon-content-semi-select: "\e633" !default;
|
212 |
|
213 | /// icon-content-loading
|
214 | /// @group type
|
215 | /// @export type
|
216 | /// @unconfigurable
|
217 | $icon-content-loading: "\e646" !default;
|
218 |
|
219 | /// icon-content-search
|
220 | /// @group type
|
221 | /// @export type
|
222 | /// @unconfigurable
|
223 | $icon-content-search: "\e656" !default;
|
224 |
|
225 | /// icon-content-close
|
226 | /// @group type
|
227 | /// @export type
|
228 | /// @unconfigurable
|
229 | $icon-content-close: "\e626" !default;
|
230 |
|
231 | /// icon-content-ellipsis
|
232 | /// @group type
|
233 | /// @export type
|
234 | /// @unconfigurable
|
235 | $icon-content-ellipsis: "\e654" !default;
|
236 |
|
237 | /// icon-content-picture
|
238 | /// @group type
|
239 | /// @export type
|
240 | /// @unconfigurable
|
241 | $icon-content-picture: "\e631" !default;
|
242 |
|
243 | /// icon-content-calendar
|
244 | /// @group type
|
245 | /// @export type
|
246 | /// @unconfigurable
|
247 | $icon-content-calendar: "\e607" !default;
|
248 |
|
249 | /// icon-content-ashbin
|
250 | /// @group type
|
251 | /// @export type
|
252 | /// @unconfigurable
|
253 | $icon-content-ashbin: "\e639" !default;
|
254 |
|
255 | /// icon-content-upload
|
256 | /// @group type
|
257 | /// @export type
|
258 | /// @unconfigurable
|
259 | $icon-content-upload: "\e7ee" !default;
|
260 |
|
261 | /// icon-content-download
|
262 | /// @group type
|
263 | /// @export type
|
264 | /// @unconfigurable
|
265 | $icon-content-download: "\e628" !default;
|
266 |
|
267 | /// icon-content-set
|
268 | /// @group type
|
269 | /// @export type
|
270 | /// @unconfigurable
|
271 | $icon-content-set: "\e683" !default;
|
272 |
|
273 | /// icon-content-edit
|
274 | /// @group type
|
275 | /// @export type
|
276 | /// @unconfigurable
|
277 | $icon-content-edit: "\e63b" !default;
|
278 |
|
279 | /// icon-content-refresh
|
280 | /// @group type
|
281 | /// @export type
|
282 | /// @unconfigurable
|
283 | $icon-content-refresh: "\e677" !default;
|
284 |
|
285 | /// icon-content-filter
|
286 | /// @group type
|
287 | /// @export type
|
288 | /// @unconfigurable
|
289 | $icon-content-filter: "\e627" !default;
|
290 |
|
291 | /// icon-content-attachment
|
292 | /// @group type
|
293 | /// @export type
|
294 | /// @unconfigurable
|
295 | $icon-content-attachment: "\e665" !default;
|
296 |
|
297 | /// icon-content-account
|
298 | /// @group type
|
299 | /// @export type
|
300 | /// @unconfigurable
|
301 | $icon-content-account: "\e608" !default;
|
302 |
|
303 | /// icon-content-email
|
304 | /// @group type
|
305 | /// @export type
|
306 | /// @unconfigurable
|
307 | $icon-content-email: "\e605" !default;
|
308 |
|
309 | /// icon-content-atm
|
310 | /// @group type
|
311 | /// @export type
|
312 | /// @unconfigurable
|
313 | $icon-content-atm: "\e606" !default;
|
314 |
|
315 | /// icon-content-copy
|
316 | /// @group type
|
317 | /// @export type
|
318 | /// @unconfigurable
|
319 | $icon-content-copy: "\e60f" !default;
|
320 |
|
321 | /// icon-content-toggle-left
|
322 | /// @group type
|
323 | /// @export type
|
324 | /// @unconfigurable
|
325 | $icon-content-toggle-left: "\e602" !default;
|
326 |
|
327 | /// icon-content-toggle-right
|
328 | /// @group type
|
329 | /// @export type
|
330 | /// @unconfigurable
|
331 | $icon-content-toggle-right: "\e603" !default;
|
332 |
|
333 | /// icon-content-eye
|
334 | /// @group type
|
335 | /// @export type
|
336 | /// @unconfigurable
|
337 | $icon-content-eye: "\e611" !default;
|
338 |
|
339 | /// icon-content-eye-close
|
340 | /// @group type
|
341 | /// @export type
|
342 | /// @unconfigurable
|
343 | $icon-content-eye-close: "\e600" !default;
|
344 |
|
345 | /// icon-content-unlock
|
346 | /// @group type
|
347 | /// @export type
|
348 | /// @unconfigurable
|
349 | $icon-content-unlock: "\e615" !default;
|
350 |
|
351 | /// icon-content-lock
|
352 | /// @group type
|
353 | /// @export type
|
354 | /// @unconfigurable
|
355 | $icon-content-lock: "\e617" !default;
|
356 |
|
357 | /// icon-content-exit
|
358 | /// @group type
|
359 | /// @export type
|
360 | /// @unconfigurable
|
361 | $icon-content-exit: "\e616" !default;
|
362 |
|
363 | /// icon-content-chart-bar
|
364 | /// @group type
|
365 | /// @export type
|
366 | /// @unconfigurable
|
367 | $icon-content-chart-bar: "\e612" !default;
|
368 |
|
369 | /// icon-content-chart-pie
|
370 | /// @group type
|
371 | /// @export type
|
372 | /// @unconfigurable
|
373 | $icon-content-chart-pie: "\e613" !default;
|
374 |
|
375 | /// icon-content-form
|
376 | /// @group type
|
377 | /// @export type
|
378 | /// @unconfigurable
|
379 | $icon-content-form: "\e7fb" !default;
|
380 |
|
381 | /// icon-content-detail
|
382 | /// @group type
|
383 | /// @export type
|
384 | /// @unconfigurable
|
385 | $icon-content-detail: "\e7f8" !default;
|
386 |
|
387 | /// icon-content-list
|
388 | /// @group type
|
389 | /// @export type
|
390 | /// @unconfigurable
|
391 | $icon-content-list: "\e7f9" !default;
|
392 |
|
393 | /// icon-content-dashboard
|
394 | /// @group type
|
395 | /// @export type
|
396 | /// @unconfigurable
|
397 | $icon-content-dashboard: "\e7fa" !default;
|
398 |
|
399 | /// icon-reset
|
400 | /// @group type
|
401 | /// @export type
|
402 | /// @unconfigurable
|
403 | $icon-reset: "" !default;
|
404 |
|