@linzjs/lui 17.36.8 → 17.36.10
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/CHANGELOG.md +14 -0
- package/dist/components/LuiHeaderV2/LuiHeaderV2.d.ts +9 -9
- package/dist/index.js +28 -21
- package/dist/index.js.map +1 -1
- package/dist/lui.css +72 -0
- package/dist/lui.css.map +1 -1
- package/dist/lui.esm.js +28 -21
- package/dist/lui.esm.js.map +1 -1
- package/dist/scss/Components/HeaderV2/header-v2.scss +62 -0
- package/dist/scss/Global/helpers.scss +281 -260
- package/package.json +1 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
@use
|
|
2
|
-
@use
|
|
3
|
-
@use
|
|
1
|
+
@use '../Foundation/Variables/SpacingVars.scss' as spacing;
|
|
2
|
+
@use '../Foundation/Variables/BreakpointVars.scss' as breakpoints;
|
|
3
|
+
@use '../Foundation/Utilities' as *;
|
|
4
4
|
|
|
5
5
|
// ! ************************************************************ ! //
|
|
6
6
|
// ! TODO: This whole file should be removed ! //
|
|
@@ -87,6 +87,14 @@ $lui-width-xl: 620px;
|
|
|
87
87
|
vertical-align: middle;
|
|
88
88
|
}
|
|
89
89
|
|
|
90
|
+
.lui-justify-space-between {
|
|
91
|
+
justify-content: space-between;
|
|
92
|
+
}
|
|
93
|
+
|
|
94
|
+
.lui-items-center {
|
|
95
|
+
align-items: center;
|
|
96
|
+
}
|
|
97
|
+
|
|
90
98
|
//add padding to the bottom of the wrapper element so the type doesn't sit on the bottom of the container
|
|
91
99
|
.lui-content-buffer {
|
|
92
100
|
padding-bottom: spacing.$unit-xl;
|
|
@@ -130,6 +138,19 @@ $lui-width-xl: 620px;
|
|
|
130
138
|
padding-bottom: 0 !important;
|
|
131
139
|
}
|
|
132
140
|
|
|
141
|
+
// Flexbox
|
|
142
|
+
.lui-flex {
|
|
143
|
+
display: flex;
|
|
144
|
+
}
|
|
145
|
+
|
|
146
|
+
.lui-flex-column {
|
|
147
|
+
flex-direction: column;
|
|
148
|
+
}
|
|
149
|
+
|
|
150
|
+
.lui-flex-row {
|
|
151
|
+
flex-direction: row;
|
|
152
|
+
}
|
|
153
|
+
|
|
133
154
|
// exploration into defining dividers (border top) on various screen sizes so they can be set on the Divs in the required sequence.
|
|
134
155
|
// use the selector: div[class*="row-divider"] to give it a colour
|
|
135
156
|
// Use .lui-row-divider class to apply a divider at all screen sizes
|
|
@@ -281,104 +302,104 @@ $screen-xl: breakpoints.$breakpoint5; // 1600px;
|
|
|
281
302
|
|
|
282
303
|
//vertical margins
|
|
283
304
|
@include multi-margin-builder(
|
|
284
|
-
|
|
285
|
-
|
|
286
|
-
|
|
287
|
-
|
|
288
|
-
|
|
305
|
+
'.lui-margin-y-xxs',
|
|
306
|
+
'margin-top',
|
|
307
|
+
spacing.$unit-xxs,
|
|
308
|
+
'margin-bottom',
|
|
309
|
+
spacing.$unit-xxs
|
|
289
310
|
);
|
|
290
311
|
@include multi-margin-builder(
|
|
291
|
-
|
|
292
|
-
|
|
293
|
-
|
|
294
|
-
|
|
295
|
-
|
|
312
|
+
'.lui-margin-y-xs',
|
|
313
|
+
'margin-top',
|
|
314
|
+
spacing.$unit-xs,
|
|
315
|
+
'margin-bottom',
|
|
316
|
+
spacing.$unit-xs
|
|
296
317
|
);
|
|
297
318
|
@include multi-margin-builder(
|
|
298
|
-
|
|
299
|
-
|
|
300
|
-
|
|
301
|
-
|
|
302
|
-
|
|
319
|
+
'.lui-margin-y-sm',
|
|
320
|
+
'margin-top',
|
|
321
|
+
spacing.$unit-sm,
|
|
322
|
+
'margin-bottom',
|
|
323
|
+
spacing.$unit-sm
|
|
303
324
|
);
|
|
304
325
|
@include multi-margin-builder(
|
|
305
|
-
|
|
306
|
-
|
|
307
|
-
|
|
308
|
-
|
|
309
|
-
|
|
326
|
+
'.lui-margin-y-md',
|
|
327
|
+
'margin-top',
|
|
328
|
+
spacing.$unit-md,
|
|
329
|
+
'margin-bottom',
|
|
330
|
+
spacing.$unit-md
|
|
310
331
|
);
|
|
311
332
|
@include multi-margin-builder(
|
|
312
|
-
|
|
313
|
-
|
|
314
|
-
|
|
315
|
-
|
|
316
|
-
|
|
333
|
+
'.lui-margin-y-lg',
|
|
334
|
+
'margin-top',
|
|
335
|
+
spacing.$unit-lg,
|
|
336
|
+
'margin-bottom',
|
|
337
|
+
spacing.$unit-lg
|
|
317
338
|
);
|
|
318
339
|
@include multi-margin-builder(
|
|
319
|
-
|
|
320
|
-
|
|
321
|
-
|
|
322
|
-
|
|
323
|
-
|
|
340
|
+
'.lui-margin-y-xl',
|
|
341
|
+
'margin-top',
|
|
342
|
+
spacing.$unit-xl,
|
|
343
|
+
'margin-bottom',
|
|
344
|
+
spacing.$unit-xl
|
|
324
345
|
);
|
|
325
346
|
@include multi-margin-builder(
|
|
326
|
-
|
|
327
|
-
|
|
328
|
-
|
|
329
|
-
|
|
330
|
-
|
|
347
|
+
'.lui-margin-y-xxl',
|
|
348
|
+
'margin-top',
|
|
349
|
+
spacing.$unit-xxl,
|
|
350
|
+
'margin-bottom',
|
|
351
|
+
spacing.$unit-xxl
|
|
331
352
|
);
|
|
332
353
|
|
|
333
354
|
//horizontal margins
|
|
334
355
|
@include multi-margin-builder(
|
|
335
|
-
|
|
336
|
-
|
|
337
|
-
|
|
338
|
-
|
|
339
|
-
|
|
356
|
+
'.lui-margin-x-xxs',
|
|
357
|
+
'margin-left',
|
|
358
|
+
spacing.$unit-xxs,
|
|
359
|
+
'margin-right',
|
|
360
|
+
spacing.$unit-xxs
|
|
340
361
|
);
|
|
341
362
|
@include multi-margin-builder(
|
|
342
|
-
|
|
343
|
-
|
|
344
|
-
|
|
345
|
-
|
|
346
|
-
|
|
363
|
+
'.lui-margin-x-xs',
|
|
364
|
+
'margin-left',
|
|
365
|
+
spacing.$unit-xs,
|
|
366
|
+
'margin-right',
|
|
367
|
+
spacing.$unit-xs
|
|
347
368
|
);
|
|
348
369
|
@include multi-margin-builder(
|
|
349
|
-
|
|
350
|
-
|
|
351
|
-
|
|
352
|
-
|
|
353
|
-
|
|
370
|
+
'.lui-margin-x-sm',
|
|
371
|
+
'margin-left',
|
|
372
|
+
spacing.$unit-sm,
|
|
373
|
+
'margin-right',
|
|
374
|
+
spacing.$unit-sm
|
|
354
375
|
);
|
|
355
376
|
@include multi-margin-builder(
|
|
356
|
-
|
|
357
|
-
|
|
358
|
-
|
|
359
|
-
|
|
360
|
-
|
|
377
|
+
'.lui-margin-x-md',
|
|
378
|
+
'margin-left',
|
|
379
|
+
spacing.$unit-md,
|
|
380
|
+
'margin-right',
|
|
381
|
+
spacing.$unit-md
|
|
361
382
|
);
|
|
362
383
|
@include multi-margin-builder(
|
|
363
|
-
|
|
364
|
-
|
|
365
|
-
|
|
366
|
-
|
|
367
|
-
|
|
384
|
+
'.lui-margin-x-lg',
|
|
385
|
+
'margin-left',
|
|
386
|
+
spacing.$unit-lg,
|
|
387
|
+
'margin-right',
|
|
388
|
+
spacing.$unit-lg
|
|
368
389
|
);
|
|
369
390
|
@include multi-margin-builder(
|
|
370
|
-
|
|
371
|
-
|
|
372
|
-
|
|
373
|
-
|
|
374
|
-
|
|
391
|
+
'.lui-margin-x-xl',
|
|
392
|
+
'margin-left',
|
|
393
|
+
spacing.$unit-xl,
|
|
394
|
+
'margin-right',
|
|
395
|
+
spacing.$unit-xl
|
|
375
396
|
);
|
|
376
397
|
@include multi-margin-builder(
|
|
377
|
-
|
|
378
|
-
|
|
379
|
-
|
|
380
|
-
|
|
381
|
-
|
|
398
|
+
'.lui-margin-x-xxl',
|
|
399
|
+
'margin-left',
|
|
400
|
+
spacing.$unit-xxl,
|
|
401
|
+
'margin-right',
|
|
402
|
+
spacing.$unit-xxl
|
|
382
403
|
);
|
|
383
404
|
|
|
384
405
|
//top margin
|
|
@@ -399,53 +420,53 @@ $screen-xl: breakpoints.$breakpoint5; // 1600px;
|
|
|
399
420
|
//bottom margin
|
|
400
421
|
|
|
401
422
|
@include margin-builder(
|
|
402
|
-
|
|
403
|
-
|
|
404
|
-
|
|
423
|
+
'.lui-margin-bottom-xxs',
|
|
424
|
+
'margin-bottom',
|
|
425
|
+
spacing.$unit-xxs
|
|
405
426
|
);
|
|
406
427
|
|
|
407
428
|
@include margin-builder(
|
|
408
|
-
|
|
409
|
-
|
|
410
|
-
|
|
429
|
+
'.lui-margin-bottom-xs',
|
|
430
|
+
'margin-bottom',
|
|
431
|
+
spacing.$unit-xs
|
|
411
432
|
);
|
|
412
433
|
|
|
413
434
|
@include margin-builder(
|
|
414
|
-
|
|
415
|
-
|
|
416
|
-
|
|
435
|
+
'.lui-margin-bottom-sm',
|
|
436
|
+
'margin-bottom',
|
|
437
|
+
spacing.$unit-sm
|
|
417
438
|
);
|
|
418
439
|
|
|
419
440
|
@include margin-builder(
|
|
420
|
-
|
|
421
|
-
|
|
422
|
-
|
|
441
|
+
'.lui-margin-bottom-md',
|
|
442
|
+
'margin-bottom',
|
|
443
|
+
spacing.$unit-md
|
|
423
444
|
);
|
|
424
445
|
|
|
425
446
|
@include margin-builder(
|
|
426
|
-
|
|
427
|
-
|
|
428
|
-
|
|
447
|
+
'.lui-margin-bottom-lg',
|
|
448
|
+
'margin-bottom',
|
|
449
|
+
spacing.$unit-lg
|
|
429
450
|
);
|
|
430
451
|
|
|
431
452
|
@include margin-builder(
|
|
432
|
-
|
|
433
|
-
|
|
434
|
-
|
|
453
|
+
'.lui-margin-bottom-xl',
|
|
454
|
+
'margin-bottom',
|
|
455
|
+
spacing.$unit-xl
|
|
435
456
|
);
|
|
436
457
|
|
|
437
458
|
@include margin-builder(
|
|
438
|
-
|
|
439
|
-
|
|
440
|
-
|
|
459
|
+
'.lui-margin-bottom-xxl',
|
|
460
|
+
'margin-bottom',
|
|
461
|
+
spacing.$unit-xxl
|
|
441
462
|
);
|
|
442
463
|
|
|
443
464
|
//left margin
|
|
444
465
|
|
|
445
466
|
@include margin-builder(
|
|
446
|
-
|
|
447
|
-
|
|
448
|
-
|
|
467
|
+
'.lui-margin-left-xxs',
|
|
468
|
+
'margin-left',
|
|
469
|
+
spacing.$unit-xxs
|
|
449
470
|
);
|
|
450
471
|
|
|
451
472
|
@include margin-builder('.lui-margin-left-xs', 'margin-left', spacing.$unit-xs);
|
|
@@ -459,53 +480,53 @@ $screen-xl: breakpoints.$breakpoint5; // 1600px;
|
|
|
459
480
|
@include margin-builder('.lui-margin-left-xl', 'margin-left', spacing.$unit-xl);
|
|
460
481
|
|
|
461
482
|
@include margin-builder(
|
|
462
|
-
|
|
463
|
-
|
|
464
|
-
|
|
483
|
+
'.lui-margin-left-xxl',
|
|
484
|
+
'margin-left',
|
|
485
|
+
spacing.$unit-xxl
|
|
465
486
|
);
|
|
466
487
|
|
|
467
488
|
//right margin
|
|
468
489
|
|
|
469
490
|
@include margin-builder(
|
|
470
|
-
|
|
471
|
-
|
|
472
|
-
|
|
491
|
+
'.lui-margin-right-xxs',
|
|
492
|
+
'margin-right',
|
|
493
|
+
spacing.$unit-xxs
|
|
473
494
|
);
|
|
474
495
|
|
|
475
496
|
@include margin-builder(
|
|
476
|
-
|
|
477
|
-
|
|
478
|
-
|
|
497
|
+
'.lui-margin-right-xs',
|
|
498
|
+
'margin-right',
|
|
499
|
+
spacing.$unit-xs
|
|
479
500
|
);
|
|
480
501
|
|
|
481
502
|
@include margin-builder(
|
|
482
|
-
|
|
483
|
-
|
|
484
|
-
|
|
503
|
+
'.lui-margin-right-sm',
|
|
504
|
+
'margin-right',
|
|
505
|
+
spacing.$unit-sm
|
|
485
506
|
);
|
|
486
507
|
|
|
487
508
|
@include margin-builder(
|
|
488
|
-
|
|
489
|
-
|
|
490
|
-
|
|
509
|
+
'.lui-margin-right-md',
|
|
510
|
+
'margin-right',
|
|
511
|
+
spacing.$unit-md
|
|
491
512
|
);
|
|
492
513
|
|
|
493
514
|
@include margin-builder(
|
|
494
|
-
|
|
495
|
-
|
|
496
|
-
|
|
515
|
+
'.lui-margin-right-lg',
|
|
516
|
+
'margin-right',
|
|
517
|
+
spacing.$unit-lg
|
|
497
518
|
);
|
|
498
519
|
|
|
499
520
|
@include margin-builder(
|
|
500
|
-
|
|
501
|
-
|
|
502
|
-
|
|
521
|
+
'.lui-margin-right-xl',
|
|
522
|
+
'margin-right',
|
|
523
|
+
spacing.$unit-xl
|
|
503
524
|
);
|
|
504
525
|
|
|
505
526
|
@include margin-builder(
|
|
506
|
-
|
|
507
|
-
|
|
508
|
-
|
|
527
|
+
'.lui-margin-right-xxl',
|
|
528
|
+
'margin-right',
|
|
529
|
+
spacing.$unit-xxl
|
|
509
530
|
);
|
|
510
531
|
|
|
511
532
|
// Remove margins
|
|
@@ -542,111 +563,111 @@ $screen-xl: breakpoints.$breakpoint5; // 1600px;
|
|
|
542
563
|
|
|
543
564
|
//vertical padding
|
|
544
565
|
@include multi-margin-builder(
|
|
545
|
-
|
|
546
|
-
|
|
547
|
-
|
|
548
|
-
|
|
549
|
-
|
|
566
|
+
'.lui-padding-y-xxs',
|
|
567
|
+
'padding-top',
|
|
568
|
+
spacing.$unit-xxs,
|
|
569
|
+
'padding-bottom',
|
|
570
|
+
spacing.$unit-xxs
|
|
550
571
|
);
|
|
551
572
|
@include multi-margin-builder(
|
|
552
|
-
|
|
553
|
-
|
|
554
|
-
|
|
555
|
-
|
|
556
|
-
|
|
573
|
+
'.lui-padding-y-xs',
|
|
574
|
+
'padding-top',
|
|
575
|
+
spacing.$unit-xs,
|
|
576
|
+
'padding-bottom',
|
|
577
|
+
spacing.$unit-xs
|
|
557
578
|
);
|
|
558
579
|
@include multi-margin-builder(
|
|
559
|
-
|
|
560
|
-
|
|
561
|
-
|
|
562
|
-
|
|
563
|
-
|
|
580
|
+
'.lui-padding-y-sm',
|
|
581
|
+
'padding-top',
|
|
582
|
+
spacing.$unit-sm,
|
|
583
|
+
'padding-bottom',
|
|
584
|
+
spacing.$unit-sm
|
|
564
585
|
);
|
|
565
586
|
@include multi-margin-builder(
|
|
566
|
-
|
|
567
|
-
|
|
568
|
-
|
|
569
|
-
|
|
570
|
-
|
|
587
|
+
'.lui-padding-y-md',
|
|
588
|
+
'padding-top',
|
|
589
|
+
spacing.$unit-md,
|
|
590
|
+
'padding-bottom',
|
|
591
|
+
spacing.$unit-md
|
|
571
592
|
);
|
|
572
593
|
@include multi-margin-builder(
|
|
573
|
-
|
|
574
|
-
|
|
575
|
-
|
|
576
|
-
|
|
577
|
-
|
|
594
|
+
'.lui-padding-y-lg',
|
|
595
|
+
'padding-top',
|
|
596
|
+
spacing.$unit-lg,
|
|
597
|
+
'padding-bottom',
|
|
598
|
+
spacing.$unit-lg
|
|
578
599
|
);
|
|
579
600
|
@include multi-margin-builder(
|
|
580
|
-
|
|
581
|
-
|
|
582
|
-
|
|
583
|
-
|
|
584
|
-
|
|
601
|
+
'.lui-padding-y-xl',
|
|
602
|
+
'padding-top',
|
|
603
|
+
spacing.$unit-xl,
|
|
604
|
+
'padding-bottom',
|
|
605
|
+
spacing.$unit-xl
|
|
585
606
|
);
|
|
586
607
|
@include multi-margin-builder(
|
|
587
|
-
|
|
588
|
-
|
|
589
|
-
|
|
590
|
-
|
|
591
|
-
|
|
608
|
+
'.lui-padding-y-xxl',
|
|
609
|
+
'padding-top',
|
|
610
|
+
spacing.$unit-xxl,
|
|
611
|
+
'padding-bottom',
|
|
612
|
+
spacing.$unit-xxl
|
|
592
613
|
);
|
|
593
614
|
|
|
594
615
|
//horizontal padding
|
|
595
616
|
@include multi-margin-builder(
|
|
596
|
-
|
|
597
|
-
|
|
598
|
-
|
|
599
|
-
|
|
600
|
-
|
|
617
|
+
'.lui-padding-x-xxs',
|
|
618
|
+
'padding-left',
|
|
619
|
+
spacing.$unit-xxs,
|
|
620
|
+
'padding-right',
|
|
621
|
+
spacing.$unit-xxs
|
|
601
622
|
);
|
|
602
623
|
@include multi-margin-builder(
|
|
603
|
-
|
|
604
|
-
|
|
605
|
-
|
|
606
|
-
|
|
607
|
-
|
|
624
|
+
'.lui-padding-x-xs',
|
|
625
|
+
'padding-left',
|
|
626
|
+
spacing.$unit-xs,
|
|
627
|
+
'padding-right',
|
|
628
|
+
spacing.$unit-xs
|
|
608
629
|
);
|
|
609
630
|
@include multi-margin-builder(
|
|
610
|
-
|
|
611
|
-
|
|
612
|
-
|
|
613
|
-
|
|
614
|
-
|
|
631
|
+
'.lui-padding-x-sm',
|
|
632
|
+
'padding-left',
|
|
633
|
+
spacing.$unit-sm,
|
|
634
|
+
'padding-right',
|
|
635
|
+
spacing.$unit-sm
|
|
615
636
|
);
|
|
616
637
|
@include multi-margin-builder(
|
|
617
|
-
|
|
618
|
-
|
|
619
|
-
|
|
620
|
-
|
|
621
|
-
|
|
638
|
+
'.lui-padding-x-md',
|
|
639
|
+
'padding-left',
|
|
640
|
+
spacing.$unit-md,
|
|
641
|
+
'padding-right',
|
|
642
|
+
spacing.$unit-md
|
|
622
643
|
);
|
|
623
644
|
@include multi-margin-builder(
|
|
624
|
-
|
|
625
|
-
|
|
626
|
-
|
|
627
|
-
|
|
628
|
-
|
|
645
|
+
'.lui-padding-x-lg',
|
|
646
|
+
'padding-left',
|
|
647
|
+
spacing.$unit-lg,
|
|
648
|
+
'padding-right',
|
|
649
|
+
spacing.$unit-lg
|
|
629
650
|
);
|
|
630
651
|
@include multi-margin-builder(
|
|
631
|
-
|
|
632
|
-
|
|
633
|
-
|
|
634
|
-
|
|
635
|
-
|
|
652
|
+
'.lui-padding-x-xl',
|
|
653
|
+
'padding-left',
|
|
654
|
+
spacing.$unit-xl,
|
|
655
|
+
'padding-right',
|
|
656
|
+
spacing.$unit-xl
|
|
636
657
|
);
|
|
637
658
|
@include multi-margin-builder(
|
|
638
|
-
|
|
639
|
-
|
|
640
|
-
|
|
641
|
-
|
|
642
|
-
|
|
659
|
+
'.lui-padding-x-xxl',
|
|
660
|
+
'padding-left',
|
|
661
|
+
spacing.$unit-xxl,
|
|
662
|
+
'padding-right',
|
|
663
|
+
spacing.$unit-xxl
|
|
643
664
|
);
|
|
644
665
|
|
|
645
666
|
//top padding
|
|
646
667
|
@include margin-builder(
|
|
647
|
-
|
|
648
|
-
|
|
649
|
-
|
|
668
|
+
'.lui-padding-top-xxs',
|
|
669
|
+
'padding-top',
|
|
670
|
+
spacing.$unit-xxs
|
|
650
671
|
);
|
|
651
672
|
|
|
652
673
|
@include margin-builder('.lui-padding-top-xs', 'padding-top', spacing.$unit-xs);
|
|
@@ -660,141 +681,141 @@ $screen-xl: breakpoints.$breakpoint5; // 1600px;
|
|
|
660
681
|
@include margin-builder('.lui-padding-top-xl', 'padding-top', spacing.$unit-xl);
|
|
661
682
|
|
|
662
683
|
@include margin-builder(
|
|
663
|
-
|
|
664
|
-
|
|
665
|
-
|
|
684
|
+
'.lui-padding-top-xxl',
|
|
685
|
+
'padding-top',
|
|
686
|
+
spacing.$unit-xxl
|
|
666
687
|
);
|
|
667
688
|
|
|
668
689
|
//bottom padding
|
|
669
690
|
|
|
670
691
|
@include margin-builder(
|
|
671
|
-
|
|
672
|
-
|
|
673
|
-
|
|
692
|
+
'.lui-padding-bottom-xxs',
|
|
693
|
+
'padding-bottom',
|
|
694
|
+
spacing.$unit-xxs
|
|
674
695
|
);
|
|
675
696
|
|
|
676
697
|
@include margin-builder(
|
|
677
|
-
|
|
678
|
-
|
|
679
|
-
|
|
698
|
+
'.lui-padding-bottom-xs',
|
|
699
|
+
'padding-bottom',
|
|
700
|
+
spacing.$unit-xs
|
|
680
701
|
);
|
|
681
702
|
|
|
682
703
|
@include margin-builder(
|
|
683
|
-
|
|
684
|
-
|
|
685
|
-
|
|
704
|
+
'.lui-padding-bottom-sm',
|
|
705
|
+
'padding-bottom',
|
|
706
|
+
spacing.$unit-sm
|
|
686
707
|
);
|
|
687
708
|
|
|
688
709
|
@include margin-builder(
|
|
689
|
-
|
|
690
|
-
|
|
691
|
-
|
|
710
|
+
'.lui-padding-bottom-md',
|
|
711
|
+
'padding-bottom',
|
|
712
|
+
spacing.$unit-md
|
|
692
713
|
);
|
|
693
714
|
|
|
694
715
|
@include margin-builder(
|
|
695
|
-
|
|
696
|
-
|
|
697
|
-
|
|
716
|
+
'.lui-padding-bottom-lg',
|
|
717
|
+
'padding-bottom',
|
|
718
|
+
spacing.$unit-lg
|
|
698
719
|
);
|
|
699
720
|
|
|
700
721
|
@include margin-builder(
|
|
701
|
-
|
|
702
|
-
|
|
703
|
-
|
|
722
|
+
'.lui-padding-bottom-xl',
|
|
723
|
+
'padding-bottom',
|
|
724
|
+
spacing.$unit-xl
|
|
704
725
|
);
|
|
705
726
|
|
|
706
727
|
@include margin-builder(
|
|
707
|
-
|
|
708
|
-
|
|
709
|
-
|
|
728
|
+
'.lui-padding-bottom-xxl',
|
|
729
|
+
'padding-bottom',
|
|
730
|
+
spacing.$unit-xxl
|
|
710
731
|
);
|
|
711
732
|
|
|
712
733
|
//left padding
|
|
713
734
|
|
|
714
735
|
@include margin-builder(
|
|
715
|
-
|
|
716
|
-
|
|
717
|
-
|
|
736
|
+
'.lui-padding-left-xxs',
|
|
737
|
+
'padding-left',
|
|
738
|
+
spacing.$unit-xxs
|
|
718
739
|
);
|
|
719
740
|
|
|
720
741
|
@include margin-builder(
|
|
721
|
-
|
|
722
|
-
|
|
723
|
-
|
|
742
|
+
'.lui-padding-left-xs',
|
|
743
|
+
'padding-left',
|
|
744
|
+
spacing.$unit-xs
|
|
724
745
|
);
|
|
725
746
|
|
|
726
747
|
@include margin-builder(
|
|
727
|
-
|
|
728
|
-
|
|
729
|
-
|
|
748
|
+
'.lui-padding-left-sm',
|
|
749
|
+
'padding-left',
|
|
750
|
+
spacing.$unit-sm
|
|
730
751
|
);
|
|
731
752
|
|
|
732
753
|
@include margin-builder(
|
|
733
|
-
|
|
734
|
-
|
|
735
|
-
|
|
754
|
+
'.lui-padding-left-md',
|
|
755
|
+
'padding-left',
|
|
756
|
+
spacing.$unit-md
|
|
736
757
|
);
|
|
737
758
|
|
|
738
759
|
@include margin-builder(
|
|
739
|
-
|
|
740
|
-
|
|
741
|
-
|
|
760
|
+
'.lui-padding-left-lg',
|
|
761
|
+
'padding-left',
|
|
762
|
+
spacing.$unit-lg
|
|
742
763
|
);
|
|
743
764
|
|
|
744
765
|
@include margin-builder(
|
|
745
|
-
|
|
746
|
-
|
|
747
|
-
|
|
766
|
+
'.lui-padding-left-xl',
|
|
767
|
+
'padding-left',
|
|
768
|
+
spacing.$unit-xl
|
|
748
769
|
);
|
|
749
770
|
|
|
750
771
|
@include margin-builder(
|
|
751
|
-
|
|
752
|
-
|
|
753
|
-
|
|
772
|
+
'.lui-padding-left-xxl',
|
|
773
|
+
'padding-left',
|
|
774
|
+
spacing.$unit-xxl
|
|
754
775
|
);
|
|
755
776
|
|
|
756
777
|
//right padding
|
|
757
778
|
|
|
758
779
|
@include margin-builder(
|
|
759
|
-
|
|
760
|
-
|
|
761
|
-
|
|
780
|
+
'.lui-padding-right-xxs',
|
|
781
|
+
'padding-right',
|
|
782
|
+
spacing.$unit-xxs
|
|
762
783
|
);
|
|
763
784
|
|
|
764
785
|
@include margin-builder(
|
|
765
|
-
|
|
766
|
-
|
|
767
|
-
|
|
786
|
+
'.lui-padding-right-xs',
|
|
787
|
+
'padding-right',
|
|
788
|
+
spacing.$unit-xs
|
|
768
789
|
);
|
|
769
790
|
|
|
770
791
|
@include margin-builder(
|
|
771
|
-
|
|
772
|
-
|
|
773
|
-
|
|
792
|
+
'.lui-padding-right-sm',
|
|
793
|
+
'padding-right',
|
|
794
|
+
spacing.$unit-sm
|
|
774
795
|
);
|
|
775
796
|
|
|
776
797
|
@include margin-builder(
|
|
777
|
-
|
|
778
|
-
|
|
779
|
-
|
|
798
|
+
'.lui-padding-right-md',
|
|
799
|
+
'padding-right',
|
|
800
|
+
spacing.$unit-md
|
|
780
801
|
);
|
|
781
802
|
|
|
782
803
|
@include margin-builder(
|
|
783
|
-
|
|
784
|
-
|
|
785
|
-
|
|
804
|
+
'.lui-padding-right-lg',
|
|
805
|
+
'padding-right',
|
|
806
|
+
spacing.$unit-lg
|
|
786
807
|
);
|
|
787
808
|
|
|
788
809
|
@include margin-builder(
|
|
789
|
-
|
|
790
|
-
|
|
791
|
-
|
|
810
|
+
'.lui-padding-right-xl',
|
|
811
|
+
'padding-right',
|
|
812
|
+
spacing.$unit-xl
|
|
792
813
|
);
|
|
793
814
|
|
|
794
815
|
@include margin-builder(
|
|
795
|
-
|
|
796
|
-
|
|
797
|
-
|
|
816
|
+
'.lui-padding-right-xxl',
|
|
817
|
+
'padding-right',
|
|
818
|
+
spacing.$unit-xxl
|
|
798
819
|
);
|
|
799
820
|
|
|
800
821
|
// Remove padding
|