@total_onion/onion-library 2.0.22 → 2.0.24

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (11) hide show
  1. package/checkBuildAssets.js +18 -0
  2. package/components/component-content-box-settings-v3/content-box-settings-v3.twig +44 -44
  3. package/createJsAssets.js +31 -0
  4. package/createPreviewScss.js +35 -0
  5. package/package.json +1 -1
  6. package/public/block-accordion-v3/accordion-v3.css +81 -81
  7. package/public/block-carousel-multi-layout-v3/carousel-multi-layout-v3.css +0 -709
  8. package/public/block-post-info-v3/post-info-v3.css +81 -81
  9. package/public/block-product-info-v3/product-info-v3.css +81 -81
  10. package/public/block-smash-balloon-social-media-v3/smash-balloon-social-media-v3.css +2 -1
  11. package/public/block-standard-content-v3/standard-content-v3.css +81 -81
package/public/block-post-info-v3/post-info-v3.css CHANGED
@@ -26,7 +26,7 @@
26
26
  align-items: center;
27
27
  background-color: var(--cb-bg-colour);
28
28
  padding: calc(var(--global-inline-spacing) * var(--content-box-top-padding-mult-mobile)) calc(var(--global-inline-spacing) * var(--content-box-right-padding-mult-mobile)) calc(var(--global-inline-spacing) * var(--content-box-bottom-padding-mult-mobile)) calc(var(--global-inline-spacing) * var(--content-box-left-padding-mult-mobile));
29
- margin: calc(var(--global-inline-spacing) * var(--content-container-top-margin-mobile)) calc(var(--global-inline-spacing) * var(--content-container-right-margin-mobile)) calc(var(--global-inline-spacing) * var(--content-container-bottom-margin-mobile)) calc(var(--global-inline-spacing) * var(--content-container-left-margin-mobile));
29
+ margin: calc(var(--global-inline-spacing) * var(--content-box-top-margin-mobile)) calc(var(--global-inline-spacing) * var(--content-box-right-margin-mobile)) calc(var(--global-inline-spacing) * var(--content-box-bottom-margin-mobile)) calc(var(--global-inline-spacing) * var(--content-box-left-margin-mobile));
30
30
  -moz-column-gap: var(--content-items-micro-gap-mobile, calc(var(--content-items-gap-mobile) * var(--global-inline-spacing)));
31
31
  column-gap: var(--content-items-micro-gap-mobile, calc(var(--content-items-gap-mobile) * var(--global-inline-spacing)));
32
32
  }
@@ -37,7 +37,7 @@
37
37
  justify-self: var(--content-box-horiz-align-portrait);
38
38
  place-self: var(--content-box-vert-align-portrait) var(--content-box-horiz-align-portrait);
39
39
  padding: calc(var(--global-inline-spacing) * var(--content-box-top-padding-mult-portrait)) calc(var(--global-inline-spacing) * var(--content-box-right-padding-mult-portrait)) calc(var(--global-inline-spacing) * var(--content-box-bottom-padding-mult-portrait)) calc(var(--global-inline-spacing) * var(--content-box-left-padding-mult-portrait));
40
- margin: calc(var(--global-inline-spacing) * var(--content-container-top-margin-portrait)) calc(var(--global-inline-spacing) * var(--content-container-right-margin-portrait)) calc(var(--global-inline-spacing) * var(--content-container-bottom-margin-portrait)) calc(var(--global-inline-spacing) * var(--content-container-left-margin-portrait));
40
+ margin: calc(var(--global-inline-spacing) * var(--content-box-top-margin-portrait)) calc(var(--global-inline-spacing) * var(--content-box-right-margin-portrait)) calc(var(--global-inline-spacing) * var(--content-box-bottom-margin-portrait)) calc(var(--global-inline-spacing) * var(--content-box-left-margin-portrait));
41
41
  }
42
42
  }
43
43
  @media screen and (min-width: 1024px) {
@@ -49,168 +49,168 @@
49
49
  align-self: var(--content-box-vert-align);
50
50
  justify-self: var(--content-box-horiz-align);
51
51
  place-self: var(--content-box-vert-align) var(--content-box-horiz-align);
52
- padding: calc(var(--global-content-box-padding-block) * var(--content-box-top-padding-mult)) calc(var(--global-inline-spacing) * var(--content-box-right-padding-mult)) calc(var(--global-inline-spacing) * var(--content-box-bottom-padding-mult)) calc(var(--global-inline-spacing) * var(--content-box-left-padding-mult));
53
- margin: calc(var(--global-inline-spacing) * var(--content-container-top-margin)) calc(var(--global-inline-spacing) * var(--content-container-right-margin)) calc(var(--global-inline-spacing) * var(--content-container-bottom-margin)) calc(var(--global-inline-spacing) * var(--content-container-left-margin));
52
+ padding: calc(var(--global-inline-spacing) * var(--content-box-top-padding-mult)) calc(var(--global-inline-spacing) * var(--content-box-right-padding-mult)) calc(var(--global-inline-spacing) * var(--content-box-bottom-padding-mult)) calc(var(--global-inline-spacing) * var(--content-box-left-padding-mult));
53
+ margin: calc(var(--global-inline-spacing) * var(--content-box-top-margin)) calc(var(--global-inline-spacing) * var(--content-box-right-margin)) calc(var(--global-inline-spacing) * var(--content-box-bottom-margin)) calc(var(--global-inline-spacing) * var(--content-box-left-margin));
54
54
  }
55
55
  }
56
56
  .post-info-v3__inner-container {
57
57
  box-shadow: calc(var(--box-shadow-offset-x) / var(--desktop-design-reference) * var(--screen-width-static)) calc(var(--box-shadow-offset-y) / var(--desktop-design-reference) * var(--screen-width-static)) calc(var(--box-shadow-blur) / var(--desktop-design-reference) * var(--screen-width-static)) calc(var(--box-shadow-spread) / var(--desktop-design-reference) * var(--screen-width-static)) var(--box-shadow-colour);
58
58
  }
59
- .post-info-v3__content-container {
59
+ .post-info-v3__content-box {
60
60
  max-width: var(--wysiwyg-max-width-mobile);
61
61
  margin-left: auto;
62
62
  margin-right: auto;
63
63
  display: grid;
64
64
  word-break: normal;
65
65
  width: 100%;
66
- width: var(--content-container-width, 100%);
66
+ width: var(--content-box-width, 100%);
67
67
  -webkit-text-stroke: calc(var(--text-stroke-width) / var(--desktop-design-reference) * var(--screen-width-static) * var(--font-size-multiplier)) var(--text-stroke-colour);
68
68
  }
69
- .post-info-v3__content-container:last-child {
69
+ .post-info-v3__content-box:last-child {
70
70
  margin-bottom: 0;
71
71
  }
72
- .post-info-v3__content-container {
72
+ .post-info-v3__content-box {
73
73
  color: var(--default-text-colour-mobile, var(--theme-primary-text-colour));
74
74
  }
75
75
  @media screen and (min-width: 768px) {
76
- .post-info-v3__content-container {
76
+ .post-info-v3__content-box {
77
77
  color: var(--default-text-colour-portrait, var(--default-text-colour-desktop));
78
78
  }
79
79
  }
80
80
  @media screen and (min-width: 1024px) {
81
- .post-info-v3__content-container {
81
+ .post-info-v3__content-box {
82
82
  color: var(--default-text-colour-desktop, var(--theme-primary-text-colour));
83
83
  }
84
84
  }
85
- .post-info-v3__content-container {
85
+ .post-info-v3__content-box {
86
86
  text-transform: var(--default-text-transform-mobile);
87
87
  }
88
88
  @media screen and (min-width: 768px) {
89
- .post-info-v3__content-container {
89
+ .post-info-v3__content-box {
90
90
  text-transform: var(--default-text-transform-portrait, var(--default-text-transform-desktop));
91
91
  }
92
92
  }
93
93
  @media screen and (min-width: 1024px) {
94
- .post-info-v3__content-container {
94
+ .post-info-v3__content-box {
95
95
  text-transform: var(--default-text-transform-desktop);
96
96
  }
97
97
  }
98
- .post-info-v3__content-container {
98
+ .post-info-v3__content-box {
99
99
  text-align: var(--default-text-align-mobile);
100
100
  }
101
101
  @media screen and (min-width: 768px) {
102
- .post-info-v3__content-container {
102
+ .post-info-v3__content-box {
103
103
  text-align: var(--default-text-align-portrait, var(--default-text-align-desktop));
104
104
  }
105
105
  }
106
106
  @media screen and (min-width: 1024px) {
107
- .post-info-v3__content-container {
107
+ .post-info-v3__content-box {
108
108
  text-align: var(--default-text-align-desktop);
109
109
  }
110
110
  }
111
- .post-info-v3__content-container {
111
+ .post-info-v3__content-box {
112
112
  display: block;
113
113
  display: var(--display-mobile, block);
114
114
  }
115
115
  @media screen and (min-width: 768px) {
116
- .post-info-v3__content-container {
116
+ .post-info-v3__content-box {
117
117
  display: block;
118
118
  display: var(--display-portrait, block);
119
119
  }
120
120
  }
121
121
  @media screen and (min-width: 1024px) {
122
- .post-info-v3__content-container {
122
+ .post-info-v3__content-box {
123
123
  display: block;
124
124
  display: var(--display-desktop, block);
125
125
  }
126
126
  }
127
- .post-info-v3__content-container p,
128
- .post-info-v3__content-container h1,
129
- .post-info-v3__content-container h2,
130
- .post-info-v3__content-container h3,
131
- .post-info-v3__content-container h4,
132
- .post-info-v3__content-container h5,
133
- .post-info-v3__content-container h6,
134
- .post-info-v3__content-container a,
135
- .post-info-v3__content-container li,
136
- .post-info-v3__content-container div {
127
+ .post-info-v3__content-box p,
128
+ .post-info-v3__content-box h1,
129
+ .post-info-v3__content-box h2,
130
+ .post-info-v3__content-box h3,
131
+ .post-info-v3__content-box h4,
132
+ .post-info-v3__content-box h5,
133
+ .post-info-v3__content-box h6,
134
+ .post-info-v3__content-box a,
135
+ .post-info-v3__content-box li,
136
+ .post-info-v3__content-box div {
137
137
  font-weight: var(--default-font-weight-mobile, var(--default-font-weight));
138
138
  }
139
139
  @media screen and (min-width: 768px) {
140
- .post-info-v3__content-container p,
141
- .post-info-v3__content-container h1,
142
- .post-info-v3__content-container h2,
143
- .post-info-v3__content-container h3,
144
- .post-info-v3__content-container h4,
145
- .post-info-v3__content-container h5,
146
- .post-info-v3__content-container h6,
147
- .post-info-v3__content-container a,
148
- .post-info-v3__content-container li,
149
- .post-info-v3__content-container div {
140
+ .post-info-v3__content-box p,
141
+ .post-info-v3__content-box h1,
142
+ .post-info-v3__content-box h2,
143
+ .post-info-v3__content-box h3,
144
+ .post-info-v3__content-box h4,
145
+ .post-info-v3__content-box h5,
146
+ .post-info-v3__content-box h6,
147
+ .post-info-v3__content-box a,
148
+ .post-info-v3__content-box li,
149
+ .post-info-v3__content-box div {
150
150
  font-weight: var(--default-font-weight-portrait, var(--default-font-weight));
151
151
  }
152
152
  }
153
153
  @media screen and (min-width: 1024px) {
154
- .post-info-v3__content-container p,
155
- .post-info-v3__content-container h1,
156
- .post-info-v3__content-container h2,
157
- .post-info-v3__content-container h3,
158
- .post-info-v3__content-container h4,
159
- .post-info-v3__content-container h5,
160
- .post-info-v3__content-container h6,
161
- .post-info-v3__content-container a,
162
- .post-info-v3__content-container li,
163
- .post-info-v3__content-container div {
154
+ .post-info-v3__content-box p,
155
+ .post-info-v3__content-box h1,
156
+ .post-info-v3__content-box h2,
157
+ .post-info-v3__content-box h3,
158
+ .post-info-v3__content-box h4,
159
+ .post-info-v3__content-box h5,
160
+ .post-info-v3__content-box h6,
161
+ .post-info-v3__content-box a,
162
+ .post-info-v3__content-box li,
163
+ .post-info-v3__content-box div {
164
164
  font-weight: var(--default-font-weight-desktop, var(--default-font-weight));
165
165
  }
166
166
  }
167
- .post-info-v3__content-container p,
168
- .post-info-v3__content-container h1,
169
- .post-info-v3__content-container h2,
170
- .post-info-v3__content-container h3,
171
- .post-info-v3__content-container h4,
172
- .post-info-v3__content-container h5,
173
- .post-info-v3__content-container h6,
174
- .post-info-v3__content-container a,
175
- .post-info-v3__content-container li,
176
- .post-info-v3__content-container div {
167
+ .post-info-v3__content-box p,
168
+ .post-info-v3__content-box h1,
169
+ .post-info-v3__content-box h2,
170
+ .post-info-v3__content-box h3,
171
+ .post-info-v3__content-box h4,
172
+ .post-info-v3__content-box h5,
173
+ .post-info-v3__content-box h6,
174
+ .post-info-v3__content-box a,
175
+ .post-info-v3__content-box li,
176
+ .post-info-v3__content-box div {
177
177
  font-style: var(--default-font-style-mobile);
178
178
  }
179
179
  @media screen and (min-width: 768px) {
180
- .post-info-v3__content-container p,
181
- .post-info-v3__content-container h1,
182
- .post-info-v3__content-container h2,
183
- .post-info-v3__content-container h3,
184
- .post-info-v3__content-container h4,
185
- .post-info-v3__content-container h5,
186
- .post-info-v3__content-container h6,
187
- .post-info-v3__content-container a,
188
- .post-info-v3__content-container li,
189
- .post-info-v3__content-container div {
180
+ .post-info-v3__content-box p,
181
+ .post-info-v3__content-box h1,
182
+ .post-info-v3__content-box h2,
183
+ .post-info-v3__content-box h3,
184
+ .post-info-v3__content-box h4,
185
+ .post-info-v3__content-box h5,
186
+ .post-info-v3__content-box h6,
187
+ .post-info-v3__content-box a,
188
+ .post-info-v3__content-box li,
189
+ .post-info-v3__content-box div {
190
190
  font-style: var(--default-font-style-portrait, var(--default-font-style-desktop));
191
191
  }
192
192
  }
193
193
  @media screen and (min-width: 1024px) {
194
- .post-info-v3__content-container p,
195
- .post-info-v3__content-container h1,
196
- .post-info-v3__content-container h2,
197
- .post-info-v3__content-container h3,
198
- .post-info-v3__content-container h4,
199
- .post-info-v3__content-container h5,
200
- .post-info-v3__content-container h6,
201
- .post-info-v3__content-container a,
202
- .post-info-v3__content-container li,
203
- .post-info-v3__content-container div {
194
+ .post-info-v3__content-box p,
195
+ .post-info-v3__content-box h1,
196
+ .post-info-v3__content-box h2,
197
+ .post-info-v3__content-box h3,
198
+ .post-info-v3__content-box h4,
199
+ .post-info-v3__content-box h5,
200
+ .post-info-v3__content-box h6,
201
+ .post-info-v3__content-box a,
202
+ .post-info-v3__content-box li,
203
+ .post-info-v3__content-box div {
204
204
  font-style: var(--default-font-style-desktop);
205
205
  }
206
206
  }
207
207
  @media screen and (min-width: 768px) {
208
- .post-info-v3__content-container {
208
+ .post-info-v3__content-box {
209
209
  max-width: var(--wysiwyg-max-width-portrait);
210
210
  }
211
211
  }
212
212
  @media screen and (min-width: 1024px) {
213
- .post-info-v3__content-container {
213
+ .post-info-v3__content-box {
214
214
  max-width: var(--wysiwyg-max-width);
215
215
  }
216
216
  }
package/public/block-product-info-v3/product-info-v3.css CHANGED
@@ -26,7 +26,7 @@
26
26
  align-items: center;
27
27
  background-color: var(--cb-bg-colour);
28
28
  padding: calc(var(--global-inline-spacing) * var(--content-box-top-padding-mult-mobile)) calc(var(--global-inline-spacing) * var(--content-box-right-padding-mult-mobile)) calc(var(--global-inline-spacing) * var(--content-box-bottom-padding-mult-mobile)) calc(var(--global-inline-spacing) * var(--content-box-left-padding-mult-mobile));
29
- margin: calc(var(--global-inline-spacing) * var(--content-container-top-margin-mobile)) calc(var(--global-inline-spacing) * var(--content-container-right-margin-mobile)) calc(var(--global-inline-spacing) * var(--content-container-bottom-margin-mobile)) calc(var(--global-inline-spacing) * var(--content-container-left-margin-mobile));
29
+ margin: calc(var(--global-inline-spacing) * var(--content-box-top-margin-mobile)) calc(var(--global-inline-spacing) * var(--content-box-right-margin-mobile)) calc(var(--global-inline-spacing) * var(--content-box-bottom-margin-mobile)) calc(var(--global-inline-spacing) * var(--content-box-left-margin-mobile));
30
30
  -moz-column-gap: var(--content-items-micro-gap-mobile, calc(var(--content-items-gap-mobile) * var(--global-inline-spacing)));
31
31
  column-gap: var(--content-items-micro-gap-mobile, calc(var(--content-items-gap-mobile) * var(--global-inline-spacing)));
32
32
  }
@@ -37,7 +37,7 @@
37
37
  justify-self: var(--content-box-horiz-align-portrait);
38
38
  place-self: var(--content-box-vert-align-portrait) var(--content-box-horiz-align-portrait);
39
39
  padding: calc(var(--global-inline-spacing) * var(--content-box-top-padding-mult-portrait)) calc(var(--global-inline-spacing) * var(--content-box-right-padding-mult-portrait)) calc(var(--global-inline-spacing) * var(--content-box-bottom-padding-mult-portrait)) calc(var(--global-inline-spacing) * var(--content-box-left-padding-mult-portrait));
40
- margin: calc(var(--global-inline-spacing) * var(--content-container-top-margin-portrait)) calc(var(--global-inline-spacing) * var(--content-container-right-margin-portrait)) calc(var(--global-inline-spacing) * var(--content-container-bottom-margin-portrait)) calc(var(--global-inline-spacing) * var(--content-container-left-margin-portrait));
40
+ margin: calc(var(--global-inline-spacing) * var(--content-box-top-margin-portrait)) calc(var(--global-inline-spacing) * var(--content-box-right-margin-portrait)) calc(var(--global-inline-spacing) * var(--content-box-bottom-margin-portrait)) calc(var(--global-inline-spacing) * var(--content-box-left-margin-portrait));
41
41
  }
42
42
  }
43
43
  @media screen and (min-width: 1024px) {
@@ -49,168 +49,168 @@
49
49
  align-self: var(--content-box-vert-align);
50
50
  justify-self: var(--content-box-horiz-align);
51
51
  place-self: var(--content-box-vert-align) var(--content-box-horiz-align);
52
- padding: calc(var(--global-content-box-padding-block) * var(--content-box-top-padding-mult)) calc(var(--global-inline-spacing) * var(--content-box-right-padding-mult)) calc(var(--global-inline-spacing) * var(--content-box-bottom-padding-mult)) calc(var(--global-inline-spacing) * var(--content-box-left-padding-mult));
53
- margin: calc(var(--global-inline-spacing) * var(--content-container-top-margin)) calc(var(--global-inline-spacing) * var(--content-container-right-margin)) calc(var(--global-inline-spacing) * var(--content-container-bottom-margin)) calc(var(--global-inline-spacing) * var(--content-container-left-margin));
52
+ padding: calc(var(--global-inline-spacing) * var(--content-box-top-padding-mult)) calc(var(--global-inline-spacing) * var(--content-box-right-padding-mult)) calc(var(--global-inline-spacing) * var(--content-box-bottom-padding-mult)) calc(var(--global-inline-spacing) * var(--content-box-left-padding-mult));
53
+ margin: calc(var(--global-inline-spacing) * var(--content-box-top-margin)) calc(var(--global-inline-spacing) * var(--content-box-right-margin)) calc(var(--global-inline-spacing) * var(--content-box-bottom-margin)) calc(var(--global-inline-spacing) * var(--content-box-left-margin));
54
54
  }
55
55
  }
56
56
  .product-info-v3__inner-container {
57
57
  box-shadow: calc(var(--box-shadow-offset-x) / var(--desktop-design-reference) * var(--screen-width-static)) calc(var(--box-shadow-offset-y) / var(--desktop-design-reference) * var(--screen-width-static)) calc(var(--box-shadow-blur) / var(--desktop-design-reference) * var(--screen-width-static)) calc(var(--box-shadow-spread) / var(--desktop-design-reference) * var(--screen-width-static)) var(--box-shadow-colour);
58
58
  }
59
- .product-info-v3__content-container {
59
+ .product-info-v3__content-box {
60
60
  max-width: var(--wysiwyg-max-width-mobile);
61
61
  margin-left: auto;
62
62
  margin-right: auto;
63
63
  display: grid;
64
64
  word-break: normal;
65
65
  width: 100%;
66
- width: var(--content-container-width, 100%);
66
+ width: var(--content-box-width, 100%);
67
67
  -webkit-text-stroke: calc(var(--text-stroke-width) / var(--desktop-design-reference) * var(--screen-width-static) * var(--font-size-multiplier)) var(--text-stroke-colour);
68
68
  }
69
- .product-info-v3__content-container:last-child {
69
+ .product-info-v3__content-box:last-child {
70
70
  margin-bottom: 0;
71
71
  }
72
- .product-info-v3__content-container {
72
+ .product-info-v3__content-box {
73
73
  color: var(--default-text-colour-mobile, var(--theme-primary-text-colour));
74
74
  }
75
75
  @media screen and (min-width: 768px) {
76
- .product-info-v3__content-container {
76
+ .product-info-v3__content-box {
77
77
  color: var(--default-text-colour-portrait, var(--default-text-colour-desktop));
78
78
  }
79
79
  }
80
80
  @media screen and (min-width: 1024px) {
81
- .product-info-v3__content-container {
81
+ .product-info-v3__content-box {
82
82
  color: var(--default-text-colour-desktop, var(--theme-primary-text-colour));
83
83
  }
84
84
  }
85
- .product-info-v3__content-container {
85
+ .product-info-v3__content-box {
86
86
  text-transform: var(--default-text-transform-mobile);
87
87
  }
88
88
  @media screen and (min-width: 768px) {
89
- .product-info-v3__content-container {
89
+ .product-info-v3__content-box {
90
90
  text-transform: var(--default-text-transform-portrait, var(--default-text-transform-desktop));
91
91
  }
92
92
  }
93
93
  @media screen and (min-width: 1024px) {
94
- .product-info-v3__content-container {
94
+ .product-info-v3__content-box {
95
95
  text-transform: var(--default-text-transform-desktop);
96
96
  }
97
97
  }
98
- .product-info-v3__content-container {
98
+ .product-info-v3__content-box {
99
99
  text-align: var(--default-text-align-mobile);
100
100
  }
101
101
  @media screen and (min-width: 768px) {
102
- .product-info-v3__content-container {
102
+ .product-info-v3__content-box {
103
103
  text-align: var(--default-text-align-portrait, var(--default-text-align-desktop));
104
104
  }
105
105
  }
106
106
  @media screen and (min-width: 1024px) {
107
- .product-info-v3__content-container {
107
+ .product-info-v3__content-box {
108
108
  text-align: var(--default-text-align-desktop);
109
109
  }
110
110
  }
111
- .product-info-v3__content-container {
111
+ .product-info-v3__content-box {
112
112
  display: block;
113
113
  display: var(--display-mobile, block);
114
114
  }
115
115
  @media screen and (min-width: 768px) {
116
- .product-info-v3__content-container {
116
+ .product-info-v3__content-box {
117
117
  display: block;
118
118
  display: var(--display-portrait, block);
119
119
  }
120
120
  }
121
121
  @media screen and (min-width: 1024px) {
122
- .product-info-v3__content-container {
122
+ .product-info-v3__content-box {
123
123
  display: block;
124
124
  display: var(--display-desktop, block);
125
125
  }
126
126
  }
127
- .product-info-v3__content-container p,
128
- .product-info-v3__content-container h1,
129
- .product-info-v3__content-container h2,
130
- .product-info-v3__content-container h3,
131
- .product-info-v3__content-container h4,
132
- .product-info-v3__content-container h5,
133
- .product-info-v3__content-container h6,
134
- .product-info-v3__content-container a,
135
- .product-info-v3__content-container li,
136
- .product-info-v3__content-container div {
127
+ .product-info-v3__content-box p,
128
+ .product-info-v3__content-box h1,
129
+ .product-info-v3__content-box h2,
130
+ .product-info-v3__content-box h3,
131
+ .product-info-v3__content-box h4,
132
+ .product-info-v3__content-box h5,
133
+ .product-info-v3__content-box h6,
134
+ .product-info-v3__content-box a,
135
+ .product-info-v3__content-box li,
136
+ .product-info-v3__content-box div {
137
137
  font-weight: var(--default-font-weight-mobile, var(--default-font-weight));
138
138
  }
139
139
  @media screen and (min-width: 768px) {
140
- .product-info-v3__content-container p,
141
- .product-info-v3__content-container h1,
142
- .product-info-v3__content-container h2,
143
- .product-info-v3__content-container h3,
144
- .product-info-v3__content-container h4,
145
- .product-info-v3__content-container h5,
146
- .product-info-v3__content-container h6,
147
- .product-info-v3__content-container a,
148
- .product-info-v3__content-container li,
149
- .product-info-v3__content-container div {
140
+ .product-info-v3__content-box p,
141
+ .product-info-v3__content-box h1,
142
+ .product-info-v3__content-box h2,
143
+ .product-info-v3__content-box h3,
144
+ .product-info-v3__content-box h4,
145
+ .product-info-v3__content-box h5,
146
+ .product-info-v3__content-box h6,
147
+ .product-info-v3__content-box a,
148
+ .product-info-v3__content-box li,
149
+ .product-info-v3__content-box div {
150
150
  font-weight: var(--default-font-weight-portrait, var(--default-font-weight));
151
151
  }
152
152
  }
153
153
  @media screen and (min-width: 1024px) {
154
- .product-info-v3__content-container p,
155
- .product-info-v3__content-container h1,
156
- .product-info-v3__content-container h2,
157
- .product-info-v3__content-container h3,
158
- .product-info-v3__content-container h4,
159
- .product-info-v3__content-container h5,
160
- .product-info-v3__content-container h6,
161
- .product-info-v3__content-container a,
162
- .product-info-v3__content-container li,
163
- .product-info-v3__content-container div {
154
+ .product-info-v3__content-box p,
155
+ .product-info-v3__content-box h1,
156
+ .product-info-v3__content-box h2,
157
+ .product-info-v3__content-box h3,
158
+ .product-info-v3__content-box h4,
159
+ .product-info-v3__content-box h5,
160
+ .product-info-v3__content-box h6,
161
+ .product-info-v3__content-box a,
162
+ .product-info-v3__content-box li,
163
+ .product-info-v3__content-box div {
164
164
  font-weight: var(--default-font-weight-desktop, var(--default-font-weight));
165
165
  }
166
166
  }
167
- .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
- .product-info-v3__content-container li,
176
- .product-info-v3__content-container div {
167
+ .product-info-v3__content-box p,
168
+ .product-info-v3__content-box h1,
169
+ .product-info-v3__content-box h2,
170
+ .product-info-v3__content-box h3,
171
+ .product-info-v3__content-box h4,
172
+ .product-info-v3__content-box h5,
173
+ .product-info-v3__content-box h6,
174
+ .product-info-v3__content-box a,
175
+ .product-info-v3__content-box li,
176
+ .product-info-v3__content-box div {
177
177
  font-style: var(--default-font-style-mobile);
178
178
  }
179
179
  @media screen and (min-width: 768px) {
180
- .product-info-v3__content-container p,
181
- .product-info-v3__content-container h1,
182
- .product-info-v3__content-container h2,
183
- .product-info-v3__content-container h3,
184
- .product-info-v3__content-container h4,
185
- .product-info-v3__content-container h5,
186
- .product-info-v3__content-container h6,
187
- .product-info-v3__content-container a,
188
- .product-info-v3__content-container li,
189
- .product-info-v3__content-container div {
180
+ .product-info-v3__content-box p,
181
+ .product-info-v3__content-box h1,
182
+ .product-info-v3__content-box h2,
183
+ .product-info-v3__content-box h3,
184
+ .product-info-v3__content-box h4,
185
+ .product-info-v3__content-box h5,
186
+ .product-info-v3__content-box h6,
187
+ .product-info-v3__content-box a,
188
+ .product-info-v3__content-box li,
189
+ .product-info-v3__content-box div {
190
190
  font-style: var(--default-font-style-portrait, var(--default-font-style-desktop));
191
191
  }
192
192
  }
193
193
  @media screen and (min-width: 1024px) {
194
- .product-info-v3__content-container p,
195
- .product-info-v3__content-container h1,
196
- .product-info-v3__content-container h2,
197
- .product-info-v3__content-container h3,
198
- .product-info-v3__content-container h4,
199
- .product-info-v3__content-container h5,
200
- .product-info-v3__content-container h6,
201
- .product-info-v3__content-container a,
202
- .product-info-v3__content-container li,
203
- .product-info-v3__content-container div {
194
+ .product-info-v3__content-box p,
195
+ .product-info-v3__content-box h1,
196
+ .product-info-v3__content-box h2,
197
+ .product-info-v3__content-box h3,
198
+ .product-info-v3__content-box h4,
199
+ .product-info-v3__content-box h5,
200
+ .product-info-v3__content-box h6,
201
+ .product-info-v3__content-box a,
202
+ .product-info-v3__content-box li,
203
+ .product-info-v3__content-box div {
204
204
  font-style: var(--default-font-style-desktop);
205
205
  }
206
206
  }
207
207
  @media screen and (min-width: 768px) {
208
- .product-info-v3__content-container {
208
+ .product-info-v3__content-box {
209
209
  max-width: var(--wysiwyg-max-width-portrait);
210
210
  }
211
211
  }
212
212
  @media screen and (min-width: 1024px) {
213
- .product-info-v3__content-container {
213
+ .product-info-v3__content-box {
214
214
  max-width: var(--wysiwyg-max-width);
215
215
  }
216
216
  }
package/public/block-smash-balloon-social-media-v3/smash-balloon-social-media-v3.css CHANGED
@@ -7,7 +7,8 @@
7
7
  position: relative;
8
8
  pointer-events: all;
9
9
  }
10
- .smash-balloon-social-media-v3__instagram .sbi-owl-stage {
10
+ .smash-balloon-social-media-v3__instagram .sbi-owl-stage,
11
+ .smash-balloon-social-media-v3__instagram .sbi-owl-item {
11
12
  min-width: calc(190 / var(--desktop-design-reference) * var(--screen-width-static));
12
13
  }
13
14
  .smash-balloon-social-media-v3[data-marquee] .sbi-owl-stage {