111 .wp-block-cover.is-repeated { |
117 .wp-block-cover.is-repeated { |
112 background-repeat: repeat; |
118 background-repeat: repeat; |
113 background-size: auto; |
119 background-size: auto; |
114 } |
120 } |
115 .wp-block-cover-image.has-background-dim:not([class*=-background-color]), |
121 .wp-block-cover-image.has-background-dim:not([class*=-background-color]), |
116 .wp-block-cover.has-background-dim:not([class*=-background-color]) { |
122 .wp-block-cover-image .has-background-dim:not([class*=-background-color]), |
|
123 .wp-block-cover.has-background-dim:not([class*=-background-color]), |
|
124 .wp-block-cover .has-background-dim:not([class*=-background-color]) { |
117 background-color: #000; |
125 background-color: #000; |
|
126 } |
|
127 .wp-block-cover-image .has-background-dim.has-background-gradient, |
|
128 .wp-block-cover .has-background-dim.has-background-gradient { |
|
129 background-color: transparent; |
118 } |
130 } |
119 .wp-block-cover-image.has-background-dim::before, |
131 .wp-block-cover-image.has-background-dim::before, |
120 .wp-block-cover.has-background-dim::before { |
132 .wp-block-cover.has-background-dim::before { |
121 content: ""; |
133 content: ""; |
122 background-color: inherit; |
134 background-color: inherit; |
123 } |
135 } |
124 .wp-block-cover-image.has-background-dim:not(.has-background-gradient)::before, |
136 .wp-block-cover-image.has-background-dim:not(.has-background-gradient)::before, |
|
137 .wp-block-cover-image .wp-block-cover__background, |
125 .wp-block-cover-image .wp-block-cover__gradient-background, |
138 .wp-block-cover-image .wp-block-cover__gradient-background, |
126 .wp-block-cover.has-background-dim:not(.has-background-gradient)::before, |
139 .wp-block-cover.has-background-dim:not(.has-background-gradient)::before, |
|
140 .wp-block-cover .wp-block-cover__background, |
127 .wp-block-cover .wp-block-cover__gradient-background { |
141 .wp-block-cover .wp-block-cover__gradient-background { |
128 position: absolute; |
142 position: absolute; |
129 top: 0; |
143 top: 0; |
130 right: 0; |
144 right: 0; |
131 bottom: 0; |
145 bottom: 0; |
132 left: 0; |
146 left: 0; |
133 z-index: 1; |
147 z-index: 1; |
134 opacity: 0.5; |
148 opacity: 0.5; |
135 } |
149 } |
136 .wp-block-cover-image.has-background-dim.has-background-dim-10:not(.has-background-gradient)::before, |
150 .wp-block-cover-image.has-background-dim.has-background-dim-10:not(.has-background-gradient)::before, |
|
151 .wp-block-cover-image.has-background-dim.has-background-dim-10 .wp-block-cover__background, |
137 .wp-block-cover-image.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background, |
152 .wp-block-cover-image.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background, |
138 .wp-block-cover.has-background-dim.has-background-dim-10:not(.has-background-gradient)::before, |
153 .wp-block-cover.has-background-dim.has-background-dim-10:not(.has-background-gradient)::before, |
|
154 .wp-block-cover.has-background-dim.has-background-dim-10 .wp-block-cover__background, |
139 .wp-block-cover.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background { |
155 .wp-block-cover.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background { |
140 opacity: 0.1; |
156 opacity: 0.1; |
141 } |
157 } |
142 .wp-block-cover-image.has-background-dim.has-background-dim-20:not(.has-background-gradient)::before, |
158 .wp-block-cover-image.has-background-dim.has-background-dim-20:not(.has-background-gradient)::before, |
|
159 .wp-block-cover-image.has-background-dim.has-background-dim-20 .wp-block-cover__background, |
143 .wp-block-cover-image.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background, |
160 .wp-block-cover-image.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background, |
144 .wp-block-cover.has-background-dim.has-background-dim-20:not(.has-background-gradient)::before, |
161 .wp-block-cover.has-background-dim.has-background-dim-20:not(.has-background-gradient)::before, |
|
162 .wp-block-cover.has-background-dim.has-background-dim-20 .wp-block-cover__background, |
145 .wp-block-cover.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background { |
163 .wp-block-cover.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background { |
146 opacity: 0.2; |
164 opacity: 0.2; |
147 } |
165 } |
148 .wp-block-cover-image.has-background-dim.has-background-dim-30:not(.has-background-gradient)::before, |
166 .wp-block-cover-image.has-background-dim.has-background-dim-30:not(.has-background-gradient)::before, |
|
167 .wp-block-cover-image.has-background-dim.has-background-dim-30 .wp-block-cover__background, |
149 .wp-block-cover-image.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background, |
168 .wp-block-cover-image.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background, |
150 .wp-block-cover.has-background-dim.has-background-dim-30:not(.has-background-gradient)::before, |
169 .wp-block-cover.has-background-dim.has-background-dim-30:not(.has-background-gradient)::before, |
|
170 .wp-block-cover.has-background-dim.has-background-dim-30 .wp-block-cover__background, |
151 .wp-block-cover.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background { |
171 .wp-block-cover.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background { |
152 opacity: 0.3; |
172 opacity: 0.3; |
153 } |
173 } |
154 .wp-block-cover-image.has-background-dim.has-background-dim-40:not(.has-background-gradient)::before, |
174 .wp-block-cover-image.has-background-dim.has-background-dim-40:not(.has-background-gradient)::before, |
|
175 .wp-block-cover-image.has-background-dim.has-background-dim-40 .wp-block-cover__background, |
155 .wp-block-cover-image.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background, |
176 .wp-block-cover-image.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background, |
156 .wp-block-cover.has-background-dim.has-background-dim-40:not(.has-background-gradient)::before, |
177 .wp-block-cover.has-background-dim.has-background-dim-40:not(.has-background-gradient)::before, |
|
178 .wp-block-cover.has-background-dim.has-background-dim-40 .wp-block-cover__background, |
157 .wp-block-cover.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background { |
179 .wp-block-cover.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background { |
158 opacity: 0.4; |
180 opacity: 0.4; |
159 } |
181 } |
160 .wp-block-cover-image.has-background-dim.has-background-dim-50:not(.has-background-gradient)::before, |
182 .wp-block-cover-image.has-background-dim.has-background-dim-50:not(.has-background-gradient)::before, |
|
183 .wp-block-cover-image.has-background-dim.has-background-dim-50 .wp-block-cover__background, |
161 .wp-block-cover-image.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background, |
184 .wp-block-cover-image.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background, |
162 .wp-block-cover.has-background-dim.has-background-dim-50:not(.has-background-gradient)::before, |
185 .wp-block-cover.has-background-dim.has-background-dim-50:not(.has-background-gradient)::before, |
|
186 .wp-block-cover.has-background-dim.has-background-dim-50 .wp-block-cover__background, |
163 .wp-block-cover.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background { |
187 .wp-block-cover.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background { |
164 opacity: 0.5; |
188 opacity: 0.5; |
165 } |
189 } |
166 .wp-block-cover-image.has-background-dim.has-background-dim-60:not(.has-background-gradient)::before, |
190 .wp-block-cover-image.has-background-dim.has-background-dim-60:not(.has-background-gradient)::before, |
|
191 .wp-block-cover-image.has-background-dim.has-background-dim-60 .wp-block-cover__background, |
167 .wp-block-cover-image.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background, |
192 .wp-block-cover-image.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background, |
168 .wp-block-cover.has-background-dim.has-background-dim-60:not(.has-background-gradient)::before, |
193 .wp-block-cover.has-background-dim.has-background-dim-60:not(.has-background-gradient)::before, |
|
194 .wp-block-cover.has-background-dim.has-background-dim-60 .wp-block-cover__background, |
169 .wp-block-cover.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background { |
195 .wp-block-cover.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background { |
170 opacity: 0.6; |
196 opacity: 0.6; |
171 } |
197 } |
172 .wp-block-cover-image.has-background-dim.has-background-dim-70:not(.has-background-gradient)::before, |
198 .wp-block-cover-image.has-background-dim.has-background-dim-70:not(.has-background-gradient)::before, |
|
199 .wp-block-cover-image.has-background-dim.has-background-dim-70 .wp-block-cover__background, |
173 .wp-block-cover-image.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background, |
200 .wp-block-cover-image.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background, |
174 .wp-block-cover.has-background-dim.has-background-dim-70:not(.has-background-gradient)::before, |
201 .wp-block-cover.has-background-dim.has-background-dim-70:not(.has-background-gradient)::before, |
|
202 .wp-block-cover.has-background-dim.has-background-dim-70 .wp-block-cover__background, |
175 .wp-block-cover.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background { |
203 .wp-block-cover.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background { |
176 opacity: 0.7; |
204 opacity: 0.7; |
177 } |
205 } |
178 .wp-block-cover-image.has-background-dim.has-background-dim-80:not(.has-background-gradient)::before, |
206 .wp-block-cover-image.has-background-dim.has-background-dim-80:not(.has-background-gradient)::before, |
|
207 .wp-block-cover-image.has-background-dim.has-background-dim-80 .wp-block-cover__background, |
179 .wp-block-cover-image.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background, |
208 .wp-block-cover-image.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background, |
180 .wp-block-cover.has-background-dim.has-background-dim-80:not(.has-background-gradient)::before, |
209 .wp-block-cover.has-background-dim.has-background-dim-80:not(.has-background-gradient)::before, |
|
210 .wp-block-cover.has-background-dim.has-background-dim-80 .wp-block-cover__background, |
181 .wp-block-cover.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background { |
211 .wp-block-cover.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background { |
182 opacity: 0.8; |
212 opacity: 0.8; |
183 } |
213 } |
184 .wp-block-cover-image.has-background-dim.has-background-dim-90:not(.has-background-gradient)::before, |
214 .wp-block-cover-image.has-background-dim.has-background-dim-90:not(.has-background-gradient)::before, |
|
215 .wp-block-cover-image.has-background-dim.has-background-dim-90 .wp-block-cover__background, |
185 .wp-block-cover-image.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background, |
216 .wp-block-cover-image.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background, |
186 .wp-block-cover.has-background-dim.has-background-dim-90:not(.has-background-gradient)::before, |
217 .wp-block-cover.has-background-dim.has-background-dim-90:not(.has-background-gradient)::before, |
|
218 .wp-block-cover.has-background-dim.has-background-dim-90 .wp-block-cover__background, |
187 .wp-block-cover.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background { |
219 .wp-block-cover.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background { |
188 opacity: 0.9; |
220 opacity: 0.9; |
189 } |
221 } |
190 .wp-block-cover-image.has-background-dim.has-background-dim-100:not(.has-background-gradient)::before, |
222 .wp-block-cover-image.has-background-dim.has-background-dim-100:not(.has-background-gradient)::before, |
|
223 .wp-block-cover-image.has-background-dim.has-background-dim-100 .wp-block-cover__background, |
191 .wp-block-cover-image.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background, |
224 .wp-block-cover-image.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background, |
192 .wp-block-cover.has-background-dim.has-background-dim-100:not(.has-background-gradient)::before, |
225 .wp-block-cover.has-background-dim.has-background-dim-100:not(.has-background-gradient)::before, |
|
226 .wp-block-cover.has-background-dim.has-background-dim-100 .wp-block-cover__background, |
193 .wp-block-cover.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background { |
227 .wp-block-cover.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background { |
194 opacity: 1; |
228 opacity: 1; |
|
229 } |
|
230 .wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-0, |
|
231 .wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-0, |
|
232 .wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-0, |
|
233 .wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-0 { |
|
234 opacity: 0; |
|
235 } |
|
236 .wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-10, |
|
237 .wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-10, |
|
238 .wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-10, |
|
239 .wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-10 { |
|
240 opacity: 0.1; |
|
241 } |
|
242 .wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-20, |
|
243 .wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-20, |
|
244 .wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-20, |
|
245 .wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-20 { |
|
246 opacity: 0.2; |
|
247 } |
|
248 .wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-30, |
|
249 .wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-30, |
|
250 .wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-30, |
|
251 .wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-30 { |
|
252 opacity: 0.3; |
|
253 } |
|
254 .wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-40, |
|
255 .wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-40, |
|
256 .wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-40, |
|
257 .wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-40 { |
|
258 opacity: 0.4; |
|
259 } |
|
260 .wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-50, |
|
261 .wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-50, |
|
262 .wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-50, |
|
263 .wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-50 { |
|
264 opacity: 0.5; |
|
265 } |
|
266 .wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-60, |
|
267 .wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-60, |
|
268 .wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-60, |
|
269 .wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-60 { |
|
270 opacity: 0.6; |
|
271 } |
|
272 .wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-70, |
|
273 .wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-70, |
|
274 .wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-70, |
|
275 .wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-70 { |
|
276 opacity: 0.7; |
|
277 } |
|
278 .wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-80, |
|
279 .wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-80, |
|
280 .wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-80, |
|
281 .wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-80 { |
|
282 opacity: 0.8; |
|
283 } |
|
284 .wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-90, |
|
285 .wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-90, |
|
286 .wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-90, |
|
287 .wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-90 { |
|
288 opacity: 0.9; |
|
289 } |
|
290 .wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-100, |
|
291 .wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-100, |
|
292 .wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-100, |
|
293 .wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-100 { |
|
294 opacity: 1; |
|
295 } |
|
296 .wp-block-cover-image .block-library-cover__padding-visualizer, |
|
297 .wp-block-cover .block-library-cover__padding-visualizer { |
|
298 z-index: 2; |
195 } |
299 } |
196 .wp-block-cover-image.alignleft, .wp-block-cover-image.alignright, |
300 .wp-block-cover-image.alignleft, .wp-block-cover-image.alignright, |
197 .wp-block-cover.alignleft, |
301 .wp-block-cover.alignleft, |
198 .wp-block-cover.alignright { |
302 .wp-block-cover.alignright { |
199 max-width: 420px; |
303 max-width: 420px; |