@times-design-system/theme-scss 1.9.0 → 1.9.1-alpha.1

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 (33) hide show
  1. package/dist/palettes/_business-dark.scss +286 -286
  2. package/dist/palettes/_business-light.scss +286 -286
  3. package/dist/palettes/_channels-dark.scss +315 -315
  4. package/dist/palettes/_channels-light.scss +315 -315
  5. package/dist/palettes/_comment-dark.scss +286 -286
  6. package/dist/palettes/_comment-light.scss +286 -286
  7. package/dist/palettes/_core-dark.scss +286 -286
  8. package/dist/palettes/_core-light.scss +286 -286
  9. package/dist/palettes/_culture-dark.scss +286 -286
  10. package/dist/palettes/_culture-light.scss +286 -286
  11. package/dist/palettes/_home-dark.scss +286 -286
  12. package/dist/palettes/_home-light.scss +286 -286
  13. package/dist/palettes/_ireland-dark.scss +286 -286
  14. package/dist/palettes/_ireland-light.scss +286 -286
  15. package/dist/palettes/_lifeAndStyle-dark.scss +286 -286
  16. package/dist/palettes/_lifeAndStyle-light.scss +286 -286
  17. package/dist/palettes/_money-dark.scss +286 -286
  18. package/dist/palettes/_money-light.scss +286 -286
  19. package/dist/palettes/_obituaries-dark.scss +286 -286
  20. package/dist/palettes/_obituaries-light.scss +286 -286
  21. package/dist/palettes/_puzzles-dark.scss +286 -286
  22. package/dist/palettes/_puzzles-light.scss +286 -286
  23. package/dist/palettes/_sport-dark.scss +286 -286
  24. package/dist/palettes/_sport-light.scss +286 -286
  25. package/dist/palettes/_travel-dark.scss +286 -286
  26. package/dist/palettes/_travel-light.scss +286 -286
  27. package/dist/palettes/_uk-dark.scss +286 -286
  28. package/dist/palettes/_uk-light.scss +286 -286
  29. package/dist/palettes/_world-dark.scss +286 -286
  30. package/dist/palettes/_world-light.scss +286 -286
  31. package/dist/tds-layout.scss +39 -70
  32. package/dist/tds-typography.scss +165 -202
  33. package/package.json +2 -2
package/dist/tds-typography.scss CHANGED
@@ -1,73 +1,37 @@
1
- :root {
2
- --font-size0025: 0.5rem;
3
- --font-size005: 0.625rem;
4
- --font-size010: 0.75rem;
5
- --font-size020: 0.875rem;
6
- --font-size025: 0.938rem;
7
- --font-size030: 1rem;
8
- --font-size035: 1.063rem;
9
- --font-size040: 1.125rem;
10
- --font-size045: 1.188rem;
11
- --font-size050: 1.25rem;
12
- --font-size060: 1.375rem;
13
- --font-size070: 1.5rem;
14
- --font-size080: 1.75rem;
15
- --font-size090: 2rem;
16
- --font-size095: 2.125rem;
17
- --font-size100: 2.25rem;
18
- --font-size105: 2.875rem;
19
- --font-size110: 2.5rem;
20
- --font-size120: 2.75rem;
21
- --font-size125: 2.813rem;
22
- --font-size130: 3rem;
23
- --font-size140: 3.5rem;
24
- --font-size150: 4rem;
25
- --font-size155: 4.375rem;
26
- --font-size160: 5rem;
27
- --font-size170: 5.875rem;
28
- --font-size180: 7.5rem;
29
- --font-size190: 9.063rem;
30
- --font-size200: 10.688rem;
31
- --font-size210: 12.313rem;
32
- --font-size220: 13.938rem;
33
- --font-size230: 15.5rem;
34
- --font-size240: 17.125rem;
35
- --font-size250: 18.75rem;
36
- }
37
- $fontSize0025: var(--font-size0025);
38
- $fontSize005: var(--font-size005);
39
- $fontSize010: var(--font-size010);
40
- $fontSize020: var(--font-size020);
41
- $fontSize025: var(--font-size025);
42
- $fontSize030: var(--font-size030);
43
- $fontSize035: var(--font-size035);
44
- $fontSize040: var(--font-size040);
45
- $fontSize045: var(--font-size045);
46
- $fontSize050: var(--font-size050);
47
- $fontSize060: var(--font-size060);
48
- $fontSize070: var(--font-size070);
49
- $fontSize080: var(--font-size080);
50
- $fontSize090: var(--font-size090);
51
- $fontSize095: var(--font-size095);
52
- $fontSize100: var(--font-size100);
53
- $fontSize105: var(--font-size105);
54
- $fontSize110: var(--font-size110);
55
- $fontSize120: var(--font-size120);
56
- $fontSize125: var(--font-size125);
57
- $fontSize130: var(--font-size130);
58
- $fontSize140: var(--font-size140);
59
- $fontSize150: var(--font-size150);
60
- $fontSize155: var(--font-size155);
61
- $fontSize160: var(--font-size160);
62
- $fontSize170: var(--font-size170);
63
- $fontSize180: var(--font-size180);
64
- $fontSize190: var(--font-size190);
65
- $fontSize200: var(--font-size200);
66
- $fontSize210: var(--font-size210);
67
- $fontSize220: var(--font-size220);
68
- $fontSize230: var(--font-size230);
69
- $fontSize240: var(--font-size240);
70
- $fontSize250: var(--font-size250);
1
+ $fontSize0025: 0.8rem;
2
+ $fontSize005: 1rem;
3
+ $fontSize010: 1.2rem;
4
+ $fontSize020: 1.4rem;
5
+ $fontSize025: 1.5008rem;
6
+ $fontSize030: 1.6rem;
7
+ $fontSize035: 1.7008rem;
8
+ $fontSize040: 1.8rem;
9
+ $fontSize045: 1.9008rem;
10
+ $fontSize050: 2rem;
11
+ $fontSize060: 2.2rem;
12
+ $fontSize070: 2.4rem;
13
+ $fontSize080: 2.8rem;
14
+ $fontSize090: 3.2rem;
15
+ $fontSize095: 3.4rem;
16
+ $fontSize100: 3.6rem;
17
+ $fontSize105: 4.6rem;
18
+ $fontSize110: 4rem;
19
+ $fontSize120: 4.4rem;
20
+ $fontSize125: 4.5008rem;
21
+ $fontSize130: 4.8rem;
22
+ $fontSize140: 5.6rem;
23
+ $fontSize150: 6.4rem;
24
+ $fontSize155: 7rem;
25
+ $fontSize160: 8rem;
26
+ $fontSize170: 9.4rem;
27
+ $fontSize180: 12rem;
28
+ $fontSize190: 14.5008rem;
29
+ $fontSize200: 17.1008rem;
30
+ $fontSize210: 19.7008rem;
31
+ $fontSize220: 22.3008rem;
32
+ $fontSize230: 24.8rem;
33
+ $fontSize240: 27.4rem;
34
+ $fontSize250: 30rem;
71
35
  $fontWeight010: 100;
72
36
  $fontWeight020: 200;
73
37
  $fontWeight030: 300;
@@ -80,532 +44,531 @@ $fontWeight090: 900;
80
44
  $fontFamily010: Times Modern;
81
45
  $fontFamily020: Times Digital W04 Regular;
82
46
  $fontFamily030: Times Digital W04 Bold;
83
- $fontFamily040: Times Roboto;
47
+ $fontFamily040: Roboto;
84
48
  $fontLineHeight010: 1;
85
49
  $fontLineHeight020: 1.125;
86
50
  $fontLineHeight030: 1.25;
87
51
  $fontLineHeight040: 1.5;
88
52
  $fontLineHeight050: 1.75;
89
53
  $fontLineHeight060: 2;
90
-
91
54
 
92
55
  .brand-heading-fluid-light-2xsmall {
93
- font: var($fontWeight030) var($fontSize045)/var($fontLineHeight020) var($fontFamily010);
56
+ font: $fontWeight030 $fontSize045/$fontLineHeight020 $fontFamily010;
94
57
  }
95
58
 
96
59
  .brand-heading-fluid-light-xsmall {
97
- font: var($fontWeight030) var($fontSize050)/var($fontLineHeight020) var($fontFamily010);
60
+ font: $fontWeight030 $fontSize050/$fontLineHeight020 $fontFamily010;
98
61
  }
99
62
 
100
63
  .brand-heading-fluid-light-small {
101
- font: var($fontWeight030) var($fontSize070)/var($fontLineHeight020) var($fontFamily010);
64
+ font: $fontWeight030 $fontSize070/$fontLineHeight020 $fontFamily010;
102
65
  }
103
66
 
104
67
  .brand-heading-fluid-light-medium {
105
- font: var($fontWeight030) var($fontSize080)/var($fontLineHeight020) var($fontFamily010);
68
+ font: $fontWeight030 $fontSize080/$fontLineHeight020 $fontFamily010;
106
69
  }
107
70
 
108
71
  .brand-heading-fluid-light-large {
109
- font: var($fontWeight030) var($fontSize090)/var($fontLineHeight020) var($fontFamily010);
72
+ font: $fontWeight030 $fontSize090/$fontLineHeight020 $fontFamily010;
110
73
  }
111
74
 
112
75
  .brand-heading-fluid-light-xlarge {
113
- font: var($fontWeight030) var($fontSize095)/var($fontLineHeight020) var($fontFamily010);
76
+ font: $fontWeight030 $fontSize095/$fontLineHeight020 $fontFamily010;
114
77
  }
115
78
 
116
79
  .brand-heading-fluid-light-2xlarge {
117
- font: var($fontWeight030) var($fontSize100)/var($fontLineHeight020) var($fontFamily010);
80
+ font: $fontWeight030 $fontSize100/$fontLineHeight020 $fontFamily010;
118
81
  }
119
82
 
120
83
  .brand-heading-fluid-regular-2xsmall {
121
- font: var($fontWeight040) var($fontSize045)/var($fontLineHeight020) var($fontFamily010);
84
+ font: $fontWeight040 $fontSize045/$fontLineHeight020 $fontFamily010;
122
85
  }
123
86
 
124
87
  .brand-heading-fluid-regular-xsmall {
125
- font: var($fontWeight040) var($fontSize050)/var($fontLineHeight020) var($fontFamily010);
88
+ font: $fontWeight040 $fontSize050/$fontLineHeight020 $fontFamily010;
126
89
  }
127
90
 
128
91
  .brand-heading-fluid-regular-small {
129
- font: var($fontWeight040) var($fontSize070)/var($fontLineHeight020) var($fontFamily010);
92
+ font: $fontWeight040 $fontSize070/$fontLineHeight020 $fontFamily010;
130
93
  }
131
94
 
132
95
  .brand-heading-fluid-regular-medium {
133
- font: var($fontWeight040) var($fontSize080)/var($fontLineHeight020) var($fontFamily010);
96
+ font: $fontWeight040 $fontSize080/$fontLineHeight020 $fontFamily010;
134
97
  }
135
98
 
136
99
  .brand-heading-fluid-regular-large {
137
- font: var($fontWeight040) var($fontSize090)/var($fontLineHeight020) var($fontFamily010);
100
+ font: $fontWeight040 $fontSize090/$fontLineHeight020 $fontFamily010;
138
101
  }
139
102
 
140
103
  .brand-heading-fluid-regular-xlarge {
141
- font: var($fontWeight040) var($fontSize095)/var($fontLineHeight020) var($fontFamily010);
104
+ font: $fontWeight040 $fontSize095/$fontLineHeight020 $fontFamily010;
142
105
  }
143
106
 
144
107
  .brand-heading-fluid-regular-2xlarge {
145
- font: var($fontWeight040) var($fontSize100)/var($fontLineHeight020) var($fontFamily010);
108
+ font: $fontWeight040 $fontSize100/$fontLineHeight020 $fontFamily010;
146
109
  }
147
110
 
148
111
  .brand-heading-fluid-bold-2xsmall {
149
- font: var($fontWeight070) var($fontSize045)/var($fontLineHeight020) var($fontFamily010);
112
+ font: $fontWeight070 $fontSize045/$fontLineHeight020 $fontFamily010;
150
113
  }
151
114
 
152
115
  .brand-heading-fluid-bold-xsmall {
153
- font: var($fontWeight070) var($fontSize050)/var($fontLineHeight020) var($fontFamily010);
116
+ font: $fontWeight070 $fontSize050/$fontLineHeight020 $fontFamily010;
154
117
  }
155
118
 
156
119
  .brand-heading-fluid-bold-small {
157
- font: var($fontWeight070) var($fontSize070)/var($fontLineHeight020) var($fontFamily010);
120
+ font: $fontWeight070 $fontSize070/$fontLineHeight020 $fontFamily010;
158
121
  }
159
122
 
160
123
  .brand-heading-fluid-bold-medium {
161
- font: var($fontWeight070) var($fontSize080)/var($fontLineHeight020) var($fontFamily010);
124
+ font: $fontWeight070 $fontSize080/$fontLineHeight020 $fontFamily010;
162
125
  }
163
126
 
164
127
  .brand-heading-fluid-bold-large {
165
- font: var($fontWeight070) var($fontSize090)/var($fontLineHeight020) var($fontFamily010);
128
+ font: $fontWeight070 $fontSize090/$fontLineHeight020 $fontFamily010;
166
129
  }
167
130
 
168
131
  .brand-heading-fluid-bold-xlarge {
169
- font: var($fontWeight070) var($fontSize095)/var($fontLineHeight020) var($fontFamily010);
132
+ font: $fontWeight070 $fontSize095/$fontLineHeight020 $fontFamily010;
170
133
  }
171
134
 
172
135
  .brand-heading-fluid-bold-2xlarge {
173
- font: var($fontWeight070) var($fontSize100)/var($fontLineHeight020) var($fontFamily010);
136
+ font: $fontWeight070 $fontSize100/$fontLineHeight020 $fontFamily010;
174
137
  }
175
138
 
176
139
  .brand-heading-fluid-black-2xsmall {
177
- font: var($fontWeight080) var($fontSize045)/var($fontLineHeight020) var($fontFamily010);
140
+ font: $fontWeight080 $fontSize045/$fontLineHeight020 $fontFamily010;
178
141
  }
179
142
 
180
143
  .brand-heading-fluid-black-xsmall {
181
- font: var($fontWeight080) var($fontSize050)/var($fontLineHeight020) var($fontFamily010);
144
+ font: $fontWeight080 $fontSize050/$fontLineHeight020 $fontFamily010;
182
145
  }
183
146
 
184
147
  .brand-heading-fluid-black-small {
185
- font: var($fontWeight080) var($fontSize070)/var($fontLineHeight020) var($fontFamily010);
148
+ font: $fontWeight080 $fontSize070/$fontLineHeight020 $fontFamily010;
186
149
  }
187
150
 
188
151
  .brand-heading-fluid-black-medium {
189
- font: var($fontWeight080) var($fontSize080)/var($fontLineHeight020) var($fontFamily010);
152
+ font: $fontWeight080 $fontSize080/$fontLineHeight020 $fontFamily010;
190
153
  }
191
154
 
192
155
  .brand-heading-fluid-black-large {
193
- font: var($fontWeight080) var($fontSize090)/var($fontLineHeight020) var($fontFamily010);
156
+ font: $fontWeight080 $fontSize090/$fontLineHeight020 $fontFamily010;
194
157
  }
195
158
 
196
159
  .brand-heading-fluid-black-xlarge {
197
- font: var($fontWeight080) var($fontSize095)/var($fontLineHeight020) var($fontFamily010);
160
+ font: $fontWeight080 $fontSize095/$fontLineHeight020 $fontFamily010;
198
161
  }
199
162
 
200
163
  .brand-heading-fluid-black-2xlarge {
201
- font: var($fontWeight080) var($fontSize100)/var($fontLineHeight020) var($fontFamily010);
164
+ font: $fontWeight080 $fontSize100/$fontLineHeight020 $fontFamily010;
202
165
  }
203
166
 
204
167
  .brand-heading-static-light-100 {
205
- font: var($fontWeight030) 56px / var($fontLineHeight020) var($fontFamily010);
168
+ font: $fontWeight030 56px / $fontLineHeight020 $fontFamily010;
206
169
  }
207
170
 
208
171
  .brand-heading-static-light-010 {
209
- font: var($fontWeight030) 19px / var($fontLineHeight020) var($fontFamily010);
172
+ font: $fontWeight030 19px / $fontLineHeight020 $fontFamily010;
210
173
  }
211
174
 
212
175
  .brand-heading-static-light-020 {
213
- font: var($fontWeight030) 20px / var($fontLineHeight020) var($fontFamily010);
176
+ font: $fontWeight030 20px / $fontLineHeight020 $fontFamily010;
214
177
  }
215
178
 
216
179
  .brand-heading-static-light-030 {
217
- font: var($fontWeight030) 24px / var($fontLineHeight020) var($fontFamily010);
180
+ font: $fontWeight030 24px / $fontLineHeight020 $fontFamily010;
218
181
  }
219
182
 
220
183
  .brand-heading-static-light-040 {
221
- font: var($fontWeight030) 28px / var($fontLineHeight020) var($fontFamily010);
184
+ font: $fontWeight030 28px / $fontLineHeight020 $fontFamily010;
222
185
  }
223
186
 
224
187
  .brand-heading-static-light-050 {
225
- font: var($fontWeight030) 32px / var($fontLineHeight020) var($fontFamily010);
188
+ font: $fontWeight030 32px / $fontLineHeight020 $fontFamily010;
226
189
  }
227
190
 
228
191
  .brand-heading-static-light-060 {
229
- font: var($fontWeight030) 36px / var($fontLineHeight020) var($fontFamily010);
192
+ font: $fontWeight030 36px / $fontLineHeight020 $fontFamily010;
230
193
  }
231
194
 
232
195
  .brand-heading-static-light-070 {
233
- font: var($fontWeight030) 40px / var($fontLineHeight020) var($fontFamily010);
196
+ font: $fontWeight030 40px / $fontLineHeight020 $fontFamily010;
234
197
  }
235
198
 
236
199
  .brand-heading-static-light-080 {
237
- font: var($fontWeight030) 46px / var($fontLineHeight020) var($fontFamily010);
200
+ font: $fontWeight030 46px / $fontLineHeight020 $fontFamily010;
238
201
  }
239
202
 
240
203
  .brand-heading-static-light-090 {
241
- font: var($fontWeight030) 48px / var($fontLineHeight020) var($fontFamily010);
204
+ font: $fontWeight030 48px / $fontLineHeight020 $fontFamily010;
242
205
  }
243
206
 
244
207
  .brand-heading-static-regular-100 {
245
- font: var($fontWeight040) 56px / var($fontLineHeight020) var($fontFamily010);
208
+ font: $fontWeight040 56px / $fontLineHeight020 $fontFamily010;
246
209
  }
247
210
 
248
211
  .brand-heading-static-regular-010 {
249
- font: var($fontWeight040) 19px / var($fontLineHeight020) var($fontFamily010);
212
+ font: $fontWeight040 19px / $fontLineHeight020 $fontFamily010;
250
213
  }
251
214
 
252
215
  .brand-heading-static-regular-020 {
253
- font: var($fontWeight040) 20px / var($fontLineHeight020) var($fontFamily010);
216
+ font: $fontWeight040 20px / $fontLineHeight020 $fontFamily010;
254
217
  }
255
218
 
256
219
  .brand-heading-static-regular-030 {
257
- font: var($fontWeight040) 24px / var($fontLineHeight020) var($fontFamily010);
220
+ font: $fontWeight040 24px / $fontLineHeight020 $fontFamily010;
258
221
  }
259
222
 
260
223
  .brand-heading-static-regular-040 {
261
- font: var($fontWeight040) 28px / var($fontLineHeight020) var($fontFamily010);
224
+ font: $fontWeight040 28px / $fontLineHeight020 $fontFamily010;
262
225
  }
263
226
 
264
227
  .brand-heading-static-regular-050 {
265
- font: var($fontWeight040) 32px / var($fontLineHeight020) var($fontFamily010);
228
+ font: $fontWeight040 32px / $fontLineHeight020 $fontFamily010;
266
229
  }
267
230
 
268
231
  .brand-heading-static-regular-060 {
269
- font: var($fontWeight040) 36px / var($fontLineHeight020) var($fontFamily010);
232
+ font: $fontWeight040 36px / $fontLineHeight020 $fontFamily010;
270
233
  }
271
234
 
272
235
  .brand-heading-static-regular-070 {
273
- font: var($fontWeight040) 40px / var($fontLineHeight020) var($fontFamily010);
236
+ font: $fontWeight040 40px / $fontLineHeight020 $fontFamily010;
274
237
  }
275
238
 
276
239
  .brand-heading-static-regular-080 {
277
- font: var($fontWeight040) 46px / var($fontLineHeight020) var($fontFamily010);
240
+ font: $fontWeight040 46px / $fontLineHeight020 $fontFamily010;
278
241
  }
279
242
 
280
243
  .brand-heading-static-regular-090 {
281
- font: var($fontWeight040) 48px / var($fontLineHeight020) var($fontFamily010);
244
+ font: $fontWeight040 48px / $fontLineHeight020 $fontFamily010;
282
245
  }
283
246
 
284
247
  .brand-heading-static-bold-100 {
285
- font: var($fontWeight070) 56px / var($fontLineHeight020) var($fontFamily010);
248
+ font: $fontWeight070 56px / $fontLineHeight020 $fontFamily010;
286
249
  }
287
250
 
288
251
  .brand-heading-static-bold-010 {
289
- font: var($fontWeight070) 19px / var($fontLineHeight020) var($fontFamily010);
252
+ font: $fontWeight070 19px / $fontLineHeight020 $fontFamily010;
290
253
  }
291
254
 
292
255
  .brand-heading-static-bold-020 {
293
- font: var($fontWeight070) 20px / var($fontLineHeight020) var($fontFamily010);
256
+ font: $fontWeight070 20px / $fontLineHeight020 $fontFamily010;
294
257
  }
295
258
 
296
259
  .brand-heading-static-bold-030 {
297
- font: var($fontWeight070) 24px / var($fontLineHeight020) var($fontFamily010);
260
+ font: $fontWeight070 24px / $fontLineHeight020 $fontFamily010;
298
261
  }
299
262
 
300
263
  .brand-heading-static-bold-040 {
301
- font: var($fontWeight070) 28px / var($fontLineHeight020) var($fontFamily010);
264
+ font: $fontWeight070 28px / $fontLineHeight020 $fontFamily010;
302
265
  }
303
266
 
304
267
  .brand-heading-static-bold-050 {
305
- font: var($fontWeight070) 32px / var($fontLineHeight020) var($fontFamily010);
268
+ font: $fontWeight070 32px / $fontLineHeight020 $fontFamily010;
306
269
  }
307
270
 
308
271
  .brand-heading-static-bold-060 {
309
- font: var($fontWeight070) 36px / var($fontLineHeight020) var($fontFamily010);
272
+ font: $fontWeight070 36px / $fontLineHeight020 $fontFamily010;
310
273
  }
311
274
 
312
275
  .brand-heading-static-bold-070 {
313
- font: var($fontWeight070) 40px / var($fontLineHeight020) var($fontFamily010);
276
+ font: $fontWeight070 40px / $fontLineHeight020 $fontFamily010;
314
277
  }
315
278
 
316
279
  .brand-heading-static-bold-080 {
317
- font: var($fontWeight070) 46px / var($fontLineHeight020) var($fontFamily010);
280
+ font: $fontWeight070 46px / $fontLineHeight020 $fontFamily010;
318
281
  }
319
282
 
320
283
  .brand-heading-static-bold-090 {
321
- font: var($fontWeight070) 48px / var($fontLineHeight020) var($fontFamily010);
284
+ font: $fontWeight070 48px / $fontLineHeight020 $fontFamily010;
322
285
  }
323
286
 
324
287
  .brand-heading-static-black-100 {
325
- font: var($fontWeight080) 56px / var($fontLineHeight020) var($fontFamily010);
288
+ font: $fontWeight080 56px / $fontLineHeight020 $fontFamily010;
326
289
  }
327
290
 
328
291
  .brand-heading-static-black-010 {
329
- font: var($fontWeight080) 19px / var($fontLineHeight020) var($fontFamily010);
292
+ font: $fontWeight080 19px / $fontLineHeight020 $fontFamily010;
330
293
  }
331
294
 
332
295
  .brand-heading-static-black-020 {
333
- font: var($fontWeight080) 20px / var($fontLineHeight020) var($fontFamily010);
296
+ font: $fontWeight080 20px / $fontLineHeight020 $fontFamily010;
334
297
  }
335
298
 
336
299
  .brand-heading-static-black-030 {
337
- font: var($fontWeight080) 24px / var($fontLineHeight020) var($fontFamily010);
300
+ font: $fontWeight080 24px / $fontLineHeight020 $fontFamily010;
338
301
  }
339
302
 
340
303
  .brand-heading-static-black-040 {
341
- font: var($fontWeight080) 28px / var($fontLineHeight020) var($fontFamily010);
304
+ font: $fontWeight080 28px / $fontLineHeight020 $fontFamily010;
342
305
  }
343
306
 
344
307
  .brand-heading-static-black-050 {
345
- font: var($fontWeight080) 32px / var($fontLineHeight020) var($fontFamily010);
308
+ font: $fontWeight080 32px / $fontLineHeight020 $fontFamily010;
346
309
  }
347
310
 
348
311
  .brand-heading-static-black-060 {
349
- font: var($fontWeight080) 36px / var($fontLineHeight020) var($fontFamily010);
312
+ font: $fontWeight080 36px / $fontLineHeight020 $fontFamily010;
350
313
  }
351
314
 
352
315
  .brand-heading-static-black-070 {
353
- font: var($fontWeight080) 40px / var($fontLineHeight020) var($fontFamily010);
316
+ font: $fontWeight080 40px / $fontLineHeight020 $fontFamily010;
354
317
  }
355
318
 
356
319
  .brand-heading-static-black-080 {
357
- font: var($fontWeight080) 46px / var($fontLineHeight020) var($fontFamily010);
320
+ font: $fontWeight080 46px / $fontLineHeight020 $fontFamily010;
358
321
  }
359
322
 
360
323
  .brand-heading-static-black-090 {
361
- font: var($fontWeight080) 48px / var($fontLineHeight020) var($fontFamily010);
324
+ font: $fontWeight080 48px / $fontLineHeight020 $fontFamily010;
362
325
  }
363
326
 
364
327
  .brand-subheading-light-small {
365
- font: var($fontWeight030) var($fontSize020)/var($fontLineHeight020) var($fontFamily010);
328
+ font: $fontWeight030 $fontSize020/$fontLineHeight020 $fontFamily010;
366
329
  }
367
330
 
368
331
  .brand-subheading-light-medium {
369
- font: var($fontWeight030) var($fontSize040)/var($fontLineHeight020) var($fontFamily010);
332
+ font: $fontWeight030 $fontSize040/$fontLineHeight020 $fontFamily010;
370
333
  }
371
334
 
372
335
  .brand-subheading-light-large {
373
- font: var($fontWeight030) var($fontSize050)/var($fontLineHeight020) var($fontFamily010);
336
+ font: $fontWeight030 $fontSize050/$fontLineHeight020 $fontFamily010;
374
337
  }
375
338
 
376
339
  .brand-subheading-light-xlarge {
377
- font: var($fontWeight030) var($fontSize070)/var($fontLineHeight020) var($fontFamily010);
340
+ font: $fontWeight030 $fontSize070/$fontLineHeight020 $fontFamily010;
378
341
  }
379
342
 
380
343
  .brand-subheading-regular-small {
381
- font: var($fontWeight040) var($fontSize020)/var($fontLineHeight020) var($fontFamily010);
344
+ font: $fontWeight040 $fontSize020/$fontLineHeight020 $fontFamily010;
382
345
  }
383
346
 
384
347
  .brand-subheading-regular-medium {
385
- font: var($fontWeight040) var($fontSize040)/var($fontLineHeight020) var($fontFamily010);
348
+ font: $fontWeight040 $fontSize040/$fontLineHeight020 $fontFamily010;
386
349
  }
387
350
 
388
351
  .brand-subheading-regular-large {
389
- font: var($fontWeight040) var($fontSize050)/var($fontLineHeight020) var($fontFamily010);
352
+ font: $fontWeight040 $fontSize050/$fontLineHeight020 $fontFamily010;
390
353
  }
391
354
 
392
355
  .brand-subheading-regular-xlarge {
393
- font: var($fontWeight040) var($fontSize070)/var($fontLineHeight020) var($fontFamily010);
356
+ font: $fontWeight040 $fontSize070/$fontLineHeight020 $fontFamily010;
394
357
  }
395
358
 
396
359
  .brand-subheading-bold-small {
397
- font: var($fontWeight070) var($fontSize020)/var($fontLineHeight020) var($fontFamily010);
360
+ font: $fontWeight070 $fontSize020/$fontLineHeight020 $fontFamily010;
398
361
  }
399
362
 
400
363
  .brand-subheading-bold-medium {
401
- font: var($fontWeight070) var($fontSize040)/var($fontLineHeight020) var($fontFamily010);
364
+ font: $fontWeight070 $fontSize040/$fontLineHeight020 $fontFamily010;
402
365
  }
403
366
 
404
367
  .brand-subheading-bold-large {
405
- font: var($fontWeight070) var($fontSize050)/var($fontLineHeight020) var($fontFamily010);
368
+ font: $fontWeight070 $fontSize050/$fontLineHeight020 $fontFamily010;
406
369
  }
407
370
 
408
371
  .brand-subheading-bold-xlarge {
409
- font: var($fontWeight070) var($fontSize070)/var($fontLineHeight020) var($fontFamily010);
372
+ font: $fontWeight070 $fontSize070/$fontLineHeight020 $fontFamily010;
410
373
  }
411
374
 
412
375
  .brand-standfirst-large {
413
- font: var($fontWeight040) var($fontSize050)/var($fontLineHeight020) var($fontFamily010);
376
+ font: $fontWeight040 $fontSize050/$fontLineHeight020 $fontFamily010;
414
377
  }
415
378
 
416
379
  .brand-standfirst-medium {
417
- font: var($fontWeight040) var($fontSize020)/var($fontLineHeight020) var($fontFamily010);
380
+ font: $fontWeight040 $fontSize020/$fontLineHeight020 $fontFamily010;
418
381
  }
419
382
 
420
383
  .brand-paragraph-regular-small {
421
- font: var($fontSize030)/var($fontLineHeight040) var($fontFamily020);
384
+ font: $fontSize030/$fontLineHeight040 $fontFamily020;
422
385
  }
423
386
 
424
387
  .brand-paragraph-regular-medium {
425
- font: var($fontSize035)/var($fontLineHeight040) var($fontFamily020);
388
+ font: $fontSize035/$fontLineHeight040 $fontFamily020;
426
389
  }
427
390
 
428
391
  .brand-paragraph-bold-small {
429
- font: var($fontSize030)/var($fontLineHeight040) var($fontFamily030);
392
+ font: $fontSize030/$fontLineHeight040 $fontFamily030;
430
393
  }
431
394
 
432
395
  .brand-paragraph-bold-medium {
433
- font: var($fontSize035)/var($fontLineHeight040) var($fontFamily030);
396
+ font: $fontSize035/$fontLineHeight040 $fontFamily030;
434
397
  }
435
398
 
436
399
  .brand-caption {
437
- font: var($fontWeight040) var($fontSize020)/var($fontLineHeight040) var($fontFamily040);
400
+ font: $fontWeight040 $fontSize020/$fontLineHeight040 $fontFamily040;
438
401
  }
439
402
 
440
403
  .brand-byline-medium {
441
- font: var($fontWeight040) var($fontSize020)/var($fontLineHeight020) var($fontFamily040);
404
+ font: $fontWeight040 $fontSize020/$fontLineHeight020 $fontFamily040;
442
405
  }
443
406
 
444
407
  .brand-byline-small {
445
- font: var($fontWeight040) var($fontSize010)/var($fontLineHeight020) var($fontFamily040);
408
+ font: $fontWeight040 $fontSize010/$fontLineHeight020 $fontFamily040;
446
409
  }
447
410
 
448
411
  .utility-heading-small {
449
- font: var($fontWeight070) var($fontSize040)/var($fontLineHeight030) var($fontFamily040);
412
+ font: $fontWeight070 $fontSize040/$fontLineHeight030 $fontFamily040;
450
413
  }
451
414
 
452
415
  .utility-heading-medium {
453
- font: var($fontWeight070) var($fontSize070)/var($fontLineHeight030) var($fontFamily040);
416
+ font: $fontWeight070 $fontSize070/$fontLineHeight030 $fontFamily040;
454
417
  }
455
418
 
456
419
  .utility-heading-large {
457
- font: var($fontWeight070) var($fontSize080)/var($fontLineHeight030) var($fontFamily040);
420
+ font: $fontWeight070 $fontSize080/$fontLineHeight030 $fontFamily040;
458
421
  }
459
422
 
460
423
  .utility-subheading-xsmall {
461
- font: var($fontWeight050) var($fontSize010)/var($fontLineHeight030) var($fontFamily040);
424
+ font: $fontWeight050 $fontSize010/$fontLineHeight030 $fontFamily040;
462
425
  }
463
426
 
464
427
  .utility-subheading-small {
465
- font: var($fontWeight050) var($fontSize020)/var($fontLineHeight030) var($fontFamily040);
428
+ font: $fontWeight050 $fontSize020/$fontLineHeight030 $fontFamily040;
466
429
  }
467
430
 
468
431
  .utility-subheading-medium {
469
- font: var($fontWeight050) var($fontSize030)/var($fontLineHeight030) var($fontFamily040);
432
+ font: $fontWeight050 $fontSize030/$fontLineHeight030 $fontFamily040;
470
433
  }
471
434
 
472
435
  .utility-subheading-large {
473
- font: var($fontWeight050) var($fontSize050)/var($fontLineHeight030) var($fontFamily040);
436
+ font: $fontWeight050 $fontSize050/$fontLineHeight030 $fontFamily040;
474
437
  }
475
438
 
476
439
  .utility-body-regular-xsmall {
477
- font: var($fontWeight040) var($fontSize010)/var($fontLineHeight040) var($fontFamily040);
440
+ font: $fontWeight040 $fontSize010/$fontLineHeight040 $fontFamily040;
478
441
  }
479
442
 
480
443
  .utility-body-regular-2xsmall {
481
- font: var($fontWeight040) var($fontSize005)/var($fontLineHeight040) var($fontFamily040);
444
+ font: $fontWeight040 $fontSize005/$fontLineHeight040 $fontFamily040;
482
445
  }
483
446
 
484
447
  .utility-body-regular-small {
485
- font: var($fontWeight040) var($fontSize020)/var($fontLineHeight040) var($fontFamily040);
448
+ font: $fontWeight040 $fontSize020/$fontLineHeight040 $fontFamily040;
486
449
  }
487
450
 
488
451
  .utility-body-regular-medium {
489
- font: var($fontWeight040) var($fontSize030)/var($fontLineHeight040) var($fontFamily040);
452
+ font: $fontWeight040 $fontSize030/$fontLineHeight040 $fontFamily040;
490
453
  }
491
454
 
492
455
  .utility-body-regular-large {
493
- font: var($fontWeight040) var($fontSize040)/var($fontLineHeight040) var($fontFamily040);
456
+ font: $fontWeight040 $fontSize040/$fontLineHeight040 $fontFamily040;
494
457
  }
495
458
 
496
459
  .utility-body-bold-2xsmall {
497
- font: var($fontWeight070) var($fontSize005)/var($fontLineHeight040) var($fontFamily040);
460
+ font: $fontWeight070 $fontSize005/$fontLineHeight040 $fontFamily040;
498
461
  }
499
462
 
500
463
  .utility-body-bold-xsmall {
501
- font: var($fontWeight070) var($fontSize010)/var($fontLineHeight040) var($fontFamily040);
464
+ font: $fontWeight070 $fontSize010/$fontLineHeight040 $fontFamily040;
502
465
  }
503
466
 
504
467
  .utility-body-bold-small {
505
- font: var($fontWeight070) var($fontSize020)/var($fontLineHeight040) var($fontFamily040);
468
+ font: $fontWeight070 $fontSize020/$fontLineHeight040 $fontFamily040;
506
469
  }
507
470
 
508
471
  .utility-body-bold-medium {
509
- font: var($fontWeight070) var($fontSize030)/var($fontLineHeight040) var($fontFamily040);
472
+ font: $fontWeight070 $fontSize030/$fontLineHeight040 $fontFamily040;
510
473
  }
511
474
 
512
475
  .utility-body-bold-large {
513
- font: var($fontWeight070) var($fontSize040)/var($fontLineHeight040) var($fontFamily040);
476
+ font: $fontWeight070 $fontSize040/$fontLineHeight040 $fontFamily040;
514
477
  }
515
478
 
516
479
  .utility-button-xsmall {
517
- font: var($fontWeight050) var($fontSize010)/var($fontLineHeight010) var($fontFamily040);
480
+ font: $fontWeight050 $fontSize010/$fontLineHeight010 $fontFamily040;
518
481
  }
519
482
 
520
483
  .utility-button-small {
521
- font: var($fontWeight050) var($fontSize020)/var($fontLineHeight010) var($fontFamily040);
484
+ font: $fontWeight050 $fontSize020/$fontLineHeight010 $fontFamily040;
522
485
  }
523
486
 
524
487
  .utility-button-medium {
525
- font: var($fontWeight050) var($fontSize030)/var($fontLineHeight010) var($fontFamily040);
488
+ font: $fontWeight050 $fontSize030/$fontLineHeight010 $fontFamily040;
526
489
  }
527
490
 
528
491
  .utility-button-large {
529
- font: var($fontWeight050) var($fontSize040)/var($fontLineHeight010) var($fontFamily040);
492
+ font: $fontWeight050 $fontSize040/$fontLineHeight010 $fontFamily040;
530
493
  }
531
494
 
532
495
  .utility-label-xsmall {
533
- font: var($fontWeight050) var($fontSize010)/var($fontLineHeight020) var($fontFamily040);
496
+ font: $fontWeight050 $fontSize010/$fontLineHeight020 $fontFamily040;
534
497
  }
535
498
 
536
499
  .utility-label-small {
537
- font: var($fontWeight050) var($fontSize020)/var($fontLineHeight020) var($fontFamily040);
500
+ font: $fontWeight050 $fontSize020/$fontLineHeight020 $fontFamily040;
538
501
  }
539
502
 
540
503
  .utility-label-medium {
541
- font: var($fontWeight050) var($fontSize030)/var($fontLineHeight020) var($fontFamily040);
504
+ font: $fontWeight050 $fontSize030/$fontLineHeight020 $fontFamily040;
542
505
  }
543
506
 
544
507
  .utility-label-large {
545
- font: var($fontWeight050) var($fontSize040)/var($fontLineHeight020) var($fontFamily040);
508
+ font: $fontWeight050 $fontSize040/$fontLineHeight020 $fontFamily040;
546
509
  }
547
510
 
548
511
  .utility-link-inline-utility-xsmall {
549
- font: var($fontWeight070) var($fontSize010)/var($fontLineHeight040) var($fontFamily040);
512
+ font: $fontWeight070 $fontSize010/$fontLineHeight040 $fontFamily040;
550
513
  }
551
514
 
552
515
  .utility-link-inline-utility-small {
553
- font: var($fontWeight070) var($fontSize020)/var($fontLineHeight040) var($fontFamily040);
516
+ font: $fontWeight070 $fontSize020/$fontLineHeight040 $fontFamily040;
554
517
  }
555
518
 
556
519
  .utility-link-inline-utility-medium {
557
- font: var($fontWeight070) var($fontSize030)/var($fontLineHeight040) var($fontFamily040);
520
+ font: $fontWeight070 $fontSize030/$fontLineHeight040 $fontFamily040;
558
521
  }
559
522
 
560
523
  .utility-link-inline-utility-large {
561
- font: var($fontWeight070) var($fontSize040)/var($fontLineHeight040) var($fontFamily040);
524
+ font: $fontWeight070 $fontSize040/$fontLineHeight040 $fontFamily040;
562
525
  }
563
526
 
564
527
  .utility-link-inline-brand-xsmall {
565
- font: var($fontWeight040) var($fontSize010)/var($fontLineHeight040) var($fontFamily020);
528
+ font: $fontWeight040 $fontSize010/$fontLineHeight040 $fontFamily020;
566
529
  }
567
530
 
568
531
  .utility-link-inline-brand-small {
569
- font: var($fontWeight040) var($fontSize020)/var($fontLineHeight040) var($fontFamily020);
532
+ font: $fontWeight040 $fontSize020/$fontLineHeight040 $fontFamily020;
570
533
  }
571
534
 
572
535
  .utility-link-inline-brand-medium {
573
- font: var($fontWeight040) var($fontSize030)/var($fontLineHeight040) var($fontFamily020);
536
+ font: $fontWeight040 $fontSize030/$fontLineHeight040 $fontFamily020;
574
537
  }
575
538
 
576
539
  .utility-link-inline-brand-large {
577
- font: var($fontWeight040) var($fontSize040)/var($fontLineHeight040) var($fontFamily020);
540
+ font: $fontWeight040 $fontSize040/$fontLineHeight040 $fontFamily020;
578
541
  }
579
542
 
580
543
  .utility-link-standalone-utility-xsmall {
581
- font: var($fontWeight070) var($fontSize010)/var($fontLineHeight040) var($fontFamily040);
544
+ font: $fontWeight070 $fontSize010/$fontLineHeight040 $fontFamily040;
582
545
  }
583
546
 
584
547
  .utility-link-standalone-utility-small {
585
- font: var($fontWeight070) var($fontSize020)/var($fontLineHeight040) var($fontFamily040);
548
+ font: $fontWeight070 $fontSize020/$fontLineHeight040 $fontFamily040;
586
549
  }
587
550
 
588
551
  .utility-link-standalone-utility-medium {
589
- font: var($fontWeight070) var($fontSize030)/var($fontLineHeight040) var($fontFamily040);
552
+ font: $fontWeight070 $fontSize030/$fontLineHeight040 $fontFamily040;
590
553
  }
591
554
 
592
555
  .utility-link-standalone-utility-large {
593
- font: var($fontWeight070) var($fontSize040)/var($fontLineHeight040) var($fontFamily040);
556
+ font: $fontWeight070 $fontSize040/$fontLineHeight040 $fontFamily040;
594
557
  }
595
558
 
596
559
  .utility-link-standalone-brand-xsmall {
597
- font: var($fontWeight040) var($fontSize010)/var($fontLineHeight040) var($fontFamily020);
560
+ font: $fontWeight040 $fontSize010/$fontLineHeight040 $fontFamily020;
598
561
  }
599
562
 
600
563
  .utility-link-standalone-brand-small {
601
- font: var($fontWeight040) var($fontSize020)/var($fontLineHeight040) var($fontFamily020);
564
+ font: $fontWeight040 $fontSize020/$fontLineHeight040 $fontFamily020;
602
565
  }
603
566
 
604
567
  .utility-link-standalone-brand-medium {
605
- font: var($fontWeight040) var($fontSize030)/var($fontLineHeight040) var($fontFamily020);
568
+ font: $fontWeight040 $fontSize030/$fontLineHeight040 $fontFamily020;
606
569
  }
607
570
 
608
571
  .utility-link-standalone-brand-large {
609
- font: var($fontWeight040) var($fontSize040)/var($fontLineHeight040) var($fontFamily020);
572
+ font: $fontWeight040 $fontSize040/$fontLineHeight040 $fontFamily020;
610
573
  }
611
574