@total_onion/onion-library 1.0.112 → 1.0.113

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 (6) hide show
  1. package/components/block-nav-menu-container-v3/nav-menu-container-v3.twig +12 -6
  2. package/components/component-text-editor-settings-element-classes-v3/text-editor-settings-element-classes-v3.twig +4 -6
  3. package/components/fields-core-typography-mixins-v3/core-typography-mixins-v3.scss +86 -86
  4. package/components/fields-core-typography-v3/core-typography-v3.php +86 -85
  5. package/components/fields-typography-settings-v3/group_6876149264002.json +513 -699
  6. package/package.json +1 -1
package/components/block-nav-menu-container-v3/nav-menu-container-v3.twig CHANGED
@@ -6,14 +6,20 @@
6
6
  {% set previewEntryPoint = include('entry-points/entry-point-preview-info.twig', { fields, block, displaytype, is_preview }, with_context = false) %}
7
7
  {% set menuType = fields.select_menu_type|ru %}
8
8
  {% set sectionStyles = styleEntryPoint %}
9
-
10
- <section
11
- {{block.anchor ? "id=" ~ block.anchor : ''}} class="{{blockClassName}} {{block.className}} {{classNameEntryPoint}} lazy-fade" {{dataAttributeEntryPoint}} data-blockid="{{block.id}}" style="{{sectionStyles}}" data-assetkey="{{blockClassName}}" data-navtype="{{menuType}}">
9
+ <style>
10
+ .{{blockClassName}}.{{block.id}}{
11
+ {{sectionStyles}}
12
+ }
13
+ </style>
14
+ <section {{block.anchor ? "id=" ~ block.anchor : ''}} class="{{blockClassName}} {{block.className}} {{classNameEntryPoint}} lazy-fade" {{dataAttributeEntryPoint}} data-pattern-nav-menu-container data-blockid="{{block.id}}" data-assetkey="{{blockClassName}}" data-navtype="{{menuType}}">
12
15
  {% if menuType == 'classic_nav_items_center' %}
13
- {{ include( 'components/classic-nav-items-center.twig', { fields, block, blockClassName, options, nav_menus, current_post}, with_context = false, ignore_missing = true) }}
16
+ {{ include( 'components/classic-nav-items-center.twig', { fields, block, blockClassName, options, nav_menus, current_post}, with_context = false, ignore_missing = true) }}
14
17
  {% elseif menuType == 'slide_in_nav_panel'%}
15
- {{ include( 'components/nav-menu-slide-in-panel.twig', { fields, block, blockClassName, options, nav_menus, current_post}, with_context = false, ignore_missing = true) }}
18
+ {{ include( 'components/slide-in-nav-panel.twig', { fields, block, blockClassName, options, nav_menus, current_post}, with_context = false, ignore_missing = true) }}
19
+ {% elseif menuType == 'nav_menu_slide_in_panel' %}
20
+ <!-- nav-menu-slide-in-panel -->
21
+ {{ include( 'components/nav-menu-slide-in-panel.twig', { fields, block, blockClassName, options, nav_menus, current_post}, with_context = false, ignore_missing = true) }}
22
+ <!-- end-nav-menu-slide-in-panel -->
16
23
  {% endif %}
17
-
18
24
  {{htmlEntryPoint}}
19
25
  </section>
package/components/component-text-editor-settings-element-classes-v3/text-editor-settings-element-classes-v3.twig CHANGED
@@ -1,9 +1,7 @@
1
1
  {% set typographicStyle = '' %}
2
- {% set typographicStyleDesktop = fields.typographic_style_desktop|ru %}
3
- {% set typographicStylePortrait = fields.typographic_style_portrait|ru %}
4
- {% set typographicStyleMobile = fields.typographic_style_mobile|ru %}
5
- {% if typographicStyleDesktop is empty and typographicStylePortrait is empty and typographicStyleMobile is empty %}
6
- {% set typographicStyle = fields.typographic_style|ru %}
7
- {% endif %}
2
+ {% set typographicStyleDesktop = fields.font_size_desktop|ru %}
3
+ {% set typographicStylePortrait = fields.font_size_portrait|ru %}
4
+ {% set typographicStyleMobile = fields.font_size_mobile|ru %}
5
+ {% set typographicStyle = fields.typographic_style|ru %}
8
6
  {% set styleClasses = typographicStyle ~ ' ' ~ typographicStyleDesktop ~ ' ' ~ typographicStylePortrait ~ ' ' ~ typographicStyleMobile ~ ' ' ~ textShadowClass %}
9
7
  {{styleClasses}}
package/components/fields-core-typography-mixins-v3/core-typography-mixins-v3.scss CHANGED
@@ -8,18 +8,18 @@
8
8
  core-functions-v3.fontSize(var(--h-xl-desktop)),
9
9
  var(--h-xl-font-size-max-desktop, 180px)
10
10
  );
11
- line-height: var(--h1-l-line-height);
12
- letter-spacing: var(--h1-l-letter-spacing);
11
+ line-height: var(--h-xl-line-height);
12
+ letter-spacing: var(--h-xl-letter-spacing);
13
13
  }
14
14
  @mixin h-xl {
15
- letter-spacing: var(--h1-l-letter-spacing);
16
- line-height: var(--h1-l-line-height);
17
- font-family: var(--h1-l-font-family);
18
- --default-font-weight: var(--h1-l-default-font-weight);
15
+ letter-spacing: var(--h-xl-letter-spacing);
16
+ line-height: var(--h-xl-line-height);
17
+ font-family: var(--h-xl-font-family);
18
+ --default-font-weight: var(--h-xl-default-font-weight);
19
19
  font-weight: var(--default-font-weight);
20
20
  strong,
21
21
  b {
22
- font-weight: var(--h1-l-bold-font-weight);
22
+ font-weight: var(--h-xl-bold-font-weight);
23
23
  }
24
24
  font-size: clamp(
25
25
  var(--h-xl-font-size-min-mobile, 10px),
@@ -51,19 +51,19 @@
51
51
  core-functions-v3.fontSize(var(--h-l-desktop)),
52
52
  var(--h-l-font-size-max-desktop, 180px)
53
53
  );
54
- letter-spacing: var(--h1-letter-spacing);
55
- line-height: var(--h1-line-height);
54
+ letter-spacing: var(--h-l-letter-spacing);
55
+ line-height: var(--h-l-line-height);
56
56
  }
57
57
  @mixin h-l {
58
- letter-spacing: var(--h1-letter-spacing);
59
- line-height: var(--h1-line-height);
60
- font-family: var(--h1-font-family);
61
- --default-font-weight: var(--h1-default-font-weight);
58
+ letter-spacing: var(--h-l-letter-spacing);
59
+ line-height: var(--h-l-line-height);
60
+ font-family: var(--h-l-font-family);
61
+ --default-font-weight: var(--h-l-default-font-weight);
62
62
  font-weight: var(--default-font-weight);
63
63
 
64
64
  strong,
65
65
  b {
66
- font-weight: var(--h1-bold-font-weight);
66
+ font-weight: var(--h-l-bold-font-weight);
67
67
  }
68
68
 
69
69
  font-size: clamp(
@@ -98,19 +98,19 @@
98
98
  core-functions-v3.fontSize(var(--h-m-desktop)),
99
99
  var(--h-m-font-size-max-desktop, 180px)
100
100
  );
101
- letter-spacing: var(--h2-letter-spacing);
102
- line-height: var(--h2-line-height);
101
+ letter-spacing: var(--h-m-letter-spacing);
102
+ line-height: var(--h-m-line-height);
103
103
  }
104
104
  @mixin h-m {
105
- letter-spacing: var(--h2-letter-spacing);
106
- line-height: var(--h2-line-height);
107
- font-family: var(--h2-font-family);
108
- --default-font-weight: var(--h2-default-font-weight);
105
+ letter-spacing: var(--h-m-letter-spacing);
106
+ line-height: var(--h-m-line-height);
107
+ font-family: var(--h-m-font-family);
108
+ --default-font-weight: var(--h-m-default-font-weight);
109
109
  font-weight: var(--default-font-weight);
110
110
 
111
111
  strong,
112
112
  b {
113
- font-weight: var(--h2-bold-font-weight);
113
+ font-weight: var(--h-m-bold-font-weight);
114
114
  }
115
115
 
116
116
  font-size: clamp(
@@ -145,19 +145,19 @@
145
145
  core-functions-v3.fontSize(var(--h-s-desktop)),
146
146
  var(--h-s-font-size-max-desktop, 180px)
147
147
  );
148
- letter-spacing: var(--h3-letter-spacing);
149
- line-height: var(--h3-line-height);
148
+ letter-spacing: var(--h-s-letter-spacing);
149
+ line-height: var(--h-s-line-height);
150
150
  }
151
151
  @mixin h-s {
152
- letter-spacing: var(--h3-letter-spacing);
153
- line-height: var(--h3-line-height);
154
- font-family: var(--h3-font-family);
155
- --default-font-weight: var(--h3-default-font-weight);
152
+ letter-spacing: var(--h-s-letter-spacing);
153
+ line-height: var(--h-s-line-height);
154
+ font-family: var(--h-s-font-family);
155
+ --default-font-weight: var(--h-s-default-font-weight);
156
156
  font-weight: var(--default-font-weight);
157
157
 
158
158
  strong,
159
159
  b {
160
- font-weight: var(--h3-bold-font-weight);
160
+ font-weight: var(--h-s-bold-font-weight);
161
161
  }
162
162
 
163
163
  font-size: clamp(
@@ -192,19 +192,19 @@
192
192
  core-functions-v3.fontSize(var(--h-xs-desktop)),
193
193
  var(--h-xs-font-size-max-desktop, 180px)
194
194
  );
195
- letter-spacing: var(--h4-letter-spacing);
196
- line-height: var(--h4-line-height);
195
+ letter-spacing: var(--h-xs-letter-spacing);
196
+ line-height: var(--h-xs-line-height);
197
197
  }
198
198
  @mixin h-xs {
199
- letter-spacing: var(--h4-letter-spacing);
200
- line-height: var(--h4-line-height);
201
- font-family: var(--h4-font-family);
202
- --default-font-weight: var(--h4-default-font-weight);
199
+ letter-spacing: var(--h-xs-letter-spacing);
200
+ line-height: var(--h-xs-line-height);
201
+ font-family: var(--h-xs-font-family);
202
+ --default-font-weight: var(--h-xs-default-font-weight);
203
203
  font-weight: var(--default-font-weight);
204
204
 
205
205
  strong,
206
206
  b {
207
- font-weight: var(--h4-bold-font-weight);
207
+ font-weight: var(--h-xs-bold-font-weight);
208
208
  }
209
209
 
210
210
  font-size: clamp(
@@ -239,19 +239,19 @@
239
239
  core-functions-v3.fontSize(var(--h-xxs-desktop)),
240
240
  var(--h-xxs-font-size-max-desktop, 180px)
241
241
  );
242
- letter-spacing: var(--h5-letter-spacing);
243
- line-height: var(--h5-line-height);
242
+ letter-spacing: var(--h-xxs-letter-spacing);
243
+ line-height: var(--h-xxs-line-height);
244
244
  }
245
245
  @mixin h-xxs {
246
- letter-spacing: var(--h5-letter-spacing);
247
- line-height: var(--h5-line-height);
248
- font-family: var(--h5-font-family);
249
- --default-font-weight: var(--h5-default-font-weight);
246
+ letter-spacing: var(--h-xxs-letter-spacing);
247
+ line-height: var(--h-xxs-line-height);
248
+ font-family: var(--h-xxs-font-family);
249
+ --default-font-weight: var(--h-xxs-default-font-weight);
250
250
  font-weight: var(--default-font-weight);
251
251
 
252
252
  strong,
253
253
  b {
254
- font-weight: var(--h5-bold-font-weight);
254
+ font-weight: var(--h-xxs-bold-font-weight);
255
255
  }
256
256
 
257
257
  font-size: clamp(
@@ -263,7 +263,7 @@
263
263
  @include core-mixins-v3.device(breakpoints.$tabPortrait) {
264
264
  font-size: clamp(
265
265
  var(--h-xxs-font-size-min-mobile, 10px),
266
- core-functions-v3.fontSize(var(--h5-portrait), 'portrait'),
266
+ core-functions-v3.fontSize(var(--h-xxs-portrait), 'portrait'),
267
267
  var(--h-xxs-font-size-max-mobile, 180px)
268
268
  );
269
269
  }
@@ -271,7 +271,7 @@
271
271
  @include core-mixins-v3.device(breakpoints.$tabLandscape) {
272
272
  font-size: clamp(
273
273
  var(--h-xxs-font-size-min-desktop, 10px),
274
- core-functions-v3.fontSize(var(--h5-landscape), 'landscape'),
274
+ core-functions-v3.fontSize(var(--h-xxs-landscape), 'landscape'),
275
275
  var(--h-xxs-font-size-max-desktop, 180px)
276
276
  );
277
277
  }
@@ -286,19 +286,19 @@
286
286
  core-functions-v3.fontSize(var(--h-xxxs-desktop)),
287
287
  var(--h-xxxs-font-size-max-desktop, 180px)
288
288
  );
289
- letter-spacing: var(--h6-letter-spacing);
290
- line-height: var(--h6-line-height);
289
+ letter-spacing: var(--h-xxxs-letter-spacing);
290
+ line-height: var(--h-xxxs-line-height);
291
291
  }
292
292
  @mixin h-xxxs {
293
- letter-spacing: var(--h6-letter-spacing);
294
- line-height: var(--h6-line-height);
295
- font-family: var(--h6-font-family);
296
- --default-font-weight: var(--h6-default-font-weight);
293
+ letter-spacing: var(--h-xxxs-letter-spacing);
294
+ line-height: var(--h-xxxs-line-height);
295
+ font-family: var(--h-xxxs-font-family);
296
+ --default-font-weight: var(--h-xxxs-default-font-weight);
297
297
  font-weight: var(--default-font-weight);
298
298
 
299
299
  strong,
300
300
  b {
301
- font-weight: var(--h6-bold-font-weight);
301
+ font-weight: var(--h-xxxs-bold-font-weight);
302
302
  }
303
303
 
304
304
  font-size: clamp(
@@ -380,19 +380,19 @@
380
380
  core-functions-v3.fontSize(var(--sh-l-desktop)),
381
381
  var(--sh-l-font-size-max-desktop, 180px)
382
382
  );
383
- letter-spacing: var(--sh2-letter-spacing);
384
- line-height: var(--sh2-line-height);
383
+ letter-spacing: var(--sh-l-letter-spacing);
384
+ line-height: var(--sh-l-line-height);
385
385
  }
386
386
  @mixin sh-l {
387
- letter-spacing: var(--sh2-letter-spacing);
388
- line-height: var(--sh2-line-height);
389
- font-family: var(--sh2-font-family);
390
- --default-font-weight: var(--sh2-default-font-weight);
387
+ letter-spacing: var(--sh-l-letter-spacing);
388
+ line-height: var(--sh-l-line-height);
389
+ font-family: var(--sh-l-font-family);
390
+ --default-font-weight: var(--sh-l-default-font-weight);
391
391
  font-weight: var(--default-font-weight);
392
392
 
393
393
  strong,
394
394
  b {
395
- font-weight: var(--sh2-bold-font-weight);
395
+ font-weight: var(--sh-l-bold-font-weight);
396
396
  }
397
397
 
398
398
  font-size: clamp(
@@ -427,19 +427,19 @@
427
427
  core-functions-v3.fontSize(var(--sh-m-desktop)),
428
428
  var(--sh-m-font-size-max-desktop, 180px)
429
429
  );
430
- letter-spacing: var(--sh3-letter-spacing);
431
- line-height: var(--sh3-line-height);
430
+ letter-spacing: var(--sh-m-letter-spacing);
431
+ line-height: var(--sh-m-line-height);
432
432
  }
433
433
  @mixin sh-m {
434
- letter-spacing: var(--sh3-letter-spacing);
435
- line-height: var(--sh3-line-height);
436
- font-family: var(--sh3-font-family);
437
- --default-font-weight: var(--sh3-default-font-weight);
434
+ letter-spacing: var(--sh-m-letter-spacing);
435
+ line-height: var(--sh-m-line-height);
436
+ font-family: var(--sh-m-font-family);
437
+ --default-font-weight: var(--sh-m-default-font-weight);
438
438
  font-weight: var(--default-font-weight);
439
439
 
440
440
  strong,
441
441
  b {
442
- font-weight: var(--sh3-bold-font-weight);
442
+ font-weight: var(--sh-m-bold-font-weight);
443
443
  }
444
444
 
445
445
  font-size: clamp(
@@ -474,19 +474,19 @@
474
474
  core-functions-v3.fontSize(var(--sh-s-desktop)),
475
475
  var(--sh-s-font-size-max-desktop, 180px)
476
476
  );
477
- letter-spacing: var(--sh4-letter-spacing);
478
- line-height: var(--sh4-line-height);
477
+ letter-spacing: var(--sh-s--letter-spacing);
478
+ line-height: var(--sh-s--line-height);
479
479
  }
480
480
  @mixin sh-s {
481
- letter-spacing: var(--sh4-letter-spacing);
482
- line-height: var(--sh4-line-height);
483
- font-family: var(--sh4-font-family);
484
- --default-font-weight: var(--sh4-default-font-weight);
481
+ letter-spacing: var(--sh-s--letter-spacing);
482
+ line-height: var(--sh-s--line-height);
483
+ font-family: var(--sh-s--font-family);
484
+ --default-font-weight: var(--sh-s--default-font-weight);
485
485
  font-weight: var(--default-font-weight);
486
486
 
487
487
  strong,
488
488
  b {
489
- font-weight: var(--sh4-bold-font-weight);
489
+ font-weight: var(--sh-s--bold-font-weight);
490
490
  }
491
491
 
492
492
  font-size: clamp(
@@ -521,19 +521,19 @@
521
521
  core-functions-v3.fontSize(var(--sh-xs-desktop)),
522
522
  var(--sh-xs-font-size-max-desktop, 180px)
523
523
  );
524
- letter-spacing: var(--sh5-letter-spacing);
525
- line-height: var(--sh5-line-height);
524
+ letter-spacing: var(--sh-xs-letter-spacing);
525
+ line-height: var(--sh-xs-line-height);
526
526
  }
527
527
  @mixin sh-xs {
528
- letter-spacing: var(--sh5-letter-spacing);
529
- line-height: var(--sh5-line-height);
530
- font-family: var(--sh5-font-family);
531
- --default-font-weight: var(--sh5-default-font-weight);
528
+ letter-spacing: var(--sh-xs-letter-spacing);
529
+ line-height: var(--sh-xs-line-height);
530
+ font-family: var(--sh-xs-font-family);
531
+ --default-font-weight: var(--sh-xs-default-font-weight);
532
532
  font-weight: var(--default-font-weight);
533
533
 
534
534
  strong,
535
535
  b {
536
- font-weight: var(--sh5-bold-font-weight);
536
+ font-weight: var(--sh-xs-bold-font-weight);
537
537
  }
538
538
 
539
539
  font-size: clamp(
@@ -568,19 +568,19 @@
568
568
  core-functions-v3.fontSize(var(--sh-xxs-desktop)),
569
569
  var(--sh-xxs-font-size-max-desktop, 180px)
570
570
  );
571
- letter-spacing: var(--sh6-letter-spacing);
572
- line-height: var(--sh6-line-height);
571
+ letter-spacing: var(--sh-xxs-letter-spacing);
572
+ line-height: var(--sh-xxs-line-height);
573
573
  }
574
574
  @mixin sh-xxs {
575
- letter-spacing: var(--sh6-letter-spacing);
576
- line-height: var(--sh6-line-height);
577
- font-family: var(--sh6-font-family);
578
- --default-font-weight: var(--sh6-default-font-weight);
575
+ letter-spacing: var(--sh-xxs-letter-spacing);
576
+ line-height: var(--sh-xxs-line-height);
577
+ font-family: var(--sh-xxs-font-family);
578
+ --default-font-weight: var(--sh-xxs-default-font-weight);
579
579
  font-weight: var(--default-font-weight);
580
580
 
581
581
  strong,
582
582
  b {
583
- font-weight: var(--sh6-bold-font-weight);
583
+ font-weight: var(--sh-xxs-bold-font-weight);
584
584
  }
585
585
 
586
586
  font-size: clamp(
package/components/fields-core-typography-v3/core-typography-v3.php CHANGED
@@ -10,94 +10,95 @@ function core_typography_v3()
10
10
  $output = '
11
11
  <style id="core-typography-v3-vars">
12
12
  body {
13
- --paragraph-block-spacing-desktop:' . ($options['paragraph_spacing_desktop'] ?? 0) . 'em;
14
- --paragraph-block-spacing-portrait:' . ($options['paragraph_spacing_portrait'] ?? 0) . 'em;
15
- --paragraph-block-spacing-mobile:' . ($options['paragraph_spacing_mobile'] ?? 0) . 'em;
16
- --heading-block-spacing-desktop:' . ($options['heading_spacing_desktop'] ?? 0) . 'em;
17
- --heading-block-spacing-portrait:' . ($options['heading_spacing_portrait'] ?? 0) . 'em;
18
- --heading-block-spacing-mobile:' . ($options['heading_spacing_mobile'] ?? 0) . 'em;
13
+ --paragraph-block-spacing-desktop:' . ($options['paragraph_block_spacing']['paragraph_spacing_desktop'] ?? 0) . 'em;
14
+ --paragraph-block-spacing-portrait:' . ($options['paragraph_block_spacing']['paragraph_spacing_portrait'] ?? 0) . 'em;
15
+ --paragraph-block-spacing-mobile:' . ($options['paragraph_block_spacing']['paragraph_spacing_mobile'] ?? 0) . 'em;
16
+
17
+ --heading-block-spacing-desktop:' . ($options['heading_block_spacing']['heading_spacing_desktop'] ?? 0) . 'em;
18
+ --heading-block-spacing-portrait:' . ($options['heading_block_spacing']['heading_spacing_portrait'] ?? 0) . 'em;
19
+ --heading-block-spacing-mobile:' . ($options['heading_block_spacing']['heading_spacing_mobile'] ?? 0) . 'em;
19
20
 
20
21
  --list-item-line-height:' . ($options['list_item_line_height'] ?? 0) . '%;
21
22
  --list-item-letter-spacing:' . ($options['list_item_letter_spacing'] ?? 0) . 'em;
22
- --list-item-block-spacing-desktop:' . ($options['list_item_block_spacing_desktop'] ?? 0) . 'em;
23
- --list-item-block-spacing-landscape:' . ($options['list_item_block_spacing_desktop'] ?? 0) . 'em;
24
- --list-item-block-spacing-portrait:' . ($options['list_item_block_spacing_portrait'] ?? 0) . 'em;
25
- --list-item-block-spacing-mobile:' . ($options['list_item_block_spacing_mobile'] ?? 0) . 'em;
26
-
27
- --h1-l-font-family:' . (remove_underscore($options['headings']['h1_l_font_family'] ?? 'arial')) . ';
28
- --h1-font-family:' . (remove_underscore($options['headings']['h1_font_family'] ?? 'arial')) . ';
29
- --h2-font-family:' . (remove_underscore($options['headings']['h2_font_family'] ?? 'arial')) . ';
30
- --h3-font-family:' . (remove_underscore($options['headings']['h3_font_family'] ?? 'arial')) . ';
31
- --h4-font-family:' . (remove_underscore($options['headings']['h4_font_family'] ?? 'arial')) . ';
32
- --h5-font-family:' . (remove_underscore($options['headings']['h5_font_family'] ?? 'arial')) . ';
33
- --h6-font-family:' . (remove_underscore($options['headings']['h6_font_family'] ?? 'arial')) . ';
34
-
35
- --sh1-font-family:' . (remove_underscore($options['sub_headings']['sh1_font_family'] ?? 'arial')) . ';
36
- --sh2-font-family:' . (remove_underscore($options['sub_headings']['sh2_font_family'] ?? 'arial')) . ';
37
- --sh3-font-family:' . (remove_underscore($options['sub_headings']['sh3_font_family'] ?? 'arial')) . ';
38
- --sh4-font-family:' . (remove_underscore($options['sub_headings']['sh4_font_family'] ?? 'arial')) . ';
39
- --sh5-font-family:' . (remove_underscore($options['sub_headings']['sh5_font_family'] ?? 'arial')) . ';
40
- --sh6-font-family:' . (remove_underscore($options['sub_headings']['sh6_font_family'] ?? 'arial')) . ';
41
-
42
- --h1-l-letter-spacing:' . ($options['headings']['h1_l_letter_spacing'] ?? 0) . 'em;
43
- --h1-letter-spacing:' . ($options['headings']['h1_letter_spacing'] ?? 0) . 'em;
44
- --h2-letter-spacing:' . ($options['headings']['h2_letter_spacing'] ?? 0) . 'em;
45
- --h3-letter-spacing:' . ($options['headings']['h3_letter_spacing'] ?? 0) . 'em;
46
- --h4-letter-spacing:' . ($options['headings']['h4_letter_spacing'] ?? 0) . 'em;
47
- --h5-letter-spacing:' . ($options['headings']['h5_letter_spacing'] ?? 0) . 'em;
48
- --h6-letter-spacing:' . ($options['headings']['h6_letter_spacing'] ?? 0) . 'em;
49
-
50
- --sh1-letter-spacing:' . ($options['sub_headings']['sh1_letter_spacing'] ?? 0) . 'em;
51
- --sh2-letter-spacing:' . ($options['sub_headings']['sh2_letter_spacing'] ?? 0) . 'em;
52
- --sh3-letter-spacing:' . ($options['sub_headings']['sh3_letter_spacing'] ?? 0) . 'em;
53
- --sh4-letter-spacing:' . ($options['sub_headings']['sh4_letter_spacing'] ?? 0) . 'em;
54
- --sh5-letter-spacing:' . ($options['sub_headings']['sh5_letter_spacing'] ?? 0) . 'em;
55
- --sh6-letter-spacing:' . ($options['sub_headings']['sh6_letter_spacing'] ?? 0) . 'em;
56
-
57
- --h1-l-line-height:' . ($options['headings']['h1_l_line_height'] ?? 100) . '%;
58
- --h1-line-height:' . ($options['headings']['h1_line_height'] ?? 100) . '%;
59
- --h2-line-height:' . ($options['headings']['h2_line_height'] ?? 100) . '%;
60
- --h3-line-height:' . ($options['headings']['h3_line_height'] ?? 100) . '%;
61
- --h4-line-height:' . ($options['headings']['h4_line_height'] ?? 100) . '%;
62
- --h5-line-height:' . ($options['headings']['h5_line_height'] ?? 100) . '%;
63
- --h6-line-height:' . ($options['headings']['h6_line_height'] ?? 100) . '%;
64
-
65
- --sh1-line-height:' . ($options['sub_headings']['sh1_line_height'] ?? 100) . '%;
66
- --sh2-line-height:' . ($options['sub_headings']['sh2_line_height'] ?? 100) . '%;
67
- --sh3-line-height:' . ($options['sub_headings']['sh3_line_height'] ?? 100) . '%;
68
- --sh4-line-height:' . ($options['sub_headings']['sh4_line_height'] ?? 100) . '%;
69
- --sh5-line-height:' . ($options['sub_headings']['sh5_line_height'] ?? 100) . '%;
70
- --sh6-line-height:' . ($options['sub_headings']['sh6_line_height'] ?? 100) . '%;
71
-
72
- --sh1-default-font-weight:' . ($options['sub_headings']['sh1_default_font_weight'] ?? 400) . ';
73
- --sh2-default-font-weight:' . ($options['sub_headings']['sh2_default_font_weight'] ?? 400) . ';
74
- --sh3-default-font-weight:' . ($options['sub_headings']['sh3_default_font_weight'] ?? 400) . ';
75
- --sh4-default-font-weight:' . ($options['sub_headings']['sh4_default_font_weight'] ?? 400) . ';
76
- --sh5-default-font-weight:' . ($options['sub_headings']['sh5_default_font_weight'] ?? 400) . ';
77
- --sh6-default-font-weight:' . ($options['sub_headings']['sh6_default_font_weight'] ?? 400) . ';
78
-
79
- --sh1-bold-font-weight:' . ($options['sub_headings']['sh1_bold_font_weight'] ?? 600) . ';
80
- --sh2-bold-font-weight:' . ($options['sub_headings']['sh2_bold_font_weight'] ?? 600) . ';
81
- --sh3-bold-font-weight:' . ($options['sub_headings']['sh3_bold_font_weight'] ?? 600) . ';
82
- --sh4-bold-font-weight:' . ($options['sub_headings']['sh4_bold_font_weight'] ?? 600) . ';
83
- --sh5-bold-font-weight:' . ($options['sub_headings']['sh5_bold_font_weight'] ?? 600) . ';
84
- --sh6-bold-font-weight:' . ($options['sub_headings']['sh6_bold_font_weight'] ?? 600) . ';
85
-
86
- --h1-l-default-font-weight:' . ($options['headings']['h1_l_default_font_weight'] ?? 400) . ';
87
- --h1-default-font-weight:' . ($options['headings']['h1_default_font_weight'] ?? 400) . ';
88
- --h2-default-font-weight:' . ($options['headings']['h2_default_font_weight'] ?? 400) . ';
89
- --h3-default-font-weight:' . ($options['headings']['h3_default_font_weight'] ?? 400) . ';
90
- --h4-default-font-weight:' . ($options['headings']['h4_default_font_weight'] ?? 400) . ';
91
- --h5-default-font-weight:' . ($options['headings']['h5_default_font_weight'] ?? 400) . ';
92
- --h6-default-font-weight:' . ($options['headings']['h6_default_font_weight'] ?? 400) . ';
93
-
94
- --h1-l-bold-font-weight:' . ($options['headings']['h1_l_bold_font_weight'] ?? 600) . ';
95
- --h1-bold-font-weight:' . ($options['headings']['h1_bold_font_weight'] ?? 600) . ';
96
- --h2-bold-font-weight:' . ($options['headings']['h2_bold_font_weight'] ?? 600) . ';
97
- --h3-bold-font-weight:' . ($options['headings']['h3_bold_font_weight'] ?? 600) . ';
98
- --h4-bold-font-weight:' . ($options['headings']['h4_bold_font_weight'] ?? 600) . ';
99
- --h5-bold-font-weight:' . ($options['headings']['h5_bold_font_weight'] ?? 600) . ';
100
- --h6-bold-font-weight:' . ($options['headings']['h6_bold_font_weight'] ?? 600) . ';
23
+ --list-item-block-spacing-desktop:' . ($options['list_item_block_spacing']['list_item_block_spacing_desktop'] ?? 0) . 'em;
24
+ --list-item-block-spacing-landscape:' . ($options['list_item_block_spacing']['list_item_block_spacing_landscape'] ?? 0) . 'em;
25
+ --list-item-block-spacing-portrait:' . ($options['list_item_block_spacing']['list_item_block_spacing_portrait'] ?? 0) . 'em;
26
+ --list-item-block-spacing-mobile:' . ($options['list_item_block_spacing']['list_item_block_spacing_mobile'] ?? 0) . 'em;
27
+
28
+ --h-xl-font-family:' . (remove_underscore($options['headings']['h_xl_font_family'] ?? 'arial')) . ';
29
+ --h-l-font-family:' . (remove_underscore($options['headings']['h_l_font_family'] ?? 'arial')) . ';
30
+ --h-m-font-family:' . (remove_underscore($options['headings']['h_m_font_family'] ?? 'arial')) . ';
31
+ --h-s-font-family:' . (remove_underscore($options['headings']['h_s_font_family'] ?? 'arial')) . ';
32
+ --h-xs-font-family:' . (remove_underscore($options['headings']['h_xs_font_family'] ?? 'arial')) . ';
33
+ --h-xss-font-family:' . (remove_underscore($options['headings']['h_xxs_font_family'] ?? 'arial')) . ';
34
+ --h-xss-font-family:' . (remove_underscore($options['headings']['h_xxxs_font_family'] ?? 'arial')) . ';
35
+
36
+ --sh-xl-font-family:' . (remove_underscore($options['sub_headings']['sh_xl_font_family'] ?? 'arial')) . ';
37
+ --sh-l-font-family:' . (remove_underscore($options['sub_headings']['sh_l_font_family'] ?? 'arial')) . ';
38
+ --sh-m-font-family:' . (remove_underscore($options['sub_headings']['sh_m_font_family'] ?? 'arial')) . ';
39
+ --sh-s-font-family:' . (remove_underscore($options['sub_headings']['sh_s_font_family'] ?? 'arial')) . ';
40
+ --sh-xs-font-family:' . (remove_underscore($options['sub_headings']['sh_xs_font_family'] ?? 'arial')) . ';
41
+ --sh-xss-font-family:' . (remove_underscore($options['sub_headings']['sh_xxs_font_family'] ?? 'arial')) . ';
42
+ --sh-xss-font-family:' . (remove_underscore($options['sub_headings']['sh_xxxs_font_family'] ?? 'arial')) . ';
43
+
44
+ --h-xl-letter-spacing:' . ($options['headings']['h_xl_letter_spacing'] ?? 0) . 'em;
45
+ --h-l-letter-spacing:' . ($options['headings']['h_l_letter_spacing'] ?? 0) . 'em;
46
+ --h-m-letter-spacing:' . ($options['headings']['h_m_letter_spacing'] ?? 0) . 'em;
47
+ --h-s-letter-spacing:' . ($options['headings']['h_s_letter_spacing'] ?? 0) . 'em;
48
+ --h-xs-letter-spacing:' . ($options['headings']['h_xs_letter_spacing'] ?? 0) . 'em;
49
+ --h-xss-letter-spacing:' . ($options['headings']['h_xxs_letter_spacing'] ?? 0) . 'em;
50
+ --h-xss-letter-spacing:' . ($options['headings']['h_xxxs_letter_spacing'] ?? 0) . 'em;
51
+
52
+ --sh-xl-letter-spacing:' . ($options['sub_headings']['sh_xl_letter_spacing'] ?? 0) . 'em;
53
+ --sh-l-letter-spacing:' . ($options['sub_headings']['sh_l_letter_spacing'] ?? 0) . 'em;
54
+ --sh-m-letter-spacing:' . ($options['sub_headings']['sh_m_letter_spacing'] ?? 0) . 'em;
55
+ --sh-s-letter-spacing:' . ($options['sub_headings']['sh_s_letter_spacing'] ?? 0) . 'em;
56
+ --sh-xs-letter-spacing:' . ($options['sub_headings']['sh_xs_letter_spacing'] ?? 0) . 'em;
57
+ --sh-xss-letter-spacing:' . ($options['sub_headings']['sh_xxs_letter_spacing'] ?? 0) . 'em;
58
+ --sh-xss-letter-spacing:' . ($options['sub_headings']['sh_xxxs_letter_spacing'] ?? 0) . 'em;
59
+
60
+ --h-xl-line-height:' . ($options['headings']['h_xl_line_height'] ?? 100) . '%;
61
+ --h-l-line-height:' . ($options['headings']['h_l_line_height'] ?? 100) . '%;
62
+ --h-m-line-height:' . ($options['headings']['h_m_line_height'] ?? 100) . '%;
63
+ --h-s-line-height:' . ($options['headings']['h_s_line_height'] ?? 100) . '%;
64
+ --h-xs-line-height:' . ($options['headings']['h_xs_line_height'] ?? 100) . '%;
65
+ --h-xss-line-height:' . ($options['headings']['h_xxs_line_height'] ?? 100) . '%;
66
+ --h-xss-line-height:' . ($options['headings']['h_xxxs_line_height'] ?? 100) . '%;
67
+
68
+ --sh-xl-line-height:' . ($options['sub_headings']['sh_xl_line_height'] ?? 100) . '%;
69
+ --sh-l-line-height:' . ($options['sub_headings']['sh_l_line_height'] ?? 100) . '%;
70
+ --sh-m-line-height:' . ($options['sub_headings']['sh_m_line_height'] ?? 100) . '%;
71
+ --sh-s-line-height:' . ($options['sub_headings']['sh_s_line_height'] ?? 100) . '%;
72
+ --sh-xs-line-height:' . ($options['sub_headings']['sh_xs_line_height'] ?? 100) . '%;
73
+ --sh-xss-line-height:' . ($options['sub_headings']['sh_xxs_line_height'] ?? 100) . '%;
74
+
75
+ --sh-xl-default-font-weight:' . ($options['sub_headings']['sh_xl_default_font_weight'] ?? 400) . ';
76
+ --sh-l-default-font-weight:' . ($options['sub_headings']['sh_l_default_font_weight'] ?? 400) . ';
77
+ --sh-m-default-font-weight:' . ($options['sub_headings']['sh_m_default_font_weight'] ?? 400) . ';
78
+ --sh-s-default-font-weight:' . ($options['sub_headings']['sh_s_default_font_weight'] ?? 400) . ';
79
+ --sh-xs-default-font-weight:' . ($options['sub_headings']['sh_xs_default_font_weight'] ?? 400) . ';
80
+ --sh-xss-default-font-weight:' . ($options['sub_headings']['sh_xxs_default_font_weight'] ?? 400) . ';
81
+
82
+ --sh-xl-bold-font-weight:' . ($options['sub_headings']['sh_xl_bold_font_weight'] ?? 600) . ';
83
+ --sh-l-bold-font-weight:' . ($options['sub_headings']['sh_l_bold_font_weight'] ?? 600) . ';
84
+ --sh-m-bold-font-weight:' . ($options['sub_headings']['sh_m_bold_font_weight'] ?? 600) . ';
85
+ --sh-s-bold-font-weight:' . ($options['sub_headings']['sh_s_bold_font_weight'] ?? 600) . ';
86
+ --sh-xs-bold-font-weight:' . ($options['sub_headings']['sh_xs_bold_font_weight'] ?? 600) . ';
87
+ --sh-xss-bold-font-weight:' . ($options['sub_headings']['sh_xxs_bold_font_weight'] ?? 600) . ';
88
+
89
+ --h-xl-default-font-weight:' . ($options['headings']['h_xl_default_font_weight'] ?? 400) . ';
90
+ --h-l-default-font-weight:' . ($options['headings']['h_l_default_font_weight'] ?? 400) . ';
91
+ --h-m-default-font-weight:' . ($options['headings']['h_m_default_font_weight'] ?? 400) . ';
92
+ --h-s-default-font-weight:' . ($options['headings']['h_s_default_font_weight'] ?? 400) . ';
93
+ --h-xs-default-font-weight:' . ($options['headings']['h_xs_default_font_weight'] ?? 400) . ';
94
+ --h-xss-default-font-weight:' . ($options['headings']['h_xss_default_font_weight'] ?? 400) . ';
95
+
96
+ --h-xl-bold-font-weight:' . ($options['headings']['h_xl_bold_font_weight'] ?? 600) . ';
97
+ --h-l-bold-font-weight:' . ($options['headings']['h_l_bold_font_weight'] ?? 600) . ';
98
+ --h-m-bold-font-weight:' . ($options['headings']['h_m_bold_font_weight'] ?? 600) . ';
99
+ --h-s-bold-font-weight:' . ($options['headings']['h_s_bold_font_weight'] ?? 600) . ';
100
+ --h-xs-bold-font-weight:' . ($options['headings']['h_xs_bold_font_weight'] ?? 600) . ';
101
+ --h-xss-bold-font-weight:' . ($options['headings']['h_xss_bold_font_weight'] ?? 600) . ';
101
102
 
102
103
  --paragraph-large-line-height:' . ($options['paragraphs']['paragraph_large_line_height'] ?? 100) . '%;
103
104
  --paragraph-line-height:' . ($options['paragraphs']['paragraph_line_height'] ?? 100) . '%;