@liftkit-vue/theme-css 0.1.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.
@@ -0,0 +1,1041 @@
1
+ @import "./liftkitvars.css";
2
+
3
+ .p-0 {
4
+ padding: 0px !important;
5
+ }
6
+
7
+ .p-2xs {
8
+ padding: var(--lk-size-2xs);
9
+ }
10
+
11
+ .p-xs {
12
+ padding: var(--lk-size-xs);
13
+ }
14
+
15
+ .p-sm {
16
+ padding: var(--lk-size-sm);
17
+ }
18
+
19
+ .p-md {
20
+ padding: var(--lk-size-md);
21
+ }
22
+
23
+ .p-lg {
24
+ padding: var(--lk-size-lg);
25
+ }
26
+
27
+ .p-xl {
28
+ padding: var(--lk-size-xl);
29
+ }
30
+
31
+ .p-2xl {
32
+ padding: var(--lk-size-2xl);
33
+ }
34
+
35
+ .p-3xl {
36
+ padding: var(--lk-size-3xl);
37
+ }
38
+
39
+ .p-4xl {
40
+ padding: var(--lk-size-4xl);
41
+ }
42
+
43
+
44
+ .pt-2xs {
45
+ padding-top: var(--lk-size-2xs);
46
+ }
47
+
48
+ .pt-xs {
49
+ padding-top: var(--lk-size-xs);
50
+ }
51
+
52
+ .pt-sm {
53
+ padding-top: var(--lk-size-sm);
54
+ }
55
+
56
+ .pt-md {
57
+ padding-top: var(--lk-size-md);
58
+ }
59
+
60
+ .pt-lg {
61
+ padding-top: var(--lk-size-lg);
62
+ }
63
+
64
+ .pt-xl {
65
+ padding-top: var(--lk-size-xl);
66
+ }
67
+
68
+ .pt-2xl {
69
+ padding-top: var(--lk-size-2xl);
70
+ }
71
+
72
+ .pt-3xl {
73
+ padding-top: var(--lk-size-3xl);
74
+ }
75
+
76
+ .pt-4xl {
77
+ padding-top: var(--lk-size-4xl);
78
+ }
79
+
80
+
81
+
82
+ .pr-2xs {
83
+ padding-right: var(--lk-size-2xs);
84
+ }
85
+
86
+ .pr-xs {
87
+ padding-right: var(--lk-size-xs);
88
+ }
89
+
90
+ .pr-sm {
91
+ padding-right: var(--lk-size-sm);
92
+ }
93
+
94
+ .pr-md {
95
+ padding-right: var(--lk-size-md);
96
+ }
97
+
98
+ .pr-lg {
99
+ padding-right: var(--lk-size-lg);
100
+ }
101
+
102
+ .pr-xl {
103
+ padding-right: var(--lk-size-xl);
104
+ }
105
+
106
+ .pr-2xl {
107
+ padding-right: var(--lk-size-2xl);
108
+ }
109
+
110
+ .pb-2xs {
111
+ padding-bottom: var(--lk-size-2xs);
112
+ }
113
+
114
+ .pb-xs {
115
+ padding-bottom: var(--lk-size-xs);
116
+ }
117
+
118
+ .pb-sm {
119
+ padding-bottom: var(--lk-size-sm);
120
+ }
121
+
122
+ .pb-md {
123
+ padding-bottom: var(--lk-size-md);
124
+ }
125
+
126
+ .pb-lg {
127
+ padding-bottom: var(--lk-size-lg);
128
+ }
129
+
130
+ .pb-xl {
131
+ padding-bottom: var(--lk-size-xl);
132
+ }
133
+
134
+ .pb-2xl {
135
+ padding-bottom: var(--lk-size-2xl);
136
+ }
137
+
138
+
139
+ .pb-3xl {
140
+ padding-bottom: var(--lk-size-3xl);
141
+ }
142
+
143
+ .pb-4xl {
144
+ padding-bottom: var(--lk-size-4xl);
145
+ }
146
+
147
+
148
+
149
+ .pl-2xs {
150
+ padding-left: var(--lk-size-2xs);
151
+ }
152
+
153
+ .pl-xs {
154
+ padding-left: var(--lk-size-xs);
155
+ }
156
+
157
+ .pl-sm {
158
+ padding-left: var(--lk-size-sm);
159
+ }
160
+
161
+ .pl-md {
162
+ padding-left: var(--lk-size-md);
163
+ }
164
+
165
+ .pl-lg {
166
+ padding-left: var(--lk-size-lg);
167
+ }
168
+
169
+ .pl-xl {
170
+ padding-left: var(--lk-size-xl);
171
+ }
172
+
173
+ .pl-2xl {
174
+ padding-left: var(--lk-size-2xl);
175
+ }
176
+
177
+ .pl-3xl {
178
+ padding-left: var(--lk-size-3xl);
179
+ }
180
+
181
+ .pl-4xl {
182
+ padding-left: var(--lk-size-4xl);
183
+ }
184
+
185
+ .py-2xs {
186
+ padding-top: var(--lk-size-2xs);
187
+ padding-bottom: var(--lk-size-2xs);
188
+ }
189
+
190
+ .py-xs {
191
+ padding-top: var(--lk-size-xs);
192
+ padding-bottom: var(--lk-size-xs);
193
+ }
194
+
195
+ .py-sm {
196
+ padding-top: var(--lk-size-sm);
197
+ padding-bottom: var(--lk-size-sm);
198
+ }
199
+
200
+ .py-md {
201
+ padding-top: var(--lk-size-md);
202
+ padding-bottom: var(--lk-size-md);
203
+ }
204
+
205
+ .py-lg {
206
+ padding-top: var(--lk-size-lg);
207
+ padding-bottom: var(--lk-size-lg);
208
+ }
209
+
210
+ .py-xl {
211
+ padding-top: var(--lk-size-xl);
212
+ padding-bottom: var(--lk-size-xl);
213
+ }
214
+
215
+ .py-2xl {
216
+ padding-top: var(--lk-size-2xl);
217
+ padding-bottom: var(--lk-size-2xl);
218
+ }
219
+
220
+ .py-3xl {
221
+ padding-top: var(--lk-size-3xl);
222
+ padding-bottom: var(--lk-size-3xl);
223
+ }
224
+
225
+ .py-4xl {
226
+ padding-top: var(--lk-size-4xl);
227
+ padding-bottom: var(--lk-size-4xl);
228
+ }
229
+
230
+
231
+
232
+
233
+
234
+ .px-2xs {
235
+ padding-right: var(--lk-size-2xs);
236
+ padding-left: var(--lk-size-2xs);
237
+ }
238
+
239
+ .px-xs {
240
+ padding-right: var(--lk-size-xs);
241
+ padding-left: var(--lk-size-xs);
242
+ }
243
+
244
+ .px-sm {
245
+ padding-right: var(--lk-size-sm);
246
+ padding-left: var(--lk-size-sm);
247
+ }
248
+
249
+ .px-md {
250
+ padding-right: var(--lk-size-md);
251
+ padding-left: var(--lk-size-md);
252
+ }
253
+
254
+ .px-lg {
255
+ padding-right: var(--lk-size-lg);
256
+ padding-left: var(--lk-size-lg);
257
+ }
258
+
259
+ .px-xl {
260
+ padding-right: var(--lk-size-xl);
261
+ padding-left: var(--lk-size-xl);
262
+ }
263
+
264
+ .px-2xl {
265
+ padding-right: var(--lk-size-2xl);
266
+ padding-left: var(--lk-size-2xl);
267
+ }
268
+
269
+ .px-3xl {
270
+ padding-right: var(--lk-size-3xl);
271
+ padding-left: var(--lk-size-3xl);
272
+ }
273
+
274
+ .px-4xl {
275
+ padding-right: var(--lk-size-4xl);
276
+ padding-left: var(--lk-size-4xl);
277
+ }
278
+
279
+ .display1.pt-2xs,
280
+ .display2.pt-2xs,
281
+ .title1.pt-2xs,
282
+ .title2.pt-2xs,
283
+ .title3.pt-2xs,
284
+ .heading.pt-2xs,
285
+ .subheading.pt-2xs,
286
+ .body.pt-2xs,
287
+ .callout.pt-2xs,
288
+ .label.pt-2xs,
289
+ .caption.pt-2xs,
290
+ .capline.pt-2xs,
291
+ .display1-bold.pt-2xs,
292
+ .display2-bold.pt-2xs,
293
+ .title1-bold.pt-2xs,
294
+ .title2-bold.pt-2xs,
295
+ .title3-bold.pt-2xs,
296
+ .heading-bold.pt-2xs,
297
+ .subheading-bold.pt-2xs,
298
+ .body-bold.pt-2xs,
299
+ .callout-bold.pt-2xs,
300
+ .label-bold.pt-2xs,
301
+ .caption-bold.pt-2xs,
302
+ .capline-bold.pt-2xs {
303
+ padding-top: var(--lk-size-2xs);
304
+ }
305
+
306
+ .display1.pt-xs,
307
+ .display2.pt-xs,
308
+ .title1.pt-xs,
309
+ .title2.pt-xs,
310
+ .title3.pt-xs,
311
+ .heading.pt-xs,
312
+ .subheading.pt-xs,
313
+ .body.pt-xs,
314
+ .callout.pt-xs,
315
+ .label.pt-xs,
316
+ .caption.pt-xs,
317
+ .capline.pt-xs,
318
+ .display1-bold.pt-xs,
319
+ .display2-bold.pt-xs,
320
+ .title1-bold.pt-xs,
321
+ .title2-bold.pt-xs,
322
+ .title3-bold.pt-xs,
323
+ .heading-bold.pt-xs,
324
+ .subheading-bold.pt-xs,
325
+ .body-bold.pt-xs,
326
+ .callout-bold.pt-xs,
327
+ .label-bold.pt-xs,
328
+ .caption-bold.pt-xs,
329
+ .capline-bold.pt-xs {
330
+ padding-top: var(--lk-size-xs);
331
+ }
332
+
333
+ .display1.pt-sm,
334
+ .display2.pt-sm,
335
+ .title1.pt-sm,
336
+ .title2.pt-sm,
337
+ .title3.pt-sm,
338
+ .heading.pt-sm,
339
+ .subheading.pt-sm,
340
+ .body.pt-sm,
341
+ .callout.pt-sm,
342
+ .label.pt-sm,
343
+ .caption.pt-sm,
344
+ .capline.pt-sm,
345
+ .display1-bold.pt-sm,
346
+ .display2-bold.pt-sm,
347
+ .title1-bold.pt-sm,
348
+ .title2-bold.pt-sm,
349
+ .title3-bold.pt-sm,
350
+ .heading-bold.pt-sm,
351
+ .subheading-bold.pt-sm,
352
+ .body-bold.pt-sm,
353
+ .callout-bold.pt-sm,
354
+ .label-bold.pt-sm,
355
+ .caption-bold.pt-sm,
356
+ .capline-bold.pt-sm {
357
+ padding-top: var(--lk-size-sm);
358
+ }
359
+
360
+ /* Repeat for other margin directions and sizes */
361
+
362
+ .display1.pt-md,
363
+ .display2.pt-md,
364
+ .title1.pt-md,
365
+ .title2.pt-md,
366
+ .title3.pt-md,
367
+ .heading.pt-md,
368
+ .subheading.pt-md,
369
+ .body.pt-md,
370
+ .callout.pt-md,
371
+ .label.pt-md,
372
+ .caption.pt-md,
373
+ .capline.pt-md,
374
+ .display1-bold.pt-md,
375
+ .display2-bold.pt-md,
376
+ .title1-bold.pt-md,
377
+ .title2-bold.pt-md,
378
+ .title3-bold.pt-md,
379
+ .heading-bold.pt-md,
380
+ .subheading-bold.pt-md,
381
+ .body-bold.pt-md,
382
+ .callout-bold.pt-md,
383
+ .label-bold.pt-md,
384
+ .caption-bold.pt-md,
385
+ .capline-bold.pt-md {
386
+ padding-top: var(--lk-size-md);
387
+ }
388
+
389
+ .display1.pt-lg,
390
+ .display2.pt-lg,
391
+ .title1.pt-lg,
392
+ .title2.pt-lg,
393
+ .title3.pt-lg,
394
+ .heading.pt-lg,
395
+ .subheading.pt-lg,
396
+ .body.pt-lg,
397
+ .callout.pt-lg,
398
+ .label.pt-lg,
399
+ .caption.pt-lg,
400
+ .capline.pt-lg,
401
+ .display1-bold.pt-lg,
402
+ .display2-bold.pt-lg,
403
+ .title1-bold.pt-lg,
404
+ .title2-bold.pt-lg,
405
+ .title3-bold.pt-lg,
406
+ .heading-bold.pt-lg,
407
+ .subheading-bold.pt-lg,
408
+ .body-bold.pt-lg,
409
+ .callout-bold.pt-lg,
410
+ .label-bold.pt-lg,
411
+ .caption-bold.pt-lg,
412
+ .capline-bold.pt-lg {
413
+ padding-top: var(--lk-size-lg);
414
+ }
415
+
416
+ .display1.pt-xl,
417
+ .display2.pt-xl,
418
+ .title1.pt-xl,
419
+ .title2.pt-xl,
420
+ .title3.pt-xl,
421
+ .heading.pt-xl,
422
+ .subheading.pt-xl,
423
+ .body.pt-xl,
424
+ .callout.pt-xl,
425
+ .label.pt-xl,
426
+ .caption.pt-xl,
427
+ .capline.pt-xl,
428
+ .display1-bold.pt-xl,
429
+ .display2-bold.pt-xl,
430
+ .title1-bold.pt-xl,
431
+ .title2-bold.pt-xl,
432
+ .title3-bold.pt-xl,
433
+ .heading-bold.pt-xl,
434
+ .subheading-bold.pt-xl,
435
+ .body-bold.pt-xl,
436
+ .callout-bold.pt-xl,
437
+ .label-bold.pt-xl,
438
+ .caption-bold.pt-xl,
439
+ .capline-bold.pt-xl {
440
+ padding-top: var(--lk-size-xl);
441
+ }
442
+
443
+ .display1.pt-2xl,
444
+ .display2.pt-2xl,
445
+ .title1.pt-2xl,
446
+ .title2.pt-2xl,
447
+ .title3.pt-2xl,
448
+ .heading.pt-2xl,
449
+ .subheading.pt-2xl,
450
+ .body.pt-2xl,
451
+ .callout.pt-2xl,
452
+ .label.pt-2xl,
453
+ .caption.pt-2xl,
454
+ .capline.pt-2xl,
455
+ .display1-bold.pt-2xl,
456
+ .display2-bold.pt-2xl,
457
+ .title1-bold.pt-2xl,
458
+ .title2-bold.pt-2xl,
459
+ .title3-bold.pt-2xl,
460
+ .heading-bold.pt-2xl,
461
+ .subheading-bold.pt-2xl,
462
+ .body-bold.pt-2xl,
463
+ .callout-bold.pt-2xl,
464
+ .label-bold.pt-2xl,
465
+ .caption-bold.pt-2xl,
466
+ .capline-bold.pt-2xl {
467
+ padding-top: var(--lk-size-2xl);
468
+ }
469
+
470
+ .display1.pr-2xs,
471
+ .display2.pr-2xs,
472
+ .title1.pr-2xs,
473
+ .title2.pr-2xs,
474
+ .title3.pr-2xs,
475
+ .heading.pr-2xs,
476
+ .subheading.pr-2xs,
477
+ .body.pr-2xs,
478
+ .callout.pr-2xs,
479
+ .label.pr-2xs,
480
+ .caption.pr-2xs,
481
+ .capline.pr-2xs,
482
+ .display1-bold.pr-2xs,
483
+ .display2-bold.pr-2xs,
484
+ .title1-bold.pr-2xs,
485
+ .title2-bold.pr-2xs,
486
+ .title3-bold.pr-2xs,
487
+ .heading-bold.pr-2xs,
488
+ .subheading-bold.pr-2xs,
489
+ .body-bold.pr-2xs,
490
+ .callout-bold.pr-2xs,
491
+ .label-bold.pr-2xs,
492
+ .caption-bold.pr-2xs,
493
+ .capline-bold.pr-2xs {
494
+ padding-right: var(--lk-size-2xs);
495
+ }
496
+
497
+ .display1.pr-xs,
498
+ .display2.pr-xs,
499
+ .title1.pr-xs,
500
+ .title2.pr-xs,
501
+ .title3.pr-xs,
502
+ .heading.pr-xs,
503
+ .subheading.pr-xs,
504
+ .body.pr-xs,
505
+ .callout.pr-xs,
506
+ .label.pr-xs,
507
+ .caption.pr-xs,
508
+ .capline.pr-xs,
509
+ .display1-bold.pr-xs,
510
+ .display2-bold.pr-xs,
511
+ .title1-bold.pr-xs,
512
+ .title2-bold.pr-xs,
513
+ .title3-bold.pr-xs,
514
+ .heading-bold.pr-xs,
515
+ .subheading-bold.pr-xs,
516
+ .body-bold.pr-xs,
517
+ .callout-bold.pr-xs,
518
+ .label-bold.pr-xs,
519
+ .caption-bold.pr-xs,
520
+ .capline-bold.pr-xs {
521
+ padding-right: var(--lk-size-xs);
522
+ }
523
+
524
+ .display1.pr-sm,
525
+ .display2.pr-sm,
526
+ .title1.pr-sm,
527
+ .title2.pr-sm,
528
+ .title3.pr-sm,
529
+ .heading.pr-sm,
530
+ .subheading.pr-sm,
531
+ .body.pr-sm,
532
+ .callout.pr-sm,
533
+ .label.pr-sm,
534
+ .caption.pr-sm,
535
+ .capline.pr-sm,
536
+ .display1-bold.pr-sm,
537
+ .display2-bold.pr-sm,
538
+ .title1-bold.pr-sm,
539
+ .title2-bold.pr-sm,
540
+ .title3-bold.pr-sm,
541
+ .heading-bold.pr-sm,
542
+ .subheading-bold.pr-sm,
543
+ .body-bold.pr-sm,
544
+ .callout-bold.pr-sm,
545
+ .label-bold.pr-sm,
546
+ .caption-bold.pr-sm,
547
+ .capline-bold.pr-sm {
548
+ padding-right: var(--lk-size-sm);
549
+ }
550
+
551
+ /* Repeat for other margin directions and sizes */
552
+
553
+ .display1.pr-md,
554
+ .display2.pr-md,
555
+ .title1.pr-md,
556
+ .title2.pr-md,
557
+ .title3.pr-md,
558
+ .heading.pr-md,
559
+ .subheading.pr-md,
560
+ .body.pr-md,
561
+ .callout.pr-md,
562
+ .label.pr-md,
563
+ .caption.pr-md,
564
+ .capline.pr-md,
565
+ .display1-bold.pr-md,
566
+ .display2-bold.pr-md,
567
+ .title1-bold.pr-md,
568
+ .title2-bold.pr-md,
569
+ .title3-bold.pr-md,
570
+ .heading-bold.pr-md,
571
+ .subheading-bold.pr-md,
572
+ .body-bold.pr-md,
573
+ .callout-bold.pr-md,
574
+ .label-bold.pr-md,
575
+ .caption-bold.pr-md,
576
+ .capline-bold.pr-md {
577
+ padding-right: var(--lk-size-md);
578
+ }
579
+
580
+ .display1.pr-lg,
581
+ .display2.pr-lg,
582
+ .title1.pr-lg,
583
+ .title2.pr-lg,
584
+ .title3.pr-lg,
585
+ .heading.pr-lg,
586
+ .subheading.pr-lg,
587
+ .body.pr-lg,
588
+ .callout.pr-lg,
589
+ .label.pr-lg,
590
+ .caption.pr-lg,
591
+ .capline.pr-lg,
592
+ .display1-bold.pr-lg,
593
+ .display2-bold.pr-lg,
594
+ .title1-bold.pr-lg,
595
+ .title2-bold.pr-lg,
596
+ .title3-bold.pr-lg,
597
+ .heading-bold.pr-lg,
598
+ .subheading-bold.pr-lg,
599
+ .body-bold.pr-lg,
600
+ .callout-bold.pr-lg,
601
+ .label-bold.pr-lg,
602
+ .caption-bold.pr-lg,
603
+ .capline-bold.pr-lg {
604
+ padding-right: var(--lk-size-lg);
605
+ }
606
+
607
+ .display1.pr-xl,
608
+ .display2.pr-xl,
609
+ .title1.pr-xl,
610
+ .title2.pr-xl,
611
+ .title3.pr-xl,
612
+ .heading.pr-xl,
613
+ .subheading.pr-xl,
614
+ .body.pr-xl,
615
+ .callout.pr-xl,
616
+ .label.pr-xl,
617
+ .caption.pr-xl,
618
+ .capline.pr-xl,
619
+ .display1-bold.pr-xl,
620
+ .display2-bold.pr-xl,
621
+ .title1-bold.pr-xl,
622
+ .title2-bold.pr-xl,
623
+ .title3-bold.pr-xl,
624
+ .heading-bold.pr-xl,
625
+ .subheading-bold.pr-xl,
626
+ .body-bold.pr-xl,
627
+ .callout-bold.pr-xl,
628
+ .label-bold.pr-xl,
629
+ .caption-bold.pr-xl,
630
+ .capline-bold.pr-xl {
631
+ padding-right: var(--lk-size-xl);
632
+ }
633
+
634
+ .display1.pr-2xl,
635
+ .display2.pr-2xl,
636
+ .title1.pr-2xl,
637
+ .title2.pr-2xl,
638
+ .title3.pr-2xl,
639
+ .heading.pr-2xl,
640
+ .subheading.pr-2xl,
641
+ .body.pr-2xl,
642
+ .callout.pr-2xl,
643
+ .label.pr-2xl,
644
+ .caption.pr-2xl,
645
+ .capline.pr-2xl,
646
+ .display1-bold.pr-2xl,
647
+ .display2-bold.pr-2xl,
648
+ .title1-bold.pr-2xl,
649
+ .title2-bold.pr-2xl,
650
+ .title3-bold.pr-2xl,
651
+ .heading-bold.pr-2xl,
652
+ .subheading-bold.pr-2xl,
653
+ .body-bold.pr-2xl,
654
+ .callout-bold.pr-2xl,
655
+ .label-bold.pr-2xl,
656
+ .caption-bold.pr-2xl,
657
+ .capline-bold.pr-2xl {
658
+ padding-right: var(--lk-size-2xl);
659
+ }
660
+
661
+ .display1.pb-2xs,
662
+ .display2.pb-2xs,
663
+ .title1.pb-2xs,
664
+ .title2.pb-2xs,
665
+ .title3.pb-2xs,
666
+ .heading.pb-2xs,
667
+ .subheading.pb-2xs,
668
+ .body.pb-2xs,
669
+ .callout.pb-2xs,
670
+ .label.pb-2xs,
671
+ .caption.pb-2xs,
672
+ .capline.pb-2xs,
673
+ .display1-bold.pb-2xs,
674
+ .display2-bold.pb-2xs,
675
+ .title1-bold.pb-2xs,
676
+ .title2-bold.pb-2xs,
677
+ .title3-bold.pb-2xs,
678
+ .heading-bold.pb-2xs,
679
+ .subheading-bold.pb-2xs,
680
+ .body-bold.pb-2xs,
681
+ .callout-bold.pb-2xs,
682
+ .label-bold.pb-2xs,
683
+ .caption-bold.pb-2xs,
684
+ .capline-bold.pb-2xs {
685
+ padding-bottom: var(--lk-size-2xs);
686
+ }
687
+
688
+ .display1.pb-xs,
689
+ .display2.pb-xs,
690
+ .title1.pb-xs,
691
+ .title2.pb-xs,
692
+ .title3.pb-xs,
693
+ .heading.pb-xs,
694
+ .subheading.pb-xs,
695
+ .body.pb-xs,
696
+ .callout.pb-xs,
697
+ .label.pb-xs,
698
+ .caption.pb-xs,
699
+ .capline.pb-xs,
700
+ .display1-bold.pb-xs,
701
+ .display2-bold.pb-xs,
702
+ .title1-bold.pb-xs,
703
+ .title2-bold.pb-xs,
704
+ .title3-bold.pb-xs,
705
+ .heading-bold.pb-xs,
706
+ .subheading-bold.pb-xs,
707
+ .body-bold.pb-xs,
708
+ .callout-bold.pb-xs,
709
+ .label-bold.pb-xs,
710
+ .caption-bold.pb-xs,
711
+ .capline-bold.pb-xs {
712
+ padding-bottom: var(--lk-size-xs);
713
+ }
714
+
715
+ .display1.pb-sm,
716
+ .display2.pb-sm,
717
+ .title1.pb-sm,
718
+ .title2.pb-sm,
719
+ .title3.pb-sm,
720
+ .heading.pb-sm,
721
+ .subheading.pb-sm,
722
+ .body.pb-sm,
723
+ .callout.pb-sm,
724
+ .label.pb-sm,
725
+ .caption.pb-sm,
726
+ .capline.pb-sm,
727
+ .display1-bold.pb-sm,
728
+ .display2-bold.pb-sm,
729
+ .title1-bold.pb-sm,
730
+ .title2-bold.pb-sm,
731
+ .title3-bold.pb-sm,
732
+ .heading-bold.pb-sm,
733
+ .subheading-bold.pb-sm,
734
+ .body-bold.pb-sm,
735
+ .callout-bold.pb-sm,
736
+ .label-bold.pb-sm,
737
+ .caption-bold.pb-sm,
738
+ .capline-bold.pb-sm {
739
+ padding-bottom: var(--lk-size-sm);
740
+ }
741
+
742
+ /* Repeat for other margin directions and sizes */
743
+
744
+ .display1.pb-md,
745
+ .display2.pb-md,
746
+ .title1.pb-md,
747
+ .title2.pb-md,
748
+ .title3.pb-md,
749
+ .heading.pb-md,
750
+ .subheading.pb-md,
751
+ .body.pb-md,
752
+ .callout.pb-md,
753
+ .label.pb-md,
754
+ .caption.pb-md,
755
+ .capline.pb-md,
756
+ .display1-bold.pb-md,
757
+ .display2-bold.pb-md,
758
+ .title1-bold.pb-md,
759
+ .title2-bold.pb-md,
760
+ .title3-bold.pb-md,
761
+ .heading-bold.pb-md,
762
+ .subheading-bold.pb-md,
763
+ .body-bold.pb-md,
764
+ .callout-bold.pb-md,
765
+ .label-bold.pb-md,
766
+ .caption-bold.pb-md,
767
+ .capline-bold.pb-md {
768
+ padding-bottom: var(--lk-size-md);
769
+ }
770
+
771
+ .display1.pb-lg,
772
+ .display2.pb-lg,
773
+ .title1.pb-lg,
774
+ .title2.pb-lg,
775
+ .title3.pb-lg,
776
+ .heading.pb-lg,
777
+ .subheading.pb-lg,
778
+ .body.pb-lg,
779
+ .callout.pb-lg,
780
+ .label.pb-lg,
781
+ .caption.pb-lg,
782
+ .capline.pb-lg,
783
+ .display1-bold.pb-lg,
784
+ .display2-bold.pb-lg,
785
+ .title1-bold.pb-lg,
786
+ .title2-bold.pb-lg,
787
+ .title3-bold.pb-lg,
788
+ .heading-bold.pb-lg,
789
+ .subheading-bold.pb-lg,
790
+ .body-bold.pb-lg,
791
+ .callout-bold.pb-lg,
792
+ .label-bold.pb-lg,
793
+ .caption-bold.pb-lg,
794
+ .capline-bold.pb-lg {
795
+ padding-bottom: var(--lk-size-lg);
796
+ }
797
+
798
+ .display1.pb-xl,
799
+ .display2.pb-xl,
800
+ .title1.pb-xl,
801
+ .title2.pb-xl,
802
+ .title3.pb-xl,
803
+ .heading.pb-xl,
804
+ .subheading.pb-xl,
805
+ .body.pb-xl,
806
+ .callout.pb-xl,
807
+ .label.pb-xl,
808
+ .caption.pb-xl,
809
+ .capline.pb-xl,
810
+ .display1-bold.pb-xl,
811
+ .display2-bold.pb-xl,
812
+ .title1-bold.pb-xl,
813
+ .title2-bold.pb-xl,
814
+ .title3-bold.pb-xl,
815
+ .heading-bold.pb-xl,
816
+ .subheading-bold.pb-xl,
817
+ .body-bold.pb-xl,
818
+ .callout-bold.pb-xl,
819
+ .label-bold.pb-xl,
820
+ .caption-bold.pb-xl,
821
+ .capline-bold.pb-xl {
822
+ padding-bottom: var(--lk-size-xl);
823
+ }
824
+
825
+ .display1.pb-2xl,
826
+ .display2.pb-2xl,
827
+ .title1.pb-2xl,
828
+ .title2.pb-2xl,
829
+ .title3.pb-2xl,
830
+ .heading.pb-2xl,
831
+ .subheading.pb-2xl,
832
+ .body.pb-2xl,
833
+ .callout.pb-2xl,
834
+ .label.pb-2xl,
835
+ .caption.pb-2xl,
836
+ .capline.pb-2xl,
837
+ .display1-bold.pb-2xl,
838
+ .display2-bold.pb-2xl,
839
+ .title1-bold.pb-2xl,
840
+ .title2-bold.pb-2xl,
841
+ .title3-bold.pb-2xl,
842
+ .heading-bold.pb-2xl,
843
+ .subheading-bold.pb-2xl,
844
+ .body-bold.pb-2xl,
845
+ .callout-bold.pb-2xl,
846
+ .label-bold.pb-2xl,
847
+ .caption-bold.pb-2xl,
848
+ .capline-bold.pb-2xl {
849
+ padding-bottom: var(--lk-size-2xl);
850
+ }
851
+
852
+ .display1.pl-2xs,
853
+ .display2.pl-2xs,
854
+ .title1.pl-2xs,
855
+ .title2.pl-2xs,
856
+ .title3.pl-2xs,
857
+ .heading.pl-2xs,
858
+ .subheading.pl-2xs,
859
+ .body.pl-2xs,
860
+ .callout.pl-2xs,
861
+ .label.pl-2xs,
862
+ .caption.pl-2xs,
863
+ .capline.pl-2xs,
864
+ .display1-bold.pl-2xs,
865
+ .display2-bold.pl-2xs,
866
+ .title1-bold.pl-2xs,
867
+ .title2-bold.pl-2xs,
868
+ .title3-bold.pl-2xs,
869
+ .heading-bold.pl-2xs,
870
+ .subheading-bold.pl-2xs,
871
+ .body-bold.pl-2xs,
872
+ .callout-bold.pl-2xs,
873
+ .label-bold.pl-2xs,
874
+ .caption-bold.pl-2xs,
875
+ .capline-bold.pl-2xs {
876
+ padding-left: var(--lk-size-2xs);
877
+ }
878
+
879
+ .display1.pl-xs,
880
+ .display2.pl-xs,
881
+ .title1.pl-xs,
882
+ .title2.pl-xs,
883
+ .title3.pl-xs,
884
+ .heading.pl-xs,
885
+ .subheading.pl-xs,
886
+ .body.pl-xs,
887
+ .callout.pl-xs,
888
+ .label.pl-xs,
889
+ .caption.pl-xs,
890
+ .capline.pl-xs,
891
+ .display1-bold.pl-xs,
892
+ .display2-bold.pl-xs,
893
+ .title1-bold.pl-xs,
894
+ .title2-bold.pl-xs,
895
+ .title3-bold.pl-xs,
896
+ .heading-bold.pl-xs,
897
+ .subheading-bold.pl-xs,
898
+ .body-bold.pl-xs,
899
+ .callout-bold.pl-xs,
900
+ .label-bold.pl-xs,
901
+ .caption-bold.pl-xs,
902
+ .capline-bold.pl-xs {
903
+ padding-left: var(--lk-size-xs);
904
+ }
905
+
906
+ .display1.pl-sm,
907
+ .display2.pl-sm,
908
+ .title1.pl-sm,
909
+ .title2.pl-sm,
910
+ .title3.pl-sm,
911
+ .heading.pl-sm,
912
+ .subheading.pl-sm,
913
+ .body.pl-sm,
914
+ .callout.pl-sm,
915
+ .label.pl-sm,
916
+ .caption.pl-sm,
917
+ .capline.pl-sm,
918
+ .display1-bold.pl-sm,
919
+ .display2-bold.pl-sm,
920
+ .title1-bold.pl-sm,
921
+ .title2-bold.pl-sm,
922
+ .title3-bold.pl-sm,
923
+ .heading-bold.pl-sm,
924
+ .subheading-bold.pl-sm,
925
+ .body-bold.pl-sm,
926
+ .callout-bold.pl-sm,
927
+ .label-bold.pl-sm,
928
+ .caption-bold.pl-sm,
929
+ .capline-bold.pl-sm {
930
+ padding-left: var(--lk-size-sm);
931
+ }
932
+
933
+ /* Repeat for other margin directions and sizes */
934
+
935
+ .display1.pl-md,
936
+ .display2.pl-md,
937
+ .title1.pl-md,
938
+ .title2.pl-md,
939
+ .title3.pl-md,
940
+ .heading.pl-md,
941
+ .subheading.pl-md,
942
+ .body.pl-md,
943
+ .callout.pl-md,
944
+ .label.pl-md,
945
+ .caption.pl-md,
946
+ .capline.pl-md,
947
+ .display1-bold.pl-md,
948
+ .display2-bold.pl-md,
949
+ .title1-bold.pl-md,
950
+ .title2-bold.pl-md,
951
+ .title3-bold.pl-md,
952
+ .heading-bold.pl-md,
953
+ .subheading-bold.pl-md,
954
+ .body-bold.pl-md,
955
+ .callout-bold.pl-md,
956
+ .label-bold.pl-md,
957
+ .caption-bold.pl-md,
958
+ .capline-bold.pl-md {
959
+ padding-left: var(--lk-size-md);
960
+ }
961
+
962
+ .display1.pl-lg,
963
+ .display2.pl-lg,
964
+ .title1.pl-lg,
965
+ .title2.pl-lg,
966
+ .title3.pl-lg,
967
+ .heading.pl-lg,
968
+ .subheading.pl-lg,
969
+ .body.pl-lg,
970
+ .callout.pl-lg,
971
+ .label.pl-lg,
972
+ .caption.pl-lg,
973
+ .capline.pl-lg,
974
+ .display1-bold.pl-lg,
975
+ .display2-bold.pl-lg,
976
+ .title1-bold.pl-lg,
977
+ .title2-bold.pl-lg,
978
+ .title3-bold.pl-lg,
979
+ .heading-bold.pl-lg,
980
+ .subheading-bold.pl-lg,
981
+ .body-bold.pl-lg,
982
+ .callout-bold.pl-lg,
983
+ .label-bold.pl-lg,
984
+ .caption-bold.pl-lg,
985
+ .capline-bold.pl-lg {
986
+ padding-left: var(--lk-size-lg);
987
+ }
988
+
989
+ .display1.pl-xl,
990
+ .display2.pl-xl,
991
+ .title1.pl-xl,
992
+ .title2.pl-xl,
993
+ .title3.pl-xl,
994
+ .heading.pl-xl,
995
+ .subheading.pl-xl,
996
+ .body.pl-xl,
997
+ .callout.pl-xl,
998
+ .label.pl-xl,
999
+ .caption.pl-xl,
1000
+ .capline.pl-xl,
1001
+ .display1-bold.pl-xl,
1002
+ .display2-bold.pl-xl,
1003
+ .title1-bold.pl-xl,
1004
+ .title2-bold.pl-xl,
1005
+ .title3-bold.pl-xl,
1006
+ .heading-bold.pl-xl,
1007
+ .subheading-bold.pl-xl,
1008
+ .body-bold.pl-xl,
1009
+ .callout-bold.pl-xl,
1010
+ .label-bold.pl-xl,
1011
+ .caption-bold.pl-xl,
1012
+ .capline-bold.pl-xl {
1013
+ padding-left: var(--lk-size-xl);
1014
+ }
1015
+
1016
+ .display1.pl-2xl,
1017
+ .display2.pl-2xl,
1018
+ .title1.pl-2xl,
1019
+ .title2.pl-2xl,
1020
+ .title3.pl-2xl,
1021
+ .heading.pl-2xl,
1022
+ .subheading.pl-2xl,
1023
+ .body.pl-2xl,
1024
+ .callout.pl-2xl,
1025
+ .label.pl-2xl,
1026
+ .caption.pl-2xl,
1027
+ .capline.pl-2xl,
1028
+ .display1-bold.pl-2xl,
1029
+ .display2-bold.pl-2xl,
1030
+ .title1-bold.pl-2xl,
1031
+ .title2-bold.pl-2xl,
1032
+ .title3-bold.pl-2xl,
1033
+ .heading-bold.pl-2xl,
1034
+ .subheading-bold.pl-2xl,
1035
+ .body-bold.pl-2xl,
1036
+ .callout-bold.pl-2xl,
1037
+ .label-bold.pl-2xl,
1038
+ .caption-bold.pl-2xl,
1039
+ .capline-bold.pl-2xl {
1040
+ padding-left: var(--lk-size-2xl);
1041
+ }