urfu-ui-kit-vanilla 2.3.4 → 2.3.5

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 CHANGED
@@ -3,7 +3,7 @@
3
3
  "description": "UrFU UI-Kit for Vanilla Web",
4
4
  "license": "Apache-2.0",
5
5
  "private": false,
6
- "version": "2.3.4",
6
+ "version": "2.3.5",
7
7
  "type": "module",
8
8
  "scripts": {
9
9
  "start": "npm-run-all --parallel less:watch vite",
package/src/ui-icons.css CHANGED
@@ -1,426 +1,426 @@
1
- @font-face {
2
- font-family: 'urfu-ui-icon-font';
3
- src: url('fonts/urfu-ui-icon-font.eot?z3h48');
4
- src: url('fonts/urfu-ui-icon-font.eot?z3h48#iefix') format('embedded-opentype'),
5
- url('fonts/urfu-ui-icon-font.ttf?z3h48') format('truetype'),
6
- url('fonts/urfu-ui-icon-font.woff?z3h48') format('woff'),
7
- url('fonts/urfu-ui-icon-font.svg?z3h48#urfu-ui-icon-font') format('svg');
8
- font-weight: normal;
9
- font-style: normal;
10
- font-display: block;
11
- }
12
-
13
- .u-icon {
14
- /* use !important to prevent issues with browser extensions that change fonts */
15
- font-family: 'urfu-ui-icon-font' !important;
16
- speak: never;
17
- font-style: normal;
18
- font-weight: normal;
19
- font-variant: normal;
20
- text-transform: none;
21
- line-height: 1;
22
-
23
- /* Better Font Rendering =========== */
24
- -webkit-font-smoothing: antialiased;
25
- -moz-osx-font-smoothing: grayscale;
26
- }
27
-
28
- .icon-active:before {
29
- content: "\e900";
30
- color: #1e4391;
31
- }
32
- .icon-application:before {
33
- content: "\e901";
34
- color: #1e4391;
35
- }
36
- .icon-arrow-sideways:before {
37
- content: "\e902";
38
- color: #1e4391;
39
- }
40
- .icon-attention:before {
41
- content: "\e903";
42
- color: #ef302b;
43
- }
44
- .icon-audit:before {
45
- content: "\e904";
46
- color: #ef302b;
47
- }
48
- .icon-basket:before {
49
- content: "\e905";
50
- color: #1e4391;
51
- }
52
- .icon-block:before {
53
- content: "\e906";
54
- color: #1e4391;
55
- }
56
- .icon-briefcase:before {
57
- content: "\e907";
58
- color: #1e4391;
59
- }
60
- .icon-calculator:before {
61
- content: "\e908";
62
- color: #1e4391;
63
- }
64
- .icon-calendar:before {
65
- content: "\e909";
66
- color: #1e4391;
67
- }
68
- .icon-catalog:before {
69
- content: "\e90a";
70
- color: #1e4391;
71
- }
72
- .icon-chat:before {
73
- content: "\e90b";
74
- color: #1e4391;
75
- }
76
- .icon-check:before {
77
- content: "\e90c";
78
- color: #3ba68c;
79
- }
80
- .icon-clock:before {
81
- content: "\e90d";
82
- color: #1e4391;
83
- }
84
- .icon-cloud:before {
85
- content: "\e90e";
86
- color: #1e4391;
87
- }
88
- .icon-context:before {
89
- content: "\e90f";
90
- color: #ef302b;
91
- }
92
- .icon-copy:before {
93
- content: "\e910";
94
- color: #1e4391;
95
- }
96
- .icon-correct:before {
97
- content: "\e911";
98
- color: #1e4391;
99
- }
100
- .icon-cross:before {
101
- content: "\e912";
102
- color: #ef302b;
103
- }
104
- .icon-cross-small:before {
105
- content: "\e913";
106
- color: #9faecd;
107
- }
108
- .icon-cup:before {
109
- content: "\e914";
110
- color: #1e4391;
111
- }
112
- .icon-directory:before {
113
- content: "\e915";
114
- color: #1e4391;
115
- }
116
- .icon-doc:before {
117
- content: "\e916";
118
- color: #1e4391;
119
- }
120
- .icon-document:before {
121
- content: "\e917";
122
- color: #1e4391;
123
- }
124
- .icon-documents:before {
125
- content: "\e918";
126
- color: #1e4391;
127
- }
128
- .icon-down:before {
129
- content: "\e919";
130
- color: #1e4391;
131
- }
132
- .icon-down-arrow:before {
133
- content: "\e91a";
134
- color: #1e4391;
135
- }
136
- .icon-download:before {
137
- content: "\e91b";
138
- color: #1e4391;
139
- }
140
- .icon-download-line:before {
141
- content: "\e91c";
142
- color: #1e4391;
143
- }
144
- .icon-dropdown:before {
145
- content: "\e91d";
146
- color: #1e4391;
147
- }
148
- .icon-dropdown-horisontal:before {
149
- content: "\e91e";
150
- color: #1e4391;
151
- }
152
- .icon-entrance:before {
153
- content: "\e91f";
154
- color: #1e4391;
155
- }
156
- .icon-events:before {
157
- content: "\e920";
158
- color: #ef302b;
159
- }
160
- .icon-extracurricular-activities:before {
161
- content: "\e921";
162
- color: #1e4391;
163
- }
164
- .icon-filter:before {
165
- content: "\e922";
166
- color: #1e4391;
167
- }
168
- .icon-filter-mobile:before {
169
- content: "\e923";
170
- color: #1e4391;
171
- }
172
- .icon-folder:before {
173
- content: "\e924";
174
- color: #e98446;
175
- }
176
- .icon-folders:before {
177
- content: "\e925";
178
- color: #a7a7a7;
179
- }
180
- .icon-full-screen:before {
181
- content: "\e926";
182
- color: #1e4391;
183
- }
184
- .icon-hidden:before {
185
- content: "\e927";
186
- color: #1e4391;
187
- }
188
- .icon-home:before {
189
- content: "\e928";
190
- color: #1e4391;
191
- }
192
- .icon-img:before {
193
- content: "\e929";
194
- color: #467be3;
195
- }
196
- .icon-information:before {
197
- content: "\e92a";
198
- color: #1e4391;
199
- }
200
- .icon-jpg:before {
201
- content: "\e92b";
202
- color: #467be3;
203
- }
204
- .icon-left:before {
205
- content: "\e92c";
206
- color: #1e4391;
207
- }
208
- .icon-left-arrow:before {
209
- content: "\e92d";
210
- color: #1e4391;
211
- }
212
- .icon-letter:before {
213
- content: "\e92e";
214
- color: #1e4391;
215
- }
216
- .icon-like:before {
217
- content: "\e92f";
218
- color: #1e4391;
219
- }
220
- .icon-link:before {
221
- content: "\e930";
222
- color: #1e4391;
223
- }
224
- .icon-list-view:before {
225
- content: "\e931";
226
- color: #7a7a7a;
227
- }
228
- .icon-lk-role:before {
229
- content: "\e932";
230
- color: #1e4391;
231
- }
232
- .icon-map:before {
233
- content: "\e933";
234
- color: #ef302b;
235
- }
236
- .icon-minus:before {
237
- content: "\e934";
238
- color: #1e4391;
239
- }
240
- .icon-mobile:before {
241
- content: "\e935";
242
- color: #1e4391;
243
- }
244
- .icon-moderation:before {
245
- content: "\e936";
246
- color: #1e4391;
247
- }
248
- .icon-news:before {
249
- content: "\e937";
250
- color: #1e4391;
251
- }
252
- .icon-notify:before {
253
- content: "\e938";
254
- color: #ef302b;
255
- }
256
- .icon-ok:before {
257
- content: "\e939";
258
- color: #1e4391;
259
- }
260
- .icon-participant:before {
261
- content: "\e93a";
262
- color: #ef302b;
263
- }
264
- .icon-pdf:before {
265
- content: "\e93b";
266
- color: #ef302b;
267
- }
268
- .icon-pencil:before {
269
- content: "\e93c";
270
- color: #1e4391;
271
- }
272
- .icon-people:before {
273
- content: "\e93d";
274
- color: #1e4391;
275
- }
276
- .icon-plus:before {
277
- content: "\e93e";
278
- color: #1e4391;
279
- }
280
- .icon-png:before {
281
- content: "\e93f";
282
- color: #467be3;
283
- }
284
- .icon-ppt:before {
285
- content: "\e940";
286
- color: #e98446;
287
- }
288
- .icon-question:before {
289
- content: "\e941";
290
- color: #1e4391;
291
- }
292
- .icon-rating:before {
293
- content: "\e942";
294
- color: #1e4391;
295
- }
296
- .icon-right:before {
297
- content: "\e943";
298
- color: #1e4391;
299
- }
300
- .icon-right-arrow:before {
301
- content: "\e944";
302
- color: #1e4391;
303
- }
304
- .icon-role:before {
305
- content: "\e945";
306
- color: #1e4391;
307
- }
308
- .icon-save:before {
309
- content: "\e946";
310
- color: #1e4391;
311
- }
312
- .icon-search:before {
313
- content: "\e947";
314
- color: #1e4391;
315
- }
316
- .icon-setting:before {
317
- content: "\e948";
318
- color: #1e4391;
319
- }
320
- .icon-settlement:before {
321
- content: "\e949";
322
- color: #1e4391;
323
- }
324
- .icon-shell:before {
325
- content: "\e94a";
326
- color: #1e4391;
327
- }
328
- .icon-sorting:before {
329
- content: "\e94b";
330
- color: #1e4391;
331
- }
332
- .icon-star:before {
333
- content: "\e94c";
334
- color: #1e4391;
335
- }
336
- .icon-star2:before {
337
- content: "\e94d";
338
- color: #ef302b;
339
- }
340
- .icon-star-top20:before {
341
- content: "\e94e";
342
- color: #147246;
343
- }
344
- .icon-star-top50:before {
345
- content: "\e94f";
346
- color: #1e4391;
347
- }
348
- .icon-submenu:before {
349
- content: "\e950";
350
- color: #ef302b;
351
- }
352
- .icon-svg:before {
353
- content: "\e951";
354
- color: #a872bc;
355
- }
356
- .icon-table-view:before {
357
- content: "\e952";
358
- color: #1e4391;
359
- }
360
- .icon-telephone:before {
361
- content: "\e953";
362
- color: #1e4391;
363
- }
364
- .icon-test-tube:before {
365
- content: "\e954";
366
- color: #1e4391;
367
- }
368
- .icon-top20:before {
369
- content: "\e955";
370
- color: #147246;
371
- }
372
- .icon-top50:before {
373
- content: "\e956";
374
- color: #1e4391;
375
- }
376
- .icon-top100:before {
377
- content: "\e957";
378
- color: #ef302b;
379
- }
380
- .icon-university:before {
381
- content: "\e958";
382
- color: #1e4391;
383
- }
384
- .icon-unlink:before {
385
- content: "\e959";
386
- color: #1e4391;
387
- }
388
- .icon-unlink2:before {
389
- content: "\e95a";
390
- color: #ef302b;
391
- }
392
- .icon-up:before {
393
- content: "\e95b";
394
- color: #1e4391;
395
- }
396
- .icon-up-arrow:before {
397
- content: "\e95c";
398
- color: #1e4391;
399
- }
400
- .icon-upload:before {
401
- content: "\e95d";
402
- color: #1e4391;
403
- }
404
- .icon-user:before {
405
- content: "\e95e";
406
- color: #1e4391;
407
- }
408
- .icon-video:before {
409
- content: "\e95f";
410
- color: #0f2b5e;
411
- }
412
- .icon-video-instruction:before {
413
- content: "\e960";
414
- }
415
- .icon-warning:before {
416
- content: "\e961";
417
- color: #ef302b;
418
- }
419
- .icon-xls:before {
420
- content: "\e962";
421
- color: #3ba68c;
422
- }
423
- .icon-zip:before {
424
- content: "\e963";
425
- color: #0987ae;
426
- }
1
+ @font-face {
2
+ font-family: 'urfu-ui-icon-font';
3
+ src: url('fonts/icons/urfu-ui-icon-font.eot?z3h48');
4
+ src: url('fonts/icons/urfu-ui-icon-font.eot?z3h48#iefix') format('embedded-opentype'),
5
+ url('fonts/icons/urfu-ui-icon-font.ttf?z3h48') format('truetype'),
6
+ url('fonts/icons/urfu-ui-icon-font.woff?z3h48') format('woff'),
7
+ url('fonts/icons/urfu-ui-icon-font.svg?z3h48#urfu-ui-icon-font') format('svg');
8
+ font-weight: normal;
9
+ font-style: normal;
10
+ font-display: block;
11
+ }
12
+
13
+ .u-icon {
14
+ /* use !important to prevent issues with browser extensions that change fonts */
15
+ font-family: 'urfu-ui-icon-font' !important;
16
+ speak: never;
17
+ font-style: normal;
18
+ font-weight: normal;
19
+ font-variant: normal;
20
+ text-transform: none;
21
+ line-height: 1;
22
+
23
+ /* Better Font Rendering =========== */
24
+ -webkit-font-smoothing: antialiased;
25
+ -moz-osx-font-smoothing: grayscale;
26
+ }
27
+
28
+ .icon-active:before {
29
+ content: "\e900";
30
+ color: #1e4391;
31
+ }
32
+ .icon-application:before {
33
+ content: "\e901";
34
+ color: #1e4391;
35
+ }
36
+ .icon-arrow-sideways:before {
37
+ content: "\e902";
38
+ color: #1e4391;
39
+ }
40
+ .icon-attention:before {
41
+ content: "\e903";
42
+ color: #ef302b;
43
+ }
44
+ .icon-audit:before {
45
+ content: "\e904";
46
+ color: #ef302b;
47
+ }
48
+ .icon-basket:before {
49
+ content: "\e905";
50
+ color: #1e4391;
51
+ }
52
+ .icon-block:before {
53
+ content: "\e906";
54
+ color: #1e4391;
55
+ }
56
+ .icon-briefcase:before {
57
+ content: "\e907";
58
+ color: #1e4391;
59
+ }
60
+ .icon-calculator:before {
61
+ content: "\e908";
62
+ color: #1e4391;
63
+ }
64
+ .icon-calendar:before {
65
+ content: "\e909";
66
+ color: #1e4391;
67
+ }
68
+ .icon-catalog:before {
69
+ content: "\e90a";
70
+ color: #1e4391;
71
+ }
72
+ .icon-chat:before {
73
+ content: "\e90b";
74
+ color: #1e4391;
75
+ }
76
+ .icon-check:before {
77
+ content: "\e90c";
78
+ color: #3ba68c;
79
+ }
80
+ .icon-clock:before {
81
+ content: "\e90d";
82
+ color: #1e4391;
83
+ }
84
+ .icon-cloud:before {
85
+ content: "\e90e";
86
+ color: #1e4391;
87
+ }
88
+ .icon-context:before {
89
+ content: "\e90f";
90
+ color: #ef302b;
91
+ }
92
+ .icon-copy:before {
93
+ content: "\e910";
94
+ color: #1e4391;
95
+ }
96
+ .icon-correct:before {
97
+ content: "\e911";
98
+ color: #1e4391;
99
+ }
100
+ .icon-cross:before {
101
+ content: "\e912";
102
+ color: #ef302b;
103
+ }
104
+ .icon-cross-small:before {
105
+ content: "\e913";
106
+ color: #9faecd;
107
+ }
108
+ .icon-cup:before {
109
+ content: "\e914";
110
+ color: #1e4391;
111
+ }
112
+ .icon-directory:before {
113
+ content: "\e915";
114
+ color: #1e4391;
115
+ }
116
+ .icon-doc:before {
117
+ content: "\e916";
118
+ color: #1e4391;
119
+ }
120
+ .icon-document:before {
121
+ content: "\e917";
122
+ color: #1e4391;
123
+ }
124
+ .icon-documents:before {
125
+ content: "\e918";
126
+ color: #1e4391;
127
+ }
128
+ .icon-down:before {
129
+ content: "\e919";
130
+ color: #1e4391;
131
+ }
132
+ .icon-down-arrow:before {
133
+ content: "\e91a";
134
+ color: #1e4391;
135
+ }
136
+ .icon-download:before {
137
+ content: "\e91b";
138
+ color: #1e4391;
139
+ }
140
+ .icon-download-line:before {
141
+ content: "\e91c";
142
+ color: #1e4391;
143
+ }
144
+ .icon-dropdown:before {
145
+ content: "\e91d";
146
+ color: #1e4391;
147
+ }
148
+ .icon-dropdown-horisontal:before {
149
+ content: "\e91e";
150
+ color: #1e4391;
151
+ }
152
+ .icon-entrance:before {
153
+ content: "\e91f";
154
+ color: #1e4391;
155
+ }
156
+ .icon-events:before {
157
+ content: "\e920";
158
+ color: #ef302b;
159
+ }
160
+ .icon-extracurricular-activities:before {
161
+ content: "\e921";
162
+ color: #1e4391;
163
+ }
164
+ .icon-filter:before {
165
+ content: "\e922";
166
+ color: #1e4391;
167
+ }
168
+ .icon-filter-mobile:before {
169
+ content: "\e923";
170
+ color: #1e4391;
171
+ }
172
+ .icon-folder:before {
173
+ content: "\e924";
174
+ color: #e98446;
175
+ }
176
+ .icon-folders:before {
177
+ content: "\e925";
178
+ color: #a7a7a7;
179
+ }
180
+ .icon-full-screen:before {
181
+ content: "\e926";
182
+ color: #1e4391;
183
+ }
184
+ .icon-hidden:before {
185
+ content: "\e927";
186
+ color: #1e4391;
187
+ }
188
+ .icon-home:before {
189
+ content: "\e928";
190
+ color: #1e4391;
191
+ }
192
+ .icon-img:before {
193
+ content: "\e929";
194
+ color: #467be3;
195
+ }
196
+ .icon-information:before {
197
+ content: "\e92a";
198
+ color: #1e4391;
199
+ }
200
+ .icon-jpg:before {
201
+ content: "\e92b";
202
+ color: #467be3;
203
+ }
204
+ .icon-left:before {
205
+ content: "\e92c";
206
+ color: #1e4391;
207
+ }
208
+ .icon-left-arrow:before {
209
+ content: "\e92d";
210
+ color: #1e4391;
211
+ }
212
+ .icon-letter:before {
213
+ content: "\e92e";
214
+ color: #1e4391;
215
+ }
216
+ .icon-like:before {
217
+ content: "\e92f";
218
+ color: #1e4391;
219
+ }
220
+ .icon-link:before {
221
+ content: "\e930";
222
+ color: #1e4391;
223
+ }
224
+ .icon-list-view:before {
225
+ content: "\e931";
226
+ color: #7a7a7a;
227
+ }
228
+ .icon-lk-role:before {
229
+ content: "\e932";
230
+ color: #1e4391;
231
+ }
232
+ .icon-map:before {
233
+ content: "\e933";
234
+ color: #ef302b;
235
+ }
236
+ .icon-minus:before {
237
+ content: "\e934";
238
+ color: #1e4391;
239
+ }
240
+ .icon-mobile:before {
241
+ content: "\e935";
242
+ color: #1e4391;
243
+ }
244
+ .icon-moderation:before {
245
+ content: "\e936";
246
+ color: #1e4391;
247
+ }
248
+ .icon-news:before {
249
+ content: "\e937";
250
+ color: #1e4391;
251
+ }
252
+ .icon-notify:before {
253
+ content: "\e938";
254
+ color: #ef302b;
255
+ }
256
+ .icon-ok:before {
257
+ content: "\e939";
258
+ color: #1e4391;
259
+ }
260
+ .icon-participant:before {
261
+ content: "\e93a";
262
+ color: #ef302b;
263
+ }
264
+ .icon-pdf:before {
265
+ content: "\e93b";
266
+ color: #ef302b;
267
+ }
268
+ .icon-pencil:before {
269
+ content: "\e93c";
270
+ color: #1e4391;
271
+ }
272
+ .icon-people:before {
273
+ content: "\e93d";
274
+ color: #1e4391;
275
+ }
276
+ .icon-plus:before {
277
+ content: "\e93e";
278
+ color: #1e4391;
279
+ }
280
+ .icon-png:before {
281
+ content: "\e93f";
282
+ color: #467be3;
283
+ }
284
+ .icon-ppt:before {
285
+ content: "\e940";
286
+ color: #e98446;
287
+ }
288
+ .icon-question:before {
289
+ content: "\e941";
290
+ color: #1e4391;
291
+ }
292
+ .icon-rating:before {
293
+ content: "\e942";
294
+ color: #1e4391;
295
+ }
296
+ .icon-right:before {
297
+ content: "\e943";
298
+ color: #1e4391;
299
+ }
300
+ .icon-right-arrow:before {
301
+ content: "\e944";
302
+ color: #1e4391;
303
+ }
304
+ .icon-role:before {
305
+ content: "\e945";
306
+ color: #1e4391;
307
+ }
308
+ .icon-save:before {
309
+ content: "\e946";
310
+ color: #1e4391;
311
+ }
312
+ .icon-search:before {
313
+ content: "\e947";
314
+ color: #1e4391;
315
+ }
316
+ .icon-setting:before {
317
+ content: "\e948";
318
+ color: #1e4391;
319
+ }
320
+ .icon-settlement:before {
321
+ content: "\e949";
322
+ color: #1e4391;
323
+ }
324
+ .icon-shell:before {
325
+ content: "\e94a";
326
+ color: #1e4391;
327
+ }
328
+ .icon-sorting:before {
329
+ content: "\e94b";
330
+ color: #1e4391;
331
+ }
332
+ .icon-star:before {
333
+ content: "\e94c";
334
+ color: #1e4391;
335
+ }
336
+ .icon-star2:before {
337
+ content: "\e94d";
338
+ color: #ef302b;
339
+ }
340
+ .icon-star-top20:before {
341
+ content: "\e94e";
342
+ color: #147246;
343
+ }
344
+ .icon-star-top50:before {
345
+ content: "\e94f";
346
+ color: #1e4391;
347
+ }
348
+ .icon-submenu:before {
349
+ content: "\e950";
350
+ color: #ef302b;
351
+ }
352
+ .icon-svg:before {
353
+ content: "\e951";
354
+ color: #a872bc;
355
+ }
356
+ .icon-table-view:before {
357
+ content: "\e952";
358
+ color: #1e4391;
359
+ }
360
+ .icon-telephone:before {
361
+ content: "\e953";
362
+ color: #1e4391;
363
+ }
364
+ .icon-test-tube:before {
365
+ content: "\e954";
366
+ color: #1e4391;
367
+ }
368
+ .icon-top20:before {
369
+ content: "\e955";
370
+ color: #147246;
371
+ }
372
+ .icon-top50:before {
373
+ content: "\e956";
374
+ color: #1e4391;
375
+ }
376
+ .icon-top100:before {
377
+ content: "\e957";
378
+ color: #ef302b;
379
+ }
380
+ .icon-university:before {
381
+ content: "\e958";
382
+ color: #1e4391;
383
+ }
384
+ .icon-unlink:before {
385
+ content: "\e959";
386
+ color: #1e4391;
387
+ }
388
+ .icon-unlink2:before {
389
+ content: "\e95a";
390
+ color: #ef302b;
391
+ }
392
+ .icon-up:before {
393
+ content: "\e95b";
394
+ color: #1e4391;
395
+ }
396
+ .icon-up-arrow:before {
397
+ content: "\e95c";
398
+ color: #1e4391;
399
+ }
400
+ .icon-upload:before {
401
+ content: "\e95d";
402
+ color: #1e4391;
403
+ }
404
+ .icon-user:before {
405
+ content: "\e95e";
406
+ color: #1e4391;
407
+ }
408
+ .icon-video:before {
409
+ content: "\e95f";
410
+ color: #0f2b5e;
411
+ }
412
+ .icon-video-instruction:before {
413
+ content: "\e960";
414
+ }
415
+ .icon-warning:before {
416
+ content: "\e961";
417
+ color: #ef302b;
418
+ }
419
+ .icon-xls:before {
420
+ content: "\e962";
421
+ color: #3ba68c;
422
+ }
423
+ .icon-zip:before {
424
+ content: "\e963";
425
+ color: #0987ae;
426
+ }