@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
|
-
.post-info-v3 {
|
|
2
|
+
.post-info-v3:not(#\#) {
|
|
3
3
|
display: grid;
|
|
4
4
|
grid-auto-columns: 1fr;
|
|
5
5
|
grid-template: "main"/1fr;
|
|
6
6
|
}
|
|
7
|
-
.post-info-v3__inner-container {
|
|
7
|
+
.post-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
|
-
.post-info-v3__inner-container {
|
|
34
|
+
.post-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
|
-
.post-info-v3__inner-container {
|
|
44
|
+
.post-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
|
-
.post-info-v3__inner-container {
|
|
56
|
+
.post-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
|
-
.post-info-v3__content-box,
|
|
60
|
-
.post-info-v3__content-container {
|
|
59
|
+
.post-info-v3__content-box:not(#\#),
|
|
60
|
+
.post-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
|
-
.post-info-v3__content-box:last-child,
|
|
71
|
-
.post-info-v3__content-container:last-child {
|
|
70
|
+
.post-info-v3__content-box:last-child:not(#\#),
|
|
71
|
+
.post-info-v3__content-container:last-child:not(#\#) {
|
|
72
72
|
margin-bottom: 0;
|
|
73
73
|
}
|
|
74
|
-
.post-info-v3__content-box,
|
|
75
|
-
.post-info-v3__content-container {
|
|
74
|
+
.post-info-v3__content-box:not(#\#),
|
|
75
|
+
.post-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
|
-
.post-info-v3__content-box,
|
|
80
|
-
.post-info-v3__content-container {
|
|
79
|
+
.post-info-v3__content-box:not(#\#),
|
|
80
|
+
.post-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
|
-
.post-info-v3__content-box,
|
|
86
|
-
.post-info-v3__content-container {
|
|
85
|
+
.post-info-v3__content-box:not(#\#),
|
|
86
|
+
.post-info-v3__content-container:not(#\#) {
|
|
87
87
|
color: var(--default-text-colour-desktop, var(--theme-primary-text-colour));
|
|
88
88
|
}
|
|
89
89
|
}
|
|
90
|
-
.post-info-v3__content-box,
|
|
91
|
-
.post-info-v3__content-container {
|
|
90
|
+
.post-info-v3__content-box:not(#\#),
|
|
91
|
+
.post-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
|
-
.post-info-v3__content-box,
|
|
96
|
-
.post-info-v3__content-container {
|
|
95
|
+
.post-info-v3__content-box:not(#\#),
|
|
96
|
+
.post-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
|
-
.post-info-v3__content-box,
|
|
102
|
-
.post-info-v3__content-container {
|
|
101
|
+
.post-info-v3__content-box:not(#\#),
|
|
102
|
+
.post-info-v3__content-container:not(#\#) {
|
|
103
103
|
text-transform: var(--default-text-transform-desktop);
|
|
104
104
|
}
|
|
105
105
|
}
|
|
106
|
-
.post-info-v3__content-box,
|
|
107
|
-
.post-info-v3__content-container {
|
|
106
|
+
.post-info-v3__content-box:not(#\#),
|
|
107
|
+
.post-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
|
-
.post-info-v3__content-box,
|
|
112
|
-
.post-info-v3__content-container {
|
|
111
|
+
.post-info-v3__content-box:not(#\#),
|
|
112
|
+
.post-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
|
-
.post-info-v3__content-box,
|
|
118
|
-
.post-info-v3__content-container {
|
|
117
|
+
.post-info-v3__content-box:not(#\#),
|
|
118
|
+
.post-info-v3__content-container:not(#\#) {
|
|
119
119
|
text-align: var(--default-text-align-desktop);
|
|
120
120
|
}
|
|
121
121
|
}
|
|
122
|
-
.post-info-v3__content-box,
|
|
123
|
-
.post-info-v3__content-container {
|
|
122
|
+
.post-info-v3__content-box:not(#\#),
|
|
123
|
+
.post-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
|
-
.post-info-v3__content-box,
|
|
129
|
-
.post-info-v3__content-container {
|
|
128
|
+
.post-info-v3__content-box:not(#\#),
|
|
129
|
+
.post-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
|
-
.post-info-v3__content-box,
|
|
136
|
-
.post-info-v3__content-container {
|
|
135
|
+
.post-info-v3__content-box:not(#\#),
|
|
136
|
+
.post-info-v3__content-container:not(#\#) {
|
|
137
137
|
display: block;
|
|
138
138
|
display: var(--display-desktop, block);
|
|
139
139
|
}
|
|
140
140
|
}
|
|
141
|
-
.post-info-v3__content-box p,
|
|
142
|
-
.post-info-v3__content-box h1,
|
|
143
|
-
.post-info-v3__content-box h2,
|
|
144
|
-
.post-info-v3__content-box h3,
|
|
145
|
-
.post-info-v3__content-box h4,
|
|
146
|
-
.post-info-v3__content-box h5,
|
|
147
|
-
.post-info-v3__content-box h6,
|
|
148
|
-
.post-info-v3__content-box a,
|
|
149
|
-
.post-info-v3__content-box li,
|
|
150
|
-
.post-info-v3__content-box div,
|
|
151
|
-
.post-info-v3__content-container p,
|
|
152
|
-
.post-info-v3__content-container h1,
|
|
153
|
-
.post-info-v3__content-container h2,
|
|
154
|
-
.post-info-v3__content-container h3,
|
|
155
|
-
.post-info-v3__content-container h4,
|
|
156
|
-
.post-info-v3__content-container h5,
|
|
157
|
-
.post-info-v3__content-container h6,
|
|
158
|
-
.post-info-v3__content-container a,
|
|
159
|
-
.post-info-v3__content-container li,
|
|
160
|
-
.post-info-v3__content-container div {
|
|
141
|
+
.post-info-v3__content-box:not(#\#) p,
|
|
142
|
+
.post-info-v3__content-box:not(#\#) h1,
|
|
143
|
+
.post-info-v3__content-box:not(#\#) h2,
|
|
144
|
+
.post-info-v3__content-box:not(#\#) h3,
|
|
145
|
+
.post-info-v3__content-box:not(#\#) h4,
|
|
146
|
+
.post-info-v3__content-box:not(#\#) h5,
|
|
147
|
+
.post-info-v3__content-box:not(#\#) h6,
|
|
148
|
+
.post-info-v3__content-box:not(#\#) a,
|
|
149
|
+
.post-info-v3__content-box:not(#\#) li,
|
|
150
|
+
.post-info-v3__content-box:not(#\#) div,
|
|
151
|
+
.post-info-v3__content-container:not(#\#) p,
|
|
152
|
+
.post-info-v3__content-container:not(#\#) h1,
|
|
153
|
+
.post-info-v3__content-container:not(#\#) h2,
|
|
154
|
+
.post-info-v3__content-container:not(#\#) h3,
|
|
155
|
+
.post-info-v3__content-container:not(#\#) h4,
|
|
156
|
+
.post-info-v3__content-container:not(#\#) h5,
|
|
157
|
+
.post-info-v3__content-container:not(#\#) h6,
|
|
158
|
+
.post-info-v3__content-container:not(#\#) a,
|
|
159
|
+
.post-info-v3__content-container:not(#\#) li,
|
|
160
|
+
.post-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
|
-
.post-info-v3__content-box p,
|
|
165
|
-
.post-info-v3__content-box h1,
|
|
166
|
-
.post-info-v3__content-box h2,
|
|
167
|
-
.post-info-v3__content-box h3,
|
|
168
|
-
.post-info-v3__content-box h4,
|
|
169
|
-
.post-info-v3__content-box h5,
|
|
170
|
-
.post-info-v3__content-box h6,
|
|
171
|
-
.post-info-v3__content-box a,
|
|
172
|
-
.post-info-v3__content-box li,
|
|
173
|
-
.post-info-v3__content-box div,
|
|
174
|
-
.post-info-v3__content-container p,
|
|
175
|
-
.post-info-v3__content-container h1,
|
|
176
|
-
.post-info-v3__content-container h2,
|
|
177
|
-
.post-info-v3__content-container h3,
|
|
178
|
-
.post-info-v3__content-container h4,
|
|
179
|
-
.post-info-v3__content-container h5,
|
|
180
|
-
.post-info-v3__content-container h6,
|
|
181
|
-
.post-info-v3__content-container a,
|
|
182
|
-
.post-info-v3__content-container li,
|
|
183
|
-
.post-info-v3__content-container div {
|
|
164
|
+
.post-info-v3__content-box:not(#\#) p,
|
|
165
|
+
.post-info-v3__content-box:not(#\#) h1,
|
|
166
|
+
.post-info-v3__content-box:not(#\#) h2,
|
|
167
|
+
.post-info-v3__content-box:not(#\#) h3,
|
|
168
|
+
.post-info-v3__content-box:not(#\#) h4,
|
|
169
|
+
.post-info-v3__content-box:not(#\#) h5,
|
|
170
|
+
.post-info-v3__content-box:not(#\#) h6,
|
|
171
|
+
.post-info-v3__content-box:not(#\#) a,
|
|
172
|
+
.post-info-v3__content-box:not(#\#) li,
|
|
173
|
+
.post-info-v3__content-box:not(#\#) div,
|
|
174
|
+
.post-info-v3__content-container:not(#\#) p,
|
|
175
|
+
.post-info-v3__content-container:not(#\#) h1,
|
|
176
|
+
.post-info-v3__content-container:not(#\#) h2,
|
|
177
|
+
.post-info-v3__content-container:not(#\#) h3,
|
|
178
|
+
.post-info-v3__content-container:not(#\#) h4,
|
|
179
|
+
.post-info-v3__content-container:not(#\#) h5,
|
|
180
|
+
.post-info-v3__content-container:not(#\#) h6,
|
|
181
|
+
.post-info-v3__content-container:not(#\#) a,
|
|
182
|
+
.post-info-v3__content-container:not(#\#) li,
|
|
183
|
+
.post-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
|
-
.post-info-v3__content-box p,
|
|
189
|
-
.post-info-v3__content-box h1,
|
|
190
|
-
.post-info-v3__content-box h2,
|
|
191
|
-
.post-info-v3__content-box h3,
|
|
192
|
-
.post-info-v3__content-box h4,
|
|
193
|
-
.post-info-v3__content-box h5,
|
|
194
|
-
.post-info-v3__content-box h6,
|
|
195
|
-
.post-info-v3__content-box a,
|
|
196
|
-
.post-info-v3__content-box li,
|
|
197
|
-
.post-info-v3__content-box div,
|
|
198
|
-
.post-info-v3__content-container p,
|
|
199
|
-
.post-info-v3__content-container h1,
|
|
200
|
-
.post-info-v3__content-container h2,
|
|
201
|
-
.post-info-v3__content-container h3,
|
|
202
|
-
.post-info-v3__content-container h4,
|
|
203
|
-
.post-info-v3__content-container h5,
|
|
204
|
-
.post-info-v3__content-container h6,
|
|
205
|
-
.post-info-v3__content-container a,
|
|
206
|
-
.post-info-v3__content-container li,
|
|
207
|
-
.post-info-v3__content-container div {
|
|
188
|
+
.post-info-v3__content-box:not(#\#) p,
|
|
189
|
+
.post-info-v3__content-box:not(#\#) h1,
|
|
190
|
+
.post-info-v3__content-box:not(#\#) h2,
|
|
191
|
+
.post-info-v3__content-box:not(#\#) h3,
|
|
192
|
+
.post-info-v3__content-box:not(#\#) h4,
|
|
193
|
+
.post-info-v3__content-box:not(#\#) h5,
|
|
194
|
+
.post-info-v3__content-box:not(#\#) h6,
|
|
195
|
+
.post-info-v3__content-box:not(#\#) a,
|
|
196
|
+
.post-info-v3__content-box:not(#\#) li,
|
|
197
|
+
.post-info-v3__content-box:not(#\#) div,
|
|
198
|
+
.post-info-v3__content-container:not(#\#) p,
|
|
199
|
+
.post-info-v3__content-container:not(#\#) h1,
|
|
200
|
+
.post-info-v3__content-container:not(#\#) h2,
|
|
201
|
+
.post-info-v3__content-container:not(#\#) h3,
|
|
202
|
+
.post-info-v3__content-container:not(#\#) h4,
|
|
203
|
+
.post-info-v3__content-container:not(#\#) h5,
|
|
204
|
+
.post-info-v3__content-container:not(#\#) h6,
|
|
205
|
+
.post-info-v3__content-container:not(#\#) a,
|
|
206
|
+
.post-info-v3__content-container:not(#\#) li,
|
|
207
|
+
.post-info-v3__content-container:not(#\#) div {
|
|
208
208
|
font-weight: var(--default-font-weight-desktop, var(--default-font-weight));
|
|
209
209
|
}
|
|
210
210
|
}
|
|
211
|
-
.post-info-v3__content-box p,
|
|
212
|
-
.post-info-v3__content-box h1,
|
|
213
|
-
.post-info-v3__content-box h2,
|
|
214
|
-
.post-info-v3__content-box h3,
|
|
215
|
-
.post-info-v3__content-box h4,
|
|
216
|
-
.post-info-v3__content-box h5,
|
|
217
|
-
.post-info-v3__content-box h6,
|
|
218
|
-
.post-info-v3__content-box a,
|
|
219
|
-
.post-info-v3__content-box li,
|
|
220
|
-
.post-info-v3__content-box div,
|
|
221
|
-
.post-info-v3__content-container p,
|
|
222
|
-
.post-info-v3__content-container h1,
|
|
223
|
-
.post-info-v3__content-container h2,
|
|
224
|
-
.post-info-v3__content-container h3,
|
|
225
|
-
.post-info-v3__content-container h4,
|
|
226
|
-
.post-info-v3__content-container h5,
|
|
227
|
-
.post-info-v3__content-container h6,
|
|
228
|
-
.post-info-v3__content-container a,
|
|
229
|
-
.post-info-v3__content-container li,
|
|
230
|
-
.post-info-v3__content-container div {
|
|
211
|
+
.post-info-v3__content-box:not(#\#) p,
|
|
212
|
+
.post-info-v3__content-box:not(#\#) h1,
|
|
213
|
+
.post-info-v3__content-box:not(#\#) h2,
|
|
214
|
+
.post-info-v3__content-box:not(#\#) h3,
|
|
215
|
+
.post-info-v3__content-box:not(#\#) h4,
|
|
216
|
+
.post-info-v3__content-box:not(#\#) h5,
|
|
217
|
+
.post-info-v3__content-box:not(#\#) h6,
|
|
218
|
+
.post-info-v3__content-box:not(#\#) a,
|
|
219
|
+
.post-info-v3__content-box:not(#\#) li,
|
|
220
|
+
.post-info-v3__content-box:not(#\#) div,
|
|
221
|
+
.post-info-v3__content-container:not(#\#) p,
|
|
222
|
+
.post-info-v3__content-container:not(#\#) h1,
|
|
223
|
+
.post-info-v3__content-container:not(#\#) h2,
|
|
224
|
+
.post-info-v3__content-container:not(#\#) h3,
|
|
225
|
+
.post-info-v3__content-container:not(#\#) h4,
|
|
226
|
+
.post-info-v3__content-container:not(#\#) h5,
|
|
227
|
+
.post-info-v3__content-container:not(#\#) h6,
|
|
228
|
+
.post-info-v3__content-container:not(#\#) a,
|
|
229
|
+
.post-info-v3__content-container:not(#\#) li,
|
|
230
|
+
.post-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
|
-
.post-info-v3__content-box p,
|
|
235
|
-
.post-info-v3__content-box h1,
|
|
236
|
-
.post-info-v3__content-box h2,
|
|
237
|
-
.post-info-v3__content-box h3,
|
|
238
|
-
.post-info-v3__content-box h4,
|
|
239
|
-
.post-info-v3__content-box h5,
|
|
240
|
-
.post-info-v3__content-box h6,
|
|
241
|
-
.post-info-v3__content-box a,
|
|
242
|
-
.post-info-v3__content-box li,
|
|
243
|
-
.post-info-v3__content-box div,
|
|
244
|
-
.post-info-v3__content-container p,
|
|
245
|
-
.post-info-v3__content-container h1,
|
|
246
|
-
.post-info-v3__content-container h2,
|
|
247
|
-
.post-info-v3__content-container h3,
|
|
248
|
-
.post-info-v3__content-container h4,
|
|
249
|
-
.post-info-v3__content-container h5,
|
|
250
|
-
.post-info-v3__content-container h6,
|
|
251
|
-
.post-info-v3__content-container a,
|
|
252
|
-
.post-info-v3__content-container li,
|
|
253
|
-
.post-info-v3__content-container div {
|
|
234
|
+
.post-info-v3__content-box:not(#\#) p,
|
|
235
|
+
.post-info-v3__content-box:not(#\#) h1,
|
|
236
|
+
.post-info-v3__content-box:not(#\#) h2,
|
|
237
|
+
.post-info-v3__content-box:not(#\#) h3,
|
|
238
|
+
.post-info-v3__content-box:not(#\#) h4,
|
|
239
|
+
.post-info-v3__content-box:not(#\#) h5,
|
|
240
|
+
.post-info-v3__content-box:not(#\#) h6,
|
|
241
|
+
.post-info-v3__content-box:not(#\#) a,
|
|
242
|
+
.post-info-v3__content-box:not(#\#) li,
|
|
243
|
+
.post-info-v3__content-box:not(#\#) div,
|
|
244
|
+
.post-info-v3__content-container:not(#\#) p,
|
|
245
|
+
.post-info-v3__content-container:not(#\#) h1,
|
|
246
|
+
.post-info-v3__content-container:not(#\#) h2,
|
|
247
|
+
.post-info-v3__content-container:not(#\#) h3,
|
|
248
|
+
.post-info-v3__content-container:not(#\#) h4,
|
|
249
|
+
.post-info-v3__content-container:not(#\#) h5,
|
|
250
|
+
.post-info-v3__content-container:not(#\#) h6,
|
|
251
|
+
.post-info-v3__content-container:not(#\#) a,
|
|
252
|
+
.post-info-v3__content-container:not(#\#) li,
|
|
253
|
+
.post-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
|
-
.post-info-v3__content-box p,
|
|
259
|
-
.post-info-v3__content-box h1,
|
|
260
|
-
.post-info-v3__content-box h2,
|
|
261
|
-
.post-info-v3__content-box h3,
|
|
262
|
-
.post-info-v3__content-box h4,
|
|
263
|
-
.post-info-v3__content-box h5,
|
|
264
|
-
.post-info-v3__content-box h6,
|
|
265
|
-
.post-info-v3__content-box a,
|
|
266
|
-
.post-info-v3__content-box li,
|
|
267
|
-
.post-info-v3__content-box div,
|
|
268
|
-
.post-info-v3__content-container p,
|
|
269
|
-
.post-info-v3__content-container h1,
|
|
270
|
-
.post-info-v3__content-container h2,
|
|
271
|
-
.post-info-v3__content-container h3,
|
|
272
|
-
.post-info-v3__content-container h4,
|
|
273
|
-
.post-info-v3__content-container h5,
|
|
274
|
-
.post-info-v3__content-container h6,
|
|
275
|
-
.post-info-v3__content-container a,
|
|
276
|
-
.post-info-v3__content-container li,
|
|
277
|
-
.post-info-v3__content-container div {
|
|
258
|
+
.post-info-v3__content-box:not(#\#) p,
|
|
259
|
+
.post-info-v3__content-box:not(#\#) h1,
|
|
260
|
+
.post-info-v3__content-box:not(#\#) h2,
|
|
261
|
+
.post-info-v3__content-box:not(#\#) h3,
|
|
262
|
+
.post-info-v3__content-box:not(#\#) h4,
|
|
263
|
+
.post-info-v3__content-box:not(#\#) h5,
|
|
264
|
+
.post-info-v3__content-box:not(#\#) h6,
|
|
265
|
+
.post-info-v3__content-box:not(#\#) a,
|
|
266
|
+
.post-info-v3__content-box:not(#\#) li,
|
|
267
|
+
.post-info-v3__content-box:not(#\#) div,
|
|
268
|
+
.post-info-v3__content-container:not(#\#) p,
|
|
269
|
+
.post-info-v3__content-container:not(#\#) h1,
|
|
270
|
+
.post-info-v3__content-container:not(#\#) h2,
|
|
271
|
+
.post-info-v3__content-container:not(#\#) h3,
|
|
272
|
+
.post-info-v3__content-container:not(#\#) h4,
|
|
273
|
+
.post-info-v3__content-container:not(#\#) h5,
|
|
274
|
+
.post-info-v3__content-container:not(#\#) h6,
|
|
275
|
+
.post-info-v3__content-container:not(#\#) a,
|
|
276
|
+
.post-info-v3__content-container:not(#\#) li,
|
|
277
|
+
.post-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
|
-
.post-info-v3__content-box,
|
|
283
|
-
.post-info-v3__content-container {
|
|
282
|
+
.post-info-v3__content-box:not(#\#),
|
|
283
|
+
.post-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
|
-
.post-info-v3__content-box,
|
|
289
|
-
.post-info-v3__content-container {
|
|
288
|
+
.post-info-v3__content-box:not(#\#),
|
|
289
|
+
.post-info-v3__content-container:not(#\#) {
|
|
290
290
|
max-width: var(--wysiwyg-max-width);
|
|
291
291
|
}
|
|
292
292
|
}
|
|
293
|
-
.post-info-v3--text-shadow {
|
|
293
|
+
.post-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
|
-
.post-info-v3__cta-selection-container {
|
|
296
|
+
.post-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
|
-
.post-info-v3__cta-selection-container {
|
|
306
|
+
.post-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
|
-
.post-info-v3__cta-selection-container {
|
|
313
|
+
.post-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
|
-
.post-info-v3 {
|
|
318
|
+
.post-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
|
-
.post-info-v3 > div {
|
|
327
|
+
.post-info-v3:not(#\#) > div {
|
|
328
328
|
scroll-snap-align: start;
|
|
329
329
|
scroll-snap-align: var(--scroll-snap-align-mobile, start);
|
|
330
330
|
}
|
|
331
|
-
.post-info-v3 {
|
|
331
|
+
.post-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);
|
|
@@ -344,136 +344,16 @@
|
|
|
344
344
|
grid-template-rows: var(--grid-template-rows-custom-mobile, repeat(var(--grid-template-rows-mobile), 1fr));
|
|
345
345
|
grid-template-rows: var(--grid-template-rows-custom-mobile, repeat(var(--grid-template-rows-mobile), var(--grid-auto-rows-mobile, 1fr)));
|
|
346
346
|
}
|
|
347
|
-
@media screen and (min-width: 1024px) {
|
|
348
|
-
.post-info-v3.scroll-btns-desktop::scroll-button(left) {
|
|
349
|
-
content: "\25c4";
|
|
350
|
-
position: absolute;
|
|
351
|
-
align-self: center;
|
|
352
|
-
justify-self: flex-start;
|
|
353
|
-
place-self: center flex-start;
|
|
354
|
-
z-index: 50;
|
|
355
|
-
}
|
|
356
|
-
.post-info-v3.scroll-btns-desktop::scroll-button(right) {
|
|
357
|
-
content: "\25ba";
|
|
358
|
-
position: absolute;
|
|
359
|
-
align-self: center;
|
|
360
|
-
justify-self: flex-end;
|
|
361
|
-
place-self: center flex-end;
|
|
362
|
-
z-index: 50;
|
|
363
|
-
}
|
|
364
|
-
.post-info-v3.scroll-btns-desktop::scroll-button(*) {
|
|
365
|
-
border: 1px solid black;
|
|
366
|
-
border-radius: 10px;
|
|
367
|
-
font-size: var(--scroll-button-font-size, calc(30 / var(--design-reference) * var(--screen-width)));
|
|
368
|
-
background: rgba(0, 0, 0, 0.163);
|
|
369
|
-
color: white;
|
|
370
|
-
opacity: 0.7;
|
|
371
|
-
cursor: pointer;
|
|
372
|
-
transition: scale 0.3s ease-in-out;
|
|
373
|
-
}
|
|
374
|
-
.post-info-v3.scroll-btns-desktop::scroll-button(*):hover,
|
|
375
|
-
.post-info-v3.scroll-btns-desktop::scroll-button(*):focus {
|
|
376
|
-
opacity: 1;
|
|
377
|
-
scale: 1.2;
|
|
378
|
-
}
|
|
379
|
-
.post-info-v3.scroll-btns-desktop::scroll-button(*):active {
|
|
380
|
-
translate: 1px 1px;
|
|
381
|
-
}
|
|
382
|
-
.post-info-v3.scroll-btns-desktop::scroll-button(*):disabled {
|
|
383
|
-
opacity: 0.2;
|
|
384
|
-
cursor: inherit;
|
|
385
|
-
}
|
|
386
|
-
}
|
|
387
|
-
@media screen and (min-width: 768px) and (max-width: 1023px) {
|
|
388
|
-
.post-info-v3.scroll-btns-portrait::scroll-button(left) {
|
|
389
|
-
content: "\25c4";
|
|
390
|
-
position: absolute;
|
|
391
|
-
align-self: center;
|
|
392
|
-
justify-self: flex-start;
|
|
393
|
-
place-self: center flex-start;
|
|
394
|
-
z-index: 50;
|
|
395
|
-
}
|
|
396
|
-
.post-info-v3.scroll-btns-portrait::scroll-button(right) {
|
|
397
|
-
content: "\25ba";
|
|
398
|
-
position: absolute;
|
|
399
|
-
align-self: center;
|
|
400
|
-
justify-self: flex-end;
|
|
401
|
-
place-self: center flex-end;
|
|
402
|
-
z-index: 50;
|
|
403
|
-
}
|
|
404
|
-
.post-info-v3.scroll-btns-portrait::scroll-button(*) {
|
|
405
|
-
border: 1px solid black;
|
|
406
|
-
border-radius: 10px;
|
|
407
|
-
font-size: var(--scroll-button-font-size, calc(30 / var(--design-reference) * var(--screen-width)));
|
|
408
|
-
background: rgba(0, 0, 0, 0.163);
|
|
409
|
-
color: white;
|
|
410
|
-
opacity: 0.7;
|
|
411
|
-
cursor: pointer;
|
|
412
|
-
transition: scale 0.3s ease-in-out;
|
|
413
|
-
}
|
|
414
|
-
.post-info-v3.scroll-btns-portrait::scroll-button(*):hover,
|
|
415
|
-
.post-info-v3.scroll-btns-portrait::scroll-button(*):focus {
|
|
416
|
-
opacity: 1;
|
|
417
|
-
scale: 1.2;
|
|
418
|
-
}
|
|
419
|
-
.post-info-v3.scroll-btns-portrait::scroll-button(*):active {
|
|
420
|
-
translate: 1px 1px;
|
|
421
|
-
}
|
|
422
|
-
.post-info-v3.scroll-btns-portrait::scroll-button(*):disabled {
|
|
423
|
-
opacity: 0.2;
|
|
424
|
-
cursor: inherit;
|
|
425
|
-
}
|
|
426
|
-
}
|
|
427
|
-
@media screen and (max-width: 767px) {
|
|
428
|
-
.post-info-v3.scroll-btns-mobile::scroll-button(left) {
|
|
429
|
-
content: "\25c4";
|
|
430
|
-
position: absolute;
|
|
431
|
-
align-self: center;
|
|
432
|
-
justify-self: flex-start;
|
|
433
|
-
place-self: center flex-start;
|
|
434
|
-
z-index: 50;
|
|
435
|
-
}
|
|
436
|
-
.post-info-v3.scroll-btns-mobile::scroll-button(right) {
|
|
437
|
-
content: "\25ba";
|
|
438
|
-
position: absolute;
|
|
439
|
-
align-self: center;
|
|
440
|
-
justify-self: flex-end;
|
|
441
|
-
place-self: center flex-end;
|
|
442
|
-
z-index: 50;
|
|
443
|
-
}
|
|
444
|
-
.post-info-v3.scroll-btns-mobile::scroll-button(*) {
|
|
445
|
-
border: 1px solid black;
|
|
446
|
-
border-radius: 10px;
|
|
447
|
-
font-size: var(--scroll-button-font-size, calc(30 / var(--design-reference) * var(--screen-width)));
|
|
448
|
-
background: rgba(0, 0, 0, 0.163);
|
|
449
|
-
color: white;
|
|
450
|
-
opacity: 0.7;
|
|
451
|
-
cursor: pointer;
|
|
452
|
-
transition: scale 0.3s ease-in-out;
|
|
453
|
-
}
|
|
454
|
-
.post-info-v3.scroll-btns-mobile::scroll-button(*):hover,
|
|
455
|
-
.post-info-v3.scroll-btns-mobile::scroll-button(*):focus {
|
|
456
|
-
opacity: 1;
|
|
457
|
-
scale: 1.2;
|
|
458
|
-
}
|
|
459
|
-
.post-info-v3.scroll-btns-mobile::scroll-button(*):active {
|
|
460
|
-
translate: 1px 1px;
|
|
461
|
-
}
|
|
462
|
-
.post-info-v3.scroll-btns-mobile::scroll-button(*):disabled {
|
|
463
|
-
opacity: 0.2;
|
|
464
|
-
cursor: inherit;
|
|
465
|
-
}
|
|
466
|
-
}
|
|
467
347
|
@media screen and (min-width: 768px) {
|
|
468
|
-
.post-info-v3 {
|
|
348
|
+
.post-info-v3:not(#\#) {
|
|
469
349
|
scroll-snap-type: none;
|
|
470
350
|
scroll-snap-type: var(--scroll-snap-type-portrait, none);
|
|
471
351
|
}
|
|
472
|
-
.post-info-v3 > div {
|
|
352
|
+
.post-info-v3:not(#\#) > div {
|
|
473
353
|
scroll-snap-align: start;
|
|
474
354
|
scroll-snap-align: var(--scroll-snap-align-portrait, start);
|
|
475
355
|
}
|
|
476
|
-
.post-info-v3 {
|
|
356
|
+
.post-info-v3:not(#\#) {
|
|
477
357
|
overflow: hidden;
|
|
478
358
|
overflow: var(--container-overflow-type-portrait, hidden);
|
|
479
359
|
grid-auto-flow: row;
|
|
@@ -491,15 +371,15 @@
|
|
|
491
371
|
}
|
|
492
372
|
}
|
|
493
373
|
@media screen and (min-width: 1024px) {
|
|
494
|
-
.post-info-v3 {
|
|
374
|
+
.post-info-v3:not(#\#) {
|
|
495
375
|
scroll-snap-type: none;
|
|
496
376
|
scroll-snap-type: var(--scroll-snap-type-desktop, none);
|
|
497
377
|
}
|
|
498
|
-
.post-info-v3 > div {
|
|
378
|
+
.post-info-v3:not(#\#) > div {
|
|
499
379
|
scroll-snap-align: start;
|
|
500
380
|
scroll-snap-align: var(--scroll-snap-align-desktop, start);
|
|
501
381
|
}
|
|
502
|
-
.post-info-v3 {
|
|
382
|
+
.post-info-v3:not(#\#) {
|
|
503
383
|
overflow: hidden;
|
|
504
384
|
overflow: var(--container-overflow-type-desktop, hidden);
|
|
505
385
|
grid-gap: calc(var(--global-inline-spacing) * 0) calc(var(--global-inline-spacing) * 0);
|
|
@@ -516,7 +396,7 @@
|
|
|
516
396
|
grid-template-rows: var(--grid-template-rows-custom-desktop, repeat(var(--grid-template-rows-desktop), var(--grid-auto-rows-desktop, 1fr)));
|
|
517
397
|
}
|
|
518
398
|
}
|
|
519
|
-
.post-info-v3 .social-media-share-popup {
|
|
399
|
+
.post-info-v3:not(#\#) .social-media-share-popup {
|
|
520
400
|
display: grid;
|
|
521
401
|
z-index: 5;
|
|
522
402
|
z-index: var(--element-z-index, 5);
|
|
@@ -526,46 +406,46 @@
|
|
|
526
406
|
justify-self: var(--grid-horizontal-placement-mobile);
|
|
527
407
|
place-self: var(--grid-vertical-placement-mobile) var(--grid-horizontal-placement-mobile);
|
|
528
408
|
}
|
|
529
|
-
.post-info-v3 .social-media-share-popup:has(> .subgrid-layout-mobile) {
|
|
409
|
+
.post-info-v3:not(#\#) .social-media-share-popup:has(> .subgrid-layout-mobile) {
|
|
530
410
|
grid-template-rows: subgrid;
|
|
531
411
|
}
|
|
532
|
-
.post-info-v3 .social-media-share-popup:has(> .subgrid-layout-mobile) > section {
|
|
412
|
+
.post-info-v3:not(#\#) .social-media-share-popup:has(> .subgrid-layout-mobile) > section {
|
|
533
413
|
grid-row: 1/-1;
|
|
534
414
|
grid-column: 1/-1;
|
|
535
415
|
}
|
|
536
416
|
@media screen and (min-width: 768px) {
|
|
537
|
-
.post-info-v3 .social-media-share-popup {
|
|
417
|
+
.post-info-v3:not(#\#) .social-media-share-popup {
|
|
538
418
|
grid-row: var(--grid-row-start-portrait)/span var(--grid-row-span-portrait);
|
|
539
419
|
grid-column: var(--grid-column-start-portrait)/span var(--grid-column-span-portrait);
|
|
540
420
|
align-self: var(--grid-vertical-placement-portrait);
|
|
541
421
|
justify-self: var(--grid-horizontal-placement-portrait);
|
|
542
422
|
place-self: var(--grid-vertical-placement-portrait) var(--grid-horizontal-placement-portrait);
|
|
543
423
|
}
|
|
544
|
-
.post-info-v3 .social-media-share-popup:has(> .subgrid-layout-portrait) {
|
|
424
|
+
.post-info-v3:not(#\#) .social-media-share-popup:has(> .subgrid-layout-portrait) {
|
|
545
425
|
grid-template-rows: subgrid;
|
|
546
426
|
}
|
|
547
|
-
.post-info-v3 .social-media-share-popup:has(> .subgrid-layout-portrait) > section {
|
|
427
|
+
.post-info-v3:not(#\#) .social-media-share-popup:has(> .subgrid-layout-portrait) > section {
|
|
548
428
|
grid-row: 1/-1;
|
|
549
429
|
grid-column: 1/-1;
|
|
550
430
|
}
|
|
551
431
|
}
|
|
552
432
|
@media screen and (min-width: 1024px) {
|
|
553
|
-
.post-info-v3 .social-media-share-popup {
|
|
433
|
+
.post-info-v3:not(#\#) .social-media-share-popup {
|
|
554
434
|
grid-row: var(--grid-row-start)/span var(--grid-row-span);
|
|
555
435
|
grid-column: var(--grid-column-start)/span var(--grid-column-span);
|
|
556
436
|
align-self: var(--grid-vertical-placement-desktop);
|
|
557
437
|
justify-self: var(--grid-horizontal-placement-desktop);
|
|
558
438
|
place-self: var(--grid-vertical-placement-desktop) var(--grid-horizontal-placement-desktop);
|
|
559
439
|
}
|
|
560
|
-
.post-info-v3 .social-media-share-popup:has(> .subgrid-layout-desktop) {
|
|
440
|
+
.post-info-v3:not(#\#) .social-media-share-popup:has(> .subgrid-layout-desktop) {
|
|
561
441
|
grid-template-rows: subgrid;
|
|
562
442
|
}
|
|
563
|
-
.post-info-v3 .social-media-share-popup:has(> .subgrid-layout-desktop) > section {
|
|
443
|
+
.post-info-v3:not(#\#) .social-media-share-popup:has(> .subgrid-layout-desktop) > section {
|
|
564
444
|
grid-row: 1/-1;
|
|
565
445
|
grid-column: 1/-1;
|
|
566
446
|
}
|
|
567
447
|
}
|
|
568
|
-
.post-info-v3 .social-media-share-popup .social-media-page-content {
|
|
448
|
+
.post-info-v3:not(#\#) .social-media-share-popup .social-media-page-content {
|
|
569
449
|
display: grid;
|
|
570
450
|
grid-template-areas: " left right ";
|
|
571
451
|
grid-template-columns: fit-content(100%) fit-content(100%);
|
|
@@ -575,25 +455,25 @@
|
|
|
575
455
|
place-content: var(--social-media-share-horizontal-align);
|
|
576
456
|
align-items: center;
|
|
577
457
|
}
|
|
578
|
-
.post-info-v3 .social-media-share-popup .social-media-page-content .social-media-share-text {
|
|
458
|
+
.post-info-v3:not(#\#) .social-media-share-popup .social-media-page-content .social-media-share-text {
|
|
579
459
|
grid-area: var(--social-media-share-col1);
|
|
580
460
|
color: var(--theme-primary-text-colour);
|
|
581
461
|
text-decoration-line: underline;
|
|
582
462
|
font-size: calc(16 / var(--desktop-design-reference) * var(--screen-width-static) * var(--font-size-multiplier));
|
|
583
463
|
cursor: pointer;
|
|
584
464
|
}
|
|
585
|
-
.post-info-v3 .social-media-share-popup .social-media-page-content .social-media-share-icon {
|
|
465
|
+
.post-info-v3:not(#\#) .social-media-share-popup .social-media-page-content .social-media-share-icon {
|
|
586
466
|
grid-area: var(--social-media-share-col2);
|
|
587
467
|
padding-top: calc(9 / var(--desktop-design-reference) * var(--screen-width-static));
|
|
588
468
|
}
|
|
589
|
-
.post-info-v3 .social-media-share-popup .social-media-page-content .social-media-share-icon .share-icon-img {
|
|
469
|
+
.post-info-v3:not(#\#) .social-media-share-popup .social-media-page-content .social-media-share-icon .share-icon-img {
|
|
590
470
|
transform: rotate(var(--social-share-icon-rotate));
|
|
591
471
|
cursor: pointer;
|
|
592
472
|
}
|
|
593
|
-
.post-info-v3 .social-media-share-popup dialog::backdrop {
|
|
473
|
+
.post-info-v3:not(#\#) .social-media-share-popup dialog::backdrop {
|
|
594
474
|
backdrop-filter: blur(10px);
|
|
595
475
|
}
|
|
596
|
-
.post-info-v3 .social-media-share-popup dialog {
|
|
476
|
+
.post-info-v3:not(#\#) .social-media-share-popup dialog {
|
|
597
477
|
min-width: calc(334 / var(--desktop-design-reference) * var(--screen-width-static));
|
|
598
478
|
width: calc(100% - 30px);
|
|
599
479
|
max-width: calc(330 / var(--desktop-design-reference) * var(--screen-width-static));
|
|
@@ -609,7 +489,7 @@
|
|
|
609
489
|
line-height: 1em;
|
|
610
490
|
text-transform: uppercase;
|
|
611
491
|
}
|
|
612
|
-
.post-info-v3 .social-media-share-popup dialog .icon-close {
|
|
492
|
+
.post-info-v3:not(#\#) .social-media-share-popup dialog .icon-close {
|
|
613
493
|
background-color: white;
|
|
614
494
|
width: calc(48 / var(--desktop-design-reference) * var(--screen-width-static));
|
|
615
495
|
height: calc(48 / var(--desktop-design-reference) * var(--screen-width-static));
|
|
@@ -622,51 +502,51 @@
|
|
|
622
502
|
justify-content: center;
|
|
623
503
|
cursor: pointer;
|
|
624
504
|
}
|
|
625
|
-
.post-info-v3 .social-media-share-popup dialog .dialog-actions {
|
|
505
|
+
.post-info-v3:not(#\#) .social-media-share-popup dialog .dialog-actions {
|
|
626
506
|
text-align: center;
|
|
627
507
|
}
|
|
628
|
-
.post-info-v3 .social-media-share-popup dialog .dialog-actions h3 {
|
|
508
|
+
.post-info-v3:not(#\#) .social-media-share-popup dialog .dialog-actions h3 {
|
|
629
509
|
font-size: calc(50 / var(--desktop-design-reference) * var(--screen-width-static) * var(--font-size-multiplier));
|
|
630
510
|
font-family: var(--primary-font-family);
|
|
631
511
|
color: var(--social-share-popup-font-colour);
|
|
632
512
|
}
|
|
633
|
-
.post-info-v3 .social-media-share-popup dialog .dialog-actions .wrapper-content-icons {
|
|
513
|
+
.post-info-v3:not(#\#) .social-media-share-popup dialog .dialog-actions .wrapper-content-icons {
|
|
634
514
|
display: flex;
|
|
635
515
|
justify-content: center;
|
|
636
516
|
-moz-column-gap: 1rem;
|
|
637
517
|
column-gap: 1rem;
|
|
638
518
|
padding-top: calc(20 / var(--desktop-design-reference) * var(--screen-width-static));
|
|
639
519
|
}
|
|
640
|
-
.post-info-v3 .social-media-share-popup dialog .dialog-actions .wrapper-content-icons a {
|
|
520
|
+
.post-info-v3:not(#\#) .social-media-share-popup dialog .dialog-actions .wrapper-content-icons a {
|
|
641
521
|
background-color: #ffffff;
|
|
642
522
|
border-radius: 50%;
|
|
643
523
|
height: calc(40 / var(--desktop-design-reference) * var(--screen-width-static));
|
|
644
524
|
height: calc(var(--social-media-share-a-size, 40) / var(--desktop-design-reference) * var(--screen-width-static));
|
|
645
525
|
}
|
|
646
|
-
.post-info-v3 .social-media-share-popup dialog .dialog-actions .wrapper-content-icons a svg {
|
|
526
|
+
.post-info-v3:not(#\#) .social-media-share-popup dialog .dialog-actions .wrapper-content-icons a svg {
|
|
647
527
|
padding-top: calc(5 / var(--desktop-design-reference) * var(--screen-width-static));
|
|
648
528
|
}
|
|
649
|
-
.post-info-v3 .social-media-share-popup dialog .dialog-actions .wrapper-content-icons a svg:hover {
|
|
529
|
+
.post-info-v3:not(#\#) .social-media-share-popup dialog .dialog-actions .wrapper-content-icons a svg:hover {
|
|
650
530
|
fill: purple;
|
|
651
531
|
}
|
|
652
|
-
.post-info-v3 .social-media-share-popup dialog .dialog-actions .wrapper-content-icons a svg:hover rect {
|
|
532
|
+
.post-info-v3:not(#\#) .social-media-share-popup dialog .dialog-actions .wrapper-content-icons a svg:hover rect {
|
|
653
533
|
fill: purple;
|
|
654
534
|
}
|
|
655
|
-
.post-info-v3 .social-media-share-popup dialog .dialog-actions .wrapper-content-icons a svg:hover path {
|
|
535
|
+
.post-info-v3:not(#\#) .social-media-share-popup dialog .dialog-actions .wrapper-content-icons a svg:hover path {
|
|
656
536
|
fill: purple;
|
|
657
537
|
}
|
|
658
|
-
.post-info-v3 .social-media-share-popup dialog .dialog-actions .wrapper-content-icons a:focus-visible {
|
|
538
|
+
.post-info-v3:not(#\#) .social-media-share-popup dialog .dialog-actions .wrapper-content-icons a:focus-visible {
|
|
659
539
|
outline: medium none currentcolor;
|
|
660
540
|
outline: initial;
|
|
661
541
|
}
|
|
662
|
-
.post-info-v3 .social-media-share-popup dialog .dialog-actions .social-media-message {
|
|
542
|
+
.post-info-v3:not(#\#) .social-media-share-popup dialog .dialog-actions .social-media-message {
|
|
663
543
|
display: none;
|
|
664
544
|
color: white;
|
|
665
545
|
font-size: calc(16 / var(--desktop-design-reference) * var(--screen-width-static) * var(--font-size-multiplier));
|
|
666
546
|
justify-content: center;
|
|
667
547
|
align-items: center;
|
|
668
548
|
}
|
|
669
|
-
.post-info-v3__better-reviews {
|
|
549
|
+
.post-info-v3__better-reviews:not(#\#) {
|
|
670
550
|
align-self: center;
|
|
671
551
|
align-self: var(--horizontal-alignment, center);
|
|
672
552
|
justify-self: center;
|
|
@@ -676,14 +556,14 @@
|
|
|
676
556
|
place-self: center;
|
|
677
557
|
place-self: var(--horizontal-alignment, center);
|
|
678
558
|
}
|
|
679
|
-
.post-info-v3 {
|
|
559
|
+
.post-info-v3:not(#\#) {
|
|
680
560
|
--better-reviews-filled-star: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 27.86 26"><path d="M27.86,10.12l-7.24,6.46,1.99,9.42-8.68-4.71-8.68,4.54,1.99-9.43L0,9.95l9.77-1.22L13.93,0l4.16,8.73,9.77,1.4Z" fill="%23ECFC34"/></svg>');
|
|
681
561
|
--better-reviews-no-fill-star: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 27.86 26"><path d="M27.86,10.12l-7.24,6.46,1.99,9.42-8.68-4.71-8.68,4.54,1.99-9.43L0,9.95l9.77-1.22L13.93,0l4.16,8.73,9.77,1.4Z" opacity="0.3" fill="%230f8d86" /></svg>');
|
|
682
562
|
--better-reviews-half-fill-star: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 27.86 25.82" fill="%23ECFC34"><path d="M13.93 0L9.77 8.72 0 9.94l7.24 6.46-1.99 9.42 8.68-4.53h0V0z"/></svg>');
|
|
683
563
|
--better-reviews-font-size: core-functions-v3.fontSize(16, "static");
|
|
684
564
|
--better-reviews-text-colour: #ffffff;
|
|
685
565
|
}
|
|
686
|
-
.post-info-v3 .better-reviews__review {
|
|
566
|
+
.post-info-v3:not(#\#) .better-reviews__review {
|
|
687
567
|
display: flex;
|
|
688
568
|
font-family: var(--secondary-font-family);
|
|
689
569
|
gap: 5px;
|
|
@@ -696,19 +576,19 @@
|
|
|
696
576
|
align-items: center;
|
|
697
577
|
justify-content: var(--horizontal-alignment);
|
|
698
578
|
}
|
|
699
|
-
.post-info-v3 .better-reviews__review .better-reviews__criteria-review-count {
|
|
579
|
+
.post-info-v3:not(#\#) .better-reviews__review .better-reviews__criteria-review-count {
|
|
700
580
|
font-size: var(--better-reviews-font-size);
|
|
701
581
|
font-family: var(--secondary-font-family);
|
|
702
582
|
color: var(--better-reviews-text-colour);
|
|
703
583
|
}
|
|
704
|
-
.post-info-v3 .better-reviews__review .better-reviews__review-title {
|
|
584
|
+
.post-info-v3:not(#\#) .better-reviews__review .better-reviews__review-title {
|
|
705
585
|
font-family: var(--secondary-font-family);
|
|
706
586
|
font-size: var(--better-reviews-font-size);
|
|
707
587
|
font-weight: 400;
|
|
708
588
|
margin-bottom: 0;
|
|
709
589
|
display: none;
|
|
710
590
|
}
|
|
711
|
-
.post-info-v3 .better-reviews__review .better-reviews__cta {
|
|
591
|
+
.post-info-v3:not(#\#) .better-reviews__review .better-reviews__cta {
|
|
712
592
|
border: 0;
|
|
713
593
|
cursor: pointer;
|
|
714
594
|
background-color: transparent;
|
|
@@ -727,16 +607,16 @@
|
|
|
727
607
|
padding-left: initial;
|
|
728
608
|
color: var(--better-reviews-text-colour);
|
|
729
609
|
}
|
|
730
|
-
.post-info-v3 .better-reviews__review .better-reviews__cta-container {
|
|
610
|
+
.post-info-v3:not(#\#) .better-reviews__review .better-reviews__cta-container {
|
|
731
611
|
order: 1;
|
|
732
612
|
}
|
|
733
|
-
.post-info-v3 .better-reviews__review .better-reviews__average {
|
|
613
|
+
.post-info-v3:not(#\#) .better-reviews__review .better-reviews__average {
|
|
734
614
|
display: flex;
|
|
735
615
|
gap: 5px;
|
|
736
616
|
align-items: center;
|
|
737
617
|
order: 2;
|
|
738
618
|
}
|
|
739
|
-
.post-info-v3 .better-reviews__review .better-reviews__average .better-reviews__criteria-stars {
|
|
619
|
+
.post-info-v3:not(#\#) .better-reviews__review .better-reviews__average .better-reviews__criteria-stars {
|
|
740
620
|
--better-reviews-star-width: 110px;
|
|
741
621
|
position: relative;
|
|
742
622
|
background-image: var(--better-reviews-filled-star);
|
|
@@ -748,7 +628,7 @@
|
|
|
748
628
|
background-size: 16px auto;
|
|
749
629
|
background-position: 0% 33%;
|
|
750
630
|
}
|
|
751
|
-
.post-info-v3 .better-reviews__review .better-reviews__average .better-reviews__criteria-stars:before {
|
|
631
|
+
.post-info-v3:not(#\#) .better-reviews__review .better-reviews__average .better-reviews__criteria-stars:before {
|
|
752
632
|
content: "";
|
|
753
633
|
display: block;
|
|
754
634
|
position: absolute;
|
|
@@ -762,37 +642,37 @@
|
|
|
762
642
|
background-size: 16px auto;
|
|
763
643
|
background-position: 0% 33%;
|
|
764
644
|
}
|
|
765
|
-
.post-info-v3 .better-reviews__review .better-reviews__average .better-reviews__star_05 {
|
|
645
|
+
.post-info-v3:not(#\#) .better-reviews__review .better-reviews__average .better-reviews__star_05 {
|
|
766
646
|
padding-right: calc(var(--better-reviews-star-width) * 0.911);
|
|
767
647
|
}
|
|
768
|
-
.post-info-v3 .better-reviews__review .better-reviews__average .better-reviews__star_10 {
|
|
648
|
+
.post-info-v3:not(#\#) .better-reviews__review .better-reviews__average .better-reviews__star_10 {
|
|
769
649
|
padding-right: calc(var(--better-reviews-star-width) * 0.8);
|
|
770
650
|
}
|
|
771
|
-
.post-info-v3 .better-reviews__review .better-reviews__average .better-reviews__star_15 {
|
|
651
|
+
.post-info-v3:not(#\#) .better-reviews__review .better-reviews__average .better-reviews__star_15 {
|
|
772
652
|
padding-right: calc(var(--better-reviews-star-width) * 0.702);
|
|
773
653
|
}
|
|
774
|
-
.post-info-v3 .better-reviews__review .better-reviews__average .better-reviews__star_20 {
|
|
654
|
+
.post-info-v3:not(#\#) .better-reviews__review .better-reviews__average .better-reviews__star_20 {
|
|
775
655
|
padding-right: calc(var(--better-reviews-star-width) * 0.6);
|
|
776
656
|
}
|
|
777
|
-
.post-info-v3 .better-reviews__review .better-reviews__average .better-reviews__star_25 {
|
|
657
|
+
.post-info-v3:not(#\#) .better-reviews__review .better-reviews__average .better-reviews__star_25 {
|
|
778
658
|
padding-right: calc(var(--better-reviews-star-width) * 0.5);
|
|
779
659
|
}
|
|
780
|
-
.post-info-v3 .better-reviews__review .better-reviews__average .better-reviews__star_30 {
|
|
660
|
+
.post-info-v3:not(#\#) .better-reviews__review .better-reviews__average .better-reviews__star_30 {
|
|
781
661
|
padding-right: calc(var(--better-reviews-star-width) * 0.4);
|
|
782
662
|
}
|
|
783
|
-
.post-info-v3 .better-reviews__review .better-reviews__average .better-reviews__star_35 {
|
|
663
|
+
.post-info-v3:not(#\#) .better-reviews__review .better-reviews__average .better-reviews__star_35 {
|
|
784
664
|
padding-right: calc(var(--better-reviews-star-width) * 0.298);
|
|
785
665
|
}
|
|
786
|
-
.post-info-v3 .better-reviews__review .better-reviews__average .better-reviews__star_40 {
|
|
666
|
+
.post-info-v3:not(#\#) .better-reviews__review .better-reviews__average .better-reviews__star_40 {
|
|
787
667
|
padding-right: calc(var(--better-reviews-star-width) * 0.2);
|
|
788
668
|
}
|
|
789
|
-
.post-info-v3 .better-reviews__review .better-reviews__average .better-reviews__star_45 {
|
|
669
|
+
.post-info-v3:not(#\#) .better-reviews__review .better-reviews__average .better-reviews__star_45 {
|
|
790
670
|
padding-right: calc(var(--better-reviews-star-width) * 0.09);
|
|
791
671
|
}
|
|
792
|
-
.post-info-v3 .better-reviews__review .better-reviews__average .better-reviews__star_50 {
|
|
672
|
+
.post-info-v3:not(#\#) .better-reviews__review .better-reviews__average .better-reviews__star_50 {
|
|
793
673
|
padding-right: calc(var(--better-reviews-star-width) * 0);
|
|
794
674
|
}
|
|
795
|
-
.post-info-v3__post-cover-link {
|
|
675
|
+
.post-info-v3__post-cover-link:not(#\#) {
|
|
796
676
|
grid-area: unset;
|
|
797
677
|
position: absolute;
|
|
798
678
|
top: 0;
|
|
@@ -804,7 +684,7 @@
|
|
|
804
684
|
z-index: 99;
|
|
805
685
|
opacity: 0;
|
|
806
686
|
}
|
|
807
|
-
.post-info-v3__post-cover-label {
|
|
687
|
+
.post-info-v3__post-cover-label:not(#\#) {
|
|
808
688
|
position: absolute;
|
|
809
689
|
width: 1px;
|
|
810
690
|
height: 1px;
|
|
@@ -815,7 +695,7 @@
|
|
|
815
695
|
white-space: nowrap;
|
|
816
696
|
border: 0;
|
|
817
697
|
}
|
|
818
|
-
.post-info-v3__info-item {
|
|
698
|
+
.post-info-v3__info-item:not(#\#) {
|
|
819
699
|
display: grid;
|
|
820
700
|
z-index: 5;
|
|
821
701
|
z-index: var(--element-z-index, 5);
|
|
@@ -825,51 +705,51 @@
|
|
|
825
705
|
justify-self: var(--grid-horizontal-placement-mobile);
|
|
826
706
|
place-self: var(--grid-vertical-placement-mobile) var(--grid-horizontal-placement-mobile);
|
|
827
707
|
}
|
|
828
|
-
.post-info-v3__info-item:has(> .subgrid-layout-mobile) {
|
|
708
|
+
.post-info-v3__info-item:has(> .subgrid-layout-mobile):not(#\#) {
|
|
829
709
|
grid-template-rows: subgrid;
|
|
830
710
|
}
|
|
831
|
-
.post-info-v3__info-item:has(> .subgrid-layout-mobile) > section {
|
|
711
|
+
.post-info-v3__info-item:has(> .subgrid-layout-mobile):not(#\#) > section {
|
|
832
712
|
grid-row: 1/-1;
|
|
833
713
|
grid-column: 1/-1;
|
|
834
714
|
}
|
|
835
715
|
@media screen and (min-width: 768px) {
|
|
836
|
-
.post-info-v3__info-item {
|
|
716
|
+
.post-info-v3__info-item:not(#\#) {
|
|
837
717
|
grid-row: var(--grid-row-start-portrait)/span var(--grid-row-span-portrait);
|
|
838
718
|
grid-column: var(--grid-column-start-portrait)/span var(--grid-column-span-portrait);
|
|
839
719
|
align-self: var(--grid-vertical-placement-portrait);
|
|
840
720
|
justify-self: var(--grid-horizontal-placement-portrait);
|
|
841
721
|
place-self: var(--grid-vertical-placement-portrait) var(--grid-horizontal-placement-portrait);
|
|
842
722
|
}
|
|
843
|
-
.post-info-v3__info-item:has(> .subgrid-layout-portrait) {
|
|
723
|
+
.post-info-v3__info-item:has(> .subgrid-layout-portrait):not(#\#) {
|
|
844
724
|
grid-template-rows: subgrid;
|
|
845
725
|
}
|
|
846
|
-
.post-info-v3__info-item:has(> .subgrid-layout-portrait) > section {
|
|
726
|
+
.post-info-v3__info-item:has(> .subgrid-layout-portrait):not(#\#) > section {
|
|
847
727
|
grid-row: 1/-1;
|
|
848
728
|
grid-column: 1/-1;
|
|
849
729
|
}
|
|
850
730
|
}
|
|
851
731
|
@media screen and (min-width: 1024px) {
|
|
852
|
-
.post-info-v3__info-item {
|
|
732
|
+
.post-info-v3__info-item:not(#\#) {
|
|
853
733
|
grid-row: var(--grid-row-start)/span var(--grid-row-span);
|
|
854
734
|
grid-column: var(--grid-column-start)/span var(--grid-column-span);
|
|
855
735
|
align-self: var(--grid-vertical-placement-desktop);
|
|
856
736
|
justify-self: var(--grid-horizontal-placement-desktop);
|
|
857
737
|
place-self: var(--grid-vertical-placement-desktop) var(--grid-horizontal-placement-desktop);
|
|
858
738
|
}
|
|
859
|
-
.post-info-v3__info-item:has(> .subgrid-layout-desktop) {
|
|
739
|
+
.post-info-v3__info-item:has(> .subgrid-layout-desktop):not(#\#) {
|
|
860
740
|
grid-template-rows: subgrid;
|
|
861
741
|
}
|
|
862
|
-
.post-info-v3__info-item:has(> .subgrid-layout-desktop) > section {
|
|
742
|
+
.post-info-v3__info-item:has(> .subgrid-layout-desktop):not(#\#) > section {
|
|
863
743
|
grid-row: 1/-1;
|
|
864
744
|
grid-column: 1/-1;
|
|
865
745
|
}
|
|
866
746
|
}
|
|
867
|
-
.post-info-v3__info-item {
|
|
747
|
+
.post-info-v3__info-item:not(#\#) {
|
|
868
748
|
width: 100%;
|
|
869
749
|
position: relative;
|
|
870
750
|
overflow: hidden;
|
|
871
751
|
}
|
|
872
|
-
.post-info-v3__post-video {
|
|
752
|
+
.post-info-v3__post-video:not(#\#) {
|
|
873
753
|
aspect-ratio: var(--image-aspect-ratio-mobile, var(--image-aspect-ratio-desktop));
|
|
874
754
|
width: 100%;
|
|
875
755
|
-o-object-fit: cover;
|
|
@@ -877,19 +757,19 @@
|
|
|
877
757
|
height: auto;
|
|
878
758
|
}
|
|
879
759
|
@media screen and (min-width: 768px) {
|
|
880
|
-
.post-info-v3__post-video {
|
|
760
|
+
.post-info-v3__post-video:not(#\#) {
|
|
881
761
|
aspect-ratio: var(--image-aspect-ratio-portrait);
|
|
882
762
|
}
|
|
883
763
|
}
|
|
884
764
|
@media screen and (min-width: 1024px) {
|
|
885
|
-
.post-info-v3__post-video {
|
|
765
|
+
.post-info-v3__post-video:not(#\#) {
|
|
886
766
|
aspect-ratio: var(--image-aspect-ratio-desktop);
|
|
887
767
|
}
|
|
888
768
|
}
|
|
889
|
-
.post-info-v3__content-container {
|
|
769
|
+
.post-info-v3__content-container:not(#\#) {
|
|
890
770
|
width: 100%;
|
|
891
771
|
}
|
|
892
|
-
.post-info-v3__cta-selection-container {
|
|
772
|
+
.post-info-v3__cta-selection-container:not(#\#) {
|
|
893
773
|
display: grid;
|
|
894
774
|
z-index: 5;
|
|
895
775
|
z-index: var(--element-z-index, 5);
|
|
@@ -899,58 +779,58 @@
|
|
|
899
779
|
justify-self: var(--grid-horizontal-placement-mobile);
|
|
900
780
|
place-self: var(--grid-vertical-placement-mobile) var(--grid-horizontal-placement-mobile);
|
|
901
781
|
}
|
|
902
|
-
.post-info-v3__cta-selection-container:has(> .subgrid-layout-mobile) {
|
|
782
|
+
.post-info-v3__cta-selection-container:has(> .subgrid-layout-mobile):not(#\#) {
|
|
903
783
|
grid-template-rows: subgrid;
|
|
904
784
|
}
|
|
905
|
-
.post-info-v3__cta-selection-container:has(> .subgrid-layout-mobile) > section {
|
|
785
|
+
.post-info-v3__cta-selection-container:has(> .subgrid-layout-mobile):not(#\#) > section {
|
|
906
786
|
grid-row: 1/-1;
|
|
907
787
|
grid-column: 1/-1;
|
|
908
788
|
}
|
|
909
789
|
@media screen and (min-width: 768px) {
|
|
910
|
-
.post-info-v3__cta-selection-container {
|
|
790
|
+
.post-info-v3__cta-selection-container:not(#\#) {
|
|
911
791
|
grid-row: var(--grid-row-start-portrait)/span var(--grid-row-span-portrait);
|
|
912
792
|
grid-column: var(--grid-column-start-portrait)/span var(--grid-column-span-portrait);
|
|
913
793
|
align-self: var(--grid-vertical-placement-portrait);
|
|
914
794
|
justify-self: var(--grid-horizontal-placement-portrait);
|
|
915
795
|
place-self: var(--grid-vertical-placement-portrait) var(--grid-horizontal-placement-portrait);
|
|
916
796
|
}
|
|
917
|
-
.post-info-v3__cta-selection-container:has(> .subgrid-layout-portrait) {
|
|
797
|
+
.post-info-v3__cta-selection-container:has(> .subgrid-layout-portrait):not(#\#) {
|
|
918
798
|
grid-template-rows: subgrid;
|
|
919
799
|
}
|
|
920
|
-
.post-info-v3__cta-selection-container:has(> .subgrid-layout-portrait) > section {
|
|
800
|
+
.post-info-v3__cta-selection-container:has(> .subgrid-layout-portrait):not(#\#) > section {
|
|
921
801
|
grid-row: 1/-1;
|
|
922
802
|
grid-column: 1/-1;
|
|
923
803
|
}
|
|
924
804
|
}
|
|
925
805
|
@media screen and (min-width: 1024px) {
|
|
926
|
-
.post-info-v3__cta-selection-container {
|
|
806
|
+
.post-info-v3__cta-selection-container:not(#\#) {
|
|
927
807
|
grid-row: var(--grid-row-start)/span var(--grid-row-span);
|
|
928
808
|
grid-column: var(--grid-column-start)/span var(--grid-column-span);
|
|
929
809
|
align-self: var(--grid-vertical-placement-desktop);
|
|
930
810
|
justify-self: var(--grid-horizontal-placement-desktop);
|
|
931
811
|
place-self: var(--grid-vertical-placement-desktop) var(--grid-horizontal-placement-desktop);
|
|
932
812
|
}
|
|
933
|
-
.post-info-v3__cta-selection-container:has(> .subgrid-layout-desktop) {
|
|
813
|
+
.post-info-v3__cta-selection-container:has(> .subgrid-layout-desktop):not(#\#) {
|
|
934
814
|
grid-template-rows: subgrid;
|
|
935
815
|
}
|
|
936
|
-
.post-info-v3__cta-selection-container:has(> .subgrid-layout-desktop) > section {
|
|
816
|
+
.post-info-v3__cta-selection-container:has(> .subgrid-layout-desktop):not(#\#) > section {
|
|
937
817
|
grid-row: 1/-1;
|
|
938
818
|
grid-column: 1/-1;
|
|
939
819
|
}
|
|
940
820
|
}
|
|
941
|
-
.post-info-v3__cta {
|
|
821
|
+
.post-info-v3__cta:not(#\#) {
|
|
942
822
|
display: flex;
|
|
943
823
|
}
|
|
944
|
-
.post-info-v3__cta-style-post-colour,
|
|
945
|
-
.post-info-v3__cta-style-post-text-colour-style {
|
|
824
|
+
.post-info-v3__cta-style-post-colour:not(#\#),
|
|
825
|
+
.post-info-v3__cta-style-post-text-colour-style:not(#\#) {
|
|
946
826
|
padding-top: calc(10 / var(--design-reference) * var(--screen-width));
|
|
947
827
|
padding-bottom: calc(10 / var(--design-reference) * var(--screen-width));
|
|
948
828
|
padding-left: calc(20 / var(--design-reference) * var(--screen-width));
|
|
949
829
|
padding-right: calc(20 / var(--design-reference) * var(--screen-width));
|
|
950
830
|
}
|
|
951
831
|
@media screen and (min-width: 768px) {
|
|
952
|
-
.post-info-v3__cta-style-post-colour,
|
|
953
|
-
.post-info-v3__cta-style-post-text-colour-style {
|
|
832
|
+
.post-info-v3__cta-style-post-colour:not(#\#),
|
|
833
|
+
.post-info-v3__cta-style-post-text-colour-style:not(#\#) {
|
|
954
834
|
padding-top: calc(10 / var(--design-reference) * var(--screen-width));
|
|
955
835
|
padding-bottom: calc(10 / var(--design-reference) * var(--screen-width));
|
|
956
836
|
padding-left: calc(20 / var(--design-reference) * var(--screen-width));
|
|
@@ -958,32 +838,32 @@
|
|
|
958
838
|
}
|
|
959
839
|
}
|
|
960
840
|
@media screen and (min-width: 1024px) {
|
|
961
|
-
.post-info-v3__cta-style-post-colour,
|
|
962
|
-
.post-info-v3__cta-style-post-text-colour-style {
|
|
841
|
+
.post-info-v3__cta-style-post-colour:not(#\#),
|
|
842
|
+
.post-info-v3__cta-style-post-text-colour-style:not(#\#) {
|
|
963
843
|
padding-top: calc(10 / var(--design-reference) * var(--screen-width));
|
|
964
844
|
padding-bottom: calc(10 / var(--design-reference) * var(--screen-width));
|
|
965
845
|
padding-left: calc(20 / var(--design-reference) * var(--screen-width));
|
|
966
846
|
padding-right: calc(20 / var(--design-reference) * var(--screen-width));
|
|
967
847
|
}
|
|
968
848
|
}
|
|
969
|
-
.post-info-v3__cta-style-post-colour {
|
|
849
|
+
.post-info-v3__cta-style-post-colour:not(#\#) {
|
|
970
850
|
color: var(--post-colour);
|
|
971
851
|
border: 1px solid var(--post-colour);
|
|
972
852
|
}
|
|
973
|
-
.post-info-v3__cta-style-post-text-colour-style {
|
|
853
|
+
.post-info-v3__cta-style-post-text-colour-style:not(#\#) {
|
|
974
854
|
color: var(--post-text-colour-style);
|
|
975
855
|
border: 1px solid var(--post-text-colour-style);
|
|
976
856
|
}
|
|
977
|
-
.post-info-v3__post-link,
|
|
978
|
-
.post-info-v3__better-reviews {
|
|
857
|
+
.post-info-v3__post-link:not(#\#),
|
|
858
|
+
.post-info-v3__better-reviews:not(#\#) {
|
|
979
859
|
max-width: -moz-max-content;
|
|
980
860
|
max-width: max-content;
|
|
981
861
|
}
|
|
982
|
-
.post-info-v3__gradient-overlay {
|
|
862
|
+
.post-info-v3__gradient-overlay:not(#\#) {
|
|
983
863
|
height: 100%;
|
|
984
864
|
--spread: calc(100% - var(--gradient-spread));
|
|
985
865
|
}
|
|
986
|
-
.post-info-v3__gradient-overlay__gradient-overlay-element {
|
|
866
|
+
.post-info-v3__gradient-overlay__gradient-overlay-element:not(#\#) {
|
|
987
867
|
position: absolute;
|
|
988
868
|
top: 0;
|
|
989
869
|
right: 0;
|
|
@@ -992,8 +872,8 @@
|
|
|
992
872
|
z-index: var(--gradient-zindex);
|
|
993
873
|
grid-area: var(--gradient-grid-area);
|
|
994
874
|
}
|
|
995
|
-
.post-info-v3__gradient-overlay__gradient-overlay-element::before,
|
|
996
|
-
.post-info-v3__gradient-overlay__gradient-overlay-element:after {
|
|
875
|
+
.post-info-v3__gradient-overlay__gradient-overlay-element:not(#\#)::before,
|
|
876
|
+
.post-info-v3__gradient-overlay__gradient-overlay-element:not(#\#):after {
|
|
997
877
|
content: "";
|
|
998
878
|
pointer-events: none;
|
|
999
879
|
position: absolute;
|
|
@@ -1003,7 +883,7 @@
|
|
|
1003
883
|
left: 0;
|
|
1004
884
|
opacity: var(--gradient-opacity);
|
|
1005
885
|
}
|
|
1006
|
-
.post-info-v3__gradient-overlay__gradient-overlay-element::before {
|
|
886
|
+
.post-info-v3__gradient-overlay__gradient-overlay-element:not(#\#)::before {
|
|
1007
887
|
background:
|
|
1008
888
|
linear-gradient(
|
|
1009
889
|
var(--gradient-origin-before),
|
|
@@ -1011,7 +891,7 @@
|
|
|
1011
891
|
rgba(255, 255, 255, 0) calc(var(--spread) - var(--gradient-amount)),
|
|
1012
892
|
var(--gradient-colour) calc(100% - var(--gradient-amount)));
|
|
1013
893
|
}
|
|
1014
|
-
.post-info-v3__gradient-overlay__gradient-overlay-element::after {
|
|
894
|
+
.post-info-v3__gradient-overlay__gradient-overlay-element:not(#\#)::after {
|
|
1015
895
|
content: var(--enable-after);
|
|
1016
896
|
background:
|
|
1017
897
|
linear-gradient(
|
|
@@ -1020,7 +900,7 @@
|
|
|
1020
900
|
rgba(255, 255, 255, 0) calc(var(--spread) - var(--gradient-amount)),
|
|
1021
901
|
var(--gradient-colour) calc(100% - var(--gradient-amount)));
|
|
1022
902
|
}
|
|
1023
|
-
.post-info-v3__gradient-overlay__blur-overlay-element {
|
|
903
|
+
.post-info-v3__gradient-overlay__blur-overlay-element:not(#\#) {
|
|
1024
904
|
background: var(--blur-colour);
|
|
1025
905
|
backdrop-filter: blur(var(--blur-value));
|
|
1026
906
|
position: absolute;
|
|
@@ -1030,7 +910,7 @@
|
|
|
1030
910
|
left: 0;
|
|
1031
911
|
z-index: var(--blur-zindex);
|
|
1032
912
|
}
|
|
1033
|
-
.post-info-v3__post-tags {
|
|
913
|
+
.post-info-v3__post-tags:not(#\#) {
|
|
1034
914
|
pointer-events: none;
|
|
1035
915
|
display: flex;
|
|
1036
916
|
width: auto;
|
|
@@ -1043,54 +923,54 @@
|
|
|
1043
923
|
justify-self: var(--grid-horizontal-placement-mobile);
|
|
1044
924
|
place-self: var(--grid-vertical-placement-mobile) var(--grid-horizontal-placement-mobile);
|
|
1045
925
|
}
|
|
1046
|
-
.post-info-v3__post-tags:has(> .subgrid-layout-mobile) {
|
|
926
|
+
.post-info-v3__post-tags:has(> .subgrid-layout-mobile):not(#\#) {
|
|
1047
927
|
grid-template-rows: subgrid;
|
|
1048
928
|
}
|
|
1049
|
-
.post-info-v3__post-tags:has(> .subgrid-layout-mobile) > section {
|
|
929
|
+
.post-info-v3__post-tags:has(> .subgrid-layout-mobile):not(#\#) > section {
|
|
1050
930
|
grid-row: 1/-1;
|
|
1051
931
|
grid-column: 1/-1;
|
|
1052
932
|
}
|
|
1053
933
|
@media screen and (min-width: 768px) {
|
|
1054
|
-
.post-info-v3__post-tags {
|
|
934
|
+
.post-info-v3__post-tags:not(#\#) {
|
|
1055
935
|
grid-row: var(--grid-row-start-portrait)/span var(--grid-row-span-portrait);
|
|
1056
936
|
grid-column: var(--grid-column-start-portrait)/span var(--grid-column-span-portrait);
|
|
1057
937
|
align-self: var(--grid-vertical-placement-portrait);
|
|
1058
938
|
justify-self: var(--grid-horizontal-placement-portrait);
|
|
1059
939
|
place-self: var(--grid-vertical-placement-portrait) var(--grid-horizontal-placement-portrait);
|
|
1060
940
|
}
|
|
1061
|
-
.post-info-v3__post-tags:has(> .subgrid-layout-portrait) {
|
|
941
|
+
.post-info-v3__post-tags:has(> .subgrid-layout-portrait):not(#\#) {
|
|
1062
942
|
grid-template-rows: subgrid;
|
|
1063
943
|
}
|
|
1064
|
-
.post-info-v3__post-tags:has(> .subgrid-layout-portrait) > section {
|
|
944
|
+
.post-info-v3__post-tags:has(> .subgrid-layout-portrait):not(#\#) > section {
|
|
1065
945
|
grid-row: 1/-1;
|
|
1066
946
|
grid-column: 1/-1;
|
|
1067
947
|
}
|
|
1068
948
|
}
|
|
1069
949
|
@media screen and (min-width: 1024px) {
|
|
1070
|
-
.post-info-v3__post-tags {
|
|
950
|
+
.post-info-v3__post-tags:not(#\#) {
|
|
1071
951
|
grid-row: var(--grid-row-start)/span var(--grid-row-span);
|
|
1072
952
|
grid-column: var(--grid-column-start)/span var(--grid-column-span);
|
|
1073
953
|
align-self: var(--grid-vertical-placement-desktop);
|
|
1074
954
|
justify-self: var(--grid-horizontal-placement-desktop);
|
|
1075
955
|
place-self: var(--grid-vertical-placement-desktop) var(--grid-horizontal-placement-desktop);
|
|
1076
956
|
}
|
|
1077
|
-
.post-info-v3__post-tags:has(> .subgrid-layout-desktop) {
|
|
957
|
+
.post-info-v3__post-tags:has(> .subgrid-layout-desktop):not(#\#) {
|
|
1078
958
|
grid-template-rows: subgrid;
|
|
1079
959
|
}
|
|
1080
|
-
.post-info-v3__post-tags:has(> .subgrid-layout-desktop) > section {
|
|
960
|
+
.post-info-v3__post-tags:has(> .subgrid-layout-desktop):not(#\#) > section {
|
|
1081
961
|
grid-row: 1/-1;
|
|
1082
962
|
grid-column: 1/-1;
|
|
1083
963
|
}
|
|
1084
964
|
}
|
|
1085
|
-
.post-info-v3__post-image-container {
|
|
965
|
+
.post-info-v3__post-image-container:not(#\#) {
|
|
1086
966
|
display: grid;
|
|
1087
967
|
grid-template: "main"/1fr;
|
|
1088
968
|
}
|
|
1089
|
-
.post-info-v3__post-image-container--image-accent {
|
|
969
|
+
.post-info-v3__post-image-container--image-accent:not(#\#) {
|
|
1090
970
|
position: relative;
|
|
1091
971
|
}
|
|
1092
|
-
.post-info-v3__post-image-container--image-accent img,
|
|
1093
|
-
.post-info-v3__post-image-container--image-accent svg {
|
|
972
|
+
.post-info-v3__post-image-container--image-accent:not(#\#) img,
|
|
973
|
+
.post-info-v3__post-image-container--image-accent:not(#\#) svg {
|
|
1094
974
|
margin: 0;
|
|
1095
975
|
margin: initial;
|
|
1096
976
|
position: relative;
|
|
@@ -1105,8 +985,8 @@
|
|
|
1105
985
|
rotate: var(--element-rotation-mobile, 0deg);
|
|
1106
986
|
}
|
|
1107
987
|
@media screen and (min-width: 1024px) {
|
|
1108
|
-
.post-info-v3__post-image-container--image-accent img,
|
|
1109
|
-
.post-info-v3__post-image-container--image-accent svg {
|
|
988
|
+
.post-info-v3__post-image-container--image-accent:not(#\#) img,
|
|
989
|
+
.post-info-v3__post-image-container--image-accent:not(#\#) svg {
|
|
1110
990
|
align-self: var(--desktop-vertical-placement);
|
|
1111
991
|
justify-self: var(--desktop-horizontal-placement);
|
|
1112
992
|
place-self: var(--desktop-vertical-placement) var(--desktop-horizontal-placement);
|
|
@@ -1116,7 +996,7 @@
|
|
|
1116
996
|
rotate: var(--element-rotation-desktop, 0deg);
|
|
1117
997
|
}
|
|
1118
998
|
}
|
|
1119
|
-
.post-info-v3__post__image {
|
|
999
|
+
.post-info-v3__post__image:not(#\#) {
|
|
1120
1000
|
display: flex;
|
|
1121
1001
|
justify-content: center;
|
|
1122
1002
|
margin-left: auto;
|
|
@@ -1133,73 +1013,73 @@
|
|
|
1133
1013
|
justify-self: var(--grid-horizontal-placement-mobile);
|
|
1134
1014
|
place-self: var(--grid-vertical-placement-mobile) var(--grid-horizontal-placement-mobile);
|
|
1135
1015
|
}
|
|
1136
|
-
.post-info-v3__post__image:has(> .subgrid-layout-mobile) {
|
|
1016
|
+
.post-info-v3__post__image:has(> .subgrid-layout-mobile):not(#\#) {
|
|
1137
1017
|
grid-template-rows: subgrid;
|
|
1138
1018
|
}
|
|
1139
|
-
.post-info-v3__post__image:has(> .subgrid-layout-mobile) > section {
|
|
1019
|
+
.post-info-v3__post__image:has(> .subgrid-layout-mobile):not(#\#) > section {
|
|
1140
1020
|
grid-row: 1/-1;
|
|
1141
1021
|
grid-column: 1/-1;
|
|
1142
1022
|
}
|
|
1143
1023
|
@media screen and (min-width: 768px) {
|
|
1144
|
-
.post-info-v3__post__image {
|
|
1024
|
+
.post-info-v3__post__image:not(#\#) {
|
|
1145
1025
|
grid-row: var(--grid-row-start-portrait)/span var(--grid-row-span-portrait);
|
|
1146
1026
|
grid-column: var(--grid-column-start-portrait)/span var(--grid-column-span-portrait);
|
|
1147
1027
|
align-self: var(--grid-vertical-placement-portrait);
|
|
1148
1028
|
justify-self: var(--grid-horizontal-placement-portrait);
|
|
1149
1029
|
place-self: var(--grid-vertical-placement-portrait) var(--grid-horizontal-placement-portrait);
|
|
1150
1030
|
}
|
|
1151
|
-
.post-info-v3__post__image:has(> .subgrid-layout-portrait) {
|
|
1031
|
+
.post-info-v3__post__image:has(> .subgrid-layout-portrait):not(#\#) {
|
|
1152
1032
|
grid-template-rows: subgrid;
|
|
1153
1033
|
}
|
|
1154
|
-
.post-info-v3__post__image:has(> .subgrid-layout-portrait) > section {
|
|
1034
|
+
.post-info-v3__post__image:has(> .subgrid-layout-portrait):not(#\#) > section {
|
|
1155
1035
|
grid-row: 1/-1;
|
|
1156
1036
|
grid-column: 1/-1;
|
|
1157
1037
|
}
|
|
1158
1038
|
}
|
|
1159
1039
|
@media screen and (min-width: 1024px) {
|
|
1160
|
-
.post-info-v3__post__image {
|
|
1040
|
+
.post-info-v3__post__image:not(#\#) {
|
|
1161
1041
|
grid-row: var(--grid-row-start)/span var(--grid-row-span);
|
|
1162
1042
|
grid-column: var(--grid-column-start)/span var(--grid-column-span);
|
|
1163
1043
|
align-self: var(--grid-vertical-placement-desktop);
|
|
1164
1044
|
justify-self: var(--grid-horizontal-placement-desktop);
|
|
1165
1045
|
place-self: var(--grid-vertical-placement-desktop) var(--grid-horizontal-placement-desktop);
|
|
1166
1046
|
}
|
|
1167
|
-
.post-info-v3__post__image:has(> .subgrid-layout-desktop) {
|
|
1047
|
+
.post-info-v3__post__image:has(> .subgrid-layout-desktop):not(#\#) {
|
|
1168
1048
|
grid-template-rows: subgrid;
|
|
1169
1049
|
}
|
|
1170
|
-
.post-info-v3__post__image:has(> .subgrid-layout-desktop) > section {
|
|
1050
|
+
.post-info-v3__post__image:has(> .subgrid-layout-desktop):not(#\#) > section {
|
|
1171
1051
|
grid-row: 1/-1;
|
|
1172
1052
|
grid-column: 1/-1;
|
|
1173
1053
|
}
|
|
1174
1054
|
}
|
|
1175
|
-
.post-info-v3__post__image {
|
|
1055
|
+
.post-info-v3__post__image:not(#\#) {
|
|
1176
1056
|
width: var(--post-image-width-mobile);
|
|
1177
1057
|
}
|
|
1178
1058
|
@media screen and (min-width: 768px) {
|
|
1179
|
-
.post-info-v3__post__image {
|
|
1059
|
+
.post-info-v3__post__image:not(#\#) {
|
|
1180
1060
|
aspect-ratio: var(--image-aspect-ratio-portrait);
|
|
1181
1061
|
}
|
|
1182
1062
|
}
|
|
1183
1063
|
@media screen and (min-width: 1024px) {
|
|
1184
|
-
.post-info-v3__post__image {
|
|
1064
|
+
.post-info-v3__post__image:not(#\#) {
|
|
1185
1065
|
width: var(--post-image-width-desktop);
|
|
1186
1066
|
aspect-ratio: var(--image-aspect-ratio-desktop);
|
|
1187
1067
|
}
|
|
1188
1068
|
}
|
|
1189
|
-
.post-info-v3__post__image {
|
|
1069
|
+
.post-info-v3__post__image:not(#\#) {
|
|
1190
1070
|
-o-object-fit: var(--image-fit-style);
|
|
1191
1071
|
object-fit: var(--image-fit-style);
|
|
1192
1072
|
margin: auto;
|
|
1193
1073
|
}
|
|
1194
|
-
.post-info-v3__post-author-label {
|
|
1074
|
+
.post-info-v3__post-author-label:not(#\#) {
|
|
1195
1075
|
display: flex;
|
|
1196
1076
|
}
|
|
1197
|
-
.post-info-v3__global-image {
|
|
1077
|
+
.post-info-v3__global-image:not(#\#) {
|
|
1198
1078
|
z-index: var(--global-image-zindex);
|
|
1199
1079
|
max-width: var(--global-image-max-width);
|
|
1200
1080
|
min-height: 100%;
|
|
1201
1081
|
}
|
|
1202
|
-
.post-info-v3__global-image__picture {
|
|
1082
|
+
.post-info-v3__global-image__picture:not(#\#) {
|
|
1203
1083
|
width: var(--global-image-width);
|
|
1204
1084
|
display: flex;
|
|
1205
1085
|
position: var(--global-image-position);
|
|
@@ -1208,19 +1088,19 @@
|
|
|
1208
1088
|
bottom: 0;
|
|
1209
1089
|
left: 0;
|
|
1210
1090
|
}
|
|
1211
|
-
.post-info-v3__global-image__image {
|
|
1091
|
+
.post-info-v3__global-image__image:not(#\#) {
|
|
1212
1092
|
-o-object-fit: var(--global-image-fit-style);
|
|
1213
1093
|
object-fit: var(--global-image-fit-style);
|
|
1214
1094
|
}
|
|
1215
|
-
.post-info-v3__product-logo {
|
|
1095
|
+
.post-info-v3__product-logo:not(#\#) {
|
|
1216
1096
|
max-width: calc(var(--logo-max-width-mobile) / var(--design-reference) * var(--screen-width));
|
|
1217
1097
|
}
|
|
1218
1098
|
@media screen and (min-width: 1024px) {
|
|
1219
|
-
.post-info-v3__product-logo {
|
|
1099
|
+
.post-info-v3__product-logo:not(#\#) {
|
|
1220
1100
|
max-width: calc(var(--logo-max-width-desktop) / var(--design-reference) * var(--screen-width));
|
|
1221
1101
|
}
|
|
1222
1102
|
}
|
|
1223
|
-
.post-info-v3__post-text-alternative-style {
|
|
1103
|
+
.post-info-v3__post-text-alternative-style:not(#\#) {
|
|
1224
1104
|
width: auto;
|
|
1225
1105
|
display: grid;
|
|
1226
1106
|
z-index: 5;
|
|
@@ -1231,65 +1111,65 @@
|
|
|
1231
1111
|
justify-self: var(--grid-horizontal-placement-mobile);
|
|
1232
1112
|
place-self: var(--grid-vertical-placement-mobile) var(--grid-horizontal-placement-mobile);
|
|
1233
1113
|
}
|
|
1234
|
-
.post-info-v3__post-text-alternative-style:has(> .subgrid-layout-mobile) {
|
|
1114
|
+
.post-info-v3__post-text-alternative-style:has(> .subgrid-layout-mobile):not(#\#) {
|
|
1235
1115
|
grid-template-rows: subgrid;
|
|
1236
1116
|
}
|
|
1237
|
-
.post-info-v3__post-text-alternative-style:has(> .subgrid-layout-mobile) > section {
|
|
1117
|
+
.post-info-v3__post-text-alternative-style:has(> .subgrid-layout-mobile):not(#\#) > section {
|
|
1238
1118
|
grid-row: 1/-1;
|
|
1239
1119
|
grid-column: 1/-1;
|
|
1240
1120
|
}
|
|
1241
1121
|
@media screen and (min-width: 768px) {
|
|
1242
|
-
.post-info-v3__post-text-alternative-style {
|
|
1122
|
+
.post-info-v3__post-text-alternative-style:not(#\#) {
|
|
1243
1123
|
grid-row: var(--grid-row-start-portrait)/span var(--grid-row-span-portrait);
|
|
1244
1124
|
grid-column: var(--grid-column-start-portrait)/span var(--grid-column-span-portrait);
|
|
1245
1125
|
align-self: var(--grid-vertical-placement-portrait);
|
|
1246
1126
|
justify-self: var(--grid-horizontal-placement-portrait);
|
|
1247
1127
|
place-self: var(--grid-vertical-placement-portrait) var(--grid-horizontal-placement-portrait);
|
|
1248
1128
|
}
|
|
1249
|
-
.post-info-v3__post-text-alternative-style:has(> .subgrid-layout-portrait) {
|
|
1129
|
+
.post-info-v3__post-text-alternative-style:has(> .subgrid-layout-portrait):not(#\#) {
|
|
1250
1130
|
grid-template-rows: subgrid;
|
|
1251
1131
|
}
|
|
1252
|
-
.post-info-v3__post-text-alternative-style:has(> .subgrid-layout-portrait) > section {
|
|
1132
|
+
.post-info-v3__post-text-alternative-style:has(> .subgrid-layout-portrait):not(#\#) > section {
|
|
1253
1133
|
grid-row: 1/-1;
|
|
1254
1134
|
grid-column: 1/-1;
|
|
1255
1135
|
}
|
|
1256
1136
|
}
|
|
1257
1137
|
@media screen and (min-width: 1024px) {
|
|
1258
|
-
.post-info-v3__post-text-alternative-style {
|
|
1138
|
+
.post-info-v3__post-text-alternative-style:not(#\#) {
|
|
1259
1139
|
grid-row: var(--grid-row-start)/span var(--grid-row-span);
|
|
1260
1140
|
grid-column: var(--grid-column-start)/span var(--grid-column-span);
|
|
1261
1141
|
align-self: var(--grid-vertical-placement-desktop);
|
|
1262
1142
|
justify-self: var(--grid-horizontal-placement-desktop);
|
|
1263
1143
|
place-self: var(--grid-vertical-placement-desktop) var(--grid-horizontal-placement-desktop);
|
|
1264
1144
|
}
|
|
1265
|
-
.post-info-v3__post-text-alternative-style:has(> .subgrid-layout-desktop) {
|
|
1145
|
+
.post-info-v3__post-text-alternative-style:has(> .subgrid-layout-desktop):not(#\#) {
|
|
1266
1146
|
grid-template-rows: subgrid;
|
|
1267
1147
|
}
|
|
1268
|
-
.post-info-v3__post-text-alternative-style:has(> .subgrid-layout-desktop) > section {
|
|
1148
|
+
.post-info-v3__post-text-alternative-style:has(> .subgrid-layout-desktop):not(#\#) > section {
|
|
1269
1149
|
grid-row: 1/-1;
|
|
1270
1150
|
grid-column: 1/-1;
|
|
1271
1151
|
}
|
|
1272
1152
|
}
|
|
1273
|
-
.post-info-v3__social-networks-inner-container {
|
|
1153
|
+
.post-info-v3__social-networks-inner-container:not(#\#) {
|
|
1274
1154
|
display: flex;
|
|
1275
1155
|
flex-direction: column;
|
|
1276
1156
|
gap: calc(10 / var(--design-reference) * var(--screen-width));
|
|
1277
1157
|
}
|
|
1278
1158
|
@media screen and (min-width: 768px) {
|
|
1279
|
-
.post-info-v3__social-networks-inner-container {
|
|
1159
|
+
.post-info-v3__social-networks-inner-container:not(#\#) {
|
|
1280
1160
|
flex-direction: row;
|
|
1281
1161
|
gap: calc(20 / var(--design-reference) * var(--screen-width));
|
|
1282
1162
|
}
|
|
1283
1163
|
}
|
|
1284
|
-
.post-info-v3__social-networks-links-container {
|
|
1164
|
+
.post-info-v3__social-networks-links-container:not(#\#) {
|
|
1285
1165
|
display: flex;
|
|
1286
1166
|
gap: calc(20 / var(--design-reference) * var(--screen-width));
|
|
1287
1167
|
}
|
|
1288
|
-
.post-info-v3__social-networks-link-container img {
|
|
1168
|
+
.post-info-v3__social-networks-link-container:not(#\#) img {
|
|
1289
1169
|
width: calc(30 / var(--design-reference) * var(--screen-width));
|
|
1290
1170
|
height: calc(30 / var(--design-reference) * var(--screen-width));
|
|
1291
1171
|
}
|
|
1292
|
-
.post-info-v3__social-networks-share-label {
|
|
1172
|
+
.post-info-v3__social-networks-share-label:not(#\#) {
|
|
1293
1173
|
--default-font-weight: 700;
|
|
1294
1174
|
line-height: var(--paragraph-line-height);
|
|
1295
1175
|
letter-spacing: var(--paragraph-letter-spacing);
|
|
@@ -1299,12 +1179,132 @@
|
|
|
1299
1179
|
font-size: calc(18 / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier));
|
|
1300
1180
|
}
|
|
1301
1181
|
@media screen and (min-width: 768px) {
|
|
1302
|
-
.post-info-v3__social-networks-share-label {
|
|
1182
|
+
.post-info-v3__social-networks-share-label:not(#\#) {
|
|
1303
1183
|
font-size: calc(22 / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier));
|
|
1304
1184
|
}
|
|
1305
1185
|
}
|
|
1306
1186
|
@media screen and (min-width: 1024px) {
|
|
1307
|
-
.post-info-v3__social-networks-share-label {
|
|
1187
|
+
.post-info-v3__social-networks-share-label:not(#\#) {
|
|
1308
1188
|
font-size: calc(22 / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier));
|
|
1309
1189
|
}
|
|
1310
1190
|
}
|
|
1191
|
+
@media screen and (min-width: 1024px) {
|
|
1192
|
+
.post-info-v3.scroll-btns-desktop::scroll-button(left) {
|
|
1193
|
+
content: "\25c4";
|
|
1194
|
+
position: absolute;
|
|
1195
|
+
align-self: center;
|
|
1196
|
+
justify-self: flex-start;
|
|
1197
|
+
place-self: center flex-start;
|
|
1198
|
+
z-index: 50;
|
|
1199
|
+
}
|
|
1200
|
+
.post-info-v3.scroll-btns-desktop::scroll-button(right) {
|
|
1201
|
+
content: "\25ba";
|
|
1202
|
+
position: absolute;
|
|
1203
|
+
align-self: center;
|
|
1204
|
+
justify-self: flex-end;
|
|
1205
|
+
place-self: center flex-end;
|
|
1206
|
+
z-index: 50;
|
|
1207
|
+
}
|
|
1208
|
+
.post-info-v3.scroll-btns-desktop::scroll-button(*) {
|
|
1209
|
+
border: 1px solid black;
|
|
1210
|
+
border-radius: 10px;
|
|
1211
|
+
font-size: var(--scroll-button-font-size, calc(30 / var(--design-reference) * var(--screen-width)));
|
|
1212
|
+
background: rgba(0, 0, 0, 0.163);
|
|
1213
|
+
color: white;
|
|
1214
|
+
opacity: 0.7;
|
|
1215
|
+
cursor: pointer;
|
|
1216
|
+
transition: scale 0.3s ease-in-out;
|
|
1217
|
+
}
|
|
1218
|
+
.post-info-v3.scroll-btns-desktop::scroll-button(*):hover,
|
|
1219
|
+
.post-info-v3.scroll-btns-desktop::scroll-button(*):focus {
|
|
1220
|
+
opacity: 1;
|
|
1221
|
+
scale: 1.2;
|
|
1222
|
+
}
|
|
1223
|
+
.post-info-v3.scroll-btns-desktop::scroll-button(*):active {
|
|
1224
|
+
translate: 1px 1px;
|
|
1225
|
+
}
|
|
1226
|
+
.post-info-v3.scroll-btns-desktop::scroll-button(*):disabled {
|
|
1227
|
+
opacity: 0.2;
|
|
1228
|
+
cursor: inherit;
|
|
1229
|
+
}
|
|
1230
|
+
}
|
|
1231
|
+
@media screen and (min-width: 768px) and (max-width: 1023px) {
|
|
1232
|
+
.post-info-v3.scroll-btns-portrait::scroll-button(left) {
|
|
1233
|
+
content: "\25c4";
|
|
1234
|
+
position: absolute;
|
|
1235
|
+
align-self: center;
|
|
1236
|
+
justify-self: flex-start;
|
|
1237
|
+
place-self: center flex-start;
|
|
1238
|
+
z-index: 50;
|
|
1239
|
+
}
|
|
1240
|
+
.post-info-v3.scroll-btns-portrait::scroll-button(right) {
|
|
1241
|
+
content: "\25ba";
|
|
1242
|
+
position: absolute;
|
|
1243
|
+
align-self: center;
|
|
1244
|
+
justify-self: flex-end;
|
|
1245
|
+
place-self: center flex-end;
|
|
1246
|
+
z-index: 50;
|
|
1247
|
+
}
|
|
1248
|
+
.post-info-v3.scroll-btns-portrait::scroll-button(*) {
|
|
1249
|
+
border: 1px solid black;
|
|
1250
|
+
border-radius: 10px;
|
|
1251
|
+
font-size: var(--scroll-button-font-size, calc(30 / var(--design-reference) * var(--screen-width)));
|
|
1252
|
+
background: rgba(0, 0, 0, 0.163);
|
|
1253
|
+
color: white;
|
|
1254
|
+
opacity: 0.7;
|
|
1255
|
+
cursor: pointer;
|
|
1256
|
+
transition: scale 0.3s ease-in-out;
|
|
1257
|
+
}
|
|
1258
|
+
.post-info-v3.scroll-btns-portrait::scroll-button(*):hover,
|
|
1259
|
+
.post-info-v3.scroll-btns-portrait::scroll-button(*):focus {
|
|
1260
|
+
opacity: 1;
|
|
1261
|
+
scale: 1.2;
|
|
1262
|
+
}
|
|
1263
|
+
.post-info-v3.scroll-btns-portrait::scroll-button(*):active {
|
|
1264
|
+
translate: 1px 1px;
|
|
1265
|
+
}
|
|
1266
|
+
.post-info-v3.scroll-btns-portrait::scroll-button(*):disabled {
|
|
1267
|
+
opacity: 0.2;
|
|
1268
|
+
cursor: inherit;
|
|
1269
|
+
}
|
|
1270
|
+
}
|
|
1271
|
+
@media screen and (max-width: 767px) {
|
|
1272
|
+
.post-info-v3.scroll-btns-mobile::scroll-button(left) {
|
|
1273
|
+
content: "\25c4";
|
|
1274
|
+
position: absolute;
|
|
1275
|
+
align-self: center;
|
|
1276
|
+
justify-self: flex-start;
|
|
1277
|
+
place-self: center flex-start;
|
|
1278
|
+
z-index: 50;
|
|
1279
|
+
}
|
|
1280
|
+
.post-info-v3.scroll-btns-mobile::scroll-button(right) {
|
|
1281
|
+
content: "\25ba";
|
|
1282
|
+
position: absolute;
|
|
1283
|
+
align-self: center;
|
|
1284
|
+
justify-self: flex-end;
|
|
1285
|
+
place-self: center flex-end;
|
|
1286
|
+
z-index: 50;
|
|
1287
|
+
}
|
|
1288
|
+
.post-info-v3.scroll-btns-mobile::scroll-button(*) {
|
|
1289
|
+
border: 1px solid black;
|
|
1290
|
+
border-radius: 10px;
|
|
1291
|
+
font-size: var(--scroll-button-font-size, calc(30 / var(--design-reference) * var(--screen-width)));
|
|
1292
|
+
background: rgba(0, 0, 0, 0.163);
|
|
1293
|
+
color: white;
|
|
1294
|
+
opacity: 0.7;
|
|
1295
|
+
cursor: pointer;
|
|
1296
|
+
transition: scale 0.3s ease-in-out;
|
|
1297
|
+
}
|
|
1298
|
+
.post-info-v3.scroll-btns-mobile::scroll-button(*):hover,
|
|
1299
|
+
.post-info-v3.scroll-btns-mobile::scroll-button(*):focus {
|
|
1300
|
+
opacity: 1;
|
|
1301
|
+
scale: 1.2;
|
|
1302
|
+
}
|
|
1303
|
+
.post-info-v3.scroll-btns-mobile::scroll-button(*):active {
|
|
1304
|
+
translate: 1px 1px;
|
|
1305
|
+
}
|
|
1306
|
+
.post-info-v3.scroll-btns-mobile::scroll-button(*):disabled {
|
|
1307
|
+
opacity: 0.2;
|
|
1308
|
+
cursor: inherit;
|
|
1309
|
+
}
|
|
1310
|
+
}
|