intelicoreact 0.0.66 → 0.0.71

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 (81) hide show
  1. package/dist/Atomic/FormElements/CheckboxInput/CheckboxInput.js +6 -2
  2. package/dist/Atomic/FormElements/CheckboxInput/CheckboxInput.scss +91 -60
  3. package/dist/Atomic/FormElements/CheckboxInput/CheckboxInput.stories.js +2 -1
  4. package/dist/Atomic/FormElements/Dropdown/Dropdown.js +48 -17
  5. package/dist/Atomic/FormElements/Dropdown/Dropdown.scss +21 -3
  6. package/dist/Atomic/FormElements/Dropdown/Dropdown.stories.js +22 -6
  7. package/dist/Atomic/FormElements/InputDateRange/InputDateRange.js +16 -43
  8. package/dist/Atomic/FormElements/InputDateRange/InputDateRange.scss +98 -73
  9. package/dist/Atomic/FormElements/InputDateRange/InputDateRange.stories.js +3 -156
  10. package/dist/Atomic/FormElements/InputDateRange/components/Datepicker.js +4 -4
  11. package/dist/Atomic/FormElements/InputDateRange/components/SelectItem.js +3 -3
  12. package/dist/Atomic/FormElements/InputDateRange/dependencies.js +7 -7
  13. package/dist/Atomic/FormElements/Table/Table.scss +1 -1
  14. package/dist/Atomic/FormElements/Textarea/Textarea.scss +1 -1
  15. package/dist/Atomic/MainMenu/MainMenu.scss +2 -2
  16. package/dist/Atomic/UI/Accordion/Accordion.scss +2 -2
  17. package/dist/Atomic/UI/Arrow/Arrow.js +7 -8
  18. package/dist/Atomic/UI/Calendar/Calendar.js +3 -2
  19. package/dist/Atomic/UI/Calendar/Calendar.stories.js +3 -2
  20. package/dist/Atomic/UI/Status/Status.scss +1 -1
  21. package/dist/Molecular/Datepicker/Datepicker.js +451 -0
  22. package/dist/Molecular/Datepicker/Datepicker.scss +8 -0
  23. package/dist/Molecular/Datepicker/Datepicker.stories.js +44 -0
  24. package/dist/Molecular/Datepicker/components/Calendar.js +156 -0
  25. package/dist/scss/_vars.scss +3 -1
  26. package/dist/scss/main.scss +1 -1
  27. package/package.json +6 -4
  28. package/src/Atomic/FormElements/CheckboxInput/CheckboxInput.js +12 -2
  29. package/src/Atomic/FormElements/CheckboxInput/CheckboxInput.scss +91 -60
  30. package/src/Atomic/FormElements/CheckboxInput/CheckboxInput.stories.js +4 -3
  31. package/src/Atomic/FormElements/Dropdown/Dropdown.js +53 -19
  32. package/src/Atomic/FormElements/Dropdown/Dropdown.scss +21 -3
  33. package/src/Atomic/FormElements/Dropdown/Dropdown.stories.js +28 -15
  34. package/src/Atomic/FormElements/InputDateRange/InputDateRange.js +187 -214
  35. package/src/Atomic/FormElements/InputDateRange/InputDateRange.scss +98 -73
  36. package/src/Atomic/FormElements/InputDateRange/InputDateRange.stories.js +35 -123
  37. package/src/Atomic/FormElements/InputDateRange/components/Datepicker.js +2 -2
  38. package/src/Atomic/FormElements/InputDateRange/components/SelectItem.js +1 -1
  39. package/src/Atomic/FormElements/InputDateRange/dependencies.js +6 -6
  40. package/src/Atomic/FormElements/Table/Table.scss +1 -1
  41. package/src/Atomic/FormElements/Textarea/Textarea.scss +1 -1
  42. package/src/Atomic/MainMenu/MainMenu.scss +2 -2
  43. package/src/Atomic/UI/Accordion/Accordion.scss +2 -2
  44. package/src/Atomic/UI/Arrow/Arrow.js +5 -5
  45. package/src/Atomic/UI/Calendar/Calendar.js +2 -2
  46. package/src/Atomic/UI/Calendar/Calendar.stories.js +2 -1
  47. package/src/Atomic/UI/Status/Status.scss +1 -1
  48. package/src/Molecular/Datepicker/Datepicker.js +346 -0
  49. package/src/Molecular/Datepicker/Datepicker.scss +8 -0
  50. package/src/Molecular/Datepicker/Datepicker.stories.js +27 -0
  51. package/src/Molecular/Datepicker/components/Calendar.js +118 -0
  52. package/src/scss/_vars.scss +3 -1
  53. package/src/scss/main.scss +1 -1
  54. package/dist/scss/anme/_anme-bootstrap-grid.scss +0 -748
  55. package/dist/scss/anme/_anme-elements.scss +0 -269
  56. package/dist/scss/anme/_anme-grid.scss +0 -111
  57. package/dist/scss/anme/_anme-justify.scss +0 -111
  58. package/dist/scss/anme/_anme-mixins-media.scss +0 -116
  59. package/dist/scss/anme/_anme-mixins.scss +0 -166
  60. package/dist/scss/anme/_anme-normalize.scss +0 -8
  61. package/dist/scss/anme/_anme-overall.scss +0 -34
  62. package/dist/scss/anme/_anme-padding-margins.scss +0 -419
  63. package/dist/scss/anme/_anme-table.scss +0 -81
  64. package/dist/scss/anme/_anme-theme.scss +0 -275
  65. package/dist/scss/anme/_anme-vars.scss +0 -91
  66. package/dist/scss/anme/_code-styling.scss +0 -23
  67. package/dist/scss/anme/styles.scss +0 -12
  68. package/src/scss/anme/_anme-bootstrap-grid.scss +0 -748
  69. package/src/scss/anme/_anme-elements.scss +0 -269
  70. package/src/scss/anme/_anme-grid.scss +0 -111
  71. package/src/scss/anme/_anme-justify.scss +0 -111
  72. package/src/scss/anme/_anme-mixins-media.scss +0 -116
  73. package/src/scss/anme/_anme-mixins.scss +0 -166
  74. package/src/scss/anme/_anme-normalize.scss +0 -8
  75. package/src/scss/anme/_anme-overall.scss +0 -34
  76. package/src/scss/anme/_anme-padding-margins.scss +0 -419
  77. package/src/scss/anme/_anme-table.scss +0 -81
  78. package/src/scss/anme/_anme-theme.scss +0 -275
  79. package/src/scss/anme/_anme-vars.scss +0 -91
  80. package/src/scss/anme/_code-styling.scss +0 -23
  81. package/src/scss/anme/styles.scss +0 -12
@@ -1,748 +0,0 @@
1
- @import "anme-mixins-media";
2
- @import "anme-vars";
3
- //Bootstrap-grid
4
- [class^="container"] {
5
- width: 100%;
6
- padding-right: $gAir;
7
- padding-left: $gAir;
8
- margin-right: auto;
9
- margin-left: auto;
10
- }
11
-
12
- .row {
13
- display: flex;
14
- flex-wrap: wrap;
15
- margin-right: -$gAir;
16
- margin-left: -$gAir;
17
-
18
- &.no-gutters {
19
- margin-right: 0;
20
- margin-left: 0;
21
-
22
- .col, [class*="col-"] {
23
- padding-left: 0;
24
- padding-right: 0;
25
- }
26
- }
27
- }
28
-
29
- .col, [class*="col-"] {
30
- box-sizing: border-box;
31
- max-width: 100%;
32
- padding-left: $gAir;
33
- padding-right: $gAir
34
- }
35
-
36
- .col {
37
- flex-basis: 0;
38
- flex-grow: 1;
39
- }
40
-
41
- .col-auto {
42
- flex: 0 0 auto;
43
- width: auto;
44
- }
45
-
46
- .col-12 {
47
- flex-basis: 100%;
48
- }
49
-
50
- .col-11 {
51
- flex-basis: (100/12*11%);
52
- max-width: (100/12*11%);
53
- }
54
-
55
- .col-10 {
56
- flex-basis: (100/12*10%);
57
- max-width: (100/12*10%);
58
- }
59
-
60
- .col-9 {
61
- flex-basis: (100/12*9%);
62
- max-width: (100/12*9%);
63
- }
64
-
65
- .col-8 {
66
- flex-basis: (100/12*8%);
67
- max-width: (100/12*8%);
68
- }
69
-
70
- .col-7 {
71
- flex-basis: (100/12*7%);
72
- max-width: (100/12*7%);
73
- }
74
-
75
- .col-6 {
76
- flex-basis: 50%;
77
- max-width: 50%;
78
- }
79
-
80
- .col-5 {
81
- flex-basis: (100/12*5%);
82
- max-width: (100/12*5%);
83
- }
84
-
85
- .col-4 {
86
- flex-basis: (100/12*4%);
87
- max-width: (100/12*4%);
88
- }
89
-
90
- .col-3 {
91
- flex-basis: (100/12*3%);
92
- max-width: (100/12*3%);
93
- }
94
-
95
- .col-2 {
96
- flex-basis: (100/12*2%);
97
- max-width: (100/12*2%);
98
- }
99
-
100
- .col-1 {
101
- flex-basis: (100/12*1%);
102
- max-width: (100/12*1%);
103
- }
104
-
105
- .offset-11 {
106
- margin-left: (100/12*11%);
107
- }
108
-
109
- .offset-10 {
110
- margin-left: (100/12*10%);
111
- }
112
-
113
- .offset-9 {
114
- margin-left: (100/12*9%);
115
- }
116
-
117
- .offset-8 {
118
- margin-left: (100/12*8%);
119
- }
120
-
121
- .offset-7 {
122
- margin-left: (100/12*7%);
123
- }
124
-
125
- .offset-6 {
126
- margin-left: (100/12*6%);
127
- }
128
-
129
- .offset-5 {
130
- margin-left: (100/12*5%);
131
- }
132
-
133
- .offset-4 {
134
- margin-left: (100/12*4%);
135
- }
136
-
137
- .offset-3 {
138
- margin-left: (100/12*3%);
139
- }
140
-
141
- .offset-2 {
142
- margin-left: (100/12*2%);
143
- }
144
-
145
- .offset-1 {
146
- margin-left: (100/12*1%);
147
- }
148
-
149
- .order-first {
150
- order: -1;
151
- }
152
-
153
- .order-last {
154
- order: 9999;
155
- }
156
-
157
- //Bootstrap-grid-sm
158
- .container {
159
- max-width: 540px;
160
- }
161
-
162
- .row-sm {
163
- display: flex;
164
- flex-wrap: wrap;
165
- margin-right: -$gAir;
166
- margin-left: -$gAir;
167
-
168
- &.no-gutters {
169
- margin-right: 0;
170
- margin-left: 0;
171
-
172
- .col-sm, [class*="col-sm"] {
173
- padding-left: 0;
174
- padding-right: 0;
175
- }
176
- }
177
- }
178
-
179
- .col-sm, [class*="col-sm"] {
180
- box-sizing: border-box;
181
- max-width: 100%;
182
- }
183
-
184
- .col-sm {
185
- flex-basis: 0;
186
- flex-grow: 1;
187
- }
188
-
189
- .col-sm-auto {
190
- flex: 0 0 auto;
191
- width: auto;
192
- }
193
-
194
- .col-sm-12 {
195
- flex-basis: 100%;
196
- }
197
-
198
- .col-sm-11 {
199
- flex-basis: (100/12*11%);
200
- max-width: (100/12*11%);
201
- }
202
-
203
- .col-sm-10 {
204
- flex-basis: (100/12*10%);
205
- max-width: (100/12*10%);
206
- }
207
-
208
- .col-sm-9 {
209
- flex-basis: (100/12*9%);
210
- max-width: (100/12*9%);
211
- }
212
-
213
- .col-sm-8 {
214
- flex-basis: (100/12*8%);
215
- max-width: (100/12*8%);
216
- }
217
-
218
- .col-sm-7 {
219
- flex-basis: (100/12*7%);
220
- max-width: (100/12*7%);
221
- }
222
-
223
- .col-sm-6 {
224
- flex-basis: 50%;
225
- max-width: 50%;
226
- }
227
-
228
- .col-sm-5 {
229
- flex-basis: (100/12*5%);
230
- max-width: (100/12*5%);
231
- }
232
-
233
- .col-sm-4 {
234
- flex-basis: (100/12*4%);
235
- max-width: (100/12*4%);
236
- }
237
-
238
- .col-sm-3 {
239
- flex-basis: (100/12*3%);
240
- max-width: (100/12*3%);
241
- }
242
-
243
- .col-sm-2 {
244
- flex-basis: (100/12*2%);
245
- max-width: (100/12*2%);
246
- }
247
-
248
- .col-sm-1 {
249
- flex-basis: (100/12*1%);
250
- max-width: (100/12*1%);
251
- }
252
-
253
- .offset-sm-11 {
254
- margin-left: (100/12*11%);
255
- }
256
-
257
- .offset-sm-10 {
258
- margin-left: (100/12*10%);
259
- }
260
-
261
- .offset-sm-9 {
262
- margin-left: (100/12*9%);
263
- }
264
-
265
- .offset-sm-8 {
266
- margin-left: (100/12*8%);
267
- }
268
-
269
- .offset-sm-7 {
270
- margin-left: (100/12*7%);
271
- }
272
-
273
- .offset-sm-6 {
274
- margin-left: (100/12*6%);
275
- }
276
-
277
- .offset-sm-5 {
278
- margin-left: (100/12*5%);
279
- }
280
-
281
- .offset-sm-4 {
282
- margin-left: (100/12*4%);
283
- }
284
-
285
- .offset-sm-3 {
286
- margin-left: (100/12*3%);
287
- }
288
-
289
- .offset-sm-2 {
290
- margin-left: (100/12*2%);
291
- }
292
-
293
- .offset-sm-1 {
294
- margin-left: (100/12*1%);
295
- }
296
-
297
- .order-sm-first {
298
- order: -1;
299
- }
300
-
301
- .order-sm-last {
302
- order: 9999;
303
- }
304
-
305
- //Bootstrap-grid-md
306
- .container {
307
- max-width: 720px;
308
- }
309
-
310
- .row-md {
311
- display: flex;
312
- flex-wrap: wrap;
313
- margin-right: -$gAir;
314
- margin-left: -$gAir;
315
-
316
- &.no-gutters {
317
- margin-right: 0;
318
- margin-left: 0;
319
-
320
- .col-md, [class*="col-md"] {
321
- padding-left: 0;
322
- padding-right: 0;
323
- }
324
- }
325
- }
326
-
327
- .col-md, [class*="col-md"] {
328
- box-sizing: border-box;
329
- max-width: 100%;
330
- }
331
-
332
- .col-md {
333
- flex-basis: 0;
334
- flex-grow: 1;
335
- }
336
-
337
- .col-md-auto {
338
- flex: 0 0 auto;
339
- width: auto;
340
- }
341
-
342
- .col-md-12 {
343
- flex-basis: 100%;
344
- }
345
-
346
- .col-md-11 {
347
- flex-basis: (100/12*11%);
348
- max-width: (100/12*11%);
349
- }
350
-
351
- .col-md-10 {
352
- flex-basis: (100/12*10%);
353
- max-width: (100/12*10%);
354
- }
355
-
356
- .col-md-9 {
357
- flex-basis: (100/12*9%);
358
- max-width: (100/12*9%);
359
- }
360
-
361
- .col-md-8 {
362
- flex-basis: (100/12*8%);
363
- max-width: (100/12*8%);
364
- }
365
-
366
- .col-md-7 {
367
- flex-basis: (100/12*7%);
368
- max-width: (100/12*7%);
369
- }
370
-
371
- .col-md-6 {
372
- flex-basis: 50%;
373
- max-width: 50%;
374
- }
375
-
376
- .col-md-5 {
377
- flex-basis: (100/12*5%);
378
- max-width: (100/12*5%);
379
- }
380
-
381
- .col-md-4 {
382
- flex-basis: (100/12*4%);
383
- max-width: (100/12*4%);
384
- }
385
-
386
- .col-md-3 {
387
- flex-basis: (100/12*3%);
388
- max-width: (100/12*3%);
389
- }
390
-
391
- .col-md-2 {
392
- flex-basis: (100/12*2%);
393
- max-width: (100/12*2%);
394
- }
395
-
396
- .col-md-1 {
397
- flex-basis: (100/12*1%);
398
- max-width: (100/12*1%);
399
- }
400
-
401
- .offset-md-11 {
402
- margin-left: (100/12*11%);
403
- }
404
-
405
- .offset-md-10 {
406
- margin-left: (100/12*10%);
407
- }
408
-
409
- .offset-md-9 {
410
- margin-left: (100/12*9%);
411
- }
412
-
413
- .offset-md-8 {
414
- margin-left: (100/12*8%);
415
- }
416
-
417
- .offset-md-7 {
418
- margin-left: (100/12*7%);
419
- }
420
-
421
- .offset-md-6 {
422
- margin-left: (100/12*6%);
423
- }
424
-
425
- .offset-md-5 {
426
- margin-left: (100/12*5%);
427
- }
428
-
429
- .offset-md-4 {
430
- margin-left: (100/12*4%);
431
- }
432
-
433
- .offset-md-3 {
434
- margin-left: (100/12*3%);
435
- }
436
-
437
- .offset-md-2 {
438
- margin-left: (100/12*2%);
439
- }
440
-
441
- .offset-md-1 {
442
- margin-left: (100/12*1%);
443
- }
444
-
445
- .order-md-first {
446
- order: -1;
447
- }
448
-
449
- .order-md-last {
450
- order: 9999;
451
- }
452
-
453
- //Bootstrap-grid-lg
454
- .container {
455
- max-width: 960px;
456
- }
457
-
458
- .row-lg {
459
- display: flex;
460
- flex-wrap: wrap;
461
- margin-right: -$gAir;
462
- margin-left: -$gAir;
463
-
464
- &.no-gutters {
465
- margin-right: 0;
466
- margin-left: 0;
467
-
468
- .col-lg, [class*="col-lg"] {
469
- padding-left: 0;
470
- padding-right: 0;
471
- }
472
- }
473
- }
474
-
475
- .col-lg, [class*="col-lg"] {
476
- box-sizing: border-box;
477
- max-width: 100%;
478
- }
479
-
480
- .col-lg {
481
- flex-basis: 0;
482
- flex-grow: 1;
483
- }
484
-
485
- .col-lg-auto {
486
- flex: 0 0 auto;
487
- width: auto;
488
- }
489
-
490
- .col-lg-12 {
491
- flex-basis: 100%;
492
- }
493
-
494
- .col-lg-11 {
495
- flex-basis: (100/12*11%);
496
- max-width: (100/12*11%);
497
- }
498
-
499
- .col-lg-10 {
500
- flex-basis: (100/12*10%);
501
- max-width: (100/12*10%);
502
- }
503
-
504
- .col-lg-9 {
505
- flex-basis: (100/12*9%);
506
- max-width: (100/12*9%);
507
- }
508
-
509
- .col-lg-8 {
510
- flex-basis: (100/12*8%);
511
- max-width: (100/12*8%);
512
- }
513
-
514
- .col-lg-7 {
515
- flex-basis: (100/12*7%);
516
- max-width: (100/12*7%);
517
- }
518
-
519
- .col-lg-6 {
520
- flex-basis: 50%;
521
- max-width: 50%;
522
- }
523
-
524
- .col-lg-5 {
525
- flex-basis: (100/12*5%);
526
- max-width: (100/12*5%);
527
- }
528
-
529
- .col-lg-4 {
530
- flex-basis: (100/12*4%);
531
- max-width: (100/12*4%);
532
- }
533
-
534
- .col-lg-3 {
535
- flex-basis: (100/12*3%);
536
- max-width: (100/12*3%);
537
- }
538
-
539
- .col-lg-2 {
540
- flex-basis: (100/12*2%);
541
- max-width: (100/12*2%);
542
- }
543
-
544
- .col-lg-1 {
545
- flex-basis: (100/12*1%);
546
- max-width: (100/12*1%);
547
- }
548
-
549
- .offset-lg-11 {
550
- margin-left: (100/12*11%);
551
- }
552
-
553
- .offset-lg-10 {
554
- margin-left: (100/12*10%);
555
- }
556
-
557
- .offset-lg-9 {
558
- margin-left: (100/12*9%);
559
- }
560
-
561
- .offset-lg-8 {
562
- margin-left: (100/12*8%);
563
- }
564
-
565
- .offset-lg-7 {
566
- margin-left: (100/12*7%);
567
- }
568
-
569
- .offset-lg-6 {
570
- margin-left: (100/12*6%);
571
- }
572
-
573
- .offset-lg-5 {
574
- margin-left: (100/12*5%);
575
- }
576
-
577
- .offset-lg-4 {
578
- margin-left: (100/12*4%);
579
- }
580
-
581
- .offset-lg-3 {
582
- margin-left: (100/12*3%);
583
- }
584
-
585
- .offset-lg-2 {
586
- margin-left: (100/12*2%);
587
- }
588
-
589
- .offset-lg-1 {
590
- margin-left: (100/12*1%);
591
- }
592
-
593
- .order-lg-first {
594
- order: -1;
595
- }
596
-
597
- .order-lg-last {
598
- order: 9999;
599
- }
600
-
601
- //Bootstrap-grid-xl
602
- .container {
603
- max-width: 1220px;
604
- }
605
-
606
- .row-xl {
607
- display: flex;
608
- flex-wrap: wrap;
609
- margin-right: -$gAir;
610
- margin-left: -$gAir;
611
-
612
- &.no-gutters {
613
- margin-right: 0;
614
- margin-left: 0;
615
-
616
- .col-xl, [class*="col-xl"] {
617
- padding-left: 0;
618
- padding-right: 0;
619
- }
620
- }
621
- }
622
-
623
- .col-xl, [class*="col-xl"] {
624
- box-sizing: border-box;
625
- max-width: 100%;
626
- }
627
-
628
- .col-xl {
629
- flex-basis: 0;
630
- flex-grow: 1;
631
- }
632
-
633
- .col-xl-auto {
634
- flex: 0 0 auto;
635
- width: auto;
636
- }
637
-
638
- .col-xl-12 {
639
- flex-basis: 100%;
640
- }
641
-
642
- .col-xl-11 {
643
- flex-basis: (100/12*11%);
644
- max-width: (100/12*11%);
645
- }
646
-
647
- .col-xl-10 {
648
- flex-basis: (100/12*10%);
649
- max-width: (100/12*10%);
650
- }
651
-
652
- .col-xl-9 {
653
- flex-basis: (100/12*9%);
654
- max-width: (100/12*9%);
655
- }
656
-
657
- .col-xl-8 {
658
- flex-basis: (100/12*8%);
659
- max-width: (100/12*8%);
660
- }
661
-
662
- .col-xl-7 {
663
- flex-basis: (100/12*7%);
664
- max-width: (100/12*7%);
665
- }
666
-
667
- .col-xl-6 {
668
- flex-basis: 50%;
669
- max-width: 50%;
670
- }
671
-
672
- .col-xl-5 {
673
- flex-basis: (100/12*5%);
674
- max-width: (100/12*5%);
675
- }
676
-
677
- .col-xl-4 {
678
- flex-basis: (100/12*4%);
679
- max-width: (100/12*4%);
680
- }
681
-
682
- .col-xl-3 {
683
- flex-basis: (100/12*3%);
684
- max-width: (100/12*3%);
685
- }
686
-
687
- .col-xl-2 {
688
- flex-basis: (100/12*2%);
689
- max-width: (100/12*2%);
690
- }
691
-
692
- .col-xl-1 {
693
- flex-basis: (100/12*1%);
694
- max-width: (100/12*1%);
695
- }
696
-
697
- .offset-xl-11 {
698
- margin-left: (100/12*11%);
699
- }
700
-
701
- .offset-xl-10 {
702
- margin-left: (100/12*10%);
703
- }
704
-
705
- .offset-xl-9 {
706
- margin-left: (100/12*9%);
707
- }
708
-
709
- .offset-xl-8 {
710
- margin-left: (100/12*8%);
711
- }
712
-
713
- .offset-xl-7 {
714
- margin-left: (100/12*7%);
715
- }
716
-
717
- .offset-xl-6 {
718
- margin-left: (100/12*6%);
719
- }
720
-
721
- .offset-xl-5 {
722
- margin-left: (100/12*5%);
723
- }
724
-
725
- .offset-xl-4 {
726
- margin-left: (100/12*4%);
727
- }
728
-
729
- .offset-xl-3 {
730
- margin-left: (100/12*3%);
731
- }
732
-
733
- .offset-xl-2 {
734
- margin-left: (100/12*2%);
735
- }
736
-
737
- .offset-xl-1 {
738
- margin-left: (100/12*1%);
739
- }
740
-
741
- .order-xl-first {
742
- order: -1;
743
- }
744
-
745
- .order-xl-last {
746
- order: 9999;
747
- }
748
-