@total_onion/onion-library 2.0.201 → 2.0.203
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.
- package/assembleAssetList.js +21 -2
- package/components/fields-core-css-sizing-vars-v3/core-css-sizing-vars-v3.scss +102 -74
- package/components/fields-core-root-variables-v3/core-root-variables-v3.scss +39 -37
- package/components/webc-loadmore-trigger/index.html +30 -0
- package/components/webc-loadmore-trigger/loadmore-trigger.css +20 -0
- package/components/webc-loadmore-trigger/loadmore-trigger.html +3 -0
- package/components/webc-loadmore-trigger/loadmore-trigger.js +23 -0
- package/components/webc-post-filter-module/dev-content/dev-content.js +68 -0
- package/components/webc-post-filter-module/index.html +30 -0
- package/components/webc-post-filter-module/post-filter-module.css +10 -0
- package/components/webc-post-filter-module/post-filter-module.html +14 -0
- package/components/webc-post-filter-module/post-filter-module.js +197 -0
- package/components/webc-post-grid-display-module/index.html +30 -0
- package/components/webc-post-grid-display-module/post-grid-display-module.css +20 -0
- package/components/webc-post-grid-display-module/post-grid-display-module.html +7 -0
- package/components/webc-post-grid-display-module/post-grid-display-module.js +37 -0
- package/components/webc-ptfg-9000/index.html +50 -0
- package/components/webc-ptfg-9000/ptfg-9000.css +8 -0
- package/components/webc-ptfg-9000/ptfg-9000.html +5 -0
- package/components/webc-ptfg-9000/ptfg-9000.js +39 -0
- package/createJsAssets-v3.js +1 -1
- package/esbuild.mjs +39 -6
- package/onion-loader-local.js +1 -1
- package/package.json +1 -1
- package/public/assetList.mjs +78 -2
- package/public/block-group-container-v3/group-container-v3.css +26 -26
- package/public/block-post-info-v3/post-info-v3.css +429 -429
- package/public/block-post-type-filter-grid-v4/dev-content/dev-content.js +38 -0
- package/public/block-post-type-filter-grid-v4/post-type-filter-grid-v4.css +42 -0
- package/public/block-post-type-filter-grid-v4/post-type-filter-grid-v4.js +181 -0
- package/public/block-product-info-v3/product-info-v3.css +257 -257
- package/public/block-sub-group-container-v3/sub-group-container-v3.css +23 -23
- package/public/jsAssets.mjs +41 -3
- package/public/publicBundleBase.css +4800 -0
- package/public/{publicBundle.scss → publicBundleBase.scss} +6 -2
- package/public/publicBundle.css +0 -6392
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
@charset "UTF-8";
|
|
2
|
-
.product-info-v3 {
|
|
2
|
+
.product-info-v3:not(#\#) {
|
|
3
3
|
display: grid;
|
|
4
4
|
grid-auto-columns: 1fr;
|
|
5
5
|
grid-template: "main"/1fr;
|
|
6
6
|
}
|
|
7
|
-
.product-info-v3__inner-container {
|
|
7
|
+
.product-info-v3__inner-container:not(#\#) {
|
|
8
8
|
grid-area: main;
|
|
9
9
|
align-self: var(--content-box-vert-align-mobile);
|
|
10
10
|
justify-self: var(--content-box-horiz-align-mobile);
|
|
@@ -31,7 +31,7 @@
|
|
|
31
31
|
column-gap: var(--content-items-micro-gap-mobile, calc(var(--content-items-gap-mobile) * var(--global-inline-spacing)));
|
|
32
32
|
}
|
|
33
33
|
@media screen and (min-width: 768px) {
|
|
34
|
-
.product-info-v3__inner-container {
|
|
34
|
+
.product-info-v3__inner-container:not(#\#) {
|
|
35
35
|
justify-content: var(--content-items-alignment-portrait);
|
|
36
36
|
align-self: var(--content-box-vert-align-portrait);
|
|
37
37
|
justify-self: var(--content-box-horiz-align-portrait);
|
|
@@ -41,7 +41,7 @@
|
|
|
41
41
|
}
|
|
42
42
|
}
|
|
43
43
|
@media screen and (min-width: 1024px) {
|
|
44
|
-
.product-info-v3__inner-container {
|
|
44
|
+
.product-info-v3__inner-container:not(#\#) {
|
|
45
45
|
-moz-column-gap: var(--content-items-micro-gap-desktop, calc(var(--content-items-gap-desktop) * var(--global-inline-spacing)));
|
|
46
46
|
column-gap: var(--content-items-micro-gap-desktop, calc(var(--content-items-gap-desktop) * var(--global-inline-spacing)));
|
|
47
47
|
justify-content: var(--content-items-alignment);
|
|
@@ -53,11 +53,11 @@
|
|
|
53
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
|
-
.product-info-v3__inner-container {
|
|
56
|
+
.product-info-v3__inner-container:not(#\#) {
|
|
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-box,
|
|
60
|
-
.product-info-v3__content-container {
|
|
59
|
+
.product-info-v3__content-box:not(#\#),
|
|
60
|
+
.product-info-v3__content-container:not(#\#) {
|
|
61
61
|
max-width: var(--wysiwyg-max-width-mobile);
|
|
62
62
|
margin-left: auto;
|
|
63
63
|
margin-right: auto;
|
|
@@ -67,233 +67,233 @@
|
|
|
67
67
|
width: var(--content-box-width, 100%);
|
|
68
68
|
-webkit-text-stroke: calc(var(--text-stroke-width) / var(--desktop-design-reference) * var(--screen-width-static) * var(--font-size-multiplier)) var(--text-stroke-colour);
|
|
69
69
|
}
|
|
70
|
-
.product-info-v3__content-box:last-child,
|
|
71
|
-
.product-info-v3__content-container:last-child {
|
|
70
|
+
.product-info-v3__content-box:last-child:not(#\#),
|
|
71
|
+
.product-info-v3__content-container:last-child:not(#\#) {
|
|
72
72
|
margin-bottom: 0;
|
|
73
73
|
}
|
|
74
|
-
.product-info-v3__content-box,
|
|
75
|
-
.product-info-v3__content-container {
|
|
74
|
+
.product-info-v3__content-box:not(#\#),
|
|
75
|
+
.product-info-v3__content-container:not(#\#) {
|
|
76
76
|
color: var(--default-text-colour-mobile, var(--theme-primary-text-colour));
|
|
77
77
|
}
|
|
78
78
|
@media screen and (min-width: 768px) {
|
|
79
|
-
.product-info-v3__content-box,
|
|
80
|
-
.product-info-v3__content-container {
|
|
79
|
+
.product-info-v3__content-box:not(#\#),
|
|
80
|
+
.product-info-v3__content-container:not(#\#) {
|
|
81
81
|
color: var(--default-text-colour-portrait, var(--default-text-colour-desktop));
|
|
82
82
|
}
|
|
83
83
|
}
|
|
84
84
|
@media screen and (min-width: 1024px) {
|
|
85
|
-
.product-info-v3__content-box,
|
|
86
|
-
.product-info-v3__content-container {
|
|
85
|
+
.product-info-v3__content-box:not(#\#),
|
|
86
|
+
.product-info-v3__content-container:not(#\#) {
|
|
87
87
|
color: var(--default-text-colour-desktop, var(--theme-primary-text-colour));
|
|
88
88
|
}
|
|
89
89
|
}
|
|
90
|
-
.product-info-v3__content-box,
|
|
91
|
-
.product-info-v3__content-container {
|
|
90
|
+
.product-info-v3__content-box:not(#\#),
|
|
91
|
+
.product-info-v3__content-container:not(#\#) {
|
|
92
92
|
text-transform: var(--default-text-transform-mobile);
|
|
93
93
|
}
|
|
94
94
|
@media screen and (min-width: 768px) {
|
|
95
|
-
.product-info-v3__content-box,
|
|
96
|
-
.product-info-v3__content-container {
|
|
95
|
+
.product-info-v3__content-box:not(#\#),
|
|
96
|
+
.product-info-v3__content-container:not(#\#) {
|
|
97
97
|
text-transform: var(--default-text-transform-portrait, var(--default-text-transform-desktop));
|
|
98
98
|
}
|
|
99
99
|
}
|
|
100
100
|
@media screen and (min-width: 1024px) {
|
|
101
|
-
.product-info-v3__content-box,
|
|
102
|
-
.product-info-v3__content-container {
|
|
101
|
+
.product-info-v3__content-box:not(#\#),
|
|
102
|
+
.product-info-v3__content-container:not(#\#) {
|
|
103
103
|
text-transform: var(--default-text-transform-desktop);
|
|
104
104
|
}
|
|
105
105
|
}
|
|
106
|
-
.product-info-v3__content-box,
|
|
107
|
-
.product-info-v3__content-container {
|
|
106
|
+
.product-info-v3__content-box:not(#\#),
|
|
107
|
+
.product-info-v3__content-container:not(#\#) {
|
|
108
108
|
text-align: var(--default-text-align-mobile);
|
|
109
109
|
}
|
|
110
110
|
@media screen and (min-width: 768px) {
|
|
111
|
-
.product-info-v3__content-box,
|
|
112
|
-
.product-info-v3__content-container {
|
|
111
|
+
.product-info-v3__content-box:not(#\#),
|
|
112
|
+
.product-info-v3__content-container:not(#\#) {
|
|
113
113
|
text-align: var(--default-text-align-portrait, var(--default-text-align-desktop));
|
|
114
114
|
}
|
|
115
115
|
}
|
|
116
116
|
@media screen and (min-width: 1024px) {
|
|
117
|
-
.product-info-v3__content-box,
|
|
118
|
-
.product-info-v3__content-container {
|
|
117
|
+
.product-info-v3__content-box:not(#\#),
|
|
118
|
+
.product-info-v3__content-container:not(#\#) {
|
|
119
119
|
text-align: var(--default-text-align-desktop);
|
|
120
120
|
}
|
|
121
121
|
}
|
|
122
|
-
.product-info-v3__content-box,
|
|
123
|
-
.product-info-v3__content-container {
|
|
122
|
+
.product-info-v3__content-box:not(#\#),
|
|
123
|
+
.product-info-v3__content-container:not(#\#) {
|
|
124
124
|
display: block;
|
|
125
125
|
display: var(--display-mobile, block);
|
|
126
126
|
}
|
|
127
127
|
@media screen and (min-width: 768px) {
|
|
128
|
-
.product-info-v3__content-box,
|
|
129
|
-
.product-info-v3__content-container {
|
|
128
|
+
.product-info-v3__content-box:not(#\#),
|
|
129
|
+
.product-info-v3__content-container:not(#\#) {
|
|
130
130
|
display: block;
|
|
131
131
|
display: var(--display-portrait, block);
|
|
132
132
|
}
|
|
133
133
|
}
|
|
134
134
|
@media screen and (min-width: 1024px) {
|
|
135
|
-
.product-info-v3__content-box,
|
|
136
|
-
.product-info-v3__content-container {
|
|
135
|
+
.product-info-v3__content-box:not(#\#),
|
|
136
|
+
.product-info-v3__content-container:not(#\#) {
|
|
137
137
|
display: block;
|
|
138
138
|
display: var(--display-desktop, block);
|
|
139
139
|
}
|
|
140
140
|
}
|
|
141
|
-
.product-info-v3__content-box p,
|
|
142
|
-
.product-info-v3__content-box h1,
|
|
143
|
-
.product-info-v3__content-box h2,
|
|
144
|
-
.product-info-v3__content-box h3,
|
|
145
|
-
.product-info-v3__content-box h4,
|
|
146
|
-
.product-info-v3__content-box h5,
|
|
147
|
-
.product-info-v3__content-box h6,
|
|
148
|
-
.product-info-v3__content-box a,
|
|
149
|
-
.product-info-v3__content-box li,
|
|
150
|
-
.product-info-v3__content-box div,
|
|
151
|
-
.product-info-v3__content-container p,
|
|
152
|
-
.product-info-v3__content-container h1,
|
|
153
|
-
.product-info-v3__content-container h2,
|
|
154
|
-
.product-info-v3__content-container h3,
|
|
155
|
-
.product-info-v3__content-container h4,
|
|
156
|
-
.product-info-v3__content-container h5,
|
|
157
|
-
.product-info-v3__content-container h6,
|
|
158
|
-
.product-info-v3__content-container a,
|
|
159
|
-
.product-info-v3__content-container li,
|
|
160
|
-
.product-info-v3__content-container div {
|
|
141
|
+
.product-info-v3__content-box:not(#\#) p,
|
|
142
|
+
.product-info-v3__content-box:not(#\#) h1,
|
|
143
|
+
.product-info-v3__content-box:not(#\#) h2,
|
|
144
|
+
.product-info-v3__content-box:not(#\#) h3,
|
|
145
|
+
.product-info-v3__content-box:not(#\#) h4,
|
|
146
|
+
.product-info-v3__content-box:not(#\#) h5,
|
|
147
|
+
.product-info-v3__content-box:not(#\#) h6,
|
|
148
|
+
.product-info-v3__content-box:not(#\#) a,
|
|
149
|
+
.product-info-v3__content-box:not(#\#) li,
|
|
150
|
+
.product-info-v3__content-box:not(#\#) div,
|
|
151
|
+
.product-info-v3__content-container:not(#\#) p,
|
|
152
|
+
.product-info-v3__content-container:not(#\#) h1,
|
|
153
|
+
.product-info-v3__content-container:not(#\#) h2,
|
|
154
|
+
.product-info-v3__content-container:not(#\#) h3,
|
|
155
|
+
.product-info-v3__content-container:not(#\#) h4,
|
|
156
|
+
.product-info-v3__content-container:not(#\#) h5,
|
|
157
|
+
.product-info-v3__content-container:not(#\#) h6,
|
|
158
|
+
.product-info-v3__content-container:not(#\#) a,
|
|
159
|
+
.product-info-v3__content-container:not(#\#) li,
|
|
160
|
+
.product-info-v3__content-container:not(#\#) div {
|
|
161
161
|
font-weight: var(--default-font-weight-mobile, var(--default-font-weight));
|
|
162
162
|
}
|
|
163
163
|
@media screen and (min-width: 768px) {
|
|
164
|
-
.product-info-v3__content-box p,
|
|
165
|
-
.product-info-v3__content-box h1,
|
|
166
|
-
.product-info-v3__content-box h2,
|
|
167
|
-
.product-info-v3__content-box h3,
|
|
168
|
-
.product-info-v3__content-box h4,
|
|
169
|
-
.product-info-v3__content-box h5,
|
|
170
|
-
.product-info-v3__content-box h6,
|
|
171
|
-
.product-info-v3__content-box a,
|
|
172
|
-
.product-info-v3__content-box li,
|
|
173
|
-
.product-info-v3__content-box div,
|
|
174
|
-
.product-info-v3__content-container p,
|
|
175
|
-
.product-info-v3__content-container h1,
|
|
176
|
-
.product-info-v3__content-container h2,
|
|
177
|
-
.product-info-v3__content-container h3,
|
|
178
|
-
.product-info-v3__content-container h4,
|
|
179
|
-
.product-info-v3__content-container h5,
|
|
180
|
-
.product-info-v3__content-container h6,
|
|
181
|
-
.product-info-v3__content-container a,
|
|
182
|
-
.product-info-v3__content-container li,
|
|
183
|
-
.product-info-v3__content-container div {
|
|
164
|
+
.product-info-v3__content-box:not(#\#) p,
|
|
165
|
+
.product-info-v3__content-box:not(#\#) h1,
|
|
166
|
+
.product-info-v3__content-box:not(#\#) h2,
|
|
167
|
+
.product-info-v3__content-box:not(#\#) h3,
|
|
168
|
+
.product-info-v3__content-box:not(#\#) h4,
|
|
169
|
+
.product-info-v3__content-box:not(#\#) h5,
|
|
170
|
+
.product-info-v3__content-box:not(#\#) h6,
|
|
171
|
+
.product-info-v3__content-box:not(#\#) a,
|
|
172
|
+
.product-info-v3__content-box:not(#\#) li,
|
|
173
|
+
.product-info-v3__content-box:not(#\#) div,
|
|
174
|
+
.product-info-v3__content-container:not(#\#) p,
|
|
175
|
+
.product-info-v3__content-container:not(#\#) h1,
|
|
176
|
+
.product-info-v3__content-container:not(#\#) h2,
|
|
177
|
+
.product-info-v3__content-container:not(#\#) h3,
|
|
178
|
+
.product-info-v3__content-container:not(#\#) h4,
|
|
179
|
+
.product-info-v3__content-container:not(#\#) h5,
|
|
180
|
+
.product-info-v3__content-container:not(#\#) h6,
|
|
181
|
+
.product-info-v3__content-container:not(#\#) a,
|
|
182
|
+
.product-info-v3__content-container:not(#\#) li,
|
|
183
|
+
.product-info-v3__content-container:not(#\#) div {
|
|
184
184
|
font-weight: var(--default-font-weight-portrait, var(--default-font-weight));
|
|
185
185
|
}
|
|
186
186
|
}
|
|
187
187
|
@media screen and (min-width: 1024px) {
|
|
188
|
-
.product-info-v3__content-box p,
|
|
189
|
-
.product-info-v3__content-box h1,
|
|
190
|
-
.product-info-v3__content-box h2,
|
|
191
|
-
.product-info-v3__content-box h3,
|
|
192
|
-
.product-info-v3__content-box h4,
|
|
193
|
-
.product-info-v3__content-box h5,
|
|
194
|
-
.product-info-v3__content-box h6,
|
|
195
|
-
.product-info-v3__content-box a,
|
|
196
|
-
.product-info-v3__content-box li,
|
|
197
|
-
.product-info-v3__content-box div,
|
|
198
|
-
.product-info-v3__content-container p,
|
|
199
|
-
.product-info-v3__content-container h1,
|
|
200
|
-
.product-info-v3__content-container h2,
|
|
201
|
-
.product-info-v3__content-container h3,
|
|
202
|
-
.product-info-v3__content-container h4,
|
|
203
|
-
.product-info-v3__content-container h5,
|
|
204
|
-
.product-info-v3__content-container h6,
|
|
205
|
-
.product-info-v3__content-container a,
|
|
206
|
-
.product-info-v3__content-container li,
|
|
207
|
-
.product-info-v3__content-container div {
|
|
188
|
+
.product-info-v3__content-box:not(#\#) p,
|
|
189
|
+
.product-info-v3__content-box:not(#\#) h1,
|
|
190
|
+
.product-info-v3__content-box:not(#\#) h2,
|
|
191
|
+
.product-info-v3__content-box:not(#\#) h3,
|
|
192
|
+
.product-info-v3__content-box:not(#\#) h4,
|
|
193
|
+
.product-info-v3__content-box:not(#\#) h5,
|
|
194
|
+
.product-info-v3__content-box:not(#\#) h6,
|
|
195
|
+
.product-info-v3__content-box:not(#\#) a,
|
|
196
|
+
.product-info-v3__content-box:not(#\#) li,
|
|
197
|
+
.product-info-v3__content-box:not(#\#) div,
|
|
198
|
+
.product-info-v3__content-container:not(#\#) p,
|
|
199
|
+
.product-info-v3__content-container:not(#\#) h1,
|
|
200
|
+
.product-info-v3__content-container:not(#\#) h2,
|
|
201
|
+
.product-info-v3__content-container:not(#\#) h3,
|
|
202
|
+
.product-info-v3__content-container:not(#\#) h4,
|
|
203
|
+
.product-info-v3__content-container:not(#\#) h5,
|
|
204
|
+
.product-info-v3__content-container:not(#\#) h6,
|
|
205
|
+
.product-info-v3__content-container:not(#\#) a,
|
|
206
|
+
.product-info-v3__content-container:not(#\#) li,
|
|
207
|
+
.product-info-v3__content-container:not(#\#) div {
|
|
208
208
|
font-weight: var(--default-font-weight-desktop, var(--default-font-weight));
|
|
209
209
|
}
|
|
210
210
|
}
|
|
211
|
-
.product-info-v3__content-box p,
|
|
212
|
-
.product-info-v3__content-box h1,
|
|
213
|
-
.product-info-v3__content-box h2,
|
|
214
|
-
.product-info-v3__content-box h3,
|
|
215
|
-
.product-info-v3__content-box h4,
|
|
216
|
-
.product-info-v3__content-box h5,
|
|
217
|
-
.product-info-v3__content-box h6,
|
|
218
|
-
.product-info-v3__content-box a,
|
|
219
|
-
.product-info-v3__content-box li,
|
|
220
|
-
.product-info-v3__content-box div,
|
|
221
|
-
.product-info-v3__content-container p,
|
|
222
|
-
.product-info-v3__content-container h1,
|
|
223
|
-
.product-info-v3__content-container h2,
|
|
224
|
-
.product-info-v3__content-container h3,
|
|
225
|
-
.product-info-v3__content-container h4,
|
|
226
|
-
.product-info-v3__content-container h5,
|
|
227
|
-
.product-info-v3__content-container h6,
|
|
228
|
-
.product-info-v3__content-container a,
|
|
229
|
-
.product-info-v3__content-container li,
|
|
230
|
-
.product-info-v3__content-container div {
|
|
211
|
+
.product-info-v3__content-box:not(#\#) p,
|
|
212
|
+
.product-info-v3__content-box:not(#\#) h1,
|
|
213
|
+
.product-info-v3__content-box:not(#\#) h2,
|
|
214
|
+
.product-info-v3__content-box:not(#\#) h3,
|
|
215
|
+
.product-info-v3__content-box:not(#\#) h4,
|
|
216
|
+
.product-info-v3__content-box:not(#\#) h5,
|
|
217
|
+
.product-info-v3__content-box:not(#\#) h6,
|
|
218
|
+
.product-info-v3__content-box:not(#\#) a,
|
|
219
|
+
.product-info-v3__content-box:not(#\#) li,
|
|
220
|
+
.product-info-v3__content-box:not(#\#) div,
|
|
221
|
+
.product-info-v3__content-container:not(#\#) p,
|
|
222
|
+
.product-info-v3__content-container:not(#\#) h1,
|
|
223
|
+
.product-info-v3__content-container:not(#\#) h2,
|
|
224
|
+
.product-info-v3__content-container:not(#\#) h3,
|
|
225
|
+
.product-info-v3__content-container:not(#\#) h4,
|
|
226
|
+
.product-info-v3__content-container:not(#\#) h5,
|
|
227
|
+
.product-info-v3__content-container:not(#\#) h6,
|
|
228
|
+
.product-info-v3__content-container:not(#\#) a,
|
|
229
|
+
.product-info-v3__content-container:not(#\#) li,
|
|
230
|
+
.product-info-v3__content-container:not(#\#) div {
|
|
231
231
|
font-style: var(--default-font-style-mobile);
|
|
232
232
|
}
|
|
233
233
|
@media screen and (min-width: 768px) {
|
|
234
|
-
.product-info-v3__content-box p,
|
|
235
|
-
.product-info-v3__content-box h1,
|
|
236
|
-
.product-info-v3__content-box h2,
|
|
237
|
-
.product-info-v3__content-box h3,
|
|
238
|
-
.product-info-v3__content-box h4,
|
|
239
|
-
.product-info-v3__content-box h5,
|
|
240
|
-
.product-info-v3__content-box h6,
|
|
241
|
-
.product-info-v3__content-box a,
|
|
242
|
-
.product-info-v3__content-box li,
|
|
243
|
-
.product-info-v3__content-box div,
|
|
244
|
-
.product-info-v3__content-container p,
|
|
245
|
-
.product-info-v3__content-container h1,
|
|
246
|
-
.product-info-v3__content-container h2,
|
|
247
|
-
.product-info-v3__content-container h3,
|
|
248
|
-
.product-info-v3__content-container h4,
|
|
249
|
-
.product-info-v3__content-container h5,
|
|
250
|
-
.product-info-v3__content-container h6,
|
|
251
|
-
.product-info-v3__content-container a,
|
|
252
|
-
.product-info-v3__content-container li,
|
|
253
|
-
.product-info-v3__content-container div {
|
|
234
|
+
.product-info-v3__content-box:not(#\#) p,
|
|
235
|
+
.product-info-v3__content-box:not(#\#) h1,
|
|
236
|
+
.product-info-v3__content-box:not(#\#) h2,
|
|
237
|
+
.product-info-v3__content-box:not(#\#) h3,
|
|
238
|
+
.product-info-v3__content-box:not(#\#) h4,
|
|
239
|
+
.product-info-v3__content-box:not(#\#) h5,
|
|
240
|
+
.product-info-v3__content-box:not(#\#) h6,
|
|
241
|
+
.product-info-v3__content-box:not(#\#) a,
|
|
242
|
+
.product-info-v3__content-box:not(#\#) li,
|
|
243
|
+
.product-info-v3__content-box:not(#\#) div,
|
|
244
|
+
.product-info-v3__content-container:not(#\#) p,
|
|
245
|
+
.product-info-v3__content-container:not(#\#) h1,
|
|
246
|
+
.product-info-v3__content-container:not(#\#) h2,
|
|
247
|
+
.product-info-v3__content-container:not(#\#) h3,
|
|
248
|
+
.product-info-v3__content-container:not(#\#) h4,
|
|
249
|
+
.product-info-v3__content-container:not(#\#) h5,
|
|
250
|
+
.product-info-v3__content-container:not(#\#) h6,
|
|
251
|
+
.product-info-v3__content-container:not(#\#) a,
|
|
252
|
+
.product-info-v3__content-container:not(#\#) li,
|
|
253
|
+
.product-info-v3__content-container:not(#\#) div {
|
|
254
254
|
font-style: var(--default-font-style-portrait, var(--default-font-style-desktop));
|
|
255
255
|
}
|
|
256
256
|
}
|
|
257
257
|
@media screen and (min-width: 1024px) {
|
|
258
|
-
.product-info-v3__content-box p,
|
|
259
|
-
.product-info-v3__content-box h1,
|
|
260
|
-
.product-info-v3__content-box h2,
|
|
261
|
-
.product-info-v3__content-box h3,
|
|
262
|
-
.product-info-v3__content-box h4,
|
|
263
|
-
.product-info-v3__content-box h5,
|
|
264
|
-
.product-info-v3__content-box h6,
|
|
265
|
-
.product-info-v3__content-box a,
|
|
266
|
-
.product-info-v3__content-box li,
|
|
267
|
-
.product-info-v3__content-box div,
|
|
268
|
-
.product-info-v3__content-container p,
|
|
269
|
-
.product-info-v3__content-container h1,
|
|
270
|
-
.product-info-v3__content-container h2,
|
|
271
|
-
.product-info-v3__content-container h3,
|
|
272
|
-
.product-info-v3__content-container h4,
|
|
273
|
-
.product-info-v3__content-container h5,
|
|
274
|
-
.product-info-v3__content-container h6,
|
|
275
|
-
.product-info-v3__content-container a,
|
|
276
|
-
.product-info-v3__content-container li,
|
|
277
|
-
.product-info-v3__content-container div {
|
|
258
|
+
.product-info-v3__content-box:not(#\#) p,
|
|
259
|
+
.product-info-v3__content-box:not(#\#) h1,
|
|
260
|
+
.product-info-v3__content-box:not(#\#) h2,
|
|
261
|
+
.product-info-v3__content-box:not(#\#) h3,
|
|
262
|
+
.product-info-v3__content-box:not(#\#) h4,
|
|
263
|
+
.product-info-v3__content-box:not(#\#) h5,
|
|
264
|
+
.product-info-v3__content-box:not(#\#) h6,
|
|
265
|
+
.product-info-v3__content-box:not(#\#) a,
|
|
266
|
+
.product-info-v3__content-box:not(#\#) li,
|
|
267
|
+
.product-info-v3__content-box:not(#\#) div,
|
|
268
|
+
.product-info-v3__content-container:not(#\#) p,
|
|
269
|
+
.product-info-v3__content-container:not(#\#) h1,
|
|
270
|
+
.product-info-v3__content-container:not(#\#) h2,
|
|
271
|
+
.product-info-v3__content-container:not(#\#) h3,
|
|
272
|
+
.product-info-v3__content-container:not(#\#) h4,
|
|
273
|
+
.product-info-v3__content-container:not(#\#) h5,
|
|
274
|
+
.product-info-v3__content-container:not(#\#) h6,
|
|
275
|
+
.product-info-v3__content-container:not(#\#) a,
|
|
276
|
+
.product-info-v3__content-container:not(#\#) li,
|
|
277
|
+
.product-info-v3__content-container:not(#\#) div {
|
|
278
278
|
font-style: var(--default-font-style-desktop);
|
|
279
279
|
}
|
|
280
280
|
}
|
|
281
281
|
@media screen and (min-width: 768px) {
|
|
282
|
-
.product-info-v3__content-box,
|
|
283
|
-
.product-info-v3__content-container {
|
|
282
|
+
.product-info-v3__content-box:not(#\#),
|
|
283
|
+
.product-info-v3__content-container:not(#\#) {
|
|
284
284
|
max-width: var(--wysiwyg-max-width-portrait);
|
|
285
285
|
}
|
|
286
286
|
}
|
|
287
287
|
@media screen and (min-width: 1024px) {
|
|
288
|
-
.product-info-v3__content-box,
|
|
289
|
-
.product-info-v3__content-container {
|
|
288
|
+
.product-info-v3__content-box:not(#\#),
|
|
289
|
+
.product-info-v3__content-container:not(#\#) {
|
|
290
290
|
max-width: var(--wysiwyg-max-width);
|
|
291
291
|
}
|
|
292
292
|
}
|
|
293
|
-
.product-info-v3--text-shadow {
|
|
293
|
+
.product-info-v3--text-shadow:not(#\#) {
|
|
294
294
|
text-shadow: calc(var(--text-shadow-offset-x) / var(--desktop-design-reference) * var(--screen-width-static)) calc(var(--text-shadow-offset-y) / var(--desktop-design-reference) * var(--screen-width-static)) calc(var(--text-shadow-blur) / var(--desktop-design-reference) * var(--screen-width-static)) var(--text-shadow-colour);
|
|
295
295
|
}
|
|
296
|
-
.product-info-v3__cta-selection-container {
|
|
296
|
+
.product-info-v3__cta-selection-container:not(#\#) {
|
|
297
297
|
width: 100%;
|
|
298
298
|
display: var(--cta-container-display);
|
|
299
299
|
grid-template-columns: var(--grid-columns-mobile);
|
|
@@ -303,19 +303,19 @@
|
|
|
303
303
|
gap: calc(var(--global-inline-spacing) * var(--cta-spacing-gap-mobile));
|
|
304
304
|
}
|
|
305
305
|
@media screen and (min-width: 768px) {
|
|
306
|
-
.product-info-v3__cta-selection-container {
|
|
306
|
+
.product-info-v3__cta-selection-container:not(#\#) {
|
|
307
307
|
gap: calc(var(--global-inline-spacing) * var(--cta-spacing-gap-desktop));
|
|
308
308
|
justify-content: var(--cta-alignment-portrait);
|
|
309
309
|
grid-template-columns: var(--grid-columns-portrait);
|
|
310
310
|
}
|
|
311
311
|
}
|
|
312
312
|
@media screen and (min-width: 1024px) {
|
|
313
|
-
.product-info-v3__cta-selection-container {
|
|
313
|
+
.product-info-v3__cta-selection-container:not(#\#) {
|
|
314
314
|
justify-content: var(--cta-alignment);
|
|
315
315
|
grid-template-columns: var(--grid-columns-desktop);
|
|
316
316
|
}
|
|
317
317
|
}
|
|
318
|
-
.product-info-v3 {
|
|
318
|
+
.product-info-v3:not(#\#) {
|
|
319
319
|
display: "grid";
|
|
320
320
|
display: var(--display-type, "grid");
|
|
321
321
|
position: relative;
|
|
@@ -324,11 +324,11 @@
|
|
|
324
324
|
scroll-snap-type: none;
|
|
325
325
|
scroll-snap-type: var(--scroll-snap-type-mobile, none);
|
|
326
326
|
}
|
|
327
|
-
.product-info-v3 > div {
|
|
327
|
+
.product-info-v3:not(#\#) > div {
|
|
328
328
|
scroll-snap-align: start;
|
|
329
329
|
scroll-snap-align: var(--scroll-snap-align-mobile, start);
|
|
330
330
|
}
|
|
331
|
-
.product-info-v3 {
|
|
331
|
+
.product-info-v3:not(#\#) {
|
|
332
332
|
overflow: hidden;
|
|
333
333
|
overflow: var(--container-overflow-type-mobile, hidden);
|
|
334
334
|
grid-gap: calc(var(--global-inline-spacing) * 0) calc(var(--global-inline-spacing) * 0);
|
|
@@ -465,15 +465,15 @@
|
|
|
465
465
|
}
|
|
466
466
|
}
|
|
467
467
|
@media screen and (min-width: 768px) {
|
|
468
|
-
.product-info-v3 {
|
|
468
|
+
.product-info-v3:not(#\#) {
|
|
469
469
|
scroll-snap-type: none;
|
|
470
470
|
scroll-snap-type: var(--scroll-snap-type-portrait, none);
|
|
471
471
|
}
|
|
472
|
-
.product-info-v3 > div {
|
|
472
|
+
.product-info-v3:not(#\#) > div {
|
|
473
473
|
scroll-snap-align: start;
|
|
474
474
|
scroll-snap-align: var(--scroll-snap-align-portrait, start);
|
|
475
475
|
}
|
|
476
|
-
.product-info-v3 {
|
|
476
|
+
.product-info-v3:not(#\#) {
|
|
477
477
|
overflow: hidden;
|
|
478
478
|
overflow: var(--container-overflow-type-portrait, hidden);
|
|
479
479
|
grid-auto-flow: row;
|
|
@@ -491,15 +491,15 @@
|
|
|
491
491
|
}
|
|
492
492
|
}
|
|
493
493
|
@media screen and (min-width: 1024px) {
|
|
494
|
-
.product-info-v3 {
|
|
494
|
+
.product-info-v3:not(#\#) {
|
|
495
495
|
scroll-snap-type: none;
|
|
496
496
|
scroll-snap-type: var(--scroll-snap-type-desktop, none);
|
|
497
497
|
}
|
|
498
|
-
.product-info-v3 > div {
|
|
498
|
+
.product-info-v3:not(#\#) > div {
|
|
499
499
|
scroll-snap-align: start;
|
|
500
500
|
scroll-snap-align: var(--scroll-snap-align-desktop, start);
|
|
501
501
|
}
|
|
502
|
-
.product-info-v3 {
|
|
502
|
+
.product-info-v3:not(#\#) {
|
|
503
503
|
overflow: hidden;
|
|
504
504
|
overflow: var(--container-overflow-type-desktop, hidden);
|
|
505
505
|
grid-gap: calc(var(--global-inline-spacing) * 0) calc(var(--global-inline-spacing) * 0);
|
|
@@ -516,7 +516,7 @@
|
|
|
516
516
|
grid-template-rows: var(--grid-template-rows-custom-desktop, repeat(var(--grid-template-rows-desktop), var(--grid-auto-rows-desktop, 1fr)));
|
|
517
517
|
}
|
|
518
518
|
}
|
|
519
|
-
.product-info-v3__post-cover-link {
|
|
519
|
+
.product-info-v3__post-cover-link:not(#\#) {
|
|
520
520
|
grid-area: unset;
|
|
521
521
|
position: absolute;
|
|
522
522
|
top: 0;
|
|
@@ -528,7 +528,7 @@
|
|
|
528
528
|
z-index: 99;
|
|
529
529
|
opacity: 0;
|
|
530
530
|
}
|
|
531
|
-
.product-info-v3__post-cover-label {
|
|
531
|
+
.product-info-v3__post-cover-label:not(#\#) {
|
|
532
532
|
position: absolute;
|
|
533
533
|
width: 1px;
|
|
534
534
|
height: 1px;
|
|
@@ -539,7 +539,7 @@
|
|
|
539
539
|
white-space: nowrap;
|
|
540
540
|
border: 0;
|
|
541
541
|
}
|
|
542
|
-
.product-info-v3__info-item {
|
|
542
|
+
.product-info-v3__info-item:not(#\#) {
|
|
543
543
|
display: grid;
|
|
544
544
|
z-index: 5;
|
|
545
545
|
z-index: var(--element-z-index, 5);
|
|
@@ -549,53 +549,53 @@
|
|
|
549
549
|
justify-self: var(--grid-horizontal-placement-mobile);
|
|
550
550
|
place-self: var(--grid-vertical-placement-mobile) var(--grid-horizontal-placement-mobile);
|
|
551
551
|
}
|
|
552
|
-
.product-info-v3__info-item:has(> .subgrid-layout-mobile) {
|
|
552
|
+
.product-info-v3__info-item:has(> .subgrid-layout-mobile):not(#\#) {
|
|
553
553
|
grid-template-rows: subgrid;
|
|
554
554
|
}
|
|
555
|
-
.product-info-v3__info-item:has(> .subgrid-layout-mobile) > section {
|
|
555
|
+
.product-info-v3__info-item:has(> .subgrid-layout-mobile):not(#\#) > section {
|
|
556
556
|
grid-row: 1/-1;
|
|
557
557
|
grid-column: 1/-1;
|
|
558
558
|
}
|
|
559
559
|
@media screen and (min-width: 768px) {
|
|
560
|
-
.product-info-v3__info-item {
|
|
560
|
+
.product-info-v3__info-item:not(#\#) {
|
|
561
561
|
grid-row: var(--grid-row-start-portrait)/span var(--grid-row-span-portrait);
|
|
562
562
|
grid-column: var(--grid-column-start-portrait)/span var(--grid-column-span-portrait);
|
|
563
563
|
align-self: var(--grid-vertical-placement-portrait);
|
|
564
564
|
justify-self: var(--grid-horizontal-placement-portrait);
|
|
565
565
|
place-self: var(--grid-vertical-placement-portrait) var(--grid-horizontal-placement-portrait);
|
|
566
566
|
}
|
|
567
|
-
.product-info-v3__info-item:has(> .subgrid-layout-portrait) {
|
|
567
|
+
.product-info-v3__info-item:has(> .subgrid-layout-portrait):not(#\#) {
|
|
568
568
|
grid-template-rows: subgrid;
|
|
569
569
|
}
|
|
570
|
-
.product-info-v3__info-item:has(> .subgrid-layout-portrait) > section {
|
|
570
|
+
.product-info-v3__info-item:has(> .subgrid-layout-portrait):not(#\#) > section {
|
|
571
571
|
grid-row: 1/-1;
|
|
572
572
|
grid-column: 1/-1;
|
|
573
573
|
}
|
|
574
574
|
}
|
|
575
575
|
@media screen and (min-width: 1024px) {
|
|
576
|
-
.product-info-v3__info-item {
|
|
576
|
+
.product-info-v3__info-item:not(#\#) {
|
|
577
577
|
grid-row: var(--grid-row-start)/span var(--grid-row-span);
|
|
578
578
|
grid-column: var(--grid-column-start)/span var(--grid-column-span);
|
|
579
579
|
align-self: var(--grid-vertical-placement-desktop);
|
|
580
580
|
justify-self: var(--grid-horizontal-placement-desktop);
|
|
581
581
|
place-self: var(--grid-vertical-placement-desktop) var(--grid-horizontal-placement-desktop);
|
|
582
582
|
}
|
|
583
|
-
.product-info-v3__info-item:has(> .subgrid-layout-desktop) {
|
|
583
|
+
.product-info-v3__info-item:has(> .subgrid-layout-desktop):not(#\#) {
|
|
584
584
|
grid-template-rows: subgrid;
|
|
585
585
|
}
|
|
586
|
-
.product-info-v3__info-item:has(> .subgrid-layout-desktop) > section {
|
|
586
|
+
.product-info-v3__info-item:has(> .subgrid-layout-desktop):not(#\#) > section {
|
|
587
587
|
grid-row: 1/-1;
|
|
588
588
|
grid-column: 1/-1;
|
|
589
589
|
}
|
|
590
590
|
}
|
|
591
|
-
.product-info-v3__info-item {
|
|
591
|
+
.product-info-v3__info-item:not(#\#) {
|
|
592
592
|
width: 100%;
|
|
593
593
|
position: relative;
|
|
594
594
|
}
|
|
595
|
-
.product-info-v3__content-container {
|
|
595
|
+
.product-info-v3__content-container:not(#\#) {
|
|
596
596
|
width: 100%;
|
|
597
597
|
}
|
|
598
|
-
.product-info-v3__cta-selection-container {
|
|
598
|
+
.product-info-v3__cta-selection-container:not(#\#) {
|
|
599
599
|
display: grid;
|
|
600
600
|
z-index: 5;
|
|
601
601
|
z-index: var(--element-z-index, 5);
|
|
@@ -605,58 +605,58 @@
|
|
|
605
605
|
justify-self: var(--grid-horizontal-placement-mobile);
|
|
606
606
|
place-self: var(--grid-vertical-placement-mobile) var(--grid-horizontal-placement-mobile);
|
|
607
607
|
}
|
|
608
|
-
.product-info-v3__cta-selection-container:has(> .subgrid-layout-mobile) {
|
|
608
|
+
.product-info-v3__cta-selection-container:has(> .subgrid-layout-mobile):not(#\#) {
|
|
609
609
|
grid-template-rows: subgrid;
|
|
610
610
|
}
|
|
611
|
-
.product-info-v3__cta-selection-container:has(> .subgrid-layout-mobile) > section {
|
|
611
|
+
.product-info-v3__cta-selection-container:has(> .subgrid-layout-mobile):not(#\#) > section {
|
|
612
612
|
grid-row: 1/-1;
|
|
613
613
|
grid-column: 1/-1;
|
|
614
614
|
}
|
|
615
615
|
@media screen and (min-width: 768px) {
|
|
616
|
-
.product-info-v3__cta-selection-container {
|
|
616
|
+
.product-info-v3__cta-selection-container:not(#\#) {
|
|
617
617
|
grid-row: var(--grid-row-start-portrait)/span var(--grid-row-span-portrait);
|
|
618
618
|
grid-column: var(--grid-column-start-portrait)/span var(--grid-column-span-portrait);
|
|
619
619
|
align-self: var(--grid-vertical-placement-portrait);
|
|
620
620
|
justify-self: var(--grid-horizontal-placement-portrait);
|
|
621
621
|
place-self: var(--grid-vertical-placement-portrait) var(--grid-horizontal-placement-portrait);
|
|
622
622
|
}
|
|
623
|
-
.product-info-v3__cta-selection-container:has(> .subgrid-layout-portrait) {
|
|
623
|
+
.product-info-v3__cta-selection-container:has(> .subgrid-layout-portrait):not(#\#) {
|
|
624
624
|
grid-template-rows: subgrid;
|
|
625
625
|
}
|
|
626
|
-
.product-info-v3__cta-selection-container:has(> .subgrid-layout-portrait) > section {
|
|
626
|
+
.product-info-v3__cta-selection-container:has(> .subgrid-layout-portrait):not(#\#) > section {
|
|
627
627
|
grid-row: 1/-1;
|
|
628
628
|
grid-column: 1/-1;
|
|
629
629
|
}
|
|
630
630
|
}
|
|
631
631
|
@media screen and (min-width: 1024px) {
|
|
632
|
-
.product-info-v3__cta-selection-container {
|
|
632
|
+
.product-info-v3__cta-selection-container:not(#\#) {
|
|
633
633
|
grid-row: var(--grid-row-start)/span var(--grid-row-span);
|
|
634
634
|
grid-column: var(--grid-column-start)/span var(--grid-column-span);
|
|
635
635
|
align-self: var(--grid-vertical-placement-desktop);
|
|
636
636
|
justify-self: var(--grid-horizontal-placement-desktop);
|
|
637
637
|
place-self: var(--grid-vertical-placement-desktop) var(--grid-horizontal-placement-desktop);
|
|
638
638
|
}
|
|
639
|
-
.product-info-v3__cta-selection-container:has(> .subgrid-layout-desktop) {
|
|
639
|
+
.product-info-v3__cta-selection-container:has(> .subgrid-layout-desktop):not(#\#) {
|
|
640
640
|
grid-template-rows: subgrid;
|
|
641
641
|
}
|
|
642
|
-
.product-info-v3__cta-selection-container:has(> .subgrid-layout-desktop) > section {
|
|
642
|
+
.product-info-v3__cta-selection-container:has(> .subgrid-layout-desktop):not(#\#) > section {
|
|
643
643
|
grid-row: 1/-1;
|
|
644
644
|
grid-column: 1/-1;
|
|
645
645
|
}
|
|
646
646
|
}
|
|
647
|
-
.product-info-v3__cta {
|
|
647
|
+
.product-info-v3__cta:not(#\#) {
|
|
648
648
|
display: flex;
|
|
649
649
|
}
|
|
650
|
-
.product-info-v3__cta-style-post-colour,
|
|
651
|
-
.product-info-v3__cta-style-post-text-colour-style {
|
|
650
|
+
.product-info-v3__cta-style-post-colour:not(#\#),
|
|
651
|
+
.product-info-v3__cta-style-post-text-colour-style:not(#\#) {
|
|
652
652
|
padding-top: calc(10 / var(--design-reference) * var(--screen-width));
|
|
653
653
|
padding-bottom: calc(10 / var(--design-reference) * var(--screen-width));
|
|
654
654
|
padding-left: calc(20 / var(--design-reference) * var(--screen-width));
|
|
655
655
|
padding-right: calc(20 / var(--design-reference) * var(--screen-width));
|
|
656
656
|
}
|
|
657
657
|
@media screen and (min-width: 768px) {
|
|
658
|
-
.product-info-v3__cta-style-post-colour,
|
|
659
|
-
.product-info-v3__cta-style-post-text-colour-style {
|
|
658
|
+
.product-info-v3__cta-style-post-colour:not(#\#),
|
|
659
|
+
.product-info-v3__cta-style-post-text-colour-style:not(#\#) {
|
|
660
660
|
padding-top: calc(10 / var(--design-reference) * var(--screen-width));
|
|
661
661
|
padding-bottom: calc(10 / var(--design-reference) * var(--screen-width));
|
|
662
662
|
padding-left: calc(20 / var(--design-reference) * var(--screen-width));
|
|
@@ -664,32 +664,32 @@
|
|
|
664
664
|
}
|
|
665
665
|
}
|
|
666
666
|
@media screen and (min-width: 1024px) {
|
|
667
|
-
.product-info-v3__cta-style-post-colour,
|
|
668
|
-
.product-info-v3__cta-style-post-text-colour-style {
|
|
667
|
+
.product-info-v3__cta-style-post-colour:not(#\#),
|
|
668
|
+
.product-info-v3__cta-style-post-text-colour-style:not(#\#) {
|
|
669
669
|
padding-top: calc(10 / var(--design-reference) * var(--screen-width));
|
|
670
670
|
padding-bottom: calc(10 / var(--design-reference) * var(--screen-width));
|
|
671
671
|
padding-left: calc(20 / var(--design-reference) * var(--screen-width));
|
|
672
672
|
padding-right: calc(20 / var(--design-reference) * var(--screen-width));
|
|
673
673
|
}
|
|
674
674
|
}
|
|
675
|
-
.product-info-v3__cta-style-post-colour {
|
|
675
|
+
.product-info-v3__cta-style-post-colour:not(#\#) {
|
|
676
676
|
color: var(--post-colour);
|
|
677
677
|
border: 1px solid var(--post-colour);
|
|
678
678
|
}
|
|
679
|
-
.product-info-v3__cta-style-post-text-colour-style {
|
|
679
|
+
.product-info-v3__cta-style-post-text-colour-style:not(#\#) {
|
|
680
680
|
color: var(--post-text-colour-style);
|
|
681
681
|
border: 1px solid var(--post-text-colour-style);
|
|
682
682
|
}
|
|
683
|
-
.product-info-v3__post-link,
|
|
684
|
-
.product-info-v3__better-reviews {
|
|
683
|
+
.product-info-v3__post-link:not(#\#),
|
|
684
|
+
.product-info-v3__better-reviews:not(#\#) {
|
|
685
685
|
max-width: -moz-max-content;
|
|
686
686
|
max-width: max-content;
|
|
687
687
|
}
|
|
688
|
-
.product-info-v3__gradient-overlay {
|
|
688
|
+
.product-info-v3__gradient-overlay:not(#\#) {
|
|
689
689
|
height: 100%;
|
|
690
690
|
--spread: calc(100% - var(--gradient-spread));
|
|
691
691
|
}
|
|
692
|
-
.product-info-v3__gradient-overlay__gradient-overlay-element {
|
|
692
|
+
.product-info-v3__gradient-overlay__gradient-overlay-element:not(#\#) {
|
|
693
693
|
position: absolute;
|
|
694
694
|
top: 0;
|
|
695
695
|
right: 0;
|
|
@@ -698,8 +698,8 @@
|
|
|
698
698
|
z-index: var(--gradient-zindex);
|
|
699
699
|
grid-area: var(--gradient-grid-area);
|
|
700
700
|
}
|
|
701
|
-
.product-info-v3__gradient-overlay__gradient-overlay-element::before,
|
|
702
|
-
.product-info-v3__gradient-overlay__gradient-overlay-element:after {
|
|
701
|
+
.product-info-v3__gradient-overlay__gradient-overlay-element:not(#\#)::before,
|
|
702
|
+
.product-info-v3__gradient-overlay__gradient-overlay-element:not(#\#):after {
|
|
703
703
|
content: "";
|
|
704
704
|
pointer-events: none;
|
|
705
705
|
position: absolute;
|
|
@@ -709,7 +709,7 @@
|
|
|
709
709
|
left: 0;
|
|
710
710
|
opacity: var(--gradient-opacity);
|
|
711
711
|
}
|
|
712
|
-
.product-info-v3__gradient-overlay__gradient-overlay-element::before {
|
|
712
|
+
.product-info-v3__gradient-overlay__gradient-overlay-element:not(#\#)::before {
|
|
713
713
|
background:
|
|
714
714
|
linear-gradient(
|
|
715
715
|
var(--gradient-origin-before),
|
|
@@ -717,7 +717,7 @@
|
|
|
717
717
|
rgba(255, 255, 255, 0) calc(var(--spread) - var(--gradient-amount)),
|
|
718
718
|
var(--gradient-colour) calc(100% - var(--gradient-amount)));
|
|
719
719
|
}
|
|
720
|
-
.product-info-v3__gradient-overlay__gradient-overlay-element::after {
|
|
720
|
+
.product-info-v3__gradient-overlay__gradient-overlay-element:not(#\#)::after {
|
|
721
721
|
content: var(--enable-after);
|
|
722
722
|
background:
|
|
723
723
|
linear-gradient(
|
|
@@ -726,7 +726,7 @@
|
|
|
726
726
|
rgba(255, 255, 255, 0) calc(var(--spread) - var(--gradient-amount)),
|
|
727
727
|
var(--gradient-colour) calc(100% - var(--gradient-amount)));
|
|
728
728
|
}
|
|
729
|
-
.product-info-v3__gradient-overlay__blur-overlay-element {
|
|
729
|
+
.product-info-v3__gradient-overlay__blur-overlay-element:not(#\#) {
|
|
730
730
|
background: var(--blur-colour);
|
|
731
731
|
backdrop-filter: blur(var(--blur-value));
|
|
732
732
|
position: absolute;
|
|
@@ -736,7 +736,7 @@
|
|
|
736
736
|
left: 0;
|
|
737
737
|
z-index: var(--blur-zindex);
|
|
738
738
|
}
|
|
739
|
-
.product-info-v3__post-tags {
|
|
739
|
+
.product-info-v3__post-tags:not(#\#) {
|
|
740
740
|
pointer-events: none;
|
|
741
741
|
display: flex;
|
|
742
742
|
width: auto;
|
|
@@ -749,54 +749,54 @@
|
|
|
749
749
|
justify-self: var(--grid-horizontal-placement-mobile);
|
|
750
750
|
place-self: var(--grid-vertical-placement-mobile) var(--grid-horizontal-placement-mobile);
|
|
751
751
|
}
|
|
752
|
-
.product-info-v3__post-tags:has(> .subgrid-layout-mobile) {
|
|
752
|
+
.product-info-v3__post-tags:has(> .subgrid-layout-mobile):not(#\#) {
|
|
753
753
|
grid-template-rows: subgrid;
|
|
754
754
|
}
|
|
755
|
-
.product-info-v3__post-tags:has(> .subgrid-layout-mobile) > section {
|
|
755
|
+
.product-info-v3__post-tags:has(> .subgrid-layout-mobile):not(#\#) > section {
|
|
756
756
|
grid-row: 1/-1;
|
|
757
757
|
grid-column: 1/-1;
|
|
758
758
|
}
|
|
759
759
|
@media screen and (min-width: 768px) {
|
|
760
|
-
.product-info-v3__post-tags {
|
|
760
|
+
.product-info-v3__post-tags:not(#\#) {
|
|
761
761
|
grid-row: var(--grid-row-start-portrait)/span var(--grid-row-span-portrait);
|
|
762
762
|
grid-column: var(--grid-column-start-portrait)/span var(--grid-column-span-portrait);
|
|
763
763
|
align-self: var(--grid-vertical-placement-portrait);
|
|
764
764
|
justify-self: var(--grid-horizontal-placement-portrait);
|
|
765
765
|
place-self: var(--grid-vertical-placement-portrait) var(--grid-horizontal-placement-portrait);
|
|
766
766
|
}
|
|
767
|
-
.product-info-v3__post-tags:has(> .subgrid-layout-portrait) {
|
|
767
|
+
.product-info-v3__post-tags:has(> .subgrid-layout-portrait):not(#\#) {
|
|
768
768
|
grid-template-rows: subgrid;
|
|
769
769
|
}
|
|
770
|
-
.product-info-v3__post-tags:has(> .subgrid-layout-portrait) > section {
|
|
770
|
+
.product-info-v3__post-tags:has(> .subgrid-layout-portrait):not(#\#) > section {
|
|
771
771
|
grid-row: 1/-1;
|
|
772
772
|
grid-column: 1/-1;
|
|
773
773
|
}
|
|
774
774
|
}
|
|
775
775
|
@media screen and (min-width: 1024px) {
|
|
776
|
-
.product-info-v3__post-tags {
|
|
776
|
+
.product-info-v3__post-tags:not(#\#) {
|
|
777
777
|
grid-row: var(--grid-row-start)/span var(--grid-row-span);
|
|
778
778
|
grid-column: var(--grid-column-start)/span var(--grid-column-span);
|
|
779
779
|
align-self: var(--grid-vertical-placement-desktop);
|
|
780
780
|
justify-self: var(--grid-horizontal-placement-desktop);
|
|
781
781
|
place-self: var(--grid-vertical-placement-desktop) var(--grid-horizontal-placement-desktop);
|
|
782
782
|
}
|
|
783
|
-
.product-info-v3__post-tags:has(> .subgrid-layout-desktop) {
|
|
783
|
+
.product-info-v3__post-tags:has(> .subgrid-layout-desktop):not(#\#) {
|
|
784
784
|
grid-template-rows: subgrid;
|
|
785
785
|
}
|
|
786
|
-
.product-info-v3__post-tags:has(> .subgrid-layout-desktop) > section {
|
|
786
|
+
.product-info-v3__post-tags:has(> .subgrid-layout-desktop):not(#\#) > section {
|
|
787
787
|
grid-row: 1/-1;
|
|
788
788
|
grid-column: 1/-1;
|
|
789
789
|
}
|
|
790
790
|
}
|
|
791
|
-
.product-info-v3__post-image-container {
|
|
791
|
+
.product-info-v3__post-image-container:not(#\#) {
|
|
792
792
|
display: grid;
|
|
793
793
|
grid-template: "main"/1fr;
|
|
794
794
|
}
|
|
795
|
-
.product-info-v3__post-image-container--image-accent {
|
|
795
|
+
.product-info-v3__post-image-container--image-accent:not(#\#) {
|
|
796
796
|
position: relative;
|
|
797
797
|
}
|
|
798
|
-
.product-info-v3__post-image-container--image-accent img,
|
|
799
|
-
.product-info-v3__post-image-container--image-accent svg {
|
|
798
|
+
.product-info-v3__post-image-container--image-accent:not(#\#) img,
|
|
799
|
+
.product-info-v3__post-image-container--image-accent:not(#\#) svg {
|
|
800
800
|
margin: 0;
|
|
801
801
|
margin: initial;
|
|
802
802
|
position: relative;
|
|
@@ -811,8 +811,8 @@
|
|
|
811
811
|
rotate: var(--element-rotation-mobile, 0deg);
|
|
812
812
|
}
|
|
813
813
|
@media screen and (min-width: 1024px) {
|
|
814
|
-
.product-info-v3__post-image-container--image-accent img,
|
|
815
|
-
.product-info-v3__post-image-container--image-accent svg {
|
|
814
|
+
.product-info-v3__post-image-container--image-accent:not(#\#) img,
|
|
815
|
+
.product-info-v3__post-image-container--image-accent:not(#\#) svg {
|
|
816
816
|
align-self: var(--desktop-vertical-placement);
|
|
817
817
|
justify-self: var(--desktop-horizontal-placement);
|
|
818
818
|
place-self: var(--desktop-vertical-placement) var(--desktop-horizontal-placement);
|
|
@@ -822,7 +822,7 @@
|
|
|
822
822
|
rotate: var(--element-rotation-desktop, 0deg);
|
|
823
823
|
}
|
|
824
824
|
}
|
|
825
|
-
.product-info-v3__post__image {
|
|
825
|
+
.product-info-v3__post__image:not(#\#) {
|
|
826
826
|
display: flex;
|
|
827
827
|
justify-content: center;
|
|
828
828
|
margin-left: auto;
|
|
@@ -839,70 +839,70 @@
|
|
|
839
839
|
justify-self: var(--grid-horizontal-placement-mobile);
|
|
840
840
|
place-self: var(--grid-vertical-placement-mobile) var(--grid-horizontal-placement-mobile);
|
|
841
841
|
}
|
|
842
|
-
.product-info-v3__post__image:has(> .subgrid-layout-mobile) {
|
|
842
|
+
.product-info-v3__post__image:has(> .subgrid-layout-mobile):not(#\#) {
|
|
843
843
|
grid-template-rows: subgrid;
|
|
844
844
|
}
|
|
845
|
-
.product-info-v3__post__image:has(> .subgrid-layout-mobile) > section {
|
|
845
|
+
.product-info-v3__post__image:has(> .subgrid-layout-mobile):not(#\#) > section {
|
|
846
846
|
grid-row: 1/-1;
|
|
847
847
|
grid-column: 1/-1;
|
|
848
848
|
}
|
|
849
849
|
@media screen and (min-width: 768px) {
|
|
850
|
-
.product-info-v3__post__image {
|
|
850
|
+
.product-info-v3__post__image:not(#\#) {
|
|
851
851
|
grid-row: var(--grid-row-start-portrait)/span var(--grid-row-span-portrait);
|
|
852
852
|
grid-column: var(--grid-column-start-portrait)/span var(--grid-column-span-portrait);
|
|
853
853
|
align-self: var(--grid-vertical-placement-portrait);
|
|
854
854
|
justify-self: var(--grid-horizontal-placement-portrait);
|
|
855
855
|
place-self: var(--grid-vertical-placement-portrait) var(--grid-horizontal-placement-portrait);
|
|
856
856
|
}
|
|
857
|
-
.product-info-v3__post__image:has(> .subgrid-layout-portrait) {
|
|
857
|
+
.product-info-v3__post__image:has(> .subgrid-layout-portrait):not(#\#) {
|
|
858
858
|
grid-template-rows: subgrid;
|
|
859
859
|
}
|
|
860
|
-
.product-info-v3__post__image:has(> .subgrid-layout-portrait) > section {
|
|
860
|
+
.product-info-v3__post__image:has(> .subgrid-layout-portrait):not(#\#) > section {
|
|
861
861
|
grid-row: 1/-1;
|
|
862
862
|
grid-column: 1/-1;
|
|
863
863
|
}
|
|
864
864
|
}
|
|
865
865
|
@media screen and (min-width: 1024px) {
|
|
866
|
-
.product-info-v3__post__image {
|
|
866
|
+
.product-info-v3__post__image:not(#\#) {
|
|
867
867
|
grid-row: var(--grid-row-start)/span var(--grid-row-span);
|
|
868
868
|
grid-column: var(--grid-column-start)/span var(--grid-column-span);
|
|
869
869
|
align-self: var(--grid-vertical-placement-desktop);
|
|
870
870
|
justify-self: var(--grid-horizontal-placement-desktop);
|
|
871
871
|
place-self: var(--grid-vertical-placement-desktop) var(--grid-horizontal-placement-desktop);
|
|
872
872
|
}
|
|
873
|
-
.product-info-v3__post__image:has(> .subgrid-layout-desktop) {
|
|
873
|
+
.product-info-v3__post__image:has(> .subgrid-layout-desktop):not(#\#) {
|
|
874
874
|
grid-template-rows: subgrid;
|
|
875
875
|
}
|
|
876
|
-
.product-info-v3__post__image:has(> .subgrid-layout-desktop) > section {
|
|
876
|
+
.product-info-v3__post__image:has(> .subgrid-layout-desktop):not(#\#) > section {
|
|
877
877
|
grid-row: 1/-1;
|
|
878
878
|
grid-column: 1/-1;
|
|
879
879
|
}
|
|
880
880
|
}
|
|
881
|
-
.product-info-v3__post__image {
|
|
881
|
+
.product-info-v3__post__image:not(#\#) {
|
|
882
882
|
width: var(--post-image-width-mobile);
|
|
883
883
|
}
|
|
884
884
|
@media screen and (min-width: 768px) {
|
|
885
|
-
.product-info-v3__post__image {
|
|
885
|
+
.product-info-v3__post__image:not(#\#) {
|
|
886
886
|
aspect-ratio: var(--image-aspect-ratio-portrait);
|
|
887
887
|
}
|
|
888
888
|
}
|
|
889
889
|
@media screen and (min-width: 1024px) {
|
|
890
|
-
.product-info-v3__post__image {
|
|
890
|
+
.product-info-v3__post__image:not(#\#) {
|
|
891
891
|
width: var(--post-image-width-desktop);
|
|
892
892
|
aspect-ratio: var(--image-aspect-ratio-desktop);
|
|
893
893
|
}
|
|
894
894
|
}
|
|
895
|
-
.product-info-v3__post__image {
|
|
895
|
+
.product-info-v3__post__image:not(#\#) {
|
|
896
896
|
-o-object-fit: var(--image-fit-style);
|
|
897
897
|
object-fit: var(--image-fit-style);
|
|
898
898
|
margin: auto;
|
|
899
899
|
}
|
|
900
|
-
.product-info-v3__global-image {
|
|
900
|
+
.product-info-v3__global-image:not(#\#) {
|
|
901
901
|
z-index: var(--global-image-zindex);
|
|
902
902
|
max-width: var(--global-image-max-width);
|
|
903
903
|
min-height: 100%;
|
|
904
904
|
}
|
|
905
|
-
.product-info-v3__global-image__picture {
|
|
905
|
+
.product-info-v3__global-image__picture:not(#\#) {
|
|
906
906
|
width: var(--global-image-width);
|
|
907
907
|
display: flex;
|
|
908
908
|
position: var(--global-image-position);
|
|
@@ -911,37 +911,37 @@
|
|
|
911
911
|
bottom: 0;
|
|
912
912
|
left: 0;
|
|
913
913
|
}
|
|
914
|
-
.product-info-v3__global-image__image {
|
|
914
|
+
.product-info-v3__global-image__image:not(#\#) {
|
|
915
915
|
-o-object-fit: var(--global-image-fit-style);
|
|
916
916
|
object-fit: var(--global-image-fit-style);
|
|
917
917
|
}
|
|
918
|
-
.product-info-v3__product-logo {
|
|
918
|
+
.product-info-v3__product-logo:not(#\#) {
|
|
919
919
|
max-width: calc(var(--logo-max-width-mobile) / var(--design-reference) * var(--screen-width));
|
|
920
920
|
}
|
|
921
921
|
@media screen and (min-width: 1024px) {
|
|
922
|
-
.product-info-v3__product-logo {
|
|
922
|
+
.product-info-v3__product-logo:not(#\#) {
|
|
923
923
|
max-width: calc(var(--logo-max-width-desktop) / var(--design-reference) * var(--screen-width));
|
|
924
924
|
}
|
|
925
925
|
}
|
|
926
|
-
.product-info-v3__person-rating {
|
|
926
|
+
.product-info-v3__person-rating:not(#\#) {
|
|
927
927
|
display: flex;
|
|
928
928
|
gap: 1em;
|
|
929
929
|
}
|
|
930
|
-
.product-info-v3__person-rating-star {
|
|
930
|
+
.product-info-v3__person-rating-star:not(#\#) {
|
|
931
931
|
--rating-star-colour: gold;
|
|
932
932
|
width: calc(20 / var(--desktop-design-reference) * var(--screen-width-static));
|
|
933
933
|
}
|
|
934
|
-
.product-info-v3__person-questionaire-list {
|
|
934
|
+
.product-info-v3__person-questionaire-list:not(#\#) {
|
|
935
935
|
list-style-type: none;
|
|
936
936
|
}
|
|
937
|
-
.product-info-v3__person-email {
|
|
937
|
+
.product-info-v3__person-email:not(#\#) {
|
|
938
938
|
display: flex;
|
|
939
939
|
gap: 1em;
|
|
940
940
|
}
|
|
941
|
-
.product-info-v3__person-email-icon {
|
|
941
|
+
.product-info-v3__person-email-icon:not(#\#) {
|
|
942
942
|
width: 1em;
|
|
943
943
|
}
|
|
944
|
-
.product-info-v3__post-text-alternative-style {
|
|
944
|
+
.product-info-v3__post-text-alternative-style:not(#\#) {
|
|
945
945
|
width: auto;
|
|
946
946
|
display: grid;
|
|
947
947
|
z-index: 5;
|
|
@@ -952,41 +952,41 @@
|
|
|
952
952
|
justify-self: var(--grid-horizontal-placement-mobile);
|
|
953
953
|
place-self: var(--grid-vertical-placement-mobile) var(--grid-horizontal-placement-mobile);
|
|
954
954
|
}
|
|
955
|
-
.product-info-v3__post-text-alternative-style:has(> .subgrid-layout-mobile) {
|
|
955
|
+
.product-info-v3__post-text-alternative-style:has(> .subgrid-layout-mobile):not(#\#) {
|
|
956
956
|
grid-template-rows: subgrid;
|
|
957
957
|
}
|
|
958
|
-
.product-info-v3__post-text-alternative-style:has(> .subgrid-layout-mobile) > section {
|
|
958
|
+
.product-info-v3__post-text-alternative-style:has(> .subgrid-layout-mobile):not(#\#) > section {
|
|
959
959
|
grid-row: 1/-1;
|
|
960
960
|
grid-column: 1/-1;
|
|
961
961
|
}
|
|
962
962
|
@media screen and (min-width: 768px) {
|
|
963
|
-
.product-info-v3__post-text-alternative-style {
|
|
963
|
+
.product-info-v3__post-text-alternative-style:not(#\#) {
|
|
964
964
|
grid-row: var(--grid-row-start-portrait)/span var(--grid-row-span-portrait);
|
|
965
965
|
grid-column: var(--grid-column-start-portrait)/span var(--grid-column-span-portrait);
|
|
966
966
|
align-self: var(--grid-vertical-placement-portrait);
|
|
967
967
|
justify-self: var(--grid-horizontal-placement-portrait);
|
|
968
968
|
place-self: var(--grid-vertical-placement-portrait) var(--grid-horizontal-placement-portrait);
|
|
969
969
|
}
|
|
970
|
-
.product-info-v3__post-text-alternative-style:has(> .subgrid-layout-portrait) {
|
|
970
|
+
.product-info-v3__post-text-alternative-style:has(> .subgrid-layout-portrait):not(#\#) {
|
|
971
971
|
grid-template-rows: subgrid;
|
|
972
972
|
}
|
|
973
|
-
.product-info-v3__post-text-alternative-style:has(> .subgrid-layout-portrait) > section {
|
|
973
|
+
.product-info-v3__post-text-alternative-style:has(> .subgrid-layout-portrait):not(#\#) > section {
|
|
974
974
|
grid-row: 1/-1;
|
|
975
975
|
grid-column: 1/-1;
|
|
976
976
|
}
|
|
977
977
|
}
|
|
978
978
|
@media screen and (min-width: 1024px) {
|
|
979
|
-
.product-info-v3__post-text-alternative-style {
|
|
979
|
+
.product-info-v3__post-text-alternative-style:not(#\#) {
|
|
980
980
|
grid-row: var(--grid-row-start)/span var(--grid-row-span);
|
|
981
981
|
grid-column: var(--grid-column-start)/span var(--grid-column-span);
|
|
982
982
|
align-self: var(--grid-vertical-placement-desktop);
|
|
983
983
|
justify-self: var(--grid-horizontal-placement-desktop);
|
|
984
984
|
place-self: var(--grid-vertical-placement-desktop) var(--grid-horizontal-placement-desktop);
|
|
985
985
|
}
|
|
986
|
-
.product-info-v3__post-text-alternative-style:has(> .subgrid-layout-desktop) {
|
|
986
|
+
.product-info-v3__post-text-alternative-style:has(> .subgrid-layout-desktop):not(#\#) {
|
|
987
987
|
grid-template-rows: subgrid;
|
|
988
988
|
}
|
|
989
|
-
.product-info-v3__post-text-alternative-style:has(> .subgrid-layout-desktop) > section {
|
|
989
|
+
.product-info-v3__post-text-alternative-style:has(> .subgrid-layout-desktop):not(#\#) > section {
|
|
990
990
|
grid-row: 1/-1;
|
|
991
991
|
grid-column: 1/-1;
|
|
992
992
|
}
|