@proximus/lavender-styling 2.0.0-alpha.205 → 2.0.0-alpha.207
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -0,0 +1,2260 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Do not edit directly, this file was auto-generated.
|
|
3
|
+
*/
|
|
4
|
+
|
|
5
|
+
export const ColorBackgroundContainerPrimaryDefault = "#084D84";
|
|
6
|
+
export const ColorBackgroundContainerPrimaryInverted = "#ffffff";
|
|
7
|
+
export const ColorBackgroundContainerSecondaryDefault =
|
|
8
|
+
"rgba(8, 77, 132, 0.16)";
|
|
9
|
+
export const ColorBackgroundContainerSecondaryInverted =
|
|
10
|
+
"rgba(255, 255, 255, 0.24)";
|
|
11
|
+
export const ColorBackgroundContainerLightDefault = "#ffffff";
|
|
12
|
+
export const ColorBackgroundContainerLightInverted =
|
|
13
|
+
"rgba(255, 255, 255, 0.16)";
|
|
14
|
+
export const ColorBackgroundContainerDefaultDefault = "rgba(0, 0, 0, 0.04)";
|
|
15
|
+
export const ColorBackgroundContainerDefaultInverted =
|
|
16
|
+
"rgba(255, 255, 255, 0.08)";
|
|
17
|
+
export const ColorBackgroundContainerStrongDefault = "rgba(0, 0, 0, 0.56)";
|
|
18
|
+
export const ColorBackgroundContainerStrongInverted =
|
|
19
|
+
"rgba(255, 255, 255, 0.64)";
|
|
20
|
+
export const ColorBackgroundDataGreen = "#008000";
|
|
21
|
+
export const ColorBackgroundDataOrange = "#F39200";
|
|
22
|
+
export const ColorBackgroundDataRed = "#B30000";
|
|
23
|
+
export const ColorBackgroundDataMagenta = "#FF418C";
|
|
24
|
+
export const ColorBackgroundDataBlue = "#016BC1";
|
|
25
|
+
export const ColorBackgroundDataTurquoise = "#66D2CC";
|
|
26
|
+
export const ColorBackgroundFooterSitemapDefault = "#3868A0";
|
|
27
|
+
export const ColorBackgroundFooterSitemapInverted = "#ffffff";
|
|
28
|
+
export const ColorBackgroundGradientPurpleTopRed = [
|
|
29
|
+
{ color: "#084D84", position: 0.66 },
|
|
30
|
+
{ color: "#084D84", position: 1 },
|
|
31
|
+
];
|
|
32
|
+
export const ColorBackgroundGradientPurpleTopMagenta = [
|
|
33
|
+
{ color: "#084D84", position: 0.66 },
|
|
34
|
+
{ color: "#084D84", position: 1 },
|
|
35
|
+
];
|
|
36
|
+
export const ColorBackgroundGradientPurpleTopOrange = [
|
|
37
|
+
{ color: "#084D84", position: 0.66 },
|
|
38
|
+
{ color: "#084D84", position: 1 },
|
|
39
|
+
];
|
|
40
|
+
export const ColorBackgroundGradientPurpleTopBlue = [
|
|
41
|
+
{ color: "#084D84", position: 0.66 },
|
|
42
|
+
{ color: "#084D84", position: 1 },
|
|
43
|
+
];
|
|
44
|
+
export const ColorBackgroundGradientPurpleTopTurquoise = [
|
|
45
|
+
{ color: "#084D84", position: 0.66 },
|
|
46
|
+
{ color: "#084D84", position: 1 },
|
|
47
|
+
];
|
|
48
|
+
export const ColorBackgroundGradientPurpleTopGreen = [
|
|
49
|
+
{ color: "#084D84", position: 0.66 },
|
|
50
|
+
{ color: "#084D84", position: 1 },
|
|
51
|
+
];
|
|
52
|
+
export const ColorBackgroundGradientPurpleRightRed = [
|
|
53
|
+
{ color: "#084D84", position: 0.66 },
|
|
54
|
+
{ color: "#084D84", position: 1 },
|
|
55
|
+
];
|
|
56
|
+
export const ColorBackgroundGradientPurpleRightMagenta = [
|
|
57
|
+
{ color: "#084D84", position: 0.66 },
|
|
58
|
+
{ color: "#084D84", position: 1 },
|
|
59
|
+
];
|
|
60
|
+
export const ColorBackgroundGradientPurpleRightOrange = [
|
|
61
|
+
{ color: "#084D84", position: 0.66 },
|
|
62
|
+
{ color: "#084D84", position: 1 },
|
|
63
|
+
];
|
|
64
|
+
export const ColorBackgroundGradientPurpleRightBlue = [
|
|
65
|
+
{ color: "#084D84", position: 0.66 },
|
|
66
|
+
{ color: "#084D84", position: 1 },
|
|
67
|
+
];
|
|
68
|
+
export const ColorBackgroundGradientPurpleRightTurquoise = [
|
|
69
|
+
{ color: "#084D84", position: 0.66 },
|
|
70
|
+
{ color: "#084D84", position: 1 },
|
|
71
|
+
];
|
|
72
|
+
export const ColorBackgroundGradientPurpleRightGreen = [
|
|
73
|
+
{ color: "#084D84", position: 0.66 },
|
|
74
|
+
{ color: "#084D84", position: 1 },
|
|
75
|
+
];
|
|
76
|
+
export const ColorBackgroundGradientPurpleTopRightRed = [
|
|
77
|
+
{ color: "#084D84", position: 0.66 },
|
|
78
|
+
{ color: "#084D84", position: 1 },
|
|
79
|
+
];
|
|
80
|
+
export const ColorBackgroundGradientPurpleTopRightMagenta = [
|
|
81
|
+
{ color: "#084D84", position: 0.66 },
|
|
82
|
+
{ color: "#084D84", position: 1 },
|
|
83
|
+
];
|
|
84
|
+
export const ColorBackgroundGradientPurpleTopRightOrange = [
|
|
85
|
+
{ color: "#084D84", position: 0.66 },
|
|
86
|
+
{ color: "#084D84", position: 1 },
|
|
87
|
+
];
|
|
88
|
+
export const ColorBackgroundGradientPurpleTopRightBlue = [
|
|
89
|
+
{ color: "#084D84", position: 0.66 },
|
|
90
|
+
{ color: "#084D84", position: 1 },
|
|
91
|
+
];
|
|
92
|
+
export const ColorBackgroundGradientPurpleTopRightTurquoise = [
|
|
93
|
+
{ color: "#084D84", position: 0.66 },
|
|
94
|
+
{ color: "#084D84", position: 1 },
|
|
95
|
+
];
|
|
96
|
+
export const ColorBackgroundGradientPurpleTopRightGreen = [
|
|
97
|
+
{ color: "#084D84", position: 0.66 },
|
|
98
|
+
{ color: "#084D84", position: 1 },
|
|
99
|
+
];
|
|
100
|
+
export const ColorBackgroundGradientPurpleBottomRightRed = [
|
|
101
|
+
{ color: "#084D84", position: 0.66 },
|
|
102
|
+
{ color: "#084D84", position: 1 },
|
|
103
|
+
];
|
|
104
|
+
export const ColorBackgroundGradientPurpleBottomRightMagenta = [
|
|
105
|
+
{ color: "#084D84", position: 0.66 },
|
|
106
|
+
{ color: "#084D84", position: 1 },
|
|
107
|
+
];
|
|
108
|
+
export const ColorBackgroundGradientPurpleBottomRightOrange = [
|
|
109
|
+
{ color: "#084D84", position: 0.66 },
|
|
110
|
+
{ color: "#084D84", position: 1 },
|
|
111
|
+
];
|
|
112
|
+
export const ColorBackgroundGradientPurpleBottomRightBlue = [
|
|
113
|
+
{ color: "#084D84", position: 0.66 },
|
|
114
|
+
{ color: "#084D84", position: 1 },
|
|
115
|
+
];
|
|
116
|
+
export const ColorBackgroundGradientPurpleBottomRightTurquoise = [
|
|
117
|
+
{ color: "#084D84", position: 0.66 },
|
|
118
|
+
{ color: "#084D84", position: 1 },
|
|
119
|
+
];
|
|
120
|
+
export const ColorBackgroundGradientPurpleBottomRightGreen = [
|
|
121
|
+
{ color: "#084D84", position: 0.66 },
|
|
122
|
+
{ color: "#084D84", position: 1 },
|
|
123
|
+
];
|
|
124
|
+
export const ColorBackgroundGradientColorTopRed = [
|
|
125
|
+
{ color: "#084D84", position: 0.03 },
|
|
126
|
+
{ color: "#084D84", position: 0.66 },
|
|
127
|
+
];
|
|
128
|
+
export const ColorBackgroundGradientColorTopMagenta = [
|
|
129
|
+
{ color: "#084D84", position: 0.03 },
|
|
130
|
+
{ color: "#084D84", position: 0.66 },
|
|
131
|
+
];
|
|
132
|
+
export const ColorBackgroundGradientColorTopOrange = [
|
|
133
|
+
{ color: "#084D84", position: 0.03 },
|
|
134
|
+
{ color: "#084D84", position: 0.66 },
|
|
135
|
+
];
|
|
136
|
+
export const ColorBackgroundGradientColorTopBlue = [
|
|
137
|
+
{ color: "#084D84", position: 0.03 },
|
|
138
|
+
{ color: "#084D84", position: 0.66 },
|
|
139
|
+
];
|
|
140
|
+
export const ColorBackgroundGradientColorTopTurquoise = [
|
|
141
|
+
{ color: "#084D84", position: 0.03 },
|
|
142
|
+
{ color: "#084D84", position: 0.66 },
|
|
143
|
+
];
|
|
144
|
+
export const ColorBackgroundGradientColorTopGreen = [
|
|
145
|
+
{ color: "#084D84", position: 0.03 },
|
|
146
|
+
{ color: "#084D84", position: 0.66 },
|
|
147
|
+
];
|
|
148
|
+
export const ColorBackgroundGradientColorRightRed = [
|
|
149
|
+
{ color: "#084D84", position: 0.03 },
|
|
150
|
+
{ color: "#084D84", position: 0.66 },
|
|
151
|
+
];
|
|
152
|
+
export const ColorBackgroundGradientColorRightMagenta = [
|
|
153
|
+
{ color: "#084D84", position: 0.03 },
|
|
154
|
+
{ color: "#084D84", position: 0.66 },
|
|
155
|
+
];
|
|
156
|
+
export const ColorBackgroundGradientColorRightOrange = [
|
|
157
|
+
{ color: "#084D84", position: 0.03 },
|
|
158
|
+
{ color: "#084D84", position: 0.66 },
|
|
159
|
+
];
|
|
160
|
+
export const ColorBackgroundGradientColorRightBlue = [
|
|
161
|
+
{ color: "#084D84", position: 0.03 },
|
|
162
|
+
{ color: "#084D84", position: 0.66 },
|
|
163
|
+
];
|
|
164
|
+
export const ColorBackgroundGradientColorRightTurquoise = [
|
|
165
|
+
{ color: "#084D84", position: 0.03 },
|
|
166
|
+
{ color: "#084D84", position: 0.66 },
|
|
167
|
+
];
|
|
168
|
+
export const ColorBackgroundGradientColorRightGreen = [
|
|
169
|
+
{ color: "#084D84", position: 0.03 },
|
|
170
|
+
{ color: "#084D84", position: 0.66 },
|
|
171
|
+
];
|
|
172
|
+
export const ColorBackgroundGradientColorTopRightRed = [
|
|
173
|
+
{ color: "#084D84", position: 0.03 },
|
|
174
|
+
{ color: "#084D84", position: 0.66 },
|
|
175
|
+
];
|
|
176
|
+
export const ColorBackgroundGradientColorTopRightMagenta = [
|
|
177
|
+
{ color: "#084D84", position: 0.03 },
|
|
178
|
+
{ color: "#084D84", position: 0.66 },
|
|
179
|
+
];
|
|
180
|
+
export const ColorBackgroundGradientColorTopRightOrange = [
|
|
181
|
+
{ color: "#084D84", position: 0.03 },
|
|
182
|
+
{ color: "#084D84", position: 0.66 },
|
|
183
|
+
];
|
|
184
|
+
export const ColorBackgroundGradientColorTopRightBlue = [
|
|
185
|
+
{ color: "#084D84", position: 0.03 },
|
|
186
|
+
{ color: "#084D84", position: 0.66 },
|
|
187
|
+
];
|
|
188
|
+
export const ColorBackgroundGradientColorTopRightTurquoise = [
|
|
189
|
+
{ color: "#084D84", position: 0.03 },
|
|
190
|
+
{ color: "#084D84", position: 0.66 },
|
|
191
|
+
];
|
|
192
|
+
export const ColorBackgroundGradientColorTopRightGreen = [
|
|
193
|
+
{ color: "#084D84", position: 0.03 },
|
|
194
|
+
{ color: "#084D84", position: 0.66 },
|
|
195
|
+
];
|
|
196
|
+
export const ColorBackgroundGradientColorBottomRightRed = [
|
|
197
|
+
{ color: "#084D84", position: 0.03 },
|
|
198
|
+
{ color: "#084D84", position: 0.66 },
|
|
199
|
+
];
|
|
200
|
+
export const ColorBackgroundGradientColorBottomRightMagenta = [
|
|
201
|
+
{ color: "#084D84", position: 0.03 },
|
|
202
|
+
{ color: "#084D84", position: 0.66 },
|
|
203
|
+
];
|
|
204
|
+
export const ColorBackgroundGradientColorBottomRightOrange = [
|
|
205
|
+
{ color: "#084D84", position: 0.03 },
|
|
206
|
+
{ color: "#084D84", position: 0.66 },
|
|
207
|
+
];
|
|
208
|
+
export const ColorBackgroundGradientColorBottomRightBlue = [
|
|
209
|
+
{ color: "#084D84", position: 0.03 },
|
|
210
|
+
{ color: "#084D84", position: 0.66 },
|
|
211
|
+
];
|
|
212
|
+
export const ColorBackgroundGradientColorBottomRightTurquoise = [
|
|
213
|
+
{ color: "#084D84", position: 0.03 },
|
|
214
|
+
{ color: "#084D84", position: 0.66 },
|
|
215
|
+
];
|
|
216
|
+
export const ColorBackgroundGradientColorBottomRightGreen = [
|
|
217
|
+
{ color: "#084D84", position: 0.03 },
|
|
218
|
+
{ color: "#084D84", position: 0.66 },
|
|
219
|
+
];
|
|
220
|
+
export const ColorBackgroundGradientPickx = [
|
|
221
|
+
{ color: "#000000", position: 0.66 },
|
|
222
|
+
{ color: "#084D84", position: 1 },
|
|
223
|
+
];
|
|
224
|
+
export const ColorBackgroundGradientNxt = [
|
|
225
|
+
{ color: "#000000", position: 0.66 },
|
|
226
|
+
{ color: "#084D84", position: 1 },
|
|
227
|
+
];
|
|
228
|
+
export const ColorBackgroundGradientSme = [
|
|
229
|
+
{ color: "#000000", position: 0.03 },
|
|
230
|
+
{ color: "#084D84", position: 0.66 },
|
|
231
|
+
];
|
|
232
|
+
export const ColorBackgroundNone = "rgba(255, 255, 255, 0.00)";
|
|
233
|
+
export const ColorBackgroundOverlayMain = "rgba(0, 0, 0, 0.80)";
|
|
234
|
+
export const ColorBackgroundPurposeSuccessDefault = "#008000";
|
|
235
|
+
export const ColorBackgroundPurposeSuccessInverted = "#26BB26";
|
|
236
|
+
export const ColorBackgroundPurposeWarningDefault = "#AC5915";
|
|
237
|
+
export const ColorBackgroundPurposeWarningInverted = "#DB992F";
|
|
238
|
+
export const ColorBackgroundPurposeErrorDefault = "#B30000";
|
|
239
|
+
export const ColorBackgroundPurposeErrorInverted = "#F22613";
|
|
240
|
+
export const ColorBackgroundPurposeUnlimitedDefault = "#016BC1";
|
|
241
|
+
export const ColorBackgroundPurposeUnlimitedInverted = "#0088F5";
|
|
242
|
+
export const ColorBackgroundPurposePromoDefault = "#DE2A56";
|
|
243
|
+
export const ColorBackgroundPurposePromoInverted = "#DE2A56";
|
|
244
|
+
export const ColorBackgroundPurposeInfoDefault = "#00BCEE";
|
|
245
|
+
export const ColorBackgroundPurposeInfoInverted = "#00BCEE";
|
|
246
|
+
export const ColorBackgroundPurposeEcoDefault = "#008000";
|
|
247
|
+
export const ColorBackgroundPurposeEcoInverted = "#26BB26";
|
|
248
|
+
export const ColorBackgroundPurposeNotificationDefault = "#DE2A56";
|
|
249
|
+
export const ColorBackgroundPurposeNotificationInverted = "#DE2A56";
|
|
250
|
+
export const ColorBackgroundStateHoverDefault = "rgba(0, 0, 0, 0.12)";
|
|
251
|
+
export const ColorBackgroundStateHoverInverted = "rgba(255, 255, 255, 0.12)";
|
|
252
|
+
export const ColorBackgroundStateHoverBorderedDefault =
|
|
253
|
+
"rgba(255, 255, 255, 0.40)";
|
|
254
|
+
export const ColorBackgroundStateHoverBorderedInverted = "rgba(0, 0, 0, 0.12)";
|
|
255
|
+
export const ColorBackgroundStateActiveDefault = "#084D84";
|
|
256
|
+
export const ColorBackgroundStateActiveInverted = "#ffffff";
|
|
257
|
+
export const ColorBackgroundStateDisabledDefault = "rgba(0, 0, 0, 0.04)";
|
|
258
|
+
export const ColorBackgroundStateDisabledInverted = "rgba(255, 255, 255, 0.08)";
|
|
259
|
+
export const ColorBackgroundSurfaceLight = "#ffffff";
|
|
260
|
+
export const ColorBackgroundSurfaceDefault = "#f9f9f9";
|
|
261
|
+
export const ColorBackgroundSurfaceStrong = "#e4e4e4";
|
|
262
|
+
export const ColorBackgroundSurfaceStronger = "#c6c6c6";
|
|
263
|
+
export const ColorBackgroundSurfaceDark = "#252525";
|
|
264
|
+
export const ColorBackgroundSurfaceBrand = "#084D84";
|
|
265
|
+
export const ColorBackgroundSurfaceBrandLight = "#D0DCF6";
|
|
266
|
+
export const ColorBorderFocusOutlineDefault = "#252525";
|
|
267
|
+
export const ColorBorderFocusOutlineInverted = "#ffffff";
|
|
268
|
+
export const ColorBorderFocusOffsetDefault = "#ffffff";
|
|
269
|
+
export const ColorBorderFocusOffsetInverted = "#252525";
|
|
270
|
+
export const ColorBorderMainDefault = "rgba(0, 0, 0, 0.12)";
|
|
271
|
+
export const ColorBorderMainInverted = "rgba(255, 255, 255, 0.12)";
|
|
272
|
+
export const ColorBorderBrandDefault = "#084D84";
|
|
273
|
+
export const ColorBorderBrandInverted = "#ffffff";
|
|
274
|
+
export const ColorBorderNoneDefault = "rgba(255, 255, 255, 0.00)";
|
|
275
|
+
export const ColorBorderNoneInverted = "rgba(0, 0, 0, 0.00)";
|
|
276
|
+
export const ColorBorderNeutralDefault = "rgba(0, 0, 0, 0.56)";
|
|
277
|
+
export const ColorBorderNeutralInverted = "rgba(255, 255, 255, 0.64)";
|
|
278
|
+
export const ColorBorderPurposeSuccessDefault = "#008000";
|
|
279
|
+
export const ColorBorderPurposeSuccessInverted = "#26BB26";
|
|
280
|
+
export const ColorBorderPurposeWarningDefault = "#AC5915";
|
|
281
|
+
export const ColorBorderPurposeWarningInverted = "#DB992F";
|
|
282
|
+
export const ColorBorderPurposeErrorDefault = "#B30000";
|
|
283
|
+
export const ColorBorderPurposeErrorInverted = "#F22613";
|
|
284
|
+
export const ColorBorderPurposeUnlimitedDefault = "#016BC1";
|
|
285
|
+
export const ColorBorderPurposeUnlimitedInverted = "#0088F5";
|
|
286
|
+
export const ColorBorderStateHoverDefault = "#084D84";
|
|
287
|
+
export const ColorBorderStateHoverInverted = "#ffffff";
|
|
288
|
+
export const ColorBorderStateActiveDefault = "#084D84";
|
|
289
|
+
export const ColorBorderStateActiveInverted = "#ffffff";
|
|
290
|
+
export const ColorIconBrandDefault = "#084D84";
|
|
291
|
+
export const ColorIconBrandInverted = "#ffffff";
|
|
292
|
+
export const ColorIconAccentDefault = "#084D84";
|
|
293
|
+
export const ColorIconAccentInverted = "#ffffff";
|
|
294
|
+
export const ColorIconNeutralDefault = "#252525";
|
|
295
|
+
export const ColorIconNeutralInverted = "#ffffff";
|
|
296
|
+
export const ColorIconDimmedDefault = "rgba(0, 0, 0, 0.56)";
|
|
297
|
+
export const ColorIconDimmedInverted = "rgba(255, 255, 255, 0.64)";
|
|
298
|
+
export const ColorIconPurposeSuccessDefault = "#008000";
|
|
299
|
+
export const ColorIconPurposeSuccessInverted = "#26BB26";
|
|
300
|
+
export const ColorIconPurposeWarningDefault = "#AC5915";
|
|
301
|
+
export const ColorIconPurposeWarningInverted = "#DB992F";
|
|
302
|
+
export const ColorIconPurposeErrorDefault = "#B30000";
|
|
303
|
+
export const ColorIconPurposeErrorInverted = "#F22613";
|
|
304
|
+
export const ColorIconPurposeUnlimitedDefault = "#016BC1";
|
|
305
|
+
export const ColorIconPurposeUnlimitedInverted = "#0088F5";
|
|
306
|
+
export const ColorIconPurposePromoDefault = "#C7264D";
|
|
307
|
+
export const ColorIconPurposePromoInverted = "#FF4371";
|
|
308
|
+
export const ColorIconStateHoverDefault = "#3868A0";
|
|
309
|
+
export const ColorIconStateHoverInverted = "rgba(255, 255, 255, 0.80)";
|
|
310
|
+
export const ColorIconStateActiveDefault = "#084D84";
|
|
311
|
+
export const ColorIconStateActiveInverted = "#ffffff";
|
|
312
|
+
export const ColorIconStateDisabledDefault = "rgba(0, 0, 0, 0.12)";
|
|
313
|
+
export const ColorIconStateDisabledInverted = "rgba(255, 255, 255, 0.16)";
|
|
314
|
+
export const ColorTextBrandDefault = "#084D84";
|
|
315
|
+
export const ColorTextBrandInverted = "#ffffff";
|
|
316
|
+
export const ColorTextNeutralDefault = "#252525";
|
|
317
|
+
export const ColorTextNeutralInverted = "#ffffff";
|
|
318
|
+
export const ColorTextDimmedDefault = "rgba(0, 0, 0, 0.56)";
|
|
319
|
+
export const ColorTextDimmedInverted = "rgba(255, 255, 255, 0.64)";
|
|
320
|
+
export const ColorTextPurposeSuccessDefault = "#008000";
|
|
321
|
+
export const ColorTextPurposeSuccessInverted = "#26BB26";
|
|
322
|
+
export const ColorTextPurposeWarningDefault = "#AC5915";
|
|
323
|
+
export const ColorTextPurposeWarningInverted = "#DB992F";
|
|
324
|
+
export const ColorTextPurposeErrorDefault = "#B30000";
|
|
325
|
+
export const ColorTextPurposeErrorInverted = "#F22613";
|
|
326
|
+
export const ColorTextPurposeUnlimitedDefault = "#016BC1";
|
|
327
|
+
export const ColorTextPurposeUnlimitedInverted = "#0088F5";
|
|
328
|
+
export const ColorTextPurposePromoDefault = "#C7264D";
|
|
329
|
+
export const ColorTextPurposePromoInverted = "#FF4371";
|
|
330
|
+
export const ColorTextStateHoverDefault = "#084D84";
|
|
331
|
+
export const ColorTextStateHoverInverted = "rgba(255, 255, 255, 0.80)";
|
|
332
|
+
export const ColorTextStateActiveDefault = "#084D84";
|
|
333
|
+
export const ColorTextStateActiveInverted = "#ffffff";
|
|
334
|
+
export const ColorTextStateDisabledDefault = "rgba(0, 0, 0, 0.12)";
|
|
335
|
+
export const ColorTextStateDisabledInverted = "rgba(255, 255, 255, 0.16)";
|
|
336
|
+
export const FontFamily =
|
|
337
|
+
"Verdana, Helvetica, sans-serif, Verdana, Helvetica, sans-serif";
|
|
338
|
+
export const LineHeightRatioS = 1.3;
|
|
339
|
+
export const LineHeightRatioL = 1.5;
|
|
340
|
+
export const FontSize5xl = {
|
|
341
|
+
original: "40rem",
|
|
342
|
+
number: 40,
|
|
343
|
+
decimal: 0.4,
|
|
344
|
+
scale: 640,
|
|
345
|
+
};
|
|
346
|
+
export const FontSize4xl = {
|
|
347
|
+
original: "36rem",
|
|
348
|
+
number: 36,
|
|
349
|
+
decimal: 0.36,
|
|
350
|
+
scale: 576,
|
|
351
|
+
};
|
|
352
|
+
export const FontSize3xl = {
|
|
353
|
+
original: "32rem",
|
|
354
|
+
number: 32,
|
|
355
|
+
decimal: 0.32,
|
|
356
|
+
scale: 512,
|
|
357
|
+
};
|
|
358
|
+
export const FontSize2xl = {
|
|
359
|
+
original: "28rem",
|
|
360
|
+
number: 28,
|
|
361
|
+
decimal: 0.28,
|
|
362
|
+
scale: 448,
|
|
363
|
+
};
|
|
364
|
+
export const FontSizeXl = {
|
|
365
|
+
original: "24rem",
|
|
366
|
+
number: 24,
|
|
367
|
+
decimal: 0.24,
|
|
368
|
+
scale: 384,
|
|
369
|
+
};
|
|
370
|
+
export const FontSizeL = {
|
|
371
|
+
original: "20rem",
|
|
372
|
+
number: 20,
|
|
373
|
+
decimal: 0.2,
|
|
374
|
+
scale: 320,
|
|
375
|
+
};
|
|
376
|
+
export const FontSizeM = {
|
|
377
|
+
original: "18rem",
|
|
378
|
+
number: 18,
|
|
379
|
+
decimal: 0.18,
|
|
380
|
+
scale: 288,
|
|
381
|
+
};
|
|
382
|
+
export const FontSizeBase = {
|
|
383
|
+
original: "16rem",
|
|
384
|
+
number: 16,
|
|
385
|
+
decimal: 0.16,
|
|
386
|
+
scale: 256,
|
|
387
|
+
};
|
|
388
|
+
export const FontSizeS = {
|
|
389
|
+
original: "14rem",
|
|
390
|
+
number: 14,
|
|
391
|
+
decimal: 0.14,
|
|
392
|
+
scale: 224,
|
|
393
|
+
};
|
|
394
|
+
export const FontSizeXs = {
|
|
395
|
+
original: "12rem",
|
|
396
|
+
number: 12,
|
|
397
|
+
decimal: 0.12,
|
|
398
|
+
scale: 192,
|
|
399
|
+
};
|
|
400
|
+
export const FontSize2xs = {
|
|
401
|
+
original: "10rem",
|
|
402
|
+
number: 10,
|
|
403
|
+
decimal: 0.1,
|
|
404
|
+
scale: 160,
|
|
405
|
+
};
|
|
406
|
+
export const FontWeightSubtitle = 400;
|
|
407
|
+
export const FontWeightBody = 400;
|
|
408
|
+
export const FontWeightTitle = 700;
|
|
409
|
+
export const FontWeightTitleLarge = 700;
|
|
410
|
+
export const PriceRatioS = 0.5;
|
|
411
|
+
export const PriceRatioL = 0.75;
|
|
412
|
+
export const RadiusNone = { original: 0, number: 0, decimal: 0, scale: 0 };
|
|
413
|
+
export const RadiusMain = {
|
|
414
|
+
original: "4rem",
|
|
415
|
+
number: 4,
|
|
416
|
+
decimal: 0.04,
|
|
417
|
+
scale: 64,
|
|
418
|
+
};
|
|
419
|
+
export const RadiusPill = {
|
|
420
|
+
original: "9999rem",
|
|
421
|
+
number: 9999,
|
|
422
|
+
decimal: 99.99,
|
|
423
|
+
scale: 159984,
|
|
424
|
+
};
|
|
425
|
+
export const RadiusButtonSmall = {
|
|
426
|
+
original: "9999rem",
|
|
427
|
+
number: 9999,
|
|
428
|
+
decimal: 99.99,
|
|
429
|
+
scale: 159984,
|
|
430
|
+
};
|
|
431
|
+
export const RadiusButtonBig = {
|
|
432
|
+
original: "9999rem",
|
|
433
|
+
number: 9999,
|
|
434
|
+
decimal: 99.99,
|
|
435
|
+
scale: 159984,
|
|
436
|
+
};
|
|
437
|
+
export const RadiusPatchSmall = {
|
|
438
|
+
original: "8rem",
|
|
439
|
+
number: 8,
|
|
440
|
+
decimal: 0.08,
|
|
441
|
+
scale: 128,
|
|
442
|
+
};
|
|
443
|
+
export const RadiusPatchBig = {
|
|
444
|
+
original: "8rem",
|
|
445
|
+
number: 8,
|
|
446
|
+
decimal: 0.08,
|
|
447
|
+
scale: 128,
|
|
448
|
+
};
|
|
449
|
+
export const SizeActionInputCodeWidth = {
|
|
450
|
+
original: "45rem",
|
|
451
|
+
number: 45,
|
|
452
|
+
decimal: 0.45,
|
|
453
|
+
scale: 720,
|
|
454
|
+
};
|
|
455
|
+
export const SizeActionInputCounterWidth = {
|
|
456
|
+
original: "80rem",
|
|
457
|
+
number: 80,
|
|
458
|
+
decimal: 0.8,
|
|
459
|
+
scale: 1280,
|
|
460
|
+
};
|
|
461
|
+
export const SizeActionInputSwitchWidth = {
|
|
462
|
+
original: "50rem",
|
|
463
|
+
number: 50,
|
|
464
|
+
decimal: 0.5,
|
|
465
|
+
scale: 800,
|
|
466
|
+
};
|
|
467
|
+
export const SizeActionInputTextareaMinHeight = {
|
|
468
|
+
original: "100rem",
|
|
469
|
+
number: 100,
|
|
470
|
+
decimal: 1,
|
|
471
|
+
scale: 1600,
|
|
472
|
+
};
|
|
473
|
+
export const SizeAssetsXs = {
|
|
474
|
+
original: "24rem",
|
|
475
|
+
number: 24,
|
|
476
|
+
decimal: 0.24,
|
|
477
|
+
scale: 384,
|
|
478
|
+
};
|
|
479
|
+
export const SizeAssetsS = {
|
|
480
|
+
original: "32rem",
|
|
481
|
+
number: 32,
|
|
482
|
+
decimal: 0.32,
|
|
483
|
+
scale: 512,
|
|
484
|
+
};
|
|
485
|
+
export const SizeAssetsM = {
|
|
486
|
+
original: "48rem",
|
|
487
|
+
number: 48,
|
|
488
|
+
decimal: 0.48,
|
|
489
|
+
scale: 768,
|
|
490
|
+
};
|
|
491
|
+
export const SizeAssetsL = {
|
|
492
|
+
original: "64rem",
|
|
493
|
+
number: 64,
|
|
494
|
+
decimal: 0.64,
|
|
495
|
+
scale: 1024,
|
|
496
|
+
};
|
|
497
|
+
export const SizeAssetsXl = {
|
|
498
|
+
original: "80rem",
|
|
499
|
+
number: 80,
|
|
500
|
+
decimal: 0.8,
|
|
501
|
+
scale: 1280,
|
|
502
|
+
};
|
|
503
|
+
export const SizeBorderNone = {
|
|
504
|
+
original: "0",
|
|
505
|
+
number: 0,
|
|
506
|
+
decimal: 0,
|
|
507
|
+
scale: 0,
|
|
508
|
+
};
|
|
509
|
+
export const SizeBorderS = {
|
|
510
|
+
original: "1rem",
|
|
511
|
+
number: 1,
|
|
512
|
+
decimal: 0.01,
|
|
513
|
+
scale: 16,
|
|
514
|
+
};
|
|
515
|
+
export const SizeBorderM = {
|
|
516
|
+
original: "2rem",
|
|
517
|
+
number: 2,
|
|
518
|
+
decimal: 0.02,
|
|
519
|
+
scale: 32,
|
|
520
|
+
};
|
|
521
|
+
export const SizeBorderL = {
|
|
522
|
+
original: "3rem",
|
|
523
|
+
number: 3,
|
|
524
|
+
decimal: 0.03,
|
|
525
|
+
scale: 48,
|
|
526
|
+
};
|
|
527
|
+
export const SizeIconXs = {
|
|
528
|
+
original: "16rem",
|
|
529
|
+
number: 16,
|
|
530
|
+
decimal: 0.16,
|
|
531
|
+
scale: 256,
|
|
532
|
+
};
|
|
533
|
+
export const SizeIconS = {
|
|
534
|
+
original: "20rem",
|
|
535
|
+
number: 20,
|
|
536
|
+
decimal: 0.2,
|
|
537
|
+
scale: 320,
|
|
538
|
+
};
|
|
539
|
+
export const SizeIconM = {
|
|
540
|
+
original: "24rem",
|
|
541
|
+
number: 24,
|
|
542
|
+
decimal: 0.24,
|
|
543
|
+
scale: 384,
|
|
544
|
+
};
|
|
545
|
+
export const SizeIconL = {
|
|
546
|
+
original: "32rem",
|
|
547
|
+
number: 32,
|
|
548
|
+
decimal: 0.32,
|
|
549
|
+
scale: 512,
|
|
550
|
+
};
|
|
551
|
+
export const SizeIconXl = {
|
|
552
|
+
original: "48rem",
|
|
553
|
+
number: 48,
|
|
554
|
+
decimal: 0.48,
|
|
555
|
+
scale: 768,
|
|
556
|
+
};
|
|
557
|
+
export const SizeM = {
|
|
558
|
+
original: "24rem",
|
|
559
|
+
number: 24,
|
|
560
|
+
decimal: 0.24,
|
|
561
|
+
scale: 384,
|
|
562
|
+
};
|
|
563
|
+
export const SizeL = {
|
|
564
|
+
original: "44rem",
|
|
565
|
+
number: 44,
|
|
566
|
+
decimal: 0.44,
|
|
567
|
+
scale: 704,
|
|
568
|
+
};
|
|
569
|
+
export const UtilitySizeS = {
|
|
570
|
+
original: "2rem",
|
|
571
|
+
number: 2,
|
|
572
|
+
decimal: 0.02,
|
|
573
|
+
scale: 32,
|
|
574
|
+
};
|
|
575
|
+
export const UtilitySizeM = {
|
|
576
|
+
original: "8rem",
|
|
577
|
+
number: 8,
|
|
578
|
+
decimal: 0.08,
|
|
579
|
+
scale: 128,
|
|
580
|
+
};
|
|
581
|
+
export const FocusLMobile = {
|
|
582
|
+
original: "18rem",
|
|
583
|
+
number: 18,
|
|
584
|
+
decimal: 0.18,
|
|
585
|
+
scale: 288,
|
|
586
|
+
};
|
|
587
|
+
export const FocusLTablet = {
|
|
588
|
+
original: "18rem",
|
|
589
|
+
number: 18,
|
|
590
|
+
decimal: 0.18,
|
|
591
|
+
scale: 288,
|
|
592
|
+
};
|
|
593
|
+
export const FocusLLaptop = {
|
|
594
|
+
original: "20rem",
|
|
595
|
+
number: 20,
|
|
596
|
+
decimal: 0.2,
|
|
597
|
+
scale: 320,
|
|
598
|
+
};
|
|
599
|
+
export const FocusLDesktop = {
|
|
600
|
+
original: "20rem",
|
|
601
|
+
number: 20,
|
|
602
|
+
decimal: 0.2,
|
|
603
|
+
scale: 320,
|
|
604
|
+
};
|
|
605
|
+
export const FocusOffsetMobile = {
|
|
606
|
+
original: "4rem",
|
|
607
|
+
number: 4,
|
|
608
|
+
decimal: 0.04,
|
|
609
|
+
scale: 64,
|
|
610
|
+
};
|
|
611
|
+
export const FocusOffsetTablet = {
|
|
612
|
+
original: "4rem",
|
|
613
|
+
number: 4,
|
|
614
|
+
decimal: 0.04,
|
|
615
|
+
scale: 64,
|
|
616
|
+
};
|
|
617
|
+
export const FocusOffsetLaptop = {
|
|
618
|
+
original: "4rem",
|
|
619
|
+
number: 4,
|
|
620
|
+
decimal: 0.04,
|
|
621
|
+
scale: 64,
|
|
622
|
+
};
|
|
623
|
+
export const FocusOffsetDesktop = {
|
|
624
|
+
original: "4rem",
|
|
625
|
+
number: 4,
|
|
626
|
+
decimal: 0.04,
|
|
627
|
+
scale: 64,
|
|
628
|
+
};
|
|
629
|
+
export const FocusOutlineMobile = {
|
|
630
|
+
original: "3rem",
|
|
631
|
+
number: 3,
|
|
632
|
+
decimal: 0.03,
|
|
633
|
+
scale: 48,
|
|
634
|
+
};
|
|
635
|
+
export const FocusOutlineTablet = {
|
|
636
|
+
original: "3rem",
|
|
637
|
+
number: 3,
|
|
638
|
+
decimal: 0.03,
|
|
639
|
+
scale: 48,
|
|
640
|
+
};
|
|
641
|
+
export const FocusOutlineLaptop = {
|
|
642
|
+
original: "3rem",
|
|
643
|
+
number: 3,
|
|
644
|
+
decimal: 0.03,
|
|
645
|
+
scale: 48,
|
|
646
|
+
};
|
|
647
|
+
export const FocusOutlineDesktop = {
|
|
648
|
+
original: "3rem",
|
|
649
|
+
number: 3,
|
|
650
|
+
decimal: 0.03,
|
|
651
|
+
scale: 48,
|
|
652
|
+
};
|
|
653
|
+
export const ImageXsMobile = {
|
|
654
|
+
original: "28rem",
|
|
655
|
+
number: 28,
|
|
656
|
+
decimal: 0.28,
|
|
657
|
+
scale: 448,
|
|
658
|
+
};
|
|
659
|
+
export const ImageXsTablet = {
|
|
660
|
+
original: "28rem",
|
|
661
|
+
number: 28,
|
|
662
|
+
decimal: 0.28,
|
|
663
|
+
scale: 448,
|
|
664
|
+
};
|
|
665
|
+
export const ImageXsLaptop = {
|
|
666
|
+
original: "28rem",
|
|
667
|
+
number: 28,
|
|
668
|
+
decimal: 0.28,
|
|
669
|
+
scale: 448,
|
|
670
|
+
};
|
|
671
|
+
export const ImageXsDesktop = {
|
|
672
|
+
original: "28rem",
|
|
673
|
+
number: 28,
|
|
674
|
+
decimal: 0.28,
|
|
675
|
+
scale: 448,
|
|
676
|
+
};
|
|
677
|
+
export const ImageSMobile = {
|
|
678
|
+
original: "48rem",
|
|
679
|
+
number: 48,
|
|
680
|
+
decimal: 0.48,
|
|
681
|
+
scale: 768,
|
|
682
|
+
};
|
|
683
|
+
export const ImageSTablet = {
|
|
684
|
+
original: "48rem",
|
|
685
|
+
number: 48,
|
|
686
|
+
decimal: 0.48,
|
|
687
|
+
scale: 768,
|
|
688
|
+
};
|
|
689
|
+
export const ImageSLaptop = {
|
|
690
|
+
original: "48rem",
|
|
691
|
+
number: 48,
|
|
692
|
+
decimal: 0.48,
|
|
693
|
+
scale: 768,
|
|
694
|
+
};
|
|
695
|
+
export const ImageSDesktop = {
|
|
696
|
+
original: "48rem",
|
|
697
|
+
number: 48,
|
|
698
|
+
decimal: 0.48,
|
|
699
|
+
scale: 768,
|
|
700
|
+
};
|
|
701
|
+
export const ImageMMobile = {
|
|
702
|
+
original: "56rem",
|
|
703
|
+
number: 56,
|
|
704
|
+
decimal: 0.56,
|
|
705
|
+
scale: 896,
|
|
706
|
+
};
|
|
707
|
+
export const ImageMTablet = {
|
|
708
|
+
original: "56rem",
|
|
709
|
+
number: 56,
|
|
710
|
+
decimal: 0.56,
|
|
711
|
+
scale: 896,
|
|
712
|
+
};
|
|
713
|
+
export const ImageMLaptop = {
|
|
714
|
+
original: "56rem",
|
|
715
|
+
number: 56,
|
|
716
|
+
decimal: 0.56,
|
|
717
|
+
scale: 896,
|
|
718
|
+
};
|
|
719
|
+
export const ImageMDesktop = {
|
|
720
|
+
original: "56rem",
|
|
721
|
+
number: 56,
|
|
722
|
+
decimal: 0.56,
|
|
723
|
+
scale: 896,
|
|
724
|
+
};
|
|
725
|
+
export const ImageLMobile = {
|
|
726
|
+
original: "80rem",
|
|
727
|
+
number: 80,
|
|
728
|
+
decimal: 0.8,
|
|
729
|
+
scale: 1280,
|
|
730
|
+
};
|
|
731
|
+
export const ImageLTablet = {
|
|
732
|
+
original: "80rem",
|
|
733
|
+
number: 80,
|
|
734
|
+
decimal: 0.8,
|
|
735
|
+
scale: 1280,
|
|
736
|
+
};
|
|
737
|
+
export const ImageLLaptop = {
|
|
738
|
+
original: "80rem",
|
|
739
|
+
number: 80,
|
|
740
|
+
decimal: 0.8,
|
|
741
|
+
scale: 1280,
|
|
742
|
+
};
|
|
743
|
+
export const ImageLDesktop = {
|
|
744
|
+
original: "80rem",
|
|
745
|
+
number: 80,
|
|
746
|
+
decimal: 0.8,
|
|
747
|
+
scale: 1280,
|
|
748
|
+
};
|
|
749
|
+
export const ImageXlMobile = {
|
|
750
|
+
original: "128rem",
|
|
751
|
+
number: 128,
|
|
752
|
+
decimal: 1.28,
|
|
753
|
+
scale: 2048,
|
|
754
|
+
};
|
|
755
|
+
export const ImageXlTablet = {
|
|
756
|
+
original: "128rem",
|
|
757
|
+
number: 128,
|
|
758
|
+
decimal: 1.28,
|
|
759
|
+
scale: 2048,
|
|
760
|
+
};
|
|
761
|
+
export const ImageXlLaptop = {
|
|
762
|
+
original: "128rem",
|
|
763
|
+
number: 128,
|
|
764
|
+
decimal: 1.28,
|
|
765
|
+
scale: 2048,
|
|
766
|
+
};
|
|
767
|
+
export const ImageXlDesktop = {
|
|
768
|
+
original: "128rem",
|
|
769
|
+
number: 128,
|
|
770
|
+
decimal: 1.28,
|
|
771
|
+
scale: 2048,
|
|
772
|
+
};
|
|
773
|
+
export const PaddingNoneMobile = {
|
|
774
|
+
original: 0,
|
|
775
|
+
number: 0,
|
|
776
|
+
decimal: 0,
|
|
777
|
+
scale: 0,
|
|
778
|
+
};
|
|
779
|
+
export const PaddingNoneTablet = {
|
|
780
|
+
original: 0,
|
|
781
|
+
number: 0,
|
|
782
|
+
decimal: 0,
|
|
783
|
+
scale: 0,
|
|
784
|
+
};
|
|
785
|
+
export const PaddingNoneLaptop = {
|
|
786
|
+
original: 0,
|
|
787
|
+
number: 0,
|
|
788
|
+
decimal: 0,
|
|
789
|
+
scale: 0,
|
|
790
|
+
};
|
|
791
|
+
export const PaddingNoneDesktop = {
|
|
792
|
+
original: 0,
|
|
793
|
+
number: 0,
|
|
794
|
+
decimal: 0,
|
|
795
|
+
scale: 0,
|
|
796
|
+
};
|
|
797
|
+
export const Padding3xsMobile = {
|
|
798
|
+
original: "2rem",
|
|
799
|
+
number: 2,
|
|
800
|
+
decimal: 0.02,
|
|
801
|
+
scale: 32,
|
|
802
|
+
};
|
|
803
|
+
export const Padding3xsTablet = {
|
|
804
|
+
original: "2rem",
|
|
805
|
+
number: 2,
|
|
806
|
+
decimal: 0.02,
|
|
807
|
+
scale: 32,
|
|
808
|
+
};
|
|
809
|
+
export const Padding3xsLaptop = {
|
|
810
|
+
original: "2rem",
|
|
811
|
+
number: 2,
|
|
812
|
+
decimal: 0.02,
|
|
813
|
+
scale: 32,
|
|
814
|
+
};
|
|
815
|
+
export const Padding3xsDesktop = {
|
|
816
|
+
original: "2rem",
|
|
817
|
+
number: 2,
|
|
818
|
+
decimal: 0.02,
|
|
819
|
+
scale: 32,
|
|
820
|
+
};
|
|
821
|
+
export const Padding2xsMobile = {
|
|
822
|
+
original: "4rem",
|
|
823
|
+
number: 4,
|
|
824
|
+
decimal: 0.04,
|
|
825
|
+
scale: 64,
|
|
826
|
+
};
|
|
827
|
+
export const Padding2xsTablet = {
|
|
828
|
+
original: "4rem",
|
|
829
|
+
number: 4,
|
|
830
|
+
decimal: 0.04,
|
|
831
|
+
scale: 64,
|
|
832
|
+
};
|
|
833
|
+
export const Padding2xsLaptop = {
|
|
834
|
+
original: "4rem",
|
|
835
|
+
number: 4,
|
|
836
|
+
decimal: 0.04,
|
|
837
|
+
scale: 64,
|
|
838
|
+
};
|
|
839
|
+
export const Padding2xsDesktop = {
|
|
840
|
+
original: "4rem",
|
|
841
|
+
number: 4,
|
|
842
|
+
decimal: 0.04,
|
|
843
|
+
scale: 64,
|
|
844
|
+
};
|
|
845
|
+
export const PaddingXsMobile = {
|
|
846
|
+
original: "8rem",
|
|
847
|
+
number: 8,
|
|
848
|
+
decimal: 0.08,
|
|
849
|
+
scale: 128,
|
|
850
|
+
};
|
|
851
|
+
export const PaddingXsTablet = {
|
|
852
|
+
original: "8rem",
|
|
853
|
+
number: 8,
|
|
854
|
+
decimal: 0.08,
|
|
855
|
+
scale: 128,
|
|
856
|
+
};
|
|
857
|
+
export const PaddingXsLaptop = {
|
|
858
|
+
original: "8rem",
|
|
859
|
+
number: 8,
|
|
860
|
+
decimal: 0.08,
|
|
861
|
+
scale: 128,
|
|
862
|
+
};
|
|
863
|
+
export const PaddingXsDesktop = {
|
|
864
|
+
original: "8rem",
|
|
865
|
+
number: 8,
|
|
866
|
+
decimal: 0.08,
|
|
867
|
+
scale: 128,
|
|
868
|
+
};
|
|
869
|
+
export const PaddingSMobile = {
|
|
870
|
+
original: "16rem",
|
|
871
|
+
number: 16,
|
|
872
|
+
decimal: 0.16,
|
|
873
|
+
scale: 256,
|
|
874
|
+
};
|
|
875
|
+
export const PaddingSTablet = {
|
|
876
|
+
original: "16rem",
|
|
877
|
+
number: 16,
|
|
878
|
+
decimal: 0.16,
|
|
879
|
+
scale: 256,
|
|
880
|
+
};
|
|
881
|
+
export const PaddingSLaptop = {
|
|
882
|
+
original: "16rem",
|
|
883
|
+
number: 16,
|
|
884
|
+
decimal: 0.16,
|
|
885
|
+
scale: 256,
|
|
886
|
+
};
|
|
887
|
+
export const PaddingSDesktop = {
|
|
888
|
+
original: "16rem",
|
|
889
|
+
number: 16,
|
|
890
|
+
decimal: 0.16,
|
|
891
|
+
scale: 256,
|
|
892
|
+
};
|
|
893
|
+
export const PaddingMMobile = {
|
|
894
|
+
original: "24rem",
|
|
895
|
+
number: 24,
|
|
896
|
+
decimal: 0.24,
|
|
897
|
+
scale: 384,
|
|
898
|
+
};
|
|
899
|
+
export const PaddingMTablet = {
|
|
900
|
+
original: "24rem",
|
|
901
|
+
number: 24,
|
|
902
|
+
decimal: 0.24,
|
|
903
|
+
scale: 384,
|
|
904
|
+
};
|
|
905
|
+
export const PaddingMLaptop = {
|
|
906
|
+
original: "24rem",
|
|
907
|
+
number: 24,
|
|
908
|
+
decimal: 0.24,
|
|
909
|
+
scale: 384,
|
|
910
|
+
};
|
|
911
|
+
export const PaddingMDesktop = {
|
|
912
|
+
original: "24rem",
|
|
913
|
+
number: 24,
|
|
914
|
+
decimal: 0.24,
|
|
915
|
+
scale: 384,
|
|
916
|
+
};
|
|
917
|
+
export const PaddingLMobile = {
|
|
918
|
+
original: "24rem",
|
|
919
|
+
number: 24,
|
|
920
|
+
decimal: 0.24,
|
|
921
|
+
scale: 384,
|
|
922
|
+
};
|
|
923
|
+
export const PaddingLTablet = {
|
|
924
|
+
original: "24rem",
|
|
925
|
+
number: 24,
|
|
926
|
+
decimal: 0.24,
|
|
927
|
+
scale: 384,
|
|
928
|
+
};
|
|
929
|
+
export const PaddingLLaptop = {
|
|
930
|
+
original: "40rem",
|
|
931
|
+
number: 40,
|
|
932
|
+
decimal: 0.4,
|
|
933
|
+
scale: 640,
|
|
934
|
+
};
|
|
935
|
+
export const PaddingLDesktop = {
|
|
936
|
+
original: "40rem",
|
|
937
|
+
number: 40,
|
|
938
|
+
decimal: 0.4,
|
|
939
|
+
scale: 640,
|
|
940
|
+
};
|
|
941
|
+
export const PaddingXlMobile = {
|
|
942
|
+
original: "40rem",
|
|
943
|
+
number: 40,
|
|
944
|
+
decimal: 0.4,
|
|
945
|
+
scale: 640,
|
|
946
|
+
};
|
|
947
|
+
export const PaddingXlTablet = {
|
|
948
|
+
original: "40rem",
|
|
949
|
+
number: 40,
|
|
950
|
+
decimal: 0.4,
|
|
951
|
+
scale: 640,
|
|
952
|
+
};
|
|
953
|
+
export const PaddingXlLaptop = {
|
|
954
|
+
original: "80rem",
|
|
955
|
+
number: 80,
|
|
956
|
+
decimal: 0.8,
|
|
957
|
+
scale: 1280,
|
|
958
|
+
};
|
|
959
|
+
export const PaddingXlDesktop = {
|
|
960
|
+
original: "80rem",
|
|
961
|
+
number: 80,
|
|
962
|
+
decimal: 0.8,
|
|
963
|
+
scale: 1280,
|
|
964
|
+
};
|
|
965
|
+
export const PlatformDefaultWidthMobile = {
|
|
966
|
+
original: "375rem",
|
|
967
|
+
number: 375,
|
|
968
|
+
decimal: 3.75,
|
|
969
|
+
scale: 6000,
|
|
970
|
+
};
|
|
971
|
+
export const PlatformDefaultWidthTablet = {
|
|
972
|
+
original: "375rem",
|
|
973
|
+
number: 375,
|
|
974
|
+
decimal: 3.75,
|
|
975
|
+
scale: 6000,
|
|
976
|
+
};
|
|
977
|
+
export const PlatformDefaultWidthLaptop = {
|
|
978
|
+
original: "1440rem",
|
|
979
|
+
number: 1440,
|
|
980
|
+
decimal: 14.4,
|
|
981
|
+
scale: 23040,
|
|
982
|
+
};
|
|
983
|
+
export const PlatformDefaultWidthDesktop = {
|
|
984
|
+
original: "1440rem",
|
|
985
|
+
number: 1440,
|
|
986
|
+
decimal: 14.4,
|
|
987
|
+
scale: 23040,
|
|
988
|
+
};
|
|
989
|
+
export const ContentWrapperMinWidthMobile = {
|
|
990
|
+
original: "343rem",
|
|
991
|
+
number: 343,
|
|
992
|
+
decimal: 3.43,
|
|
993
|
+
scale: 5488,
|
|
994
|
+
};
|
|
995
|
+
export const ContentWrapperMinWidthTablet = {
|
|
996
|
+
original: "343rem",
|
|
997
|
+
number: 343,
|
|
998
|
+
decimal: 3.43,
|
|
999
|
+
scale: 5488,
|
|
1000
|
+
};
|
|
1001
|
+
export const ContentWrapperMinWidthLaptop = {
|
|
1002
|
+
original: "1180rem",
|
|
1003
|
+
number: 1180,
|
|
1004
|
+
decimal: 11.8,
|
|
1005
|
+
scale: 18880,
|
|
1006
|
+
};
|
|
1007
|
+
export const ContentWrapperMinWidthDesktop = {
|
|
1008
|
+
original: "1180rem",
|
|
1009
|
+
number: 1180,
|
|
1010
|
+
decimal: 11.8,
|
|
1011
|
+
scale: 18880,
|
|
1012
|
+
};
|
|
1013
|
+
export const ContentWrapperMaxWidthMobile = {
|
|
1014
|
+
original: "992rem",
|
|
1015
|
+
number: 992,
|
|
1016
|
+
decimal: 9.92,
|
|
1017
|
+
scale: 15872,
|
|
1018
|
+
};
|
|
1019
|
+
export const ContentWrapperMaxWidthTablet = {
|
|
1020
|
+
original: "992rem",
|
|
1021
|
+
number: 992,
|
|
1022
|
+
decimal: 9.92,
|
|
1023
|
+
scale: 15872,
|
|
1024
|
+
};
|
|
1025
|
+
export const ContentWrapperMaxWidthLaptop = {
|
|
1026
|
+
original: "1180rem",
|
|
1027
|
+
number: 1180,
|
|
1028
|
+
decimal: 11.8,
|
|
1029
|
+
scale: 18880,
|
|
1030
|
+
};
|
|
1031
|
+
export const ContentWrapperMaxWidthDesktop = {
|
|
1032
|
+
original: "1180rem",
|
|
1033
|
+
number: 1180,
|
|
1034
|
+
decimal: 11.8,
|
|
1035
|
+
scale: 18880,
|
|
1036
|
+
};
|
|
1037
|
+
export const PriceSizeDecimalSMobile = {
|
|
1038
|
+
original: "15rem",
|
|
1039
|
+
number: 15,
|
|
1040
|
+
decimal: 0.15,
|
|
1041
|
+
scale: 240,
|
|
1042
|
+
};
|
|
1043
|
+
export const PriceSizeDecimalSTablet = {
|
|
1044
|
+
original: "15rem",
|
|
1045
|
+
number: 15,
|
|
1046
|
+
decimal: 0.15,
|
|
1047
|
+
scale: 240,
|
|
1048
|
+
};
|
|
1049
|
+
export const PriceSizeDecimalSLaptop = {
|
|
1050
|
+
original: "16rem",
|
|
1051
|
+
number: 16,
|
|
1052
|
+
decimal: 0.16,
|
|
1053
|
+
scale: 256,
|
|
1054
|
+
};
|
|
1055
|
+
export const PriceSizeDecimalSDesktop = {
|
|
1056
|
+
original: "16rem",
|
|
1057
|
+
number: 16,
|
|
1058
|
+
decimal: 0.16,
|
|
1059
|
+
scale: 256,
|
|
1060
|
+
};
|
|
1061
|
+
export const PriceSizeDecimalMMobile = {
|
|
1062
|
+
original: "13rem",
|
|
1063
|
+
number: 13,
|
|
1064
|
+
decimal: 0.13,
|
|
1065
|
+
scale: 208,
|
|
1066
|
+
};
|
|
1067
|
+
export const PriceSizeDecimalMTablet = {
|
|
1068
|
+
original: "13rem",
|
|
1069
|
+
number: 13,
|
|
1070
|
+
decimal: 0.13,
|
|
1071
|
+
scale: 208,
|
|
1072
|
+
};
|
|
1073
|
+
export const PriceSizeDecimalMLaptop = {
|
|
1074
|
+
original: "16rem",
|
|
1075
|
+
number: 16,
|
|
1076
|
+
decimal: 0.16,
|
|
1077
|
+
scale: 256,
|
|
1078
|
+
};
|
|
1079
|
+
export const PriceSizeDecimalMDesktop = {
|
|
1080
|
+
original: "16rem",
|
|
1081
|
+
number: 16,
|
|
1082
|
+
decimal: 0.16,
|
|
1083
|
+
scale: 256,
|
|
1084
|
+
};
|
|
1085
|
+
export const PriceSizeDecimalLMobile = {
|
|
1086
|
+
original: "14rem",
|
|
1087
|
+
number: 14,
|
|
1088
|
+
decimal: 0.14,
|
|
1089
|
+
scale: 224,
|
|
1090
|
+
};
|
|
1091
|
+
export const PriceSizeDecimalLTablet = {
|
|
1092
|
+
original: "14rem",
|
|
1093
|
+
number: 14,
|
|
1094
|
+
decimal: 0.14,
|
|
1095
|
+
scale: 224,
|
|
1096
|
+
};
|
|
1097
|
+
export const PriceSizeDecimalLLaptop = {
|
|
1098
|
+
original: "18rem",
|
|
1099
|
+
number: 18,
|
|
1100
|
+
decimal: 0.18,
|
|
1101
|
+
scale: 288,
|
|
1102
|
+
};
|
|
1103
|
+
export const PriceSizeDecimalLDesktop = {
|
|
1104
|
+
original: "18rem",
|
|
1105
|
+
number: 18,
|
|
1106
|
+
decimal: 0.18,
|
|
1107
|
+
scale: 288,
|
|
1108
|
+
};
|
|
1109
|
+
export const PriceSizeSignSMobile = {
|
|
1110
|
+
original: "14rem",
|
|
1111
|
+
number: 14,
|
|
1112
|
+
decimal: 0.14,
|
|
1113
|
+
scale: 224,
|
|
1114
|
+
};
|
|
1115
|
+
export const PriceSizeSignSTablet = {
|
|
1116
|
+
original: "14rem",
|
|
1117
|
+
number: 14,
|
|
1118
|
+
decimal: 0.14,
|
|
1119
|
+
scale: 224,
|
|
1120
|
+
};
|
|
1121
|
+
export const PriceSizeSignSLaptop = {
|
|
1122
|
+
original: "18rem",
|
|
1123
|
+
number: 18,
|
|
1124
|
+
decimal: 0.18,
|
|
1125
|
+
scale: 288,
|
|
1126
|
+
};
|
|
1127
|
+
export const PriceSizeSignSDesktop = {
|
|
1128
|
+
original: "18rem",
|
|
1129
|
+
number: 18,
|
|
1130
|
+
decimal: 0.18,
|
|
1131
|
+
scale: 288,
|
|
1132
|
+
};
|
|
1133
|
+
export const PriceSizeSignMMobile = {
|
|
1134
|
+
original: "16rem",
|
|
1135
|
+
number: 16,
|
|
1136
|
+
decimal: 0.16,
|
|
1137
|
+
scale: 256,
|
|
1138
|
+
};
|
|
1139
|
+
export const PriceSizeSignMTablet = {
|
|
1140
|
+
original: "16rem",
|
|
1141
|
+
number: 16,
|
|
1142
|
+
decimal: 0.16,
|
|
1143
|
+
scale: 256,
|
|
1144
|
+
};
|
|
1145
|
+
export const PriceSizeSignMLaptop = {
|
|
1146
|
+
original: "21rem",
|
|
1147
|
+
number: 21,
|
|
1148
|
+
decimal: 0.21,
|
|
1149
|
+
scale: 336,
|
|
1150
|
+
};
|
|
1151
|
+
export const PriceSizeSignMDesktop = {
|
|
1152
|
+
original: "21rem",
|
|
1153
|
+
number: 21,
|
|
1154
|
+
decimal: 0.21,
|
|
1155
|
+
scale: 336,
|
|
1156
|
+
};
|
|
1157
|
+
export const PriceSizeSignLMobile = {
|
|
1158
|
+
original: "20rem",
|
|
1159
|
+
number: 20,
|
|
1160
|
+
decimal: 0.2,
|
|
1161
|
+
scale: 320,
|
|
1162
|
+
};
|
|
1163
|
+
export const PriceSizeSignLTablet = {
|
|
1164
|
+
original: "20rem",
|
|
1165
|
+
number: 20,
|
|
1166
|
+
decimal: 0.2,
|
|
1167
|
+
scale: 320,
|
|
1168
|
+
};
|
|
1169
|
+
export const PriceSizeSignLLaptop = {
|
|
1170
|
+
original: "28rem",
|
|
1171
|
+
number: 28,
|
|
1172
|
+
decimal: 0.28,
|
|
1173
|
+
scale: 448,
|
|
1174
|
+
};
|
|
1175
|
+
export const PriceSizeSignLDesktop = {
|
|
1176
|
+
original: "28rem",
|
|
1177
|
+
number: 28,
|
|
1178
|
+
decimal: 0.28,
|
|
1179
|
+
scale: 448,
|
|
1180
|
+
};
|
|
1181
|
+
export const PriceSizeUnitSMobile = {
|
|
1182
|
+
original: "16rem",
|
|
1183
|
+
number: 16,
|
|
1184
|
+
decimal: 0.16,
|
|
1185
|
+
scale: 256,
|
|
1186
|
+
};
|
|
1187
|
+
export const PriceSizeUnitSTablet = {
|
|
1188
|
+
original: "16rem",
|
|
1189
|
+
number: 16,
|
|
1190
|
+
decimal: 0.16,
|
|
1191
|
+
scale: 256,
|
|
1192
|
+
};
|
|
1193
|
+
export const PriceSizeUnitSLaptop = {
|
|
1194
|
+
original: "20rem",
|
|
1195
|
+
number: 20,
|
|
1196
|
+
decimal: 0.2,
|
|
1197
|
+
scale: 320,
|
|
1198
|
+
};
|
|
1199
|
+
export const PriceSizeUnitSDesktop = {
|
|
1200
|
+
original: "20rem",
|
|
1201
|
+
number: 20,
|
|
1202
|
+
decimal: 0.2,
|
|
1203
|
+
scale: 320,
|
|
1204
|
+
};
|
|
1205
|
+
export const PriceSizeUnitMMobile = {
|
|
1206
|
+
original: "20rem",
|
|
1207
|
+
number: 20,
|
|
1208
|
+
decimal: 0.2,
|
|
1209
|
+
scale: 320,
|
|
1210
|
+
};
|
|
1211
|
+
export const PriceSizeUnitMTablet = {
|
|
1212
|
+
original: "20rem",
|
|
1213
|
+
number: 20,
|
|
1214
|
+
decimal: 0.2,
|
|
1215
|
+
scale: 320,
|
|
1216
|
+
};
|
|
1217
|
+
export const PriceSizeUnitMLaptop = {
|
|
1218
|
+
original: "28rem",
|
|
1219
|
+
number: 28,
|
|
1220
|
+
decimal: 0.28,
|
|
1221
|
+
scale: 448,
|
|
1222
|
+
};
|
|
1223
|
+
export const PriceSizeUnitMDesktop = {
|
|
1224
|
+
original: "28rem",
|
|
1225
|
+
number: 28,
|
|
1226
|
+
decimal: 0.28,
|
|
1227
|
+
scale: 448,
|
|
1228
|
+
};
|
|
1229
|
+
export const PriceSizeUnitLMobile = {
|
|
1230
|
+
original: "24rem",
|
|
1231
|
+
number: 24,
|
|
1232
|
+
decimal: 0.24,
|
|
1233
|
+
scale: 384,
|
|
1234
|
+
};
|
|
1235
|
+
export const PriceSizeUnitLTablet = {
|
|
1236
|
+
original: "24rem",
|
|
1237
|
+
number: 24,
|
|
1238
|
+
decimal: 0.24,
|
|
1239
|
+
scale: 384,
|
|
1240
|
+
};
|
|
1241
|
+
export const PriceSizeUnitLLaptop = {
|
|
1242
|
+
original: "32rem",
|
|
1243
|
+
number: 32,
|
|
1244
|
+
decimal: 0.32,
|
|
1245
|
+
scale: 512,
|
|
1246
|
+
};
|
|
1247
|
+
export const PriceSizeUnitLDesktop = {
|
|
1248
|
+
original: "32rem",
|
|
1249
|
+
number: 32,
|
|
1250
|
+
decimal: 0.32,
|
|
1251
|
+
scale: 512,
|
|
1252
|
+
};
|
|
1253
|
+
export const SpacingHeadingToSubtitleMobile = {
|
|
1254
|
+
original: "8rem",
|
|
1255
|
+
number: 8,
|
|
1256
|
+
decimal: 0.08,
|
|
1257
|
+
scale: 128,
|
|
1258
|
+
};
|
|
1259
|
+
export const SpacingHeadingToSubtitleTablet = {
|
|
1260
|
+
original: "8rem",
|
|
1261
|
+
number: 8,
|
|
1262
|
+
decimal: 0.08,
|
|
1263
|
+
scale: 128,
|
|
1264
|
+
};
|
|
1265
|
+
export const SpacingHeadingToSubtitleLaptop = {
|
|
1266
|
+
original: "16rem",
|
|
1267
|
+
number: 16,
|
|
1268
|
+
decimal: 0.16,
|
|
1269
|
+
scale: 256,
|
|
1270
|
+
};
|
|
1271
|
+
export const SpacingHeadingToSubtitleDesktop = {
|
|
1272
|
+
original: "16rem",
|
|
1273
|
+
number: 16,
|
|
1274
|
+
decimal: 0.16,
|
|
1275
|
+
scale: 256,
|
|
1276
|
+
};
|
|
1277
|
+
export const SpacingHeadingToContentMobile = {
|
|
1278
|
+
original: "16rem",
|
|
1279
|
+
number: 16,
|
|
1280
|
+
decimal: 0.16,
|
|
1281
|
+
scale: 256,
|
|
1282
|
+
};
|
|
1283
|
+
export const SpacingHeadingToContentTablet = {
|
|
1284
|
+
original: "16rem",
|
|
1285
|
+
number: 16,
|
|
1286
|
+
decimal: 0.16,
|
|
1287
|
+
scale: 256,
|
|
1288
|
+
};
|
|
1289
|
+
export const SpacingHeadingToContentLaptop = {
|
|
1290
|
+
original: "24rem",
|
|
1291
|
+
number: 24,
|
|
1292
|
+
decimal: 0.24,
|
|
1293
|
+
scale: 384,
|
|
1294
|
+
};
|
|
1295
|
+
export const SpacingHeadingToContentDesktop = {
|
|
1296
|
+
original: "24rem",
|
|
1297
|
+
number: 24,
|
|
1298
|
+
decimal: 0.24,
|
|
1299
|
+
scale: 384,
|
|
1300
|
+
};
|
|
1301
|
+
export const SpacingNoneMobile = {
|
|
1302
|
+
original: 0,
|
|
1303
|
+
number: 0,
|
|
1304
|
+
decimal: 0,
|
|
1305
|
+
scale: 0,
|
|
1306
|
+
};
|
|
1307
|
+
export const SpacingNoneTablet = {
|
|
1308
|
+
original: 0,
|
|
1309
|
+
number: 0,
|
|
1310
|
+
decimal: 0,
|
|
1311
|
+
scale: 0,
|
|
1312
|
+
};
|
|
1313
|
+
export const SpacingNoneLaptop = {
|
|
1314
|
+
original: 0,
|
|
1315
|
+
number: 0,
|
|
1316
|
+
decimal: 0,
|
|
1317
|
+
scale: 0,
|
|
1318
|
+
};
|
|
1319
|
+
export const SpacingNoneDesktop = {
|
|
1320
|
+
original: 0,
|
|
1321
|
+
number: 0,
|
|
1322
|
+
decimal: 0,
|
|
1323
|
+
scale: 0,
|
|
1324
|
+
};
|
|
1325
|
+
export const Spacing2xsMobile = {
|
|
1326
|
+
original: "4rem",
|
|
1327
|
+
number: 4,
|
|
1328
|
+
decimal: 0.04,
|
|
1329
|
+
scale: 64,
|
|
1330
|
+
};
|
|
1331
|
+
export const Spacing2xsTablet = {
|
|
1332
|
+
original: "4rem",
|
|
1333
|
+
number: 4,
|
|
1334
|
+
decimal: 0.04,
|
|
1335
|
+
scale: 64,
|
|
1336
|
+
};
|
|
1337
|
+
export const Spacing2xsLaptop = {
|
|
1338
|
+
original: "4rem",
|
|
1339
|
+
number: 4,
|
|
1340
|
+
decimal: 0.04,
|
|
1341
|
+
scale: 64,
|
|
1342
|
+
};
|
|
1343
|
+
export const Spacing2xsDesktop = {
|
|
1344
|
+
original: "4rem",
|
|
1345
|
+
number: 4,
|
|
1346
|
+
decimal: 0.04,
|
|
1347
|
+
scale: 64,
|
|
1348
|
+
};
|
|
1349
|
+
export const SpacingXsMobile = {
|
|
1350
|
+
original: "8rem",
|
|
1351
|
+
number: 8,
|
|
1352
|
+
decimal: 0.08,
|
|
1353
|
+
scale: 128,
|
|
1354
|
+
};
|
|
1355
|
+
export const SpacingXsTablet = {
|
|
1356
|
+
original: "8rem",
|
|
1357
|
+
number: 8,
|
|
1358
|
+
decimal: 0.08,
|
|
1359
|
+
scale: 128,
|
|
1360
|
+
};
|
|
1361
|
+
export const SpacingXsLaptop = {
|
|
1362
|
+
original: "8rem",
|
|
1363
|
+
number: 8,
|
|
1364
|
+
decimal: 0.08,
|
|
1365
|
+
scale: 128,
|
|
1366
|
+
};
|
|
1367
|
+
export const SpacingXsDesktop = {
|
|
1368
|
+
original: "8rem",
|
|
1369
|
+
number: 8,
|
|
1370
|
+
decimal: 0.08,
|
|
1371
|
+
scale: 128,
|
|
1372
|
+
};
|
|
1373
|
+
export const SpacingSMobile = {
|
|
1374
|
+
original: "16rem",
|
|
1375
|
+
number: 16,
|
|
1376
|
+
decimal: 0.16,
|
|
1377
|
+
scale: 256,
|
|
1378
|
+
};
|
|
1379
|
+
export const SpacingSTablet = {
|
|
1380
|
+
original: "16rem",
|
|
1381
|
+
number: 16,
|
|
1382
|
+
decimal: 0.16,
|
|
1383
|
+
scale: 256,
|
|
1384
|
+
};
|
|
1385
|
+
export const SpacingSLaptop = {
|
|
1386
|
+
original: "16rem",
|
|
1387
|
+
number: 16,
|
|
1388
|
+
decimal: 0.16,
|
|
1389
|
+
scale: 256,
|
|
1390
|
+
};
|
|
1391
|
+
export const SpacingSDesktop = {
|
|
1392
|
+
original: "16rem",
|
|
1393
|
+
number: 16,
|
|
1394
|
+
decimal: 0.16,
|
|
1395
|
+
scale: 256,
|
|
1396
|
+
};
|
|
1397
|
+
export const SpacingDefaultMobile = {
|
|
1398
|
+
original: "24rem",
|
|
1399
|
+
number: 24,
|
|
1400
|
+
decimal: 0.24,
|
|
1401
|
+
scale: 384,
|
|
1402
|
+
};
|
|
1403
|
+
export const SpacingDefaultTablet = {
|
|
1404
|
+
original: "24rem",
|
|
1405
|
+
number: 24,
|
|
1406
|
+
decimal: 0.24,
|
|
1407
|
+
scale: 384,
|
|
1408
|
+
};
|
|
1409
|
+
export const SpacingDefaultLaptop = {
|
|
1410
|
+
original: "24rem",
|
|
1411
|
+
number: 24,
|
|
1412
|
+
decimal: 0.24,
|
|
1413
|
+
scale: 384,
|
|
1414
|
+
};
|
|
1415
|
+
export const SpacingDefaultDesktop = {
|
|
1416
|
+
original: "24rem",
|
|
1417
|
+
number: 24,
|
|
1418
|
+
decimal: 0.24,
|
|
1419
|
+
scale: 384,
|
|
1420
|
+
};
|
|
1421
|
+
export const SpacingLMobile = {
|
|
1422
|
+
original: "24rem",
|
|
1423
|
+
number: 24,
|
|
1424
|
+
decimal: 0.24,
|
|
1425
|
+
scale: 384,
|
|
1426
|
+
};
|
|
1427
|
+
export const SpacingLTablet = {
|
|
1428
|
+
original: "24rem",
|
|
1429
|
+
number: 24,
|
|
1430
|
+
decimal: 0.24,
|
|
1431
|
+
scale: 384,
|
|
1432
|
+
};
|
|
1433
|
+
export const SpacingLLaptop = {
|
|
1434
|
+
original: "40rem",
|
|
1435
|
+
number: 40,
|
|
1436
|
+
decimal: 0.4,
|
|
1437
|
+
scale: 640,
|
|
1438
|
+
};
|
|
1439
|
+
export const SpacingLDesktop = {
|
|
1440
|
+
original: "40rem",
|
|
1441
|
+
number: 40,
|
|
1442
|
+
decimal: 0.4,
|
|
1443
|
+
scale: 640,
|
|
1444
|
+
};
|
|
1445
|
+
export const OverlappedMobile = {
|
|
1446
|
+
original: "-24rem",
|
|
1447
|
+
number: -24,
|
|
1448
|
+
decimal: -0.24,
|
|
1449
|
+
scale: -384,
|
|
1450
|
+
};
|
|
1451
|
+
export const OverlappedTablet = {
|
|
1452
|
+
original: "-24rem",
|
|
1453
|
+
number: -24,
|
|
1454
|
+
decimal: -0.24,
|
|
1455
|
+
scale: -384,
|
|
1456
|
+
};
|
|
1457
|
+
export const OverlappedLaptop = {
|
|
1458
|
+
original: "-40rem",
|
|
1459
|
+
number: -40,
|
|
1460
|
+
decimal: -0.4,
|
|
1461
|
+
scale: -640,
|
|
1462
|
+
};
|
|
1463
|
+
export const OverlappedDesktop = {
|
|
1464
|
+
original: "-40rem",
|
|
1465
|
+
number: -40,
|
|
1466
|
+
decimal: -0.4,
|
|
1467
|
+
scale: -640,
|
|
1468
|
+
};
|
|
1469
|
+
export const SpacingTopPatchMobile = {
|
|
1470
|
+
original: "14rem",
|
|
1471
|
+
number: 14,
|
|
1472
|
+
decimal: 0.14,
|
|
1473
|
+
scale: 224,
|
|
1474
|
+
};
|
|
1475
|
+
export const SpacingTopPatchTablet = {
|
|
1476
|
+
original: "14rem",
|
|
1477
|
+
number: 14,
|
|
1478
|
+
decimal: 0.14,
|
|
1479
|
+
scale: 224,
|
|
1480
|
+
};
|
|
1481
|
+
export const SpacingTopPatchLaptop = {
|
|
1482
|
+
original: "14rem",
|
|
1483
|
+
number: 14,
|
|
1484
|
+
decimal: 0.14,
|
|
1485
|
+
scale: 224,
|
|
1486
|
+
};
|
|
1487
|
+
export const SpacingTopPatchDesktop = {
|
|
1488
|
+
original: "14rem",
|
|
1489
|
+
number: 14,
|
|
1490
|
+
decimal: 0.14,
|
|
1491
|
+
scale: 224,
|
|
1492
|
+
};
|
|
1493
|
+
export const SpacingTopNeighborPatchMobile = {
|
|
1494
|
+
original: 0,
|
|
1495
|
+
number: 0,
|
|
1496
|
+
decimal: 0,
|
|
1497
|
+
scale: 0,
|
|
1498
|
+
};
|
|
1499
|
+
export const SpacingTopNeighborPatchTablet = {
|
|
1500
|
+
original: 0,
|
|
1501
|
+
number: 0,
|
|
1502
|
+
decimal: 0,
|
|
1503
|
+
scale: 0,
|
|
1504
|
+
};
|
|
1505
|
+
export const SpacingTopNeighborPatchLaptop = {
|
|
1506
|
+
original: "14rem",
|
|
1507
|
+
number: 14,
|
|
1508
|
+
decimal: 0.14,
|
|
1509
|
+
scale: 224,
|
|
1510
|
+
};
|
|
1511
|
+
export const SpacingTopNeighborPatchDesktop = {
|
|
1512
|
+
original: "14rem",
|
|
1513
|
+
number: 14,
|
|
1514
|
+
decimal: 0.14,
|
|
1515
|
+
scale: 224,
|
|
1516
|
+
};
|
|
1517
|
+
export const SpacingTopRibbonMobile = {
|
|
1518
|
+
original: "40rem",
|
|
1519
|
+
number: 40,
|
|
1520
|
+
decimal: 0.4,
|
|
1521
|
+
scale: 640,
|
|
1522
|
+
};
|
|
1523
|
+
export const SpacingTopRibbonTablet = {
|
|
1524
|
+
original: "40rem",
|
|
1525
|
+
number: 40,
|
|
1526
|
+
decimal: 0.4,
|
|
1527
|
+
scale: 640,
|
|
1528
|
+
};
|
|
1529
|
+
export const SpacingTopRibbonLaptop = {
|
|
1530
|
+
original: "40rem",
|
|
1531
|
+
number: 40,
|
|
1532
|
+
decimal: 0.4,
|
|
1533
|
+
scale: 640,
|
|
1534
|
+
};
|
|
1535
|
+
export const SpacingTopRibbonDesktop = {
|
|
1536
|
+
original: "40rem",
|
|
1537
|
+
number: 40,
|
|
1538
|
+
decimal: 0.4,
|
|
1539
|
+
scale: 640,
|
|
1540
|
+
};
|
|
1541
|
+
export const SpacingTopNeighborRibbonMobile = {
|
|
1542
|
+
original: 0,
|
|
1543
|
+
number: 0,
|
|
1544
|
+
decimal: 0,
|
|
1545
|
+
scale: 0,
|
|
1546
|
+
};
|
|
1547
|
+
export const SpacingTopNeighborRibbonTablet = {
|
|
1548
|
+
original: 0,
|
|
1549
|
+
number: 0,
|
|
1550
|
+
decimal: 0,
|
|
1551
|
+
scale: 0,
|
|
1552
|
+
};
|
|
1553
|
+
export const SpacingTopNeighborRibbonLaptop = {
|
|
1554
|
+
original: "40rem",
|
|
1555
|
+
number: 40,
|
|
1556
|
+
decimal: 0.4,
|
|
1557
|
+
scale: 640,
|
|
1558
|
+
};
|
|
1559
|
+
export const SpacingTopNeighborRibbonDesktop = {
|
|
1560
|
+
original: "40rem",
|
|
1561
|
+
number: 40,
|
|
1562
|
+
decimal: 0.4,
|
|
1563
|
+
scale: 640,
|
|
1564
|
+
};
|
|
1565
|
+
export const SpacingTopPatchAndNeighborRibbonMobile = {
|
|
1566
|
+
original: "14rem",
|
|
1567
|
+
number: 14,
|
|
1568
|
+
decimal: 0.14,
|
|
1569
|
+
scale: 224,
|
|
1570
|
+
};
|
|
1571
|
+
export const SpacingTopPatchAndNeighborRibbonTablet = {
|
|
1572
|
+
original: "14rem",
|
|
1573
|
+
number: 14,
|
|
1574
|
+
decimal: 0.14,
|
|
1575
|
+
scale: 224,
|
|
1576
|
+
};
|
|
1577
|
+
export const SpacingTopPatchAndNeighborRibbonLaptop = {
|
|
1578
|
+
original: "40rem",
|
|
1579
|
+
number: 40,
|
|
1580
|
+
decimal: 0.4,
|
|
1581
|
+
scale: 640,
|
|
1582
|
+
};
|
|
1583
|
+
export const SpacingTopPatchAndNeighborRibbonDesktop = {
|
|
1584
|
+
original: "40rem",
|
|
1585
|
+
number: 40,
|
|
1586
|
+
decimal: 0.4,
|
|
1587
|
+
scale: 640,
|
|
1588
|
+
};
|
|
1589
|
+
export const SpacingPageLayoutBetweenSectionsMobile = {
|
|
1590
|
+
original: "40rem",
|
|
1591
|
+
number: 40,
|
|
1592
|
+
decimal: 0.4,
|
|
1593
|
+
scale: 640,
|
|
1594
|
+
};
|
|
1595
|
+
export const SpacingPageLayoutBetweenSectionsTablet = {
|
|
1596
|
+
original: "40rem",
|
|
1597
|
+
number: 40,
|
|
1598
|
+
decimal: 0.4,
|
|
1599
|
+
scale: 640,
|
|
1600
|
+
};
|
|
1601
|
+
export const SpacingPageLayoutBetweenSectionsLaptop = {
|
|
1602
|
+
original: "80rem",
|
|
1603
|
+
number: 80,
|
|
1604
|
+
decimal: 0.8,
|
|
1605
|
+
scale: 1280,
|
|
1606
|
+
};
|
|
1607
|
+
export const SpacingPageLayoutBetweenSectionsDesktop = {
|
|
1608
|
+
original: "80rem",
|
|
1609
|
+
number: 80,
|
|
1610
|
+
decimal: 0.8,
|
|
1611
|
+
scale: 1280,
|
|
1612
|
+
};
|
|
1613
|
+
export const TextLineHeightBodyLMobile = {
|
|
1614
|
+
original: "24rem",
|
|
1615
|
+
number: 24,
|
|
1616
|
+
decimal: 0.24,
|
|
1617
|
+
scale: 384,
|
|
1618
|
+
};
|
|
1619
|
+
export const TextLineHeightBodyLDesktop = {
|
|
1620
|
+
original: "27rem",
|
|
1621
|
+
number: 27,
|
|
1622
|
+
decimal: 0.27,
|
|
1623
|
+
scale: 432,
|
|
1624
|
+
};
|
|
1625
|
+
export const TextLineHeightBodyMMobile = {
|
|
1626
|
+
original: "21rem",
|
|
1627
|
+
number: 21,
|
|
1628
|
+
decimal: 0.21,
|
|
1629
|
+
scale: 336,
|
|
1630
|
+
};
|
|
1631
|
+
export const TextLineHeightBodyMDesktop = {
|
|
1632
|
+
original: "24rem",
|
|
1633
|
+
number: 24,
|
|
1634
|
+
decimal: 0.24,
|
|
1635
|
+
scale: 384,
|
|
1636
|
+
};
|
|
1637
|
+
export const TextLineHeightBodySMobile = {
|
|
1638
|
+
original: "18rem",
|
|
1639
|
+
number: 18,
|
|
1640
|
+
decimal: 0.18,
|
|
1641
|
+
scale: 288,
|
|
1642
|
+
};
|
|
1643
|
+
export const TextLineHeightBodySDesktop = {
|
|
1644
|
+
original: "21rem",
|
|
1645
|
+
number: 21,
|
|
1646
|
+
decimal: 0.21,
|
|
1647
|
+
scale: 336,
|
|
1648
|
+
};
|
|
1649
|
+
export const TextLineHeightBodyXsMobile = {
|
|
1650
|
+
original: "15rem",
|
|
1651
|
+
number: 15,
|
|
1652
|
+
decimal: 0.15,
|
|
1653
|
+
scale: 240,
|
|
1654
|
+
};
|
|
1655
|
+
export const TextLineHeightBodyXsDesktop = {
|
|
1656
|
+
original: "18rem",
|
|
1657
|
+
number: 18,
|
|
1658
|
+
decimal: 0.18,
|
|
1659
|
+
scale: 288,
|
|
1660
|
+
};
|
|
1661
|
+
export const TextLineHeightHeading5xlMobile = {
|
|
1662
|
+
original: "52rem",
|
|
1663
|
+
number: 52,
|
|
1664
|
+
decimal: 0.52,
|
|
1665
|
+
scale: 832,
|
|
1666
|
+
};
|
|
1667
|
+
export const TextLineHeightHeading5xlDesktop = {
|
|
1668
|
+
original: "62rem",
|
|
1669
|
+
number: 62,
|
|
1670
|
+
decimal: 0.62,
|
|
1671
|
+
scale: 992,
|
|
1672
|
+
};
|
|
1673
|
+
export const TextLineHeightHeading4xlMobile = {
|
|
1674
|
+
original: "46rem",
|
|
1675
|
+
number: 46,
|
|
1676
|
+
decimal: 0.46,
|
|
1677
|
+
scale: 736,
|
|
1678
|
+
};
|
|
1679
|
+
export const TextLineHeightHeading4xlDesktop = {
|
|
1680
|
+
original: "62rem",
|
|
1681
|
+
number: 62,
|
|
1682
|
+
decimal: 0.62,
|
|
1683
|
+
scale: 992,
|
|
1684
|
+
};
|
|
1685
|
+
export const TextLineHeightHeading3xlMobile = {
|
|
1686
|
+
original: "40rem",
|
|
1687
|
+
number: 40,
|
|
1688
|
+
decimal: 0.4,
|
|
1689
|
+
scale: 640,
|
|
1690
|
+
};
|
|
1691
|
+
export const TextLineHeightHeading3xlDesktop = {
|
|
1692
|
+
original: "52rem",
|
|
1693
|
+
number: 52,
|
|
1694
|
+
decimal: 0.52,
|
|
1695
|
+
scale: 832,
|
|
1696
|
+
};
|
|
1697
|
+
export const TextLineHeightHeading2xlMobile = {
|
|
1698
|
+
original: "36rem",
|
|
1699
|
+
number: 36,
|
|
1700
|
+
decimal: 0.36,
|
|
1701
|
+
scale: 576,
|
|
1702
|
+
};
|
|
1703
|
+
export const TextLineHeightHeading2xlDesktop = {
|
|
1704
|
+
original: "40rem",
|
|
1705
|
+
number: 40,
|
|
1706
|
+
decimal: 0.4,
|
|
1707
|
+
scale: 640,
|
|
1708
|
+
};
|
|
1709
|
+
export const TextLineHeightHeadingXlMobile = {
|
|
1710
|
+
original: "30rem",
|
|
1711
|
+
number: 30,
|
|
1712
|
+
decimal: 0.3,
|
|
1713
|
+
scale: 480,
|
|
1714
|
+
};
|
|
1715
|
+
export const TextLineHeightHeadingXlDesktop = {
|
|
1716
|
+
original: "36rem",
|
|
1717
|
+
number: 36,
|
|
1718
|
+
decimal: 0.36,
|
|
1719
|
+
scale: 576,
|
|
1720
|
+
};
|
|
1721
|
+
export const TextLineHeightHeadingLMobile = {
|
|
1722
|
+
original: "27rem",
|
|
1723
|
+
number: 27,
|
|
1724
|
+
decimal: 0.27,
|
|
1725
|
+
scale: 432,
|
|
1726
|
+
};
|
|
1727
|
+
export const TextLineHeightHeadingLDesktop = {
|
|
1728
|
+
original: "30rem",
|
|
1729
|
+
number: 30,
|
|
1730
|
+
decimal: 0.3,
|
|
1731
|
+
scale: 480,
|
|
1732
|
+
};
|
|
1733
|
+
export const TextLineHeightHeadingMMobile = {
|
|
1734
|
+
original: "24rem",
|
|
1735
|
+
number: 24,
|
|
1736
|
+
decimal: 0.24,
|
|
1737
|
+
scale: 384,
|
|
1738
|
+
};
|
|
1739
|
+
export const TextLineHeightHeadingMDesktop = {
|
|
1740
|
+
original: "27rem",
|
|
1741
|
+
number: 27,
|
|
1742
|
+
decimal: 0.27,
|
|
1743
|
+
scale: 432,
|
|
1744
|
+
};
|
|
1745
|
+
export const TextLineHeightHeadingSMobile = {
|
|
1746
|
+
original: "21rem",
|
|
1747
|
+
number: 21,
|
|
1748
|
+
decimal: 0.21,
|
|
1749
|
+
scale: 336,
|
|
1750
|
+
};
|
|
1751
|
+
export const TextLineHeightHeadingSDesktop = {
|
|
1752
|
+
original: "24rem",
|
|
1753
|
+
number: 24,
|
|
1754
|
+
decimal: 0.24,
|
|
1755
|
+
scale: 384,
|
|
1756
|
+
};
|
|
1757
|
+
export const TextLineHeightLabelLMobile = {
|
|
1758
|
+
original: "24rem",
|
|
1759
|
+
number: 24,
|
|
1760
|
+
decimal: 0.24,
|
|
1761
|
+
scale: 384,
|
|
1762
|
+
};
|
|
1763
|
+
export const TextLineHeightLabelLDesktop = {
|
|
1764
|
+
original: "27rem",
|
|
1765
|
+
number: 27,
|
|
1766
|
+
decimal: 0.27,
|
|
1767
|
+
scale: 432,
|
|
1768
|
+
};
|
|
1769
|
+
export const TextLineHeightLabelMMobile = {
|
|
1770
|
+
original: "21rem",
|
|
1771
|
+
number: 21,
|
|
1772
|
+
decimal: 0.21,
|
|
1773
|
+
scale: 336,
|
|
1774
|
+
};
|
|
1775
|
+
export const TextLineHeightLabelMDesktop = {
|
|
1776
|
+
original: "24rem",
|
|
1777
|
+
number: 24,
|
|
1778
|
+
decimal: 0.24,
|
|
1779
|
+
scale: 384,
|
|
1780
|
+
};
|
|
1781
|
+
export const TextLineHeightLabelSMobile = {
|
|
1782
|
+
original: "18rem",
|
|
1783
|
+
number: 18,
|
|
1784
|
+
decimal: 0.18,
|
|
1785
|
+
scale: 288,
|
|
1786
|
+
};
|
|
1787
|
+
export const TextLineHeightLabelSDesktop = {
|
|
1788
|
+
original: "21rem",
|
|
1789
|
+
number: 21,
|
|
1790
|
+
decimal: 0.21,
|
|
1791
|
+
scale: 336,
|
|
1792
|
+
};
|
|
1793
|
+
export const TextLineHeightLabelXsMobile = {
|
|
1794
|
+
original: "15rem",
|
|
1795
|
+
number: 15,
|
|
1796
|
+
decimal: 0.15,
|
|
1797
|
+
scale: 240,
|
|
1798
|
+
};
|
|
1799
|
+
export const TextLineHeightLabelXsDesktop = {
|
|
1800
|
+
original: "18rem",
|
|
1801
|
+
number: 18,
|
|
1802
|
+
decimal: 0.18,
|
|
1803
|
+
scale: 288,
|
|
1804
|
+
};
|
|
1805
|
+
export const TextLineHeightLinkMMobile = {
|
|
1806
|
+
original: "21rem",
|
|
1807
|
+
number: 21,
|
|
1808
|
+
decimal: 0.21,
|
|
1809
|
+
scale: 336,
|
|
1810
|
+
};
|
|
1811
|
+
export const TextLineHeightLinkMDesktop = {
|
|
1812
|
+
original: "24rem",
|
|
1813
|
+
number: 24,
|
|
1814
|
+
decimal: 0.24,
|
|
1815
|
+
scale: 384,
|
|
1816
|
+
};
|
|
1817
|
+
export const TextLineHeightLinkSMobile = {
|
|
1818
|
+
original: "18rem",
|
|
1819
|
+
number: 18,
|
|
1820
|
+
decimal: 0.18,
|
|
1821
|
+
scale: 288,
|
|
1822
|
+
};
|
|
1823
|
+
export const TextLineHeightLinkSDesktop = {
|
|
1824
|
+
original: "21rem",
|
|
1825
|
+
number: 21,
|
|
1826
|
+
decimal: 0.21,
|
|
1827
|
+
scale: 336,
|
|
1828
|
+
};
|
|
1829
|
+
export const TextSizeBodyLMobile = {
|
|
1830
|
+
original: "16rem",
|
|
1831
|
+
number: 16,
|
|
1832
|
+
decimal: 0.16,
|
|
1833
|
+
scale: 256,
|
|
1834
|
+
};
|
|
1835
|
+
export const TextSizeBodyLTablet = {
|
|
1836
|
+
original: "16rem",
|
|
1837
|
+
number: 16,
|
|
1838
|
+
decimal: 0.16,
|
|
1839
|
+
scale: 256,
|
|
1840
|
+
};
|
|
1841
|
+
export const TextSizeBodyLLaptop = {
|
|
1842
|
+
original: "18rem",
|
|
1843
|
+
number: 18,
|
|
1844
|
+
decimal: 0.18,
|
|
1845
|
+
scale: 288,
|
|
1846
|
+
};
|
|
1847
|
+
export const TextSizeBodyLDesktop = {
|
|
1848
|
+
original: "18rem",
|
|
1849
|
+
number: 18,
|
|
1850
|
+
decimal: 0.18,
|
|
1851
|
+
scale: 288,
|
|
1852
|
+
};
|
|
1853
|
+
export const TextSizeBodyMMobile = {
|
|
1854
|
+
original: "14rem",
|
|
1855
|
+
number: 14,
|
|
1856
|
+
decimal: 0.14,
|
|
1857
|
+
scale: 224,
|
|
1858
|
+
};
|
|
1859
|
+
export const TextSizeBodyMTablet = {
|
|
1860
|
+
original: "14rem",
|
|
1861
|
+
number: 14,
|
|
1862
|
+
decimal: 0.14,
|
|
1863
|
+
scale: 224,
|
|
1864
|
+
};
|
|
1865
|
+
export const TextSizeBodyMLaptop = {
|
|
1866
|
+
original: "16rem",
|
|
1867
|
+
number: 16,
|
|
1868
|
+
decimal: 0.16,
|
|
1869
|
+
scale: 256,
|
|
1870
|
+
};
|
|
1871
|
+
export const TextSizeBodyMDesktop = {
|
|
1872
|
+
original: "16rem",
|
|
1873
|
+
number: 16,
|
|
1874
|
+
decimal: 0.16,
|
|
1875
|
+
scale: 256,
|
|
1876
|
+
};
|
|
1877
|
+
export const TextSizeBodySMobile = {
|
|
1878
|
+
original: "12rem",
|
|
1879
|
+
number: 12,
|
|
1880
|
+
decimal: 0.12,
|
|
1881
|
+
scale: 192,
|
|
1882
|
+
};
|
|
1883
|
+
export const TextSizeBodySTablet = {
|
|
1884
|
+
original: "12rem",
|
|
1885
|
+
number: 12,
|
|
1886
|
+
decimal: 0.12,
|
|
1887
|
+
scale: 192,
|
|
1888
|
+
};
|
|
1889
|
+
export const TextSizeBodySLaptop = {
|
|
1890
|
+
original: "14rem",
|
|
1891
|
+
number: 14,
|
|
1892
|
+
decimal: 0.14,
|
|
1893
|
+
scale: 224,
|
|
1894
|
+
};
|
|
1895
|
+
export const TextSizeBodySDesktop = {
|
|
1896
|
+
original: "14rem",
|
|
1897
|
+
number: 14,
|
|
1898
|
+
decimal: 0.14,
|
|
1899
|
+
scale: 224,
|
|
1900
|
+
};
|
|
1901
|
+
export const TextSizeBodyXsMobile = {
|
|
1902
|
+
original: "10rem",
|
|
1903
|
+
number: 10,
|
|
1904
|
+
decimal: 0.1,
|
|
1905
|
+
scale: 160,
|
|
1906
|
+
};
|
|
1907
|
+
export const TextSizeBodyXsTablet = {
|
|
1908
|
+
original: "10rem",
|
|
1909
|
+
number: 10,
|
|
1910
|
+
decimal: 0.1,
|
|
1911
|
+
scale: 160,
|
|
1912
|
+
};
|
|
1913
|
+
export const TextSizeBodyXsLaptop = {
|
|
1914
|
+
original: "12rem",
|
|
1915
|
+
number: 12,
|
|
1916
|
+
decimal: 0.12,
|
|
1917
|
+
scale: 192,
|
|
1918
|
+
};
|
|
1919
|
+
export const TextSizeBodyXsDesktop = {
|
|
1920
|
+
original: "12rem",
|
|
1921
|
+
number: 12,
|
|
1922
|
+
decimal: 0.12,
|
|
1923
|
+
scale: 192,
|
|
1924
|
+
};
|
|
1925
|
+
export const TextSizeHeading5xlMobile = {
|
|
1926
|
+
original: "36rem",
|
|
1927
|
+
number: 36,
|
|
1928
|
+
decimal: 0.36,
|
|
1929
|
+
scale: 576,
|
|
1930
|
+
};
|
|
1931
|
+
export const TextSizeHeading5xlTablet = {
|
|
1932
|
+
original: "36rem",
|
|
1933
|
+
number: 36,
|
|
1934
|
+
decimal: 0.36,
|
|
1935
|
+
scale: 576,
|
|
1936
|
+
};
|
|
1937
|
+
export const TextSizeHeading5xlLaptop = {
|
|
1938
|
+
original: "40rem",
|
|
1939
|
+
number: 40,
|
|
1940
|
+
decimal: 0.4,
|
|
1941
|
+
scale: 640,
|
|
1942
|
+
};
|
|
1943
|
+
export const TextSizeHeading5xlDesktop = {
|
|
1944
|
+
original: "40rem",
|
|
1945
|
+
number: 40,
|
|
1946
|
+
decimal: 0.4,
|
|
1947
|
+
scale: 640,
|
|
1948
|
+
};
|
|
1949
|
+
export const TextSizeHeading4xlMobile = {
|
|
1950
|
+
original: "32rem",
|
|
1951
|
+
number: 32,
|
|
1952
|
+
decimal: 0.32,
|
|
1953
|
+
scale: 512,
|
|
1954
|
+
};
|
|
1955
|
+
export const TextSizeHeading4xlTablet = {
|
|
1956
|
+
original: "32rem",
|
|
1957
|
+
number: 32,
|
|
1958
|
+
decimal: 0.32,
|
|
1959
|
+
scale: 512,
|
|
1960
|
+
};
|
|
1961
|
+
export const TextSizeHeading4xlLaptop = {
|
|
1962
|
+
original: "36rem",
|
|
1963
|
+
number: 36,
|
|
1964
|
+
decimal: 0.36,
|
|
1965
|
+
scale: 576,
|
|
1966
|
+
};
|
|
1967
|
+
export const TextSizeHeading4xlDesktop = {
|
|
1968
|
+
original: "36rem",
|
|
1969
|
+
number: 36,
|
|
1970
|
+
decimal: 0.36,
|
|
1971
|
+
scale: 576,
|
|
1972
|
+
};
|
|
1973
|
+
export const TextSizeHeading3xlMobile = {
|
|
1974
|
+
original: "28rem",
|
|
1975
|
+
number: 28,
|
|
1976
|
+
decimal: 0.28,
|
|
1977
|
+
scale: 448,
|
|
1978
|
+
};
|
|
1979
|
+
export const TextSizeHeading3xlTablet = {
|
|
1980
|
+
original: "28rem",
|
|
1981
|
+
number: 28,
|
|
1982
|
+
decimal: 0.28,
|
|
1983
|
+
scale: 448,
|
|
1984
|
+
};
|
|
1985
|
+
export const TextSizeHeading3xlLaptop = {
|
|
1986
|
+
original: "32rem",
|
|
1987
|
+
number: 32,
|
|
1988
|
+
decimal: 0.32,
|
|
1989
|
+
scale: 512,
|
|
1990
|
+
};
|
|
1991
|
+
export const TextSizeHeading3xlDesktop = {
|
|
1992
|
+
original: "32rem",
|
|
1993
|
+
number: 32,
|
|
1994
|
+
decimal: 0.32,
|
|
1995
|
+
scale: 512,
|
|
1996
|
+
};
|
|
1997
|
+
export const TextSizeHeading2xlMobile = {
|
|
1998
|
+
original: "24rem",
|
|
1999
|
+
number: 24,
|
|
2000
|
+
decimal: 0.24,
|
|
2001
|
+
scale: 384,
|
|
2002
|
+
};
|
|
2003
|
+
export const TextSizeHeading2xlTablet = {
|
|
2004
|
+
original: "24rem",
|
|
2005
|
+
number: 24,
|
|
2006
|
+
decimal: 0.24,
|
|
2007
|
+
scale: 384,
|
|
2008
|
+
};
|
|
2009
|
+
export const TextSizeHeading2xlLaptop = {
|
|
2010
|
+
original: "28rem",
|
|
2011
|
+
number: 28,
|
|
2012
|
+
decimal: 0.28,
|
|
2013
|
+
scale: 448,
|
|
2014
|
+
};
|
|
2015
|
+
export const TextSizeHeading2xlDesktop = {
|
|
2016
|
+
original: "28rem",
|
|
2017
|
+
number: 28,
|
|
2018
|
+
decimal: 0.28,
|
|
2019
|
+
scale: 448,
|
|
2020
|
+
};
|
|
2021
|
+
export const TextSizeHeadingXlMobile = {
|
|
2022
|
+
original: "20rem",
|
|
2023
|
+
number: 20,
|
|
2024
|
+
decimal: 0.2,
|
|
2025
|
+
scale: 320,
|
|
2026
|
+
};
|
|
2027
|
+
export const TextSizeHeadingXlTablet = {
|
|
2028
|
+
original: "20rem",
|
|
2029
|
+
number: 20,
|
|
2030
|
+
decimal: 0.2,
|
|
2031
|
+
scale: 320,
|
|
2032
|
+
};
|
|
2033
|
+
export const TextSizeHeadingXlLaptop = {
|
|
2034
|
+
original: "24rem",
|
|
2035
|
+
number: 24,
|
|
2036
|
+
decimal: 0.24,
|
|
2037
|
+
scale: 384,
|
|
2038
|
+
};
|
|
2039
|
+
export const TextSizeHeadingXlDesktop = {
|
|
2040
|
+
original: "24rem",
|
|
2041
|
+
number: 24,
|
|
2042
|
+
decimal: 0.24,
|
|
2043
|
+
scale: 384,
|
|
2044
|
+
};
|
|
2045
|
+
export const TextSizeHeadingLMobile = {
|
|
2046
|
+
original: "18rem",
|
|
2047
|
+
number: 18,
|
|
2048
|
+
decimal: 0.18,
|
|
2049
|
+
scale: 288,
|
|
2050
|
+
};
|
|
2051
|
+
export const TextSizeHeadingLTablet = {
|
|
2052
|
+
original: "18rem",
|
|
2053
|
+
number: 18,
|
|
2054
|
+
decimal: 0.18,
|
|
2055
|
+
scale: 288,
|
|
2056
|
+
};
|
|
2057
|
+
export const TextSizeHeadingLLaptop = {
|
|
2058
|
+
original: "20rem",
|
|
2059
|
+
number: 20,
|
|
2060
|
+
decimal: 0.2,
|
|
2061
|
+
scale: 320,
|
|
2062
|
+
};
|
|
2063
|
+
export const TextSizeHeadingLDesktop = {
|
|
2064
|
+
original: "20rem",
|
|
2065
|
+
number: 20,
|
|
2066
|
+
decimal: 0.2,
|
|
2067
|
+
scale: 320,
|
|
2068
|
+
};
|
|
2069
|
+
export const TextSizeHeadingMMobile = {
|
|
2070
|
+
original: "16rem",
|
|
2071
|
+
number: 16,
|
|
2072
|
+
decimal: 0.16,
|
|
2073
|
+
scale: 256,
|
|
2074
|
+
};
|
|
2075
|
+
export const TextSizeHeadingMTablet = {
|
|
2076
|
+
original: "16rem",
|
|
2077
|
+
number: 16,
|
|
2078
|
+
decimal: 0.16,
|
|
2079
|
+
scale: 256,
|
|
2080
|
+
};
|
|
2081
|
+
export const TextSizeHeadingMLaptop = {
|
|
2082
|
+
original: "18rem",
|
|
2083
|
+
number: 18,
|
|
2084
|
+
decimal: 0.18,
|
|
2085
|
+
scale: 288,
|
|
2086
|
+
};
|
|
2087
|
+
export const TextSizeHeadingMDesktop = {
|
|
2088
|
+
original: "18rem",
|
|
2089
|
+
number: 18,
|
|
2090
|
+
decimal: 0.18,
|
|
2091
|
+
scale: 288,
|
|
2092
|
+
};
|
|
2093
|
+
export const TextSizeHeadingSMobile = {
|
|
2094
|
+
original: "14rem",
|
|
2095
|
+
number: 14,
|
|
2096
|
+
decimal: 0.14,
|
|
2097
|
+
scale: 224,
|
|
2098
|
+
};
|
|
2099
|
+
export const TextSizeHeadingSTablet = {
|
|
2100
|
+
original: "14rem",
|
|
2101
|
+
number: 14,
|
|
2102
|
+
decimal: 0.14,
|
|
2103
|
+
scale: 224,
|
|
2104
|
+
};
|
|
2105
|
+
export const TextSizeHeadingSLaptop = {
|
|
2106
|
+
original: "16rem",
|
|
2107
|
+
number: 16,
|
|
2108
|
+
decimal: 0.16,
|
|
2109
|
+
scale: 256,
|
|
2110
|
+
};
|
|
2111
|
+
export const TextSizeHeadingSDesktop = {
|
|
2112
|
+
original: "16rem",
|
|
2113
|
+
number: 16,
|
|
2114
|
+
decimal: 0.16,
|
|
2115
|
+
scale: 256,
|
|
2116
|
+
};
|
|
2117
|
+
export const TextSizeLabelLMobile = {
|
|
2118
|
+
original: "16rem",
|
|
2119
|
+
number: 16,
|
|
2120
|
+
decimal: 0.16,
|
|
2121
|
+
scale: 256,
|
|
2122
|
+
};
|
|
2123
|
+
export const TextSizeLabelLTablet = {
|
|
2124
|
+
original: "16rem",
|
|
2125
|
+
number: 16,
|
|
2126
|
+
decimal: 0.16,
|
|
2127
|
+
scale: 256,
|
|
2128
|
+
};
|
|
2129
|
+
export const TextSizeLabelLLaptop = {
|
|
2130
|
+
original: "18rem",
|
|
2131
|
+
number: 18,
|
|
2132
|
+
decimal: 0.18,
|
|
2133
|
+
scale: 288,
|
|
2134
|
+
};
|
|
2135
|
+
export const TextSizeLabelLDesktop = {
|
|
2136
|
+
original: "18rem",
|
|
2137
|
+
number: 18,
|
|
2138
|
+
decimal: 0.18,
|
|
2139
|
+
scale: 288,
|
|
2140
|
+
};
|
|
2141
|
+
export const TextSizeLabelMMobile = {
|
|
2142
|
+
original: "14rem",
|
|
2143
|
+
number: 14,
|
|
2144
|
+
decimal: 0.14,
|
|
2145
|
+
scale: 224,
|
|
2146
|
+
};
|
|
2147
|
+
export const TextSizeLabelMTablet = {
|
|
2148
|
+
original: "14rem",
|
|
2149
|
+
number: 14,
|
|
2150
|
+
decimal: 0.14,
|
|
2151
|
+
scale: 224,
|
|
2152
|
+
};
|
|
2153
|
+
export const TextSizeLabelMLaptop = {
|
|
2154
|
+
original: "16rem",
|
|
2155
|
+
number: 16,
|
|
2156
|
+
decimal: 0.16,
|
|
2157
|
+
scale: 256,
|
|
2158
|
+
};
|
|
2159
|
+
export const TextSizeLabelMDesktop = {
|
|
2160
|
+
original: "16rem",
|
|
2161
|
+
number: 16,
|
|
2162
|
+
decimal: 0.16,
|
|
2163
|
+
scale: 256,
|
|
2164
|
+
};
|
|
2165
|
+
export const TextSizeLabelSMobile = {
|
|
2166
|
+
original: "12rem",
|
|
2167
|
+
number: 12,
|
|
2168
|
+
decimal: 0.12,
|
|
2169
|
+
scale: 192,
|
|
2170
|
+
};
|
|
2171
|
+
export const TextSizeLabelSTablet = {
|
|
2172
|
+
original: "12rem",
|
|
2173
|
+
number: 12,
|
|
2174
|
+
decimal: 0.12,
|
|
2175
|
+
scale: 192,
|
|
2176
|
+
};
|
|
2177
|
+
export const TextSizeLabelSLaptop = {
|
|
2178
|
+
original: "14rem",
|
|
2179
|
+
number: 14,
|
|
2180
|
+
decimal: 0.14,
|
|
2181
|
+
scale: 224,
|
|
2182
|
+
};
|
|
2183
|
+
export const TextSizeLabelSDesktop = {
|
|
2184
|
+
original: "14rem",
|
|
2185
|
+
number: 14,
|
|
2186
|
+
decimal: 0.14,
|
|
2187
|
+
scale: 224,
|
|
2188
|
+
};
|
|
2189
|
+
export const TextSizeLabelXsMobile = {
|
|
2190
|
+
original: "10rem",
|
|
2191
|
+
number: 10,
|
|
2192
|
+
decimal: 0.1,
|
|
2193
|
+
scale: 160,
|
|
2194
|
+
};
|
|
2195
|
+
export const TextSizeLabelXsTablet = {
|
|
2196
|
+
original: "10rem",
|
|
2197
|
+
number: 10,
|
|
2198
|
+
decimal: 0.1,
|
|
2199
|
+
scale: 160,
|
|
2200
|
+
};
|
|
2201
|
+
export const TextSizeLabelXsLaptop = {
|
|
2202
|
+
original: "12rem",
|
|
2203
|
+
number: 12,
|
|
2204
|
+
decimal: 0.12,
|
|
2205
|
+
scale: 192,
|
|
2206
|
+
};
|
|
2207
|
+
export const TextSizeLabelXsDesktop = {
|
|
2208
|
+
original: "12rem",
|
|
2209
|
+
number: 12,
|
|
2210
|
+
decimal: 0.12,
|
|
2211
|
+
scale: 192,
|
|
2212
|
+
};
|
|
2213
|
+
export const TextSizeLinkMMobile = {
|
|
2214
|
+
original: "14rem",
|
|
2215
|
+
number: 14,
|
|
2216
|
+
decimal: 0.14,
|
|
2217
|
+
scale: 224,
|
|
2218
|
+
};
|
|
2219
|
+
export const TextSizeLinkMTablet = {
|
|
2220
|
+
original: "14rem",
|
|
2221
|
+
number: 14,
|
|
2222
|
+
decimal: 0.14,
|
|
2223
|
+
scale: 224,
|
|
2224
|
+
};
|
|
2225
|
+
export const TextSizeLinkMLaptop = {
|
|
2226
|
+
original: "16rem",
|
|
2227
|
+
number: 16,
|
|
2228
|
+
decimal: 0.16,
|
|
2229
|
+
scale: 256,
|
|
2230
|
+
};
|
|
2231
|
+
export const TextSizeLinkMDesktop = {
|
|
2232
|
+
original: "16rem",
|
|
2233
|
+
number: 16,
|
|
2234
|
+
decimal: 0.16,
|
|
2235
|
+
scale: 256,
|
|
2236
|
+
};
|
|
2237
|
+
export const TextSizeLinkSMobile = {
|
|
2238
|
+
original: "12rem",
|
|
2239
|
+
number: 12,
|
|
2240
|
+
decimal: 0.12,
|
|
2241
|
+
scale: 192,
|
|
2242
|
+
};
|
|
2243
|
+
export const TextSizeLinkSTablet = {
|
|
2244
|
+
original: "12rem",
|
|
2245
|
+
number: 12,
|
|
2246
|
+
decimal: 0.12,
|
|
2247
|
+
scale: 192,
|
|
2248
|
+
};
|
|
2249
|
+
export const TextSizeLinkSLaptop = {
|
|
2250
|
+
original: "14rem",
|
|
2251
|
+
number: 14,
|
|
2252
|
+
decimal: 0.14,
|
|
2253
|
+
scale: 224,
|
|
2254
|
+
};
|
|
2255
|
+
export const TextSizeLinkSDesktop = {
|
|
2256
|
+
original: "14rem",
|
|
2257
|
+
number: 14,
|
|
2258
|
+
decimal: 0.14,
|
|
2259
|
+
scale: 224,
|
|
2260
|
+
};
|