@fundamental-styles/common-css 0.24.2-rc.4 → 0.24.2

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 (2) hide show
  1. package/dist/common-css.css +2 -1392
  2. package/package.json +1 -1
package/dist/common-css.css CHANGED
@@ -1,1395 +1,5 @@
1
1
  /*!
2
- * Fundamental Library Styles v0.24.2-rc.4
2
+ * Fundamental Library Styles v0.24.2
3
3
  * Copyright (c) 2022 SAP SE or an SAP affiliate company.
4
4
  * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)
5
- */
6
- /* stylelint-disable */
7
- /* Fully expanded pseudo element. Requires parent to have specified position */
8
- /* stylelint-disable */
9
- /* stylelint-enable */
10
- /* stylelint-disable */
11
- /* stylelint-enable */
12
- /* stylelint-disable */
13
- /* stylelint-enable */
14
- /* Fully expanded pseudo element. Requires parent to have specified position */
15
- /* Fully expanded pseudo element. Requires parent to have specified position */
16
- /* stylelint-enable */
17
- .sap-container,
18
- .sap-row,
19
- .sap-col {
20
- font-size: var(--sapFontSize);
21
- line-height: var(--sapContent_LineHeight);
22
- color: var(--sapTextColor);
23
- font-family: var(--sapFontFamily);
24
- font-weight: normal;
25
- -webkit-box-sizing: border-box;
26
- box-sizing: border-box;
27
- padding: 0;
28
- margin: 0;
29
- border: 0;
30
- }
31
- .sap-container::before, .sap-container::after,
32
- .sap-row::before,
33
- .sap-row::after,
34
- .sap-col::before,
35
- .sap-col::after {
36
- -webkit-box-sizing: inherit;
37
- box-sizing: inherit;
38
- font-size: inherit;
39
- }
40
- .sap-container {
41
- display: -webkit-box;
42
- display: -ms-flexbox;
43
- display: flex;
44
- -ms-flex-wrap: wrap;
45
- flex-wrap: wrap;
46
- -webkit-box-flex: 0;
47
- -ms-flex: 0 0 100%;
48
- flex: 0 0 100%;
49
- position: relative;
50
- padding: 0 0.25rem;
51
- }
52
- .sap-container .sap-row {
53
- margin-left: -0.25rem;
54
- margin-right: -0.25rem;
55
- min-width: calc(100% + 0.25rem * 2);
56
- }
57
- .sap-container > .sap-row > .sap-col {
58
- padding-top: 0.25rem;
59
- padding-bottom: 0.25rem;
60
- }
61
- .sap-container.sap-container--no-horizontal-gap .sap-row, .sap-container.sap-container--no-gap .sap-row {
62
- margin-left: 0;
63
- margin-right: 0;
64
- }
65
- .sap-container.sap-container--no-horizontal-gap .sap-row .sap-col, .sap-container.sap-container--no-gap .sap-row .sap-col {
66
- padding-left: 0;
67
- padding-right: 0;
68
- }
69
- .sap-container.sap-container--no-vertical-gap > .sap-row > .sap-col, .sap-container.sap-container--no-gap > .sap-row > .sap-col {
70
- padding-top: 0;
71
- padding-bottom: 0;
72
- }
73
- [dir=rtl] .sap-container, .sap-container[dir=rtl] {
74
- direction: rtl;
75
- }
76
- .sap-row {
77
- display: -webkit-box;
78
- display: -ms-flexbox;
79
- display: flex;
80
- -ms-flex-wrap: wrap;
81
- flex-wrap: wrap;
82
- -webkit-box-flex: 0;
83
- -ms-flex: 0 0 100%;
84
- flex: 0 0 100%;
85
- position: relative;
86
- min-width: 100%;
87
- }
88
- .sap-col {
89
- padding-left: 0.25rem;
90
- padding-right: 0.25rem;
91
- min-width: 100%;
92
- max-width: 100%;
93
- }
94
- .sap-col--0 {
95
- min-width: 0%;
96
- max-width: 0%;
97
- }
98
- .sap-col--offset-0 {
99
- margin-left: 0%;
100
- }
101
- [dir=rtl] .sap-col--offset-0, .sap-col--offset-0[dir=rtl] {
102
- margin-right: 0%;
103
- margin-left: 0;
104
- }
105
- .sap-col--offset-after-0 {
106
- margin-right: 0%;
107
- }
108
- [dir=rtl] .sap-col--offset-after-0, .sap-col--offset-after-0[dir=rtl] {
109
- margin-right: 0;
110
- margin-left: 0%;
111
- }
112
- .sap-col--1 {
113
- min-width: 8.3333333333%;
114
- max-width: 8.3333333333%;
115
- }
116
- .sap-col--offset-1 {
117
- margin-left: 8.3333333333%;
118
- }
119
- [dir=rtl] .sap-col--offset-1, .sap-col--offset-1[dir=rtl] {
120
- margin-right: 8.3333333333%;
121
- margin-left: 0;
122
- }
123
- .sap-col--offset-after-1 {
124
- margin-right: 8.3333333333%;
125
- }
126
- [dir=rtl] .sap-col--offset-after-1, .sap-col--offset-after-1[dir=rtl] {
127
- margin-right: 0;
128
- margin-left: 8.3333333333%;
129
- }
130
- .sap-col--2 {
131
- min-width: 16.6666666667%;
132
- max-width: 16.6666666667%;
133
- }
134
- .sap-col--offset-2 {
135
- margin-left: 16.6666666667%;
136
- }
137
- [dir=rtl] .sap-col--offset-2, .sap-col--offset-2[dir=rtl] {
138
- margin-right: 16.6666666667%;
139
- margin-left: 0;
140
- }
141
- .sap-col--offset-after-2 {
142
- margin-right: 16.6666666667%;
143
- }
144
- [dir=rtl] .sap-col--offset-after-2, .sap-col--offset-after-2[dir=rtl] {
145
- margin-right: 0;
146
- margin-left: 16.6666666667%;
147
- }
148
- .sap-col--3 {
149
- min-width: 25%;
150
- max-width: 25%;
151
- }
152
- .sap-col--offset-3 {
153
- margin-left: 25%;
154
- }
155
- [dir=rtl] .sap-col--offset-3, .sap-col--offset-3[dir=rtl] {
156
- margin-right: 25%;
157
- margin-left: 0;
158
- }
159
- .sap-col--offset-after-3 {
160
- margin-right: 25%;
161
- }
162
- [dir=rtl] .sap-col--offset-after-3, .sap-col--offset-after-3[dir=rtl] {
163
- margin-right: 0;
164
- margin-left: 25%;
165
- }
166
- .sap-col--4 {
167
- min-width: 33.3333333333%;
168
- max-width: 33.3333333333%;
169
- }
170
- .sap-col--offset-4 {
171
- margin-left: 33.3333333333%;
172
- }
173
- [dir=rtl] .sap-col--offset-4, .sap-col--offset-4[dir=rtl] {
174
- margin-right: 33.3333333333%;
175
- margin-left: 0;
176
- }
177
- .sap-col--offset-after-4 {
178
- margin-right: 33.3333333333%;
179
- }
180
- [dir=rtl] .sap-col--offset-after-4, .sap-col--offset-after-4[dir=rtl] {
181
- margin-right: 0;
182
- margin-left: 33.3333333333%;
183
- }
184
- .sap-col--5 {
185
- min-width: 41.6666666667%;
186
- max-width: 41.6666666667%;
187
- }
188
- .sap-col--offset-5 {
189
- margin-left: 41.6666666667%;
190
- }
191
- [dir=rtl] .sap-col--offset-5, .sap-col--offset-5[dir=rtl] {
192
- margin-right: 41.6666666667%;
193
- margin-left: 0;
194
- }
195
- .sap-col--offset-after-5 {
196
- margin-right: 41.6666666667%;
197
- }
198
- [dir=rtl] .sap-col--offset-after-5, .sap-col--offset-after-5[dir=rtl] {
199
- margin-right: 0;
200
- margin-left: 41.6666666667%;
201
- }
202
- .sap-col--6 {
203
- min-width: 50%;
204
- max-width: 50%;
205
- }
206
- .sap-col--offset-6 {
207
- margin-left: 50%;
208
- }
209
- [dir=rtl] .sap-col--offset-6, .sap-col--offset-6[dir=rtl] {
210
- margin-right: 50%;
211
- margin-left: 0;
212
- }
213
- .sap-col--offset-after-6 {
214
- margin-right: 50%;
215
- }
216
- [dir=rtl] .sap-col--offset-after-6, .sap-col--offset-after-6[dir=rtl] {
217
- margin-right: 0;
218
- margin-left: 50%;
219
- }
220
- .sap-col--7 {
221
- min-width: 58.3333333333%;
222
- max-width: 58.3333333333%;
223
- }
224
- .sap-col--offset-7 {
225
- margin-left: 58.3333333333%;
226
- }
227
- [dir=rtl] .sap-col--offset-7, .sap-col--offset-7[dir=rtl] {
228
- margin-right: 58.3333333333%;
229
- margin-left: 0;
230
- }
231
- .sap-col--offset-after-7 {
232
- margin-right: 58.3333333333%;
233
- }
234
- [dir=rtl] .sap-col--offset-after-7, .sap-col--offset-after-7[dir=rtl] {
235
- margin-right: 0;
236
- margin-left: 58.3333333333%;
237
- }
238
- .sap-col--8 {
239
- min-width: 66.6666666667%;
240
- max-width: 66.6666666667%;
241
- }
242
- .sap-col--offset-8 {
243
- margin-left: 66.6666666667%;
244
- }
245
- [dir=rtl] .sap-col--offset-8, .sap-col--offset-8[dir=rtl] {
246
- margin-right: 66.6666666667%;
247
- margin-left: 0;
248
- }
249
- .sap-col--offset-after-8 {
250
- margin-right: 66.6666666667%;
251
- }
252
- [dir=rtl] .sap-col--offset-after-8, .sap-col--offset-after-8[dir=rtl] {
253
- margin-right: 0;
254
- margin-left: 66.6666666667%;
255
- }
256
- .sap-col--9 {
257
- min-width: 75%;
258
- max-width: 75%;
259
- }
260
- .sap-col--offset-9 {
261
- margin-left: 75%;
262
- }
263
- [dir=rtl] .sap-col--offset-9, .sap-col--offset-9[dir=rtl] {
264
- margin-right: 75%;
265
- margin-left: 0;
266
- }
267
- .sap-col--offset-after-9 {
268
- margin-right: 75%;
269
- }
270
- [dir=rtl] .sap-col--offset-after-9, .sap-col--offset-after-9[dir=rtl] {
271
- margin-right: 0;
272
- margin-left: 75%;
273
- }
274
- .sap-col--10 {
275
- min-width: 83.3333333333%;
276
- max-width: 83.3333333333%;
277
- }
278
- .sap-col--offset-10 {
279
- margin-left: 83.3333333333%;
280
- }
281
- [dir=rtl] .sap-col--offset-10, .sap-col--offset-10[dir=rtl] {
282
- margin-right: 83.3333333333%;
283
- margin-left: 0;
284
- }
285
- .sap-col--offset-after-10 {
286
- margin-right: 83.3333333333%;
287
- }
288
- [dir=rtl] .sap-col--offset-after-10, .sap-col--offset-after-10[dir=rtl] {
289
- margin-right: 0;
290
- margin-left: 83.3333333333%;
291
- }
292
- .sap-col--11 {
293
- min-width: 91.6666666667%;
294
- max-width: 91.6666666667%;
295
- }
296
- .sap-col--offset-11 {
297
- margin-left: 91.6666666667%;
298
- }
299
- [dir=rtl] .sap-col--offset-11, .sap-col--offset-11[dir=rtl] {
300
- margin-right: 91.6666666667%;
301
- margin-left: 0;
302
- }
303
- .sap-col--offset-after-11 {
304
- margin-right: 91.6666666667%;
305
- }
306
- [dir=rtl] .sap-col--offset-after-11, .sap-col--offset-after-11[dir=rtl] {
307
- margin-right: 0;
308
- margin-left: 91.6666666667%;
309
- }
310
- .sap-col--12 {
311
- min-width: 100%;
312
- max-width: 100%;
313
- }
314
- .sap-col--offset-12 {
315
- margin-left: 100%;
316
- }
317
- [dir=rtl] .sap-col--offset-12, .sap-col--offset-12[dir=rtl] {
318
- margin-right: 100%;
319
- margin-left: 0;
320
- }
321
- .sap-col--offset-after-12 {
322
- margin-right: 100%;
323
- }
324
- [dir=rtl] .sap-col--offset-after-12, .sap-col--offset-after-12[dir=rtl] {
325
- margin-right: 0;
326
- margin-left: 100%;
327
- }
328
- .sap-col--full {
329
- min-width: 8.3333333333%;
330
- max-width: none;
331
- -webkit-box-flex: 1;
332
- -ms-flex: 1;
333
- flex: 1;
334
- }
335
- .sap-col--wrap {
336
- -ms-flex-wrap: wrap;
337
- flex-wrap: wrap;
338
- }
339
- @media (min-width: 600px) {
340
- .sap-container {
341
- padding: 0 0.5rem;
342
- }
343
- .sap-container .sap-row {
344
- margin-left: -0.5rem;
345
- margin-right: -0.5rem;
346
- min-width: calc(100% + 0.5rem * 2);
347
- }
348
- .sap-container > .sap-row > .sap-col {
349
- padding-top: 0.5rem;
350
- padding-bottom: 0.5rem;
351
- }
352
-
353
- .sap-col {
354
- padding-left: 0.5rem;
355
- padding-right: 0.5rem;
356
- }
357
- .sap-col-md--0 {
358
- min-width: 0%;
359
- max-width: 0%;
360
- }
361
-
362
- .sap-col-md--offset-0 {
363
- margin-left: 0%;
364
- }
365
- [dir=rtl] .sap-col-md--offset-0, .sap-col-md--offset-0[dir=rtl] {
366
- margin-right: 0%;
367
- margin-left: 0;
368
- }
369
-
370
- .sap-col-md--offset-after-0 {
371
- margin-right: 0%;
372
- }
373
- [dir=rtl] .sap-col-md--offset-after-0, .sap-col-md--offset-after-0[dir=rtl] {
374
- margin-right: 0;
375
- margin-left: 0%;
376
- }
377
-
378
- .sap-col-md--1 {
379
- min-width: 8.3333333333%;
380
- max-width: 8.3333333333%;
381
- }
382
-
383
- .sap-col-md--offset-1 {
384
- margin-left: 8.3333333333%;
385
- }
386
- [dir=rtl] .sap-col-md--offset-1, .sap-col-md--offset-1[dir=rtl] {
387
- margin-right: 8.3333333333%;
388
- margin-left: 0;
389
- }
390
-
391
- .sap-col-md--offset-after-1 {
392
- margin-right: 8.3333333333%;
393
- }
394
- [dir=rtl] .sap-col-md--offset-after-1, .sap-col-md--offset-after-1[dir=rtl] {
395
- margin-right: 0;
396
- margin-left: 8.3333333333%;
397
- }
398
-
399
- .sap-col-md--2 {
400
- min-width: 16.6666666667%;
401
- max-width: 16.6666666667%;
402
- }
403
-
404
- .sap-col-md--offset-2 {
405
- margin-left: 16.6666666667%;
406
- }
407
- [dir=rtl] .sap-col-md--offset-2, .sap-col-md--offset-2[dir=rtl] {
408
- margin-right: 16.6666666667%;
409
- margin-left: 0;
410
- }
411
-
412
- .sap-col-md--offset-after-2 {
413
- margin-right: 16.6666666667%;
414
- }
415
- [dir=rtl] .sap-col-md--offset-after-2, .sap-col-md--offset-after-2[dir=rtl] {
416
- margin-right: 0;
417
- margin-left: 16.6666666667%;
418
- }
419
-
420
- .sap-col-md--3 {
421
- min-width: 25%;
422
- max-width: 25%;
423
- }
424
-
425
- .sap-col-md--offset-3 {
426
- margin-left: 25%;
427
- }
428
- [dir=rtl] .sap-col-md--offset-3, .sap-col-md--offset-3[dir=rtl] {
429
- margin-right: 25%;
430
- margin-left: 0;
431
- }
432
-
433
- .sap-col-md--offset-after-3 {
434
- margin-right: 25%;
435
- }
436
- [dir=rtl] .sap-col-md--offset-after-3, .sap-col-md--offset-after-3[dir=rtl] {
437
- margin-right: 0;
438
- margin-left: 25%;
439
- }
440
-
441
- .sap-col-md--4 {
442
- min-width: 33.3333333333%;
443
- max-width: 33.3333333333%;
444
- }
445
-
446
- .sap-col-md--offset-4 {
447
- margin-left: 33.3333333333%;
448
- }
449
- [dir=rtl] .sap-col-md--offset-4, .sap-col-md--offset-4[dir=rtl] {
450
- margin-right: 33.3333333333%;
451
- margin-left: 0;
452
- }
453
-
454
- .sap-col-md--offset-after-4 {
455
- margin-right: 33.3333333333%;
456
- }
457
- [dir=rtl] .sap-col-md--offset-after-4, .sap-col-md--offset-after-4[dir=rtl] {
458
- margin-right: 0;
459
- margin-left: 33.3333333333%;
460
- }
461
-
462
- .sap-col-md--5 {
463
- min-width: 41.6666666667%;
464
- max-width: 41.6666666667%;
465
- }
466
-
467
- .sap-col-md--offset-5 {
468
- margin-left: 41.6666666667%;
469
- }
470
- [dir=rtl] .sap-col-md--offset-5, .sap-col-md--offset-5[dir=rtl] {
471
- margin-right: 41.6666666667%;
472
- margin-left: 0;
473
- }
474
-
475
- .sap-col-md--offset-after-5 {
476
- margin-right: 41.6666666667%;
477
- }
478
- [dir=rtl] .sap-col-md--offset-after-5, .sap-col-md--offset-after-5[dir=rtl] {
479
- margin-right: 0;
480
- margin-left: 41.6666666667%;
481
- }
482
-
483
- .sap-col-md--6 {
484
- min-width: 50%;
485
- max-width: 50%;
486
- }
487
-
488
- .sap-col-md--offset-6 {
489
- margin-left: 50%;
490
- }
491
- [dir=rtl] .sap-col-md--offset-6, .sap-col-md--offset-6[dir=rtl] {
492
- margin-right: 50%;
493
- margin-left: 0;
494
- }
495
-
496
- .sap-col-md--offset-after-6 {
497
- margin-right: 50%;
498
- }
499
- [dir=rtl] .sap-col-md--offset-after-6, .sap-col-md--offset-after-6[dir=rtl] {
500
- margin-right: 0;
501
- margin-left: 50%;
502
- }
503
-
504
- .sap-col-md--7 {
505
- min-width: 58.3333333333%;
506
- max-width: 58.3333333333%;
507
- }
508
-
509
- .sap-col-md--offset-7 {
510
- margin-left: 58.3333333333%;
511
- }
512
- [dir=rtl] .sap-col-md--offset-7, .sap-col-md--offset-7[dir=rtl] {
513
- margin-right: 58.3333333333%;
514
- margin-left: 0;
515
- }
516
-
517
- .sap-col-md--offset-after-7 {
518
- margin-right: 58.3333333333%;
519
- }
520
- [dir=rtl] .sap-col-md--offset-after-7, .sap-col-md--offset-after-7[dir=rtl] {
521
- margin-right: 0;
522
- margin-left: 58.3333333333%;
523
- }
524
-
525
- .sap-col-md--8 {
526
- min-width: 66.6666666667%;
527
- max-width: 66.6666666667%;
528
- }
529
-
530
- .sap-col-md--offset-8 {
531
- margin-left: 66.6666666667%;
532
- }
533
- [dir=rtl] .sap-col-md--offset-8, .sap-col-md--offset-8[dir=rtl] {
534
- margin-right: 66.6666666667%;
535
- margin-left: 0;
536
- }
537
-
538
- .sap-col-md--offset-after-8 {
539
- margin-right: 66.6666666667%;
540
- }
541
- [dir=rtl] .sap-col-md--offset-after-8, .sap-col-md--offset-after-8[dir=rtl] {
542
- margin-right: 0;
543
- margin-left: 66.6666666667%;
544
- }
545
-
546
- .sap-col-md--9 {
547
- min-width: 75%;
548
- max-width: 75%;
549
- }
550
-
551
- .sap-col-md--offset-9 {
552
- margin-left: 75%;
553
- }
554
- [dir=rtl] .sap-col-md--offset-9, .sap-col-md--offset-9[dir=rtl] {
555
- margin-right: 75%;
556
- margin-left: 0;
557
- }
558
-
559
- .sap-col-md--offset-after-9 {
560
- margin-right: 75%;
561
- }
562
- [dir=rtl] .sap-col-md--offset-after-9, .sap-col-md--offset-after-9[dir=rtl] {
563
- margin-right: 0;
564
- margin-left: 75%;
565
- }
566
-
567
- .sap-col-md--10 {
568
- min-width: 83.3333333333%;
569
- max-width: 83.3333333333%;
570
- }
571
-
572
- .sap-col-md--offset-10 {
573
- margin-left: 83.3333333333%;
574
- }
575
- [dir=rtl] .sap-col-md--offset-10, .sap-col-md--offset-10[dir=rtl] {
576
- margin-right: 83.3333333333%;
577
- margin-left: 0;
578
- }
579
-
580
- .sap-col-md--offset-after-10 {
581
- margin-right: 83.3333333333%;
582
- }
583
- [dir=rtl] .sap-col-md--offset-after-10, .sap-col-md--offset-after-10[dir=rtl] {
584
- margin-right: 0;
585
- margin-left: 83.3333333333%;
586
- }
587
-
588
- .sap-col-md--11 {
589
- min-width: 91.6666666667%;
590
- max-width: 91.6666666667%;
591
- }
592
-
593
- .sap-col-md--offset-11 {
594
- margin-left: 91.6666666667%;
595
- }
596
- [dir=rtl] .sap-col-md--offset-11, .sap-col-md--offset-11[dir=rtl] {
597
- margin-right: 91.6666666667%;
598
- margin-left: 0;
599
- }
600
-
601
- .sap-col-md--offset-after-11 {
602
- margin-right: 91.6666666667%;
603
- }
604
- [dir=rtl] .sap-col-md--offset-after-11, .sap-col-md--offset-after-11[dir=rtl] {
605
- margin-right: 0;
606
- margin-left: 91.6666666667%;
607
- }
608
-
609
- .sap-col-md--12 {
610
- min-width: 100%;
611
- max-width: 100%;
612
- }
613
-
614
- .sap-col-md--offset-12 {
615
- margin-left: 100%;
616
- }
617
- [dir=rtl] .sap-col-md--offset-12, .sap-col-md--offset-12[dir=rtl] {
618
- margin-right: 100%;
619
- margin-left: 0;
620
- }
621
-
622
- .sap-col-md--offset-after-12 {
623
- margin-right: 100%;
624
- }
625
- [dir=rtl] .sap-col-md--offset-after-12, .sap-col-md--offset-after-12[dir=rtl] {
626
- margin-right: 0;
627
- margin-left: 100%;
628
- }
629
- }
630
- @media (min-width: 1024px) {
631
- .sap-col-lg--0 {
632
- min-width: 0%;
633
- max-width: 0%;
634
- }
635
-
636
- .sap-col-lg--offset-0 {
637
- margin-left: 0%;
638
- }
639
- [dir=rtl] .sap-col-lg--offset-0, .sap-col-lg--offset-0[dir=rtl] {
640
- margin-right: 0%;
641
- margin-left: 0;
642
- }
643
-
644
- .sap-col-lg--offset-after-0 {
645
- margin-right: 0%;
646
- }
647
- [dir=rtl] .sap-col-lg--offset-after-0, .sap-col-lg--offset-after-0[dir=rtl] {
648
- margin-right: 0;
649
- margin-left: 0%;
650
- }
651
-
652
- .sap-col-lg--1 {
653
- min-width: 8.3333333333%;
654
- max-width: 8.3333333333%;
655
- }
656
-
657
- .sap-col-lg--offset-1 {
658
- margin-left: 8.3333333333%;
659
- }
660
- [dir=rtl] .sap-col-lg--offset-1, .sap-col-lg--offset-1[dir=rtl] {
661
- margin-right: 8.3333333333%;
662
- margin-left: 0;
663
- }
664
-
665
- .sap-col-lg--offset-after-1 {
666
- margin-right: 8.3333333333%;
667
- }
668
- [dir=rtl] .sap-col-lg--offset-after-1, .sap-col-lg--offset-after-1[dir=rtl] {
669
- margin-right: 0;
670
- margin-left: 8.3333333333%;
671
- }
672
-
673
- .sap-col-lg--2 {
674
- min-width: 16.6666666667%;
675
- max-width: 16.6666666667%;
676
- }
677
-
678
- .sap-col-lg--offset-2 {
679
- margin-left: 16.6666666667%;
680
- }
681
- [dir=rtl] .sap-col-lg--offset-2, .sap-col-lg--offset-2[dir=rtl] {
682
- margin-right: 16.6666666667%;
683
- margin-left: 0;
684
- }
685
-
686
- .sap-col-lg--offset-after-2 {
687
- margin-right: 16.6666666667%;
688
- }
689
- [dir=rtl] .sap-col-lg--offset-after-2, .sap-col-lg--offset-after-2[dir=rtl] {
690
- margin-right: 0;
691
- margin-left: 16.6666666667%;
692
- }
693
-
694
- .sap-col-lg--3 {
695
- min-width: 25%;
696
- max-width: 25%;
697
- }
698
-
699
- .sap-col-lg--offset-3 {
700
- margin-left: 25%;
701
- }
702
- [dir=rtl] .sap-col-lg--offset-3, .sap-col-lg--offset-3[dir=rtl] {
703
- margin-right: 25%;
704
- margin-left: 0;
705
- }
706
-
707
- .sap-col-lg--offset-after-3 {
708
- margin-right: 25%;
709
- }
710
- [dir=rtl] .sap-col-lg--offset-after-3, .sap-col-lg--offset-after-3[dir=rtl] {
711
- margin-right: 0;
712
- margin-left: 25%;
713
- }
714
-
715
- .sap-col-lg--4 {
716
- min-width: 33.3333333333%;
717
- max-width: 33.3333333333%;
718
- }
719
-
720
- .sap-col-lg--offset-4 {
721
- margin-left: 33.3333333333%;
722
- }
723
- [dir=rtl] .sap-col-lg--offset-4, .sap-col-lg--offset-4[dir=rtl] {
724
- margin-right: 33.3333333333%;
725
- margin-left: 0;
726
- }
727
-
728
- .sap-col-lg--offset-after-4 {
729
- margin-right: 33.3333333333%;
730
- }
731
- [dir=rtl] .sap-col-lg--offset-after-4, .sap-col-lg--offset-after-4[dir=rtl] {
732
- margin-right: 0;
733
- margin-left: 33.3333333333%;
734
- }
735
-
736
- .sap-col-lg--5 {
737
- min-width: 41.6666666667%;
738
- max-width: 41.6666666667%;
739
- }
740
-
741
- .sap-col-lg--offset-5 {
742
- margin-left: 41.6666666667%;
743
- }
744
- [dir=rtl] .sap-col-lg--offset-5, .sap-col-lg--offset-5[dir=rtl] {
745
- margin-right: 41.6666666667%;
746
- margin-left: 0;
747
- }
748
-
749
- .sap-col-lg--offset-after-5 {
750
- margin-right: 41.6666666667%;
751
- }
752
- [dir=rtl] .sap-col-lg--offset-after-5, .sap-col-lg--offset-after-5[dir=rtl] {
753
- margin-right: 0;
754
- margin-left: 41.6666666667%;
755
- }
756
-
757
- .sap-col-lg--6 {
758
- min-width: 50%;
759
- max-width: 50%;
760
- }
761
-
762
- .sap-col-lg--offset-6 {
763
- margin-left: 50%;
764
- }
765
- [dir=rtl] .sap-col-lg--offset-6, .sap-col-lg--offset-6[dir=rtl] {
766
- margin-right: 50%;
767
- margin-left: 0;
768
- }
769
-
770
- .sap-col-lg--offset-after-6 {
771
- margin-right: 50%;
772
- }
773
- [dir=rtl] .sap-col-lg--offset-after-6, .sap-col-lg--offset-after-6[dir=rtl] {
774
- margin-right: 0;
775
- margin-left: 50%;
776
- }
777
-
778
- .sap-col-lg--7 {
779
- min-width: 58.3333333333%;
780
- max-width: 58.3333333333%;
781
- }
782
-
783
- .sap-col-lg--offset-7 {
784
- margin-left: 58.3333333333%;
785
- }
786
- [dir=rtl] .sap-col-lg--offset-7, .sap-col-lg--offset-7[dir=rtl] {
787
- margin-right: 58.3333333333%;
788
- margin-left: 0;
789
- }
790
-
791
- .sap-col-lg--offset-after-7 {
792
- margin-right: 58.3333333333%;
793
- }
794
- [dir=rtl] .sap-col-lg--offset-after-7, .sap-col-lg--offset-after-7[dir=rtl] {
795
- margin-right: 0;
796
- margin-left: 58.3333333333%;
797
- }
798
-
799
- .sap-col-lg--8 {
800
- min-width: 66.6666666667%;
801
- max-width: 66.6666666667%;
802
- }
803
-
804
- .sap-col-lg--offset-8 {
805
- margin-left: 66.6666666667%;
806
- }
807
- [dir=rtl] .sap-col-lg--offset-8, .sap-col-lg--offset-8[dir=rtl] {
808
- margin-right: 66.6666666667%;
809
- margin-left: 0;
810
- }
811
-
812
- .sap-col-lg--offset-after-8 {
813
- margin-right: 66.6666666667%;
814
- }
815
- [dir=rtl] .sap-col-lg--offset-after-8, .sap-col-lg--offset-after-8[dir=rtl] {
816
- margin-right: 0;
817
- margin-left: 66.6666666667%;
818
- }
819
-
820
- .sap-col-lg--9 {
821
- min-width: 75%;
822
- max-width: 75%;
823
- }
824
-
825
- .sap-col-lg--offset-9 {
826
- margin-left: 75%;
827
- }
828
- [dir=rtl] .sap-col-lg--offset-9, .sap-col-lg--offset-9[dir=rtl] {
829
- margin-right: 75%;
830
- margin-left: 0;
831
- }
832
-
833
- .sap-col-lg--offset-after-9 {
834
- margin-right: 75%;
835
- }
836
- [dir=rtl] .sap-col-lg--offset-after-9, .sap-col-lg--offset-after-9[dir=rtl] {
837
- margin-right: 0;
838
- margin-left: 75%;
839
- }
840
-
841
- .sap-col-lg--10 {
842
- min-width: 83.3333333333%;
843
- max-width: 83.3333333333%;
844
- }
845
-
846
- .sap-col-lg--offset-10 {
847
- margin-left: 83.3333333333%;
848
- }
849
- [dir=rtl] .sap-col-lg--offset-10, .sap-col-lg--offset-10[dir=rtl] {
850
- margin-right: 83.3333333333%;
851
- margin-left: 0;
852
- }
853
-
854
- .sap-col-lg--offset-after-10 {
855
- margin-right: 83.3333333333%;
856
- }
857
- [dir=rtl] .sap-col-lg--offset-after-10, .sap-col-lg--offset-after-10[dir=rtl] {
858
- margin-right: 0;
859
- margin-left: 83.3333333333%;
860
- }
861
-
862
- .sap-col-lg--11 {
863
- min-width: 91.6666666667%;
864
- max-width: 91.6666666667%;
865
- }
866
-
867
- .sap-col-lg--offset-11 {
868
- margin-left: 91.6666666667%;
869
- }
870
- [dir=rtl] .sap-col-lg--offset-11, .sap-col-lg--offset-11[dir=rtl] {
871
- margin-right: 91.6666666667%;
872
- margin-left: 0;
873
- }
874
-
875
- .sap-col-lg--offset-after-11 {
876
- margin-right: 91.6666666667%;
877
- }
878
- [dir=rtl] .sap-col-lg--offset-after-11, .sap-col-lg--offset-after-11[dir=rtl] {
879
- margin-right: 0;
880
- margin-left: 91.6666666667%;
881
- }
882
-
883
- .sap-col-lg--12 {
884
- min-width: 100%;
885
- max-width: 100%;
886
- }
887
-
888
- .sap-col-lg--offset-12 {
889
- margin-left: 100%;
890
- }
891
- [dir=rtl] .sap-col-lg--offset-12, .sap-col-lg--offset-12[dir=rtl] {
892
- margin-right: 100%;
893
- margin-left: 0;
894
- }
895
-
896
- .sap-col-lg--offset-after-12 {
897
- margin-right: 100%;
898
- }
899
- [dir=rtl] .sap-col-lg--offset-after-12, .sap-col-lg--offset-after-12[dir=rtl] {
900
- margin-right: 0;
901
- margin-left: 100%;
902
- }
903
- }
904
- @media (min-width: 1440px) {
905
- .sap-col-xl--0 {
906
- min-width: 0%;
907
- max-width: 0%;
908
- }
909
-
910
- .sap-col-xl--offset-0 {
911
- margin-left: 0%;
912
- }
913
- [dir=rtl] .sap-col-xl--offset-0, .sap-col-xl--offset-0[dir=rtl] {
914
- margin-right: 0%;
915
- margin-left: 0;
916
- }
917
-
918
- .sap-col-xl--offset-after-0 {
919
- margin-right: 0%;
920
- }
921
- [dir=rtl] .sap-col-xl--offset-after-0, .sap-col-xl--offset-after-0[dir=rtl] {
922
- margin-right: 0;
923
- margin-left: 0%;
924
- }
925
-
926
- .sap-col-xl--1 {
927
- min-width: 8.3333333333%;
928
- max-width: 8.3333333333%;
929
- }
930
-
931
- .sap-col-xl--offset-1 {
932
- margin-left: 8.3333333333%;
933
- }
934
- [dir=rtl] .sap-col-xl--offset-1, .sap-col-xl--offset-1[dir=rtl] {
935
- margin-right: 8.3333333333%;
936
- margin-left: 0;
937
- }
938
-
939
- .sap-col-xl--offset-after-1 {
940
- margin-right: 8.3333333333%;
941
- }
942
- [dir=rtl] .sap-col-xl--offset-after-1, .sap-col-xl--offset-after-1[dir=rtl] {
943
- margin-right: 0;
944
- margin-left: 8.3333333333%;
945
- }
946
-
947
- .sap-col-xl--2 {
948
- min-width: 16.6666666667%;
949
- max-width: 16.6666666667%;
950
- }
951
-
952
- .sap-col-xl--offset-2 {
953
- margin-left: 16.6666666667%;
954
- }
955
- [dir=rtl] .sap-col-xl--offset-2, .sap-col-xl--offset-2[dir=rtl] {
956
- margin-right: 16.6666666667%;
957
- margin-left: 0;
958
- }
959
-
960
- .sap-col-xl--offset-after-2 {
961
- margin-right: 16.6666666667%;
962
- }
963
- [dir=rtl] .sap-col-xl--offset-after-2, .sap-col-xl--offset-after-2[dir=rtl] {
964
- margin-right: 0;
965
- margin-left: 16.6666666667%;
966
- }
967
-
968
- .sap-col-xl--3 {
969
- min-width: 25%;
970
- max-width: 25%;
971
- }
972
-
973
- .sap-col-xl--offset-3 {
974
- margin-left: 25%;
975
- }
976
- [dir=rtl] .sap-col-xl--offset-3, .sap-col-xl--offset-3[dir=rtl] {
977
- margin-right: 25%;
978
- margin-left: 0;
979
- }
980
-
981
- .sap-col-xl--offset-after-3 {
982
- margin-right: 25%;
983
- }
984
- [dir=rtl] .sap-col-xl--offset-after-3, .sap-col-xl--offset-after-3[dir=rtl] {
985
- margin-right: 0;
986
- margin-left: 25%;
987
- }
988
-
989
- .sap-col-xl--4 {
990
- min-width: 33.3333333333%;
991
- max-width: 33.3333333333%;
992
- }
993
-
994
- .sap-col-xl--offset-4 {
995
- margin-left: 33.3333333333%;
996
- }
997
- [dir=rtl] .sap-col-xl--offset-4, .sap-col-xl--offset-4[dir=rtl] {
998
- margin-right: 33.3333333333%;
999
- margin-left: 0;
1000
- }
1001
-
1002
- .sap-col-xl--offset-after-4 {
1003
- margin-right: 33.3333333333%;
1004
- }
1005
- [dir=rtl] .sap-col-xl--offset-after-4, .sap-col-xl--offset-after-4[dir=rtl] {
1006
- margin-right: 0;
1007
- margin-left: 33.3333333333%;
1008
- }
1009
-
1010
- .sap-col-xl--5 {
1011
- min-width: 41.6666666667%;
1012
- max-width: 41.6666666667%;
1013
- }
1014
-
1015
- .sap-col-xl--offset-5 {
1016
- margin-left: 41.6666666667%;
1017
- }
1018
- [dir=rtl] .sap-col-xl--offset-5, .sap-col-xl--offset-5[dir=rtl] {
1019
- margin-right: 41.6666666667%;
1020
- margin-left: 0;
1021
- }
1022
-
1023
- .sap-col-xl--offset-after-5 {
1024
- margin-right: 41.6666666667%;
1025
- }
1026
- [dir=rtl] .sap-col-xl--offset-after-5, .sap-col-xl--offset-after-5[dir=rtl] {
1027
- margin-right: 0;
1028
- margin-left: 41.6666666667%;
1029
- }
1030
-
1031
- .sap-col-xl--6 {
1032
- min-width: 50%;
1033
- max-width: 50%;
1034
- }
1035
-
1036
- .sap-col-xl--offset-6 {
1037
- margin-left: 50%;
1038
- }
1039
- [dir=rtl] .sap-col-xl--offset-6, .sap-col-xl--offset-6[dir=rtl] {
1040
- margin-right: 50%;
1041
- margin-left: 0;
1042
- }
1043
-
1044
- .sap-col-xl--offset-after-6 {
1045
- margin-right: 50%;
1046
- }
1047
- [dir=rtl] .sap-col-xl--offset-after-6, .sap-col-xl--offset-after-6[dir=rtl] {
1048
- margin-right: 0;
1049
- margin-left: 50%;
1050
- }
1051
-
1052
- .sap-col-xl--7 {
1053
- min-width: 58.3333333333%;
1054
- max-width: 58.3333333333%;
1055
- }
1056
-
1057
- .sap-col-xl--offset-7 {
1058
- margin-left: 58.3333333333%;
1059
- }
1060
- [dir=rtl] .sap-col-xl--offset-7, .sap-col-xl--offset-7[dir=rtl] {
1061
- margin-right: 58.3333333333%;
1062
- margin-left: 0;
1063
- }
1064
-
1065
- .sap-col-xl--offset-after-7 {
1066
- margin-right: 58.3333333333%;
1067
- }
1068
- [dir=rtl] .sap-col-xl--offset-after-7, .sap-col-xl--offset-after-7[dir=rtl] {
1069
- margin-right: 0;
1070
- margin-left: 58.3333333333%;
1071
- }
1072
-
1073
- .sap-col-xl--8 {
1074
- min-width: 66.6666666667%;
1075
- max-width: 66.6666666667%;
1076
- }
1077
-
1078
- .sap-col-xl--offset-8 {
1079
- margin-left: 66.6666666667%;
1080
- }
1081
- [dir=rtl] .sap-col-xl--offset-8, .sap-col-xl--offset-8[dir=rtl] {
1082
- margin-right: 66.6666666667%;
1083
- margin-left: 0;
1084
- }
1085
-
1086
- .sap-col-xl--offset-after-8 {
1087
- margin-right: 66.6666666667%;
1088
- }
1089
- [dir=rtl] .sap-col-xl--offset-after-8, .sap-col-xl--offset-after-8[dir=rtl] {
1090
- margin-right: 0;
1091
- margin-left: 66.6666666667%;
1092
- }
1093
-
1094
- .sap-col-xl--9 {
1095
- min-width: 75%;
1096
- max-width: 75%;
1097
- }
1098
-
1099
- .sap-col-xl--offset-9 {
1100
- margin-left: 75%;
1101
- }
1102
- [dir=rtl] .sap-col-xl--offset-9, .sap-col-xl--offset-9[dir=rtl] {
1103
- margin-right: 75%;
1104
- margin-left: 0;
1105
- }
1106
-
1107
- .sap-col-xl--offset-after-9 {
1108
- margin-right: 75%;
1109
- }
1110
- [dir=rtl] .sap-col-xl--offset-after-9, .sap-col-xl--offset-after-9[dir=rtl] {
1111
- margin-right: 0;
1112
- margin-left: 75%;
1113
- }
1114
-
1115
- .sap-col-xl--10 {
1116
- min-width: 83.3333333333%;
1117
- max-width: 83.3333333333%;
1118
- }
1119
-
1120
- .sap-col-xl--offset-10 {
1121
- margin-left: 83.3333333333%;
1122
- }
1123
- [dir=rtl] .sap-col-xl--offset-10, .sap-col-xl--offset-10[dir=rtl] {
1124
- margin-right: 83.3333333333%;
1125
- margin-left: 0;
1126
- }
1127
-
1128
- .sap-col-xl--offset-after-10 {
1129
- margin-right: 83.3333333333%;
1130
- }
1131
- [dir=rtl] .sap-col-xl--offset-after-10, .sap-col-xl--offset-after-10[dir=rtl] {
1132
- margin-right: 0;
1133
- margin-left: 83.3333333333%;
1134
- }
1135
-
1136
- .sap-col-xl--11 {
1137
- min-width: 91.6666666667%;
1138
- max-width: 91.6666666667%;
1139
- }
1140
-
1141
- .sap-col-xl--offset-11 {
1142
- margin-left: 91.6666666667%;
1143
- }
1144
- [dir=rtl] .sap-col-xl--offset-11, .sap-col-xl--offset-11[dir=rtl] {
1145
- margin-right: 91.6666666667%;
1146
- margin-left: 0;
1147
- }
1148
-
1149
- .sap-col-xl--offset-after-11 {
1150
- margin-right: 91.6666666667%;
1151
- }
1152
- [dir=rtl] .sap-col-xl--offset-after-11, .sap-col-xl--offset-after-11[dir=rtl] {
1153
- margin-right: 0;
1154
- margin-left: 91.6666666667%;
1155
- }
1156
-
1157
- .sap-col-xl--12 {
1158
- min-width: 100%;
1159
- max-width: 100%;
1160
- }
1161
-
1162
- .sap-col-xl--offset-12 {
1163
- margin-left: 100%;
1164
- }
1165
- [dir=rtl] .sap-col-xl--offset-12, .sap-col-xl--offset-12[dir=rtl] {
1166
- margin-right: 100%;
1167
- margin-left: 0;
1168
- }
1169
-
1170
- .sap-col-xl--offset-after-12 {
1171
- margin-right: 100%;
1172
- }
1173
- [dir=rtl] .sap-col-xl--offset-after-12, .sap-col-xl--offset-after-12[dir=rtl] {
1174
- margin-right: 0;
1175
- margin-left: 100%;
1176
- }
1177
- }
1178
- /* Fully expanded pseudo element. Requires parent to have specified position */
1179
- /* stylelint-disable */
1180
- /* stylelint-enable */
1181
- /* stylelint-disable */
1182
- /* stylelint-enable */
1183
- /* stylelint-disable */
1184
- /* stylelint-enable */
1185
- /* Fully expanded pseudo element. Requires parent to have specified position */
1186
- /* Fully expanded pseudo element. Requires parent to have specified position */
1187
- .sap-margin--tiny {
1188
- margin: 0.5rem !important;
1189
- }
1190
- .sap-margin--sm {
1191
- margin: 1rem !important;
1192
- }
1193
- .sap-margin--md {
1194
- margin: 2rem !important;
1195
- }
1196
- .sap-margin--lg {
1197
- margin: 3rem !important;
1198
- }
1199
- .sap-margin--none {
1200
- margin: 0 !important;
1201
- }
1202
- .sap-margin-top--tiny {
1203
- margin-top: 0.5rem !important;
1204
- }
1205
- .sap-margin-top--sm {
1206
- margin-top: 1rem !important;
1207
- }
1208
- .sap-margin-top--md {
1209
- margin-top: 2rem !important;
1210
- }
1211
- .sap-margin-top--lg {
1212
- margin-top: 3rem !important;
1213
- }
1214
- .sap-margin-top--none {
1215
- margin-top: 0 !important;
1216
- }
1217
- .sap-margin-end--tiny {
1218
- margin-right: 0.5rem !important;
1219
- }
1220
- [dir=rtl] .sap-margin-end--tiny, .sap-margin-end--tiny[dir=rtl] {
1221
- margin-left: 0.5rem !important;
1222
- margin-right: 0 !important;
1223
- }
1224
- .sap-margin-end--sm {
1225
- margin-right: 1rem !important;
1226
- }
1227
- [dir=rtl] .sap-margin-end--sm, .sap-margin-end--sm[dir=rtl] {
1228
- margin-left: 1rem !important;
1229
- margin-right: 0 !important;
1230
- }
1231
- .sap-margin-end--md {
1232
- margin-right: 2rem !important;
1233
- }
1234
- [dir=rtl] .sap-margin-end--md, .sap-margin-end--md[dir=rtl] {
1235
- margin-left: 2rem !important;
1236
- margin-right: 0 !important;
1237
- }
1238
- .sap-margin-end--lg {
1239
- margin-right: 3rem !important;
1240
- }
1241
- [dir=rtl] .sap-margin-end--lg, .sap-margin-end--lg[dir=rtl] {
1242
- margin-left: 3rem !important;
1243
- margin-right: 0 !important;
1244
- }
1245
- .sap-margin-end--none {
1246
- margin-right: 0;
1247
- }
1248
- [dir=rtl] .sap-margin-end--none, .sap-margin-end--none[dir=rtl] {
1249
- margin-left: 0 !important;
1250
- }
1251
- .sap-margin-bottom--tiny {
1252
- margin-bottom: 0.5rem !important;
1253
- }
1254
- .sap-margin-bottom--sm {
1255
- margin-bottom: 1rem !important;
1256
- }
1257
- .sap-margin-bottom--md {
1258
- margin-bottom: 2rem !important;
1259
- }
1260
- .sap-margin-bottom--lg {
1261
- margin-bottom: 3rem !important;
1262
- }
1263
- .sap-margin-bottom--none {
1264
- margin-bottom: 0 !important;
1265
- }
1266
- .sap-margin-begin--tiny {
1267
- margin-left: 0.5rem !important;
1268
- }
1269
- [dir=rtl] .sap-margin-begin--tiny, .sap-margin-begin--tiny[dir=rtl] {
1270
- margin-right: 0.5rem !important;
1271
- margin-left: 0 !important;
1272
- }
1273
- .sap-margin-begin--sm {
1274
- margin-left: 1rem !important;
1275
- }
1276
- [dir=rtl] .sap-margin-begin--sm, .sap-margin-begin--sm[dir=rtl] {
1277
- margin-right: 1rem !important;
1278
- margin-left: 0 !important;
1279
- }
1280
- .sap-margin-begin--md {
1281
- margin-left: 2rem !important;
1282
- }
1283
- [dir=rtl] .sap-margin-begin--md, .sap-margin-begin--md[dir=rtl] {
1284
- margin-right: 2rem !important;
1285
- margin-left: 0 !important;
1286
- }
1287
- .sap-margin-begin--lg {
1288
- margin-left: 3rem !important;
1289
- }
1290
- [dir=rtl] .sap-margin-begin--lg, .sap-margin-begin--lg[dir=rtl] {
1291
- margin-right: 3rem !important;
1292
- margin-left: 0 !important;
1293
- }
1294
- .sap-margin-begin--none {
1295
- margin-left: 0;
1296
- }
1297
- [dir=rtl] .sap-margin-begin--none, .sap-margin-begin--none[dir=rtl] {
1298
- margin-right: 0 !important;
1299
- }
1300
- .sap-margin-top-bottom--tiny {
1301
- margin-top: 0.5rem !important;
1302
- margin-bottom: 0.5rem !important;
1303
- }
1304
- .sap-margin-top-bottom--sm {
1305
- margin-top: 1rem !important;
1306
- margin-bottom: 1rem !important;
1307
- }
1308
- .sap-margin-top-bottom--md {
1309
- margin-top: 2rem !important;
1310
- margin-bottom: 2rem !important;
1311
- }
1312
- .sap-margin-top-bottom--lg {
1313
- margin-top: 3rem !important;
1314
- margin-bottom: 3rem !important;
1315
- }
1316
- .sap-margin-begin-end--tiny {
1317
- margin-left: 0.5rem !important;
1318
- margin-right: 0.5rem !important;
1319
- }
1320
- .sap-margin-begin-end--sm {
1321
- margin-left: 1rem !important;
1322
- margin-right: 1rem !important;
1323
- }
1324
- .sap-margin-begin-end--md {
1325
- margin-left: 2rem !important;
1326
- margin-right: 2rem !important;
1327
- }
1328
- .sap-margin-begin-end--lg {
1329
- margin-left: 3rem !important;
1330
- margin-right: 3rem !important;
1331
- }
1332
- .sap-margin-responsive--sm {
1333
- margin: 0 0 1rem 0 !important;
1334
- }
1335
- .sap-margin-responsive--md {
1336
- margin: 1rem !important;
1337
- }
1338
- .sap-margin-responsive--lg {
1339
- margin: 1rem 2rem !important;
1340
- }
1341
- .sap-margin-responsive--xl {
1342
- margin: 1rem 3rem !important;
1343
- }
1344
- .sap-margin-negative-begin-end--tiny {
1345
- margin: 0 -0.5rem !important;
1346
- }
1347
- .sap-margin-negative-begin-end--sm {
1348
- margin: 0 -1rem !important;
1349
- }
1350
- .sap-margin-negative-begin-end--md {
1351
- margin: 0 -2rem !important;
1352
- }
1353
- .sap-margin-negative-begin-end--lg {
1354
- margin: 0 -3rem !important;
1355
- }
1356
- /* Fully expanded pseudo element. Requires parent to have specified position */
1357
- /* stylelint-disable */
1358
- /* stylelint-enable */
1359
- /* stylelint-disable */
1360
- /* stylelint-enable */
1361
- /* stylelint-disable */
1362
- /* stylelint-enable */
1363
- /* Fully expanded pseudo element. Requires parent to have specified position */
1364
- /* Fully expanded pseudo element. Requires parent to have specified position */
1365
- .sap-padding {
1366
- padding: 1rem !important;
1367
- }
1368
- .sap-padding-begin-end--tiny {
1369
- padding-left: 0.5rem !important;
1370
- padding-right: 0.5rem !important;
1371
- }
1372
- .sap-padding-begin-end--sm {
1373
- padding-left: 1rem !important;
1374
- padding-right: 1rem !important;
1375
- }
1376
- .sap-padding-begin-end--md {
1377
- padding-left: 2rem !important;
1378
- padding-right: 2rem !important;
1379
- }
1380
- .sap-padding-begin-end--lg {
1381
- padding-left: 3rem !important;
1382
- padding-right: 3rem !important;
1383
- }
1384
- .sap-padding--none {
1385
- padding: 0 !important;
1386
- }
1387
- .sap-padding-responsive--sm {
1388
- padding: 0 1rem !important;
1389
- }
1390
- .sap-padding-responsive--md, .sap-padding-responsive--lg {
1391
- padding: 0 2rem !important;
1392
- }
1393
- .sap-padding-responsive--xl {
1394
- padding: 0 3rem !important;
1395
- }
5
+ */.sap-col,.sap-container,.sap-row{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.sap-col:after,.sap-col:before,.sap-container:after,.sap-container:before,.sap-row:after,.sap-row:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.sap-container{-ms-flex-wrap:wrap;-webkit-box-flex:0;-ms-flex:0 0 100%;display:-webkit-box;display:-ms-flexbox;display:flex;flex:0 0 100%;flex-wrap:wrap;padding:0 .25rem;position:relative}.sap-container .sap-row{margin-left:-.25rem;margin-right:-.25rem;min-width:calc(100% + .5rem)}.sap-container>.sap-row>.sap-col{padding-bottom:.25rem;padding-top:.25rem}.sap-container.sap-container--no-gap .sap-row,.sap-container.sap-container--no-horizontal-gap .sap-row{margin-left:0;margin-right:0}.sap-container.sap-container--no-gap .sap-row .sap-col,.sap-container.sap-container--no-horizontal-gap .sap-row .sap-col{padding-left:0;padding-right:0}.sap-container.sap-container--no-gap>.sap-row>.sap-col,.sap-container.sap-container--no-vertical-gap>.sap-row>.sap-col{padding-bottom:0;padding-top:0}.sap-container[dir=rtl],[dir=rtl] .sap-container{direction:rtl}.sap-row{-ms-flex-wrap:wrap;-webkit-box-flex:0;-ms-flex:0 0 100%;display:-webkit-box;display:-ms-flexbox;display:flex;flex:0 0 100%;flex-wrap:wrap;min-width:100%;position:relative}.sap-col{max-width:100%;min-width:100%;padding-left:.25rem;padding-right:.25rem}.sap-col--0{max-width:0;min-width:0%}.sap-col--offset-0{margin-left:0}.sap-col--offset-0[dir=rtl],[dir=rtl] .sap-col--offset-0{margin-left:0;margin-right:0}.sap-col--offset-after-0{margin-right:0}.sap-col--offset-after-0[dir=rtl],[dir=rtl] .sap-col--offset-after-0{margin-left:0;margin-right:0}.sap-col--1{max-width:8.3333333333%;min-width:8.3333333333%}.sap-col--offset-1{margin-left:8.3333333333%}.sap-col--offset-1[dir=rtl],[dir=rtl] .sap-col--offset-1{margin-left:0;margin-right:8.3333333333%}.sap-col--offset-after-1{margin-right:8.3333333333%}.sap-col--offset-after-1[dir=rtl],[dir=rtl] .sap-col--offset-after-1{margin-left:8.3333333333%;margin-right:0}.sap-col--2{max-width:16.6666666667%;min-width:16.6666666667%}.sap-col--offset-2{margin-left:16.6666666667%}.sap-col--offset-2[dir=rtl],[dir=rtl] .sap-col--offset-2{margin-left:0;margin-right:16.6666666667%}.sap-col--offset-after-2{margin-right:16.6666666667%}.sap-col--offset-after-2[dir=rtl],[dir=rtl] .sap-col--offset-after-2{margin-left:16.6666666667%;margin-right:0}.sap-col--3{max-width:25%;min-width:25%}.sap-col--offset-3{margin-left:25%}.sap-col--offset-3[dir=rtl],[dir=rtl] .sap-col--offset-3{margin-left:0;margin-right:25%}.sap-col--offset-after-3{margin-right:25%}.sap-col--offset-after-3[dir=rtl],[dir=rtl] .sap-col--offset-after-3{margin-left:25%;margin-right:0}.sap-col--4{max-width:33.3333333333%;min-width:33.3333333333%}.sap-col--offset-4{margin-left:33.3333333333%}.sap-col--offset-4[dir=rtl],[dir=rtl] .sap-col--offset-4{margin-left:0;margin-right:33.3333333333%}.sap-col--offset-after-4{margin-right:33.3333333333%}.sap-col--offset-after-4[dir=rtl],[dir=rtl] .sap-col--offset-after-4{margin-left:33.3333333333%;margin-right:0}.sap-col--5{max-width:41.6666666667%;min-width:41.6666666667%}.sap-col--offset-5{margin-left:41.6666666667%}.sap-col--offset-5[dir=rtl],[dir=rtl] .sap-col--offset-5{margin-left:0;margin-right:41.6666666667%}.sap-col--offset-after-5{margin-right:41.6666666667%}.sap-col--offset-after-5[dir=rtl],[dir=rtl] .sap-col--offset-after-5{margin-left:41.6666666667%;margin-right:0}.sap-col--6{max-width:50%;min-width:50%}.sap-col--offset-6{margin-left:50%}.sap-col--offset-6[dir=rtl],[dir=rtl] .sap-col--offset-6{margin-left:0;margin-right:50%}.sap-col--offset-after-6{margin-right:50%}.sap-col--offset-after-6[dir=rtl],[dir=rtl] .sap-col--offset-after-6{margin-left:50%;margin-right:0}.sap-col--7{max-width:58.3333333333%;min-width:58.3333333333%}.sap-col--offset-7{margin-left:58.3333333333%}.sap-col--offset-7[dir=rtl],[dir=rtl] .sap-col--offset-7{margin-left:0;margin-right:58.3333333333%}.sap-col--offset-after-7{margin-right:58.3333333333%}.sap-col--offset-after-7[dir=rtl],[dir=rtl] .sap-col--offset-after-7{margin-left:58.3333333333%;margin-right:0}.sap-col--8{max-width:66.6666666667%;min-width:66.6666666667%}.sap-col--offset-8{margin-left:66.6666666667%}.sap-col--offset-8[dir=rtl],[dir=rtl] .sap-col--offset-8{margin-left:0;margin-right:66.6666666667%}.sap-col--offset-after-8{margin-right:66.6666666667%}.sap-col--offset-after-8[dir=rtl],[dir=rtl] .sap-col--offset-after-8{margin-left:66.6666666667%;margin-right:0}.sap-col--9{max-width:75%;min-width:75%}.sap-col--offset-9{margin-left:75%}.sap-col--offset-9[dir=rtl],[dir=rtl] .sap-col--offset-9{margin-left:0;margin-right:75%}.sap-col--offset-after-9{margin-right:75%}.sap-col--offset-after-9[dir=rtl],[dir=rtl] .sap-col--offset-after-9{margin-left:75%;margin-right:0}.sap-col--10{max-width:83.3333333333%;min-width:83.3333333333%}.sap-col--offset-10{margin-left:83.3333333333%}.sap-col--offset-10[dir=rtl],[dir=rtl] .sap-col--offset-10{margin-left:0;margin-right:83.3333333333%}.sap-col--offset-after-10{margin-right:83.3333333333%}.sap-col--offset-after-10[dir=rtl],[dir=rtl] .sap-col--offset-after-10{margin-left:83.3333333333%;margin-right:0}.sap-col--11{max-width:91.6666666667%;min-width:91.6666666667%}.sap-col--offset-11{margin-left:91.6666666667%}.sap-col--offset-11[dir=rtl],[dir=rtl] .sap-col--offset-11{margin-left:0;margin-right:91.6666666667%}.sap-col--offset-after-11{margin-right:91.6666666667%}.sap-col--offset-after-11[dir=rtl],[dir=rtl] .sap-col--offset-after-11{margin-left:91.6666666667%;margin-right:0}.sap-col--12{max-width:100%;min-width:100%}.sap-col--offset-12{margin-left:100%}.sap-col--offset-12[dir=rtl],[dir=rtl] .sap-col--offset-12{margin-left:0;margin-right:100%}.sap-col--offset-after-12{margin-right:100%}.sap-col--offset-after-12[dir=rtl],[dir=rtl] .sap-col--offset-after-12{margin-left:100%;margin-right:0}.sap-col--full{-webkit-box-flex:1;-ms-flex:1;flex:1;max-width:none;min-width:8.3333333333%}.sap-col--wrap{-ms-flex-wrap:wrap;flex-wrap:wrap}@media (min-width:600px){.sap-container{padding:0 .5rem}.sap-container .sap-row{margin-left:-.5rem;margin-right:-.5rem;min-width:calc(100% + 1rem)}.sap-container>.sap-row>.sap-col{padding-bottom:.5rem;padding-top:.5rem}.sap-col{padding-left:.5rem;padding-right:.5rem}.sap-col-md--0{max-width:0;min-width:0%}.sap-col-md--offset-0{margin-left:0}.sap-col-md--offset-0[dir=rtl],[dir=rtl] .sap-col-md--offset-0{margin-left:0;margin-right:0}.sap-col-md--offset-after-0{margin-right:0}.sap-col-md--offset-after-0[dir=rtl],[dir=rtl] .sap-col-md--offset-after-0{margin-left:0;margin-right:0}.sap-col-md--1{max-width:8.3333333333%;min-width:8.3333333333%}.sap-col-md--offset-1{margin-left:8.3333333333%}.sap-col-md--offset-1[dir=rtl],[dir=rtl] .sap-col-md--offset-1{margin-left:0;margin-right:8.3333333333%}.sap-col-md--offset-after-1{margin-right:8.3333333333%}.sap-col-md--offset-after-1[dir=rtl],[dir=rtl] .sap-col-md--offset-after-1{margin-left:8.3333333333%;margin-right:0}.sap-col-md--2{max-width:16.6666666667%;min-width:16.6666666667%}.sap-col-md--offset-2{margin-left:16.6666666667%}.sap-col-md--offset-2[dir=rtl],[dir=rtl] .sap-col-md--offset-2{margin-left:0;margin-right:16.6666666667%}.sap-col-md--offset-after-2{margin-right:16.6666666667%}.sap-col-md--offset-after-2[dir=rtl],[dir=rtl] .sap-col-md--offset-after-2{margin-left:16.6666666667%;margin-right:0}.sap-col-md--3{max-width:25%;min-width:25%}.sap-col-md--offset-3{margin-left:25%}.sap-col-md--offset-3[dir=rtl],[dir=rtl] .sap-col-md--offset-3{margin-left:0;margin-right:25%}.sap-col-md--offset-after-3{margin-right:25%}.sap-col-md--offset-after-3[dir=rtl],[dir=rtl] .sap-col-md--offset-after-3{margin-left:25%;margin-right:0}.sap-col-md--4{max-width:33.3333333333%;min-width:33.3333333333%}.sap-col-md--offset-4{margin-left:33.3333333333%}.sap-col-md--offset-4[dir=rtl],[dir=rtl] .sap-col-md--offset-4{margin-left:0;margin-right:33.3333333333%}.sap-col-md--offset-after-4{margin-right:33.3333333333%}.sap-col-md--offset-after-4[dir=rtl],[dir=rtl] .sap-col-md--offset-after-4{margin-left:33.3333333333%;margin-right:0}.sap-col-md--5{max-width:41.6666666667%;min-width:41.6666666667%}.sap-col-md--offset-5{margin-left:41.6666666667%}.sap-col-md--offset-5[dir=rtl],[dir=rtl] .sap-col-md--offset-5{margin-left:0;margin-right:41.6666666667%}.sap-col-md--offset-after-5{margin-right:41.6666666667%}.sap-col-md--offset-after-5[dir=rtl],[dir=rtl] .sap-col-md--offset-after-5{margin-left:41.6666666667%;margin-right:0}.sap-col-md--6{max-width:50%;min-width:50%}.sap-col-md--offset-6{margin-left:50%}.sap-col-md--offset-6[dir=rtl],[dir=rtl] .sap-col-md--offset-6{margin-left:0;margin-right:50%}.sap-col-md--offset-after-6{margin-right:50%}.sap-col-md--offset-after-6[dir=rtl],[dir=rtl] .sap-col-md--offset-after-6{margin-left:50%;margin-right:0}.sap-col-md--7{max-width:58.3333333333%;min-width:58.3333333333%}.sap-col-md--offset-7{margin-left:58.3333333333%}.sap-col-md--offset-7[dir=rtl],[dir=rtl] .sap-col-md--offset-7{margin-left:0;margin-right:58.3333333333%}.sap-col-md--offset-after-7{margin-right:58.3333333333%}.sap-col-md--offset-after-7[dir=rtl],[dir=rtl] .sap-col-md--offset-after-7{margin-left:58.3333333333%;margin-right:0}.sap-col-md--8{max-width:66.6666666667%;min-width:66.6666666667%}.sap-col-md--offset-8{margin-left:66.6666666667%}.sap-col-md--offset-8[dir=rtl],[dir=rtl] .sap-col-md--offset-8{margin-left:0;margin-right:66.6666666667%}.sap-col-md--offset-after-8{margin-right:66.6666666667%}.sap-col-md--offset-after-8[dir=rtl],[dir=rtl] .sap-col-md--offset-after-8{margin-left:66.6666666667%;margin-right:0}.sap-col-md--9{max-width:75%;min-width:75%}.sap-col-md--offset-9{margin-left:75%}.sap-col-md--offset-9[dir=rtl],[dir=rtl] .sap-col-md--offset-9{margin-left:0;margin-right:75%}.sap-col-md--offset-after-9{margin-right:75%}.sap-col-md--offset-after-9[dir=rtl],[dir=rtl] .sap-col-md--offset-after-9{margin-left:75%;margin-right:0}.sap-col-md--10{max-width:83.3333333333%;min-width:83.3333333333%}.sap-col-md--offset-10{margin-left:83.3333333333%}.sap-col-md--offset-10[dir=rtl],[dir=rtl] .sap-col-md--offset-10{margin-left:0;margin-right:83.3333333333%}.sap-col-md--offset-after-10{margin-right:83.3333333333%}.sap-col-md--offset-after-10[dir=rtl],[dir=rtl] .sap-col-md--offset-after-10{margin-left:83.3333333333%;margin-right:0}.sap-col-md--11{max-width:91.6666666667%;min-width:91.6666666667%}.sap-col-md--offset-11{margin-left:91.6666666667%}.sap-col-md--offset-11[dir=rtl],[dir=rtl] .sap-col-md--offset-11{margin-left:0;margin-right:91.6666666667%}.sap-col-md--offset-after-11{margin-right:91.6666666667%}.sap-col-md--offset-after-11[dir=rtl],[dir=rtl] .sap-col-md--offset-after-11{margin-left:91.6666666667%;margin-right:0}.sap-col-md--12{max-width:100%;min-width:100%}.sap-col-md--offset-12{margin-left:100%}.sap-col-md--offset-12[dir=rtl],[dir=rtl] .sap-col-md--offset-12{margin-left:0;margin-right:100%}.sap-col-md--offset-after-12{margin-right:100%}.sap-col-md--offset-after-12[dir=rtl],[dir=rtl] .sap-col-md--offset-after-12{margin-left:100%;margin-right:0}}@media (min-width:1024px){.sap-col-lg--0{max-width:0;min-width:0%}.sap-col-lg--offset-0{margin-left:0}.sap-col-lg--offset-0[dir=rtl],[dir=rtl] .sap-col-lg--offset-0{margin-left:0;margin-right:0}.sap-col-lg--offset-after-0{margin-right:0}.sap-col-lg--offset-after-0[dir=rtl],[dir=rtl] .sap-col-lg--offset-after-0{margin-left:0;margin-right:0}.sap-col-lg--1{max-width:8.3333333333%;min-width:8.3333333333%}.sap-col-lg--offset-1{margin-left:8.3333333333%}.sap-col-lg--offset-1[dir=rtl],[dir=rtl] .sap-col-lg--offset-1{margin-left:0;margin-right:8.3333333333%}.sap-col-lg--offset-after-1{margin-right:8.3333333333%}.sap-col-lg--offset-after-1[dir=rtl],[dir=rtl] .sap-col-lg--offset-after-1{margin-left:8.3333333333%;margin-right:0}.sap-col-lg--2{max-width:16.6666666667%;min-width:16.6666666667%}.sap-col-lg--offset-2{margin-left:16.6666666667%}.sap-col-lg--offset-2[dir=rtl],[dir=rtl] .sap-col-lg--offset-2{margin-left:0;margin-right:16.6666666667%}.sap-col-lg--offset-after-2{margin-right:16.6666666667%}.sap-col-lg--offset-after-2[dir=rtl],[dir=rtl] .sap-col-lg--offset-after-2{margin-left:16.6666666667%;margin-right:0}.sap-col-lg--3{max-width:25%;min-width:25%}.sap-col-lg--offset-3{margin-left:25%}.sap-col-lg--offset-3[dir=rtl],[dir=rtl] .sap-col-lg--offset-3{margin-left:0;margin-right:25%}.sap-col-lg--offset-after-3{margin-right:25%}.sap-col-lg--offset-after-3[dir=rtl],[dir=rtl] .sap-col-lg--offset-after-3{margin-left:25%;margin-right:0}.sap-col-lg--4{max-width:33.3333333333%;min-width:33.3333333333%}.sap-col-lg--offset-4{margin-left:33.3333333333%}.sap-col-lg--offset-4[dir=rtl],[dir=rtl] .sap-col-lg--offset-4{margin-left:0;margin-right:33.3333333333%}.sap-col-lg--offset-after-4{margin-right:33.3333333333%}.sap-col-lg--offset-after-4[dir=rtl],[dir=rtl] .sap-col-lg--offset-after-4{margin-left:33.3333333333%;margin-right:0}.sap-col-lg--5{max-width:41.6666666667%;min-width:41.6666666667%}.sap-col-lg--offset-5{margin-left:41.6666666667%}.sap-col-lg--offset-5[dir=rtl],[dir=rtl] .sap-col-lg--offset-5{margin-left:0;margin-right:41.6666666667%}.sap-col-lg--offset-after-5{margin-right:41.6666666667%}.sap-col-lg--offset-after-5[dir=rtl],[dir=rtl] .sap-col-lg--offset-after-5{margin-left:41.6666666667%;margin-right:0}.sap-col-lg--6{max-width:50%;min-width:50%}.sap-col-lg--offset-6{margin-left:50%}.sap-col-lg--offset-6[dir=rtl],[dir=rtl] .sap-col-lg--offset-6{margin-left:0;margin-right:50%}.sap-col-lg--offset-after-6{margin-right:50%}.sap-col-lg--offset-after-6[dir=rtl],[dir=rtl] .sap-col-lg--offset-after-6{margin-left:50%;margin-right:0}.sap-col-lg--7{max-width:58.3333333333%;min-width:58.3333333333%}.sap-col-lg--offset-7{margin-left:58.3333333333%}.sap-col-lg--offset-7[dir=rtl],[dir=rtl] .sap-col-lg--offset-7{margin-left:0;margin-right:58.3333333333%}.sap-col-lg--offset-after-7{margin-right:58.3333333333%}.sap-col-lg--offset-after-7[dir=rtl],[dir=rtl] .sap-col-lg--offset-after-7{margin-left:58.3333333333%;margin-right:0}.sap-col-lg--8{max-width:66.6666666667%;min-width:66.6666666667%}.sap-col-lg--offset-8{margin-left:66.6666666667%}.sap-col-lg--offset-8[dir=rtl],[dir=rtl] .sap-col-lg--offset-8{margin-left:0;margin-right:66.6666666667%}.sap-col-lg--offset-after-8{margin-right:66.6666666667%}.sap-col-lg--offset-after-8[dir=rtl],[dir=rtl] .sap-col-lg--offset-after-8{margin-left:66.6666666667%;margin-right:0}.sap-col-lg--9{max-width:75%;min-width:75%}.sap-col-lg--offset-9{margin-left:75%}.sap-col-lg--offset-9[dir=rtl],[dir=rtl] .sap-col-lg--offset-9{margin-left:0;margin-right:75%}.sap-col-lg--offset-after-9{margin-right:75%}.sap-col-lg--offset-after-9[dir=rtl],[dir=rtl] .sap-col-lg--offset-after-9{margin-left:75%;margin-right:0}.sap-col-lg--10{max-width:83.3333333333%;min-width:83.3333333333%}.sap-col-lg--offset-10{margin-left:83.3333333333%}.sap-col-lg--offset-10[dir=rtl],[dir=rtl] .sap-col-lg--offset-10{margin-left:0;margin-right:83.3333333333%}.sap-col-lg--offset-after-10{margin-right:83.3333333333%}.sap-col-lg--offset-after-10[dir=rtl],[dir=rtl] .sap-col-lg--offset-after-10{margin-left:83.3333333333%;margin-right:0}.sap-col-lg--11{max-width:91.6666666667%;min-width:91.6666666667%}.sap-col-lg--offset-11{margin-left:91.6666666667%}.sap-col-lg--offset-11[dir=rtl],[dir=rtl] .sap-col-lg--offset-11{margin-left:0;margin-right:91.6666666667%}.sap-col-lg--offset-after-11{margin-right:91.6666666667%}.sap-col-lg--offset-after-11[dir=rtl],[dir=rtl] .sap-col-lg--offset-after-11{margin-left:91.6666666667%;margin-right:0}.sap-col-lg--12{max-width:100%;min-width:100%}.sap-col-lg--offset-12{margin-left:100%}.sap-col-lg--offset-12[dir=rtl],[dir=rtl] .sap-col-lg--offset-12{margin-left:0;margin-right:100%}.sap-col-lg--offset-after-12{margin-right:100%}.sap-col-lg--offset-after-12[dir=rtl],[dir=rtl] .sap-col-lg--offset-after-12{margin-left:100%;margin-right:0}}@media (min-width:1440px){.sap-col-xl--0{max-width:0;min-width:0%}.sap-col-xl--offset-0{margin-left:0}.sap-col-xl--offset-0[dir=rtl],[dir=rtl] .sap-col-xl--offset-0{margin-left:0;margin-right:0}.sap-col-xl--offset-after-0{margin-right:0}.sap-col-xl--offset-after-0[dir=rtl],[dir=rtl] .sap-col-xl--offset-after-0{margin-left:0;margin-right:0}.sap-col-xl--1{max-width:8.3333333333%;min-width:8.3333333333%}.sap-col-xl--offset-1{margin-left:8.3333333333%}.sap-col-xl--offset-1[dir=rtl],[dir=rtl] .sap-col-xl--offset-1{margin-left:0;margin-right:8.3333333333%}.sap-col-xl--offset-after-1{margin-right:8.3333333333%}.sap-col-xl--offset-after-1[dir=rtl],[dir=rtl] .sap-col-xl--offset-after-1{margin-left:8.3333333333%;margin-right:0}.sap-col-xl--2{max-width:16.6666666667%;min-width:16.6666666667%}.sap-col-xl--offset-2{margin-left:16.6666666667%}.sap-col-xl--offset-2[dir=rtl],[dir=rtl] .sap-col-xl--offset-2{margin-left:0;margin-right:16.6666666667%}.sap-col-xl--offset-after-2{margin-right:16.6666666667%}.sap-col-xl--offset-after-2[dir=rtl],[dir=rtl] .sap-col-xl--offset-after-2{margin-left:16.6666666667%;margin-right:0}.sap-col-xl--3{max-width:25%;min-width:25%}.sap-col-xl--offset-3{margin-left:25%}.sap-col-xl--offset-3[dir=rtl],[dir=rtl] .sap-col-xl--offset-3{margin-left:0;margin-right:25%}.sap-col-xl--offset-after-3{margin-right:25%}.sap-col-xl--offset-after-3[dir=rtl],[dir=rtl] .sap-col-xl--offset-after-3{margin-left:25%;margin-right:0}.sap-col-xl--4{max-width:33.3333333333%;min-width:33.3333333333%}.sap-col-xl--offset-4{margin-left:33.3333333333%}.sap-col-xl--offset-4[dir=rtl],[dir=rtl] .sap-col-xl--offset-4{margin-left:0;margin-right:33.3333333333%}.sap-col-xl--offset-after-4{margin-right:33.3333333333%}.sap-col-xl--offset-after-4[dir=rtl],[dir=rtl] .sap-col-xl--offset-after-4{margin-left:33.3333333333%;margin-right:0}.sap-col-xl--5{max-width:41.6666666667%;min-width:41.6666666667%}.sap-col-xl--offset-5{margin-left:41.6666666667%}.sap-col-xl--offset-5[dir=rtl],[dir=rtl] .sap-col-xl--offset-5{margin-left:0;margin-right:41.6666666667%}.sap-col-xl--offset-after-5{margin-right:41.6666666667%}.sap-col-xl--offset-after-5[dir=rtl],[dir=rtl] .sap-col-xl--offset-after-5{margin-left:41.6666666667%;margin-right:0}.sap-col-xl--6{max-width:50%;min-width:50%}.sap-col-xl--offset-6{margin-left:50%}.sap-col-xl--offset-6[dir=rtl],[dir=rtl] .sap-col-xl--offset-6{margin-left:0;margin-right:50%}.sap-col-xl--offset-after-6{margin-right:50%}.sap-col-xl--offset-after-6[dir=rtl],[dir=rtl] .sap-col-xl--offset-after-6{margin-left:50%;margin-right:0}.sap-col-xl--7{max-width:58.3333333333%;min-width:58.3333333333%}.sap-col-xl--offset-7{margin-left:58.3333333333%}.sap-col-xl--offset-7[dir=rtl],[dir=rtl] .sap-col-xl--offset-7{margin-left:0;margin-right:58.3333333333%}.sap-col-xl--offset-after-7{margin-right:58.3333333333%}.sap-col-xl--offset-after-7[dir=rtl],[dir=rtl] .sap-col-xl--offset-after-7{margin-left:58.3333333333%;margin-right:0}.sap-col-xl--8{max-width:66.6666666667%;min-width:66.6666666667%}.sap-col-xl--offset-8{margin-left:66.6666666667%}.sap-col-xl--offset-8[dir=rtl],[dir=rtl] .sap-col-xl--offset-8{margin-left:0;margin-right:66.6666666667%}.sap-col-xl--offset-after-8{margin-right:66.6666666667%}.sap-col-xl--offset-after-8[dir=rtl],[dir=rtl] .sap-col-xl--offset-after-8{margin-left:66.6666666667%;margin-right:0}.sap-col-xl--9{max-width:75%;min-width:75%}.sap-col-xl--offset-9{margin-left:75%}.sap-col-xl--offset-9[dir=rtl],[dir=rtl] .sap-col-xl--offset-9{margin-left:0;margin-right:75%}.sap-col-xl--offset-after-9{margin-right:75%}.sap-col-xl--offset-after-9[dir=rtl],[dir=rtl] .sap-col-xl--offset-after-9{margin-left:75%;margin-right:0}.sap-col-xl--10{max-width:83.3333333333%;min-width:83.3333333333%}.sap-col-xl--offset-10{margin-left:83.3333333333%}.sap-col-xl--offset-10[dir=rtl],[dir=rtl] .sap-col-xl--offset-10{margin-left:0;margin-right:83.3333333333%}.sap-col-xl--offset-after-10{margin-right:83.3333333333%}.sap-col-xl--offset-after-10[dir=rtl],[dir=rtl] .sap-col-xl--offset-after-10{margin-left:83.3333333333%;margin-right:0}.sap-col-xl--11{max-width:91.6666666667%;min-width:91.6666666667%}.sap-col-xl--offset-11{margin-left:91.6666666667%}.sap-col-xl--offset-11[dir=rtl],[dir=rtl] .sap-col-xl--offset-11{margin-left:0;margin-right:91.6666666667%}.sap-col-xl--offset-after-11{margin-right:91.6666666667%}.sap-col-xl--offset-after-11[dir=rtl],[dir=rtl] .sap-col-xl--offset-after-11{margin-left:91.6666666667%;margin-right:0}.sap-col-xl--12{max-width:100%;min-width:100%}.sap-col-xl--offset-12{margin-left:100%}.sap-col-xl--offset-12[dir=rtl],[dir=rtl] .sap-col-xl--offset-12{margin-left:0;margin-right:100%}.sap-col-xl--offset-after-12{margin-right:100%}.sap-col-xl--offset-after-12[dir=rtl],[dir=rtl] .sap-col-xl--offset-after-12{margin-left:100%;margin-right:0}}.sap-margin--tiny{margin:.5rem!important}.sap-margin--sm{margin:1rem!important}.sap-margin--md{margin:2rem!important}.sap-margin--lg{margin:3rem!important}.sap-margin--none{margin:0!important}.sap-margin-top--tiny{margin-top:.5rem!important}.sap-margin-top--sm{margin-top:1rem!important}.sap-margin-top--md{margin-top:2rem!important}.sap-margin-top--lg{margin-top:3rem!important}.sap-margin-top--none{margin-top:0!important}.sap-margin-end--tiny{margin-right:.5rem!important}.sap-margin-end--tiny[dir=rtl],[dir=rtl] .sap-margin-end--tiny{margin-left:.5rem!important;margin-right:0!important}.sap-margin-end--sm{margin-right:1rem!important}.sap-margin-end--sm[dir=rtl],[dir=rtl] .sap-margin-end--sm{margin-left:1rem!important;margin-right:0!important}.sap-margin-end--md{margin-right:2rem!important}.sap-margin-end--md[dir=rtl],[dir=rtl] .sap-margin-end--md{margin-left:2rem!important;margin-right:0!important}.sap-margin-end--lg{margin-right:3rem!important}.sap-margin-end--lg[dir=rtl],[dir=rtl] .sap-margin-end--lg{margin-left:3rem!important;margin-right:0!important}.sap-margin-end--none{margin-right:0}.sap-margin-end--none[dir=rtl],[dir=rtl] .sap-margin-end--none{margin-left:0!important}.sap-margin-bottom--tiny{margin-bottom:.5rem!important}.sap-margin-bottom--sm{margin-bottom:1rem!important}.sap-margin-bottom--md{margin-bottom:2rem!important}.sap-margin-bottom--lg{margin-bottom:3rem!important}.sap-margin-bottom--none{margin-bottom:0!important}.sap-margin-begin--tiny{margin-left:.5rem!important}.sap-margin-begin--tiny[dir=rtl],[dir=rtl] .sap-margin-begin--tiny{margin-left:0!important;margin-right:.5rem!important}.sap-margin-begin--sm{margin-left:1rem!important}.sap-margin-begin--sm[dir=rtl],[dir=rtl] .sap-margin-begin--sm{margin-left:0!important;margin-right:1rem!important}.sap-margin-begin--md{margin-left:2rem!important}.sap-margin-begin--md[dir=rtl],[dir=rtl] .sap-margin-begin--md{margin-left:0!important;margin-right:2rem!important}.sap-margin-begin--lg{margin-left:3rem!important}.sap-margin-begin--lg[dir=rtl],[dir=rtl] .sap-margin-begin--lg{margin-left:0!important;margin-right:3rem!important}.sap-margin-begin--none{margin-left:0}.sap-margin-begin--none[dir=rtl],[dir=rtl] .sap-margin-begin--none{margin-right:0!important}.sap-margin-top-bottom--tiny{margin-bottom:.5rem!important;margin-top:.5rem!important}.sap-margin-top-bottom--sm{margin-bottom:1rem!important;margin-top:1rem!important}.sap-margin-top-bottom--md{margin-bottom:2rem!important;margin-top:2rem!important}.sap-margin-top-bottom--lg{margin-bottom:3rem!important;margin-top:3rem!important}.sap-margin-begin-end--tiny{margin-left:.5rem!important;margin-right:.5rem!important}.sap-margin-begin-end--sm{margin-left:1rem!important;margin-right:1rem!important}.sap-margin-begin-end--md{margin-left:2rem!important;margin-right:2rem!important}.sap-margin-begin-end--lg{margin-left:3rem!important;margin-right:3rem!important}.sap-margin-responsive--sm{margin:0 0 1rem!important}.sap-margin-responsive--md{margin:1rem!important}.sap-margin-responsive--lg{margin:1rem 2rem!important}.sap-margin-responsive--xl{margin:1rem 3rem!important}.sap-margin-negative-begin-end--tiny{margin:0 -.5rem!important}.sap-margin-negative-begin-end--sm{margin:0 -1rem!important}.sap-margin-negative-begin-end--md{margin:0 -2rem!important}.sap-margin-negative-begin-end--lg{margin:0 -3rem!important}.sap-padding{padding:1rem!important}.sap-padding-begin-end--tiny{padding-left:.5rem!important;padding-right:.5rem!important}.sap-padding-begin-end--sm{padding-left:1rem!important;padding-right:1rem!important}.sap-padding-begin-end--md{padding-left:2rem!important;padding-right:2rem!important}.sap-padding-begin-end--lg{padding-left:3rem!important;padding-right:3rem!important}.sap-padding--none{padding:0!important}.sap-padding-responsive--sm{padding:0 1rem!important}.sap-padding-responsive--lg,.sap-padding-responsive--md{padding:0 2rem!important}.sap-padding-responsive--xl{padding:0 3rem!important}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fundamental-styles/common-css",
3
- "version": "0.24.2-rc.4",
3
+ "version": "0.24.2",
4
4
  "license": "Apache-2.0",
5
5
  "homepage": "https://sap.github.io/fundamental-styles/",
6
6
  "description": "Fundamental Library Styles Common CSS",