@fundamental-styles/common-css 0.24.0-rc.30 → 0.24.0-rc.31

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