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

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