@total_onion/onion-library 3.0.38 → 3.0.41

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 (13) hide show
  1. package/components/component-block-padding-v3/block-padding-v3.scss +13 -13
  2. package/components/component-block-settings-v3/block-settings-v3.scss +13 -13
  3. package/onion-utils.mjs +70 -24
  4. package/package.json +1 -1
  5. package/public/block-accordion-v3/accordion-v3.css +0 -84
  6. package/public/block-post-info-v3/post-info-v3.css +0 -84
  7. package/public/block-product-info-v3/product-info-v3.css +0 -84
  8. package/public/block-single-responsive-image-v3/single-responsive-image-v3.css +53 -51
  9. package/public/block-standard-content-v3/standard-content-v3.css +359 -441
  10. package/public/block-sub-group-container-v3/sub-group-container-v3.css +258 -256
  11. package/public/block-video-content-v3/video-content-v3.css +96 -94
  12. package/public/dynamicBlockScss-v3.scss +36 -0
  13. package/public/publicBundleBase.css +315 -349
package/components/component-block-padding-v3/block-padding-v3.scss CHANGED
@@ -3,60 +3,60 @@
3
3
  @use '../../breakpoints';
4
4
 
5
5
  @mixin blockPadding() {
6
- @layer base-styles {
6
+ @layer components {
7
7
  .cmpl-block-padding {
8
8
  padding: calc(
9
9
  var(--global-inline-spacing) *
10
- var(--padding-block-multiplier-mobile-top)
10
+ var(--padding-block-multiplier-mobile-top, 0)
11
11
  )
12
12
  calc(
13
13
  var(--global-inline-spacing) *
14
- var(--padding-inline-multiplier-mobile-right)
14
+ var(--padding-inline-multiplier-mobile-right, 0)
15
15
  )
16
16
  calc(
17
17
  var(--global-inline-spacing) *
18
- var(--padding-block-multiplier-mobile-bottom)
18
+ var(--padding-block-multiplier-mobile-bottom, 0)
19
19
  )
20
20
  calc(
21
21
  var(--global-inline-spacing) *
22
- var(--padding-inline-multiplier-mobile-left)
22
+ var(--padding-inline-multiplier-mobile-left, 0)
23
23
  );
24
24
 
25
25
  @include core-mixins-v3.device(breakpoints.$tabPortrait) {
26
26
  padding: calc(
27
27
  var(--global-inline-spacing) *
28
- var(--padding-block-multiplier-portrait-top)
28
+ var(--padding-block-multiplier-portrait-top, 0)
29
29
  )
30
30
  calc(
31
31
  var(--global-inline-spacing) *
32
- var(--padding-inline-multiplier-portrait-right)
32
+ var(--padding-inline-multiplier-portrait-right, 0)
33
33
  )
34
34
  calc(
35
35
  var(--global-inline-spacing) *
36
- var(--padding-block-multiplier-portrait-bottom)
36
+ var(--padding-block-multiplier-portrait-bottom, 0)
37
37
  )
38
38
  calc(
39
39
  var(--global-inline-spacing) *
40
- var(--padding-inline-multiplier-portrait-left)
40
+ var(--padding-inline-multiplier-portrait-left, 0)
41
41
  );
42
42
  }
43
43
 
44
44
  @include core-mixins-v3.device(breakpoints.$tabLandscape) {
45
45
  padding: calc(
46
46
  var(--global-inline-spacing) *
47
- var(--padding-block-multiplier-desktop-top)
47
+ var(--padding-block-multiplier-desktop-top, 0)
48
48
  )
49
49
  calc(
50
50
  var(--global-inline-spacing) *
51
- var(--padding-inline-multiplier-desktop-right)
51
+ var(--padding-inline-multiplier-desktop-right, 0)
52
52
  )
53
53
  calc(
54
54
  var(--global-inline-spacing) *
55
- var(--padding-block-multiplier-desktop-bottom)
55
+ var(--padding-block-multiplier-desktop-bottom, 0)
56
56
  )
57
57
  calc(
58
58
  var(--global-inline-spacing) *
59
- var(--padding-inline-multiplier-desktop-left)
59
+ var(--padding-inline-multiplier-desktop-left, 0)
60
60
  );
61
61
  }
62
62
  }
package/components/component-block-settings-v3/block-settings-v3.scss CHANGED
@@ -6,38 +6,38 @@
6
6
  @layer components {
7
7
  .cmpl-block-settings {
8
8
  min-height: core-functions-v3.fluidSize(
9
- var(--block-min-height-mobile),
9
+ var(--block-min-height-mobile, 0),
10
10
  'mobile'
11
11
  );
12
12
  height: var(--block-height-mobile, auto);
13
13
  overflow: var(--block-overflow, hidden);
14
14
  border-radius: var(--block-border-radius);
15
15
  position: var(--block-position-type, relative);
16
- z-index: var(--block-z-index);
17
- top: var(--block-position-top);
18
- right: var(--block-position-right);
19
- bottom: var(--block-position-bottom);
20
- left: var(--block-position-left);
21
- background-color: var(--block-background-colour);
22
- pointer-events: var(--block-pointer-events);
23
- aspect-ratio: var(--block-aspect-ratio-mobile);
16
+ z-index: var(--block-z-index, 5);
17
+ top: var(--block-position-top, unset);
18
+ right: var(--block-position-right, unset);
19
+ bottom: var(--block-position-bottom, unset);
20
+ left: var(--block-position-left, unset);
21
+ background-color: var(--block-background-colour, transparent);
22
+ pointer-events: var(--block-pointer-events, all);
23
+ aspect-ratio: var(--block-aspect-ratio-mobile, unset);
24
24
  .wp-admin & {
25
25
  position: relative;
26
26
  }
27
27
 
28
28
  @include core-mixins-v3.device(breakpoints.$tabPortrait) {
29
29
  height: var(--block-height-portrait, auto);
30
- aspect-ratio: var(--block-aspect-ratio-portrait);
30
+ aspect-ratio: var(--block-aspect-ratio-portrait, unset);
31
31
  min-height: core-functions-v3.fluidSize(
32
- var(--block-min-height-portrait),
32
+ var(--block-min-height-portrait, 0),
33
33
  'portrait'
34
34
  );
35
35
  }
36
36
  @include core-mixins-v3.device(breakpoints.$tabLandscape) {
37
37
  height: var(--block-height-desktop, auto);
38
- aspect-ratio: var(--block-aspect-ratio);
38
+ aspect-ratio: var(--block-aspect-ratio, unset);
39
39
  min-height: core-functions-v3.fluidSize(
40
- var(--block-min-height-desktop),
40
+ var(--block-min-height-desktop, 0),
41
41
  'landscape'
42
42
  );
43
43
  }
package/onion-utils.mjs CHANGED
@@ -114,6 +114,64 @@ export function checkDevice() {
114
114
  try {
115
115
  const deviceAgent = navigator.userAgent.toLowerCase();
116
116
  const htmlElement = document.querySelector("html");
117
+
118
+ if (!htmlElement) return;
119
+
120
+ const platformRaw = navigator.platform?.toLowerCase() || "";
121
+ const isDesktop =
122
+ deviceAgent.includes("windows") ||
123
+ deviceAgent.includes("macintosh") ||
124
+ platformRaw.includes("win") ||
125
+ platformRaw.includes("mac");
126
+
127
+ function browserCheck() {
128
+ if (navigator.userAgent.search("MSIE") >= 0) {
129
+ htmlElement.classList.add("ie");
130
+ } else if (navigator.userAgent.search("Edge") >= 0) {
131
+ htmlElement.classList.add("edge-legacy");
132
+ } else if (navigator.userAgent.search("Chrome") >= 0) {
133
+ htmlElement.classList.add("chrome");
134
+ } else if (navigator.userAgent.search("Firefox") >= 0) {
135
+ htmlElement.classList.add("firefox");
136
+ } else if (
137
+ navigator.userAgent.search("Safari") >= 0 &&
138
+ navigator.userAgent.search("Chrome") < 0
139
+ ) {
140
+ htmlElement.classList.add("safari");
141
+ } else if (navigator.userAgent.search("Opera") >= 0) {
142
+ htmlElement.classList.add("opera");
143
+ }
144
+ }
145
+
146
+ if (isDesktop) {
147
+ // add platform classes (e.g. macintel, win32)
148
+ if (navigator.platform) {
149
+ let platform = navigator.platform.toLowerCase();
150
+ let platformArray = [platform];
151
+
152
+ if (platform.includes("-")) {
153
+ platformArray = platform.split("-");
154
+ }
155
+
156
+ if (platform.includes(" ")) {
157
+ platformArray = platform.split(" ");
158
+ }
159
+
160
+ htmlElement.classList.add(...platformArray);
161
+ }
162
+
163
+ if (deviceAgent.match(/(windows)/)) {
164
+ htmlElement.classList.add("windows");
165
+ }
166
+
167
+ if (deviceAgent.match(/(macintosh)/)) {
168
+ htmlElement.classList.add("mac");
169
+ }
170
+
171
+ browserCheck();
172
+ return;
173
+ }
174
+
117
175
  if (
118
176
  "ontouchstart" in globalThis &&
119
177
  window.screen.width * window.devicePixelRatio >= 2048 &&
@@ -121,52 +179,40 @@ export function checkDevice() {
121
179
  ) {
122
180
  htmlElement.classList.add("highResTabletPortrait");
123
181
  }
182
+
124
183
  if ("ontouchstart" in globalThis) {
125
184
  htmlElement.classList.add("touch");
126
185
  }
186
+
127
187
  if (navigator.connection) {
128
188
  htmlElement.classList.add(navigator.connection.effectiveType);
129
189
  }
190
+
130
191
  if (navigator.platform) {
131
192
  let platform = navigator.platform.toLowerCase();
132
193
  let platformArray = [platform];
133
- if (platform.search("-")) {
194
+
195
+ if (platform.includes("-")) {
134
196
  platformArray = platform.split("-");
135
197
  }
136
- if (platform.search(" ")) {
198
+
199
+ if (platform.includes(" ")) {
137
200
  platformArray = platform.split(" ");
138
201
  }
202
+
139
203
  htmlElement.classList.add(...platformArray);
140
204
  }
205
+
141
206
  if (deviceAgent.match(/(iphone|ipod|ipad)/)) {
142
207
  htmlElement.classList.add("ios");
143
208
  htmlElement.classList.add("mobile");
144
209
  }
145
- if (deviceAgent.match(/(windows)/)) {
146
- htmlElement.classList.add("windows");
147
- }
148
- if (deviceAgent.match(/(macintosh)/)) {
149
- htmlElement.classList.add("mac");
150
- }
210
+
151
211
  if (deviceAgent.match(/(android)/)) {
152
212
  htmlElement.classList.add("android");
153
213
  }
154
- if (navigator.userAgent.search("MSIE") >= 0) {
155
- htmlElement.classList.add("ie");
156
- } else if (navigator.userAgent.search("Edge") >= 0) {
157
- htmlElement.classList.add("edge-legacy");
158
- } else if (navigator.userAgent.search("Chrome") >= 0) {
159
- htmlElement.classList.add("chrome");
160
- } else if (navigator.userAgent.search("Firefox") >= 0) {
161
- htmlElement.classList.add("firefox");
162
- } else if (
163
- navigator.userAgent.search("Safari") >= 0 &&
164
- navigator.userAgent.search("Chrome") < 0
165
- ) {
166
- htmlElement.classList.add("safari");
167
- } else if (navigator.userAgent.search("Opera") >= 0) {
168
- htmlElement.classList.add("opera");
169
- }
214
+
215
+ browserCheck();
170
216
  } catch (error) {
171
217
  console.error(error);
172
218
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@total_onion/onion-library",
3
- "version": "3.0.38",
3
+ "version": "3.0.41",
4
4
  "description": "Component library",
5
5
  "main": "index.js",
6
6
  "scripts": {
package/public/block-accordion-v3/accordion-v3.css CHANGED
@@ -127,46 +127,18 @@
127
127
  }
128
128
  }
129
129
  .accordion-v3__content-box p,
130
- .accordion-v3__content-box h1,
131
- .accordion-v3__content-box h2,
132
- .accordion-v3__content-box h3,
133
- .accordion-v3__content-box h4,
134
- .accordion-v3__content-box h5,
135
- .accordion-v3__content-box h6,
136
- .accordion-v3__content-box a,
137
130
  .accordion-v3__content-box li,
138
131
  .accordion-v3__content-box div,
139
132
  .accordion-v3__content-container p,
140
- .accordion-v3__content-container h1,
141
- .accordion-v3__content-container h2,
142
- .accordion-v3__content-container h3,
143
- .accordion-v3__content-container h4,
144
- .accordion-v3__content-container h5,
145
- .accordion-v3__content-container h6,
146
- .accordion-v3__content-container a,
147
133
  .accordion-v3__content-container li,
148
134
  .accordion-v3__content-container div {
149
135
  font-weight: var(--default-font-weight-mobile, var(--default-font-weight));
150
136
  }
151
137
  @media screen and (min-width: 768px) {
152
138
  .accordion-v3__content-box p,
153
- .accordion-v3__content-box h1,
154
- .accordion-v3__content-box h2,
155
- .accordion-v3__content-box h3,
156
- .accordion-v3__content-box h4,
157
- .accordion-v3__content-box h5,
158
- .accordion-v3__content-box h6,
159
- .accordion-v3__content-box a,
160
139
  .accordion-v3__content-box li,
161
140
  .accordion-v3__content-box div,
162
141
  .accordion-v3__content-container p,
163
- .accordion-v3__content-container h1,
164
- .accordion-v3__content-container h2,
165
- .accordion-v3__content-container h3,
166
- .accordion-v3__content-container h4,
167
- .accordion-v3__content-container h5,
168
- .accordion-v3__content-container h6,
169
- .accordion-v3__content-container a,
170
142
  .accordion-v3__content-container li,
171
143
  .accordion-v3__content-container div {
172
144
  font-weight: var(--default-font-weight-portrait, var(--default-font-weight));
@@ -174,69 +146,27 @@
174
146
  }
175
147
  @media screen and (min-width: 1024px) {
176
148
  .accordion-v3__content-box p,
177
- .accordion-v3__content-box h1,
178
- .accordion-v3__content-box h2,
179
- .accordion-v3__content-box h3,
180
- .accordion-v3__content-box h4,
181
- .accordion-v3__content-box h5,
182
- .accordion-v3__content-box h6,
183
- .accordion-v3__content-box a,
184
149
  .accordion-v3__content-box li,
185
150
  .accordion-v3__content-box div,
186
151
  .accordion-v3__content-container p,
187
- .accordion-v3__content-container h1,
188
- .accordion-v3__content-container h2,
189
- .accordion-v3__content-container h3,
190
- .accordion-v3__content-container h4,
191
- .accordion-v3__content-container h5,
192
- .accordion-v3__content-container h6,
193
- .accordion-v3__content-container a,
194
152
  .accordion-v3__content-container li,
195
153
  .accordion-v3__content-container div {
196
154
  font-weight: var(--default-font-weight-desktop, var(--default-font-weight));
197
155
  }
198
156
  }
199
157
  .accordion-v3__content-box p,
200
- .accordion-v3__content-box h1,
201
- .accordion-v3__content-box h2,
202
- .accordion-v3__content-box h3,
203
- .accordion-v3__content-box h4,
204
- .accordion-v3__content-box h5,
205
- .accordion-v3__content-box h6,
206
- .accordion-v3__content-box a,
207
158
  .accordion-v3__content-box li,
208
159
  .accordion-v3__content-box div,
209
160
  .accordion-v3__content-container p,
210
- .accordion-v3__content-container h1,
211
- .accordion-v3__content-container h2,
212
- .accordion-v3__content-container h3,
213
- .accordion-v3__content-container h4,
214
- .accordion-v3__content-container h5,
215
- .accordion-v3__content-container h6,
216
- .accordion-v3__content-container a,
217
161
  .accordion-v3__content-container li,
218
162
  .accordion-v3__content-container div {
219
163
  font-style: var(--default-font-style-mobile);
220
164
  }
221
165
  @media screen and (min-width: 768px) {
222
166
  .accordion-v3__content-box p,
223
- .accordion-v3__content-box h1,
224
- .accordion-v3__content-box h2,
225
- .accordion-v3__content-box h3,
226
- .accordion-v3__content-box h4,
227
- .accordion-v3__content-box h5,
228
- .accordion-v3__content-box h6,
229
- .accordion-v3__content-box a,
230
167
  .accordion-v3__content-box li,
231
168
  .accordion-v3__content-box div,
232
169
  .accordion-v3__content-container p,
233
- .accordion-v3__content-container h1,
234
- .accordion-v3__content-container h2,
235
- .accordion-v3__content-container h3,
236
- .accordion-v3__content-container h4,
237
- .accordion-v3__content-container h5,
238
- .accordion-v3__content-container h6,
239
- .accordion-v3__content-container a,
240
170
  .accordion-v3__content-container li,
241
171
  .accordion-v3__content-container div {
242
172
  font-style: var(--default-font-style-portrait, var(--default-font-style-desktop));
@@ -244,23 +174,9 @@
244
174
  }
245
175
  @media screen and (min-width: 1024px) {
246
176
  .accordion-v3__content-box p,
247
- .accordion-v3__content-box h1,
248
- .accordion-v3__content-box h2,
249
- .accordion-v3__content-box h3,
250
- .accordion-v3__content-box h4,
251
- .accordion-v3__content-box h5,
252
- .accordion-v3__content-box h6,
253
- .accordion-v3__content-box a,
254
177
  .accordion-v3__content-box li,
255
178
  .accordion-v3__content-box div,
256
179
  .accordion-v3__content-container p,
257
- .accordion-v3__content-container h1,
258
- .accordion-v3__content-container h2,
259
- .accordion-v3__content-container h3,
260
- .accordion-v3__content-container h4,
261
- .accordion-v3__content-container h5,
262
- .accordion-v3__content-container h6,
263
- .accordion-v3__content-container a,
264
180
  .accordion-v3__content-container li,
265
181
  .accordion-v3__content-container div {
266
182
  font-style: var(--default-font-style-desktop);
package/public/block-post-info-v3/post-info-v3.css CHANGED
@@ -133,46 +133,18 @@
133
133
  }
134
134
  }
135
135
  .post-info-v3__content-box p,
136
- .post-info-v3__content-box h1,
137
- .post-info-v3__content-box h2,
138
- .post-info-v3__content-box h3,
139
- .post-info-v3__content-box h4,
140
- .post-info-v3__content-box h5,
141
- .post-info-v3__content-box h6,
142
- .post-info-v3__content-box a,
143
136
  .post-info-v3__content-box li,
144
137
  .post-info-v3__content-box div,
145
138
  .post-info-v3__content-container p,
146
- .post-info-v3__content-container h1,
147
- .post-info-v3__content-container h2,
148
- .post-info-v3__content-container h3,
149
- .post-info-v3__content-container h4,
150
- .post-info-v3__content-container h5,
151
- .post-info-v3__content-container h6,
152
- .post-info-v3__content-container a,
153
139
  .post-info-v3__content-container li,
154
140
  .post-info-v3__content-container div {
155
141
  font-weight: var(--default-font-weight-mobile, var(--default-font-weight));
156
142
  }
157
143
  @media screen and (min-width: 768px) {
158
144
  .post-info-v3__content-box p,
159
- .post-info-v3__content-box h1,
160
- .post-info-v3__content-box h2,
161
- .post-info-v3__content-box h3,
162
- .post-info-v3__content-box h4,
163
- .post-info-v3__content-box h5,
164
- .post-info-v3__content-box h6,
165
- .post-info-v3__content-box a,
166
145
  .post-info-v3__content-box li,
167
146
  .post-info-v3__content-box div,
168
147
  .post-info-v3__content-container p,
169
- .post-info-v3__content-container h1,
170
- .post-info-v3__content-container h2,
171
- .post-info-v3__content-container h3,
172
- .post-info-v3__content-container h4,
173
- .post-info-v3__content-container h5,
174
- .post-info-v3__content-container h6,
175
- .post-info-v3__content-container a,
176
148
  .post-info-v3__content-container li,
177
149
  .post-info-v3__content-container div {
178
150
  font-weight: var(--default-font-weight-portrait, var(--default-font-weight));
@@ -180,69 +152,27 @@
180
152
  }
181
153
  @media screen and (min-width: 1024px) {
182
154
  .post-info-v3__content-box p,
183
- .post-info-v3__content-box h1,
184
- .post-info-v3__content-box h2,
185
- .post-info-v3__content-box h3,
186
- .post-info-v3__content-box h4,
187
- .post-info-v3__content-box h5,
188
- .post-info-v3__content-box h6,
189
- .post-info-v3__content-box a,
190
155
  .post-info-v3__content-box li,
191
156
  .post-info-v3__content-box div,
192
157
  .post-info-v3__content-container p,
193
- .post-info-v3__content-container h1,
194
- .post-info-v3__content-container h2,
195
- .post-info-v3__content-container h3,
196
- .post-info-v3__content-container h4,
197
- .post-info-v3__content-container h5,
198
- .post-info-v3__content-container h6,
199
- .post-info-v3__content-container a,
200
158
  .post-info-v3__content-container li,
201
159
  .post-info-v3__content-container div {
202
160
  font-weight: var(--default-font-weight-desktop, var(--default-font-weight));
203
161
  }
204
162
  }
205
163
  .post-info-v3__content-box p,
206
- .post-info-v3__content-box h1,
207
- .post-info-v3__content-box h2,
208
- .post-info-v3__content-box h3,
209
- .post-info-v3__content-box h4,
210
- .post-info-v3__content-box h5,
211
- .post-info-v3__content-box h6,
212
- .post-info-v3__content-box a,
213
164
  .post-info-v3__content-box li,
214
165
  .post-info-v3__content-box div,
215
166
  .post-info-v3__content-container p,
216
- .post-info-v3__content-container h1,
217
- .post-info-v3__content-container h2,
218
- .post-info-v3__content-container h3,
219
- .post-info-v3__content-container h4,
220
- .post-info-v3__content-container h5,
221
- .post-info-v3__content-container h6,
222
- .post-info-v3__content-container a,
223
167
  .post-info-v3__content-container li,
224
168
  .post-info-v3__content-container div {
225
169
  font-style: var(--default-font-style-mobile);
226
170
  }
227
171
  @media screen and (min-width: 768px) {
228
172
  .post-info-v3__content-box p,
229
- .post-info-v3__content-box h1,
230
- .post-info-v3__content-box h2,
231
- .post-info-v3__content-box h3,
232
- .post-info-v3__content-box h4,
233
- .post-info-v3__content-box h5,
234
- .post-info-v3__content-box h6,
235
- .post-info-v3__content-box a,
236
173
  .post-info-v3__content-box li,
237
174
  .post-info-v3__content-box div,
238
175
  .post-info-v3__content-container p,
239
- .post-info-v3__content-container h1,
240
- .post-info-v3__content-container h2,
241
- .post-info-v3__content-container h3,
242
- .post-info-v3__content-container h4,
243
- .post-info-v3__content-container h5,
244
- .post-info-v3__content-container h6,
245
- .post-info-v3__content-container a,
246
176
  .post-info-v3__content-container li,
247
177
  .post-info-v3__content-container div {
248
178
  font-style: var(--default-font-style-portrait, var(--default-font-style-desktop));
@@ -250,23 +180,9 @@
250
180
  }
251
181
  @media screen and (min-width: 1024px) {
252
182
  .post-info-v3__content-box p,
253
- .post-info-v3__content-box h1,
254
- .post-info-v3__content-box h2,
255
- .post-info-v3__content-box h3,
256
- .post-info-v3__content-box h4,
257
- .post-info-v3__content-box h5,
258
- .post-info-v3__content-box h6,
259
- .post-info-v3__content-box a,
260
183
  .post-info-v3__content-box li,
261
184
  .post-info-v3__content-box div,
262
185
  .post-info-v3__content-container p,
263
- .post-info-v3__content-container h1,
264
- .post-info-v3__content-container h2,
265
- .post-info-v3__content-container h3,
266
- .post-info-v3__content-container h4,
267
- .post-info-v3__content-container h5,
268
- .post-info-v3__content-container h6,
269
- .post-info-v3__content-container a,
270
186
  .post-info-v3__content-container li,
271
187
  .post-info-v3__content-container div {
272
188
  font-style: var(--default-font-style-desktop);
package/public/block-product-info-v3/product-info-v3.css CHANGED
@@ -132,46 +132,18 @@
132
132
  }
133
133
  }
134
134
  .product-info-v3__content-box p,
135
- .product-info-v3__content-box h1,
136
- .product-info-v3__content-box h2,
137
- .product-info-v3__content-box h3,
138
- .product-info-v3__content-box h4,
139
- .product-info-v3__content-box h5,
140
- .product-info-v3__content-box h6,
141
- .product-info-v3__content-box a,
142
135
  .product-info-v3__content-box li,
143
136
  .product-info-v3__content-box div,
144
137
  .product-info-v3__content-container p,
145
- .product-info-v3__content-container h1,
146
- .product-info-v3__content-container h2,
147
- .product-info-v3__content-container h3,
148
- .product-info-v3__content-container h4,
149
- .product-info-v3__content-container h5,
150
- .product-info-v3__content-container h6,
151
- .product-info-v3__content-container a,
152
138
  .product-info-v3__content-container li,
153
139
  .product-info-v3__content-container div {
154
140
  font-weight: var(--default-font-weight-mobile, var(--default-font-weight));
155
141
  }
156
142
  @media screen and (min-width: 768px) {
157
143
  .product-info-v3__content-box p,
158
- .product-info-v3__content-box h1,
159
- .product-info-v3__content-box h2,
160
- .product-info-v3__content-box h3,
161
- .product-info-v3__content-box h4,
162
- .product-info-v3__content-box h5,
163
- .product-info-v3__content-box h6,
164
- .product-info-v3__content-box a,
165
144
  .product-info-v3__content-box li,
166
145
  .product-info-v3__content-box div,
167
146
  .product-info-v3__content-container p,
168
- .product-info-v3__content-container h1,
169
- .product-info-v3__content-container h2,
170
- .product-info-v3__content-container h3,
171
- .product-info-v3__content-container h4,
172
- .product-info-v3__content-container h5,
173
- .product-info-v3__content-container h6,
174
- .product-info-v3__content-container a,
175
147
  .product-info-v3__content-container li,
176
148
  .product-info-v3__content-container div {
177
149
  font-weight: var(--default-font-weight-portrait, var(--default-font-weight));
@@ -179,69 +151,27 @@
179
151
  }
180
152
  @media screen and (min-width: 1024px) {
181
153
  .product-info-v3__content-box p,
182
- .product-info-v3__content-box h1,
183
- .product-info-v3__content-box h2,
184
- .product-info-v3__content-box h3,
185
- .product-info-v3__content-box h4,
186
- .product-info-v3__content-box h5,
187
- .product-info-v3__content-box h6,
188
- .product-info-v3__content-box a,
189
154
  .product-info-v3__content-box li,
190
155
  .product-info-v3__content-box div,
191
156
  .product-info-v3__content-container p,
192
- .product-info-v3__content-container h1,
193
- .product-info-v3__content-container h2,
194
- .product-info-v3__content-container h3,
195
- .product-info-v3__content-container h4,
196
- .product-info-v3__content-container h5,
197
- .product-info-v3__content-container h6,
198
- .product-info-v3__content-container a,
199
157
  .product-info-v3__content-container li,
200
158
  .product-info-v3__content-container div {
201
159
  font-weight: var(--default-font-weight-desktop, var(--default-font-weight));
202
160
  }
203
161
  }
204
162
  .product-info-v3__content-box p,
205
- .product-info-v3__content-box h1,
206
- .product-info-v3__content-box h2,
207
- .product-info-v3__content-box h3,
208
- .product-info-v3__content-box h4,
209
- .product-info-v3__content-box h5,
210
- .product-info-v3__content-box h6,
211
- .product-info-v3__content-box a,
212
163
  .product-info-v3__content-box li,
213
164
  .product-info-v3__content-box div,
214
165
  .product-info-v3__content-container p,
215
- .product-info-v3__content-container h1,
216
- .product-info-v3__content-container h2,
217
- .product-info-v3__content-container h3,
218
- .product-info-v3__content-container h4,
219
- .product-info-v3__content-container h5,
220
- .product-info-v3__content-container h6,
221
- .product-info-v3__content-container a,
222
166
  .product-info-v3__content-container li,
223
167
  .product-info-v3__content-container div {
224
168
  font-style: var(--default-font-style-mobile);
225
169
  }
226
170
  @media screen and (min-width: 768px) {
227
171
  .product-info-v3__content-box p,
228
- .product-info-v3__content-box h1,
229
- .product-info-v3__content-box h2,
230
- .product-info-v3__content-box h3,
231
- .product-info-v3__content-box h4,
232
- .product-info-v3__content-box h5,
233
- .product-info-v3__content-box h6,
234
- .product-info-v3__content-box a,
235
172
  .product-info-v3__content-box li,
236
173
  .product-info-v3__content-box div,
237
174
  .product-info-v3__content-container p,
238
- .product-info-v3__content-container h1,
239
- .product-info-v3__content-container h2,
240
- .product-info-v3__content-container h3,
241
- .product-info-v3__content-container h4,
242
- .product-info-v3__content-container h5,
243
- .product-info-v3__content-container h6,
244
- .product-info-v3__content-container a,
245
175
  .product-info-v3__content-container li,
246
176
  .product-info-v3__content-container div {
247
177
  font-style: var(--default-font-style-portrait, var(--default-font-style-desktop));
@@ -249,23 +179,9 @@
249
179
  }
250
180
  @media screen and (min-width: 1024px) {
251
181
  .product-info-v3__content-box p,
252
- .product-info-v3__content-box h1,
253
- .product-info-v3__content-box h2,
254
- .product-info-v3__content-box h3,
255
- .product-info-v3__content-box h4,
256
- .product-info-v3__content-box h5,
257
- .product-info-v3__content-box h6,
258
- .product-info-v3__content-box a,
259
182
  .product-info-v3__content-box li,
260
183
  .product-info-v3__content-box div,
261
184
  .product-info-v3__content-container p,
262
- .product-info-v3__content-container h1,
263
- .product-info-v3__content-container h2,
264
- .product-info-v3__content-container h3,
265
- .product-info-v3__content-container h4,
266
- .product-info-v3__content-container h5,
267
- .product-info-v3__content-container h6,
268
- .product-info-v3__content-container a,
269
185
  .product-info-v3__content-container li,
270
186
  .product-info-v3__content-container div {
271
187
  font-style: var(--default-font-style-desktop);