@koobiq/icons 7.1.0 → 7.1.1

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.
Files changed (47) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/dist/fonts/mc-icons.css +194 -21
  3. package/dist/fonts/mc-icons.html +86 -86
  4. package/dist/fonts/mc-icons.scss +351 -178
  5. package/dist/fonts/mc-icons.ttf +0 -0
  6. package/dist/fonts/mc-icons.woff +0 -0
  7. package/dist/svg/angle-down-L_16.svg +1 -1
  8. package/dist/svg/angle-down-L_24.svg +1 -1
  9. package/dist/svg/angle-down-M_16.svg +1 -1
  10. package/dist/svg/angle-down-M_24.svg +1 -1
  11. package/dist/svg/angle-down-S_16.svg +1 -1
  12. package/dist/svg/angle-left-L_16.svg +1 -1
  13. package/dist/svg/angle-left-L_24.svg +1 -1
  14. package/dist/svg/angle-left-M_16.svg +1 -1
  15. package/dist/svg/angle-left-M_24.svg +1 -1
  16. package/dist/svg/angle-left-S_16.svg +1 -1
  17. package/dist/svg/angle-right-L_16.svg +1 -1
  18. package/dist/svg/angle-right-L_24.svg +1 -1
  19. package/dist/svg/angle-right-M_16.svg +1 -1
  20. package/dist/svg/angle-right-M_32.svg +1 -1
  21. package/dist/svg/angle-right-S_16.svg +1 -1
  22. package/dist/svg/angle-up-L_16.svg +1 -1
  23. package/dist/svg/angle-up-L_24.svg +1 -1
  24. package/dist/svg/angle-up-M_16.svg +1 -1
  25. package/dist/svg/angle-up-M_24.svg +1 -1
  26. package/dist/svg/angle-up-S_16.svg +1 -1
  27. package/dist/svg/bell-o_16.svg +1 -1
  28. package/dist/svg/bell-o_24.svg +1 -1
  29. package/dist/svg/bell_32.svg +1 -1
  30. package/dist/svg/check_16.svg +1 -1
  31. package/dist/svg/circle-8_16.svg +1 -1
  32. package/dist/svg/close-L_32.svg +1 -1
  33. package/dist/svg/close-M_16.svg +1 -1
  34. package/dist/svg/download_32.svg +1 -1
  35. package/dist/svg/folder-open-o_24.svg +1 -1
  36. package/dist/svg/info-o_16.svg +1 -1
  37. package/dist/svg/minus_16.svg +1 -1
  38. package/dist/svg/play_16.svg +1 -1
  39. package/dist/svg/stop_16.svg +1 -1
  40. package/dist/svg/theme_16.svg +1 -1
  41. package/dist/svg/triangle-down_16.svg +1 -1
  42. package/dist/svg/triangle-left_16.svg +1 -1
  43. package/dist/svg/triangle-right_16.svg +1 -1
  44. package/dist/svg/triangle-up_16.svg +1 -1
  45. package/dist/symbol/sprite.symbol.html +39 -39
  46. package/dist/symbol/svg/sprite.symbol.svg +1 -1
  47. package/package.json +1 -1
@@ -2,370 +2,543 @@
2
2
  font-family: "PT Mosaic Icons";
3
3
  font-weight:normal;
4
4
  font-style:normal;
5
- src: url("./mc-icons.ttf?e8b794fcdc13cb9b03ea73d526850d3a") format("truetype"),
6
- url("./mc-icons.woff?e8b794fcdc13cb9b03ea73d526850d3a") format("woff");
5
+ src: url("./mc-icons.ttf?89f2d12f78345d4733f735ad86db2631") format("truetype"),
6
+ url("./mc-icons.woff?89f2d12f78345d4733f735ad86db2631") format("woff");
7
7
  }
8
8
 
9
9
  .mc {
10
10
  font-family: "PT Mosaic Icons";
11
- display: inline-block;
11
+ display:inline-block;
12
12
  vertical-align:middle;
13
13
  line-height:1;
14
14
  font-weight:normal;
15
15
  font-style:normal;
16
16
  speak:none;
17
- text-decoration: none;
17
+ text-decoration:inherit;
18
18
  text-transform:none;
19
19
  text-rendering:auto;
20
- -webkit-font-smoothing: antialiased;
21
- -moz-osx-font-smoothing: grayscale;
20
+ -webkit-font-smoothing:antialiased;
21
+ -moz-osx-font-smoothing:grayscale;
22
+ transform:rotate(0.001deg);
22
23
  }
23
24
 
24
25
  /*---------------------
25
26
  * Icons
26
27
  *-------------------*/
27
28
 
28
- .mc-angle-down-L_16:before {
29
- content: "\f101";
29
+ .mc-angle-down-L_16 {
30
30
  font-size: 16px;
31
+ &:before {
32
+ content: "\f101";
33
+ }
31
34
  }
32
- .mc-angle-down-M_16:before {
33
- content: "\f102";
35
+ .mc-angle-down-M_16 {
34
36
  font-size: 16px;
37
+ &:before {
38
+ content: "\f102";
39
+ }
35
40
  }
36
- .mc-angle-down-S_16:before {
37
- content: "\f103";
41
+ .mc-angle-down-S_16 {
38
42
  font-size: 16px;
43
+ &:before {
44
+ content: "\f103";
45
+ }
39
46
  }
40
- .mc-calendar_16:before {
41
- content: "\f104";
47
+ .mc-calendar_16 {
42
48
  font-size: 16px;
49
+ &:before {
50
+ content: "\f104";
51
+ }
43
52
  }
44
- .mc-check_16:before {
45
- content: "\f105";
53
+ .mc-check_16 {
46
54
  font-size: 16px;
55
+ &:before {
56
+ content: "\f105";
57
+ }
47
58
  }
48
- .mc-circle-8_16:before {
49
- content: "\f106";
59
+ .mc-circle-8_16 {
50
60
  font-size: 16px;
61
+ &:before {
62
+ content: "\f106";
63
+ }
51
64
  }
52
- .mc-clock_16:before {
53
- content: "\f107";
65
+ .mc-clock_16 {
54
66
  font-size: 16px;
67
+ &:before {
68
+ content: "\f107";
69
+ }
55
70
  }
56
- .mc-close-L_16:before {
57
- content: "\f108";
71
+ .mc-close-L_16 {
58
72
  font-size: 16px;
73
+ &:before {
74
+ content: "\f108";
75
+ }
59
76
  }
60
- .mc-close-M_16:before {
61
- content: "\f109";
77
+ .mc-close-M_16 {
62
78
  font-size: 16px;
79
+ &:before {
80
+ content: "\f109";
81
+ }
63
82
  }
64
- .mc-close-S_16:before {
65
- content: "\f10a";
83
+ .mc-close-S_16 {
66
84
  font-size: 16px;
85
+ &:before {
86
+ content: "\f10a";
87
+ }
67
88
  }
68
- .mc-ellipsis_16:before {
69
- content: "\f10b";
89
+ .mc-ellipsis_16 {
70
90
  font-size: 16px;
91
+ &:before {
92
+ content: "\f10b";
93
+ }
71
94
  }
72
- .mc-folder-closed_16:before {
73
- content: "\f10c";
95
+ .mc-folder-closed_16 {
74
96
  font-size: 16px;
97
+ &:before {
98
+ content: "\f10c";
99
+ }
75
100
  }
76
- .mc-folder-opened_16:before {
77
- content: "\f10d";
101
+ .mc-folder-opened_16 {
78
102
  font-size: 16px;
103
+ &:before {
104
+ content: "\f10d";
105
+ }
79
106
  }
80
- .mc-gear_16:before {
81
- content: "\f10e";
107
+ .mc-gear_16 {
82
108
  font-size: 16px;
109
+ &:before {
110
+ content: "\f10e";
111
+ }
83
112
  }
84
- .mc-hamburger_16:before {
85
- content: "\f10f";
113
+ .mc-hamburger_16 {
86
114
  font-size: 16px;
115
+ &:before {
116
+ content: "\f10f";
117
+ }
87
118
  }
88
- .mc-pause_16:before {
89
- content: "\f110";
119
+ .mc-pause_16 {
90
120
  font-size: 16px;
121
+ &:before {
122
+ content: "\f110";
123
+ }
91
124
  }
92
- .mc-play_16:before {
93
- content: "\f111";
125
+ .mc-play_16 {
94
126
  font-size: 16px;
127
+ &:before {
128
+ content: "\f111";
129
+ }
95
130
  }
96
- .mc-stop_16:before {
97
- content: "\f112";
131
+ .mc-stop_16 {
98
132
  font-size: 16px;
133
+ &:before {
134
+ content: "\f112";
135
+ }
99
136
  }
100
- .mc-triangle-down_16:before {
101
- content: "\f113";
137
+ .mc-triangle-down_16 {
102
138
  font-size: 16px;
139
+ &:before {
140
+ content: "\f113";
141
+ }
103
142
  }
104
- .mc-upload-to-cloud_24:before {
105
- content: "\f114";
143
+ .mc-upload-to-cloud_24 {
106
144
  font-size: 24px;
145
+ &:before {
146
+ content: "\f114";
147
+ }
107
148
  }
108
- .mc-upload-to-cloud_64:before {
109
- content: "\f115";
149
+ .mc-upload-to-cloud_64 {
110
150
  font-size: 64px;
151
+ &:before {
152
+ content: "\f115";
153
+ }
111
154
  }
112
- .mc-error_16:before {
113
- content: "\f116";
155
+ .mc-error_16 {
114
156
  font-size: 16px;
157
+ &:before {
158
+ content: "\f116";
159
+ }
115
160
  }
116
- .mc-info_16:before {
117
- content: "\f117";
161
+ .mc-info_16 {
118
162
  font-size: 16px;
163
+ &:before {
164
+ content: "\f117";
165
+ }
119
166
  }
120
- .mc-search_16:before {
121
- content: "\f118";
167
+ .mc-search_16 {
122
168
  font-size: 16px;
169
+ &:before {
170
+ content: "\f118";
171
+ }
123
172
  }
124
- .mc-download_16:before {
125
- content: "\f119";
173
+ .mc-download_16 {
126
174
  font-size: 16px;
175
+ &:before {
176
+ content: "\f119";
177
+ }
127
178
  }
128
- .mc-copy-o_16:before {
129
- content: "\f11a";
179
+ .mc-copy-o_16 {
130
180
  font-size: 16px;
181
+ &:before {
182
+ content: "\f11a";
183
+ }
131
184
  }
132
- .mc-minus_16:before {
133
- content: "\f11b";
185
+ .mc-minus_16 {
134
186
  font-size: 16px;
187
+ &:before {
188
+ content: "\f11b";
189
+ }
135
190
  }
136
- .mc-angle-up-L_16:before {
137
- content: "\f11c";
191
+ .mc-angle-up-L_16 {
138
192
  font-size: 16px;
193
+ &:before {
194
+ content: "\f11c";
195
+ }
139
196
  }
140
- .mc-angle-up-M_16:before {
141
- content: "\f11d";
197
+ .mc-angle-up-M_16 {
142
198
  font-size: 16px;
199
+ &:before {
200
+ content: "\f11d";
201
+ }
143
202
  }
144
- .mc-angle-up-S_16:before {
145
- content: "\f11e";
203
+ .mc-angle-up-S_16 {
146
204
  font-size: 16px;
205
+ &:before {
206
+ content: "\f11e";
207
+ }
147
208
  }
148
- .mc-angle-left-L_16:before {
149
- content: "\f11f";
209
+ .mc-angle-left-L_16 {
150
210
  font-size: 16px;
211
+ &:before {
212
+ content: "\f11f";
213
+ }
151
214
  }
152
- .mc-angle-left-M_16:before {
153
- content: "\f120";
215
+ .mc-angle-left-M_16 {
154
216
  font-size: 16px;
217
+ &:before {
218
+ content: "\f120";
219
+ }
155
220
  }
156
- .mc-angle-left-S_16:before {
157
- content: "\f121";
221
+ .mc-angle-left-S_16 {
158
222
  font-size: 16px;
223
+ &:before {
224
+ content: "\f121";
225
+ }
159
226
  }
160
- .mc-angle-right-L_16:before {
161
- content: "\f122";
227
+ .mc-angle-right-L_16 {
162
228
  font-size: 16px;
229
+ &:before {
230
+ content: "\f122";
231
+ }
163
232
  }
164
- .mc-angle-right-M_16:before {
165
- content: "\f123";
233
+ .mc-angle-right-M_16 {
166
234
  font-size: 16px;
235
+ &:before {
236
+ content: "\f123";
237
+ }
167
238
  }
168
- .mc-angle-right-S_16:before {
169
- content: "\f124";
239
+ .mc-angle-right-S_16 {
170
240
  font-size: 16px;
241
+ &:before {
242
+ content: "\f124";
243
+ }
171
244
  }
172
- .mc-bell_32:before {
173
- content: "\f125";
245
+ .mc-bell_32 {
174
246
  font-size: 32px;
247
+ &:before {
248
+ content: "\f125";
249
+ }
175
250
  }
176
- .mc-hamburger_32:before {
177
- content: "\f126";
251
+ .mc-hamburger_32 {
178
252
  font-size: 32px;
253
+ &:before {
254
+ content: "\f126";
255
+ }
179
256
  }
180
- .mc-close-L_32:before {
181
- content: "\f127";
257
+ .mc-close-L_32 {
182
258
  font-size: 32px;
259
+ &:before {
260
+ content: "\f127";
261
+ }
183
262
  }
184
- .mc-angle-right-M_32:before {
185
- content: "\f128";
263
+ .mc-angle-right-M_32 {
186
264
  font-size: 32px;
265
+ &:before {
266
+ content: "\f128";
267
+ }
187
268
  }
188
- .mc-triangle-up_16:before {
189
- content: "\f129";
269
+ .mc-triangle-up_16 {
190
270
  font-size: 16px;
271
+ &:before {
272
+ content: "\f129";
273
+ }
191
274
  }
192
- .mc-bell-o_16:before {
193
- content: "\f12a";
275
+ .mc-bell-o_16 {
194
276
  font-size: 16px;
277
+ &:before {
278
+ content: "\f12a";
279
+ }
195
280
  }
196
- .mc-bell-off-o_16:before {
197
- content: "\f12b";
281
+ .mc-bell-off-o_16 {
198
282
  font-size: 16px;
283
+ &:before {
284
+ content: "\f12b";
285
+ }
199
286
  }
200
- .mc-download_32:before {
201
- content: "\f12c";
287
+ .mc-download_32 {
202
288
  font-size: 32px;
289
+ &:before {
290
+ content: "\f12c";
291
+ }
203
292
  }
204
- .mc-triangle-left_16:before {
205
- content: "\f12d";
293
+ .mc-triangle-left_16 {
206
294
  font-size: 16px;
295
+ &:before {
296
+ content: "\f12d";
297
+ }
207
298
  }
208
- .mc-triangle-right_16:before {
209
- content: "\f12e";
299
+ .mc-triangle-right_16 {
210
300
  font-size: 16px;
301
+ &:before {
302
+ content: "\f12e";
303
+ }
211
304
  }
212
- .mc-upload-to-cloud_16:before {
213
- content: "\f12f";
305
+ .mc-upload-to-cloud_16 {
214
306
  font-size: 16px;
307
+ &:before {
308
+ content: "\f12f";
309
+ }
215
310
  }
216
- .mc-upload-to-cloud_32:before {
217
- content: "\f130";
311
+ .mc-upload-to-cloud_32 {
218
312
  font-size: 32px;
313
+ &:before {
314
+ content: "\f130";
315
+ }
219
316
  }
220
- .mc-bell_16:before {
221
- content: "\f131";
317
+ .mc-bell_16 {
222
318
  font-size: 16px;
319
+ &:before {
320
+ content: "\f131";
321
+ }
223
322
  }
224
- .mc-copy_16:before {
225
- content: "\f132";
323
+ .mc-copy_16 {
226
324
  font-size: 16px;
325
+ &:before {
326
+ content: "\f132";
327
+ }
227
328
  }
228
- .mc-folder-search_16:before {
229
- content: "\f133";
329
+ .mc-folder-search_16 {
230
330
  font-size: 16px;
331
+ &:before {
332
+ content: "\f133";
333
+ }
231
334
  }
232
- .mc-folder-search-opened_16:before {
233
- content: "\f134";
335
+ .mc-folder-search-opened_16 {
234
336
  font-size: 16px;
337
+ &:before {
338
+ content: "\f134";
339
+ }
235
340
  }
236
- .mc-info-o_16:before {
237
- content: "\f135";
341
+ .mc-info-o_16 {
238
342
  font-size: 16px;
343
+ &:before {
344
+ content: "\f135";
345
+ }
239
346
  }
240
- .mc-close-circle_16:before {
241
- content: "\f136";
347
+ .mc-close-circle_16 {
242
348
  font-size: 16px;
349
+ &:before {
350
+ content: "\f136";
351
+ }
243
352
  }
244
- .mc-bento_16:before {
245
- content: "\f137";
353
+ .mc-bento_16 {
246
354
  font-size: 16px;
355
+ &:before {
356
+ content: "\f137";
357
+ }
247
358
  }
248
- .mc-bento_32:before {
249
- content: "\f138";
359
+ .mc-bento_32 {
250
360
  font-size: 32px;
361
+ &:before {
362
+ content: "\f138";
363
+ }
251
364
  }
252
- .mc-new-tab_16:before {
253
- content: "\f139";
365
+ .mc-new-tab_16 {
254
366
  font-size: 16px;
367
+ &:before {
368
+ content: "\f139";
369
+ }
255
370
  }
256
- .mc-external-link_16:before {
257
- content: "\f13a";
371
+ .mc-external-link_16 {
258
372
  font-size: 16px;
373
+ &:before {
374
+ content: "\f13a";
375
+ }
259
376
  }
260
- .mc-bento_24:before {
261
- content: "\f13b";
377
+ .mc-bento_24 {
262
378
  font-size: 24px;
379
+ &:before {
380
+ content: "\f13b";
381
+ }
263
382
  }
264
- .mc-angle-down-L_24:before {
265
- content: "\f13c";
383
+ .mc-angle-down-L_24 {
266
384
  font-size: 24px;
385
+ &:before {
386
+ content: "\f13c";
387
+ }
267
388
  }
268
- .mc-angle-down-M_24:before {
269
- content: "\f13d";
389
+ .mc-angle-down-M_24 {
270
390
  font-size: 24px;
391
+ &:before {
392
+ content: "\f13d";
393
+ }
271
394
  }
272
- .mc-angle-left-L_24:before {
273
- content: "\f13e";
395
+ .mc-angle-left-L_24 {
274
396
  font-size: 24px;
397
+ &:before {
398
+ content: "\f13e";
399
+ }
275
400
  }
276
- .mc-angle-left-M_24:before {
277
- content: "\f13f";
401
+ .mc-angle-left-M_24 {
278
402
  font-size: 24px;
403
+ &:before {
404
+ content: "\f13f";
405
+ }
279
406
  }
280
- .mc-angle-right-L_24:before {
281
- content: "\f140";
407
+ .mc-angle-right-L_24 {
282
408
  font-size: 24px;
409
+ &:before {
410
+ content: "\f140";
411
+ }
283
412
  }
284
- .mc-angle-right-M_24:before {
285
- content: "\f141";
413
+ .mc-angle-right-M_24 {
286
414
  font-size: 24px;
415
+ &:before {
416
+ content: "\f141";
417
+ }
287
418
  }
288
- .mc-angle-up-L_24:before {
289
- content: "\f142";
419
+ .mc-angle-up-L_24 {
290
420
  font-size: 24px;
421
+ &:before {
422
+ content: "\f142";
423
+ }
291
424
  }
292
- .mc-angle-up-M_24:before {
293
- content: "\f143";
425
+ .mc-angle-up-M_24 {
294
426
  font-size: 24px;
427
+ &:before {
428
+ content: "\f143";
429
+ }
295
430
  }
296
- .mc-bell-o_24:before {
297
- content: "\f144";
431
+ .mc-bell-o_24 {
298
432
  font-size: 24px;
433
+ &:before {
434
+ content: "\f144";
435
+ }
299
436
  }
300
- .mc-chart-bar_24:before {
301
- content: "\f145";
437
+ .mc-chart-bar_24 {
302
438
  font-size: 24px;
439
+ &:before {
440
+ content: "\f145";
441
+ }
303
442
  }
304
- .mc-ellipsis_24:before {
305
- content: "\f146";
443
+ .mc-ellipsis_24 {
306
444
  font-size: 24px;
445
+ &:before {
446
+ content: "\f146";
447
+ }
307
448
  }
308
- .mc-folder-open-o_24:before {
309
- content: "\f147";
449
+ .mc-folder-open-o_24 {
310
450
  font-size: 24px;
451
+ &:before {
452
+ content: "\f147";
453
+ }
311
454
  }
312
- .mc-list_24:before {
313
- content: "\f148";
455
+ .mc-list_24 {
314
456
  font-size: 24px;
457
+ &:before {
458
+ content: "\f148";
459
+ }
315
460
  }
316
- .mc-question-circle_24:before {
317
- content: "\f149";
461
+ .mc-question-circle_24 {
318
462
  font-size: 24px;
463
+ &:before {
464
+ content: "\f149";
465
+ }
319
466
  }
320
- .mc-search_24:before {
321
- content: "\f150";
467
+ .mc-search_24 {
322
468
  font-size: 24px;
469
+ &:before {
470
+ content: "\f150";
471
+ }
323
472
  }
324
- .mc-user-o_24:before {
325
- content: "\f151";
473
+ .mc-user-o_24 {
326
474
  font-size: 24px;
475
+ &:before {
476
+ content: "\f151";
477
+ }
327
478
  }
328
- .mc-user_16:before {
329
- content: "\f152";
479
+ .mc-user_16 {
330
480
  font-size: 16px;
481
+ &:before {
482
+ content: "\f152";
483
+ }
331
484
  }
332
- .mc-eye_16:before {
333
- content: "\f153";
485
+ .mc-eye_16 {
334
486
  font-size: 16px;
487
+ &:before {
488
+ content: "\f153";
489
+ }
335
490
  }
336
- .mc-eye-crossed_16:before {
337
- content: "\f154";
491
+ .mc-eye-crossed_16 {
338
492
  font-size: 16px;
493
+ &:before {
494
+ content: "\f154";
495
+ }
339
496
  }
340
- .mc-color-palette_16:before {
341
- content: "\f155";
497
+ .mc-color-palette_16 {
342
498
  font-size: 16px;
499
+ &:before {
500
+ content: "\f155";
501
+ }
343
502
  }
344
- .mc-globe_16:before {
345
- content: "\f156";
503
+ .mc-globe_16 {
346
504
  font-size: 16px;
505
+ &:before {
506
+ content: "\f156";
507
+ }
347
508
  }
348
- .mc-theme_16:before {
349
- content: "\f157";
509
+ .mc-theme_16 {
350
510
  font-size: 16px;
511
+ &:before {
512
+ content: "\f157";
513
+ }
351
514
  }
352
- .mc-success_16:before {
353
- content: "\f158";
515
+ .mc-success_16 {
354
516
  font-size: 16px;
517
+ &:before {
518
+ content: "\f158";
519
+ }
355
520
  }
356
- .mc-word-wrap_16:before {
357
- content: "\f159";
521
+ .mc-word-wrap_16 {
358
522
  font-size: 16px;
523
+ &:before {
524
+ content: "\f159";
525
+ }
359
526
  }
360
- .mc-word-wrap-slash_16:before {
361
- content: "\f15a";
527
+ .mc-word-wrap-slash_16 {
362
528
  font-size: 16px;
529
+ &:before {
530
+ content: "\f15a";
531
+ }
363
532
  }
364
- .mc-file-empty_16:before {
365
- content: "\f15c";
533
+ .mc-file-empty_16 {
366
534
  font-size: 16px;
535
+ &:before {
536
+ content: "\f15c";
537
+ }
367
538
  }
368
- .mc-cloud-404_256:before {
369
- content: "\f14a";
539
+ .mc-cloud-404_256 {
370
540
  font-size: 256px;
541
+ &:before {
542
+ content: "\f14a";
543
+ }
371
544
  }