@acorex/styles 18.16.0-next.9 → 18.16.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.
Files changed (37) hide show
  1. package/icons/fontawesome/fontawesome.scss +1 -1
  2. package/icons/huge/huge-bulk/_variables.scss +6 -0
  3. package/icons/huge/huge-bulk/bulk-rounded.scss +1 -1
  4. package/icons/huge/huge-duotone/_variables.scss +6 -0
  5. package/icons/huge/huge-duotone/duotone-rounded.scss +1 -1
  6. package/icons/huge/huge-solid/solid-rounded.scss +1 -1
  7. package/icons/huge/huge-solid/solid-sharp.scss +1 -1
  8. package/icons/huge/huge-solid/solid-standard.scss +1 -1
  9. package/icons/huge/huge-solid/variables/_rounded-variables.scss +6 -0
  10. package/icons/huge/huge-solid/variables/_sharp-variables.scss +6 -0
  11. package/icons/huge/huge-solid/variables/_standard-variables.scss +6 -0
  12. package/icons/huge/huge-stroke/stroke-rounded.scss +1 -1
  13. package/icons/huge/huge-stroke/stroke-sharp.scss +1 -1
  14. package/icons/huge/huge-stroke/stroke-standard.scss +1 -1
  15. package/icons/huge/huge-stroke/variables/_rounded-variables.scss +6 -0
  16. package/icons/huge/huge-stroke/variables/_sharp-variables.scss +6 -0
  17. package/icons/huge/huge-stroke/variables/_standard-variables.scss +6 -0
  18. package/icons/huge/huge-twotone/_variables.scss +6 -0
  19. package/icons/huge/huge-twotone/twotone-rounded.scss +1 -1
  20. package/icons/index.scss +130 -128
  21. package/icons/material/material.scss +1 -1
  22. package/index.css +54 -0
  23. package/index.min.css +1 -1
  24. package/index.scss +7 -7
  25. package/package.json +2 -2
  26. package/src/base/index.scss +1 -1
  27. package/src/mixins/index.scss +3 -3
  28. package/src/shared/_check-box.scss +1 -1
  29. package/src/shared/_color-look.scss +17 -6
  30. package/src/shared/_drop-down.scss +4 -4
  31. package/src/shared/_editor-container.scss +7 -6
  32. package/src/shared/_list.scss +4 -4
  33. package/src/shared/_radio.scss +1 -1
  34. package/src/shared/_table.scss +3 -3
  35. package/src/shared/_utils.scss +3 -2
  36. package/src/shared/index.scss +12 -12
  37. package/src/variables/index.scss +2 -2
package/icons/index.scss CHANGED
@@ -1,3 +1,5 @@
1
+ @use "fontawesome/variables";
2
+
1
3
  .ax-icon-thin {
2
4
  --ax-icon-weight: 100;
3
5
  }
@@ -13,576 +15,576 @@
13
15
 
14
16
  .ax-icon-more-horizontal {
15
17
  &:before {
16
- content: $ax-icon-more-horizontal;
18
+ content: variables.$ax-icon-more-horizontal;
17
19
  }
18
20
  &:after {
19
- content: $ax-icon-more-horizontal-after;
21
+ content: variables.$ax-icon-more-horizontal-after;
20
22
  }
21
23
  }
22
24
 
23
25
  .ax-icon-more-vertical {
24
26
  &:before {
25
- content: $ax-icon-more-vertical;
27
+ content: variables.$ax-icon-more-vertical;
26
28
  }
27
29
  &:after {
28
- content: $ax-icon-more-vertical-after;
30
+ content: variables.$ax-icon-more-vertical-after;
29
31
  }
30
32
  }
31
33
 
32
34
  .ax-icon-arrow-long-up {
33
35
  &:before {
34
- content: $ax-icon-arrow-long-up;
36
+ content: variables.$ax-icon-arrow-long-up;
35
37
  }
36
38
  &:after {
37
- content: $ax-icon-arrow-long-up-after;
39
+ content: variables.$ax-icon-arrow-long-up-after;
38
40
  }
39
41
  }
40
42
 
41
43
  .ax-icon-arrow-long-down {
42
44
  &:before {
43
- content: $ax-icon-arrow-long-down;
45
+ content: variables.$ax-icon-arrow-long-down;
44
46
  }
45
47
  &:after {
46
- content: $ax-icon-arrow-long-down-after;
48
+ content: variables.$ax-icon-arrow-long-down-after;
47
49
  }
48
50
  }
49
51
 
50
52
  .ax-icon-color-palette {
51
53
  &:before {
52
- content: $ax-icon-color-palette;
54
+ content: variables.$ax-icon-color-palette;
53
55
  }
54
56
  &:after {
55
- content: $ax-icon-color-palette-after;
57
+ content: variables.$ax-icon-color-palette-after;
56
58
  }
57
59
  }
58
60
 
59
61
  .ax-icon-arrow-left {
60
62
  &:before {
61
- content: $ax-icon-arrow-left;
63
+ content: variables.$ax-icon-arrow-left;
62
64
  }
63
65
  &:after {
64
- content: $ax-icon-arrow-left-after;
66
+ content: variables.$ax-icon-arrow-left-after;
65
67
  }
66
68
  }
67
69
 
68
70
  .ax-icon-arrow-down {
69
71
  &:before {
70
- content: $ax-icon-arrow-down;
72
+ content: variables.$ax-icon-arrow-down;
71
73
  }
72
74
  &:after {
73
- content: $ax-icon-arrow-down-after;
75
+ content: variables.$ax-icon-arrow-down-after;
74
76
  }
75
77
  }
76
78
 
77
79
  .ax-icon-arrow-up {
78
80
  &:before {
79
- content: $ax-icon-arrow-up;
81
+ content: variables.$ax-icon-arrow-up;
80
82
  }
81
83
  &:after {
82
- content: $ax-icon-arrow-up-after;
84
+ content: variables.$ax-icon-arrow-up-after;
83
85
  }
84
86
  }
85
87
 
86
88
  .ax-icon-arrow-right {
87
89
  &:before {
88
- content: $ax-icon-arrow-right;
90
+ content: variables.$ax-icon-arrow-right;
89
91
  }
90
92
  &:after {
91
- content: $ax-icon-arrow-right-after;
93
+ content: variables.$ax-icon-arrow-right-after;
92
94
  }
93
95
  }
94
96
 
95
97
  .ax-icon-chevron-left {
96
98
  &:before {
97
- content: $ax-icon-chevron-left;
99
+ content: variables.$ax-icon-chevron-left;
98
100
  }
99
101
  &:after {
100
- content: $ax-icon-chevron-left-after;
102
+ content: variables.$ax-icon-chevron-left-after;
101
103
  }
102
104
  }
103
105
 
104
106
  .ax-icon-chevron-down {
105
107
  &:before {
106
- content: $ax-icon-chevron-down;
108
+ content: variables.$ax-icon-chevron-down;
107
109
  }
108
110
  &:after {
109
- content: $ax-icon-chevron-down-after;
111
+ content: variables.$ax-icon-chevron-down-after;
110
112
  }
111
113
  }
112
114
 
113
115
  .ax-icon-chevron-up {
114
116
  &:before {
115
- content: $ax-icon-chevron-up;
117
+ content: variables.$ax-icon-chevron-up;
116
118
  }
117
119
  &:after {
118
- content: $ax-icon-chevron-up-after;
120
+ content: variables.$ax-icon-chevron-up-after;
119
121
  }
120
122
  }
121
123
 
122
124
  .ax-icon-chevron-right {
123
125
  &:before {
124
- content: $ax-icon-chevron-right;
126
+ content: variables.$ax-icon-chevron-right;
125
127
  }
126
128
  &:after {
127
- content: $ax-icon-chevron-right-after;
129
+ content: variables.$ax-icon-chevron-right-after;
128
130
  }
129
131
  }
130
132
 
131
133
  .ax-icon-chevron-double-right {
132
134
  &:before {
133
- content: $ax-icon-chevron-double-right;
135
+ content: variables.$ax-icon-chevron-double-right;
134
136
  }
135
137
  &:after {
136
- content: $ax-icon-chevron-double-right-after;
138
+ content: variables.$ax-icon-chevron-double-right-after;
137
139
  }
138
140
  }
139
141
 
140
142
  .ax-icon-chevron-double-left {
141
143
  &:before {
142
- content: $ax-icon-chevron-double-left;
144
+ content: variables.$ax-icon-chevron-double-left;
143
145
  }
144
146
  &:after {
145
- content: $ax-icon-chevron-double-left-after;
147
+ content: variables.$ax-icon-chevron-double-left-after;
146
148
  }
147
149
  }
148
150
 
149
151
  .ax-icon-first-page {
150
152
  &:before {
151
- content: $ax-icon-first-page;
153
+ content: variables.$ax-icon-first-page;
152
154
  }
153
155
  &:after {
154
- content: $ax-icon-first-page-after;
156
+ content: variables.$ax-icon-first-page-after;
155
157
  }
156
158
  }
157
159
 
158
160
  .ax-icon-last-page {
159
161
  &:before {
160
- content: $ax-icon-last-page;
162
+ content: variables.$ax-icon-last-page;
161
163
  }
162
164
  &:after {
163
- content: $ax-icon-last-page-after;
165
+ content: variables.$ax-icon-last-page-after;
164
166
  }
165
167
  }
166
168
 
167
169
  .ax-icon-calendar {
168
170
  &:before {
169
- content: $ax-icon-calendar;
171
+ content: variables.$ax-icon-calendar;
170
172
  }
171
173
  &:after {
172
- content: $ax-icon-calendar-after;
174
+ content: variables.$ax-icon-calendar-after;
173
175
  }
174
176
  }
175
177
 
176
178
  .ax-icon-error {
177
179
  &:before {
178
- content: $ax-icon-error;
180
+ content: variables.$ax-icon-error;
179
181
  }
180
182
  &:after {
181
- content: $ax-icon-error-after;
183
+ content: variables.$ax-icon-error-after;
182
184
  }
183
185
  }
184
186
 
185
187
  .ax-icon-info {
186
188
  &:before {
187
- content: $ax-icon-info;
189
+ content: variables.$ax-icon-info;
188
190
  }
189
191
  &:after {
190
- content: $ax-icon-info-after;
192
+ content: variables.$ax-icon-info-after;
191
193
  }
192
194
  }
193
195
 
194
196
  .ax-icon-warning {
195
197
  &:before {
196
- content: $ax-icon-warning;
198
+ content: variables.$ax-icon-warning;
197
199
  }
198
200
  &:after {
199
- content: $ax-icon-warning-after;
201
+ content: variables.$ax-icon-warning-after;
200
202
  }
201
203
  }
202
204
 
203
205
  .ax-icon-check-circle {
204
206
  &:before {
205
- content: $ax-icon-check-circle;
207
+ content: variables.$ax-icon-check-circle;
206
208
  }
207
209
  &:after {
208
- content: $ax-icon-check-circle-after;
210
+ content: variables.$ax-icon-check-circle-after;
209
211
  }
210
212
  }
211
213
 
212
214
  .ax-icon-close {
213
215
  &:before {
214
- content: $ax-icon-close;
216
+ content: variables.$ax-icon-close;
215
217
  }
216
218
  &:after {
217
- content: $ax-icon-close-after;
219
+ content: variables.$ax-icon-close-after;
218
220
  }
219
221
  }
220
222
 
221
223
  .ax-icon-clear {
222
224
  &:before {
223
- content: $ax-icon-clear;
225
+ content: variables.$ax-icon-clear;
224
226
  }
225
227
  &:after {
226
- content: $ax-icon-clear-after;
228
+ content: variables.$ax-icon-clear-after;
227
229
  }
228
230
  }
229
231
 
230
232
  .ax-icon-visibility-off {
231
233
  &:before {
232
- content: $ax-icon-visibility-off;
234
+ content: variables.$ax-icon-visibility-off;
233
235
  }
234
236
  &:after {
235
- content: $ax-icon-visibility-off-after;
237
+ content: variables.$ax-icon-visibility-off-after;
236
238
  }
237
239
  }
238
240
 
239
241
  .ax-icon-visibility {
240
242
  &:before {
241
- content: $ax-icon-visibility;
243
+ content: variables.$ax-icon-visibility;
242
244
  }
243
245
  &:after {
244
- content: $ax-icon-visibility-after;
246
+ content: variables.$ax-icon-visibility-after;
245
247
  }
246
248
  }
247
249
 
248
250
  .ax-icon-unfold-more {
249
251
  &:before {
250
- content: $ax-icon-unfold-more;
252
+ content: variables.$ax-icon-unfold-more;
251
253
  }
252
254
  &:after {
253
- content: $ax-icon-unfold-more-after;
255
+ content: variables.$ax-icon-unfold-more-after;
254
256
  }
255
257
  }
256
258
 
257
259
  .ax-icon-download {
258
260
  &:before {
259
- content: $ax-icon-download;
261
+ content: variables.$ax-icon-download;
260
262
  }
261
263
  &:after {
262
- content: $ax-icon-download-after;
264
+ content: variables.$ax-icon-download-after;
263
265
  }
264
266
  }
265
267
 
266
268
  .ax-icon-upload {
267
269
  &:before {
268
- content: $ax-icon-upload;
270
+ content: variables.$ax-icon-upload;
269
271
  }
270
272
  &:after {
271
- content: $ax-icon-upload-after;
273
+ content: variables.$ax-icon-upload-after;
272
274
  }
273
275
  }
274
276
 
275
277
  .ax-icon-search {
276
278
  &:before {
277
- content: $ax-icon-search;
279
+ content: variables.$ax-icon-search;
278
280
  }
279
281
  &:after {
280
- content: $ax-icon-search-after;
282
+ content: variables.$ax-icon-search-after;
281
283
  }
282
284
  }
283
285
 
284
286
  .ax-icon-copy {
285
287
  &:before {
286
- content: $ax-icon-copy;
288
+ content: variables.$ax-icon-copy;
287
289
  }
288
290
  &:after {
289
- content: $ax-icon-copy-after;
291
+ content: variables.$ax-icon-copy-after;
290
292
  }
291
293
  }
292
294
 
293
295
  .ax-icon-refresh {
294
296
  &:before {
295
- content: $ax-icon-refresh;
297
+ content: variables.$ax-icon-refresh;
296
298
  }
297
299
  &:after {
298
- content: $ax-icon-refresh-after;
300
+ content: variables.$ax-icon-refresh-after;
299
301
  }
300
302
  }
301
303
 
302
304
  .ax-icon-inbox {
303
305
  &:before {
304
- content: $ax-icon-inbox;
306
+ content: variables.$ax-icon-inbox;
305
307
  }
306
308
  &:after {
307
- content: $ax-icon-inbox-after;
309
+ content: variables.$ax-icon-inbox-after;
308
310
  }
309
311
  }
310
312
 
311
313
  .ax-icon-emoji {
312
314
  &:before {
313
- content: $ax-icon-emoji;
315
+ content: variables.$ax-icon-emoji;
314
316
  }
315
317
  &:after {
316
- content: $ax-icon-emoji-after;
318
+ content: variables.$ax-icon-emoji-after;
317
319
  }
318
320
  }
319
321
 
320
322
  .ax-icon-attach {
321
323
  &:before {
322
- content: $ax-icon-attach;
324
+ content: variables.$ax-icon-attach;
323
325
  }
324
326
  &:after {
325
- content: $ax-icon-attach-after;
327
+ content: variables.$ax-icon-attach-after;
326
328
  }
327
329
  }
328
330
 
329
331
  .ax-icon-mic {
330
332
  &:before {
331
- content: $ax-icon-mic;
333
+ content: variables.$ax-icon-mic;
332
334
  }
333
335
  &:after {
334
- content: $ax-icon-mic-after;
336
+ content: variables.$ax-icon-mic-after;
335
337
  }
336
338
  }
337
339
 
338
340
  .ax-icon-send {
339
341
  &:before {
340
- content: $ax-icon-send;
342
+ content: variables.$ax-icon-send;
341
343
  }
342
344
  &:after {
343
- content: $ax-icon-send-after;
345
+ content: variables.$ax-icon-send-after;
344
346
  }
345
347
  }
346
348
 
347
349
  .ax-icon-check {
348
350
  &:before {
349
- content: $ax-icon-check;
351
+ content: variables.$ax-icon-check;
350
352
  }
351
353
  &:after {
352
- content: $ax-icon-check-after;
354
+ content: variables.$ax-icon-check-after;
353
355
  }
354
356
  }
355
357
 
356
358
  .ax-icon-dobble-check {
357
359
  &:before {
358
- content: $ax-icon-dobble-check;
360
+ content: variables.$ax-icon-dobble-check;
359
361
  }
360
362
  &:after {
361
- content: $ax-icon-dobble-check-after;
363
+ content: variables.$ax-icon-dobble-check-after;
362
364
  }
363
365
  }
364
366
 
365
367
  .ax-icon-pause {
366
368
  &:before {
367
- content: $ax-icon-pause;
369
+ content: variables.$ax-icon-pause;
368
370
  }
369
371
  &:after {
370
- content: $ax-icon-pause-after;
372
+ content: variables.$ax-icon-pause-after;
371
373
  }
372
374
  }
373
375
 
374
376
  .ax-icon-play {
375
377
  &:before {
376
- content: $ax-icon-play;
378
+ content: variables.$ax-icon-play;
377
379
  }
378
380
  &:after {
379
- content: $ax-icon-play-after;
381
+ content: variables.$ax-icon-play-after;
380
382
  }
381
383
  }
382
384
 
383
385
  .ax-icon-reload {
384
386
  &:before {
385
- content: $ax-icon-reload;
387
+ content: variables.$ax-icon-reload;
386
388
  }
387
389
  &:after {
388
- content: $ax-icon-reload-after;
390
+ content: variables.$ax-icon-reload-after;
389
391
  }
390
392
  }
391
393
 
392
394
  .ax-icon-heart {
393
395
  &:before {
394
- content: $ax-icon-heart;
396
+ content: variables.$ax-icon-heart;
395
397
  }
396
398
  &:after {
397
- content: $ax-icon-heart-after;
399
+ content: variables.$ax-icon-heart-after;
398
400
  }
399
401
  }
400
402
 
401
403
  .ax-icon-comment {
402
404
  &:before {
403
- content: $ax-icon-comment;
405
+ content: variables.$ax-icon-comment;
404
406
  }
405
407
  &:after {
406
- content: $ax-icon-comment-after;
408
+ content: variables.$ax-icon-comment-after;
407
409
  }
408
410
  }
409
411
 
410
412
  .ax-icon-bold {
411
413
  &:before {
412
- content: $ax-icon-bold;
414
+ content: variables.$ax-icon-bold;
413
415
  }
414
416
  &:after {
415
- content: $ax-icon-bold-after;
417
+ content: variables.$ax-icon-bold-after;
416
418
  }
417
419
  }
418
420
 
419
421
  .ax-icon-italic {
420
422
  &:before {
421
- content: $ax-icon-italic;
423
+ content: variables.$ax-icon-italic;
422
424
  }
423
425
  &:after {
424
- content: $ax-icon-italic-after;
426
+ content: variables.$ax-icon-italic-after;
425
427
  }
426
428
  }
427
429
 
428
430
  .ax-icon-under-line {
429
431
  &:before {
430
- content: $ax-icon-under-line;
432
+ content: variables.$ax-icon-under-line;
431
433
  }
432
434
  &:after {
433
- content: $ax-icon-under-line-after;
435
+ content: variables.$ax-icon-under-line-after;
434
436
  }
435
437
  }
436
438
 
437
439
  .ax-icon-strike {
438
440
  &:before {
439
- content: $ax-icon-strike;
441
+ content: variables.$ax-icon-strike;
440
442
  }
441
443
  &:after {
442
- content: $ax-icon-strike-after;
444
+ content: variables.$ax-icon-strike-after;
443
445
  }
444
446
  }
445
447
 
446
448
  .ax-icon-order-list {
447
449
  &:before {
448
- content: $ax-icon-order-list;
450
+ content: variables.$ax-icon-order-list;
449
451
  }
450
452
  &:after {
451
- content: $ax-icon-order-list-after;
453
+ content: variables.$ax-icon-order-list-after;
452
454
  }
453
455
  }
454
456
 
455
457
  .ax-icon-un-order-list {
456
458
  &:before {
457
- content: $ax-icon-un-order-list;
459
+ content: variables.$ax-icon-un-order-list;
458
460
  }
459
461
  &:after {
460
- content: $ax-icon-un-order-list-after;
462
+ content: variables.$ax-icon-un-order-list-after;
461
463
  }
462
464
  }
463
465
 
464
466
  .ax-icon-align-left {
465
467
  &:before {
466
- content: $ax-icon-align-left;
468
+ content: variables.$ax-icon-align-left;
467
469
  }
468
470
  &:after {
469
- content: $ax-icon-align-left-after;
471
+ content: variables.$ax-icon-align-left-after;
470
472
  }
471
473
  }
472
474
 
473
475
  .ax-icon-align-right {
474
476
  &:before {
475
- content: $ax-icon-align-right;
477
+ content: variables.$ax-icon-align-right;
476
478
  }
477
479
  &:after {
478
- content: $ax-icon-align-right-after;
480
+ content: variables.$ax-icon-align-right-after;
479
481
  }
480
482
  }
481
483
 
482
484
  .ax-icon-align-center {
483
485
  &:before {
484
- content: $ax-icon-align-center;
486
+ content: variables.$ax-icon-align-center;
485
487
  }
486
488
  &:after {
487
- content: $ax-icon-align-center-after;
489
+ content: variables.$ax-icon-align-center-after;
488
490
  }
489
491
  }
490
492
 
491
493
  .ax-icon-align-justify {
492
494
  &:before {
493
- content: $ax-icon-align-justify;
495
+ content: variables.$ax-icon-align-justify;
494
496
  }
495
497
  &:after {
496
- content: $ax-icon-align-justify-after;
498
+ content: variables.$ax-icon-align-justify-after;
497
499
  }
498
500
  }
499
501
 
500
502
  .ax-icon-undo {
501
503
  &:before {
502
- content: $ax-icon-undo;
504
+ content: variables.$ax-icon-undo;
503
505
  }
504
506
  &:after {
505
- content: $ax-icon-undo-after;
507
+ content: variables.$ax-icon-undo-after;
506
508
  }
507
509
  }
508
510
 
509
511
  .ax-icon-redo {
510
512
  &:before {
511
- content: $ax-icon-redo;
513
+ content: variables.$ax-icon-redo;
512
514
  }
513
515
  &:after {
514
- content: $ax-icon-redo-after;
516
+ content: variables.$ax-icon-redo-after;
515
517
  }
516
518
  }
517
519
 
518
520
  .ax-icon-highlight {
519
521
  &:before {
520
- content: $ax-icon-highlight;
522
+ content: variables.$ax-icon-highlight;
521
523
  }
522
524
  &:after {
523
- content: $ax-icon-highlight-after;
525
+ content: variables.$ax-icon-highlight-after;
524
526
  }
525
527
  }
526
528
 
527
529
  .ax-icon-link {
528
530
  &:before {
529
- content: $ax-icon-link;
531
+ content: variables.$ax-icon-link;
530
532
  }
531
533
  &:after {
532
- content: $ax-icon-link-after;
534
+ content: variables.$ax-icon-link-after;
533
535
  }
534
536
  }
535
537
 
536
538
  .ax-icon-image {
537
539
  &:before {
538
- content: $ax-icon-image;
540
+ content: variables.$ax-icon-image;
539
541
  }
540
542
  &:after {
541
- content: $ax-icon-image-after;
543
+ content: variables.$ax-icon-image-after;
542
544
  }
543
545
  }
544
546
 
545
547
  .ax-icon-pen {
546
548
  &:before {
547
- content: $ax-icon-pen;
549
+ content: variables.$ax-icon-pen;
548
550
  }
549
551
  &:after {
550
- content: $ax-icon-pen-after;
552
+ content: variables.$ax-icon-pen-after;
551
553
  }
552
554
  }
553
555
 
554
556
  .ax-icon-eraser {
555
557
  &:before {
556
- content: $ax-icon-eraser;
558
+ content: variables.$ax-icon-eraser;
557
559
  }
558
560
  &:after {
559
- content: $ax-icon-eraser-after;
561
+ content: variables.$ax-icon-eraser-after;
560
562
  }
561
563
  }
562
564
 
563
565
  .ax-icon-pen-ruler {
564
566
  &:before {
565
- content: $ax-icon-pen-ruler;
567
+ content: variables.$ax-icon-pen-ruler;
566
568
  }
567
569
  &:after {
568
- content: $ax-icon-pen-ruler-after;
570
+ content: variables.$ax-icon-pen-ruler-after;
569
571
  }
570
572
  }
571
573
 
572
574
  .ax-icon-crop {
573
575
  &:before {
574
- content: $ax-icon-crop;
576
+ content: variables.$ax-icon-crop;
575
577
  }
576
578
  &:after {
577
- content: $ax-icon-crop-after;
579
+ content: variables.$ax-icon-crop-after;
578
580
  }
579
581
  }
580
582
 
581
583
  .ax-icon-full-screen {
582
584
  &:before {
583
- content: $ax-icon-full-screen;
585
+ content: variables.$ax-icon-full-screen;
584
586
  }
585
587
  &:after {
586
- content: $ax-icon-full-screen-after;
588
+ content: variables.$ax-icon-full-screen-after;
587
589
  }
588
590
  }