@penskemediacorp/larva-css 1.27.1 → 1.28.0

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 (11) hide show
  1. package/__tests__/fixtures/expected.js +5 -8
  2. package/build/css/algorithms.common.async.css +1 -1
  3. package/build/css/algorithms.common.inline.css +8 -8
  4. package/build/css/generic.common.inline.css +2 -2
  5. package/build/css/js.common.async.css +2 -2
  6. package/build/css/js.common.inline.css +2 -2
  7. package/build/css/utilities.common.async.css +3 -3
  8. package/build/css/utilities.common.inline.css +2 -2
  9. package/lib/generators.js +2 -4
  10. package/package.json +4 -4
  11. package/src/_generated/_a-font.scss +190 -304
package/src/_generated/_a-font.scss CHANGED
@@ -18,15 +18,12 @@
18
18
  font-weight: var( --primary-xxl-font-weight-desktop );
19
19
  font-style: var( --primary-xxl-font-style-desktop );
20
20
  }
21
-
22
21
  @media (min-width: $screen-desktop-xl) {
23
- html:not(.has-side-skins) & {
24
- font-size: var( --primary-xxl-font-size-desktop-xl );
25
- line-height: var( --primary-xxl-line-height-desktop-xl );
26
- letter-spacing: var( --primary-xxl-letter-spacing-desktop-xl );
27
- font-weight: var( --primary-xxl-font-weight-desktop-xl );
28
- font-style: var( --primary-xxl-font-style-desktop-xl );
29
- }
22
+ font-size: var( --primary-xxl-font-size-desktop-xl );
23
+ line-height: var( --primary-xxl-line-height-desktop-xl );
24
+ letter-spacing: var( --primary-xxl-letter-spacing-desktop-xl );
25
+ font-weight: var( --primary-xxl-font-weight-desktop-xl );
26
+ font-style: var( --primary-xxl-font-style-desktop-xl );
30
27
  }
31
28
  }
32
29
 
@@ -48,15 +45,12 @@
48
45
  font-weight: var( --primary-xl-font-weight-desktop );
49
46
  font-style: var( --primary-xl-font-style-desktop );
50
47
  }
51
-
52
48
  @media (min-width: $screen-desktop-xl) {
53
- html:not(.has-side-skins) & {
54
- font-size: var( --primary-xl-font-size-desktop-xl );
55
- line-height: var( --primary-xl-line-height-desktop-xl );
56
- letter-spacing: var( --primary-xl-letter-spacing-desktop-xl );
57
- font-weight: var( --primary-xl-font-weight-desktop-xl );
58
- font-style: var( --primary-xl-font-style-desktop-xl );
59
- }
49
+ font-size: var( --primary-xl-font-size-desktop-xl );
50
+ line-height: var( --primary-xl-line-height-desktop-xl );
51
+ letter-spacing: var( --primary-xl-letter-spacing-desktop-xl );
52
+ font-weight: var( --primary-xl-font-weight-desktop-xl );
53
+ font-style: var( --primary-xl-font-style-desktop-xl );
60
54
  }
61
55
  }
62
56
 
@@ -78,15 +72,12 @@
78
72
  font-weight: var( --primary-l-font-weight-desktop );
79
73
  font-style: var( --primary-l-font-style-desktop );
80
74
  }
81
-
82
75
  @media (min-width: $screen-desktop-xl) {
83
- html:not(.has-side-skins) & {
84
- font-size: var( --primary-l-font-size-desktop-xl );
85
- line-height: var( --primary-l-line-height-desktop-xl );
86
- letter-spacing: var( --primary-l-letter-spacing-desktop-xl );
87
- font-weight: var( --primary-l-font-weight-desktop-xl );
88
- font-style: var( --primary-l-font-style-desktop-xl );
89
- }
76
+ font-size: var( --primary-l-font-size-desktop-xl );
77
+ line-height: var( --primary-l-line-height-desktop-xl );
78
+ letter-spacing: var( --primary-l-letter-spacing-desktop-xl );
79
+ font-weight: var( --primary-l-font-weight-desktop-xl );
80
+ font-style: var( --primary-l-font-style-desktop-xl );
90
81
  }
91
82
  }
92
83
 
@@ -108,15 +99,12 @@
108
99
  font-weight: var( --primary-m-font-weight-desktop );
109
100
  font-style: var( --primary-m-font-style-desktop );
110
101
  }
111
-
112
102
  @media (min-width: $screen-desktop-xl) {
113
- html:not(.has-side-skins) & {
114
- font-size: var( --primary-m-font-size-desktop-xl );
115
- line-height: var( --primary-m-line-height-desktop-xl );
116
- letter-spacing: var( --primary-m-letter-spacing-desktop-xl );
117
- font-weight: var( --primary-m-font-weight-desktop-xl );
118
- font-style: var( --primary-m-font-style-desktop-xl );
119
- }
103
+ font-size: var( --primary-m-font-size-desktop-xl );
104
+ line-height: var( --primary-m-line-height-desktop-xl );
105
+ letter-spacing: var( --primary-m-letter-spacing-desktop-xl );
106
+ font-weight: var( --primary-m-font-weight-desktop-xl );
107
+ font-style: var( --primary-m-font-style-desktop-xl );
120
108
  }
121
109
  }
122
110
 
@@ -138,15 +126,12 @@
138
126
  font-weight: var( --primary-s-font-weight-desktop );
139
127
  font-style: var( --primary-s-font-style-desktop );
140
128
  }
141
-
142
129
  @media (min-width: $screen-desktop-xl) {
143
- html:not(.has-side-skins) & {
144
- font-size: var( --primary-s-font-size-desktop-xl );
145
- line-height: var( --primary-s-line-height-desktop-xl );
146
- letter-spacing: var( --primary-s-letter-spacing-desktop-xl );
147
- font-weight: var( --primary-s-font-weight-desktop-xl );
148
- font-style: var( --primary-s-font-style-desktop-xl );
149
- }
130
+ font-size: var( --primary-s-font-size-desktop-xl );
131
+ line-height: var( --primary-s-line-height-desktop-xl );
132
+ letter-spacing: var( --primary-s-letter-spacing-desktop-xl );
133
+ font-weight: var( --primary-s-font-weight-desktop-xl );
134
+ font-style: var( --primary-s-font-style-desktop-xl );
150
135
  }
151
136
  }
152
137
 
@@ -168,15 +153,12 @@
168
153
  font-weight: var( --primary-xs-font-weight-desktop );
169
154
  font-style: var( --primary-xs-font-style-desktop );
170
155
  }
171
-
172
156
  @media (min-width: $screen-desktop-xl) {
173
- html:not(.has-side-skins) & {
174
- font-size: var( --primary-xs-font-size-desktop-xl );
175
- line-height: var( --primary-xs-line-height-desktop-xl );
176
- letter-spacing: var( --primary-xs-letter-spacing-desktop-xl );
177
- font-weight: var( --primary-xs-font-weight-desktop-xl );
178
- font-style: var( --primary-xs-font-style-desktop-xl );
179
- }
157
+ font-size: var( --primary-xs-font-size-desktop-xl );
158
+ line-height: var( --primary-xs-line-height-desktop-xl );
159
+ letter-spacing: var( --primary-xs-letter-spacing-desktop-xl );
160
+ font-weight: var( --primary-xs-font-weight-desktop-xl );
161
+ font-style: var( --primary-xs-font-style-desktop-xl );
180
162
  }
181
163
  }
182
164
 
@@ -198,15 +180,12 @@
198
180
  font-weight: var( --primary-xxs-font-weight-desktop );
199
181
  font-style: var( --primary-xxs-font-style-desktop );
200
182
  }
201
-
202
183
  @media (min-width: $screen-desktop-xl) {
203
- html:not(.has-side-skins) & {
204
- font-size: var( --primary-xxs-font-size-desktop-xl );
205
- line-height: var( --primary-xxs-line-height-desktop-xl );
206
- letter-spacing: var( --primary-xxs-letter-spacing-desktop-xl );
207
- font-weight: var( --primary-xxs-font-weight-desktop-xl );
208
- font-style: var( --primary-xxs-font-style-desktop-xl );
209
- }
184
+ font-size: var( --primary-xxs-font-size-desktop-xl );
185
+ line-height: var( --primary-xxs-line-height-desktop-xl );
186
+ letter-spacing: var( --primary-xxs-letter-spacing-desktop-xl );
187
+ font-weight: var( --primary-xxs-font-weight-desktop-xl );
188
+ font-style: var( --primary-xxs-font-style-desktop-xl );
210
189
  }
211
190
  }
212
191
 
@@ -228,15 +207,12 @@
228
207
  font-weight: var( --primary-xxxs-font-weight-desktop );
229
208
  font-style: var( --primary-xxxs-font-style-desktop );
230
209
  }
231
-
232
210
  @media (min-width: $screen-desktop-xl) {
233
- html:not(.has-side-skins) & {
234
- font-size: var( --primary-xxxs-font-size-desktop-xl );
235
- line-height: var( --primary-xxxs-line-height-desktop-xl );
236
- letter-spacing: var( --primary-xxxs-letter-spacing-desktop-xl );
237
- font-weight: var( --primary-xxxs-font-weight-desktop-xl );
238
- font-style: var( --primary-xxxs-font-style-desktop-xl );
239
- }
211
+ font-size: var( --primary-xxxs-font-size-desktop-xl );
212
+ line-height: var( --primary-xxxs-line-height-desktop-xl );
213
+ letter-spacing: var( --primary-xxxs-letter-spacing-desktop-xl );
214
+ font-weight: var( --primary-xxxs-font-weight-desktop-xl );
215
+ font-style: var( --primary-xxxs-font-style-desktop-xl );
240
216
  }
241
217
  }
242
218
 
@@ -258,15 +234,12 @@
258
234
  font-weight: var( --secondary-xxl-font-weight-desktop );
259
235
  font-style: var( --secondary-xxl-font-style-desktop );
260
236
  }
261
-
262
237
  @media (min-width: $screen-desktop-xl) {
263
- html:not(.has-side-skins) & {
264
- font-size: var( --secondary-xxl-font-size-desktop-xl );
265
- line-height: var( --secondary-xxl-line-height-desktop-xl );
266
- letter-spacing: var( --secondary-xxl-letter-spacing-desktop-xl );
267
- font-weight: var( --secondary-xxl-font-weight-desktop-xl );
268
- font-style: var( --secondary-xxl-font-style-desktop-xl );
269
- }
238
+ font-size: var( --secondary-xxl-font-size-desktop-xl );
239
+ line-height: var( --secondary-xxl-line-height-desktop-xl );
240
+ letter-spacing: var( --secondary-xxl-letter-spacing-desktop-xl );
241
+ font-weight: var( --secondary-xxl-font-weight-desktop-xl );
242
+ font-style: var( --secondary-xxl-font-style-desktop-xl );
270
243
  }
271
244
  }
272
245
 
@@ -288,15 +261,12 @@
288
261
  font-weight: var( --secondary-xl-font-weight-desktop );
289
262
  font-style: var( --secondary-xl-font-style-desktop );
290
263
  }
291
-
292
264
  @media (min-width: $screen-desktop-xl) {
293
- html:not(.has-side-skins) & {
294
- font-size: var( --secondary-xl-font-size-desktop-xl );
295
- line-height: var( --secondary-xl-line-height-desktop-xl );
296
- letter-spacing: var( --secondary-xl-letter-spacing-desktop-xl );
297
- font-weight: var( --secondary-xl-font-weight-desktop-xl );
298
- font-style: var( --secondary-xl-font-style-desktop-xl );
299
- }
265
+ font-size: var( --secondary-xl-font-size-desktop-xl );
266
+ line-height: var( --secondary-xl-line-height-desktop-xl );
267
+ letter-spacing: var( --secondary-xl-letter-spacing-desktop-xl );
268
+ font-weight: var( --secondary-xl-font-weight-desktop-xl );
269
+ font-style: var( --secondary-xl-font-style-desktop-xl );
300
270
  }
301
271
  }
302
272
 
@@ -318,15 +288,12 @@
318
288
  font-weight: var( --secondary-l-font-weight-desktop );
319
289
  font-style: var( --secondary-l-font-style-desktop );
320
290
  }
321
-
322
291
  @media (min-width: $screen-desktop-xl) {
323
- html:not(.has-side-skins) & {
324
- font-size: var( --secondary-l-font-size-desktop-xl );
325
- line-height: var( --secondary-l-line-height-desktop-xl );
326
- letter-spacing: var( --secondary-l-letter-spacing-desktop-xl );
327
- font-weight: var( --secondary-l-font-weight-desktop-xl );
328
- font-style: var( --secondary-l-font-style-desktop-xl );
329
- }
292
+ font-size: var( --secondary-l-font-size-desktop-xl );
293
+ line-height: var( --secondary-l-line-height-desktop-xl );
294
+ letter-spacing: var( --secondary-l-letter-spacing-desktop-xl );
295
+ font-weight: var( --secondary-l-font-weight-desktop-xl );
296
+ font-style: var( --secondary-l-font-style-desktop-xl );
330
297
  }
331
298
  }
332
299
 
@@ -348,15 +315,12 @@
348
315
  font-weight: var( --secondary-m-font-weight-desktop );
349
316
  font-style: var( --secondary-m-font-style-desktop );
350
317
  }
351
-
352
318
  @media (min-width: $screen-desktop-xl) {
353
- html:not(.has-side-skins) & {
354
- font-size: var( --secondary-m-font-size-desktop-xl );
355
- line-height: var( --secondary-m-line-height-desktop-xl );
356
- letter-spacing: var( --secondary-m-letter-spacing-desktop-xl );
357
- font-weight: var( --secondary-m-font-weight-desktop-xl );
358
- font-style: var( --secondary-m-font-style-desktop-xl );
359
- }
319
+ font-size: var( --secondary-m-font-size-desktop-xl );
320
+ line-height: var( --secondary-m-line-height-desktop-xl );
321
+ letter-spacing: var( --secondary-m-letter-spacing-desktop-xl );
322
+ font-weight: var( --secondary-m-font-weight-desktop-xl );
323
+ font-style: var( --secondary-m-font-style-desktop-xl );
360
324
  }
361
325
  }
362
326
 
@@ -378,15 +342,12 @@
378
342
  font-weight: var( --secondary-s-font-weight-desktop );
379
343
  font-style: var( --secondary-s-font-style-desktop );
380
344
  }
381
-
382
345
  @media (min-width: $screen-desktop-xl) {
383
- html:not(.has-side-skins) & {
384
- font-size: var( --secondary-s-font-size-desktop-xl );
385
- line-height: var( --secondary-s-line-height-desktop-xl );
386
- letter-spacing: var( --secondary-s-letter-spacing-desktop-xl );
387
- font-weight: var( --secondary-s-font-weight-desktop-xl );
388
- font-style: var( --secondary-s-font-style-desktop-xl );
389
- }
346
+ font-size: var( --secondary-s-font-size-desktop-xl );
347
+ line-height: var( --secondary-s-line-height-desktop-xl );
348
+ letter-spacing: var( --secondary-s-letter-spacing-desktop-xl );
349
+ font-weight: var( --secondary-s-font-weight-desktop-xl );
350
+ font-style: var( --secondary-s-font-style-desktop-xl );
390
351
  }
391
352
  }
392
353
 
@@ -408,15 +369,12 @@
408
369
  font-weight: var( --secondary-xs-font-weight-desktop );
409
370
  font-style: var( --secondary-xs-font-style-desktop );
410
371
  }
411
-
412
372
  @media (min-width: $screen-desktop-xl) {
413
- html:not(.has-side-skins) & {
414
- font-size: var( --secondary-xs-font-size-desktop-xl );
415
- line-height: var( --secondary-xs-line-height-desktop-xl );
416
- letter-spacing: var( --secondary-xs-letter-spacing-desktop-xl );
417
- font-weight: var( --secondary-xs-font-weight-desktop-xl );
418
- font-style: var( --secondary-xs-font-style-desktop-xl );
419
- }
373
+ font-size: var( --secondary-xs-font-size-desktop-xl );
374
+ line-height: var( --secondary-xs-line-height-desktop-xl );
375
+ letter-spacing: var( --secondary-xs-letter-spacing-desktop-xl );
376
+ font-weight: var( --secondary-xs-font-weight-desktop-xl );
377
+ font-style: var( --secondary-xs-font-style-desktop-xl );
420
378
  }
421
379
  }
422
380
 
@@ -438,15 +396,12 @@
438
396
  font-weight: var( --secondary-xxs-font-weight-desktop );
439
397
  font-style: var( --secondary-xxs-font-style-desktop );
440
398
  }
441
-
442
399
  @media (min-width: $screen-desktop-xl) {
443
- html:not(.has-side-skins) & {
444
- font-size: var( --secondary-xxs-font-size-desktop-xl );
445
- line-height: var( --secondary-xxs-line-height-desktop-xl );
446
- letter-spacing: var( --secondary-xxs-letter-spacing-desktop-xl );
447
- font-weight: var( --secondary-xxs-font-weight-desktop-xl );
448
- font-style: var( --secondary-xxs-font-style-desktop-xl );
449
- }
400
+ font-size: var( --secondary-xxs-font-size-desktop-xl );
401
+ line-height: var( --secondary-xxs-line-height-desktop-xl );
402
+ letter-spacing: var( --secondary-xxs-letter-spacing-desktop-xl );
403
+ font-weight: var( --secondary-xxs-font-weight-desktop-xl );
404
+ font-style: var( --secondary-xxs-font-style-desktop-xl );
450
405
  }
451
406
  }
452
407
 
@@ -468,15 +423,12 @@
468
423
  font-weight: var( --secondary-regular-m-font-weight-desktop );
469
424
  font-style: var( --secondary-regular-m-font-style-desktop );
470
425
  }
471
-
472
426
  @media (min-width: $screen-desktop-xl) {
473
- html:not(.has-side-skins) & {
474
- font-size: var( --secondary-regular-m-font-size-desktop-xl );
475
- line-height: var( --secondary-regular-m-line-height-desktop-xl );
476
- letter-spacing: var( --secondary-regular-m-letter-spacing-desktop-xl );
477
- font-weight: var( --secondary-regular-m-font-weight-desktop-xl );
478
- font-style: var( --secondary-regular-m-font-style-desktop-xl );
479
- }
427
+ font-size: var( --secondary-regular-m-font-size-desktop-xl );
428
+ line-height: var( --secondary-regular-m-line-height-desktop-xl );
429
+ letter-spacing: var( --secondary-regular-m-letter-spacing-desktop-xl );
430
+ font-weight: var( --secondary-regular-m-font-weight-desktop-xl );
431
+ font-style: var( --secondary-regular-m-font-style-desktop-xl );
480
432
  }
481
433
  }
482
434
 
@@ -498,15 +450,12 @@
498
450
  font-weight: var( --accent-l-font-weight-desktop );
499
451
  font-style: var( --accent-l-font-style-desktop );
500
452
  }
501
-
502
453
  @media (min-width: $screen-desktop-xl) {
503
- html:not(.has-side-skins) & {
504
- font-size: var( --accent-l-font-size-desktop-xl );
505
- line-height: var( --accent-l-line-height-desktop-xl );
506
- letter-spacing: var( --accent-l-letter-spacing-desktop-xl );
507
- font-weight: var( --accent-l-font-weight-desktop-xl );
508
- font-style: var( --accent-l-font-style-desktop-xl );
509
- }
454
+ font-size: var( --accent-l-font-size-desktop-xl );
455
+ line-height: var( --accent-l-line-height-desktop-xl );
456
+ letter-spacing: var( --accent-l-letter-spacing-desktop-xl );
457
+ font-weight: var( --accent-l-font-weight-desktop-xl );
458
+ font-style: var( --accent-l-font-style-desktop-xl );
510
459
  }
511
460
  }
512
461
 
@@ -528,15 +477,12 @@
528
477
  font-weight: var( --accent-m-font-weight-desktop );
529
478
  font-style: var( --accent-m-font-style-desktop );
530
479
  }
531
-
532
480
  @media (min-width: $screen-desktop-xl) {
533
- html:not(.has-side-skins) & {
534
- font-size: var( --accent-m-font-size-desktop-xl );
535
- line-height: var( --accent-m-line-height-desktop-xl );
536
- letter-spacing: var( --accent-m-letter-spacing-desktop-xl );
537
- font-weight: var( --accent-m-font-weight-desktop-xl );
538
- font-style: var( --accent-m-font-style-desktop-xl );
539
- }
481
+ font-size: var( --accent-m-font-size-desktop-xl );
482
+ line-height: var( --accent-m-line-height-desktop-xl );
483
+ letter-spacing: var( --accent-m-letter-spacing-desktop-xl );
484
+ font-weight: var( --accent-m-font-weight-desktop-xl );
485
+ font-style: var( --accent-m-font-style-desktop-xl );
540
486
  }
541
487
  }
542
488
 
@@ -558,15 +504,12 @@
558
504
  font-weight: var( --accent-s-font-weight-desktop );
559
505
  font-style: var( --accent-s-font-style-desktop );
560
506
  }
561
-
562
507
  @media (min-width: $screen-desktop-xl) {
563
- html:not(.has-side-skins) & {
564
- font-size: var( --accent-s-font-size-desktop-xl );
565
- line-height: var( --accent-s-line-height-desktop-xl );
566
- letter-spacing: var( --accent-s-letter-spacing-desktop-xl );
567
- font-weight: var( --accent-s-font-weight-desktop-xl );
568
- font-style: var( --accent-s-font-style-desktop-xl );
569
- }
508
+ font-size: var( --accent-s-font-size-desktop-xl );
509
+ line-height: var( --accent-s-line-height-desktop-xl );
510
+ letter-spacing: var( --accent-s-letter-spacing-desktop-xl );
511
+ font-weight: var( --accent-s-font-weight-desktop-xl );
512
+ font-style: var( --accent-s-font-style-desktop-xl );
570
513
  }
571
514
  }
572
515
 
@@ -588,15 +531,12 @@
588
531
  font-weight: var( --accent-xs-font-weight-desktop );
589
532
  font-style: var( --accent-xs-font-style-desktop );
590
533
  }
591
-
592
534
  @media (min-width: $screen-desktop-xl) {
593
- html:not(.has-side-skins) & {
594
- font-size: var( --accent-xs-font-size-desktop-xl );
595
- line-height: var( --accent-xs-line-height-desktop-xl );
596
- letter-spacing: var( --accent-xs-letter-spacing-desktop-xl );
597
- font-weight: var( --accent-xs-font-weight-desktop-xl );
598
- font-style: var( --accent-xs-font-style-desktop-xl );
599
- }
535
+ font-size: var( --accent-xs-font-size-desktop-xl );
536
+ line-height: var( --accent-xs-line-height-desktop-xl );
537
+ letter-spacing: var( --accent-xs-letter-spacing-desktop-xl );
538
+ font-weight: var( --accent-xs-font-weight-desktop-xl );
539
+ font-style: var( --accent-xs-font-style-desktop-xl );
600
540
  }
601
541
  }
602
542
 
@@ -618,15 +558,12 @@
618
558
  font-weight: var( --accent-xxs-font-weight-desktop );
619
559
  font-style: var( --accent-xxs-font-style-desktop );
620
560
  }
621
-
622
561
  @media (min-width: $screen-desktop-xl) {
623
- html:not(.has-side-skins) & {
624
- font-size: var( --accent-xxs-font-size-desktop-xl );
625
- line-height: var( --accent-xxs-line-height-desktop-xl );
626
- letter-spacing: var( --accent-xxs-letter-spacing-desktop-xl );
627
- font-weight: var( --accent-xxs-font-weight-desktop-xl );
628
- font-style: var( --accent-xxs-font-style-desktop-xl );
629
- }
562
+ font-size: var( --accent-xxs-font-size-desktop-xl );
563
+ line-height: var( --accent-xxs-line-height-desktop-xl );
564
+ letter-spacing: var( --accent-xxs-letter-spacing-desktop-xl );
565
+ font-weight: var( --accent-xxs-font-weight-desktop-xl );
566
+ font-style: var( --accent-xxs-font-style-desktop-xl );
630
567
  }
631
568
  }
632
569
 
@@ -648,15 +585,12 @@
648
585
  font-weight: var( --accent-regular-xxs-font-weight-desktop );
649
586
  font-style: var( --accent-regular-xxs-font-style-desktop );
650
587
  }
651
-
652
588
  @media (min-width: $screen-desktop-xl) {
653
- html:not(.has-side-skins) & {
654
- font-size: var( --accent-regular-xxs-font-size-desktop-xl );
655
- line-height: var( --accent-regular-xxs-line-height-desktop-xl );
656
- letter-spacing: var( --accent-regular-xxs-letter-spacing-desktop-xl );
657
- font-weight: var( --accent-regular-xxs-font-weight-desktop-xl );
658
- font-style: var( --accent-regular-xxs-font-style-desktop-xl );
659
- }
589
+ font-size: var( --accent-regular-xxs-font-size-desktop-xl );
590
+ line-height: var( --accent-regular-xxs-line-height-desktop-xl );
591
+ letter-spacing: var( --accent-regular-xxs-letter-spacing-desktop-xl );
592
+ font-weight: var( --accent-regular-xxs-font-weight-desktop-xl );
593
+ font-style: var( --accent-regular-xxs-font-style-desktop-xl );
660
594
  }
661
595
  }
662
596
 
@@ -678,15 +612,12 @@
678
612
  font-weight: var( --body-xxxl-font-weight-desktop );
679
613
  font-style: var( --body-xxxl-font-style-desktop );
680
614
  }
681
-
682
615
  @media (min-width: $screen-desktop-xl) {
683
- html:not(.has-side-skins) & {
684
- font-size: var( --body-xxxl-font-size-desktop-xl );
685
- line-height: var( --body-xxxl-line-height-desktop-xl );
686
- letter-spacing: var( --body-xxxl-letter-spacing-desktop-xl );
687
- font-weight: var( --body-xxxl-font-weight-desktop-xl );
688
- font-style: var( --body-xxxl-font-style-desktop-xl );
689
- }
616
+ font-size: var( --body-xxxl-font-size-desktop-xl );
617
+ line-height: var( --body-xxxl-line-height-desktop-xl );
618
+ letter-spacing: var( --body-xxxl-letter-spacing-desktop-xl );
619
+ font-weight: var( --body-xxxl-font-weight-desktop-xl );
620
+ font-style: var( --body-xxxl-font-style-desktop-xl );
690
621
  }
691
622
  }
692
623
 
@@ -708,15 +639,12 @@
708
639
  font-weight: var( --body-xxl-font-weight-desktop );
709
640
  font-style: var( --body-xxl-font-style-desktop );
710
641
  }
711
-
712
642
  @media (min-width: $screen-desktop-xl) {
713
- html:not(.has-side-skins) & {
714
- font-size: var( --body-xxl-font-size-desktop-xl );
715
- line-height: var( --body-xxl-line-height-desktop-xl );
716
- letter-spacing: var( --body-xxl-letter-spacing-desktop-xl );
717
- font-weight: var( --body-xxl-font-weight-desktop-xl );
718
- font-style: var( --body-xxl-font-style-desktop-xl );
719
- }
643
+ font-size: var( --body-xxl-font-size-desktop-xl );
644
+ line-height: var( --body-xxl-line-height-desktop-xl );
645
+ letter-spacing: var( --body-xxl-letter-spacing-desktop-xl );
646
+ font-weight: var( --body-xxl-font-weight-desktop-xl );
647
+ font-style: var( --body-xxl-font-style-desktop-xl );
720
648
  }
721
649
  }
722
650
 
@@ -738,15 +666,12 @@
738
666
  font-weight: var( --body-xl-font-weight-desktop );
739
667
  font-style: var( --body-xl-font-style-desktop );
740
668
  }
741
-
742
669
  @media (min-width: $screen-desktop-xl) {
743
- html:not(.has-side-skins) & {
744
- font-size: var( --body-xl-font-size-desktop-xl );
745
- line-height: var( --body-xl-line-height-desktop-xl );
746
- letter-spacing: var( --body-xl-letter-spacing-desktop-xl );
747
- font-weight: var( --body-xl-font-weight-desktop-xl );
748
- font-style: var( --body-xl-font-style-desktop-xl );
749
- }
670
+ font-size: var( --body-xl-font-size-desktop-xl );
671
+ line-height: var( --body-xl-line-height-desktop-xl );
672
+ letter-spacing: var( --body-xl-letter-spacing-desktop-xl );
673
+ font-weight: var( --body-xl-font-weight-desktop-xl );
674
+ font-style: var( --body-xl-font-style-desktop-xl );
750
675
  }
751
676
  }
752
677
 
@@ -768,15 +693,12 @@
768
693
  font-weight: var( --body-l-font-weight-desktop );
769
694
  font-style: var( --body-l-font-style-desktop );
770
695
  }
771
-
772
696
  @media (min-width: $screen-desktop-xl) {
773
- html:not(.has-side-skins) & {
774
- font-size: var( --body-l-font-size-desktop-xl );
775
- line-height: var( --body-l-line-height-desktop-xl );
776
- letter-spacing: var( --body-l-letter-spacing-desktop-xl );
777
- font-weight: var( --body-l-font-weight-desktop-xl );
778
- font-style: var( --body-l-font-style-desktop-xl );
779
- }
697
+ font-size: var( --body-l-font-size-desktop-xl );
698
+ line-height: var( --body-l-line-height-desktop-xl );
699
+ letter-spacing: var( --body-l-letter-spacing-desktop-xl );
700
+ font-weight: var( --body-l-font-weight-desktop-xl );
701
+ font-style: var( --body-l-font-style-desktop-xl );
780
702
  }
781
703
  }
782
704
 
@@ -798,15 +720,12 @@
798
720
  font-weight: var( --body-m-font-weight-desktop );
799
721
  font-style: var( --body-m-font-style-desktop );
800
722
  }
801
-
802
723
  @media (min-width: $screen-desktop-xl) {
803
- html:not(.has-side-skins) & {
804
- font-size: var( --body-m-font-size-desktop-xl );
805
- line-height: var( --body-m-line-height-desktop-xl );
806
- letter-spacing: var( --body-m-letter-spacing-desktop-xl );
807
- font-weight: var( --body-m-font-weight-desktop-xl );
808
- font-style: var( --body-m-font-style-desktop-xl );
809
- }
724
+ font-size: var( --body-m-font-size-desktop-xl );
725
+ line-height: var( --body-m-line-height-desktop-xl );
726
+ letter-spacing: var( --body-m-letter-spacing-desktop-xl );
727
+ font-weight: var( --body-m-font-weight-desktop-xl );
728
+ font-style: var( --body-m-font-style-desktop-xl );
810
729
  }
811
730
  }
812
731
 
@@ -828,15 +747,12 @@
828
747
  font-weight: var( --body-s-font-weight-desktop );
829
748
  font-style: var( --body-s-font-style-desktop );
830
749
  }
831
-
832
750
  @media (min-width: $screen-desktop-xl) {
833
- html:not(.has-side-skins) & {
834
- font-size: var( --body-s-font-size-desktop-xl );
835
- line-height: var( --body-s-line-height-desktop-xl );
836
- letter-spacing: var( --body-s-letter-spacing-desktop-xl );
837
- font-weight: var( --body-s-font-weight-desktop-xl );
838
- font-style: var( --body-s-font-style-desktop-xl );
839
- }
751
+ font-size: var( --body-s-font-size-desktop-xl );
752
+ line-height: var( --body-s-line-height-desktop-xl );
753
+ letter-spacing: var( --body-s-letter-spacing-desktop-xl );
754
+ font-weight: var( --body-s-font-weight-desktop-xl );
755
+ font-style: var( --body-s-font-style-desktop-xl );
840
756
  }
841
757
  }
842
758
 
@@ -858,15 +774,12 @@
858
774
  font-weight: var( --body-xs-font-weight-desktop );
859
775
  font-style: var( --body-xs-font-style-desktop );
860
776
  }
861
-
862
777
  @media (min-width: $screen-desktop-xl) {
863
- html:not(.has-side-skins) & {
864
- font-size: var( --body-xs-font-size-desktop-xl );
865
- line-height: var( --body-xs-line-height-desktop-xl );
866
- letter-spacing: var( --body-xs-letter-spacing-desktop-xl );
867
- font-weight: var( --body-xs-font-weight-desktop-xl );
868
- font-style: var( --body-xs-font-style-desktop-xl );
869
- }
778
+ font-size: var( --body-xs-font-size-desktop-xl );
779
+ line-height: var( --body-xs-line-height-desktop-xl );
780
+ letter-spacing: var( --body-xs-letter-spacing-desktop-xl );
781
+ font-weight: var( --body-xs-font-weight-desktop-xl );
782
+ font-style: var( --body-xs-font-style-desktop-xl );
870
783
  }
871
784
  }
872
785
 
@@ -888,15 +801,12 @@
888
801
  font-weight: var( --body-xxs-font-weight-desktop );
889
802
  font-style: var( --body-xxs-font-style-desktop );
890
803
  }
891
-
892
804
  @media (min-width: $screen-desktop-xl) {
893
- html:not(.has-side-skins) & {
894
- font-size: var( --body-xxs-font-size-desktop-xl );
895
- line-height: var( --body-xxs-line-height-desktop-xl );
896
- letter-spacing: var( --body-xxs-letter-spacing-desktop-xl );
897
- font-weight: var( --body-xxs-font-weight-desktop-xl );
898
- font-style: var( --body-xxs-font-style-desktop-xl );
899
- }
805
+ font-size: var( --body-xxs-font-size-desktop-xl );
806
+ line-height: var( --body-xxs-line-height-desktop-xl );
807
+ letter-spacing: var( --body-xxs-letter-spacing-desktop-xl );
808
+ font-weight: var( --body-xxs-font-weight-desktop-xl );
809
+ font-style: var( --body-xxs-font-style-desktop-xl );
900
810
  }
901
811
  }
902
812
 
@@ -918,15 +828,12 @@
918
828
  font-weight: var( --body-xxxs-font-weight-desktop );
919
829
  font-style: var( --body-xxxs-font-style-desktop );
920
830
  }
921
-
922
831
  @media (min-width: $screen-desktop-xl) {
923
- html:not(.has-side-skins) & {
924
- font-size: var( --body-xxxs-font-size-desktop-xl );
925
- line-height: var( --body-xxxs-line-height-desktop-xl );
926
- letter-spacing: var( --body-xxxs-letter-spacing-desktop-xl );
927
- font-weight: var( --body-xxxs-font-weight-desktop-xl );
928
- font-style: var( --body-xxxs-font-style-desktop-xl );
929
- }
832
+ font-size: var( --body-xxxs-font-size-desktop-xl );
833
+ line-height: var( --body-xxxs-line-height-desktop-xl );
834
+ letter-spacing: var( --body-xxxs-letter-spacing-desktop-xl );
835
+ font-weight: var( --body-xxxs-font-weight-desktop-xl );
836
+ font-style: var( --body-xxxs-font-style-desktop-xl );
930
837
  }
931
838
  }
932
839
 
@@ -948,15 +855,12 @@
948
855
  font-weight: var( --basic-xxl-font-weight-desktop );
949
856
  font-style: var( --basic-xxl-font-style-desktop );
950
857
  }
951
-
952
858
  @media (min-width: $screen-desktop-xl) {
953
- html:not(.has-side-skins) & {
954
- font-size: var( --basic-xxl-font-size-desktop-xl );
955
- line-height: var( --basic-xxl-line-height-desktop-xl );
956
- letter-spacing: var( --basic-xxl-letter-spacing-desktop-xl );
957
- font-weight: var( --basic-xxl-font-weight-desktop-xl );
958
- font-style: var( --basic-xxl-font-style-desktop-xl );
959
- }
859
+ font-size: var( --basic-xxl-font-size-desktop-xl );
860
+ line-height: var( --basic-xxl-line-height-desktop-xl );
861
+ letter-spacing: var( --basic-xxl-letter-spacing-desktop-xl );
862
+ font-weight: var( --basic-xxl-font-weight-desktop-xl );
863
+ font-style: var( --basic-xxl-font-style-desktop-xl );
960
864
  }
961
865
  }
962
866
 
@@ -978,15 +882,12 @@
978
882
  font-weight: var( --basic-xl-font-weight-desktop );
979
883
  font-style: var( --basic-xl-font-style-desktop );
980
884
  }
981
-
982
885
  @media (min-width: $screen-desktop-xl) {
983
- html:not(.has-side-skins) & {
984
- font-size: var( --basic-xl-font-size-desktop-xl );
985
- line-height: var( --basic-xl-line-height-desktop-xl );
986
- letter-spacing: var( --basic-xl-letter-spacing-desktop-xl );
987
- font-weight: var( --basic-xl-font-weight-desktop-xl );
988
- font-style: var( --basic-xl-font-style-desktop-xl );
989
- }
886
+ font-size: var( --basic-xl-font-size-desktop-xl );
887
+ line-height: var( --basic-xl-line-height-desktop-xl );
888
+ letter-spacing: var( --basic-xl-letter-spacing-desktop-xl );
889
+ font-weight: var( --basic-xl-font-weight-desktop-xl );
890
+ font-style: var( --basic-xl-font-style-desktop-xl );
990
891
  }
991
892
  }
992
893
 
@@ -1008,15 +909,12 @@
1008
909
  font-weight: var( --basic-l-font-weight-desktop );
1009
910
  font-style: var( --basic-l-font-style-desktop );
1010
911
  }
1011
-
1012
912
  @media (min-width: $screen-desktop-xl) {
1013
- html:not(.has-side-skins) & {
1014
- font-size: var( --basic-l-font-size-desktop-xl );
1015
- line-height: var( --basic-l-line-height-desktop-xl );
1016
- letter-spacing: var( --basic-l-letter-spacing-desktop-xl );
1017
- font-weight: var( --basic-l-font-weight-desktop-xl );
1018
- font-style: var( --basic-l-font-style-desktop-xl );
1019
- }
913
+ font-size: var( --basic-l-font-size-desktop-xl );
914
+ line-height: var( --basic-l-line-height-desktop-xl );
915
+ letter-spacing: var( --basic-l-letter-spacing-desktop-xl );
916
+ font-weight: var( --basic-l-font-weight-desktop-xl );
917
+ font-style: var( --basic-l-font-style-desktop-xl );
1020
918
  }
1021
919
  }
1022
920
 
@@ -1038,15 +936,12 @@
1038
936
  font-weight: var( --basic-m-font-weight-desktop );
1039
937
  font-style: var( --basic-m-font-style-desktop );
1040
938
  }
1041
-
1042
939
  @media (min-width: $screen-desktop-xl) {
1043
- html:not(.has-side-skins) & {
1044
- font-size: var( --basic-m-font-size-desktop-xl );
1045
- line-height: var( --basic-m-line-height-desktop-xl );
1046
- letter-spacing: var( --basic-m-letter-spacing-desktop-xl );
1047
- font-weight: var( --basic-m-font-weight-desktop-xl );
1048
- font-style: var( --basic-m-font-style-desktop-xl );
1049
- }
940
+ font-size: var( --basic-m-font-size-desktop-xl );
941
+ line-height: var( --basic-m-line-height-desktop-xl );
942
+ letter-spacing: var( --basic-m-letter-spacing-desktop-xl );
943
+ font-weight: var( --basic-m-font-weight-desktop-xl );
944
+ font-style: var( --basic-m-font-style-desktop-xl );
1050
945
  }
1051
946
  }
1052
947
 
@@ -1068,15 +963,12 @@
1068
963
  font-weight: var( --basic-s-font-weight-desktop );
1069
964
  font-style: var( --basic-s-font-style-desktop );
1070
965
  }
1071
-
1072
966
  @media (min-width: $screen-desktop-xl) {
1073
- html:not(.has-side-skins) & {
1074
- font-size: var( --basic-s-font-size-desktop-xl );
1075
- line-height: var( --basic-s-line-height-desktop-xl );
1076
- letter-spacing: var( --basic-s-letter-spacing-desktop-xl );
1077
- font-weight: var( --basic-s-font-weight-desktop-xl );
1078
- font-style: var( --basic-s-font-style-desktop-xl );
1079
- }
967
+ font-size: var( --basic-s-font-size-desktop-xl );
968
+ line-height: var( --basic-s-line-height-desktop-xl );
969
+ letter-spacing: var( --basic-s-letter-spacing-desktop-xl );
970
+ font-weight: var( --basic-s-font-weight-desktop-xl );
971
+ font-style: var( --basic-s-font-style-desktop-xl );
1080
972
  }
1081
973
  }
1082
974
 
@@ -1098,15 +990,12 @@
1098
990
  font-weight: var( --basic-xs-font-weight-desktop );
1099
991
  font-style: var( --basic-xs-font-style-desktop );
1100
992
  }
1101
-
1102
993
  @media (min-width: $screen-desktop-xl) {
1103
- html:not(.has-side-skins) & {
1104
- font-size: var( --basic-xs-font-size-desktop-xl );
1105
- line-height: var( --basic-xs-line-height-desktop-xl );
1106
- letter-spacing: var( --basic-xs-letter-spacing-desktop-xl );
1107
- font-weight: var( --basic-xs-font-weight-desktop-xl );
1108
- font-style: var( --basic-xs-font-style-desktop-xl );
1109
- }
994
+ font-size: var( --basic-xs-font-size-desktop-xl );
995
+ line-height: var( --basic-xs-line-height-desktop-xl );
996
+ letter-spacing: var( --basic-xs-letter-spacing-desktop-xl );
997
+ font-weight: var( --basic-xs-font-weight-desktop-xl );
998
+ font-style: var( --basic-xs-font-style-desktop-xl );
1110
999
  }
1111
1000
  }
1112
1001
 
@@ -1128,14 +1017,11 @@
1128
1017
  font-weight: var( --basic-xxs-font-weight-desktop );
1129
1018
  font-style: var( --basic-xxs-font-style-desktop );
1130
1019
  }
1131
-
1132
1020
  @media (min-width: $screen-desktop-xl) {
1133
- html:not(.has-side-skins) & {
1134
- font-size: var( --basic-xxs-font-size-desktop-xl );
1135
- line-height: var( --basic-xxs-line-height-desktop-xl );
1136
- letter-spacing: var( --basic-xxs-letter-spacing-desktop-xl );
1137
- font-weight: var( --basic-xxs-font-weight-desktop-xl );
1138
- font-style: var( --basic-xxs-font-style-desktop-xl );
1139
- }
1021
+ font-size: var( --basic-xxs-font-size-desktop-xl );
1022
+ line-height: var( --basic-xxs-line-height-desktop-xl );
1023
+ letter-spacing: var( --basic-xxs-letter-spacing-desktop-xl );
1024
+ font-weight: var( --basic-xxs-font-weight-desktop-xl );
1025
+ font-style: var( --basic-xxs-font-style-desktop-xl );
1140
1026
  }
1141
1027
  }