@total_onion/onion-library 3.0.12 → 3.0.14

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 (5) hide show
  1. package/components/block-single-responsive-image-v3/single-responsive-image-v3.twig +5 -3
  2. package/components/core-core-typography-v3/core-typography-v3.php +225 -203
  3. package/package.json +1 -1
  4. package/update-component.js +4 -1
  5. package/update-template.js +4 -1
package/components/block-single-responsive-image-v3/single-responsive-image-v3.twig CHANGED
@@ -1,9 +1,8 @@
1
1
  {% set blockClassName = "single-responsive-image-v3" %}
2
2
  {% set classNameEntryPoint = include('entry-points/entry-point-classes.twig', { fields, block }, with_context = false) %}
3
- {% set htmlEntryPoint = include('entry-points/entry-point-html-v3.twig', { fields, block, blockClassName, options, environment, is_preview, nav_menus, imageSizes }, with_context = false) %}
4
3
  {% set dataAttributeEntryPoint = include('entry-points/entry-point-data-attribute.twig', { fields, block }, with_context = false) %}
5
4
  {% set styleEntryPoint = include('entry-points/entry-point-style-v3.twig', { fields, block, displaytype, is_preview }, with_context = false) %}
6
- {% set previewEntryPoint = include('entry-points/entry-point-preview-info.twig', { fields: fields, block: block, displaytype: displaytype, is_preview: is_preview }, with_context = false) %}
5
+
7
6
  {% set sectionStyles = styleEntryPoint %}
8
7
  {{previewEntryPoint}}
9
8
  <style>
@@ -11,9 +10,12 @@
11
10
  {{sectionStyles}}
12
11
  }
13
12
  </style>
14
- <section {{block.anchor ? "id=" ~ block.anchor : ''}} class="{{blockClassName}} {{fields.section_class}} {{classNameEntryPoint}} lazy-fade {{block.id}}" data-jsload="false" {{dataAttributeEntryPoint}} data-blockid="{{block.id}}" data-assetkey="{{blockClassName}}">
13
+ <section
14
+ {{block.anchor ? "id=" ~ block.anchor : ''}} class="{{blockClassName}} {{fields.section_class}} {{classNameEntryPoint}} lazy-fade {{block.id}}" data-jsload="false" {{dataAttributeEntryPoint}} data-blockid="{{block.id}}" data-assetkey="{{blockClassName}}">
15
15
 
16
+ <!--pattern-replace-start:component/responsive-image -->
16
17
  {{ include('components/responsive-image-v3.twig', { fields, block, blockClassName }, with_context = false) }}
18
+ <!--pattern-replace-end:component/responsive-image -->
17
19
 
18
20
  {% if fields.animations.enable_animations %}
19
21
  {{ include('components/animations-style-v3.twig', { fields, block, blockClassName }, with_context = false) }}
package/components/core-core-typography-v3/core-typography-v3.php CHANGED
@@ -1,213 +1,235 @@
1
1
  <?php
2
2
  // @codingStandardsIgnoreStart
3
- function core_typography_v3()
3
+ function core_typography_v3($options)
4
4
  {
5
+ if (!is_array($options)) {
6
+ return [];
7
+ }
8
+ $json_data = file_get_contents(get_template_directory() . '/inc/theme-data/' . $options['current_theme_name'] . '/typography-vars.json');
9
+ $typography_vars = json_decode($json_data, true)[0];
5
10
  $output = '';
6
- if (defined('TYPOGRAPHY_OPTIONS')) {
7
- $options = TYPOGRAPHY_OPTIONS;
8
- if (is_array($options)) {
9
- if (array_key_exists('headings', $options)) {
11
+ if ($typography_vars) {
12
+ if (is_array($typography_vars)) {
13
+ if (array_key_exists('headings', $typography_vars)) {
10
14
  $output = '
11
15
  <style id="core-typography-v3-vars">
12
16
  body {
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;
20
-
21
- --list-item-line-height:' . ($options['list_item_line_height'] ?? 0) . '%;
22
- --list-item-letter-spacing:' . ($options['list_item_letter_spacing'] ?? 0) . 'em;
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) . ';
102
-
103
- --paragraph-large-line-height:' . ($options['paragraphs']['paragraph_large_line_height'] ?? 100) . '%;
104
- --paragraph-line-height:' . ($options['paragraphs']['paragraph_line_height'] ?? 100) . '%;
105
- --paragraph-small-line-height:' . ($options['paragraphs']['paragraph_small_line_height'] ?? 100) . '%;
106
- --paragraph-extra-small-line-height:' . ($options['paragraphs']['paragraph_extra_small_line_height'] ?? 100) . '%;
107
- --paragraph-extra-extra-small-line-height:' . ($options['paragraphs']['paragraph_extra_extra_small_line_height'] ?? 100) . '%;
108
-
109
- --paragraph-large-default-font-weight:' . ($options['paragraphs']['paragraph_large_default_font_weight'] ?? 400) . ';
110
- --paragraph-default-font-weight:' . ($options['paragraphs']['paragraph_default_font_weight'] ?? 400) . ';
111
- --paragraph-small-default-font-weight:' . ($options['paragraphs']['paragraph_small_default_font_weight'] ?? 400) . ';
112
- --paragraph-extra-small-default-font-weight:' . ($options['paragraphs']['paragraph_extra_small_default_font_weight'] ?? 400) . ';
113
- --paragraph-extra-extra-small-default-font-weight:' . ($options['paragraphs']['paragraph_extra_extra_small_default_font_weight'] ?? 400) . ';
114
-
115
- --paragraph-large-bold-font-weight:' . ($options['paragraphs']['paragraph_large_bold_font_weight'] ?? 600) . ';
116
- --paragraph-bold-font-weight:' . ($options['paragraphs']['paragraph_bold_font_weight'] ?? 600) . ';
117
- --paragraph-small-bold-font-weight:' . ($options['paragraphs']['paragraph_small_bold_font_weight'] ?? 600) . ';
118
- --paragraph-extra-small-bold-font-weight:' . ($options['paragraphs']['paragraph_extra_small_bold_font_weight'] ?? 600) . ';
119
- --paragraph-extra-extra-small-bold-font-weight:' . ($options['paragraphs']['paragraph_extra_extra_small_bold_font_weight'] ?? 600) . ';
120
-
121
- --paragraph-large-letter-spacing:' . ($options['paragraphs']['paragraph_large_letter_spacing'] ?? 100) . 'em;
122
- --paragraph-letter-spacing:' . ($options['paragraphs']['paragraph_letter_spacing'] ?? 100) . 'em;
123
- --paragraph-small-letter-spacing:' . ($options['paragraphs']['paragraph_small_letter_spacing'] ?? 100) . 'em;
124
- --paragraph-extra-small-letter-spacing:' . ($options['paragraphs']['paragraph_extra_small_letter_spacing'] ?? 100) . 'em;
125
- --paragraph-extra-extra-small-letter-spacing:' . ($options['paragraphs']['paragraph_extra_extra_small_letter_spacing'] ?? 100) . 'em;
126
-
127
- --paragraph-large-font-family:' . (remove_underscore($options['paragraphs']['paragraph_large_font_family'] ?? 'arial')) . ';
128
- --paragraph-font-family:' . (remove_underscore($options['paragraphs']['paragraph_font_family'] ?? 'arial')) . ';
129
- --paragraph-small-font-family:' . (remove_underscore($options['paragraphs']['paragraph_small_font_family'] ?? 'arial')) . ';
130
- --paragraph-extra-small-font-family:' . (remove_underscore($options['paragraphs']['paragraph_extra_small_font_family'] ?? 'arial')) . ';
131
- --paragraph-extra-extra-small-font-family:' . (remove_underscore($options['paragraphs']['paragraph_extra_extra_small_font_family'] ?? 'arial')) . ';
132
-
133
- --h-xl-desktop:' . ($options['headings']['h_xl_desktop'] ?? 70) . ';
134
- --h-xl-landscape:' . ($options['headings']['h_xl_desktop'] ?? 70) . ';
135
- --h-xl-portrait:' . ($options['headings']['h_xl_portrait'] ?? 44) . ';
136
- --h-xl-mobile:' . ($options['headings']['h_xl_mobile'] ?? 44) . ';
137
- --h-l-desktop:' . ($options['headings']['h_l_desktop'] ?? 44) . ';
138
- --h-l-landscape:' . ($options['headings']['h_l_landscape'] ?? 44) . ';
139
- --h-l-portrait:' . ($options['headings']['h_l_portrait'] ?? 32) . ';
140
- --h-l-mobile:' . ($options['headings']['h_l_mobile'] ?? 32) . ';
141
- --h-m-desktop:' . ($options['headings']['h_m_desktop'] ?? 24) . ';
142
- --h-m-landscape:' . ($options['headings']['h_m_desktop'] ?? 24) . ';
143
- --h-m-portrait:' . ($options['headings']['h_m_portrait'] ?? 20) . ';
144
- --h-m-mobile:' . ($options['headings']['h_m_mobile'] ?? 20) . ';
145
- --h-s-desktop:' . ($options['headings']['h_s_desktop'] ?? 20) . ';
146
- --h-s-landscape:' . ($options['headings']['h_s_desktop'] ?? 20) . ';
147
- --h-s-portrait:' . ($options['headings']['h_s_portrait'] ?? 18) . ';
148
- --h-s-mobile:' . ($options['headings']['h_s_mobile'] ?? 18) . ';
149
- --h-xs-desktop:' . ($options['headings']['h_xs_desktop'] ?? 18) . ';
150
- --h-xs-landscape:' . ($options['headings']['h_xs_desktop'] ?? 18) . ';
151
- --h-xs-portrait:' . ($options['headings']['h_xs_portrait'] ?? 16) . ';
152
- --h-xs-mobile:' . ($options['headings']['h_xs_mobile'] ?? 16) . ';
153
- --h-xxs-desktop:' . ($options['headings']['h_xxs_desktop'] ?? 16) . ';
154
- --h-xxs-landscape:' . ($options['headings']['h_xxs_desktop'] ?? 16) . ';
155
- --h-xxs-portrait:' . ($options['headings']['h_xxs_portrait'] ?? 14) . ';
156
- --h-xxs-mobile:' . ($options['headings']['h_xxs_mobile'] ?? 14) . ';
157
- --h-xxxs-desktop:' . ($options['headings']['h_xxxs_desktop'] ?? 14) . ';
158
- --h-xxxs-landscape:' . ($options['headings']['h_xxxs_desktop'] ?? 14) . ';
159
- --h-xxxs-portrait:' . ($options['headings']['h_xxxs_portrait'] ?? 14) . ';
160
- --h-xxxs-mobile:' . ($options['headings']['h_xxxs_mobile'] ?? 14) . ';
161
-
162
- --sh-xl-desktop:' . ($options['sub_headings']['sh_xl_desktop'] ?? 70) . ';
163
- --sh-xl-landscape:' . ($options['sub_headings']['sh_xl_desktop'] ?? 70) . ';
164
- --sh-xl-portrait:' . ($options['sub_headings']['sh_xl_portrait'] ?? 44) . ';
165
- --sh-xl-mobile:' . ($options['sub_headings']['sh_xl_mobile'] ?? 44) . ';
166
- --sh-l-desktop:' . ($options['sub_headings']['sh_l_desktop'] ?? 44) . ';
167
- --sh-l-landscape:' . ($options['sub_headings']['sh_l_desktop'] ?? 44) . ';
168
- --sh-l-portrait:' . ($options['sub_headings']['sh_l_portrait'] ?? 32) . ';
169
- --sh-l-mobile:' . ($options['sub_headings']['sh_l_mobile'] ?? 32) . ';
170
- --sh-m-desktop:' . ($options['sub_headings']['sh_m_desktop'] ?? 30) . ';
171
- --sh-m-landscape:' . ($options['sub_headings']['sh_m_desktop'] ?? 32) . ';
172
- --sh-m-portrait:' . ($options['sub_headings']['sh_m_portrait'] ?? 24) . ';
173
- --sh-m-mobile:' . ($options['sub_headings']['sh_m_mobile'] ?? 24) . ';
174
- --sh-s-desktop:' . ($options['sub_headings']['sh_s_desktop'] ?? 26) . ';
175
- --sh-s-landscape:' . ($options['sub_headings']['sh_s_desktop'] ?? 24) . ';
176
- --sh-s-portrait:' . ($options['sub_headings']['sh_s_portrait'] ?? 20) . ';
177
- --sh-s-mobile:' . ($options['sub_headings']['sh_s_mobile'] ?? 20) . ';
178
- --sh-xs-desktop:' . ($options['sub_headings']['sh_xs_desktop'] ?? 18) . ';
179
- --sh-xs-landscape:' . ($options['sub_headings']['sh_xs_desktop'] ?? 20) . ';
180
- --sh-xs-portrait:' . ($options['sub_headings']['sh_xs_portrait'] ?? 18) . ';
181
- --sh-xs-mobile:' . ($options['sub_headings']['sh_xs_mobile'] ?? 18) . ';
182
- --sh-xxs-desktop:' . ($options['sub_headings']['sh_xxs_desktop'] ?? 16) . ';
183
- --sh-xxs-landscape:' . ($options['sub_headings']['sh_xxs_desktop'] ?? 18) . ';
184
- --sh-xxs-portrait:' . ($options['sub_headings']['sh_xxs_portrait'] ?? 18) . ';
185
- --sh-xxs-mobile:' . ($options['sub_headings']['sh_xxs_mobile'] ?? 18) . ';
186
-
187
- --p-l-desktop:' . ($options['paragraphs']['p_l_desktop'] ?? 18) . ';
188
- --p-l-landscape:' . ($options['paragraphs']['p_l_desktop'] ?? 18) . ';
189
- --p-l-portrait:' . ($options['paragraphs']['p_l_portrait'] ?? 18) . ';
190
- --p-l-mobile:' . ($options['paragraphs']['p_l_mobile'] ?? 18) . ';
191
- --p-desktop:' . ($options['paragraphs']['p_desktop'] ?? 16) . ';
192
- --p-landscape:' . ($options['paragraphs']['p_desktop'] ?? 16) . ';
193
- --p-portrait:' . ($options['paragraphs']['p_portrait'] ?? 16) . ';
194
- --p-mobile:' . ($options['paragraphs']['p_mobile'] ?? 16) . ';
195
- --p-s-desktop:' . ($options['paragraphs']['p_s_desktop'] ?? 14) . ';
196
- --p-s-landscape:' . ($options['paragraphs']['p_s_desktop'] ?? 14) . ';
197
- --p-s-portrait:' . ($options['paragraphs']['p_s_portrait'] ?? 14) . ';
198
- --p-s-mobile:' . ($options['paragraphs']['p_s_mobile'] ?? 14) . ';
199
- --p-xs-desktop:' . ($options['paragraphs']['p_xs_desktop'] ?? 12) . ';
200
- --p-xs-landscape:' . ($options['paragraphs']['p_xs_desktop'] ?? 12) . ';
201
- --p-xs-portrait:' . ($options['paragraphs']['p_xs_portrait'] ?? 12) . ';
202
- --p-xs-mobile:' . ($options['paragraphs']['p_xs_mobile'] ?? 12) . ';
203
- --p-xxs-desktop:' . ($options['paragraphs']['p_xxs_desktop'] ?? 10) . ';
204
- --p-xxs-landscape:' . ($options['paragraphs']['p_xxs_desktop'] ?? 10) . ';
205
- --p-xxs-portrait:' . ($options['paragraphs']['p_xxs_portrait'] ?? 10) . ';
206
- --p-xxs-mobile:' . ($options['paragraphs']['p_xxs_mobile'] ?? 10) . ';
207
- --p-xxxs-desktop:' . ($options['paragraphs']['p_xxxs_desktop'] ?? 8) . ';
208
- --p-xxxs-landscape:' . ($options['paragraphs']['p_xxxs_desktop'] ?? 8) . ';
209
- --p-xxxs-portrait:' . ($options['paragraphs']['p_xxxs_portrait'] ?? 8) . ';
210
- --p-xxxs-mobile:' . ($options['paragraphs']['p_xxxs_mobile'] ?? 8) . ';';
17
+ --paragraph-block-spacing-desktop:' . ($typography_vars['paragraph_spacing_desktop'] ?? 0) . ';
18
+ --paragraph-block-spacing-portrait:' . ($typography_vars['paragraph_spacing_portrait'] ?? 0) . ';
19
+ --paragraph-block-spacing-mobile:' . ($typography_vars['paragraph_spacing_mobile'] ?? 0) . ';
20
+
21
+ --heading-block-spacing-desktop:' . ($typography_vars['heading_spacing_desktop'] ?? 0) . ';
22
+ --heading-block-spacing-portrait:' . ($typography_vars['heading_spacing_portrait'] ?? 0) . ';
23
+ --heading-block-spacing-mobile:' . ($typography_vars['heading_spacing_mobile'] ?? 0) . ';
24
+
25
+ --list-item-line-height:' . ($typography_vars['list_item_line_height'] ?? 0) . '%;
26
+ --list-item-letter-spacing:' . ($typography_vars['list_item_letter_spacing'] ?? 0) . 'em;
27
+ --list-item-block-spacing-desktop:' . ($typography_vars['list_item_block_spacing']['list_item_block_spacing_desktop'] ?? 0) . 'em;
28
+ --list-item-block-spacing-landscape:' . ($typography_vars['list_item_block_spacing']['list_item_block_spacing_landscape'] ?? 0) . 'em;
29
+ --list-item-block-spacing-portrait:' . ($typography_vars['list_item_block_spacing']['list_item_block_spacing_portrait'] ?? 0) . 'em;
30
+ --list-item-block-spacing-mobile:' . ($typography_vars['list_item_block_spacing']['list_item_block_spacing_mobile'] ?? 0) . 'em;
31
+
32
+ --h-xl-font-family:' . (remove_underscore($typography_vars['headings']['h_xl_font_family'] ?? 'arial')) . ';
33
+ --h-l-font-family:' . (remove_underscore($typography_vars['headings']['h_l_font_family'] ?? 'arial')) . ';
34
+ --h-m-font-family:' . (remove_underscore($typography_vars['headings']['h_m_font_family'] ?? 'arial')) . ';
35
+ --h-s-font-family:' . (remove_underscore($typography_vars['headings']['h_s_font_family'] ?? 'arial')) . ';
36
+ --h-xs-font-family:' . (remove_underscore($typography_vars['headings']['h_xs_font_family'] ?? 'arial')) . ';
37
+ --h-xxs-font-family:' . (remove_underscore($typography_vars['headings']['h_xxs_font_family'] ?? 'arial')) . ';
38
+ --h-xxxs-font-family:' . (remove_underscore($typography_vars['headings']['h_xxxs_font_family'] ?? 'arial')) . ';
39
+
40
+ --sh-xxxl-font-family:' . (remove_underscore($typography_vars['sub_headings']['sh_xxxl_font_family'] ?? 'arial')) . ';
41
+ --sh-xxl-font-family:' . (remove_underscore($typography_vars['sub_headings']['sh_xxl_font_family'] ?? 'arial')) . ';
42
+ --sh-xl-font-family:' . (remove_underscore($typography_vars['sub_headings']['sh_xl_font_family'] ?? 'arial')) . ';
43
+ --sh-l-font-family:' . (remove_underscore($typography_vars['sub_headings']['sh_l_font_family'] ?? 'arial')) . ';
44
+ --sh-m-font-family:' . (remove_underscore($typography_vars['sub_headings']['sh_m_font_family'] ?? 'arial')) . ';
45
+ --sh-s-font-family:' . (remove_underscore($typography_vars['sub_headings']['sh_s_font_family'] ?? 'arial')) . ';
46
+ --sh-xs-font-family:' . (remove_underscore($typography_vars['sub_headings']['sh_xs_font_family'] ?? 'arial')) . ';
47
+ --sh-xxs-font-family:' . (remove_underscore($typography_vars['sub_headings']['sh_xxs_font_family'] ?? 'arial')) . ';
48
+ --sh-xxxs-font-family:' . (remove_underscore($typography_vars['sub_headings']['sh_xxxs_font_family'] ?? 'arial')) . ';
49
+
50
+ --h-xl-letter-spacing:' . ($typography_vars['headings']['h_xl_letter_spacing'] ?? 0) . 'em;
51
+ --h-l-letter-spacing:' . ($typography_vars['headings']['h_l_letter_spacing'] ?? 0) . 'em;
52
+ --h-m-letter-spacing:' . ($typography_vars['headings']['h_m_letter_spacing'] ?? 0) . 'em;
53
+ --h-s-letter-spacing:' . ($typography_vars['headings']['h_s_letter_spacing'] ?? 0) . 'em;
54
+ --h-xs-letter-spacing:' . ($typography_vars['headings']['h_xs_letter_spacing'] ?? 0) . 'em;
55
+ --h-xxs-letter-spacing:' . ($typography_vars['headings']['h_xxs_letter_spacing'] ?? 0) . 'em;
56
+ --h-xxxs-letter-spacing:' . ($typography_vars['headings']['h_xxxs_letter_spacing'] ?? 0) . 'em;
57
+
58
+ --sh-xxxl-letter-spacing:' . ($typography_vars['sub_headings']['sh_xxxl_letter_spacing'] ?? 0) . 'em;
59
+ --sh-xxl-letter-spacing:' . ($typography_vars['sub_headings']['sh_xxl_letter_spacing'] ?? 0) . 'em;
60
+ --sh-xl-letter-spacing:' . ($typography_vars['sub_headings']['sh_xl_letter_spacing'] ?? 0) . 'em;
61
+ --sh-l-letter-spacing:' . ($typography_vars['sub_headings']['sh_l_letter_spacing'] ?? 0) . 'em;
62
+ --sh-m-letter-spacing:' . ($typography_vars['sub_headings']['sh_m_letter_spacing'] ?? 0) . 'em;
63
+ --sh-s-letter-spacing:' . ($typography_vars['sub_headings']['sh_s_letter_spacing'] ?? 0) . 'em;
64
+ --sh-xs-letter-spacing:' . ($typography_vars['sub_headings']['sh_xs_letter_spacing'] ?? 0) . 'em;
65
+ --sh-xxs-letter-spacing:' . ($typography_vars['sub_headings']['sh_xxs_letter_spacing'] ?? 0) . 'em;
66
+ --sh-xxxs-letter-spacing:' . ($typography_vars['sub_headings']['sh_xxxs_letter_spacing'] ?? 0) . 'em;
67
+
68
+ --h-xl-line-height:' . ($typography_vars['headings']['h_xl_line_height'] ?? 100) . '%;
69
+ --h-l-line-height:' . ($typography_vars['headings']['h_l_line_height'] ?? 100) . '%;
70
+ --h-m-line-height:' . ($typography_vars['headings']['h_m_line_height'] ?? 100) . '%;
71
+ --h-s-line-height:' . ($typography_vars['headings']['h_s_line_height'] ?? 100) . '%;
72
+ --h-xs-line-height:' . ($typography_vars['headings']['h_xs_line_height'] ?? 100) . '%;
73
+ --h-xxs-line-height:' . ($typography_vars['headings']['h_xxs_line_height'] ?? 100) . '%;
74
+ --h-xxxs-line-height:' . ($typography_vars['headings']['h_xxxs_line_height'] ?? 100) . '%;
75
+
76
+ --sh-xxxl-line-height:' . ($typography_vars['sub_headings']['sh_xxxl_line_height'] ?? 100) . '%;
77
+ --sh-xxl-line-height:' . ($typography_vars['sub_headings']['sh_xxl_line_height'] ?? 100) . '%;
78
+ --sh-xl-line-height:' . ($typography_vars['sub_headings']['sh_xl_line_height'] ?? 100) . '%;
79
+ --sh-l-line-height:' . ($typography_vars['sub_headings']['sh_l_line_height'] ?? 100) . '%;
80
+ --sh-m-line-height:' . ($typography_vars['sub_headings']['sh_m_line_height'] ?? 100) . '%;
81
+ --sh-s-line-height:' . ($typography_vars['sub_headings']['sh_s_line_height'] ?? 100) . '%;
82
+ --sh-xs-line-height:' . ($typography_vars['sub_headings']['sh_xs_line_height'] ?? 100) . '%;
83
+ --sh-xxs-line-height:' . ($typography_vars['sub_headings']['sh_xxs_line_height'] ?? 100) . '%;
84
+
85
+ --sh-xxxl-default-font-weight:' . ($typography_vars['sub_headings']['sh_xxxl_default_font_weight'] ?? 400) . ';
86
+ --sh-xxl-default-font-weight:' . ($typography_vars['sub_headings']['sh_xxl_default_font_weight'] ?? 400) . ';
87
+ --sh-xl-default-font-weight:' . ($typography_vars['sub_headings']['sh_xl_default_font_weight'] ?? 400) . ';
88
+ --sh-l-default-font-weight:' . ($typography_vars['sub_headings']['sh_l_default_font_weight'] ?? 400) . ';
89
+ --sh-m-default-font-weight:' . ($typography_vars['sub_headings']['sh_m_default_font_weight'] ?? 400) . ';
90
+ --sh-s-default-font-weight:' . ($typography_vars['sub_headings']['sh_s_default_font_weight'] ?? 400) . ';
91
+ --sh-xs-default-font-weight:' . ($typography_vars['sub_headings']['sh_xs_default_font_weight'] ?? 400) . ';
92
+ --sh-xxs-default-font-weight:' . ($typography_vars['sub_headings']['sh_xxs_default_font_weight'] ?? 400) . ';
93
+
94
+ --sh-xxxl-bold-font-weight:' . ($typography_vars['sub_headings']['sh_xxxl_bold_font_weight'] ?? 600) . ';
95
+ --sh-xxl-bold-font-weight:' . ($typography_vars['sub_headings']['sh_xxl_bold_font_weight'] ?? 600) . ';
96
+ --sh-xl-bold-font-weight:' . ($typography_vars['sub_headings']['sh_xl_bold_font_weight'] ?? 600) . ';
97
+ --sh-l-bold-font-weight:' . ($typography_vars['sub_headings']['sh_l_bold_font_weight'] ?? 600) . ';
98
+ --sh-m-bold-font-weight:' . ($typography_vars['sub_headings']['sh_m_bold_font_weight'] ?? 600) . ';
99
+ --sh-s-bold-font-weight:' . ($typography_vars['sub_headings']['sh_s_bold_font_weight'] ?? 600) . ';
100
+ --sh-xs-bold-font-weight:' . ($typography_vars['sub_headings']['sh_xs_bold_font_weight'] ?? 600) . ';
101
+ --sh-xxs-bold-font-weight:' . ($typography_vars['sub_headings']['sh_xxs_bold_font_weight'] ?? 600) . ';
102
+
103
+ --h-xl-default-font-weight:' . ($typography_vars['headings']['h_xl_default_font_weight'] ?? 400) . ';
104
+ --h-l-default-font-weight:' . ($typography_vars['headings']['h_l_default_font_weight'] ?? 400) . ';
105
+ --h-m-default-font-weight:' . ($typography_vars['headings']['h_m_default_font_weight'] ?? 400) . ';
106
+ --h-s-default-font-weight:' . ($typography_vars['headings']['h_s_default_font_weight'] ?? 400) . ';
107
+ --h-xs-default-font-weight:' . ($typography_vars['headings']['h_xs_default_font_weight'] ?? 400) . ';
108
+ --h-xxs-default-font-weight:' . ($typography_vars['headings']['h_xxs_default_font_weight'] ?? 400) . ';
109
+
110
+ --h-xl-bold-font-weight:' . ($typography_vars['headings']['h_xl_bold_font_weight'] ?? 600) . ';
111
+ --h-l-bold-font-weight:' . ($typography_vars['headings']['h_l_bold_font_weight'] ?? 600) . ';
112
+ --h-m-bold-font-weight:' . ($typography_vars['headings']['h_m_bold_font_weight'] ?? 600) . ';
113
+ --h-s-bold-font-weight:' . ($typography_vars['headings']['h_s_bold_font_weight'] ?? 600) . ';
114
+ --h-xs-bold-font-weight:' . ($typography_vars['headings']['h_xs_bold_font_weight'] ?? 600) . ';
115
+ --h-xxs-bold-font-weight:' . ($typography_vars['headings']['h_xxs_bold_font_weight'] ?? 600) . ';
116
+
117
+ --paragraph-large-line-height:' . ($typography_vars['paragraphs']['paragraph_large_line_height'] ?? 100) . '%;
118
+ --paragraph-line-height:' . ($typography_vars['paragraphs']['paragraph_line_height'] ?? 100) . '%;
119
+ --paragraph-small-line-height:' . ($typography_vars['paragraphs']['paragraph_small_line_height'] ?? 100) . '%;
120
+ --paragraph-extra-small-line-height:' . ($typography_vars['paragraphs']['paragraph_extra_small_line_height'] ?? 100) . '%;
121
+ --paragraph-extra-extra-small-line-height:' . ($typography_vars['paragraphs']['paragraph_extra_extra_small_line_height'] ?? 100) . '%;
122
+
123
+ --paragraph-large-default-font-weight:' . ($typography_vars['paragraphs']['paragraph_large_default_font_weight'] ?? 400) . ';
124
+ --paragraph-default-font-weight:' . ($typography_vars['paragraphs']['paragraph_default_font_weight'] ?? 400) . ';
125
+ --paragraph-small-default-font-weight:' . ($typography_vars['paragraphs']['paragraph_small_default_font_weight'] ?? 400) . ';
126
+ --paragraph-extra-small-default-font-weight:' . ($typography_vars['paragraphs']['paragraph_extra_small_default_font_weight'] ?? 400) . ';
127
+ --paragraph-extra-extra-small-default-font-weight:' . ($typography_vars['paragraphs']['paragraph_extra_extra_small_default_font_weight'] ?? 400) . ';
128
+
129
+ --paragraph-large-bold-font-weight:' . ($typography_vars['paragraphs']['paragraph_large_bold_font_weight'] ?? 600) . ';
130
+ --paragraph-bold-font-weight:' . ($typography_vars['paragraphs']['paragraph_bold_font_weight'] ?? 600) . ';
131
+ --paragraph-small-bold-font-weight:' . ($typography_vars['paragraphs']['paragraph_small_bold_font_weight'] ?? 600) . ';
132
+ --paragraph-extra-small-bold-font-weight:' . ($typography_vars['paragraphs']['paragraph_extra_small_bold_font_weight'] ?? 600) . ';
133
+ --paragraph-extra-extra-small-bold-font-weight:' . ($typography_vars['paragraphs']['paragraph_extra_extra_small_bold_font_weight'] ?? 600) . ';
134
+
135
+ --paragraph-large-letter-spacing:' . ($typography_vars['paragraphs']['paragraph_large_letter_spacing'] ?? 100) . 'em;
136
+ --paragraph-letter-spacing:' . ($typography_vars['paragraphs']['paragraph_letter_spacing'] ?? 100) . 'em;
137
+ --paragraph-small-letter-spacing:' . ($typography_vars['paragraphs']['paragraph_small_letter_spacing'] ?? 100) . 'em;
138
+ --paragraph-extra-small-letter-spacing:' . ($typography_vars['paragraphs']['paragraph_extra_small_letter_spacing'] ?? 100) . 'em;
139
+ --paragraph-extra-extra-small-letter-spacing:' . ($typography_vars['paragraphs']['paragraph_extra_extra_small_letter_spacing'] ?? 100) . 'em;
140
+
141
+ --paragraph-large-font-family:' . (remove_underscore($typography_vars['paragraphs']['paragraph_large_font_family'] ?? 'arial')) . ';
142
+ --paragraph-font-family:' . (remove_underscore($typography_vars['paragraphs']['paragraph_font_family'] ?? 'arial')) . ';
143
+ --paragraph-small-font-family:' . (remove_underscore($typography_vars['paragraphs']['paragraph_small_font_family'] ?? 'arial')) . ';
144
+ --paragraph-extra-small-font-family:' . (remove_underscore($typography_vars['paragraphs']['paragraph_extra_small_font_family'] ?? 'arial')) . ';
145
+ --paragraph-extra-extra-small-font-family:' . (remove_underscore($typography_vars['paragraphs']['paragraph_extra_extra_small_font_family'] ?? 'arial')) . ';
146
+
147
+ --h-xl-desktop:' . ($typography_vars['headings']['h_xl_desktop'] ?? 70) . ';
148
+ --h-xl-landscape:' . ($typography_vars['headings']['h_xl_desktop'] ?? 70) . ';
149
+ --h-xl-portrait:' . ($typography_vars['headings']['h_xl_portrait'] ?? 44) . ';
150
+ --h-xl-mobile:' . ($typography_vars['headings']['h_xl_mobile'] ?? 44) . ';
151
+ --h-l-desktop:' . ($typography_vars['headings']['h_l_desktop'] ?? 44) . ';
152
+ --h-l-landscape:' . ($typography_vars['headings']['h_l_landscape'] ?? 44) . ';
153
+ --h-l-portrait:' . ($typography_vars['headings']['h_l_portrait'] ?? 32) . ';
154
+ --h-l-mobile:' . ($typography_vars['headings']['h_l_mobile'] ?? 32) . ';
155
+ --h-m-desktop:' . ($typography_vars['headings']['h_m_desktop'] ?? 24) . ';
156
+ --h-m-landscape:' . ($typography_vars['headings']['h_m_desktop'] ?? 24) . ';
157
+ --h-m-portrait:' . ($typography_vars['headings']['h_m_portrait'] ?? 20) . ';
158
+ --h-m-mobile:' . ($typography_vars['headings']['h_m_mobile'] ?? 20) . ';
159
+ --h-s-desktop:' . ($typography_vars['headings']['h_s_desktop'] ?? 20) . ';
160
+ --h-s-landscape:' . ($typography_vars['headings']['h_s_desktop'] ?? 20) . ';
161
+ --h-s-portrait:' . ($typography_vars['headings']['h_s_portrait'] ?? 18) . ';
162
+ --h-s-mobile:' . ($typography_vars['headings']['h_s_mobile'] ?? 18) . ';
163
+ --h-xs-desktop:' . ($typography_vars['headings']['h_xs_desktop'] ?? 18) . ';
164
+ --h-xs-landscape:' . ($typography_vars['headings']['h_xs_desktop'] ?? 18) . ';
165
+ --h-xs-portrait:' . ($typography_vars['headings']['h_xs_portrait'] ?? 16) . ';
166
+ --h-xs-mobile:' . ($typography_vars['headings']['h_xs_mobile'] ?? 16) . ';
167
+ --h-xxs-desktop:' . ($typography_vars['headings']['h_xxs_desktop'] ?? 16) . ';
168
+ --h-xxs-landscape:' . ($typography_vars['headings']['h_xxs_desktop'] ?? 16) . ';
169
+ --h-xxs-portrait:' . ($typography_vars['headings']['h_xxs_portrait'] ?? 14) . ';
170
+ --h-xxs-mobile:' . ($typography_vars['headings']['h_xxs_mobile'] ?? 14) . ';
171
+ --h-xxxs-desktop:' . ($typography_vars['headings']['h_xxxs_desktop'] ?? 14) . ';
172
+ --h-xxxs-landscape:' . ($typography_vars['headings']['h_xxxs_desktop'] ?? 14) . ';
173
+ --h-xxxs-portrait:' . ($typography_vars['headings']['h_xxxs_portrait'] ?? 14) . ';
174
+ --h-xxxs-mobile:' . ($typography_vars['headings']['h_xxxs_mobile'] ?? 14) . ';
175
+
176
+ --sh-xxxl-desktop:' . ($typography_vars['sub_headings']['sh_xxxl_desktop'] ?? 80) . ';
177
+ --sh-xxxl-landscape:' . ($typography_vars['sub_headings']['sh_xxxl_desktop'] ?? 80) . ';
178
+ --sh-xxxl-portrait:' . ($typography_vars['sub_headings']['sh_xxxl_portrait'] ?? 70) . ';
179
+ --sh-xxxl-mobile:' . ($typography_vars['sub_headings']['sh_xxxl_mobile'] ?? 70) . ';
180
+ --sh-xxl-desktop:' . ($typography_vars['sub_headings']['sh_xxl_desktop'] ?? 62) . ';
181
+ --sh-xxl-landscape:' . ($typography_vars['sub_headings']['sh_xxl_desktop'] ?? 62) . ';
182
+ --sh-xxl-portrait:' . ($typography_vars['sub_headings']['sh_xxl_portrait'] ?? 50) . ';
183
+ --sh-xxl-mobile:' . ($typography_vars['sub_headings']['sh_xxl_mobile'] ?? 50) . ';
184
+ --sh-xl-desktop:' . ($typography_vars['sub_headings']['sh_xl_desktop'] ?? 48) . ';
185
+ --sh-xl-landscape:' . ($typography_vars['sub_headings']['sh_xl_desktop'] ?? 48) . ';
186
+ --sh-xl-portrait:' . ($typography_vars['sub_headings']['sh_xl_portrait'] ?? 40) . ';
187
+ --sh-xl-mobile:' . ($typography_vars['sub_headings']['sh_xl_mobile'] ?? 40) . ';
188
+ --sh-l-desktop:' . ($typography_vars['sub_headings']['sh_l_desktop'] ?? 44) . ';
189
+ --sh-l-landscape:' . ($typography_vars['sub_headings']['sh_l_desktop'] ?? 44) . ';
190
+ --sh-l-portrait:' . ($typography_vars['sub_headings']['sh_l_portrait'] ?? 32) . ';
191
+ --sh-l-mobile:' . ($typography_vars['sub_headings']['sh_l_mobile'] ?? 32) . ';
192
+ --sh-m-desktop:' . ($typography_vars['sub_headings']['sh_m_desktop'] ?? 32) . ';
193
+ --sh-m-landscape:' . ($typography_vars['sub_headings']['sh_m_desktop'] ?? 32) . ';
194
+ --sh-m-portrait:' . ($typography_vars['sub_headings']['sh_m_portrait'] ?? 24) . ';
195
+ --sh-m-mobile:' . ($typography_vars['sub_headings']['sh_m_mobile'] ?? 24) . ';
196
+ --sh-s-desktop:' . ($typography_vars['sub_headings']['sh_s_desktop'] ?? 24) . ';
197
+ --sh-s-landscape:' . ($typography_vars['sub_headings']['sh_s_desktop'] ?? 24) . ';
198
+ --sh-s-portrait:' . ($typography_vars['sub_headings']['sh_s_portrait'] ?? 20) . ';
199
+ --sh-s-mobile:' . ($typography_vars['sub_headings']['sh_s_mobile'] ?? 20) . ';
200
+ --sh-xs-desktop:' . ($typography_vars['sub_headings']['sh_xs_desktop'] ?? 20) . ';
201
+ --sh-xs-landscape:' . ($typography_vars['sub_headings']['sh_xs_desktop'] ?? 20) . ';
202
+ --sh-xs-portrait:' . ($typography_vars['sub_headings']['sh_xs_portrait'] ?? 18) . ';
203
+ --sh-xs-mobile:' . ($typography_vars['sub_headings']['sh_xs_mobile'] ?? 18) . ';
204
+ --sh-xxs-desktop:' . ($typography_vars['sub_headings']['sh_xxs_desktop'] ?? 18) . ';
205
+ --sh-xxs-landscape:' . ($typography_vars['sub_headings']['sh_xxs_desktop'] ?? 18) . ';
206
+ --sh-xxs-portrait:' . ($typography_vars['sub_headings']['sh_xxs_portrait'] ?? 18) . ';
207
+ --sh-xxs-mobile:' . ($typography_vars['sub_headings']['sh_xxs_mobile'] ?? 18) . ';
208
+
209
+ --p-l-desktop:' . ($typography_vars['paragraphs']['p_l_desktop'] ?? 18) . ';
210
+ --p-l-landscape:' . ($typography_vars['paragraphs']['p_l_desktop'] ?? 18) . ';
211
+ --p-l-portrait:' . ($typography_vars['paragraphs']['p_l_portrait'] ?? 18) . ';
212
+ --p-l-mobile:' . ($typography_vars['paragraphs']['p_l_mobile'] ?? 18) . ';
213
+ --p-desktop:' . ($typography_vars['paragraphs']['p_desktop'] ?? 16) . ';
214
+ --p-landscape:' . ($typography_vars['paragraphs']['p_desktop'] ?? 16) . ';
215
+ --p-portrait:' . ($typography_vars['paragraphs']['p_portrait'] ?? 16) . ';
216
+ --p-mobile:' . ($typography_vars['paragraphs']['p_mobile'] ?? 16) . ';
217
+ --p-s-desktop:' . ($typography_vars['paragraphs']['p_s_desktop'] ?? 14) . ';
218
+ --p-s-landscape:' . ($typography_vars['paragraphs']['p_s_desktop'] ?? 14) . ';
219
+ --p-s-portrait:' . ($typography_vars['paragraphs']['p_s_portrait'] ?? 14) . ';
220
+ --p-s-mobile:' . ($typography_vars['paragraphs']['p_s_mobile'] ?? 14) . ';
221
+ --p-xs-desktop:' . ($typography_vars['paragraphs']['p_xs_desktop'] ?? 12) . ';
222
+ --p-xs-landscape:' . ($typography_vars['paragraphs']['p_xs_desktop'] ?? 12) . ';
223
+ --p-xs-portrait:' . ($typography_vars['paragraphs']['p_xs_portrait'] ?? 12) . ';
224
+ --p-xs-mobile:' . ($typography_vars['paragraphs']['p_xs_mobile'] ?? 12) . ';
225
+ --p-xxs-desktop:' . ($typography_vars['paragraphs']['p_xxs_desktop'] ?? 10) . ';
226
+ --p-xxs-landscape:' . ($typography_vars['paragraphs']['p_xxs_desktop'] ?? 10) . ';
227
+ --p-xxs-portrait:' . ($typography_vars['paragraphs']['p_xxs_portrait'] ?? 10) . ';
228
+ --p-xxs-mobile:' . ($typography_vars['paragraphs']['p_xxs_mobile'] ?? 10) . ';
229
+ --p-xxxs-desktop:' . ($typography_vars['paragraphs']['p_xxxs_desktop'] ?? 8) . ';
230
+ --p-xxxs-landscape:' . ($typography_vars['paragraphs']['p_xxxs_desktop'] ?? 8) . ';
231
+ --p-xxxs-portrait:' . ($typography_vars['paragraphs']['p_xxxs_portrait'] ?? 8) . ';
232
+ --p-xxxs-mobile:' . ($typography_vars['paragraphs']['p_xxxs_mobile'] ?? 8) . ';';
211
233
  }
212
234
  $output .= '</style>';
213
235
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@total_onion/onion-library",
3
- "version": "3.0.12",
3
+ "version": "3.0.14",
4
4
  "description": "Component library",
5
5
  "main": "index.js",
6
6
  "scripts": {
package/update-component.js CHANGED
@@ -216,7 +216,10 @@ const copyCoreComponent = (componentName) => {
216
216
 
217
217
  switch (fileType) {
218
218
  case 'php':
219
- copyFile(`${sourceDir}/${file}`, `./inc/custom-extras/${file}`);
219
+ copyFile(
220
+ `${sourceDir}/${file}`,
221
+ `./project-setup/core-functions/${file}`
222
+ );
220
223
  break;
221
224
  case 'js':
222
225
  copyFile(
package/update-template.js CHANGED
@@ -215,7 +215,10 @@ const copyCoreComponent = (componentName) => {
215
215
 
216
216
  switch (fileType) {
217
217
  case 'php':
218
- copyFile(`${sourceDir}/${file}`, `./inc/custom-extras/${file}`);
218
+ copyFile(
219
+ `${sourceDir}/${file}`,
220
+ `./inc/project-setup/core-functions/${file}`
221
+ );
219
222
  break;
220
223
  // case 'js':
221
224
  // copyFile(