67 * Reset the WP Admin page styles for Gutenberg-like pages. |
70 * Reset the WP Admin page styles for Gutenberg-like pages. |
68 */ |
71 */ |
69 :root { |
72 :root { |
70 --wp-admin-theme-color: #007cba; |
73 --wp-admin-theme-color: #007cba; |
71 --wp-admin-theme-color-darker-10: #006ba1; |
74 --wp-admin-theme-color-darker-10: #006ba1; |
72 --wp-admin-theme-color-darker-20: #005a87; } |
75 --wp-admin-theme-color-darker-20: #005a87; |
|
76 --wp-admin-border-width-focus: 2px; |
|
77 } |
|
78 @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { |
|
79 :root { |
|
80 --wp-admin-border-width-focus: 1.5px; |
|
81 } |
|
82 } |
73 |
83 |
74 #start-resizable-editor-section { |
84 #start-resizable-editor-section { |
75 display: none; } |
85 display: none; |
76 |
86 } |
|
87 |
|
88 .block-editor-autocompleters__block { |
|
89 white-space: nowrap; |
|
90 } |
77 .block-editor-autocompleters__block .block-editor-block-icon { |
91 .block-editor-autocompleters__block .block-editor-block-icon { |
78 margin-left: 8px; } |
92 margin-left: 8px; |
79 |
93 } |
80 .block-editor-block-alignment-matrix-toolbar__popover .components-popover__content { |
94 |
|
95 .block-editor-block-alignment-matrix-control__popover .components-popover__content { |
81 min-width: 0; |
96 min-width: 0; |
82 width: auto; } |
97 width: auto; |
83 .block-editor-block-alignment-matrix-toolbar__popover .components-popover__content > div { |
98 } |
84 padding: 8px; } |
99 .block-editor-block-alignment-matrix-control__popover .components-popover__content > div { |
|
100 padding: 8px; |
|
101 } |
85 |
102 |
86 .block-editor-block-icon { |
103 .block-editor-block-icon { |
87 display: flex; |
104 display: flex; |
88 align-items: center; |
105 align-items: center; |
89 justify-content: center; |
106 justify-content: center; |
90 width: 24px; |
107 width: 24px; |
91 height: 24px; } |
108 height: 24px; |
92 .block-editor-block-icon.has-colors svg { |
109 } |
93 fill: currentColor; } |
110 .block-editor-block-icon.has-colors svg { |
94 .block-editor-block-icon svg { |
111 fill: currentColor; |
95 min-width: 20px; |
112 } |
96 min-height: 20px; |
113 .block-editor-block-icon svg { |
97 max-width: 24px; |
114 min-width: 20px; |
98 max-height: 24px; } |
115 min-height: 20px; |
99 |
116 max-width: 24px; |
|
117 max-height: 24px; |
|
118 } |
|
119 |
|
120 .block-editor-block-inspector p { |
|
121 margin-top: 0; |
|
122 } |
|
123 .block-editor-block-inspector h2, |
|
124 .block-editor-block-inspector h3 { |
|
125 font-size: 13px; |
|
126 color: #1e1e1e; |
|
127 margin-bottom: 1.5em; |
|
128 } |
100 .block-editor-block-inspector .components-base-control { |
129 .block-editor-block-inspector .components-base-control { |
101 margin-bottom: 24px; } |
130 margin-bottom: 24px; |
102 .block-editor-block-inspector .components-base-control:last-child { |
131 } |
103 margin-bottom: 8px; } |
132 .block-editor-block-inspector .components-base-control:last-child { |
104 |
133 margin-bottom: 8px; |
|
134 } |
105 .block-editor-block-inspector .components-panel__body { |
135 .block-editor-block-inspector .components-panel__body { |
106 border: none; |
136 border: none; |
107 border-top: 1px solid #f0f0f0; } |
137 border-top: 1px solid #e0e0e0; |
108 |
138 } |
109 .block-editor-block-inspector .block-editor-block-card { |
139 .block-editor-block-inspector .block-editor-block-card { |
110 padding: 16px; } |
140 padding: 16px; |
|
141 } |
111 |
142 |
112 .block-editor-block-inspector__no-blocks { |
143 .block-editor-block-inspector__no-blocks { |
113 display: block; |
144 display: block; |
114 font-size: 13px; |
145 font-size: 13px; |
115 background: #fff; |
146 background: #fff; |
116 padding: 32px 16px; |
147 padding: 32px 16px; |
117 text-align: center; } |
148 text-align: center; |
118 |
149 } |
119 .block-editor-block-list__layout .block-editor-block-list__block .reusable-block-edit-panel * { |
|
120 z-index: 1; } |
|
121 |
150 |
122 .block-editor-block-styles .block-editor-block-list__block { |
151 .block-editor-block-styles .block-editor-block-list__block { |
123 margin: 0; } |
152 margin: 0; |
|
153 } |
124 |
154 |
125 /** |
155 /** |
126 * Notices & Block Selected/Hover Styles. |
156 * Notices & Block Selected/Hover Styles. |
127 */ |
157 */ |
|
158 /** |
|
159 * Cross-Block Selection |
|
160 */ |
|
161 .block-editor-block-list__layout { |
|
162 position: relative; |
|
163 } |
|
164 .block-editor-block-list__layout.is-navigate-mode { |
|
165 cursor: default; |
|
166 } |
|
167 .block-editor-block-list__layout.is-navigate-mode .block-editor-block-list__block.is-selected::after, .block-editor-block-list__layout.is-navigate-mode .block-editor-block-list__block.is-hovered::after, |
|
168 .block-editor-block-list__layout .block-editor-block-list__block.is-highlighted::after, |
|
169 .block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected::after { |
|
170 position: absolute; |
|
171 z-index: 1; |
|
172 pointer-events: none; |
|
173 content: ""; |
|
174 top: 1px; |
|
175 bottom: 1px; |
|
176 right: 1px; |
|
177 left: 1px; |
|
178 box-shadow: 0 0 0 1px var(--wp-admin-theme-color); |
|
179 border-radius: 1px; |
|
180 outline: 2px solid transparent; |
|
181 } |
|
182 .is-dark-theme .block-editor-block-list__layout.is-navigate-mode .block-editor-block-list__block.is-selected::after, .is-dark-theme .block-editor-block-list__layout.is-navigate-mode .block-editor-block-list__block.is-hovered::after, |
|
183 .is-dark-theme .block-editor-block-list__layout .block-editor-block-list__block.is-highlighted::after, |
|
184 .is-dark-theme .block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected::after { |
|
185 box-shadow: 0 0 0 1px #fff; |
|
186 } |
|
187 .block-editor-block-list__layout.is-navigate-mode .block-editor-block-list__block.is-selected .components-placeholder ::selection, .block-editor-block-list__layout.is-navigate-mode .block-editor-block-list__block.is-hovered .components-placeholder ::selection, |
|
188 .block-editor-block-list__layout .block-editor-block-list__block.is-highlighted .components-placeholder ::selection, |
|
189 .block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected .components-placeholder ::selection { |
|
190 background: transparent; |
|
191 } |
|
192 .block-editor-block-list__layout.is-navigate-mode .block-editor-block-list__block.is-hovered:not(.is-selected)::after { |
|
193 box-shadow: 0 0 0 1px #949494; |
|
194 } |
|
195 .block-editor-block-list__layout .block-editor-block-list__block.is-highlighted::after, |
|
196 .block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected::after, .block-editor-block-list__layout.is-navigate-mode .block-editor-block-list__block.is-selected::after, .block-editor-block-list__layout .is-block-moving-mode.block-editor-block-list__block.has-child-selected { |
|
197 box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); |
|
198 outline: var(--wp-admin-border-width-focus) solid transparent; |
|
199 } |
|
200 .block-editor-block-list__layout .is-block-moving-mode.block-editor-block-list__block.is-selected::before { |
|
201 content: ""; |
|
202 position: absolute; |
|
203 z-index: 0; |
|
204 pointer-events: none; |
|
205 transition: border-color 0.1s linear, border-style 0.1s linear, box-shadow 0.1s linear; |
|
206 left: 0; |
|
207 right: 0; |
|
208 top: -14px; |
|
209 border-radius: 2px; |
|
210 border-top: 4px solid #ccc; |
|
211 } |
|
212 .block-editor-block-list__layout .is-block-moving-mode.block-editor-block-list__block.is-selected::after { |
|
213 content: none; |
|
214 } |
|
215 .block-editor-block-list__layout .is-block-moving-mode.can-insert-moving-block.block-editor-block-list__block.is-selected::before { |
|
216 border-color: var(--wp-admin-theme-color); |
|
217 } |
|
218 |
|
219 .is-block-moving-mode.block-editor-block-list__block-selection-button { |
|
220 opacity: 0; |
|
221 font-size: 1px; |
|
222 height: 1px; |
|
223 padding: 0; |
|
224 } |
|
225 |
128 .block-editor-block-list__layout .block-editor-block-list__block { |
226 .block-editor-block-list__layout .block-editor-block-list__block { |
129 position: relative; |
227 position: relative; |
130 overflow-wrap: break-word; |
228 overflow-wrap: break-word; |
131 /** |
229 /** |
132 * Notices |
230 * Notices |
133 */ |
231 */ |
134 /** |
232 /** |
135 * Block Layout |
233 * Block Layout |
136 */ } |
234 */ |
137 .block-editor-block-list__layout .block-editor-block-list__block .components-placeholder .components-with-notices-ui { |
235 /** |
138 margin: -10px 0 12px 0; } |
236 * Block styles and alignments |
139 .block-editor-block-list__layout .block-editor-block-list__block .components-with-notices-ui { |
237 */ |
140 margin: 0 0 12px 0; |
238 } |
141 width: 100%; } |
239 .block-editor-block-list__layout .block-editor-block-list__block .reusable-block-edit-panel * { |
142 .block-editor-block-list__layout .block-editor-block-list__block .components-with-notices-ui .components-notice { |
240 z-index: 1; |
143 margin-right: 0; |
241 } |
144 margin-left: 0; } |
242 .block-editor-block-list__layout .block-editor-block-list__block .components-placeholder .components-with-notices-ui { |
145 .block-editor-block-list__layout .block-editor-block-list__block .components-with-notices-ui .components-notice .components-notice__content { |
243 margin: -10px 0 12px 0; |
146 font-size: 13px; } |
244 } |
147 .block-editor-block-list__layout .block-editor-block-list__block:not([contenteditable]):focus { |
245 .block-editor-block-list__layout .block-editor-block-list__block .components-with-notices-ui { |
148 outline: none; } |
246 margin: 0 0 12px 0; |
149 .block-editor-block-list__layout .block-editor-block-list__block:not([contenteditable]):focus::after { |
247 width: 100%; |
150 position: absolute; |
248 } |
151 z-index: 1; |
249 .block-editor-block-list__layout .block-editor-block-list__block .components-with-notices-ui .components-notice { |
152 pointer-events: none; |
250 margin-right: 0; |
153 content: ""; |
251 margin-left: 0; |
154 top: 1px; |
252 } |
155 bottom: 1px; |
253 .block-editor-block-list__layout .block-editor-block-list__block .components-with-notices-ui .components-notice .components-notice__content { |
156 right: 1px; |
254 font-size: 13px; |
157 left: 1px; |
255 } |
158 box-shadow: 0 0 0 1.5px #007cba; |
256 .block-editor-block-list__layout .block-editor-block-list__block:not([contenteditable]):focus { |
159 box-shadow: 0 0 0 1.5px var(--wp-admin-theme-color); |
257 outline: none; |
160 border-radius: 1px; } |
258 } |
161 .is-dark-theme .block-editor-block-list__layout .block-editor-block-list__block:not([contenteditable]):focus::after { |
259 .block-editor-block-list__layout .block-editor-block-list__block:not([contenteditable]):focus::after { |
162 box-shadow: 0 0 0 1.5px #fff; } |
260 position: absolute; |
163 .block-editor-block-list__layout .block-editor-block-list__block.is-focus-mode:not(.is-multi-selected) { |
261 z-index: 1; |
164 opacity: 0.5; |
262 pointer-events: none; |
165 transition: opacity 0.1s linear; } |
263 content: ""; |
166 @media (prefers-reduced-motion: reduce) { |
264 top: 1px; |
167 .block-editor-block-list__layout .block-editor-block-list__block.is-focus-mode:not(.is-multi-selected) { |
265 bottom: 1px; |
168 transition-duration: 0s; } } |
266 right: 1px; |
169 .block-editor-block-list__layout .block-editor-block-list__block.is-focus-mode:not(.is-multi-selected):not(.is-focused) .block-editor-block-list__block, .block-editor-block-list__layout .block-editor-block-list__block.is-focus-mode:not(.is-multi-selected).is-focused { |
267 left: 1px; |
170 opacity: 1; } |
268 box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); |
171 |
269 border-radius: 1px; |
172 .block-editor-block-list__layout .block-editor-block-list__block, |
270 } |
173 .block-editor-block-list__layout .block-list-appender { |
271 .is-dark-theme .block-editor-block-list__layout .block-editor-block-list__block:not([contenteditable]):focus::after { |
174 position: relative; } |
272 box-shadow: 0 0 0 var(--wp-admin-border-width-focus) #fff; |
175 .block-editor-block-list__layout .block-editor-block-list__block.is-drop-target::before, |
273 } |
176 .block-editor-block-list__layout .block-list-appender.is-drop-target::before { |
|
177 content: ""; |
|
178 position: absolute; |
|
179 z-index: 0; |
|
180 pointer-events: none; |
|
181 transition: border-color 0.1s linear, border-style 0.1s linear, box-shadow 0.1s linear; |
|
182 top: -14px; |
|
183 left: 0; |
|
184 right: 0; |
|
185 border-top: 4px solid #007cba; |
|
186 border-top: 4px solid var(--wp-admin-theme-color); } |
|
187 .block-editor-block-list__layout .block-editor-block-list__block.is-drop-target.is-dropping-horizontally::before, |
|
188 .block-editor-block-list__layout .block-list-appender.is-drop-target.is-dropping-horizontally::before { |
|
189 top: 0; |
|
190 bottom: 0; |
|
191 right: -6px; |
|
192 border-top: none; |
|
193 border-right: 4px solid #007cba; |
|
194 border-right: 4px solid var(--wp-admin-theme-color); } |
|
195 |
|
196 /** |
|
197 * Cross-Block Selection |
|
198 */ |
|
199 .block-editor-block-list__layout { |
|
200 position: relative; } |
|
201 .is-navigate-mode .block-editor-block-list__layout .block-editor-block-list__block.is-selected::after, |
|
202 .is-navigate-mode .block-editor-block-list__layout .block-editor-block-list__block.is-hovered::after, |
|
203 .block-editor-block-list__layout .block-editor-block-list__block.is-highlighted::after, |
|
204 .block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected::after { |
|
205 position: absolute; |
|
206 z-index: 1; |
|
207 pointer-events: none; |
|
208 content: ""; |
|
209 top: 1px; |
|
210 bottom: 1px; |
|
211 right: 1px; |
|
212 left: 1px; } |
|
213 .is-navigate-mode .block-editor-block-list__layout .block-editor-block-list__block.is-selected::after, |
|
214 .is-navigate-mode .block-editor-block-list__layout .block-editor-block-list__block.is-hovered::after, |
|
215 .block-editor-block-list__layout .block-editor-block-list__block.is-highlighted::after, |
|
216 .block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected::after { |
|
217 box-shadow: 0 0 0 1.5px #007cba; |
|
218 box-shadow: 0 0 0 1.5px var(--wp-admin-theme-color); |
|
219 border-radius: 1px; |
|
220 transition: box-shadow 0.2s ease-out; |
|
221 outline: 2px solid transparent; } |
|
222 @media (prefers-reduced-motion: reduce) { |
|
223 .is-navigate-mode .block-editor-block-list__layout .block-editor-block-list__block.is-selected::after, |
|
224 .is-navigate-mode .block-editor-block-list__layout .block-editor-block-list__block.is-hovered::after, |
|
225 .block-editor-block-list__layout .block-editor-block-list__block.is-highlighted::after, |
|
226 .block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected::after { |
|
227 transition-duration: 0s; } } |
|
228 .is-dark-theme .is-navigate-mode .block-editor-block-list__layout .block-editor-block-list__block.is-selected::after, .is-dark-theme |
|
229 .is-navigate-mode .block-editor-block-list__layout .block-editor-block-list__block.is-hovered::after, .is-dark-theme |
|
230 .block-editor-block-list__layout .block-editor-block-list__block.is-highlighted::after, .is-dark-theme |
|
231 .block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected::after { |
|
232 box-shadow: 0 0 0 1.5px #fff; } |
|
233 .is-navigate-mode .block-editor-block-list__layout .block-editor-block-list__block.is-selected .components-placeholder ::selection, |
|
234 .is-navigate-mode .block-editor-block-list__layout .block-editor-block-list__block.is-hovered .components-placeholder ::selection, |
|
235 .block-editor-block-list__layout .block-editor-block-list__block.is-highlighted .components-placeholder ::selection, |
|
236 .block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected .components-placeholder ::selection { |
|
237 background: transparent; } |
|
238 .is-navigate-mode .block-editor-block-list__layout .block-editor-block-list__block.is-hovered:not(.is-selected)::after { |
|
239 box-shadow: 0 0 0 1px #949494; } |
|
240 .is-block-moving-mode .block-editor-block-list__layout .block-editor-block-list__block.has-child-selected { |
|
241 box-shadow: 0 0 0 1.5px #007cba; |
|
242 box-shadow: 0 0 0 1.5px var(--wp-admin-theme-color); |
|
243 outline: 1.5px solid transparent; } |
|
244 .is-block-moving-mode .block-editor-block-list__layout .block-editor-block-list__block.is-selected::before { |
|
245 content: ""; |
|
246 position: absolute; |
|
247 z-index: 0; |
|
248 pointer-events: none; |
|
249 transition: border-color 0.1s linear, border-style 0.1s linear, box-shadow 0.1s linear; |
|
250 left: 0; |
|
251 right: 0; |
|
252 top: -14px; |
|
253 border-radius: 2px; |
|
254 border-top: 4px solid #ccc; } |
|
255 .is-block-moving-mode .block-editor-block-list__layout .block-editor-block-list__block.is-selected::after { |
|
256 content: none; } |
|
257 .is-block-moving-mode.can-insert-moving-block .block-editor-block-list__layout .block-editor-block-list__block.is-selected::before { |
|
258 border-color: #007cba; |
|
259 border-color: var(--wp-admin-theme-color); } |
|
260 |
|
261 .is-block-moving-mode.block-editor-block-list__block-selection-button { |
|
262 opacity: 0; |
|
263 font-size: 1px; |
|
264 height: 1px; |
|
265 padding: 0; } |
|
266 |
|
267 /** |
|
268 * Block styles and alignments |
|
269 */ |
|
270 .block-editor-block-list__layout .block-editor-block-list__block.has-warning { |
|
271 min-height: 36px; } |
|
272 |
|
273 .block-editor-block-list__layout .block-editor-block-list__block::after { |
274 .block-editor-block-list__layout .block-editor-block-list__block::after { |
274 content: ""; |
275 content: ""; |
275 pointer-events: none; |
276 pointer-events: none; |
276 position: absolute; |
277 position: absolute; |
277 top: 0; |
278 top: 0; |
278 left: 0; |
279 left: 0; |
279 bottom: 0; |
280 bottom: 0; |
280 right: 0; |
281 right: 0; |
281 border-radius: 2px; |
282 border-radius: 2px; |
282 box-shadow: 0 0 0 1.5px transparent; |
283 box-shadow: 0 0 0 var(--wp-admin-border-width-focus) transparent; |
283 transition: box-shadow 0.1s ease-in; } |
284 } |
284 @media (prefers-reduced-motion: reduce) { |
285 .block-editor-block-list__layout .block-editor-block-list__block.has-warning { |
285 .block-editor-block-list__layout .block-editor-block-list__block::after { |
286 min-height: 48px; |
286 transition-duration: 0s; } } |
287 } |
287 |
|
288 .block-editor-block-list__layout .block-editor-block-list__block.has-warning > * { |
288 .block-editor-block-list__layout .block-editor-block-list__block.has-warning > * { |
289 pointer-events: none; |
289 pointer-events: none; |
290 -webkit-user-select: none; |
290 -webkit-user-select: none; |
291 -ms-user-select: none; |
291 user-select: none; |
292 user-select: none; } |
292 } |
293 |
|
294 .block-editor-block-list__layout .block-editor-block-list__block.has-warning .block-editor-warning { |
293 .block-editor-block-list__layout .block-editor-block-list__block.has-warning .block-editor-warning { |
295 pointer-events: all; } |
294 pointer-events: all; |
296 |
295 } |
297 .block-editor-block-list__layout .block-editor-block-list__block.has-warning::after { |
296 .block-editor-block-list__layout .block-editor-block-list__block.has-warning::after { |
298 content: ""; |
297 content: ""; |
299 position: absolute; |
298 position: absolute; |
300 top: 0; |
299 top: 0; |
301 left: 0; |
300 left: 0; |
302 bottom: 0; |
301 bottom: 0; |
303 right: 0; |
302 right: 0; |
304 border-radius: 2px; |
303 border-radius: 2px; |
305 background-color: rgba(255, 255, 255, 0.4); } |
304 background-color: rgba(255, 255, 255, 0.4); |
306 |
305 } |
307 .block-editor-block-list__layout .block-editor-block-list__block.has-warning.is-multi-selected::after { |
306 .block-editor-block-list__layout .block-editor-block-list__block.has-warning.is-multi-selected::after { |
308 background-color: transparent; } |
307 background-color: transparent; |
309 |
308 } |
310 .block-editor-block-list__layout .block-editor-block-list__block.is-reusable > .block-editor-inner-blocks > .block-editor-block-list__layout.has-overlay::after { |
309 .block-editor-block-list__layout .block-editor-block-list__block.is-reusable > .block-editor-inner-blocks > .block-editor-block-list__layout.has-overlay::after { |
311 display: none; } |
310 display: none; |
312 |
311 } |
313 .block-editor-block-list__layout .block-editor-block-list__block.is-reusable > .block-editor-inner-blocks > .block-editor-block-list__layout.has-overlay .block-editor-block-list__layout.has-overlay::after { |
312 .block-editor-block-list__layout .block-editor-block-list__block.is-reusable > .block-editor-inner-blocks > .block-editor-block-list__layout.has-overlay .block-editor-block-list__layout.has-overlay::after { |
314 display: block; } |
313 display: block; |
315 |
314 } |
316 .is-navigate-mode .block-editor-block-list__layout .block-editor-block-list__block { |
315 .block-editor-block-list__layout .block-editor-block-list__block.is-reusable.has-child-selected::after { |
317 cursor: default; } |
316 box-shadow: 0 0 0 1px var(--wp-admin-theme-color); |
318 |
317 } |
319 .block-editor-block-list__layout .block-editor-block-list__block[data-clear="true"] { |
318 .block-editor-block-list__layout .block-editor-block-list__block[data-clear=true] { |
320 float: none; } |
319 float: none; |
321 |
320 } |
322 .block-editor-block-list__layout .block-editor-block-list__block .block-editor-block-list__layout .block-editor-default-block-appender .block-editor-inserter { |
321 .block-editor-block-list__layout .block-editor-block-list__block .block-editor-block-list__layout .block-editor-default-block-appender .block-editor-inserter { |
323 right: auto; |
322 right: auto; |
324 left: 8px; } |
323 left: 8px; |
325 |
324 } |
326 .block-editor-block-list__layout .wp-block { |
325 |
327 margin-right: auto; |
326 .is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-hovered { |
328 margin-left: auto; } |
327 cursor: default; |
329 |
328 } |
330 .wp-block[data-align="left"], .wp-block[data-align="right"] { |
329 .is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-hovered::after { |
331 width: 100%; |
330 top: 1px; |
332 height: 0; } |
331 right: 1px; |
333 .wp-block[data-align="left"]::before, .wp-block[data-align="right"]::before { |
332 left: 1px; |
334 content: none; } |
333 bottom: 1px; |
335 |
334 box-shadow: 0 0 0 1px var(--wp-admin-theme-color); |
336 .wp-block[data-align="left"] > *, |
335 border-radius: 1px; |
337 .wp-block[data-align="right"] > * { |
336 } |
338 z-index: 21; } |
337 .is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-selected { |
339 |
338 cursor: unset; |
340 .wp-block[data-align="left"] > * { |
339 } |
341 float: left; |
340 .is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-selected::after { |
342 margin-right: 2em; } |
341 box-shadow: 0 0 0 1px var(--wp-admin-theme-color); |
343 |
342 top: 1px; |
344 .wp-block[data-align="right"] > * { |
343 right: 1px; |
345 float: right; |
344 left: 1px; |
346 margin-left: 2em; } |
345 bottom: 1px; |
347 |
346 border-radius: 1px; |
348 .wp-block[data-align="full"], .wp-block[data-align="wide"] { |
347 } |
349 clear: both; } |
348 .is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-selected:focus::after { |
|
349 box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); |
|
350 } |
|
351 |
|
352 .is-focus-mode .block-editor-block-list__block:not(.has-child-selected) { |
|
353 opacity: 0.5; |
|
354 transition: opacity 0.1s linear; |
|
355 } |
|
356 @media (prefers-reduced-motion: reduce) { |
|
357 .is-focus-mode .block-editor-block-list__block:not(.has-child-selected) { |
|
358 transition-duration: 0s; |
|
359 transition-delay: 0s; |
|
360 } |
|
361 } |
|
362 .is-focus-mode .block-editor-block-list__block:not(.has-child-selected) .block-editor-block-list__block, .is-focus-mode .block-editor-block-list__block:not(.has-child-selected).is-selected, .is-focus-mode .block-editor-block-list__block:not(.has-child-selected).is-multi-selected { |
|
363 opacity: 1; |
|
364 } |
|
365 |
|
366 .is-root-container:not(.is-focus-mode) .block-editor-block-list__block.has-active-entity { |
|
367 opacity: 0.5; |
|
368 transition: opacity 0.1s linear; |
|
369 } |
|
370 @media (prefers-reduced-motion: reduce) { |
|
371 .is-root-container:not(.is-focus-mode) .block-editor-block-list__block.has-active-entity { |
|
372 transition-duration: 0s; |
|
373 transition-delay: 0s; |
|
374 } |
|
375 } |
|
376 .is-root-container:not(.is-focus-mode) .block-editor-block-list__block.has-active-entity.is-active-entity, .is-root-container:not(.is-focus-mode) .block-editor-block-list__block.has-active-entity.has-child-selected, .is-root-container:not(.is-focus-mode) .block-editor-block-list__block.has-active-entity:not(.has-child-selected) .block-editor-block-list__block, .is-root-container:not(.is-focus-mode) .block-editor-block-list__block.has-active-entity.is-active-entity .block-editor-block-list__block, |
|
377 .is-root-container:not(.is-focus-mode) .block-editor-block-list__block.has-active-entity .is-active-entity .block-editor-block-list__block { |
|
378 opacity: 1; |
|
379 } |
|
380 |
|
381 .wp-block[data-align=left] > *, |
|
382 .wp-block[data-align=right] > * { |
|
383 z-index: 21; |
|
384 } |
350 |
385 |
351 /** |
386 /** |
352 * In-Canvas Inserter |
387 * In-Canvas Inserter |
353 */ |
388 */ |
354 .block-editor-block-list .block-editor-inserter { |
389 .block-editor-block-list .block-editor-inserter { |
355 margin: 8px; |
390 margin: 8px; |
356 cursor: move; |
391 cursor: move; |
357 cursor: grab; } |
392 cursor: grab; |
358 |
393 } |
|
394 |
|
395 @keyframes block-editor-inserter__toggle__fade-in-animation { |
|
396 from { |
|
397 opacity: 0; |
|
398 } |
|
399 to { |
|
400 opacity: 1; |
|
401 } |
|
402 } |
|
403 .wp-block .block-list-appender .block-editor-inserter__toggle { |
|
404 animation: block-editor-inserter__toggle__fade-in-animation 0.1s ease; |
|
405 animation-fill-mode: forwards; |
|
406 } |
|
407 @media (prefers-reduced-motion: reduce) { |
|
408 .wp-block .block-list-appender .block-editor-inserter__toggle { |
|
409 animation-duration: 1ms; |
|
410 animation-delay: 0s; |
|
411 } |
|
412 } |
|
413 |
|
414 .block-editor-block-list__block:not(.is-selected):not(.has-child-selected) .block-editor-default-block-appender { |
|
415 display: none; |
|
416 } |
|
417 .block-editor-block-list__block:not(.is-selected):not(.has-child-selected) .block-editor-default-block-appender .block-editor-inserter__toggle { |
|
418 opacity: 0; |
|
419 transform: scale(0); |
|
420 } |
|
421 |
|
422 .block-editor-block-list__block .block-editor-block-list__block-html-textarea { |
|
423 display: block; |
|
424 margin: 0; |
|
425 padding: 12px; |
|
426 width: 100%; |
|
427 border: none; |
|
428 outline: none; |
|
429 border-radius: 2px; |
|
430 box-shadow: inset 0 0 0 1px #1e1e1e; |
|
431 resize: none; |
|
432 overflow: hidden; |
|
433 font-family: Menlo, Consolas, monaco, monospace; |
|
434 font-size: 15px; |
|
435 line-height: 1.5; |
|
436 transition: padding 0.2s linear; |
|
437 } |
|
438 @media (prefers-reduced-motion: reduce) { |
|
439 .block-editor-block-list__block .block-editor-block-list__block-html-textarea { |
|
440 transition-duration: 0s; |
|
441 transition-delay: 0s; |
|
442 } |
|
443 } |
|
444 .block-editor-block-list__block .block-editor-block-list__block-html-textarea:focus { |
|
445 box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); |
|
446 } |
|
447 |
|
448 /** |
|
449 * Warnings. |
|
450 */ |
|
451 .block-editor-block-list__block .block-editor-warning { |
|
452 z-index: 5; |
|
453 position: relative; |
|
454 } |
|
455 .block-editor-block-list__block .block-editor-warning.block-editor-block-list__block-crash-warning { |
|
456 margin-bottom: auto; |
|
457 } |
|
458 |
|
459 /** |
|
460 * Insertion Point. |
|
461 */ |
359 .block-editor-block-list__insertion-point { |
462 .block-editor-block-list__insertion-point { |
360 position: relative; |
463 position: absolute; |
361 z-index: 6; |
464 } |
362 margin-top: -14px; } |
|
363 |
465 |
364 .block-editor-block-list__insertion-point-indicator { |
466 .block-editor-block-list__insertion-point-indicator { |
365 position: absolute; |
467 position: absolute; |
366 top: calc(50% - 1px); |
468 background: var(--wp-admin-theme-color); |
367 height: 1.5px; |
469 animation: block-editor-inserter__toggle__fade-in-animation-delayed 0.3s ease; |
|
470 animation-fill-mode: forwards; |
|
471 } |
|
472 @media (prefers-reduced-motion: reduce) { |
|
473 .block-editor-block-list__insertion-point-indicator { |
|
474 animation-duration: 1ms; |
|
475 animation-delay: 0s; |
|
476 } |
|
477 } |
|
478 .block-editor-block-list__insertion-point.is-vertical > .block-editor-block-list__insertion-point-indicator { |
|
479 top: 50%; |
|
480 left: 0; |
368 right: 0; |
481 right: 0; |
|
482 height: 1px; |
|
483 } |
|
484 .block-editor-block-list__insertion-point.is-horizontal > .block-editor-block-list__insertion-point-indicator { |
|
485 top: 0; |
369 left: 0; |
486 left: 0; |
370 background: #007cba; |
487 right: 50%; |
371 background: var(--wp-admin-theme-color); } |
488 height: 100%; |
|
489 width: 1px; |
|
490 } |
372 |
491 |
373 .block-editor-block-list__insertion-point-inserter { |
492 .block-editor-block-list__insertion-point-inserter { |
374 display: none; |
493 display: none; |
|
494 position: absolute; |
375 justify-content: center; |
495 justify-content: center; |
376 cursor: text; } |
496 top: calc(50% - 12px); |
377 @media (min-width: 480px) { |
497 right: calc(50% - 12px); |
378 .block-editor-block-list__insertion-point-inserter { |
498 } |
379 display: flex; } } |
499 @media (min-width: 480px) { |
380 .block-editor-block-list__insertion-point-inserter.is-inserter-hidden .block-editor-inserter__toggle { |
500 .block-editor-block-list__insertion-point-inserter { |
381 visibility: hidden; |
501 display: flex; |
382 pointer-events: none; } |
502 } |
|
503 } |
383 |
504 |
384 .block-editor-block-list__block-popover-inserter { |
505 .block-editor-block-list__block-popover-inserter { |
385 position: absolute; |
506 position: absolute; |
386 top: -9999em; |
507 top: -9999em; |
387 margin-bottom: 14px; } |
508 margin-bottom: 14px; |
388 .block-editor-block-list__block-popover-inserter.is-visible { |
509 } |
389 position: static; } |
510 .block-editor-block-list__block-popover-inserter.is-visible { |
|
511 position: static; |
|
512 } |
390 |
513 |
391 .block-editor-block-list__empty-block-inserter .block-editor-inserter__toggle.components-button.has-icon, |
514 .block-editor-block-list__empty-block-inserter .block-editor-inserter__toggle.components-button.has-icon, |
392 .block-editor-default-block-appender .block-editor-inserter__toggle.components-button.has-icon, |
515 .block-editor-default-block-appender .block-editor-inserter__toggle.components-button.has-icon, |
393 .block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button.has-icon, |
516 .block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button.has-icon, |
394 .block-editor-block-list__block-popover-inserter .block-editor-inserter__toggle.components-button.has-icon { |
517 .block-editor-block-list__block-popover-inserter .block-editor-inserter__toggle.components-button.has-icon { |
395 background: #1e1e1e; |
518 background: #1e1e1e; |
396 border-radius: 2px; |
519 border-radius: 2px; |
397 color: #fff; |
520 color: #fff; |
398 padding: 0; |
521 padding: 0; |
399 min-width: 24px; |
522 min-width: 24px; |
400 height: 24px; } |
523 height: 24px; |
401 .block-editor-block-list__empty-block-inserter .block-editor-inserter__toggle.components-button.has-icon:hover, |
524 } |
402 .block-editor-default-block-appender .block-editor-inserter__toggle.components-button.has-icon:hover, |
525 .block-editor-block-list__empty-block-inserter .block-editor-inserter__toggle.components-button.has-icon:hover, |
403 .block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button.has-icon:hover, |
526 .block-editor-default-block-appender .block-editor-inserter__toggle.components-button.has-icon:hover, |
404 .block-editor-block-list__block-popover-inserter .block-editor-inserter__toggle.components-button.has-icon:hover { |
527 .block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button.has-icon:hover, |
405 color: #fff; } |
528 .block-editor-block-list__block-popover-inserter .block-editor-inserter__toggle.components-button.has-icon:hover { |
|
529 color: #fff; |
|
530 background: var(--wp-admin-theme-color); |
|
531 } |
|
532 |
|
533 .block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button.has-icon { |
|
534 background: var(--wp-admin-theme-color); |
|
535 } |
|
536 .block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button.has-icon:hover { |
|
537 background: #1e1e1e; |
|
538 } |
406 |
539 |
407 .block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button, |
540 .block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button, |
408 .block-editor-block-list__block-popover-inserter .block-editor-inserter__toggle.components-button { |
541 .block-editor-block-list__block-popover-inserter .block-editor-inserter__toggle.components-button { |
409 animation: block-editor-inserter__toggle__fade-in-animation-delayed 0.3s ease; |
542 animation: block-editor-inserter__toggle__fade-in-animation-delayed 0.3s ease; |
410 animation-fill-mode: forwards; } |
543 animation-fill-mode: forwards; |
411 @media (prefers-reduced-motion: reduce) { |
544 } |
412 .block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button, |
545 @media (prefers-reduced-motion: reduce) { |
413 .block-editor-block-list__block-popover-inserter .block-editor-inserter__toggle.components-button { |
546 .block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button, |
414 animation-duration: 1ms; } } |
547 .block-editor-block-list__block-popover-inserter .block-editor-inserter__toggle.components-button { |
|
548 animation-duration: 1ms; |
|
549 animation-delay: 0s; |
|
550 } |
|
551 } |
415 |
552 |
416 @keyframes block-editor-inserter__toggle__fade-in-animation-delayed { |
553 @keyframes block-editor-inserter__toggle__fade-in-animation-delayed { |
417 0% { |
554 0% { |
418 opacity: 0; } |
555 opacity: 0; |
419 80% { |
556 } |
420 opacity: 0; } |
557 60% { |
|
558 opacity: 0; |
|
559 } |
421 100% { |
560 100% { |
422 opacity: 1; } } |
|
423 |
|
424 @keyframes block-editor-inserter__toggle__fade-in-animation { |
|
425 from { |
|
426 opacity: 0; |
|
427 transform: scale(0); } |
|
428 to { |
|
429 opacity: 1; |
561 opacity: 1; |
430 transform: scale(1); } } |
562 } |
431 |
563 } |
432 .wp-block .block-list-appender .block-editor-inserter__toggle { |
|
433 animation: block-editor-inserter__toggle__fade-in-animation 0.1s ease; |
|
434 animation-fill-mode: forwards; } |
|
435 @media (prefers-reduced-motion: reduce) { |
|
436 .wp-block .block-list-appender .block-editor-inserter__toggle { |
|
437 animation-duration: 1ms; } } |
|
438 |
|
439 .block-editor-block-list__block:not(.is-selected):not(.has-child-selected) .block-editor-default-block-appender { |
|
440 display: none; } |
|
441 .block-editor-block-list__block:not(.is-selected):not(.has-child-selected) .block-editor-default-block-appender .block-editor-inserter__toggle { |
|
442 opacity: 0; |
|
443 transform: scale(0); } |
|
444 |
|
445 .block-editor-block-list__block > .block-editor-block-list__insertion-point { |
|
446 position: absolute; |
|
447 top: -16px; |
|
448 height: 28px; |
|
449 bottom: auto; |
|
450 right: 14px; |
|
451 left: 14px; } |
|
452 |
|
453 .block-editor-block-list__block .block-editor-block-list__block-html-textarea { |
|
454 display: block; |
|
455 margin: 0; |
|
456 width: 100%; |
|
457 border: none; |
|
458 outline: none; |
|
459 box-shadow: none; |
|
460 resize: none; |
|
461 overflow: hidden; |
|
462 font-family: Menlo, Consolas, monaco, monospace; |
|
463 font-size: 15px; |
|
464 line-height: 150%; |
|
465 transition: padding 0.2s linear; } |
|
466 @media (prefers-reduced-motion: reduce) { |
|
467 .block-editor-block-list__block .block-editor-block-list__block-html-textarea { |
|
468 transition-duration: 0s; } } |
|
469 .block-editor-block-list__block .block-editor-block-list__block-html-textarea:focus { |
|
470 box-shadow: none; } |
|
471 |
|
472 /** |
564 /** |
473 * Block Toolbar when contextual. |
565 * Block Toolbar when contextual. |
474 */ |
566 */ |
475 .block-editor-block-contextual-toolbar { |
567 .block-editor-block-contextual-toolbar { |
|
568 display: inline-flex; |
476 border: 1px solid #1e1e1e; |
569 border: 1px solid #1e1e1e; |
477 border-radius: 2px; |
570 border-radius: 2px; |
478 background-color: #fff; } |
571 background-color: #fff; |
479 .block-editor-block-contextual-toolbar .block-editor-block-toolbar .components-toolbar-group, |
572 } |
480 .block-editor-block-contextual-toolbar .block-editor-block-toolbar .components-toolbar { |
573 .block-editor-block-contextual-toolbar .block-editor-block-toolbar .components-toolbar-group, |
481 border-left-color: #1e1e1e; } |
574 .block-editor-block-contextual-toolbar .block-editor-block-toolbar .components-toolbar { |
482 .block-editor-block-contextual-toolbar .block-editor-block-mover-button { |
575 border-left-color: #1e1e1e; |
483 overflow: hidden; } |
576 } |
484 .block-editor-block-contextual-toolbar .block-editor-block-mover.is-horizontal .block-editor-block-mover-button.block-editor-block-mover-button { |
577 .block-editor-block-contextual-toolbar.is-fixed { |
485 min-width: 24px; |
578 position: sticky; |
486 width: 24px; } |
579 top: 0; |
|
580 width: 100%; |
|
581 z-index: 31; |
|
582 min-height: 48px; |
|
583 display: block; |
|
584 border: none; |
|
585 border-bottom: 1px solid #e0e0e0; |
|
586 border-radius: 0; |
|
587 } |
|
588 .block-editor-block-contextual-toolbar.is-fixed .block-editor-block-toolbar .components-toolbar-group, |
|
589 .block-editor-block-contextual-toolbar.is-fixed .block-editor-block-toolbar .components-toolbar { |
|
590 border-left-color: #e0e0e0; |
|
591 } |
|
592 .block-editor-block-contextual-toolbar .block-editor-block-mover-button { |
|
593 overflow: hidden; |
|
594 } |
|
595 .block-editor-block-contextual-toolbar .block-editor-block-mover.is-horizontal .block-editor-block-mover-button.block-editor-block-mover-button { |
|
596 min-width: 24px; |
|
597 width: 24px; |
|
598 } |
|
599 .block-editor-block-contextual-toolbar .block-editor-block-mover.is-horizontal .block-editor-block-mover-button.block-editor-block-mover-button svg { |
|
600 min-width: 24px; |
|
601 } |
|
602 |
|
603 .block-editor-block-contextual-toolbar .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover-button:focus::before { |
|
604 right: 0 !important; |
|
605 min-width: 0; |
|
606 width: 100%; |
|
607 } |
|
608 @media (min-width: 600px) { |
487 .block-editor-block-contextual-toolbar .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover-button.is-up-button svg { |
609 .block-editor-block-contextual-toolbar .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover-button.is-up-button svg { |
488 margin-top: 3px; } |
610 top: 5px; |
|
611 } |
489 .block-editor-block-contextual-toolbar .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover-button.is-down-button svg { |
612 .block-editor-block-contextual-toolbar .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover-button.is-down-button svg { |
490 margin-bottom: 3px; } |
613 bottom: 5px; |
491 .block-editor-block-contextual-toolbar .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover-button:focus::before { |
614 } |
492 right: 0 !important; |
615 } |
493 min-width: 0; |
|
494 width: 100%; } |
|
495 |
616 |
496 /** |
617 /** |
497 * Block Label for Navigation/Selection Mode |
618 * Block Label for Navigation/Selection Mode |
498 */ |
619 */ |
499 .block-editor-block-list__block-selection-button { |
620 .block-editor-block-list__block-selection-button { |
500 display: block; |
621 display: inline-flex; |
501 z-index: 22; } |
622 padding: 0 13px; |
502 .block-editor-block-list__block-selection-button .components-button { |
623 z-index: 22; |
503 font-size: 13px; |
624 border-radius: 2px; |
504 height: 46px; |
625 background-color: #1e1e1e; |
505 padding: 12px 16px; |
626 font-size: 13px; |
506 position: relative; |
627 height: 48px; |
507 top: -1px; |
628 } |
508 box-shadow: 0 0 0 1px #1e1e1e; |
629 .block-editor-block-list__block-selection-button .block-editor-block-list__block-selection-button__content { |
509 border-radius: 1px; |
630 margin: auto; |
510 background-color: #fff; } |
631 display: inline-flex; |
511 .block-editor-block-list__block-selection-button .components-button:focus { |
632 align-items: center; |
512 box-shadow: 0 0 0 1.5px #007cba; |
633 } |
513 box-shadow: 0 0 0 1.5px var(--wp-admin-theme-color); } |
634 .block-editor-block-list__block-selection-button .block-editor-block-list__block-selection-button__content > .components-flex__item { |
514 |
635 margin-left: 6px; |
515 /** |
636 } |
516 * Warnings. |
637 .block-editor-block-list__block-selection-button .components-button.has-icon.block-selection-button_drag-handle { |
517 */ |
638 cursor: grab; |
518 .block-editor-block-list__block .block-editor-warning { |
639 padding: 0; |
519 z-index: 5; |
640 height: 24px; |
520 position: relative; } |
641 min-width: 24px; |
521 .block-editor-block-list__block .block-editor-warning.block-editor-block-list__block-crash-warning { |
642 } |
522 margin-bottom: auto; } |
643 .block-editor-block-list__block-selection-button .components-button.has-icon.block-selection-button_drag-handle svg { |
|
644 min-width: 18px; |
|
645 min-height: 18px; |
|
646 } |
|
647 .block-editor-block-list__block-selection-button .block-editor-block-icon { |
|
648 font-size: 13px; |
|
649 color: #fff; |
|
650 height: 48px; |
|
651 } |
|
652 .block-editor-block-list__block-selection-button .components-button { |
|
653 min-width: 36px; |
|
654 color: #fff; |
|
655 height: 48px; |
|
656 display: flex; |
|
657 } |
|
658 .block-editor-block-list__block-selection-button .components-button:focus { |
|
659 box-shadow: none; |
|
660 border: none; |
|
661 } |
|
662 .block-editor-block-list__block-selection-button .components-button:active { |
|
663 color: #fff; |
|
664 } |
|
665 .block-editor-block-list__block-selection-button .block-selection-button_select-button.components-button { |
|
666 padding: 0; |
|
667 } |
523 |
668 |
524 /** |
669 /** |
525 * Popovers. |
670 * Popovers. |
526 */ |
671 */ |
527 .block-editor-block-list__insertion-point-popover.is-without-arrow { |
672 .block-editor-block-list__insertion-point-popover.is-without-arrow { |
528 z-index: 28; |
673 z-index: 28; |
529 position: absolute; } |
674 position: absolute; |
530 .block-editor-block-list__insertion-point-popover.is-without-arrow .components-popover__content.components-popover__content { |
675 pointer-events: none; |
531 background: none; |
676 } |
532 border: none; |
677 .block-editor-block-list__insertion-point-popover.is-without-arrow * { |
533 box-shadow: none; |
678 pointer-events: none; |
534 overflow-y: visible; |
679 } |
535 margin-right: 0; } |
680 .block-editor-block-list__insertion-point-popover.is-without-arrow .is-with-inserter { |
536 |
681 pointer-events: all; |
|
682 } |
|
683 .block-editor-block-list__insertion-point-popover.is-without-arrow .is-with-inserter * { |
|
684 pointer-events: all; |
|
685 } |
|
686 .block-editor-block-list__insertion-point-popover.is-without-arrow .components-popover__content.components-popover__content { |
|
687 background: none; |
|
688 border: none; |
|
689 box-shadow: none; |
|
690 overflow-y: visible; |
|
691 margin-right: 0; |
|
692 } |
|
693 |
|
694 @keyframes hide-during-dragging { |
|
695 to { |
|
696 position: fixed; |
|
697 transform: translate(-9999px, 9999px); |
|
698 } |
|
699 } |
537 .components-popover.block-editor-block-list__block-popover { |
700 .components-popover.block-editor-block-list__block-popover { |
538 z-index: 31; |
701 z-index: 31; |
539 position: absolute; } |
702 position: absolute; |
540 .components-popover.block-editor-block-list__block-popover .components-popover__content { |
703 } |
541 margin: 0 !important; |
704 .components-popover.block-editor-block-list__block-popover .components-popover__content { |
542 min-width: auto; |
705 margin: 0 !important; |
543 width: max-content; |
706 min-width: auto; |
544 background: none; |
707 width: max-content; |
545 border: none; |
708 background: none; |
546 box-shadow: none; |
709 border: none; |
547 overflow-y: visible; |
710 box-shadow: none; |
548 pointer-events: none; } |
711 overflow-y: visible; |
549 .components-popover.block-editor-block-list__block-popover .components-popover__content > * { |
712 pointer-events: none; |
550 pointer-events: all; } |
713 } |
551 .components-popover.block-editor-block-list__block-popover .components-popover__content .block-editor-block-list__block-selection-button, |
714 .components-popover.block-editor-block-list__block-popover .components-popover__content .block-editor-block-list__block-selection-button, |
552 .components-popover.block-editor-block-list__block-popover .components-popover__content .block-editor-block-contextual-toolbar { |
715 .components-popover.block-editor-block-list__block-popover .components-popover__content .block-editor-block-contextual-toolbar, |
553 margin-bottom: 12px; } |
716 .components-popover.block-editor-block-list__block-popover .components-popover__content .block-editor-block-list__empty-block-inserter { |
554 .is-dragging-components-draggable .components-popover.block-editor-block-list__block-popover { |
717 pointer-events: all; |
555 opacity: 0; } |
718 } |
|
719 .components-popover.block-editor-block-list__block-popover .components-popover__content .block-editor-block-list__block-selection-button, |
|
720 .components-popover.block-editor-block-list__block-popover .components-popover__content .block-editor-block-contextual-toolbar { |
|
721 margin-top: 12px; |
|
722 margin-bottom: 12px; |
|
723 } |
|
724 .components-popover.block-editor-block-list__block-popover.is-insertion-point-visible { |
|
725 visibility: hidden; |
|
726 } |
|
727 .is-dragging-components-draggable .components-popover.block-editor-block-list__block-popover { |
|
728 opacity: 0; |
|
729 animation: hide-during-dragging 1ms linear forwards; |
|
730 } |
556 |
731 |
557 .is-dragging-components-draggable .components-tooltip { |
732 .is-dragging-components-draggable .components-tooltip { |
558 display: none; } |
733 display: none; |
|
734 } |
559 |
735 |
560 .block-editor-block-list__block .block-list-appender { |
736 .block-editor-block-list__block .block-list-appender { |
561 margin: 8px 0; } |
737 align-self: center; |
562 .has-background .block-editor-block-list__block .block-list-appender { |
738 padding: 0; |
563 margin: 20px 8px; } |
739 list-style: none; |
|
740 margin: 8px; |
|
741 } |
|
742 .block-editor-block-list__block .block-list-appender.wp-block { |
|
743 max-width: none; |
|
744 } |
|
745 .block-editor-block-list__block .block-list-appender .block-editor-default-block-appender { |
|
746 margin: 8px 0; |
|
747 } |
|
748 .block-editor-block-list__block .block-list-appender .block-list-appender__toggle { |
|
749 padding: 0; |
|
750 opacity: 1; |
|
751 transform: scale(1); |
|
752 transition: all 0.1s ease; |
|
753 margin-right: 8px; |
|
754 } |
|
755 @media (prefers-reduced-motion: reduce) { |
564 .block-editor-block-list__block .block-list-appender .block-list-appender__toggle { |
756 .block-editor-block-list__block .block-list-appender .block-list-appender__toggle { |
565 padding: 0; |
757 transition-duration: 0s; |
566 opacity: 1; |
758 transition-delay: 0s; |
567 transform: scale(1); |
759 } |
568 transition: all 0.1s ease; } |
760 } |
569 @media (prefers-reduced-motion: reduce) { |
761 .block-editor-block-list__block .block-list-appender:first-of-type .block-list-appender__toggle { |
570 .block-editor-block-list__block .block-list-appender .block-list-appender__toggle { |
762 margin-right: 0; |
571 transition-duration: 0s; } } |
763 } |
|
764 |
|
765 .is-vertical .block-list-appender { |
|
766 width: 24px; |
|
767 margin-left: auto; |
|
768 margin-top: 12px; |
|
769 margin-right: 12px; |
|
770 } |
572 |
771 |
573 .block-list-appender > .block-editor-inserter { |
772 .block-list-appender > .block-editor-inserter { |
574 display: block; } |
773 display: block; |
|
774 } |
575 |
775 |
576 .block-editor-block-list__block:not(.is-selected):not(.has-child-selected):not(.block-editor-block-list__layout) .block-editor-block-list__layout > .block-list-appender .block-list-appender__toggle { |
776 .block-editor-block-list__block:not(.is-selected):not(.has-child-selected):not(.block-editor-block-list__layout) .block-editor-block-list__layout > .block-list-appender .block-list-appender__toggle { |
577 opacity: 0; |
777 opacity: 0; |
578 transform: scale(0); } |
778 transform: scale(0); |
|
779 } |
579 |
780 |
580 .block-editor-block-breadcrumb { |
781 .block-editor-block-breadcrumb { |
581 list-style: none; |
782 list-style: none; |
582 padding: 0; |
783 padding: 0; |
583 margin: 0; } |
784 margin: 0; |
584 .block-editor-block-breadcrumb li { |
785 } |
585 display: inline-block; |
786 .block-editor-block-breadcrumb li { |
586 margin: 0; } |
787 display: inline-block; |
587 .block-editor-block-breadcrumb li:not(:last-child)::after { |
788 margin: 0; |
588 content: "←"; } |
789 } |
|
790 .block-editor-block-breadcrumb li:not(:last-child)::after { |
|
791 content: "←"; |
|
792 } |
589 |
793 |
590 .block-editor-block-breadcrumb__button.components-button { |
794 .block-editor-block-breadcrumb__button.components-button { |
591 height: 24px; |
795 height: 24px; |
592 line-height: 24px; |
796 line-height: 24px; |
593 padding: 0; |
797 padding: 0; |
594 position: relative; } |
798 position: relative; |
595 .block-editor-block-breadcrumb__button.components-button:hover:not(:disabled) { |
799 } |
596 text-decoration: underline; |
800 .block-editor-block-breadcrumb__button.components-button:hover:not(:disabled) { |
597 box-shadow: none; } |
801 text-decoration: underline; |
598 .block-editor-block-breadcrumb__button.components-button:focus { |
802 box-shadow: none; |
599 box-shadow: none; } |
803 } |
600 .block-editor-block-breadcrumb__button.components-button:focus::before { |
804 .block-editor-block-breadcrumb__button.components-button:focus { |
601 content: ""; |
805 box-shadow: none; |
602 display: block; |
806 } |
603 position: absolute; |
807 .block-editor-block-breadcrumb__button.components-button:focus::before { |
604 border-radius: 2px; |
808 content: ""; |
605 top: 1px; |
809 display: block; |
606 left: 1px; |
810 position: absolute; |
607 bottom: 1px; |
811 border-radius: 2px; |
608 right: 1px; |
812 top: 1px; |
609 box-shadow: inset 0 0 0 1.5px #007cba; |
813 left: 1px; |
610 box-shadow: inset 0 0 0 1.5px var(--wp-admin-theme-color); } |
814 bottom: 1px; |
|
815 right: 1px; |
|
816 box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); |
|
817 } |
611 |
818 |
612 .block-editor-block-breadcrumb__current { |
819 .block-editor-block-breadcrumb__current { |
613 cursor: default; } |
820 cursor: default; |
|
821 } |
614 |
822 |
615 .block-editor-block-breadcrumb__button.components-button, |
823 .block-editor-block-breadcrumb__button.components-button, |
616 .block-editor-block-breadcrumb__current { |
824 .block-editor-block-breadcrumb__current { |
617 color: #1e1e1e; |
825 color: #1e1e1e; |
618 padding: 0 8px; |
826 padding: 0 8px; |
619 font-size: inherit; } |
827 font-size: inherit; |
|
828 } |
620 |
829 |
621 .block-editor-block-card { |
830 .block-editor-block-card { |
622 display: flex; |
831 display: flex; |
623 align-items: flex-start; } |
832 align-items: flex-start; |
624 |
833 } |
625 .block-editor-block-card__icon { |
|
626 border: 1px solid #ccd0d4; |
|
627 padding: 7px; |
|
628 margin-left: 10px; |
|
629 height: 36px; |
|
630 width: 36px; } |
|
631 |
834 |
632 .block-editor-block-card__content { |
835 .block-editor-block-card__content { |
633 flex-grow: 1; } |
836 flex-grow: 1; |
|
837 margin-bottom: 4px; |
|
838 } |
634 |
839 |
635 .block-editor-block-card__title { |
840 .block-editor-block-card__title { |
636 font-weight: 500; } |
841 font-weight: 500; |
637 .block-editor-block-card__title.block-editor-block-card__title { |
842 } |
638 margin: 0 0 5px; } |
843 .block-editor-block-card__title.block-editor-block-card__title { |
|
844 line-height: 24px; |
|
845 margin: 0 0 4px; |
|
846 } |
639 |
847 |
640 .block-editor-block-card__description { |
848 .block-editor-block-card__description { |
641 font-size: 13px; } |
849 font-size: 13px; |
|
850 } |
642 |
851 |
643 .block-editor-block-card .block-editor-block-icon { |
852 .block-editor-block-card .block-editor-block-icon { |
644 margin-right: -2px; |
853 flex: 0 0 24px; |
645 margin-left: 10px; |
854 margin-right: 0; |
646 padding: 0 3px; |
855 margin-left: 12px; |
647 width: 36px; |
856 width: 24px; |
648 height: 24px; } |
857 height: 24px; |
|
858 } |
649 |
859 |
650 /** |
860 /** |
651 * Invalid block comparison |
861 * Invalid block comparison |
652 */ |
862 */ |
653 .block-editor-block-compare { |
863 .block-editor-block-compare { |
654 overflow: auto; |
864 overflow: auto; |
655 height: auto; } |
865 height: auto; |
656 @media (min-width: 600px) { |
866 } |
657 .block-editor-block-compare { |
867 @media (min-width: 600px) { |
658 max-height: 70%; } } |
868 .block-editor-block-compare { |
|
869 max-height: 70%; |
|
870 } |
|
871 } |
659 |
872 |
660 .block-editor-block-compare__wrapper { |
873 .block-editor-block-compare__wrapper { |
661 display: flex; |
874 display: flex; |
662 padding-bottom: 16px; } |
875 padding-bottom: 16px; |
663 .block-editor-block-compare__wrapper > div { |
876 } |
664 display: flex; |
877 .block-editor-block-compare__wrapper > div { |
665 justify-content: space-between; |
878 display: flex; |
666 flex-direction: column; |
879 justify-content: space-between; |
667 width: 50%; |
880 flex-direction: column; |
668 padding: 0 0 0 16px; |
881 width: 50%; |
669 min-width: 200px; } |
882 padding: 0 0 0 16px; |
670 .block-editor-block-compare__wrapper > div button { |
883 min-width: 200px; |
671 float: left; } |
884 } |
672 .block-editor-block-compare__wrapper .block-editor-block-compare__converted { |
885 .block-editor-block-compare__wrapper > div button { |
673 border-right: 1px solid #ddd; |
886 float: left; |
674 padding-right: 15px; |
887 } |
675 padding-left: 0; } |
888 .block-editor-block-compare__wrapper .block-editor-block-compare__converted { |
676 .block-editor-block-compare__wrapper .block-editor-block-compare__html { |
889 border-right: 1px solid #ddd; |
677 font-family: Menlo, Consolas, monaco, monospace; |
890 padding-right: 15px; |
678 font-size: 12px; |
891 padding-left: 0; |
679 color: #1e1e1e; |
892 } |
680 border-bottom: 1px solid #ddd; |
893 .block-editor-block-compare__wrapper .block-editor-block-compare__html { |
681 padding-bottom: 15px; |
894 font-family: Menlo, Consolas, monaco, monospace; |
682 line-height: 1.7; } |
895 font-size: 12px; |
683 .block-editor-block-compare__wrapper .block-editor-block-compare__html span { |
896 color: #1e1e1e; |
684 background-color: #e6ffed; |
897 border-bottom: 1px solid #ddd; |
685 padding-top: 3px; |
898 padding-bottom: 15px; |
686 padding-bottom: 3px; } |
899 line-height: 1.7; |
687 .block-editor-block-compare__wrapper .block-editor-block-compare__html span.block-editor-block-compare__added { |
900 } |
688 background-color: #acf2bd; } |
901 .block-editor-block-compare__wrapper .block-editor-block-compare__html span { |
689 .block-editor-block-compare__wrapper .block-editor-block-compare__html span.block-editor-block-compare__removed { |
902 background-color: #e6ffed; |
690 background-color: #d94f4f; } |
903 padding-top: 3px; |
691 .block-editor-block-compare__wrapper .block-editor-block-compare__preview { |
904 padding-bottom: 3px; |
692 padding: 0; |
905 } |
693 padding-top: 14px; } |
906 .block-editor-block-compare__wrapper .block-editor-block-compare__html span.block-editor-block-compare__added { |
694 .block-editor-block-compare__wrapper .block-editor-block-compare__preview p { |
907 background-color: #acf2bd; |
695 font-size: 12px; |
908 } |
696 margin-top: 0; } |
909 .block-editor-block-compare__wrapper .block-editor-block-compare__html span.block-editor-block-compare__removed { |
697 .block-editor-block-compare__wrapper .block-editor-block-compare__action { |
910 background-color: #cc1818; |
698 margin-top: 14px; } |
911 } |
699 .block-editor-block-compare__wrapper .block-editor-block-compare__heading { |
912 .block-editor-block-compare__wrapper .block-editor-block-compare__preview { |
700 font-size: 1em; |
913 padding: 0; |
701 font-weight: 400; |
914 padding-top: 16px; |
702 margin: 0.67em 0; } |
915 } |
|
916 .block-editor-block-compare__wrapper .block-editor-block-compare__preview p { |
|
917 font-size: 12px; |
|
918 margin-top: 0; |
|
919 } |
|
920 .block-editor-block-compare__wrapper .block-editor-block-compare__action { |
|
921 margin-top: 16px; |
|
922 } |
|
923 .block-editor-block-compare__wrapper .block-editor-block-compare__heading { |
|
924 font-size: 1em; |
|
925 font-weight: 400; |
|
926 margin: 0.67em 0; |
|
927 } |
703 |
928 |
704 .block-editor-block-draggable-chip-wrapper { |
929 .block-editor-block-draggable-chip-wrapper { |
705 position: absolute; |
930 position: absolute; |
706 top: -60px; } |
931 top: -24px; |
|
932 right: 0; |
|
933 } |
707 |
934 |
708 .block-editor-block-draggable-chip { |
935 .block-editor-block-draggable-chip { |
709 background-color: #1e1e1e; |
936 background-color: #1e1e1e; |
710 border-radius: 2px; |
937 border-radius: 2px; |
711 border: 1px solid #1e1e1e; |
938 box-shadow: 0 6px 8px rgba(0, 0, 0, 0.3); |
712 box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3); |
|
713 color: #fff; |
939 color: #fff; |
714 cursor: grabbing; |
940 cursor: grabbing; |
715 display: inline-flex; |
941 display: inline-flex; |
716 height: 48px; |
942 height: 48px; |
717 min-width: 72px; |
943 padding: 0 13px; |
718 padding: 0 12px; |
|
719 -webkit-user-select: none; |
944 -webkit-user-select: none; |
720 -ms-user-select: none; |
945 user-select: none; |
721 user-select: none; } |
946 } |
722 .block-editor-block-draggable-chip svg { |
947 .block-editor-block-draggable-chip svg { |
723 fill: currentColor; } |
948 fill: currentColor; |
724 .block-editor-block-draggable-chip .block-editor-block-draggable-chip__content { |
949 } |
725 margin: auto; } |
950 .block-editor-block-draggable-chip .block-editor-block-draggable-chip__content { |
726 .block-editor-block-draggable-chip .components-flex__item { |
951 margin: auto; |
727 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
952 justify-content: flex-start; |
728 font-size: 13px; } |
953 } |
729 |
954 .block-editor-block-draggable-chip .block-editor-block-draggable-chip__content > .components-flex__item { |
730 .is-dragging.is-selected, |
955 margin-left: 6px; |
731 .is-dragging.is-multi-selected { |
956 } |
732 display: none !important; } |
957 .block-editor-block-draggable-chip .block-editor-block-draggable-chip__content > .components-flex__item:last-child { |
|
958 margin-left: 0; |
|
959 } |
|
960 .block-editor-block-draggable-chip .block-editor-block-draggable-chip__content .block-editor-block-icon svg { |
|
961 min-width: 18px; |
|
962 min-height: 18px; |
|
963 } |
|
964 .block-editor-block-draggable-chip .components-flex__item { |
|
965 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
|
966 font-size: 13px; |
|
967 } |
|
968 |
|
969 .is-dragging { |
|
970 display: none !important; |
|
971 } |
733 |
972 |
734 .block-editor-block-mobile-toolbar { |
973 .block-editor-block-mobile-toolbar { |
735 display: flex; |
974 display: flex; |
736 flex-direction: row; |
975 flex-direction: row; |
737 border-left: 1px solid #ddd; } |
976 border-left: 1px solid #ddd; |
738 .block-editor-block-mobile-toolbar .block-editor-block-mover-button { |
977 } |
739 width: 36px; |
978 .block-editor-block-mobile-toolbar .block-editor-block-mover-button { |
740 height: 36px; |
979 width: 36px; |
741 border-radius: 2px; |
980 height: 36px; |
742 padding: 3px; |
981 border-radius: 2px; |
743 margin: 0; |
982 padding: 3px; |
744 justify-content: center; |
983 margin: 0; |
745 align-items: center; } |
984 justify-content: center; |
746 .block-editor-block-mobile-toolbar .block-editor-block-mover-button .dashicon { |
985 align-items: center; |
747 margin: auto; } |
986 } |
748 .block-editor-block-mobile-toolbar .block-editor-block-mover { |
987 .block-editor-block-mobile-toolbar .block-editor-block-mover-button .dashicon { |
749 display: flex; |
988 margin: auto; |
750 margin-left: auto; } |
989 } |
751 .block-editor-block-mobile-toolbar .block-editor-block-mover .block-editor-block-mover-button { |
990 .block-editor-block-mobile-toolbar .block-editor-block-mover { |
752 float: right; } |
991 display: flex; |
|
992 margin-left: auto; |
|
993 } |
|
994 .block-editor-block-mobile-toolbar .block-editor-block-mover .block-editor-block-mover-button { |
|
995 float: right; |
|
996 } |
|
997 |
|
998 .block-editor-block-mover-button__description { |
|
999 display: none; |
|
1000 } |
|
1001 |
|
1002 .block-editor-block-mover-button.has-icon { |
|
1003 padding: 0; |
|
1004 } |
753 |
1005 |
754 .block-editor-block-mover { |
1006 .block-editor-block-mover { |
755 display: inline-flex; |
1007 display: inline-flex; |
756 flex-direction: row; } |
1008 flex-direction: row; |
757 |
1009 } |
758 .block-editor-block-mover-button__description { |
1010 .block-editor-block-mover .block-editor-block-mover__move-button-container, |
759 display: none; } |
|
760 |
|
761 .block-editor-block-mover-button.has-icon { |
|
762 padding: 0; } |
|
763 |
|
764 .block-editor-block-mover .components-toolbar-group, |
|
765 .block-editor-block-mover .components-toolbar { |
1011 .block-editor-block-mover .components-toolbar { |
766 flex: 1; |
1012 flex: 1; |
767 flex-direction: row; } |
1013 flex-direction: row; |
768 @media (min-width: 600px) { |
1014 border-left: none !important; |
769 .block-editor-block-mover .components-toolbar-group, |
1015 } |
770 .block-editor-block-mover .components-toolbar { |
1016 @media (min-width: 600px) { |
771 flex-direction: column; } } |
1017 .block-editor-block-mover .block-editor-block-mover__move-button-container, |
772 |
1018 .block-editor-block-mover .components-toolbar { |
773 .block-editor-block-mover.is-horizontal .components-toolbar-group, |
1019 flex-direction: column; |
774 .block-editor-block-mover.is-horizontal .components-toolbar { |
1020 } |
775 flex-direction: row; } |
1021 } |
776 |
1022 .block-editor-block-mover.is-horizontal .block-editor-block-mover__move-button-container, .block-editor-block-mover.is-horizontal .components-toolbar { |
|
1023 flex-direction: row; |
|
1024 } |
|
1025 .block-editor-block-mover .block-editor-block-mover-button.block-editor-block-mover-button { |
|
1026 padding-left: 0; |
|
1027 padding-right: 0; |
|
1028 min-width: 36px; |
|
1029 } |
777 @media (min-width: 600px) { |
1030 @media (min-width: 600px) { |
778 .block-editor-block-mover .block-editor-block-mover-button { |
1031 .block-editor-block-mover .block-editor-block-mover-button { |
779 padding: 0 !important; |
|
780 height: 24px; |
1032 height: 24px; |
781 width: 48px; } } |
1033 width: 42px; |
782 |
1034 padding-left: 11px !important; |
|
1035 padding-right: 6px !important; |
|
1036 } |
|
1037 .block-editor-block-mover .block-editor-block-mover-button.block-editor-block-mover-button { |
|
1038 min-width: 42px; |
|
1039 } |
|
1040 } |
783 @media (min-width: 600px) { |
1041 @media (min-width: 600px) { |
784 .block-editor-block-mover .block-editor-block-mover-button::before { |
1042 .block-editor-block-mover .block-editor-block-mover-button::before { |
785 right: 8px !important; |
1043 right: 8px !important; |
786 left: 8px !important; } } |
1044 left: 8px !important; |
787 |
1045 } |
|
1046 } |
|
1047 .block-editor-block-mover .block-editor-block-mover__drag-handle { |
|
1048 width: 24px; |
|
1049 cursor: grab; |
|
1050 min-width: 24px !important; |
|
1051 padding: 0 !important; |
|
1052 } |
|
1053 .block-editor-block-mover .block-editor-block-mover__drag-handle:focus::before { |
|
1054 right: 0 !important; |
|
1055 left: 0 !important; |
|
1056 } |
788 @media (min-width: 600px) { |
1057 @media (min-width: 600px) { |
789 .block-editor-block-mover .components-toolbar-group .block-editor-block-mover-button.is-up-button svg, |
1058 .block-editor-block-mover .components-toolbar-group .block-editor-block-mover-button, |
790 .block-editor-block-mover .components-toolbar .block-editor-block-mover-button.is-up-button svg { |
1059 .block-editor-block-mover .components-toolbar .block-editor-block-mover-button { |
791 margin-bottom: -8px; } |
1060 margin: 0 0 0 auto; |
|
1061 } |
792 .block-editor-block-mover .components-toolbar-group .block-editor-block-mover-button.is-up-button::before, |
1062 .block-editor-block-mover .components-toolbar-group .block-editor-block-mover-button.is-up-button::before, |
793 .block-editor-block-mover .components-toolbar .block-editor-block-mover-button.is-up-button::before { |
1063 .block-editor-block-mover .components-toolbar .block-editor-block-mover-button.is-up-button::before { |
794 bottom: 0; |
1064 bottom: 0; |
795 height: calc(100% - 1px); } |
1065 height: calc(100% - 1px); |
796 .block-editor-block-mover .components-toolbar-group .block-editor-block-mover-button.is-down-button svg, |
1066 } |
797 .block-editor-block-mover .components-toolbar .block-editor-block-mover-button.is-down-button svg { |
|
798 margin-top: -8px; } |
|
799 .block-editor-block-mover .components-toolbar-group .block-editor-block-mover-button.is-down-button::before, |
1067 .block-editor-block-mover .components-toolbar-group .block-editor-block-mover-button.is-down-button::before, |
800 .block-editor-block-mover .components-toolbar .block-editor-block-mover-button.is-down-button::before { |
1068 .block-editor-block-mover .components-toolbar .block-editor-block-mover-button.is-down-button::before { |
801 top: 0; |
1069 top: 0; |
802 height: calc(100% - 1px); } } |
1070 height: calc(100% - 1px); |
803 |
1071 } |
|
1072 } |
804 .block-editor-block-mover.is-horizontal .block-editor-block-mover-button.has-icon { |
1073 .block-editor-block-mover.is-horizontal .block-editor-block-mover-button.has-icon { |
805 height: 48px; |
1074 height: 48px; |
806 width: 24px; |
1075 width: 24px; |
807 padding-right: 0; |
1076 padding-right: 0; |
808 padding-left: 0; } |
1077 padding-left: 0; |
809 .block-editor-block-mover.is-horizontal .block-editor-block-mover-button.has-icon::before { |
1078 } |
810 top: 0; |
1079 .block-editor-block-mover.is-horizontal .block-editor-block-mover-button.has-icon::before { |
811 bottom: 0; |
1080 top: 1px; |
812 min-width: 0; |
1081 bottom: 1px; |
813 width: auto; |
1082 min-width: 0; |
814 height: auto; } |
1083 width: auto; |
815 |
1084 height: auto; |
|
1085 } |
816 .block-editor-block-mover.is-horizontal .block-editor-block-mover-button.is-up-button.has-icon svg { |
1086 .block-editor-block-mover.is-horizontal .block-editor-block-mover-button.is-up-button.has-icon svg { |
817 margin-right: 0; |
1087 margin-right: 0; |
818 margin-left: -8px; |
1088 margin-left: -8px; |
819 margin-bottom: 0; } |
1089 margin-bottom: 0; |
820 |
1090 } |
821 .block-editor-block-mover.is-horizontal .block-editor-block-mover-button.is-up-button.has-icon::before { |
1091 .block-editor-block-mover.is-horizontal .block-editor-block-mover-button.is-up-button.has-icon::before { |
822 right: 0 !important; |
1092 right: 0 !important; |
823 left: 0 !important; } |
1093 left: 0 !important; |
824 |
1094 } |
825 .block-editor-block-mover.is-horizontal .block-editor-block-mover-button.is-down-button.has-icon svg { |
1095 .block-editor-block-mover.is-horizontal .block-editor-block-mover-button.is-down-button.has-icon svg { |
826 margin-right: -8px; |
1096 margin-right: -8px; |
827 margin-left: 0; |
1097 margin-left: 0; |
828 margin-top: 0; } |
1098 margin-top: 0; |
829 |
1099 } |
830 .block-editor-block-mover.is-horizontal .block-editor-block-mover-button.is-down-button.has-icon::before { |
1100 .block-editor-block-mover.is-horizontal .block-editor-block-mover-button.is-down-button.has-icon::before { |
831 right: 0 !important; |
1101 right: 0 !important; |
832 left: 0 !important; |
1102 left: 0 !important; |
833 width: calc(100% + 1px); } |
1103 width: calc(100% + 1px); |
834 |
1104 } |
835 .block-editor-block-navigation__container { |
|
836 padding: 7px; } |
|
837 |
1105 |
838 .block-editor-block-navigation__label { |
1106 .block-editor-block-navigation__label { |
839 margin: 0 0 12px; |
1107 margin: 0 0 12px; |
840 color: #757575; |
1108 color: #757575; |
841 text-transform: uppercase; |
1109 text-transform: uppercase; |
842 font-size: 11px; |
1110 font-size: 11px; |
843 font-weight: 500; } |
1111 font-weight: 500; |
|
1112 } |
844 |
1113 |
845 .block-editor-block-navigation__container { |
1114 .block-editor-block-navigation__container { |
846 padding: 7px; } |
1115 min-width: 280px; |
|
1116 } |
847 |
1117 |
848 .block-editor-block-navigation-tree { |
1118 .block-editor-block-navigation-tree { |
849 width: 100%; |
1119 width: 100%; |
850 border-collapse: collapse; |
1120 border-collapse: collapse; |
851 padding: 0; |
1121 padding: 0; |
852 margin: 0; } |
1122 margin: 0; |
|
1123 } |
|
1124 .components-modal__content .block-editor-block-navigation-tree { |
|
1125 margin: -12px -6px 0; |
|
1126 width: calc(100% + 12px); |
|
1127 } |
853 |
1128 |
854 .block-editor-block-navigation-leaf { |
1129 .block-editor-block-navigation-leaf { |
855 position: relative; } |
1130 position: relative; |
856 .block-editor-block-navigation-leaf .block-editor-block-navigation-block-contents { |
1131 } |
857 display: flex; |
1132 .block-editor-block-navigation-leaf.is-selected .block-editor-block-navigation-block-contents { |
858 align-items: center; |
1133 background: var(--wp-admin-theme-color); |
859 width: calc(100% - 0.8em); |
1134 color: #fff; |
860 height: auto; |
1135 } |
861 padding: 12px 6px; |
1136 .block-editor-block-navigation-leaf.is-selected .block-editor-block-navigation-block-contents:focus { |
862 margin-top: auto; |
1137 box-shadow: inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); |
863 margin-bottom: auto; |
1138 } |
864 text-align: right; |
1139 .block-editor-block-navigation-leaf.is-branch-selected.is-selected .block-editor-block-navigation-block-contents { |
865 color: #40464d; |
1140 border-radius: 2px 2px 0 0; |
866 border-radius: 2px; } |
1141 } |
867 .components-modal__content .block-editor-block-navigation-leaf .block-editor-block-navigation-block-contents { |
1142 .block-editor-block-navigation-leaf.is-branch-selected:not(.is-selected) .block-editor-block-navigation-block-contents { |
868 padding-right: 0; |
1143 background: linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)), linear-gradient(var(--wp-admin-theme-color), var(--wp-admin-theme-color)); |
869 padding-left: 0; } |
1144 border-radius: 0; |
|
1145 } |
|
1146 .block-editor-block-navigation-leaf.is-branch-selected.is-last-of-selected-branch .block-editor-block-navigation-block-contents { |
|
1147 border-radius: 0 0 2px 2px; |
|
1148 } |
|
1149 .block-editor-block-navigation-leaf.is-dragging { |
|
1150 display: none; |
|
1151 } |
|
1152 .block-editor-block-navigation-leaf .block-editor-block-navigation-block-contents { |
|
1153 display: flex; |
|
1154 align-items: center; |
|
1155 width: 100%; |
|
1156 height: auto; |
|
1157 padding: 6px 12px; |
|
1158 text-align: right; |
|
1159 color: #1e1e1e; |
|
1160 border-radius: 2px; |
|
1161 position: relative; |
|
1162 white-space: nowrap; |
|
1163 } |
|
1164 .block-editor-block-navigation-leaf .block-editor-block-navigation-block-contents:hover, .block-editor-block-navigation-leaf .block-editor-block-navigation-block-contents:focus { |
|
1165 box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); |
|
1166 } |
|
1167 .block-editor-block-navigation-leaf .block-editor-block-navigation-block-contents:focus { |
|
1168 z-index: 1; |
|
1169 } |
|
1170 .block-editor-block-navigation-leaf .block-editor-block-navigation-block-contents.is-dropping-before::before { |
|
1171 content: ""; |
|
1172 position: absolute; |
|
1173 pointer-events: none; |
|
1174 transition: border-color 0.1s linear, border-style 0.1s linear, box-shadow 0.1s linear; |
|
1175 top: -2px; |
|
1176 left: 0; |
|
1177 right: 0; |
|
1178 border-top: 4px solid var(--wp-admin-theme-color); |
|
1179 } |
|
1180 .block-editor-block-navigation-leaf .block-editor-block-navigation-block-contents.is-dropping-after::before { |
|
1181 content: ""; |
|
1182 position: absolute; |
|
1183 pointer-events: none; |
|
1184 transition: border-color 0.1s linear, border-style 0.1s linear, box-shadow 0.1s linear; |
|
1185 bottom: -2px; |
|
1186 left: 0; |
|
1187 right: 0; |
|
1188 border-bottom: 4px solid var(--wp-admin-theme-color); |
|
1189 } |
|
1190 .block-editor-block-navigation-leaf .block-editor-block-navigation-block-contents.is-dropping-to-inner-blocks::before { |
|
1191 content: ""; |
|
1192 position: absolute; |
|
1193 pointer-events: none; |
|
1194 transition: border-color 0.1s linear, border-style 0.1s linear, box-shadow 0.1s linear; |
|
1195 bottom: -2px; |
|
1196 left: 0; |
|
1197 right: 24px; |
|
1198 border-bottom: 4px solid var(--wp-admin-theme-color); |
|
1199 } |
|
1200 .components-modal__content .block-editor-block-navigation-leaf .block-editor-block-navigation-block-contents { |
|
1201 padding-right: 0; |
|
1202 padding-left: 0; |
|
1203 } |
|
1204 .block-editor-block-navigation-leaf.is-visible .block-editor-block-navigation-block-contents { |
|
1205 opacity: 1; |
|
1206 animation: edit-post__fade-in-animation 0.2s ease-out 0s; |
|
1207 animation-fill-mode: forwards; |
|
1208 } |
|
1209 @media (prefers-reduced-motion: reduce) { |
870 .block-editor-block-navigation-leaf.is-visible .block-editor-block-navigation-block-contents { |
1210 .block-editor-block-navigation-leaf.is-visible .block-editor-block-navigation-block-contents { |
871 opacity: 1; |
1211 animation-duration: 1ms; |
872 animation: edit-post__fade-in-animation 0.2s ease-out 0s; |
1212 animation-delay: 0s; |
873 animation-fill-mode: forwards; } |
1213 } |
874 @media (prefers-reduced-motion: reduce) { |
1214 } |
875 .block-editor-block-navigation-leaf.is-visible .block-editor-block-navigation-block-contents { |
1215 .block-editor-block-navigation-leaf .block-editor-block-icon { |
876 animation-duration: 1ms; } } |
1216 align-self: flex-start; |
877 .block-editor-block-navigation-leaf .block-editor-block-icon { |
1217 margin-left: 10px; |
878 align-self: flex-start; |
1218 width: 20px; |
879 margin-left: 6px; } |
1219 } |
880 .block-editor-block-navigation-leaf.is-selected .block-editor-block-icon svg, |
1220 .block-editor-block-navigation-leaf .block-editor-block-navigation-block__menu-cell, |
881 .block-editor-block-navigation-leaf.is-selected:focus .block-editor-block-icon svg { |
1221 .block-editor-block-navigation-leaf .block-editor-block-navigation-block__mover-cell, |
882 color: #fff; |
1222 .block-editor-block-navigation-leaf .block-editor-block-navigation-block__contents-cell { |
883 background: #1e1e1e; |
1223 padding-top: 0; |
884 box-shadow: 0 0 0 1px #1e1e1e; |
1224 padding-bottom: 0; |
885 border-radius: 1px; } |
1225 } |
|
1226 .block-editor-block-navigation-leaf .block-editor-block-navigation-block__menu-cell, |
|
1227 .block-editor-block-navigation-leaf .block-editor-block-navigation-block__mover-cell { |
|
1228 line-height: 0; |
|
1229 width: 36px; |
|
1230 opacity: 0; |
|
1231 vertical-align: top; |
|
1232 } |
|
1233 @media (prefers-reduced-motion: reduce) { |
886 .block-editor-block-navigation-leaf .block-editor-block-navigation-block__menu-cell, |
1234 .block-editor-block-navigation-leaf .block-editor-block-navigation-block__menu-cell, |
887 .block-editor-block-navigation-leaf .block-editor-block-navigation-block__mover-cell, |
1235 .block-editor-block-navigation-leaf .block-editor-block-navigation-block__mover-cell { |
888 .block-editor-block-navigation-leaf .block-editor-block-navigation-block__contents-cell { |
1236 transition-duration: 0s; |
889 padding-top: 0; |
1237 transition-delay: 0s; |
890 padding-bottom: 0; } |
1238 } |
891 .block-editor-block-navigation-leaf .block-editor-block-navigation-block__menu-cell, |
1239 } |
892 .block-editor-block-navigation-leaf .block-editor-block-navigation-block__mover-cell { |
1240 .block-editor-block-navigation-leaf .block-editor-block-navigation-block__menu-cell:hover, .block-editor-block-navigation-leaf .block-editor-block-navigation-block__menu-cell.is-visible, |
893 width: 36px; |
1241 .block-editor-block-navigation-leaf .block-editor-block-navigation-block__mover-cell:hover, |
894 opacity: 0; |
1242 .block-editor-block-navigation-leaf .block-editor-block-navigation-block__mover-cell.is-visible { |
895 vertical-align: top; } |
1243 position: relative; |
896 @media (prefers-reduced-motion: reduce) { |
1244 z-index: 1; |
897 .block-editor-block-navigation-leaf .block-editor-block-navigation-block__menu-cell, |
1245 opacity: 1; |
898 .block-editor-block-navigation-leaf .block-editor-block-navigation-block__mover-cell { |
1246 animation: edit-post__fade-in-animation 0.2s ease-out 0s; |
899 transition-duration: 0s; } } |
1247 animation-fill-mode: forwards; |
900 .block-editor-block-navigation-leaf .block-editor-block-navigation-block__menu-cell.is-visible, |
1248 } |
901 .block-editor-block-navigation-leaf .block-editor-block-navigation-block__mover-cell.is-visible { |
1249 @media (prefers-reduced-motion: reduce) { |
902 opacity: 1; |
1250 .block-editor-block-navigation-leaf .block-editor-block-navigation-block__menu-cell:hover, .block-editor-block-navigation-leaf .block-editor-block-navigation-block__menu-cell.is-visible, |
903 animation: edit-post__fade-in-animation 0.2s ease-out 0s; |
1251 .block-editor-block-navigation-leaf .block-editor-block-navigation-block__mover-cell:hover, |
904 animation-fill-mode: forwards; } |
1252 .block-editor-block-navigation-leaf .block-editor-block-navigation-block__mover-cell.is-visible { |
905 @media (prefers-reduced-motion: reduce) { |
1253 animation-duration: 1ms; |
906 .block-editor-block-navigation-leaf .block-editor-block-navigation-block__menu-cell.is-visible, |
1254 animation-delay: 0s; |
907 .block-editor-block-navigation-leaf .block-editor-block-navigation-block__mover-cell.is-visible { |
1255 } |
908 animation-duration: 1ms; } } |
1256 } |
909 .block-editor-block-navigation-leaf .block-editor-block-navigation-block__menu-cell, |
1257 .block-editor-block-navigation-leaf .block-editor-block-navigation-block__menu-cell, |
910 .block-editor-block-navigation-leaf .block-editor-block-navigation-block__menu-cell .components-button.has-icon, |
1258 .block-editor-block-navigation-leaf .block-editor-block-navigation-block__menu-cell .components-button.has-icon, |
911 .block-editor-block-navigation-leaf .block-editor-block-navigation-block__mover-cell, |
1259 .block-editor-block-navigation-leaf .block-editor-block-navigation-block__mover-cell, |
912 .block-editor-block-navigation-leaf .block-editor-block-navigation-block__mover-cell .components-button.has-icon { |
1260 .block-editor-block-navigation-leaf .block-editor-block-navigation-block__mover-cell .components-button.has-icon { |
913 width: 24px; |
1261 width: 24px; |
914 min-width: 24px; |
1262 min-width: 24px; |
915 padding: 0; } |
1263 padding: 0; |
916 .block-editor-block-navigation-leaf .block-editor-block-navigation-block__menu-cell { |
1264 } |
917 padding-top: 8px; } |
1265 .block-editor-block-navigation-leaf .block-editor-block-navigation-block__menu-cell { |
918 .block-editor-block-navigation-leaf .block-editor-block-navigation-block__mover-cell-alignment-wrapper { |
1266 padding-top: 8px; |
919 display: flex; |
1267 } |
920 height: 100%; |
1268 .block-editor-block-navigation-leaf .block-editor-block-navigation-block__mover-cell-alignment-wrapper { |
921 flex-direction: column; |
1269 display: flex; |
922 align-items: center; } |
1270 height: 100%; |
923 .block-editor-block-navigation-leaf .block-editor-block-mover-button { |
1271 flex-direction: column; |
924 position: relative; |
1272 align-items: center; |
925 width: 36px; |
1273 } |
926 height: 24px; } |
1274 .block-editor-block-navigation-leaf .block-editor-block-mover-button { |
927 .block-editor-block-navigation-leaf .block-editor-block-mover-button svg { |
1275 position: relative; |
928 position: relative; |
1276 width: 36px; |
929 height: 24px; } |
1277 height: 24px; |
930 .block-editor-block-navigation-leaf .block-editor-block-mover-button.is-up-button { |
1278 } |
931 align-items: flex-end; } |
1279 .block-editor-block-navigation-leaf .block-editor-block-mover-button svg { |
932 .block-editor-block-navigation-leaf .block-editor-block-mover-button.is-up-button svg { |
1280 position: relative; |
933 bottom: -4px; } |
1281 height: 24px; |
934 .block-editor-block-navigation-leaf .block-editor-block-mover-button.is-down-button { |
1282 } |
935 align-items: flex-start; } |
1283 .block-editor-block-navigation-leaf .block-editor-block-mover-button.is-up-button { |
936 .block-editor-block-navigation-leaf .block-editor-block-mover-button.is-down-button svg { |
1284 margin-top: -6px; |
937 top: -4px; } |
1285 align-items: flex-end; |
938 .block-editor-block-navigation-leaf .block-editor-block-mover-button:focus:enabled { |
1286 } |
939 box-shadow: none; |
1287 .block-editor-block-navigation-leaf .block-editor-block-mover-button.is-up-button svg { |
940 outline: none; } |
1288 bottom: -4px; |
941 .block-editor-block-navigation-leaf .block-editor-block-mover-button:focus { |
1289 } |
942 box-shadow: none; |
1290 .block-editor-block-navigation-leaf .block-editor-block-mover-button.is-down-button { |
943 outline: none; } |
1291 margin-bottom: -6px; |
944 .block-editor-block-navigation-leaf .block-editor-block-mover-button:focus::before { |
1292 align-items: flex-start; |
945 box-shadow: inset 0 0 0 1.5px #007cba, inset 0 0 0 4px #fff; |
1293 } |
946 box-shadow: inset 0 0 0 1.5px var(--wp-admin-theme-color), inset 0 0 0 4px #fff; |
1294 .block-editor-block-navigation-leaf .block-editor-block-mover-button.is-down-button svg { |
947 outline: 2px solid transparent; } |
1295 top: -4px; |
948 .block-editor-block-navigation-leaf .block-editor-block-mover-button::before { |
1296 } |
949 content: ""; |
1297 .block-editor-block-navigation-leaf .block-editor-block-mover-button:focus:enabled { |
950 position: absolute; |
1298 box-shadow: none; |
951 display: block; |
1299 outline: none; |
952 border-radius: 2px; |
1300 } |
953 height: 16px; |
1301 .block-editor-block-navigation-leaf .block-editor-block-mover-button:focus { |
954 min-width: 100%; |
1302 box-shadow: none; |
955 right: 0; |
1303 outline: none; |
956 left: 0; |
1304 } |
957 animation: components-button__appear-animation 0.1s ease; |
1305 .block-editor-block-navigation-leaf .block-editor-block-mover-button:focus::before { |
958 animation-fill-mode: forwards; } |
1306 box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 0 0 4px #fff; |
959 @media (prefers-reduced-motion: reduce) { |
1307 outline: 2px solid transparent; |
960 .block-editor-block-navigation-leaf .block-editor-block-mover-button::before { |
1308 } |
961 animation-duration: 1ms; } } |
1309 .block-editor-block-navigation-leaf .block-editor-block-mover-button::before { |
962 .block-editor-block-navigation-leaf .block-editor-inserter__toggle { |
1310 content: ""; |
963 background: #1e1e1e; |
1311 position: absolute; |
964 color: #fff; |
1312 display: block; |
965 height: 24px; |
1313 border-radius: 2px; |
966 margin: 6px 1px 6px 6px; |
1314 height: 16px; |
967 min-width: 24px; } |
1315 min-width: 100%; |
968 .block-editor-block-navigation-leaf .block-editor-inserter__toggle:active { |
1316 right: 0; |
969 color: #fff; } |
1317 left: 0; |
|
1318 animation: components-button__appear-animation 0.1s ease; |
|
1319 animation-fill-mode: forwards; |
|
1320 } |
|
1321 @media (prefers-reduced-motion: reduce) { |
|
1322 .block-editor-block-navigation-leaf .block-editor-block-mover-button::before { |
|
1323 animation-duration: 1ms; |
|
1324 animation-delay: 0s; |
|
1325 } |
|
1326 } |
|
1327 .block-editor-block-navigation-leaf .block-editor-inserter__toggle { |
|
1328 background: #1e1e1e; |
|
1329 color: #fff; |
|
1330 height: 24px; |
|
1331 margin: 6px 1px 6px 6px; |
|
1332 min-width: 24px; |
|
1333 } |
|
1334 .block-editor-block-navigation-leaf .block-editor-inserter__toggle:active { |
|
1335 color: #fff; |
|
1336 } |
|
1337 .block-editor-block-navigation-leaf .block-editor-block-navigation-block-select-button__anchor { |
|
1338 background: rgba(0, 0, 0, 0.1); |
|
1339 border-radius: 2px; |
|
1340 display: inline-block; |
|
1341 padding: 2px 6px; |
|
1342 margin: 0 8px; |
|
1343 max-width: 120px; |
|
1344 overflow: hidden; |
|
1345 text-overflow: ellipsis; |
|
1346 } |
|
1347 .block-editor-block-navigation-leaf.is-selected .block-editor-block-navigation-block-select-button__anchor { |
|
1348 background: rgba(0, 0, 0, 0.3); |
|
1349 } |
970 |
1350 |
971 .block-editor-block-navigation-block-slot__description, |
1351 .block-editor-block-navigation-block-slot__description, |
972 .block-editor-block-navigation-block-select-button__description, |
1352 .block-editor-block-navigation-block-select-button__description, |
973 .block-editor-block-navigation-appender__description { |
1353 .block-editor-block-navigation-appender__description { |
974 display: none; } |
1354 display: none; |
|
1355 } |
975 |
1356 |
976 .block-editor-block-navigation-block__contents-cell .block-editor-block-navigation-block__contents-container, |
1357 .block-editor-block-navigation-block__contents-cell .block-editor-block-navigation-block__contents-container, |
977 .block-editor-block-navigation-block__contents-cell .block-editor-block-navigation-appender__container, |
1358 .block-editor-block-navigation-block__contents-cell .block-editor-block-navigation-appender__container, |
978 .block-editor-block-navigation-appender__cell .block-editor-block-navigation-block__contents-container, |
1359 .block-editor-block-navigation-appender__cell .block-editor-block-navigation-block__contents-container, |
979 .block-editor-block-navigation-appender__cell .block-editor-block-navigation-appender__container { |
1360 .block-editor-block-navigation-appender__cell .block-editor-block-navigation-appender__container { |
980 display: flex; } |
1361 display: flex; |
981 |
1362 } |
982 .block-editor-block-navigation-block__contents-cell .block-editor-block-navigation-block__contents-container, |
1363 |
983 .block-editor-block-navigation-appender__cell .block-editor-block-navigation-block__contents-container { |
1364 .block-editor-block-navigation-leaf[aria-level] .block-editor-block-icon { |
984 min-height: 56px; } |
1365 margin-right: 224px; |
985 |
1366 } |
986 .block-editor-block-navigation-block__contents-cell .block-editor-block-navigator-descender-line, |
1367 |
987 .block-editor-block-navigation-appender__cell .block-editor-block-navigator-descender-line { |
1368 .block-editor-block-navigation-leaf[aria-level="1"] .block-editor-block-icon { |
988 position: relative; |
1369 margin-right: 0px; |
989 flex-shrink: 0; |
1370 } |
990 width: 24px; } |
1371 |
991 .block-editor-block-navigation-block__contents-cell .block-editor-block-navigator-descender-line:first-child, |
1372 .block-editor-block-navigation-leaf[aria-level="2"] .block-editor-block-icon { |
992 .block-editor-block-navigation-appender__cell .block-editor-block-navigator-descender-line:first-child { |
1373 margin-right: 28px; |
993 width: 18px; } |
1374 } |
994 .block-editor-block-navigation-block__contents-cell .block-editor-block-navigator-descender-line.has-item, |
1375 |
995 .block-editor-block-navigation-appender__cell .block-editor-block-navigator-descender-line.has-item { |
1376 .block-editor-block-navigation-leaf[aria-level="3"] .block-editor-block-icon { |
996 margin-left: 6px; } |
1377 margin-right: 56px; |
997 .block-editor-block-navigation-block__contents-cell .block-editor-block-navigator-descender-line::before, |
1378 } |
998 .block-editor-block-navigation-appender__cell .block-editor-block-navigator-descender-line::before { |
1379 |
999 content: ""; |
1380 .block-editor-block-navigation-leaf[aria-level="4"] .block-editor-block-icon { |
1000 display: block; |
1381 margin-right: 84px; |
1001 position: absolute; |
1382 } |
1002 top: 1px; |
1383 |
1003 bottom: -2px; |
1384 .block-editor-block-navigation-leaf[aria-level="5"] .block-editor-block-icon { |
1004 left: -1px; |
1385 margin-right: 112px; |
1005 border-left: 2px solid #a2aab2; } |
1386 } |
1006 .block-editor-block-navigation-block__contents-cell .block-editor-block-navigator-descender-line.is-terminated::before, |
1387 |
1007 .block-editor-block-navigation-appender__cell .block-editor-block-navigator-descender-line.is-terminated::before { |
1388 .block-editor-block-navigation-leaf[aria-level="6"] .block-editor-block-icon { |
1008 border-color: transparent; } |
1389 margin-right: 140px; |
1009 .block-editor-block-navigation-block__contents-cell .block-editor-block-navigator-descender-line.has-item.is-last-row, |
1390 } |
1010 .block-editor-block-navigation-appender__cell .block-editor-block-navigator-descender-line.has-item.is-last-row { |
1391 |
1011 height: 26px; } |
1392 .block-editor-block-navigation-leaf[aria-level="7"] .block-editor-block-icon { |
1012 .block-editor-block-navigation-block__contents-cell .block-editor-block-navigator-descender-line.has-item::after, |
1393 margin-right: 168px; |
1013 .block-editor-block-navigation-appender__cell .block-editor-block-navigator-descender-line.has-item::after { |
1394 } |
1014 content: ""; |
1395 |
1015 display: block; |
1396 .block-editor-block-navigation-leaf[aria-level="8"] .block-editor-block-icon { |
1016 position: absolute; |
1397 margin-right: 196px; |
1017 top: 26px; |
1398 } |
1018 right: 100%; |
1399 |
1019 width: 5px; |
1400 .block-editor-block-navigation-leaf[aria-level="9"] .block-editor-block-icon { |
1020 border-bottom: 2px solid #a2aab2; } |
1401 margin-right: 224px; |
1021 |
1402 } |
1022 .block-editor-block-navigation-appender__cell .block-editor-block-navigator-descender-line.has-item.is-last-row { |
|
1023 height: 16px; } |
|
1024 .block-editor-block-navigation-appender__cell .block-editor-block-navigator-descender-line.has-item.is-last-row::after { |
|
1025 top: 100%; } |
|
1026 |
1403 |
1027 .block-editor-block-parent-selector { |
1404 .block-editor-block-parent-selector { |
1028 background: #fff; |
1405 background: #fff; |
1029 border-radius: 2px; } |
|
1030 .block-editor-block-parent-selector .block-editor-block-parent-selector__button { |
|
1031 width: 48px; |
|
1032 height: 48px; |
|
1033 border: 1px solid #1e1e1e; |
|
1034 border-radius: 2px; } |
|
1035 |
|
1036 .block-editor-block-patterns-list__item { |
|
1037 border-radius: 2px; |
1406 border-radius: 2px; |
|
1407 } |
|
1408 .block-editor-block-parent-selector .block-editor-block-parent-selector__button { |
|
1409 width: 48px; |
|
1410 height: 48px; |
|
1411 border: 1px solid #1e1e1e; |
|
1412 border-radius: 2px; |
|
1413 } |
|
1414 |
|
1415 .block-editor-block-patterns-list__list-item { |
1038 cursor: pointer; |
1416 cursor: pointer; |
1039 margin-top: 16px; |
1417 margin-top: 16px; |
|
1418 } |
|
1419 .block-editor-block-patterns-list__list-item.is-placeholder { |
|
1420 min-height: 100px; |
|
1421 } |
|
1422 .block-editor-block-patterns-list__list-item[draggable=true] .block-editor-block-preview__container { |
|
1423 cursor: grab; |
|
1424 } |
|
1425 |
|
1426 .block-editor-block-patterns-list__item { |
|
1427 height: 100%; |
|
1428 border-radius: 2px; |
1040 transition: all 0.05s ease-in-out; |
1429 transition: all 0.05s ease-in-out; |
1041 position: relative; |
1430 position: relative; |
1042 border: 1px solid transparent; } |
1431 border: 1px solid transparent; |
1043 .block-editor-block-patterns-list__item:hover { |
1432 } |
1044 border: 1px solid #007cba; |
1433 .block-editor-block-patterns-list__item:hover { |
1045 border: 1px solid var(--wp-admin-theme-color); } |
1434 border: 1px solid var(--wp-admin-theme-color); |
1046 .block-editor-block-patterns-list__item:focus { |
1435 } |
1047 box-shadow: inset 0 0 0 1px #fff, 0 0 0 1.5px #007cba; |
1436 .block-editor-block-patterns-list__item:focus { |
1048 box-shadow: inset 0 0 0 1px #fff, 0 0 0 1.5px var(--wp-admin-theme-color); |
1437 box-shadow: inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); |
1049 outline: 2px solid transparent; } |
1438 outline: 2px solid transparent; |
1050 .block-editor-block-patterns-list__item.is-placeholder { |
1439 } |
1051 min-height: 100px; } |
|
1052 |
1440 |
1053 .block-editor-block-patterns-list__item-title { |
1441 .block-editor-block-patterns-list__item-title { |
1054 padding: 4px; |
1442 padding: 4px; |
1055 font-size: 12px; |
1443 font-size: 12px; |
1056 text-align: center; } |
1444 text-align: center; |
|
1445 } |
1057 |
1446 |
1058 .block-editor-block-preview__container { |
1447 .block-editor-block-preview__container { |
1059 position: relative; |
1448 position: relative; |
1060 width: 100%; |
1449 width: 100%; |
1061 overflow: hidden; } |
1450 overflow: hidden; |
1062 .block-editor-block-preview__container.editor-styles-wrapper { |
1451 } |
1063 padding: 0; |
1452 .block-editor-block-preview__container.editor-styles-wrapper { |
1064 margin: 0; } |
1453 padding: 0; |
1065 |
1454 margin: 0; |
1066 .block-editor-block-preview__content { |
1455 } |
|
1456 .block-editor-block-preview__container .block-editor-block-preview__content { |
1067 position: absolute; |
1457 position: absolute; |
1068 top: 0; |
1458 top: 0; |
1069 right: 0; |
1459 right: 0; |
1070 transform-origin: top right; |
1460 transform-origin: top right; |
1071 text-align: initial; |
1461 text-align: initial; |
1072 margin: 0; |
1462 margin: 0; |
1073 overflow: visible; |
1463 overflow: visible; |
1074 min-height: auto; } |
1464 min-height: auto; |
1075 .block-editor-block-preview__content .block-editor-block-list__insertion-point, |
1465 } |
1076 .block-editor-block-preview__content .block-editor-block-drop-zone, |
1466 .block-editor-block-preview__container .block-editor-block-preview__content .block-editor-block-list__insertion-point, |
1077 .block-editor-block-preview__content .reusable-block-indicator, |
1467 .block-editor-block-preview__container .block-editor-block-preview__content .block-editor-block-drop-zone, |
1078 .block-editor-block-preview__content .block-list-appender { |
1468 .block-editor-block-preview__container .block-editor-block-preview__content .reusable-block-indicator, |
1079 display: none; } |
1469 .block-editor-block-preview__container .block-editor-block-preview__content .block-list-appender { |
1080 .block-editor-block-preview__content .block-editor-block-list__layout.is-root-container { |
1470 display: none; |
1081 padding-right: 0; |
1471 } |
1082 padding-left: 0; } |
1472 .block-editor-block-preview__container .block-editor-block-preview__content .block-editor-block-list__layout.is-root-container { |
1083 .block-editor-block-preview__content .block-editor-block-list__layout.is-root-container > .wp-block[data-align="full"] { |
1473 padding-right: 0; |
1084 margin-right: 0; |
1474 padding-left: 0; |
1085 margin-left: 0; } |
1475 } |
|
1476 .block-editor-block-preview__container .block-editor-block-preview__content .block-editor-block-list__layout.is-root-container > .wp-block[data-align=full] { |
|
1477 margin-right: 0; |
|
1478 margin-left: 0; |
|
1479 } |
1086 |
1480 |
1087 .block-editor-block-settings-menu__popover .components-dropdown-menu__menu { |
1481 .block-editor-block-settings-menu__popover .components-dropdown-menu__menu { |
1088 padding: 0; } |
1482 padding: 0; |
|
1483 } |
1089 |
1484 |
1090 .block-editor-block-styles { |
1485 .block-editor-block-styles { |
1091 display: flex; |
1486 display: flex; |
1092 flex-wrap: wrap; |
1487 flex-wrap: wrap; |
1093 justify-content: space-between; } |
1488 justify-content: space-between; |
|
1489 } |
1094 |
1490 |
1095 .block-editor-block-styles__item { |
1491 .block-editor-block-styles__item { |
1096 width: calc(50% - 4px); |
1492 width: calc(50% - 4px); |
1097 margin: 4px 0; |
1493 margin: 4px 0; |
1098 flex-shrink: 0; |
1494 flex-shrink: 0; |
1099 cursor: pointer; |
1495 cursor: pointer; |
1100 overflow: hidden; |
1496 overflow: hidden; |
1101 border-radius: 2px; |
1497 border-radius: 2px; |
1102 padding: 6px; |
1498 padding: 6px; |
1103 display: flex; |
1499 display: flex; |
1104 flex-direction: column; } |
1500 flex-direction: column; |
1105 .block-editor-block-styles__item:focus { |
1501 } |
1106 box-shadow: 0 0 0 1.5px #007cba; |
1502 .block-editor-block-styles__item:focus { |
1107 box-shadow: 0 0 0 1.5px var(--wp-admin-theme-color); |
1503 box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); |
1108 outline: 2px solid transparent; } |
1504 outline: 2px solid transparent; |
1109 .block-editor-block-styles__item:hover .block-editor-block-styles__item-preview { |
1505 } |
1110 border-color: #007cba; |
1506 .block-editor-block-styles__item:hover .block-editor-block-styles__item-preview { |
1111 border-color: var(--wp-admin-theme-color); } |
1507 border-color: var(--wp-admin-theme-color); |
1112 .block-editor-block-styles__item.is-active .block-editor-block-styles__item-label { |
1508 } |
1113 font-weight: bold; } |
1509 .block-editor-block-styles__item.is-active .block-editor-block-styles__item-label { |
1114 .block-editor-block-styles__item.is-active .block-editor-block-styles__item-preview { |
1510 font-weight: bold; |
1115 border: 2px solid #1e1e1e; } |
1511 } |
|
1512 .block-editor-block-styles__item.is-active .block-editor-block-styles__item-preview { |
|
1513 margin: 0; |
|
1514 border: 2px solid #1e1e1e; |
|
1515 } |
|
1516 .block-editor-block-styles__item .block-editor-block-preview__container { |
|
1517 cursor: inherit; |
|
1518 } |
1116 |
1519 |
1117 .block-editor-block-styles__item-preview { |
1520 .block-editor-block-styles__item-preview { |
1118 outline: 1px solid transparent; |
1521 outline: 1px solid transparent; |
1119 padding: 0; |
1522 padding: 0; |
|
1523 margin: 2px; |
1120 border-radius: 2px; |
1524 border-radius: 2px; |
1121 display: flex; |
1525 display: flex; |
1122 overflow: hidden; |
1526 overflow: hidden; |
1123 background: #fff; |
1527 background: #fff; |
1124 align-items: center; |
1528 align-items: center; |
1125 flex-grow: 1; |
1529 flex-grow: 1; |
1126 min-height: 80px; } |
1530 min-height: 80px; |
|
1531 max-height: 160px; |
|
1532 } |
1127 |
1533 |
1128 .block-editor-block-switcher__styles__menugroup { |
1534 .block-editor-block-switcher__styles__menugroup { |
1129 position: relative; } |
1535 position: relative; |
|
1536 } |
1130 |
1537 |
1131 .block-editor-block-styles__item-label { |
1538 .block-editor-block-styles__item-label { |
1132 text-align: center; |
1539 text-align: center; |
1133 padding: 4px 0; } |
1540 padding: 4px 0; |
|
1541 } |
1134 |
1542 |
1135 .block-editor-block-switcher { |
1543 .block-editor-block-switcher { |
1136 position: relative; } |
1544 position: relative; |
|
1545 } |
1137 |
1546 |
1138 .block-editor-block-switcher__no-switcher-icon, |
1547 .block-editor-block-switcher__no-switcher-icon, |
1139 .block-editor-block-switcher__toggle { |
1548 .block-editor-block-switcher__toggle { |
1140 position: relative; } |
1549 position: relative; |
|
1550 } |
1141 |
1551 |
1142 .components-button.block-editor-block-switcher__toggle, |
1552 .components-button.block-editor-block-switcher__toggle, |
1143 .components-button.block-editor-block-switcher__no-switcher-icon { |
1553 .components-button.block-editor-block-switcher__no-switcher-icon { |
1144 margin: 0; |
1554 margin: 0; |
1145 display: block; |
1555 display: block; |
1146 height: 48px; } |
1556 height: 48px; |
1147 .components-button.block-editor-block-switcher__toggle .block-editor-block-icon, |
1557 } |
1148 .components-button.block-editor-block-switcher__no-switcher-icon .block-editor-block-icon { |
1558 .components-button.block-editor-block-switcher__toggle .block-editor-block-icon, |
1149 margin: auto; } |
1559 .components-button.block-editor-block-switcher__no-switcher-icon .block-editor-block-icon { |
|
1560 margin: auto; |
|
1561 } |
|
1562 |
|
1563 .block-editor-block-switcher__toggle-text { |
|
1564 margin-right: 8px; |
|
1565 } |
|
1566 .show-icon-labels .block-editor-block-switcher__toggle-text { |
|
1567 display: none; |
|
1568 } |
|
1569 |
|
1570 .show-icon-labels .block-editor-block-toolbar .block-editor-block-switcher .components-button.has-icon::after { |
|
1571 font-size: 14px; |
|
1572 } |
|
1573 |
|
1574 .block-editor-block-switcher__popover { |
|
1575 margin-right: 6px; |
|
1576 } |
1150 |
1577 |
1151 .components-button.block-editor-block-switcher__no-switcher-icon { |
1578 .components-button.block-editor-block-switcher__no-switcher-icon { |
1152 width: 48px; } |
1579 width: 48px; |
1153 .components-button.block-editor-block-switcher__no-switcher-icon .block-editor-blocks-icon { |
1580 } |
1154 margin-left: auto; |
1581 .components-button.block-editor-block-switcher__no-switcher-icon .block-editor-blocks-icon { |
1155 margin-right: auto; } |
1582 margin-left: auto; |
|
1583 margin-right: auto; |
|
1584 } |
1156 |
1585 |
1157 .components-button.block-editor-block-switcher__no-switcher-icon:disabled { |
1586 .components-button.block-editor-block-switcher__no-switcher-icon:disabled { |
1158 opacity: 1; } |
1587 opacity: 1; |
1159 .components-button.block-editor-block-switcher__no-switcher-icon:disabled, |
1588 } |
1160 .components-button.block-editor-block-switcher__no-switcher-icon:disabled .block-editor-block-icon.has-colors { |
1589 .components-button.block-editor-block-switcher__no-switcher-icon:disabled, |
1161 color: #1e1e1e !important; } |
1590 .components-button.block-editor-block-switcher__no-switcher-icon:disabled .block-editor-block-icon.has-colors { |
1162 |
1591 color: #1e1e1e; |
1163 .block-editor-block-toolbar .components-toolbar-group .components-button.block-editor-block-switcher__no-switcher-icon.has-icon.has-icon, |
1592 } |
1164 .block-editor-block-toolbar .components-toolbar .components-button.block-editor-block-switcher__no-switcher-icon.has-icon.has-icon, |
1593 |
1165 .block-editor-block-toolbar .components-toolbar-group .components-button.block-editor-block-switcher__toggle.has-icon.has-icon, |
1594 .block-editor-block-toolbar .components-toolbar-group .components-button.block-editor-block-switcher__no-switcher-icon.has-icon.has-icon .block-editor-block-icon, |
1166 .block-editor-block-toolbar .components-toolbar .components-button.block-editor-block-switcher__toggle.has-icon.has-icon { |
1595 .block-editor-block-toolbar .components-toolbar .components-button.block-editor-block-switcher__no-switcher-icon.has-icon.has-icon .block-editor-block-icon, |
1167 padding: 0; } |
1596 .block-editor-block-toolbar .components-toolbar-group .components-button.block-editor-block-switcher__toggle.has-icon.has-icon .block-editor-block-icon, |
1168 .block-editor-block-toolbar .components-toolbar-group .components-button.block-editor-block-switcher__no-switcher-icon.has-icon.has-icon .block-editor-block-icon, |
1597 .block-editor-block-toolbar .components-toolbar .components-button.block-editor-block-switcher__toggle.has-icon.has-icon .block-editor-block-icon { |
1169 .block-editor-block-toolbar .components-toolbar .components-button.block-editor-block-switcher__no-switcher-icon.has-icon.has-icon .block-editor-block-icon, |
1598 height: 100%; |
1170 .block-editor-block-toolbar .components-toolbar-group .components-button.block-editor-block-switcher__toggle.has-icon.has-icon .block-editor-block-icon, |
1599 position: relative; |
1171 .block-editor-block-toolbar .components-toolbar .components-button.block-editor-block-switcher__toggle.has-icon.has-icon .block-editor-block-icon { |
1600 margin: 0 auto; |
1172 height: 100%; |
1601 display: flex; |
1173 position: relative; |
1602 align-items: center; |
1174 margin: 0 auto; |
1603 min-width: 100%; |
1175 display: flex; |
1604 } |
1176 align-items: center; } |
1605 .block-editor-block-toolbar .components-toolbar-group .components-button.block-editor-block-switcher__no-switcher-icon.has-icon.has-icon::before, |
1177 .block-editor-block-toolbar .components-toolbar-group .components-button.block-editor-block-switcher__no-switcher-icon.has-icon.has-icon::before, |
1606 .block-editor-block-toolbar .components-toolbar .components-button.block-editor-block-switcher__no-switcher-icon.has-icon.has-icon::before, |
1178 .block-editor-block-toolbar .components-toolbar .components-button.block-editor-block-switcher__no-switcher-icon.has-icon.has-icon::before, |
1607 .block-editor-block-toolbar .components-toolbar-group .components-button.block-editor-block-switcher__toggle.has-icon.has-icon::before, |
1179 .block-editor-block-toolbar .components-toolbar-group .components-button.block-editor-block-switcher__toggle.has-icon.has-icon::before, |
1608 .block-editor-block-toolbar .components-toolbar .components-button.block-editor-block-switcher__toggle.has-icon.has-icon::before { |
1180 .block-editor-block-toolbar .components-toolbar .components-button.block-editor-block-switcher__toggle.has-icon.has-icon::before { |
1609 top: 8px; |
1181 top: 8px; |
1610 left: 8px; |
1182 left: 8px; |
1611 bottom: 8px; |
1183 bottom: 8px; |
1612 right: 8px; |
1184 right: 8px; } |
1613 } |
1185 |
1614 |
1186 .components-popover.block-editor-block-switcher__popover .components-popover__content { |
1615 .components-popover.block-editor-block-switcher__popover .components-popover__content { |
1187 min-width: 300px; } |
1616 min-width: 300px; |
|
1617 } |
1188 |
1618 |
1189 .components-popover.block-editor-block-switcher__popover .components-popover__content > div { |
1619 .components-popover.block-editor-block-switcher__popover .components-popover__content > div { |
1190 min-width: auto; |
1620 min-width: auto; |
1191 display: flex; |
1621 display: flex; |
1192 background: #fff; |
1622 background: #fff; |
1193 padding: 0; } |
1623 padding: 0; |
1194 .components-popover.block-editor-block-switcher__popover .components-popover__content > div .components-menu-group { |
1624 } |
1195 padding: 16px; |
1625 .components-popover.block-editor-block-switcher__popover .components-popover__content > div .components-menu-group { |
1196 margin: 0; } |
1626 margin: 0; |
|
1627 } |
1197 |
1628 |
1198 .block-editor-block-switcher__popover .components-popover__content .block-editor-block-styles { |
1629 .block-editor-block-switcher__popover .components-popover__content .block-editor-block-styles { |
1199 margin: 0 -3px; } |
1630 margin: 0 -3px; |
1200 |
1631 } |
1201 .block-editor-block-switcher__popover .components-popover__content .components-panel__body { |
1632 .block-editor-block-switcher__popover .components-popover__content .components-panel__body { |
1202 border: 0; |
1633 border: 0; |
1203 position: relative; |
1634 position: relative; |
1204 z-index: 1; } |
1635 z-index: 1; |
1205 |
1636 } |
1206 .block-editor-block-switcher__popover .components-popover__content .components-panel__body + .components-panel__body { |
1637 .block-editor-block-switcher__popover .components-popover__content .components-panel__body + .components-panel__body { |
1207 border-top: 1px solid #f0f0f0; } |
1638 border-top: 1px solid #e0e0e0; |
|
1639 } |
1208 |
1640 |
1209 .block-editor-block-switcher__popover__preview__parent .block-editor-block-switcher__popover__preview__container { |
1641 .block-editor-block-switcher__popover__preview__parent .block-editor-block-switcher__popover__preview__container { |
1210 position: absolute; |
1642 position: absolute; |
1211 top: -12px; |
1643 top: -12px; |
1212 right: calc(100% + 32px); } |
1644 right: calc(100% + 32px); |
|
1645 } |
1213 |
1646 |
1214 .block-editor-block-switcher__preview__popover { |
1647 .block-editor-block-switcher__preview__popover { |
1215 display: none; } |
1648 display: none; |
1216 .block-editor-block-switcher__preview__popover.components-popover { |
1649 } |
1217 margin-right: 4px; |
1650 .block-editor-block-switcher__preview__popover.components-popover { |
1218 margin-top: 11px; } |
1651 margin-right: 4px; |
1219 @media (min-width: 782px) { |
1652 margin-top: 11px; |
1220 .block-editor-block-switcher__preview__popover { |
1653 } |
1221 display: block; } } |
1654 @media (min-width: 782px) { |
1222 .block-editor-block-switcher__preview__popover .components-popover__content { |
1655 .block-editor-block-switcher__preview__popover { |
1223 box-shadow: none; |
1656 display: block; |
1224 border: 1px solid #1e1e1e; |
1657 } |
1225 background: #fff; |
1658 } |
1226 border-radius: 2px; } |
1659 .block-editor-block-switcher__preview__popover .components-popover__content { |
1227 .block-editor-block-switcher__preview__popover .block-editor-block-switcher__preview { |
1660 box-shadow: none; |
1228 width: 300px; |
1661 border: 1px solid #1e1e1e; |
1229 height: auto; |
1662 background: #fff; |
1230 padding: 16px; } |
1663 border-radius: 2px; |
|
1664 } |
|
1665 .block-editor-block-switcher__preview__popover .block-editor-block-switcher__preview { |
|
1666 width: 300px; |
|
1667 height: auto; |
|
1668 max-height: 500px; |
|
1669 padding: 16px; |
|
1670 } |
1231 |
1671 |
1232 .block-editor-block-switcher__preview-title { |
1672 .block-editor-block-switcher__preview-title { |
1233 margin-bottom: 12px; |
1673 margin-bottom: 12px; |
1234 color: #757575; |
1674 color: #757575; |
1235 text-transform: uppercase; |
1675 text-transform: uppercase; |
1236 font-size: 11px; |
1676 font-size: 11px; |
1237 font-weight: 500; } |
1677 font-weight: 500; |
1238 |
1678 } |
1239 .block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__toggle, |
1679 |
1240 .block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__no-switcher-icon { |
1680 .block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__no-switcher-icon { |
1241 height: 48px; } |
1681 width: 48px; |
1242 |
1682 } |
1243 .block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__no-switcher-icon { |
1683 .block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__no-switcher-icon, |
1244 width: 48px; } |
1684 .block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__toggle { |
1245 |
1685 height: 48px; |
|
1686 } |
1246 .block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__no-switcher-icon .block-editor-block-icon, |
1687 .block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__no-switcher-icon .block-editor-block-icon, |
1247 .block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__no-switcher-icon .block-editor-block-switcher__transform, |
1688 .block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__no-switcher-icon .block-editor-block-switcher__transform, |
1248 .block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__toggle .block-editor-block-icon, |
1689 .block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__toggle .block-editor-block-icon, |
1249 .block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__toggle .block-editor-block-switcher__transform { |
1690 .block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__toggle .block-editor-block-switcher__transform { |
1250 width: 48px; |
1691 width: 48px; |
1251 height: 48px; } |
1692 height: 48px; |
1252 |
1693 } |
1253 .block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__no-switcher-icon .block-editor-block-switcher__transform, |
1694 .block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__no-switcher-icon .block-editor-block-switcher__transform, |
1254 .block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__toggle .block-editor-block-switcher__transform { |
1695 .block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__toggle .block-editor-block-switcher__transform { |
1255 padding: 12px; } |
1696 padding: 12px; |
1256 |
1697 } |
1257 .block-editor-block-types-list { |
1698 |
1258 list-style: none; |
1699 .block-editor-block-switcher__preview-patterns-container { |
|
1700 padding-bottom: 16px; |
|
1701 } |
|
1702 .block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item { |
|
1703 margin-top: 16px; |
|
1704 } |
|
1705 .block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-preview__container { |
|
1706 cursor: pointer; |
|
1707 } |
|
1708 .block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-switcher__preview-patterns-container-list__item { |
|
1709 height: 100%; |
|
1710 border-radius: 2px; |
|
1711 transition: all 0.05s ease-in-out; |
|
1712 position: relative; |
|
1713 border: 1px solid transparent; |
|
1714 } |
|
1715 .block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-switcher__preview-patterns-container-list__item:hover, .block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-switcher__preview-patterns-container-list__item:focus { |
|
1716 box-shadow: inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); |
|
1717 outline: 2px solid transparent; |
|
1718 } |
|
1719 .block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-switcher__preview-patterns-container-list__item:hover { |
|
1720 box-shadow: inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) #1e1e1e; |
|
1721 } |
|
1722 .block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-switcher__preview-patterns-container-list__item .block-editor-block-switcher__preview-patterns-container-list__item-title { |
|
1723 padding: 4px; |
|
1724 font-size: 12px; |
|
1725 text-align: center; |
|
1726 cursor: pointer; |
|
1727 } |
|
1728 |
|
1729 .block-editor-block-types-list > [role=presentation] { |
1259 padding: 4px; |
1730 padding: 4px; |
1260 margin-right: -4px; |
1731 margin-right: -4px; |
1261 margin-left: -4px; |
1732 margin-left: -4px; |
1262 overflow: hidden; |
1733 overflow: hidden; |
1263 display: flex; |
1734 display: flex; |
1264 flex-wrap: wrap; } |
1735 flex-wrap: wrap; |
|
1736 } |
1265 |
1737 |
1266 .block-editor-block-variation-picker .components-placeholder__instructions { |
1738 .block-editor-block-variation-picker .components-placeholder__instructions { |
1267 margin-bottom: 0; } |
1739 margin-bottom: 0; |
1268 |
1740 } |
1269 .block-editor-block-variation-picker .components-placeholder__fieldset { |
1741 .block-editor-block-variation-picker .components-placeholder__fieldset { |
1270 flex-direction: column; } |
1742 flex-direction: column; |
1271 |
1743 } |
1272 .block-editor-block-variation-picker.has-many-variations .components-placeholder__fieldset { |
1744 .block-editor-block-variation-picker.has-many-variations .components-placeholder__fieldset { |
1273 max-width: 90%; } |
1745 max-width: 90%; |
|
1746 } |
1274 |
1747 |
1275 .block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations { |
1748 .block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations { |
1276 display: flex; |
1749 display: flex; |
1277 justify-content: flex-start; |
1750 justify-content: flex-start; |
1278 flex-direction: row; |
1751 flex-direction: row; |
1279 flex-wrap: wrap; |
1752 flex-wrap: wrap; |
1280 width: 100%; |
1753 width: 100%; |
1281 margin: 16px 0; |
1754 margin: 16px 0; |
1282 padding: 0; |
1755 padding: 0; |
1283 list-style: none; } |
1756 list-style: none; |
1284 .block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations > li { |
1757 } |
1285 list-style: none; |
1758 .block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations > li { |
1286 margin: 8px 0 0 8px; |
1759 list-style: none; |
1287 flex-shrink: 1; |
1760 margin: 8px 0 0 20px; |
1288 max-width: 100px; } |
1761 flex-shrink: 1; |
1289 .block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations > li button { |
1762 width: 75px; |
1290 display: flex; } |
1763 text-align: center; |
1291 .block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations .block-editor-block-variation-picker__variation { |
1764 } |
1292 padding: 8px; } |
1765 .block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations > li button { |
1293 .block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations .block-editor-block-variation-picker__variation-label { |
1766 display: inline-flex; |
1294 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
1767 margin-left: 0; |
1295 font-size: 12px; |
1768 } |
1296 display: block; |
1769 .block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations .block-editor-block-variation-picker__variation { |
1297 margin-left: 12px; |
1770 padding: 8px; |
1298 text-align: center; } |
1771 } |
|
1772 .block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations .block-editor-block-variation-picker__variation-label { |
|
1773 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
|
1774 font-size: 12px; |
|
1775 display: block; |
|
1776 line-height: 1.4; |
|
1777 } |
1299 |
1778 |
1300 .block-editor-block-variation-picker__variation { |
1779 .block-editor-block-variation-picker__variation { |
1301 width: 100%; } |
1780 width: 100%; |
1302 .block-editor-block-variation-picker__variation.components-button.has-icon { |
1781 } |
1303 justify-content: center; |
1782 .block-editor-block-variation-picker__variation.components-button.has-icon { |
1304 width: auto; } |
1783 justify-content: center; |
1305 .block-editor-block-variation-picker__variation.components-button.has-icon.is-secondary { |
1784 width: auto; |
1306 background-color: #fff; } |
1785 } |
1307 .block-editor-block-variation-picker__variation.components-button { |
1786 .block-editor-block-variation-picker__variation.components-button.has-icon.is-secondary { |
1308 height: auto; |
1787 background-color: #fff; |
1309 padding: 0; } |
1788 } |
1310 .block-editor-block-variation-picker__variation::before { |
1789 .block-editor-block-variation-picker__variation.components-button { |
1311 content: ""; |
1790 height: auto; |
1312 padding-bottom: 100%; } |
1791 padding: 0; |
1313 .block-editor-block-variation-picker__variation:first-child { |
1792 } |
1314 margin-right: 0; } |
1793 .block-editor-block-variation-picker__variation::before { |
1315 .block-editor-block-variation-picker__variation:last-child { |
1794 content: ""; |
1316 margin-left: 0; } |
1795 padding-bottom: 100%; |
|
1796 } |
|
1797 .block-editor-block-variation-picker__variation:first-child { |
|
1798 margin-right: 0; |
|
1799 } |
|
1800 .block-editor-block-variation-picker__variation:last-child { |
|
1801 margin-left: 0; |
|
1802 } |
|
1803 |
|
1804 .block-editor-block-pattern-setup { |
|
1805 display: flex; |
|
1806 flex-direction: column; |
|
1807 justify-content: center; |
|
1808 align-items: flex-start; |
|
1809 width: 100%; |
|
1810 border-radius: 2px; |
|
1811 box-shadow: inset 0 0 0 1px #1e1e1e; |
|
1812 outline: 1px solid transparent; |
|
1813 } |
|
1814 .block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__toolbar { |
|
1815 justify-content: center; |
|
1816 } |
|
1817 .block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container { |
|
1818 display: grid; |
|
1819 grid-template-columns: 1fr 1fr; |
|
1820 grid-gap: 16px; |
|
1821 padding: 16px; |
|
1822 max-height: 550px; |
|
1823 overflow: auto; |
|
1824 margin: 0 1px 1px 1px; |
|
1825 width: calc(100% - 2px); |
|
1826 background: #fff; |
|
1827 } |
|
1828 .block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-preview__container, |
|
1829 .block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container div[role=button] { |
|
1830 cursor: pointer; |
|
1831 } |
|
1832 .block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__item-title { |
|
1833 padding: 4px; |
|
1834 font-size: 12px; |
|
1835 text-align: center; |
|
1836 } |
|
1837 .block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-preview__container { |
|
1838 border-radius: 2px; |
|
1839 border: 1px solid #ddd; |
|
1840 } |
|
1841 .block-editor-block-pattern-setup .block-editor-block-pattern-setup__toolbar { |
|
1842 box-sizing: border-box; |
|
1843 position: relative; |
|
1844 padding: 16px; |
|
1845 width: 100%; |
|
1846 text-align: right; |
|
1847 margin: 0; |
|
1848 color: #1e1e1e; |
|
1849 border-radius: 2px 2px 0 0; |
|
1850 background-color: #fff; |
|
1851 box-shadow: inset 0 0 0 1px #1e1e1e; |
|
1852 outline: 1px solid transparent; |
|
1853 display: flex; |
|
1854 flex-direction: row; |
|
1855 align-items: center; |
|
1856 justify-content: space-between; |
|
1857 } |
|
1858 .block-editor-block-pattern-setup .block-editor-block-pattern-setup__toolbar .block-editor-block-pattern-setup__display-controls { |
|
1859 display: flex; |
|
1860 } |
|
1861 .block-editor-block-pattern-setup .block-editor-block-pattern-setup__toolbar .block-editor-block-pattern-setup__navigation, |
|
1862 .block-editor-block-pattern-setup .block-editor-block-pattern-setup__toolbar .block-editor-block-pattern-setup__actions { |
|
1863 width: calc(50% - 36px); |
|
1864 display: flex; |
|
1865 } |
|
1866 .block-editor-block-pattern-setup .block-editor-block-pattern-setup__toolbar .block-editor-block-pattern-setup__actions { |
|
1867 justify-content: flex-end; |
|
1868 } |
|
1869 .block-editor-block-pattern-setup .block-editor-block-pattern-setup__container { |
|
1870 display: flex; |
|
1871 flex-direction: column; |
|
1872 width: 100%; |
|
1873 box-sizing: border-box; |
|
1874 } |
|
1875 .block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container { |
|
1876 overflow: hidden; |
|
1877 position: relative; |
|
1878 padding: 0; |
|
1879 margin: 0; |
|
1880 list-style: none; |
|
1881 transform-style: preserve-3d; |
|
1882 } |
|
1883 .block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container * { |
|
1884 box-sizing: border-box; |
|
1885 } |
|
1886 .block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container .pattern-slide { |
|
1887 opacity: 0; |
|
1888 position: absolute; |
|
1889 top: 0; |
|
1890 width: 100%; |
|
1891 margin: auto; |
|
1892 padding: 16px; |
|
1893 transition: transform 0.5s, opacity 0.5s, z-index 0.5s; |
|
1894 z-index: 100; |
|
1895 } |
|
1896 .block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container .pattern-slide.active-slide { |
|
1897 opacity: 1; |
|
1898 position: relative; |
|
1899 z-index: 102; |
|
1900 } |
|
1901 .block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container .pattern-slide.previous-slide { |
|
1902 transform: translateX(100%); |
|
1903 z-index: 101; |
|
1904 } |
|
1905 .block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container .pattern-slide.next-slide { |
|
1906 transform: translateX(-100%); |
|
1907 z-index: 101; |
|
1908 } |
|
1909 .block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .block-list-appender { |
|
1910 display: none; |
|
1911 } |
|
1912 |
|
1913 .block-editor-block-variation-transforms { |
|
1914 padding: 0 56px 16px 16px; |
|
1915 width: 100%; |
|
1916 } |
|
1917 .block-editor-block-variation-transforms .components-dropdown-menu__toggle { |
|
1918 border: 1px solid #757575; |
|
1919 border-radius: 2px; |
|
1920 min-height: 30px; |
|
1921 width: 100%; |
|
1922 position: relative; |
|
1923 text-align: right; |
|
1924 justify-content: left; |
|
1925 padding: 6px 12px; |
|
1926 } |
|
1927 .block-editor-block-variation-transforms .components-dropdown-menu__toggle.components-dropdown-menu__toggle { |
|
1928 padding-left: 24px; |
|
1929 } |
|
1930 .block-editor-block-variation-transforms .components-dropdown-menu__toggle:focus:not(:disabled) { |
|
1931 border-color: var(--wp-admin-theme-color); |
|
1932 box-shadow: 0 0 0 calc(var(--wp-admin-border-width-focus) - 1px) var(--wp-admin-theme-color); |
|
1933 } |
|
1934 .block-editor-block-variation-transforms .components-dropdown-menu__toggle svg { |
|
1935 height: 100%; |
|
1936 padding: 0; |
|
1937 position: absolute; |
|
1938 left: 0; |
|
1939 top: 0; |
|
1940 } |
|
1941 |
|
1942 .block-editor-block-variation-transforms__popover .components-popover__content { |
|
1943 min-width: 230px; |
|
1944 } |
|
1945 |
|
1946 .components-border-style-control__select { |
|
1947 margin-bottom: 24px; |
|
1948 } |
|
1949 .components-border-style-control__select button { |
|
1950 width: 100%; |
|
1951 } |
|
1952 .components-border-style-control__select ul li, |
|
1953 .components-border-style-control__select ul li:last-child { |
|
1954 margin: 6px; |
|
1955 } |
1317 |
1956 |
1318 .block-editor-button-block-appender { |
1957 .block-editor-button-block-appender { |
1319 display: flex; |
1958 display: flex; |
1320 flex-direction: column; |
1959 flex-direction: column; |
1321 align-items: center; |
1960 align-items: center; |
1322 justify-content: center; |
1961 justify-content: center; |
1323 padding: 8px; |
1962 padding: 8px; |
1324 width: 100%; |
1963 width: 100%; |
1325 height: auto; |
1964 height: auto; |
1326 color: #1e1e1e; |
1965 color: #1e1e1e; |
1327 box-shadow: inset 0 0 0 1px #1e1e1e; } |
1966 box-shadow: inset 0 0 0 1px #1e1e1e; |
1328 .block-editor-button-block-appender:hover { |
1967 } |
1329 box-shadow: inset 0 0 0 1px #007cba; |
1968 .is-dark-theme .block-editor-button-block-appender { |
1330 box-shadow: inset 0 0 0 1px var(--wp-admin-theme-color); } |
1969 color: rgba(255, 255, 255, 0.65); |
1331 .block-editor-button-block-appender:focus { |
1970 box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.65); |
1332 box-shadow: inset 0 0 0 2px #007cba; |
1971 } |
1333 box-shadow: inset 0 0 0 2px var(--wp-admin-theme-color); } |
1972 .block-editor-button-block-appender:hover { |
1334 .block-editor-button-block-appender:active { |
1973 color: var(--wp-admin-theme-color); |
1335 color: #000; } |
1974 box-shadow: inset 0 0 0 1px var(--wp-admin-theme-color); |
1336 .block-editor-button-block-appender.block-list-appender__toggle { |
1975 } |
1337 display: flex; |
1976 .block-editor-button-block-appender:focus { |
1338 flex-direction: row; |
1977 box-shadow: inset 0 0 0 2px var(--wp-admin-theme-color); |
1339 color: #1e1e1e; |
1978 } |
1340 box-shadow: none; |
1979 .block-editor-button-block-appender:active { |
1341 height: 24px; |
1980 color: #000; |
1342 padding: 0; |
1981 } |
1343 margin-right: 8px; } |
1982 .block-editor-button-block-appender.block-list-appender__toggle { |
1344 .block-editor-button-block-appender.block-list-appender__toggle:active { |
1983 display: flex; |
1345 color: #fff; } |
1984 flex-direction: row; |
1346 .block-editor-button-block-appender.block-list-appender__toggle > svg { |
1985 box-shadow: none; |
1347 width: 24px; |
1986 height: 24px; |
1348 background-color: #1e1e1e; |
1987 width: 24px; |
1349 color: #fff; |
1988 } |
1350 border-radius: 2px; } |
1989 .block-editor-button-block-appender.block-list-appender__toggle > svg { |
1351 |
1990 width: 24px; |
1352 .block-editor-color-gradient-control__color-indicator { |
1991 background-color: #1e1e1e; |
1353 margin-bottom: 8px; } |
1992 color: #fff; |
1354 |
1993 border-radius: 2px; |
1355 .block-editor-color-gradient-control__button-tabs { |
1994 flex: 1 0 auto; |
|
1995 } |
|
1996 |
|
1997 .block-editor-color-gradient-control .block-editor-color-gradient-control__color-indicator { |
|
1998 margin-bottom: 12px; |
|
1999 } |
|
2000 .block-editor-color-gradient-control .block-editor-color-gradient-control__button-tabs { |
1356 display: block; |
2001 display: block; |
1357 margin-bottom: 8px; } |
2002 margin-bottom: 12px; |
|
2003 } |
1358 |
2004 |
1359 .block-editor-panel-color-gradient-settings .component-color-indicator { |
2005 .block-editor-panel-color-gradient-settings .component-color-indicator { |
1360 vertical-align: text-bottom; } |
2006 vertical-align: text-bottom; |
1361 |
2007 } |
1362 .block-editor-panel-color-gradient-settings__panel-title .component-color-indicator { |
2008 .block-editor-panel-color-gradient-settings__panel-title .component-color-indicator { |
1363 display: inline-block; } |
2009 display: inline-block; |
1364 |
2010 } |
1365 .block-editor-panel-color-gradient-settings.is-opened .block-editor-panel-color-gradient-settings__panel-title .component-color-indicator { |
2011 .block-editor-panel-color-gradient-settings.is-opened .block-editor-panel-color-gradient-settings__panel-title .component-color-indicator { |
1366 display: none; } |
2012 display: none; |
|
2013 } |
|
2014 @media screen and (min-width: 782px) { |
|
2015 .block-editor-panel-color-gradient-settings .components-circular-option-picker__swatches { |
|
2016 margin-left: 0; |
|
2017 } |
|
2018 .block-editor-panel-color-gradient-settings .components-circular-option-picker__option-wrapper { |
|
2019 margin-left: calc((100% - (28px * 6)) / 5); |
|
2020 } |
|
2021 .block-editor-panel-color-gradient-settings .components-circular-option-picker__option-wrapper:nth-child(6n+6) { |
|
2022 margin-left: 0; |
|
2023 } |
|
2024 } |
1367 |
2025 |
1368 .block-editor-contrast-checker > .components-notice { |
2026 .block-editor-contrast-checker > .components-notice { |
1369 margin: 0; } |
2027 margin: 0; |
|
2028 } |
1370 |
2029 |
1371 .block-editor-default-block-appender { |
2030 .block-editor-default-block-appender { |
1372 clear: both; |
2031 clear: both; |
1373 margin-right: auto; |
2032 margin-right: auto; |
1374 margin-left: auto; |
2033 margin-left: auto; |
1375 position: relative; } |
2034 position: relative; |
1376 .block-editor-default-block-appender[data-root-client-id=""] .block-editor-default-block-appender__content:hover { |
2035 } |
1377 outline: 1px solid transparent; } |
2036 .block-editor-default-block-appender[data-root-client-id=""] .block-editor-default-block-appender__content:hover { |
1378 .block-editor-default-block-appender textarea.block-editor-default-block-appender__content { |
2037 outline: 1px solid transparent; |
1379 font-family: inherit; |
2038 } |
1380 font-size: inherit; |
2039 .block-editor-default-block-appender .block-editor-default-block-appender__content { |
1381 border: none; |
2040 opacity: 0.62; |
1382 background: none; |
2041 } |
1383 box-shadow: none; |
2042 .block-editor-default-block-appender .components-drop-zone__content-icon { |
1384 display: block; |
2043 display: none; |
1385 cursor: text; |
2044 } |
1386 width: 100%; |
|
1387 outline: 1px solid transparent; |
|
1388 transition: 0.2s outline; |
|
1389 resize: none; |
|
1390 margin-top: 28px; |
|
1391 margin-bottom: 28px; |
|
1392 padding: 0 0 0 50px; |
|
1393 color: rgba(30, 30, 30, 0.62); } |
|
1394 @media (prefers-reduced-motion: reduce) { |
|
1395 .block-editor-default-block-appender textarea.block-editor-default-block-appender__content { |
|
1396 transition-duration: 0s; } } |
|
1397 .is-dark-theme .block-editor-default-block-appender textarea.block-editor-default-block-appender__content { |
|
1398 color: rgba(255, 255, 255, 0.65); } |
|
1399 .block-editor-default-block-appender .components-drop-zone__content-icon { |
|
1400 display: none; } |
|
1401 |
|
1402 .block-editor-default-block-appender__content { |
|
1403 line-height: 1.8; } |
|
1404 |
2045 |
1405 .block-editor-block-list__empty-block-inserter.block-editor-block-list__empty-block-inserter, |
2046 .block-editor-block-list__empty-block-inserter.block-editor-block-list__empty-block-inserter, |
1406 .block-editor-default-block-appender .block-editor-inserter { |
2047 .block-editor-default-block-appender .block-editor-inserter { |
1407 position: absolute; |
2048 position: absolute; |
1408 top: 0; |
2049 top: 0; |
1409 height: 32px; } |
2050 height: 32px; |
1410 .block-editor-block-list__empty-block-inserter.block-editor-block-list__empty-block-inserter .block-editor-inserter__toggle, |
2051 } |
1411 .block-editor-default-block-appender .block-editor-inserter .block-editor-inserter__toggle { |
2052 .block-editor-block-list__empty-block-inserter.block-editor-block-list__empty-block-inserter .block-editor-inserter__toggle, |
1412 margin-left: 0; } |
2053 .block-editor-default-block-appender .block-editor-inserter .block-editor-inserter__toggle { |
|
2054 margin-left: 0; |
|
2055 } |
1413 |
2056 |
1414 .block-editor-block-list__empty-block-inserter, |
2057 .block-editor-block-list__empty-block-inserter, |
1415 .block-editor-default-block-appender .block-editor-inserter { |
2058 .block-editor-default-block-appender .block-editor-inserter { |
1416 left: 8px; } |
2059 left: 8px; |
1417 @media (min-width: 600px) { |
2060 } |
1418 .block-editor-block-list__empty-block-inserter, |
|
1419 .block-editor-default-block-appender .block-editor-inserter { |
|
1420 display: flex; |
|
1421 height: 100%; } } |
|
1422 .block-editor-block-list__empty-block-inserter:disabled, |
|
1423 .block-editor-default-block-appender .block-editor-inserter:disabled { |
|
1424 display: none; } |
|
1425 |
|
1426 @media (min-width: 600px) { |
2061 @media (min-width: 600px) { |
1427 .block-editor-default-block-appender .block-editor-inserter { |
2062 .block-editor-block-list__empty-block-inserter, |
1428 align-items: center; } } |
2063 .block-editor-default-block-appender .block-editor-inserter { |
|
2064 display: flex; |
|
2065 height: 100%; |
|
2066 } |
|
2067 } |
|
2068 .block-editor-block-list__empty-block-inserter:disabled, |
|
2069 .block-editor-default-block-appender .block-editor-inserter:disabled { |
|
2070 display: none; |
|
2071 } |
|
2072 |
|
2073 .block-editor-duotone-control__popover .components-popover__content { |
|
2074 border: 1px solid #1e1e1e; |
|
2075 min-width: 214px; |
|
2076 } |
|
2077 .block-editor-duotone-control__popover .components-circular-option-picker { |
|
2078 padding: 12px; |
|
2079 } |
|
2080 .block-editor-duotone-control__popover .components-menu-group__label { |
|
2081 padding: 12px 12px 0 12px; |
|
2082 width: 100%; |
|
2083 box-sizing: border-box; |
|
2084 } |
|
2085 |
|
2086 .block-editor-duotone-control__popover > .components-popover__content { |
|
2087 width: 334px; |
|
2088 } |
|
2089 |
|
2090 .block-editor-duotone-control__popover:not([data-y-axis=middle][data-x-axis=right]) > .components-popover__content { |
|
2091 margin-right: -14px; |
|
2092 } |
|
2093 |
|
2094 .components-font-appearance-control__select { |
|
2095 margin-bottom: 24px; |
|
2096 } |
|
2097 .components-font-appearance-control__select ul li { |
|
2098 color: #1e1e1e; |
|
2099 text-transform: capitalize; |
|
2100 } |
|
2101 |
|
2102 .items-justified-left { |
|
2103 justify-content: flex-start; |
|
2104 } |
|
2105 |
|
2106 .items-justified-center { |
|
2107 justify-content: center; |
|
2108 } |
|
2109 |
|
2110 .items-justified-right { |
|
2111 justify-content: flex-end; |
|
2112 } |
|
2113 |
|
2114 .items-justified-space-between { |
|
2115 justify-content: space-between; |
|
2116 } |
1429 |
2117 |
1430 .block-editor-link-control { |
2118 .block-editor-link-control { |
1431 position: relative; |
2119 position: relative; |
1432 min-width: 360px; } |
2120 min-width: 360px; |
1433 .components-popover__content .block-editor-link-control { |
2121 } |
1434 min-width: auto; |
2122 .components-popover__content .block-editor-link-control { |
1435 width: 90vw; |
2123 min-width: auto; |
1436 max-width: 360px; } |
2124 width: 90vw; |
|
2125 max-width: 360px; |
|
2126 } |
1437 |
2127 |
1438 .block-editor-link-control__search-input-wrapper { |
2128 .block-editor-link-control__search-input-wrapper { |
1439 position: relative; } |
2129 position: relative; |
1440 |
2130 } |
1441 .block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type="text"] { |
2131 |
|
2132 .block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type=text] { |
1442 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
2133 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
1443 padding: 6px 8px; |
2134 padding: 6px 8px; |
1444 box-shadow: 0 0 0 transparent; |
2135 box-shadow: 0 0 0 transparent; |
1445 transition: box-shadow 0.1s linear; |
2136 transition: box-shadow 0.1s linear; |
1446 border-radius: 2px; |
2137 border-radius: 2px; |
1909 margin: -1px; |
2710 margin: -1px; |
1910 overflow: hidden; |
2711 overflow: hidden; |
1911 padding: 0; |
2712 padding: 0; |
1912 position: absolute; |
2713 position: absolute; |
1913 width: 1px; |
2714 width: 1px; |
1914 word-wrap: normal !important; } |
2715 word-wrap: normal !important; |
1915 |
2716 } |
1916 .block-editor-format-toolbar .components-dropdown-menu__toggle { |
|
1917 justify-content: center; } |
|
1918 |
2717 |
1919 .block-editor-rich-text__editable > p:first-child { |
2718 .block-editor-rich-text__editable > p:first-child { |
1920 margin-top: 0; } |
2719 margin-top: 0; |
1921 |
2720 } |
1922 .block-editor-rich-text__editable [data-rich-text-placeholder] { |
2721 .block-editor-rich-text__editable [data-rich-text-placeholder] { |
1923 pointer-events: none; } |
2722 pointer-events: none; |
1924 |
2723 } |
1925 .block-editor-rich-text__editable [data-rich-text-placeholder]::after { |
2724 .block-editor-rich-text__editable [data-rich-text-placeholder]::after { |
1926 content: attr(data-rich-text-placeholder); |
2725 content: attr(data-rich-text-placeholder); |
1927 opacity: 0.62; } |
2726 opacity: 0.62; |
1928 |
2727 } |
1929 .block-editor-rich-text__editable:focus { |
2728 .block-editor-rich-text__editable:focus { |
1930 outline: none; } |
2729 outline: none; |
1931 .block-editor-rich-text__editable:focus [data-rich-text-format-boundary] { |
2730 } |
1932 border-radius: 2px; } |
2731 .block-editor-rich-text__editable:focus [data-rich-text-format-boundary] { |
1933 .block-editor-rich-text__editable:focus:not(.keep-placeholder-on-focus) [data-rich-text-placeholder]::after { |
2732 border-radius: 2px; |
1934 display: none; } |
2733 } |
1935 |
2734 |
1936 figcaption.block-editor-rich-text__editable [data-rich-text-placeholder]::before { |
2735 figcaption.block-editor-rich-text__editable [data-rich-text-placeholder]::before { |
1937 opacity: 0.8; } |
2736 opacity: 0.8; |
|
2737 } |
1938 |
2738 |
1939 .components-popover.block-editor-rich-text__inline-format-toolbar { |
2739 .components-popover.block-editor-rich-text__inline-format-toolbar { |
1940 z-index: 99998; } |
2740 z-index: 99998; |
1941 .components-popover.block-editor-rich-text__inline-format-toolbar .components-popover__content { |
2741 } |
1942 width: auto; |
2742 .components-popover.block-editor-rich-text__inline-format-toolbar .components-popover__content { |
1943 min-width: auto; |
2743 width: auto; |
1944 margin-bottom: 8px; |
2744 min-width: auto; |
1945 box-shadow: none; |
2745 margin-bottom: 8px; |
1946 border: 1px solid #1e1e1e; |
2746 box-shadow: none; |
1947 border-radius: 2px; |
2747 border: 1px solid #1e1e1e; |
1948 background-color: #fff; } |
2748 border-radius: 2px; |
1949 .components-popover.block-editor-rich-text__inline-format-toolbar .components-toolbar-group, |
2749 background-color: #fff; |
1950 .components-popover.block-editor-rich-text__inline-format-toolbar .components-toolbar { |
2750 } |
1951 border: none; } |
2751 .components-popover.block-editor-rich-text__inline-format-toolbar .components-toolbar-group, |
1952 .components-popover.block-editor-rich-text__inline-format-toolbar .components-toolbar__control, |
2752 .components-popover.block-editor-rich-text__inline-format-toolbar .components-toolbar { |
1953 .components-popover.block-editor-rich-text__inline-format-toolbar .components-dropdown-menu__toggle { |
2753 border: none; |
1954 min-width: 48px; |
2754 } |
1955 min-height: 48px; |
2755 .components-popover.block-editor-rich-text__inline-format-toolbar .components-toolbar__control, |
1956 padding-right: 12px; |
2756 .components-popover.block-editor-rich-text__inline-format-toolbar .components-dropdown-menu__toggle { |
1957 padding-left: 12px; } |
2757 min-width: 48px; |
|
2758 min-height: 48px; |
|
2759 padding-right: 12px; |
|
2760 padding-left: 12px; |
|
2761 } |
|
2762 |
|
2763 .block-editor-rich-text__inline-format-toolbar-group .components-dropdown-menu__toggle { |
|
2764 justify-content: center; |
|
2765 } |
|
2766 |
|
2767 .show-icon-labels .block-editor-rich-text__inline-format-toolbar-group .components-button.has-icon { |
|
2768 width: auto; |
|
2769 } |
|
2770 .show-icon-labels .block-editor-rich-text__inline-format-toolbar-group .components-button.has-icon svg { |
|
2771 display: none; |
|
2772 } |
|
2773 .show-icon-labels .block-editor-rich-text__inline-format-toolbar-group .components-button.has-icon::after { |
|
2774 content: attr(aria-label); |
|
2775 } |
|
2776 |
|
2777 [data-rich-text-script] { |
|
2778 display: inline; |
|
2779 } |
|
2780 [data-rich-text-script]::before { |
|
2781 content: "</>"; |
|
2782 background: yellow; |
|
2783 } |
1958 |
2784 |
1959 .block-editor-skip-to-selected-block { |
2785 .block-editor-skip-to-selected-block { |
1960 position: absolute; |
2786 position: absolute; |
1961 top: -9999em; } |
2787 top: -9999em; |
1962 .block-editor-skip-to-selected-block:focus { |
2788 } |
1963 height: auto; |
2789 .block-editor-skip-to-selected-block:focus { |
1964 width: auto; |
2790 height: auto; |
1965 display: block; |
2791 width: auto; |
1966 font-size: 14px; |
2792 display: block; |
1967 font-weight: 600; |
2793 font-size: 14px; |
1968 padding: 15px 23px 14px; |
2794 font-weight: 600; |
1969 background: #f1f1f1; |
2795 padding: 15px 23px 14px; |
1970 color: #007cba; |
2796 background: #f1f1f1; |
1971 color: var(--wp-admin-theme-color); |
2797 color: var(--wp-admin-theme-color); |
1972 line-height: normal; |
2798 line-height: normal; |
1973 box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); |
2799 box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); |
1974 text-decoration: none; |
2800 text-decoration: none; |
1975 outline: none; |
2801 outline: none; |
1976 z-index: 100000; } |
2802 z-index: 100000; |
|
2803 } |
|
2804 |
|
2805 .block-editor-text-decoration-and-transform { |
|
2806 display: flex; |
|
2807 } |
|
2808 |
|
2809 .block-editor-text-transform-control { |
|
2810 flex: 0 0 50%; |
|
2811 } |
|
2812 .block-editor-text-transform-control legend { |
|
2813 margin-bottom: 8px; |
|
2814 } |
|
2815 .block-editor-text-transform-control .block-editor-text-transform-control__buttons { |
|
2816 display: inline-flex; |
|
2817 margin-bottom: 24px; |
|
2818 } |
|
2819 .block-editor-text-transform-control .block-editor-text-transform-control__buttons .components-button.has-icon { |
|
2820 min-width: 24px; |
|
2821 padding: 0; |
|
2822 margin-left: 4px; |
|
2823 } |
|
2824 |
|
2825 .block-editor-text-decoration-control { |
|
2826 flex: 0 0 50%; |
|
2827 } |
|
2828 .block-editor-text-decoration-control legend { |
|
2829 margin-bottom: 8px; |
|
2830 } |
|
2831 .block-editor-text-decoration-control .block-editor-text-decoration-control__buttons { |
|
2832 display: inline-flex; |
|
2833 margin-bottom: 24px; |
|
2834 } |
|
2835 .block-editor-text-decoration-control .block-editor-text-decoration-control__buttons .components-button.has-icon { |
|
2836 min-width: 24px; |
|
2837 padding: 0; |
|
2838 margin-left: 4px; |
|
2839 } |
1977 |
2840 |
1978 .block-editor-tool-selector__help { |
2841 .block-editor-tool-selector__help { |
1979 margin-top: 8px; |
2842 margin-top: 8px; |
1980 margin-right: -12px; |
2843 margin-right: -12px; |
1981 margin-left: -12px; |
2844 margin-left: -12px; |
1982 margin-bottom: -12px; |
2845 margin-bottom: -12px; |
1983 padding: 12px 20px; |
2846 padding: 12px 20px; |
1984 border-top: 1px solid #ddd; |
2847 border-top: 1px solid #ddd; |
1985 color: #6c7781; } |
2848 color: #757575; |
|
2849 min-width: 280px; |
|
2850 } |
1986 |
2851 |
1987 .block-editor-block-list__block .block-editor-url-input, |
2852 .block-editor-block-list__block .block-editor-url-input, |
1988 .components-popover .block-editor-url-input, |
2853 .components-popover .block-editor-url-input, |
1989 .block-editor-url-input { |
2854 .block-editor-url-input { |
1990 flex-grow: 1; |
2855 flex-grow: 1; |
1991 position: relative; |
2856 position: relative; |
1992 padding: 1px; } |
2857 padding: 1px; |
1993 .block-editor-block-list__block .block-editor-url-input input[type="text"], |
2858 } |
1994 .components-popover .block-editor-url-input input[type="text"], |
2859 .block-editor-block-list__block .block-editor-url-input input[type=text], |
1995 .block-editor-url-input input[type="text"] { |
2860 .components-popover .block-editor-url-input input[type=text], |
1996 width: 100%; |
2861 .block-editor-url-input input[type=text] { |
1997 padding: 8px; |
2862 width: 100%; |
1998 border: none; |
2863 padding: 8px 12px 8px 8px; |
1999 border-radius: 0; |
2864 border: none; |
2000 margin-right: 0; |
2865 border-radius: 0; |
2001 margin-left: 0; |
2866 margin-right: 0; |
2002 /* Fonts smaller than 16px causes mobile safari to zoom. */ |
2867 margin-left: 0; |
2003 font-size: 16px; } |
2868 /* Fonts smaller than 16px causes mobile safari to zoom. */ |
2004 @media (min-width: 600px) { |
2869 font-size: 16px; |
2005 .block-editor-block-list__block .block-editor-url-input input[type="text"], |
2870 } |
2006 .components-popover .block-editor-url-input input[type="text"], |
2871 @media (min-width: 600px) { |
2007 .block-editor-url-input input[type="text"] { |
2872 .block-editor-block-list__block .block-editor-url-input input[type=text], |
2008 width: 300px; } } |
2873 .components-popover .block-editor-url-input input[type=text], |
2009 @media (min-width: 600px) { |
2874 .block-editor-url-input input[type=text] { |
2010 .block-editor-block-list__block .block-editor-url-input input[type="text"], |
2875 width: 300px; |
2011 .components-popover .block-editor-url-input input[type="text"], |
2876 } |
2012 .block-editor-url-input input[type="text"] { |
2877 } |
2013 font-size: 13px; } } |
2878 @media (min-width: 600px) { |
2014 .block-editor-block-list__block .block-editor-url-input input[type="text"]::-ms-clear, |
2879 .block-editor-block-list__block .block-editor-url-input input[type=text], |
2015 .components-popover .block-editor-url-input input[type="text"]::-ms-clear, |
2880 .components-popover .block-editor-url-input input[type=text], |
2016 .block-editor-url-input input[type="text"]::-ms-clear { |
2881 .block-editor-url-input input[type=text] { |
2017 display: none; } |
2882 font-size: 13px; |
2018 .block-editor-block-list__block .block-editor-url-input.is-full-width, |
2883 } |
2019 .components-popover .block-editor-url-input.is-full-width, |
2884 } |
2020 .block-editor-url-input.is-full-width { |
2885 .block-editor-block-list__block .block-editor-url-input input[type=text]::-ms-clear, |
2021 width: 100%; } |
2886 .components-popover .block-editor-url-input input[type=text]::-ms-clear, |
2022 .block-editor-block-list__block .block-editor-url-input.is-full-width .block-editor-url-input__input[type="text"], |
2887 .block-editor-url-input input[type=text]::-ms-clear { |
2023 .components-popover .block-editor-url-input.is-full-width .block-editor-url-input__input[type="text"], |
2888 display: none; |
2024 .block-editor-url-input.is-full-width .block-editor-url-input__input[type="text"] { |
2889 } |
2025 width: 100%; } |
2890 .block-editor-block-list__block .block-editor-url-input.is-full-width, |
2026 .block-editor-block-list__block .block-editor-url-input.is-full-width__suggestions, |
2891 .components-popover .block-editor-url-input.is-full-width, |
2027 .components-popover .block-editor-url-input.is-full-width__suggestions, |
2892 .block-editor-url-input.is-full-width { |
2028 .block-editor-url-input.is-full-width__suggestions { |
2893 width: 100%; |
2029 width: 100%; } |
2894 } |
2030 .block-editor-block-list__block .block-editor-url-input .components-spinner, |
2895 .block-editor-block-list__block .block-editor-url-input.is-full-width .block-editor-url-input__input[type=text], |
2031 .components-popover .block-editor-url-input .components-spinner, |
2896 .components-popover .block-editor-url-input.is-full-width .block-editor-url-input__input[type=text], |
2032 .block-editor-url-input .components-spinner { |
2897 .block-editor-url-input.is-full-width .block-editor-url-input__input[type=text] { |
2033 position: absolute; |
2898 width: 100%; |
2034 left: 8px; |
2899 } |
2035 bottom: 17px; |
2900 .block-editor-block-list__block .block-editor-url-input.is-full-width__suggestions, |
2036 margin: 0; } |
2901 .components-popover .block-editor-url-input.is-full-width__suggestions, |
2037 |
2902 .block-editor-url-input.is-full-width__suggestions { |
2038 .block-editor-url-input__input[type="text"] { |
2903 width: 100%; |
|
2904 } |
|
2905 .block-editor-block-list__block .block-editor-url-input .components-spinner, |
|
2906 .components-popover .block-editor-url-input .components-spinner, |
|
2907 .block-editor-url-input .components-spinner { |
|
2908 position: absolute; |
|
2909 left: 8px 8px 8px 12px; |
|
2910 bottom: 8px 8px 8px 12px8px1; |
|
2911 margin: 0; |
|
2912 } |
|
2913 |
|
2914 .block-editor-url-input__input[type=text] { |
2039 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
2915 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
2040 padding: 6px 8px; |
2916 padding: 6px 8px; |
2041 box-shadow: 0 0 0 transparent; |
2917 box-shadow: 0 0 0 transparent; |
2042 transition: box-shadow 0.1s linear; |
2918 transition: box-shadow 0.1s linear; |
2043 border-radius: 2px; |
2919 border-radius: 2px; |
2044 border: 1px solid #757575; |
2920 border: 1px solid #757575; |
2045 /* Fonts smaller than 16px causes mobile safari to zoom. */ |
2921 /* Fonts smaller than 16px causes mobile safari to zoom. */ |
2046 font-size: 16px; |
2922 font-size: 16px; |
2047 /* Override core line-height. To be reviewed. */ |
2923 /* Override core line-height. To be reviewed. */ |
2048 line-height: normal; } |
2924 line-height: normal; |
2049 @media (prefers-reduced-motion: reduce) { |
2925 } |
2050 .block-editor-url-input__input[type="text"] { |
2926 @media (prefers-reduced-motion: reduce) { |
2051 transition-duration: 0s; } } |
2927 .block-editor-url-input__input[type=text] { |
2052 @media (min-width: 600px) { |
2928 transition-duration: 0s; |
2053 .block-editor-url-input__input[type="text"] { |
2929 transition-delay: 0s; |
2054 font-size: 13px; |
2930 } |
2055 /* Override core line-height. To be reviewed. */ |
2931 } |
2056 line-height: normal; } } |
2932 @media (min-width: 600px) { |
2057 .block-editor-url-input__input[type="text"]:focus { |
2933 .block-editor-url-input__input[type=text] { |
2058 border-color: #007cba; |
2934 font-size: 13px; |
2059 border-color: var(--wp-admin-theme-color); |
2935 /* Override core line-height. To be reviewed. */ |
2060 box-shadow: 0 0 0 0.5px #007cba; |
2936 line-height: normal; |
2061 box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color); |
2937 } |
2062 outline: 2px solid transparent; } |
2938 } |
2063 .block-editor-url-input__input[type="text"]::-webkit-input-placeholder { |
2939 .block-editor-url-input__input[type=text]:focus { |
2064 color: rgba(30, 30, 30, 0.62); } |
2940 border-color: var(--wp-admin-theme-color); |
2065 .block-editor-url-input__input[type="text"]::-moz-placeholder { |
2941 box-shadow: 0 0 0 1px var(--wp-admin-theme-color); |
2066 opacity: 1; |
2942 outline: 2px solid transparent; |
2067 color: rgba(30, 30, 30, 0.62); } |
2943 } |
2068 .block-editor-url-input__input[type="text"]:-ms-input-placeholder { |
2944 .block-editor-url-input__input[type=text]::-webkit-input-placeholder { |
2069 color: rgba(30, 30, 30, 0.62); } |
2945 color: rgba(30, 30, 30, 0.62); |
2070 .is-dark-theme .block-editor-url-input__input[type="text"]::-webkit-input-placeholder { |
2946 } |
2071 color: rgba(255, 255, 255, 0.65); } |
2947 .block-editor-url-input__input[type=text]::-moz-placeholder { |
2072 .is-dark-theme .block-editor-url-input__input[type="text"]::-moz-placeholder { |
2948 opacity: 1; |
2073 opacity: 1; |
2949 color: rgba(30, 30, 30, 0.62); |
2074 color: rgba(255, 255, 255, 0.65); } |
2950 } |
2075 .is-dark-theme .block-editor-url-input__input[type="text"]:-ms-input-placeholder { |
2951 .block-editor-url-input__input[type=text]:-ms-input-placeholder { |
2076 color: rgba(255, 255, 255, 0.65); } |
2952 color: rgba(30, 30, 30, 0.62); |
|
2953 } |
2077 |
2954 |
2078 .block-editor-url-input__suggestions { |
2955 .block-editor-url-input__suggestions { |
2079 max-height: 200px; |
2956 max-height: 200px; |
2080 transition: all 0.15s ease-in-out; |
2957 transition: all 0.15s ease-in-out; |
2081 padding: 4px 0; |
2958 padding: 4px 0; |
2082 width: 302px; |
2959 width: 302px; |
2083 overflow-y: auto; } |
2960 overflow-y: auto; |
2084 @media (prefers-reduced-motion: reduce) { |
2961 } |
2085 .block-editor-url-input__suggestions { |
2962 @media (prefers-reduced-motion: reduce) { |
2086 transition-duration: 0s; } } |
2963 .block-editor-url-input__suggestions { |
|
2964 transition-duration: 0s; |
|
2965 transition-delay: 0s; |
|
2966 } |
|
2967 } |
2087 |
2968 |
2088 .block-editor-url-input__suggestions, |
2969 .block-editor-url-input__suggestions, |
2089 .block-editor-url-input .components-spinner { |
2970 .block-editor-url-input .components-spinner { |
2090 display: none; } |
2971 display: none; |
2091 @media (min-width: 600px) { |
2972 } |
2092 .block-editor-url-input__suggestions, |
2973 @media (min-width: 600px) { |
2093 .block-editor-url-input .components-spinner { |
2974 .block-editor-url-input__suggestions, |
2094 display: inherit; } } |
2975 .block-editor-url-input .components-spinner { |
|
2976 display: inherit; |
|
2977 } |
|
2978 } |
2095 |
2979 |
2096 .block-editor-url-input__suggestion { |
2980 .block-editor-url-input__suggestion { |
2097 padding: 4px 8px; |
2981 padding: 4px 8px 8px 8px 12px; |
2098 color: #6c7781; |
2982 color: #757575; |
2099 display: block; |
2983 display: block; |
2100 font-size: 13px; |
2984 font-size: 13px; |
2101 cursor: pointer; |
2985 cursor: pointer; |
2102 background: #fff; |
2986 background: #fff; |
2103 width: 100%; |
2987 width: 100%; |
2104 border: none; |
2988 border: none; |
2105 text-align: right; |
2989 text-align: right; |
2106 box-shadow: none; } |
2990 box-shadow: none; |
2107 .block-editor-url-input__suggestion:hover { |
2991 } |
2108 background: #ddd; } |
2992 .block-editor-url-input__suggestion:hover { |
2109 .block-editor-url-input__suggestion:focus, .block-editor-url-input__suggestion.is-selected { |
2993 background: #ddd; |
2110 background: #005a87; |
2994 } |
2111 background: var(--wp-admin-theme-color-darker-20); |
2995 .block-editor-url-input__suggestion:focus, .block-editor-url-input__suggestion.is-selected { |
2112 color: #fff; |
2996 background: var(--wp-admin-theme-color-darker-20); |
2113 outline: none; } |
2997 color: #fff; |
|
2998 outline: none; |
|
2999 } |
2114 |
3000 |
2115 .components-toolbar-group > .block-editor-url-input__button, |
3001 .components-toolbar-group > .block-editor-url-input__button, |
2116 .components-toolbar > .block-editor-url-input__button { |
3002 .components-toolbar > .block-editor-url-input__button { |
2117 position: inherit; } |
3003 position: inherit; |
|
3004 } |
2118 |
3005 |
2119 .block-editor-url-input__button .block-editor-url-input__back { |
3006 .block-editor-url-input__button .block-editor-url-input__back { |
2120 margin-left: 4px; |
3007 margin-left: 4px; |
2121 overflow: visible; } |
3008 overflow: visible; |
2122 .block-editor-url-input__button .block-editor-url-input__back::after { |
3009 } |
2123 content: ""; |
3010 .block-editor-url-input__button .block-editor-url-input__back::after { |
2124 position: absolute; |
3011 content: ""; |
2125 display: block; |
3012 position: absolute; |
2126 width: 1px; |
3013 display: block; |
2127 height: 24px; |
3014 width: 1px; |
2128 left: -1px; |
3015 height: 24px; |
2129 background: #ddd; } |
3016 left: -1px; |
|
3017 background: #ddd; |
|
3018 } |
2130 |
3019 |
2131 .block-editor-url-input__button-modal { |
3020 .block-editor-url-input__button-modal { |
2132 box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); |
3021 box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); |
2133 border: 1px solid #ddd; |
3022 border: 1px solid #ddd; |
2134 background: #fff; } |
3023 background: #fff; |
|
3024 } |
2135 |
3025 |
2136 .block-editor-url-input__button-modal-line { |
3026 .block-editor-url-input__button-modal-line { |
2137 display: flex; |
3027 display: flex; |
2138 flex-direction: row; |
3028 flex-direction: row; |
2139 flex-grow: 1; |
3029 flex-grow: 1; |
2140 flex-shrink: 1; |
3030 flex-shrink: 1; |
2141 min-width: 0; |
3031 min-width: 0; |
2142 align-items: flex-start; } |
3032 align-items: flex-start; |
2143 .block-editor-url-input__button-modal-line .components-button { |
3033 } |
2144 flex-shrink: 0; |
3034 .block-editor-url-input__button-modal-line .components-button { |
2145 width: 36px; |
3035 flex-shrink: 0; |
2146 height: 36px; } |
3036 width: 36px; |
|
3037 height: 36px; |
|
3038 } |
2147 |
3039 |
2148 .block-editor-url-popover__additional-controls { |
3040 .block-editor-url-popover__additional-controls { |
2149 border-top: 1px solid #ddd; } |
3041 border-top: 1px solid #ddd; |
2150 |
3042 } |
2151 .block-editor-url-popover__additional-controls > div[role="menu"] .components-button:not(:disabled):not([aria-disabled="true"]):not(.is-secondary) > svg { |
3043 |
2152 box-shadow: none; } |
3044 .block-editor-url-popover__additional-controls > div[role=menu] .components-button:not(:disabled):not([aria-disabled=true]):not(.is-secondary) > svg { |
2153 |
3045 box-shadow: none; |
2154 .block-editor-url-popover__additional-controls div[role="menu"] > .components-button { |
3046 } |
2155 padding-right: 2px; } |
3047 |
|
3048 .block-editor-url-popover__additional-controls div[role=menu] > .components-button { |
|
3049 padding-right: 12px; |
|
3050 } |
2156 |
3051 |
2157 .block-editor-url-popover__row { |
3052 .block-editor-url-popover__row { |
2158 display: flex; } |
3053 display: flex; |
|
3054 } |
2159 |
3055 |
2160 .block-editor-url-popover__row > :not(.block-editor-url-popover__settings-toggle) { |
3056 .block-editor-url-popover__row > :not(.block-editor-url-popover__settings-toggle) { |
2161 flex-grow: 1; } |
3057 flex-grow: 1; |
|
3058 } |
2162 |
3059 |
2163 .block-editor-url-popover .components-button.has-icon { |
3060 .block-editor-url-popover .components-button.has-icon { |
2164 padding: 3px; } |
3061 padding: 3px; |
2165 .block-editor-url-popover .components-button.has-icon > svg { |
3062 } |
2166 padding: 5px; |
3063 .block-editor-url-popover .components-button.has-icon > svg { |
2167 border-radius: 2px; |
3064 padding: 5px; |
2168 height: 30px; |
3065 border-radius: 2px; |
2169 width: 30px; } |
3066 height: 30px; |
2170 .block-editor-url-popover .components-button.has-icon:not(:disabled):focus { |
3067 width: 30px; |
2171 box-shadow: none; } |
3068 } |
2172 .block-editor-url-popover .components-button.has-icon:not(:disabled):focus > svg { |
3069 .block-editor-url-popover .components-button.has-icon:not(:disabled):focus { |
2173 box-shadow: inset 0 0 0 1.5px #007cba, inset 0 0 0 4px #fff; |
3070 box-shadow: none; |
2174 box-shadow: inset 0 0 0 1.5px var(--wp-admin-theme-color), inset 0 0 0 4px #fff; |
3071 } |
2175 outline: 2px solid transparent; } |
3072 .block-editor-url-popover .components-button.has-icon:not(:disabled):focus > svg { |
|
3073 box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 0 0 4px #fff; |
|
3074 outline: 2px solid transparent; |
|
3075 } |
2176 |
3076 |
2177 .block-editor-url-popover__settings-toggle { |
3077 .block-editor-url-popover__settings-toggle { |
2178 flex-shrink: 0; |
3078 flex-shrink: 0; |
2179 border-radius: 0; |
3079 border-radius: 0; |
2180 border-right: 1px solid #ddd; |
3080 border-right: 1px solid #ddd; |
2181 margin-right: 1px; } |
3081 margin-right: 1px; |
2182 .block-editor-url-popover__settings-toggle[aria-expanded="true"] .dashicon { |
3082 } |
2183 transform: rotate(-180deg); } |
3083 .block-editor-url-popover__settings-toggle[aria-expanded=true] .dashicon { |
|
3084 transform: rotate(-180deg); |
|
3085 } |
2184 |
3086 |
2185 .block-editor-url-popover__input-container .components-base-control:last-child, |
3087 .block-editor-url-popover__input-container .components-base-control:last-child, |
2186 .block-editor-url-popover__input-container .components-base-control:last-child .components-base-control__field { |
3088 .block-editor-url-popover__input-container .components-base-control:last-child .components-base-control__field { |
2187 margin-bottom: 0; } |
3089 margin-bottom: 0; |
|
3090 } |
2188 |
3091 |
2189 .block-editor-url-popover__settings { |
3092 .block-editor-url-popover__settings { |
2190 display: block; |
3093 display: block; |
2191 padding: 16px; |
3094 padding: 16px; |
2192 border-top: 1px solid #ddd; } |
3095 border-top: 1px solid #ddd; |
|
3096 } |
2193 |
3097 |
2194 .block-editor-url-popover__link-editor, |
3098 .block-editor-url-popover__link-editor, |
2195 .block-editor-url-popover__link-viewer { |
3099 .block-editor-url-popover__link-viewer { |
2196 display: flex; } |
3100 display: flex; |
2197 .block-editor-url-popover__link-editor .block-editor-url-input .components-base-control__field, |
3101 } |
2198 .block-editor-url-popover__link-viewer .block-editor-url-input .components-base-control__field { |
3102 .block-editor-url-popover__link-editor .block-editor-url-input .components-base-control__field, |
2199 margin-bottom: 0; } |
3103 .block-editor-url-popover__link-viewer .block-editor-url-input .components-base-control__field { |
2200 .block-editor-url-popover__link-editor .block-editor-url-input .components-spinner, |
3104 margin-bottom: 0; |
2201 .block-editor-url-popover__link-viewer .block-editor-url-input .components-spinner { |
3105 } |
2202 bottom: 9px; } |
3106 .block-editor-url-popover__link-editor .block-editor-url-input .components-spinner, |
|
3107 .block-editor-url-popover__link-viewer .block-editor-url-input .components-spinner { |
|
3108 bottom: 8px 8px 8px 12px1; |
|
3109 } |
2203 |
3110 |
2204 .block-editor-url-popover__link-viewer-url { |
3111 .block-editor-url-popover__link-viewer-url { |
2205 margin: 7px; |
3112 margin: 7px; |
2206 flex-grow: 1; |
3113 flex-grow: 1; |
2207 flex-shrink: 1; |
3114 flex-shrink: 1; |
2208 overflow: hidden; |
3115 overflow: hidden; |
2209 text-overflow: ellipsis; |
3116 text-overflow: ellipsis; |
2210 white-space: nowrap; |
3117 white-space: nowrap; |
2211 min-width: 150px; |
3118 min-width: 150px; |
2212 max-width: 500px; } |
3119 max-width: 500px; |
2213 .block-editor-url-popover__link-viewer-url.has-invalid-link { |
3120 } |
2214 color: #d94f4f; } |
3121 .block-editor-url-popover__link-viewer-url.has-invalid-link { |
|
3122 color: #cc1818; |
|
3123 } |
2215 |
3124 |
2216 .block-editor-warning { |
3125 .block-editor-warning { |
2217 align-items: center; |
3126 align-items: center; |
2218 display: flex; |
3127 display: flex; |
2219 flex-wrap: wrap; |
3128 flex-wrap: wrap; |
2220 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
3129 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
2221 font-size: 13px; |
3130 padding: 1em; |
2222 padding: 6px 12px; |
|
2223 border: 1px solid #1e1e1e; |
3131 border: 1px solid #1e1e1e; |
2224 border-radius: 2px; |
3132 border-radius: 2px; |
2225 background-color: #fff; } |
3133 background-color: #fff; |
2226 .block-editor-warning .block-editor-warning__message { |
3134 } |
2227 line-height: 1.4; |
3135 .block-editor-warning .block-editor-warning__message { |
2228 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
3136 line-height: 1.4; |
2229 font-size: 13px; |
3137 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
2230 margin: 1em 0; } |
3138 font-size: 13px; |
2231 .block-editor-warning p.block-editor-warning__message.block-editor-warning__message { |
3139 color: #1e1e1e; |
2232 min-height: auto; } |
3140 margin: 0; |
2233 .block-editor-warning .block-editor-warning__contents { |
3141 } |
2234 display: flex; |
3142 .block-editor-warning p.block-editor-warning__message.block-editor-warning__message { |
2235 flex-direction: row; |
3143 min-height: auto; |
2236 justify-content: space-between; |
3144 } |
2237 flex-wrap: wrap; |
3145 .block-editor-warning .block-editor-warning__contents { |
2238 align-items: baseline; |
3146 display: flex; |
2239 width: 100%; } |
3147 flex-direction: row; |
2240 .block-editor-warning .block-editor-warning__actions { |
3148 justify-content: space-between; |
2241 display: flex; } |
3149 flex-wrap: wrap; |
2242 .block-editor-warning .block-editor-warning__action { |
3150 align-items: baseline; |
2243 margin: 0 8px 0 0; } |
3151 width: 100%; |
|
3152 } |
|
3153 .block-editor-warning .block-editor-warning__actions { |
|
3154 display: flex; |
|
3155 margin-top: 1em; |
|
3156 } |
|
3157 .block-editor-warning .block-editor-warning__action { |
|
3158 margin: 0 0 0 8px; |
|
3159 } |
2244 |
3160 |
2245 .block-editor-warning__secondary { |
3161 .block-editor-warning__secondary { |
2246 margin: auto 8px auto 0; } |
3162 margin: auto 8px auto 0; |
2247 |
3163 } |
2248 .block-editor-writing-flow { |
3164 |
2249 display: flex; |
3165 .components-popover.block-editor-warning__dropdown { |
2250 flex-direction: column; } |
3166 z-index: 99998; |
2251 |
3167 } |
2252 .block-editor-writing-flow__click-redirect { |
|
2253 cursor: text; } |
|
2254 |
3168 |
2255 .html-anchor-control .components-external-link { |
3169 .html-anchor-control .components-external-link { |
2256 display: block; |
3170 display: block; |
2257 margin-top: 8px; } |
3171 margin-top: 8px; |
|
3172 } |
|
3173 |
|
3174 .block-editor-hooks__layout-controls { |
|
3175 display: flex; |
|
3176 margin-bottom: 16px; |
|
3177 } |
|
3178 .block-editor-hooks__layout-controls .block-editor-hooks__layout-controls-unit { |
|
3179 display: flex; |
|
3180 margin-left: 24px; |
|
3181 } |
|
3182 .block-editor-hooks__layout-controls .block-editor-hooks__layout-controls-unit svg { |
|
3183 margin: auto 8px 4px 0; |
|
3184 } |
|
3185 |
|
3186 .block-editor-hooks__layout-controls-reset { |
|
3187 display: flex; |
|
3188 justify-content: flex-end; |
|
3189 margin-bottom: 24px; |
|
3190 } |
|
3191 |
|
3192 .block-editor-hooks__layout-controls-helptext { |
|
3193 font-size: 12px; |
|
3194 } |
2258 |
3195 |
2259 #end-resizable-editor-section { |
3196 #end-resizable-editor-section { |
2260 display: none; } |
3197 display: none; |
|
3198 } |
2261 |
3199 |
2262 /** |
3200 /** |
2263 * Block Toolbar |
3201 * Block Toolbar |
2264 */ |
3202 */ |
2265 .block-editor-block-toolbar { |
3203 .block-editor-block-toolbar { |
2266 display: flex; |
3204 display: flex; |
2267 flex-grow: 1; |
3205 flex-grow: 1; |
2268 width: 100%; |
3206 width: 100%; |
2269 overflow: auto; |
3207 overflow: auto; |
2270 position: relative; |
3208 position: relative; |
2271 transition: border-color 0.1s linear, box-shadow 0.1s linear; } |
3209 transition: border-color 0.1s linear, box-shadow 0.1s linear; |
2272 @media (prefers-reduced-motion: reduce) { |
3210 } |
2273 .block-editor-block-toolbar { |
3211 @media (prefers-reduced-motion: reduce) { |
2274 transition-duration: 0s; } } |
3212 .block-editor-block-toolbar { |
2275 @media (min-width: 600px) { |
3213 transition-duration: 0s; |
2276 .block-editor-block-toolbar { |
3214 transition-delay: 0s; |
2277 overflow: inherit; } } |
3215 } |
2278 .block-editor-block-toolbar .components-toolbar-group, |
3216 } |
2279 .block-editor-block-toolbar .components-toolbar { |
3217 @media (min-width: 600px) { |
2280 background: none; |
3218 .block-editor-block-toolbar { |
2281 line-height: 0; |
3219 overflow: inherit; |
2282 margin-top: -1px; |
3220 } |
2283 margin-bottom: -1px; |
3221 } |
2284 border: 0; |
3222 .block-editor-block-toolbar .components-toolbar-group, |
2285 border-left: 1px solid #ddd; } |
3223 .block-editor-block-toolbar .components-toolbar { |
2286 .block-editor-block-toolbar > :last-child, |
3224 background: none; |
2287 .block-editor-block-toolbar > :last-child .components-toolbar-group, |
3225 line-height: 0; |
2288 .block-editor-block-toolbar > :last-child .components-toolbar { |
3226 margin-top: -1px; |
2289 border-left: none; } |
3227 margin-bottom: -1px; |
|
3228 border: 0; |
|
3229 border-left: 1px solid #ddd; |
|
3230 } |
|
3231 .block-editor-block-toolbar > :last-child, |
|
3232 .block-editor-block-toolbar > :last-child .components-toolbar-group, |
|
3233 .block-editor-block-toolbar > :last-child .components-toolbar { |
|
3234 border-left: none; |
|
3235 } |
|
3236 |
|
3237 .block-editor-block-contextual-toolbar.has-parent:not(.is-fixed) { |
|
3238 margin-right: calc(48px + 8px); |
|
3239 } |
|
3240 .show-icon-labels .block-editor-block-contextual-toolbar.has-parent:not(.is-fixed) { |
|
3241 margin-right: 0; |
|
3242 } |
|
3243 |
|
3244 .block-editor-block-parent-selector { |
|
3245 position: absolute; |
|
3246 top: -1px; |
|
3247 right: calc(-48px - 8px - 1px); |
|
3248 } |
|
3249 .show-icon-labels .block-editor-block-parent-selector { |
|
3250 position: relative; |
|
3251 right: auto; |
|
3252 top: auto; |
|
3253 margin-top: -1px; |
|
3254 margin-right: -1px; |
|
3255 margin-bottom: -1px; |
|
3256 } |
|
3257 |
|
3258 .block-editor-block-toolbar__block-controls { |
|
3259 height: auto !important; |
|
3260 padding: 0 !important; |
|
3261 margin-right: -1px; |
|
3262 } |
|
3263 .block-editor-block-toolbar__block-controls .block-editor-block-switcher .components-dropdown-menu__toggle .block-editor-block-icon, |
|
3264 .block-editor-block-toolbar__block-controls .block-editor-block-switcher__no-switcher-icon .block-editor-block-icon { |
|
3265 width: 24px !important; |
|
3266 margin: 0 !important; |
|
3267 } |
|
3268 .block-editor-block-toolbar__block-controls .block-editor-block-switcher .components-dropdown-menu__toggle:focus::before, |
|
3269 .block-editor-block-toolbar__block-controls .block-editor-block-switcher__no-switcher-icon:focus::before { |
|
3270 left: 4px !important; |
|
3271 } |
|
3272 .block-editor-block-toolbar__block-controls .block-editor-block-mover { |
|
3273 margin-right: -6px; |
|
3274 } |
2290 |
3275 |
2291 .block-editor-block-toolbar .components-toolbar-group, |
3276 .block-editor-block-toolbar .components-toolbar-group, |
2292 .block-editor-block-toolbar .components-toolbar, |
3277 .block-editor-block-toolbar .components-toolbar, |
2293 .block-editor-format-toolbar .components-toolbar-group, |
3278 .block-editor-rich-text__inline-format-toolbar-group .components-toolbar-group, |
2294 .block-editor-format-toolbar .components-toolbar { |
3279 .block-editor-rich-text__inline-format-toolbar-group .components-toolbar { |
2295 display: flex; |
3280 display: flex; |
2296 flex-wrap: nowrap; } |
3281 flex-wrap: nowrap; |
|
3282 } |
2297 |
3283 |
2298 .block-editor-block-toolbar__slot { |
3284 .block-editor-block-toolbar__slot { |
2299 display: inline-block; |
3285 display: inline-block; |
2300 line-height: 0; } |
3286 line-height: 0; |
2301 @supports ((position: -webkit-sticky) or (position: sticky)) { |
3287 } |
2302 .block-editor-block-toolbar__slot { |
3288 @supports (position: sticky) { |
2303 display: inline-flex; } } |
3289 .block-editor-block-toolbar__slot { |
2304 |
3290 display: inline-flex; |
2305 .block-editor-block-toolbar__block-parent-selector-wrapper { |
3291 } |
2306 position: absolute; |
3292 } |
2307 top: -1px; |
3293 |
2308 right: -1px; |
3294 .show-icon-labels .block-editor-block-toolbar .components-button.has-icon { |
2309 opacity: 0; |
|
2310 transition: all 60ms linear; |
|
2311 z-index: -1; } |
|
2312 @media (prefers-reduced-motion: reduce) { |
|
2313 .block-editor-block-toolbar__block-parent-selector-wrapper { |
|
2314 transition-duration: 0s; } } |
|
2315 .is-showing-movers .block-editor-block-toolbar__block-parent-selector-wrapper { |
|
2316 opacity: 1; |
|
2317 transform: translateY(-60px); } |
|
2318 .edit-post-header-toolbar__block-toolbar .block-editor-block-toolbar__block-parent-selector-wrapper { |
|
2319 display: none; } |
|
2320 |
|
2321 .block-editor-block-toolbar-animated-width-container { |
|
2322 position: relative; |
|
2323 overflow: hidden; |
|
2324 transition: width 300ms; } |
|
2325 |
|
2326 .block-editor-block-toolbar-content-enter { |
|
2327 position: absolute; |
|
2328 top: 0; |
|
2329 right: 0; |
|
2330 width: auto; |
3295 width: auto; |
2331 opacity: 0; } |
3296 } |
2332 |
3297 .show-icon-labels .block-editor-block-toolbar .components-button.has-icon svg { |
2333 .block-editor-block-toolbar-content-enter-active { |
3298 display: none; |
2334 position: absolute; |
3299 } |
2335 opacity: 1; |
3300 .show-icon-labels .block-editor-block-toolbar .components-button.has-icon::after { |
2336 transition: opacity 300ms; } |
3301 content: attr(aria-label); |
2337 |
3302 font-size: 12px; |
2338 .block-editor-block-toolbar-content-exit { |
3303 } |
|
3304 .show-icon-labels .components-accessible-toolbar .components-toolbar-group > div:first-child:last-child > .components-button.has-icon { |
|
3305 padding-right: 6px; |
|
3306 padding-left: 6px; |
|
3307 } |
|
3308 .show-icon-labels .block-editor-block-switcher { |
|
3309 border-left: 1px solid #1e1e1e; |
|
3310 } |
|
3311 .show-icon-labels .block-editor-block-switcher .components-dropdown-menu__toggle { |
|
3312 margin-right: 0; |
|
3313 } |
|
3314 .show-icon-labels .block-editor-block-switcher .components-dropdown-menu__toggle .block-editor-block-icon, |
|
3315 .show-icon-labels .block-editor-block-switcher__no-switcher-icon .block-editor-block-icon { |
|
3316 width: 0 !important; |
|
3317 height: 0 !important; |
|
3318 } |
|
3319 .show-icon-labels .block-editor-block-switcher .components-dropdown-menu__toggle:focus::before, |
|
3320 .show-icon-labels .block-editor-block-switcher__no-switcher-icon:focus::before { |
|
3321 left: 4px !important; |
|
3322 } |
|
3323 .show-icon-labels .block-editor-block-parent-selector__button .block-editor-block-icon { |
|
3324 width: 0; |
|
3325 } |
|
3326 .show-icon-labels .block-editor-block-toolbar__block-controls .block-editor-block-mover { |
|
3327 margin-right: 0; |
|
3328 white-space: nowrap; |
|
3329 } |
|
3330 .show-icon-labels .block-editor-block-mover-button { |
|
3331 padding-right: 8px !important; |
|
3332 padding-left: 8px !important; |
|
3333 } |
|
3334 .show-icon-labels .block-editor-block-mover__drag-handle.has-icon { |
|
3335 padding-right: 6px !important; |
|
3336 padding-left: 6px !important; |
|
3337 border-left: 1px solid #1e1e1e; |
|
3338 } |
|
3339 @media (min-width: 600px) { |
|
3340 .show-icon-labels .is-up-button.is-up-button.is-up-button { |
|
3341 border-bottom: 1px solid #1e1e1e; |
|
3342 margin-left: 0; |
|
3343 border-radius: 0; |
|
3344 } |
|
3345 } |
|
3346 .show-icon-labels .block-editor-block-contextual-toolbar .block-editor-block-mover.is-horizontal .block-editor-block-mover-button.block-editor-block-mover-button { |
2339 width: auto; |
3347 width: auto; |
2340 opacity: 1; |
3348 } |
2341 pointer-events: none; } |
3349 .show-icon-labels .components-toolbar, |
2342 |
3350 .show-icon-labels .components-toolbar-group { |
2343 .block-editor-block-toolbar-content-exit-active { |
3351 flex-shrink: 1; |
2344 opacity: 0; |
3352 } |
2345 transition: opacity 300ms; } |
3353 .show-icon-labels .block-editor-rich-text__inline-format-toolbar-group .components-button + .components-button { |
|
3354 margin-right: 6px; |
|
3355 } |
2346 |
3356 |
2347 .block-editor-inserter { |
3357 .block-editor-inserter { |
2348 display: inline-block; |
3358 display: inline-block; |
2349 background: none; |
3359 background: none; |
2350 border: none; |
3360 border: none; |
2351 padding: 0; |
3361 padding: 0; |
2352 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
3362 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
2353 font-size: 13px; |
3363 font-size: 13px; |
2354 line-height: 1.4; } |
3364 line-height: 0; |
2355 @media (min-width: 782px) { |
3365 } |
2356 .block-editor-inserter { |
3366 @media (min-width: 782px) { |
2357 position: relative; } } |
3367 .block-editor-inserter { |
|
3368 position: relative; |
|
3369 } |
|
3370 } |
|
3371 |
|
3372 .block-editor-inserter__popover.is-quick .components-popover__content { |
|
3373 border: none; |
|
3374 } |
|
3375 .block-editor-inserter__popover.is-quick .components-popover__content .block-editor-inserter__quick-inserter > * { |
|
3376 border-right: 1px solid #ccc; |
|
3377 border-left: 1px solid #ccc; |
|
3378 } |
|
3379 .block-editor-inserter__popover.is-quick .components-popover__content .block-editor-inserter__quick-inserter > *:first-child { |
|
3380 border-top: 1px solid #ccc; |
|
3381 } |
|
3382 .block-editor-inserter__popover.is-quick .components-popover__content .block-editor-inserter__quick-inserter > *:last-child { |
|
3383 border-bottom: 1px solid #ccc; |
|
3384 } |
|
3385 .block-editor-inserter__popover.is-quick .components-popover__content .block-editor-inserter__quick-inserter > *.components-button { |
|
3386 border: 1px solid #1e1e1e; |
|
3387 } |
2358 |
3388 |
2359 .block-editor-inserter__popover .block-editor-inserter__menu { |
3389 .block-editor-inserter__popover .block-editor-inserter__menu { |
2360 margin: -12px; } |
3390 margin: -12px; |
2361 .block-editor-inserter__popover .block-editor-inserter__menu .block-editor-inserter__tabs .components-tab-panel__tabs { |
3391 } |
2362 top: 60px; } |
3392 .block-editor-inserter__popover .block-editor-inserter__menu .block-editor-inserter__tabs .components-tab-panel__tabs { |
2363 .block-editor-inserter__popover .block-editor-inserter__menu .block-editor-inserter__main-area { |
3393 top: 60px; |
2364 overflow: visible; |
3394 } |
2365 height: auto; } |
3395 .block-editor-inserter__popover .block-editor-inserter__menu .block-editor-inserter__main-area { |
2366 .block-editor-inserter__popover .block-editor-inserter__menu .block-editor-inserter__preview-container { |
3396 overflow: visible; |
2367 display: none; } |
3397 height: auto; |
|
3398 } |
|
3399 .block-editor-inserter__popover .block-editor-inserter__menu .block-editor-inserter__preview-container { |
|
3400 display: none; |
|
3401 } |
2368 |
3402 |
2369 .block-editor-inserter__toggle.components-button { |
3403 .block-editor-inserter__toggle.components-button { |
2370 display: inline-flex; |
3404 display: inline-flex; |
2371 align-items: center; |
3405 align-items: center; |
2372 cursor: pointer; |
3406 cursor: pointer; |
2373 border: none; |
3407 border: none; |
2374 outline: none; |
3408 outline: none; |
2375 padding: 0; |
3409 padding: 0; |
2376 transition: color 0.2s ease; } |
3410 transition: color 0.2s ease; |
2377 @media (prefers-reduced-motion: reduce) { |
3411 } |
2378 .block-editor-inserter__toggle.components-button { |
3412 @media (prefers-reduced-motion: reduce) { |
2379 transition-duration: 0s; } } |
3413 .block-editor-inserter__toggle.components-button { |
|
3414 transition-duration: 0s; |
|
3415 transition-delay: 0s; |
|
3416 } |
|
3417 } |
2380 |
3418 |
2381 .block-editor-inserter__menu { |
3419 .block-editor-inserter__menu { |
2382 height: 100%; |
3420 height: 100%; |
2383 position: relative; |
3421 position: relative; |
2384 overflow: visible; } |
3422 overflow: visible; |
|
3423 } |
2385 |
3424 |
2386 .block-editor-inserter__main-area { |
3425 .block-editor-inserter__main-area { |
2387 width: auto; |
3426 width: auto; |
2388 overflow-y: auto; |
3427 overflow-y: auto; |
2389 height: 100%; } |
3428 height: 100%; |
2390 @media (min-width: 782px) { |
3429 } |
2391 .block-editor-inserter__main-area { |
3430 @media (min-width: 782px) { |
2392 width: 350px; } } |
3431 .block-editor-inserter__main-area { |
|
3432 width: 350px; |
|
3433 } |
|
3434 } |
2393 |
3435 |
2394 .block-editor-inserter__inline-elements { |
3436 .block-editor-inserter__inline-elements { |
2395 margin-top: -1px; } |
3437 margin-top: -1px; |
|
3438 } |
2396 |
3439 |
2397 .block-editor-inserter__menu.is-bottom::after { |
3440 .block-editor-inserter__menu.is-bottom::after { |
2398 border-bottom-color: #fff; } |
3441 border-bottom-color: #fff; |
|
3442 } |
2399 |
3443 |
2400 .components-popover.block-editor-inserter__popover { |
3444 .components-popover.block-editor-inserter__popover { |
2401 z-index: 99998; } |
3445 z-index: 99999; |
|
3446 } |
2402 |
3447 |
2403 .block-editor-inserter__search { |
3448 .block-editor-inserter__search { |
2404 padding: 16px; |
3449 padding: 16px; |
2405 position: -webkit-sticky; |
|
2406 position: sticky; |
3450 position: sticky; |
2407 top: 0; |
3451 top: 0; |
2408 background: #fff; |
3452 background: #fff; |
2409 z-index: 1; } |
3453 z-index: 1; |
2410 .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input { |
3454 } |
2411 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
3455 .block-editor-inserter__search input[type=search].block-editor-inserter__search-input { |
2412 padding: 6px 8px; |
3456 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
2413 box-shadow: 0 0 0 transparent; |
3457 padding: 6px 8px; |
2414 transition: box-shadow 0.1s linear; |
3458 box-shadow: 0 0 0 transparent; |
2415 border-radius: 2px; |
3459 transition: box-shadow 0.1s linear; |
2416 border: 1px solid #757575; |
3460 border-radius: 2px; |
2417 /* Fonts smaller than 16px causes mobile safari to zoom. */ |
3461 border: 1px solid #757575; |
2418 font-size: 16px; |
3462 /* Fonts smaller than 16px causes mobile safari to zoom. */ |
|
3463 font-size: 16px; |
|
3464 /* Override core line-height. To be reviewed. */ |
|
3465 line-height: normal; |
|
3466 display: block; |
|
3467 padding: 16px 16px 16px 48px; |
|
3468 background: #f0f0f0; |
|
3469 border: none; |
|
3470 width: 100%; |
|
3471 height: 48px; |
|
3472 /* Fonts smaller than 16px causes mobile safari to zoom. */ |
|
3473 font-size: 16px; |
|
3474 } |
|
3475 @media (prefers-reduced-motion: reduce) { |
|
3476 .block-editor-inserter__search input[type=search].block-editor-inserter__search-input { |
|
3477 transition-duration: 0s; |
|
3478 transition-delay: 0s; |
|
3479 } |
|
3480 } |
|
3481 @media (min-width: 600px) { |
|
3482 .block-editor-inserter__search input[type=search].block-editor-inserter__search-input { |
|
3483 font-size: 13px; |
2419 /* Override core line-height. To be reviewed. */ |
3484 /* Override core line-height. To be reviewed. */ |
2420 line-height: normal; |
3485 line-height: normal; |
2421 display: block; |
3486 } |
2422 padding: 16px 16px 16px 48px; |
3487 } |
2423 background: #f0f0f0; |
3488 .block-editor-inserter__search input[type=search].block-editor-inserter__search-input:focus { |
2424 border: none; |
3489 border-color: var(--wp-admin-theme-color); |
2425 width: 100%; |
3490 box-shadow: 0 0 0 1px var(--wp-admin-theme-color); |
2426 height: 48px; |
3491 outline: 2px solid transparent; |
2427 /* Fonts smaller than 16px causes mobile safari to zoom. */ |
3492 } |
2428 font-size: 16px; } |
3493 .block-editor-inserter__search input[type=search].block-editor-inserter__search-input::-webkit-input-placeholder { |
2429 @media (prefers-reduced-motion: reduce) { |
3494 color: rgba(30, 30, 30, 0.62); |
2430 .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input { |
3495 } |
2431 transition-duration: 0s; } } |
3496 .block-editor-inserter__search input[type=search].block-editor-inserter__search-input::-moz-placeholder { |
2432 @media (min-width: 600px) { |
3497 opacity: 1; |
2433 .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input { |
3498 color: rgba(30, 30, 30, 0.62); |
2434 font-size: 13px; |
3499 } |
2435 /* Override core line-height. To be reviewed. */ |
3500 .block-editor-inserter__search input[type=search].block-editor-inserter__search-input:-ms-input-placeholder { |
2436 line-height: normal; } } |
3501 color: rgba(30, 30, 30, 0.62); |
2437 .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input:focus { |
3502 } |
2438 border-color: #007cba; |
3503 @media (min-width: 600px) { |
2439 border-color: var(--wp-admin-theme-color); |
3504 .block-editor-inserter__search input[type=search].block-editor-inserter__search-input { |
2440 box-shadow: 0 0 0 0.5px #007cba; |
3505 font-size: 13px; |
2441 box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color); |
3506 } |
2442 outline: 2px solid transparent; } |
3507 } |
2443 .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input::-webkit-input-placeholder { |
3508 .block-editor-inserter__search input[type=search].block-editor-inserter__search-input:focus { |
2444 color: rgba(30, 30, 30, 0.62); } |
3509 background: #fff; |
2445 .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input::-moz-placeholder { |
3510 box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); |
2446 opacity: 1; |
3511 } |
2447 color: rgba(30, 30, 30, 0.62); } |
3512 .block-editor-inserter__search input[type=search].block-editor-inserter__search-input::placeholder { |
2448 .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input:-ms-input-placeholder { |
3513 color: #757575; |
2449 color: rgba(30, 30, 30, 0.62); } |
3514 } |
2450 .is-dark-theme .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input::-webkit-input-placeholder { |
3515 .block-editor-inserter__search input[type=search].block-editor-inserter__search-input::-webkit-search-decoration, .block-editor-inserter__search input[type=search].block-editor-inserter__search-input::-webkit-search-cancel-button, .block-editor-inserter__search input[type=search].block-editor-inserter__search-input::-webkit-search-results-button, .block-editor-inserter__search input[type=search].block-editor-inserter__search-input::-webkit-search-results-decoration { |
2451 color: rgba(255, 255, 255, 0.65); } |
3516 -webkit-appearance: none; |
2452 .is-dark-theme .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input::-moz-placeholder { |
3517 } |
2453 opacity: 1; |
|
2454 color: rgba(255, 255, 255, 0.65); } |
|
2455 .is-dark-theme .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input:-ms-input-placeholder { |
|
2456 color: rgba(255, 255, 255, 0.65); } |
|
2457 @media (min-width: 600px) { |
|
2458 .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input { |
|
2459 font-size: 13px; } } |
|
2460 .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input:focus { |
|
2461 background: #fff; |
|
2462 box-shadow: 0 0 0 1.5px #007cba; |
|
2463 box-shadow: 0 0 0 1.5px var(--wp-admin-theme-color); } |
|
2464 .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input:-ms-input-placeholder { |
|
2465 color: #606a73; } |
|
2466 .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input::-ms-input-placeholder { |
|
2467 color: #606a73; } |
|
2468 .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input::placeholder { |
|
2469 color: #606a73; } |
|
2470 .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input::-webkit-search-decoration, .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input::-webkit-search-cancel-button, .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input::-webkit-search-results-button, .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input::-webkit-search-results-decoration { |
|
2471 -webkit-appearance: none; } |
|
2472 |
3518 |
2473 .block-editor-inserter__search-icon { |
3519 .block-editor-inserter__search-icon { |
2474 position: absolute; |
3520 position: absolute; |
2475 top: 0; |
3521 top: 0; |
2476 left: 20px; |
3522 left: 20px; |
2477 bottom: 0; |
3523 bottom: 0; |
2478 display: flex; |
3524 display: flex; |
2479 align-items: center; } |
3525 align-items: center; |
2480 .block-editor-inserter__search-icon > svg { |
3526 } |
2481 margin: 8px; } |
3527 .block-editor-inserter__search-icon > svg { |
|
3528 margin: 8px; |
|
3529 } |
2482 |
3530 |
2483 .block-editor-inserter__tabs { |
3531 .block-editor-inserter__tabs { |
2484 display: flex; |
3532 display: flex; |
2485 flex-direction: column; |
3533 flex-direction: column; |
2486 margin-top: -8px; } |
3534 margin-top: -8px; |
2487 .block-editor-inserter__tabs .components-tab-panel__tabs { |
3535 } |
2488 position: -webkit-sticky; |
3536 .block-editor-inserter__tabs .components-tab-panel__tabs { |
2489 position: sticky; |
3537 position: sticky; |
2490 top: 72px; |
3538 top: 72px; |
2491 background: #fff; |
3539 background: #fff; |
2492 z-index: 1; |
3540 z-index: 1; |
2493 border-bottom: 1px solid #ddd; } |
3541 border-bottom: 1px solid #ddd; |
2494 .block-editor-inserter__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item { |
3542 } |
2495 flex-grow: 1; |
3543 .block-editor-inserter__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item { |
2496 margin-bottom: -1px; } |
3544 flex-grow: 1; |
2497 .block-editor-inserter__tabs .components-tab-panel__tab-content { |
3545 margin-bottom: -1px; |
2498 display: flex; |
3546 } |
2499 flex-grow: 1; |
3547 .block-editor-inserter__tabs .components-tab-panel__tab-content { |
2500 flex-direction: column; |
3548 display: flex; |
2501 position: relative; } |
3549 flex-grow: 1; |
|
3550 flex-direction: column; |
|
3551 position: relative; |
|
3552 z-index: 0; |
|
3553 } |
2502 |
3554 |
2503 .block-editor-inserter__panel-header { |
3555 .block-editor-inserter__panel-header { |
2504 display: inline-flex; |
3556 display: inline-flex; |
2505 align-items: center; |
3557 align-items: center; |
2506 padding: 16px 16px 0; } |
3558 padding: 16px 16px 0; |
|
3559 } |
|
3560 |
|
3561 .block-editor-inserter__panel-header-patterns { |
|
3562 padding: 16px 16px 0; |
|
3563 } |
2507 |
3564 |
2508 .block-editor-inserter__panel-content { |
3565 .block-editor-inserter__panel-content { |
2509 padding: 0 16px; } |
3566 padding: 16px; |
2510 |
3567 } |
2511 .block-editor-inserter__panel-title { |
3568 |
|
3569 .block-editor-inserter__panel-title, |
|
3570 .block-editor-inserter__panel-title button { |
2512 margin: 0 0 0 12px; |
3571 margin: 0 0 0 12px; |
2513 color: #757575; |
3572 color: #757575; |
2514 text-transform: uppercase; |
3573 text-transform: uppercase; |
2515 font-size: 11px; |
3574 font-size: 11px; |
2516 font-weight: 500; } |
3575 font-weight: 500; |
|
3576 } |
|
3577 |
|
3578 .block-editor-inserter__panel-dropdown select.components-select-control__input.components-select-control__input.components-select-control__input { |
|
3579 line-height: 1.2; |
|
3580 } |
|
3581 |
|
3582 .block-editor-inserter__panel-dropdown select { |
|
3583 border: none; |
|
3584 } |
2517 |
3585 |
2518 .block-editor-inserter__block-list { |
3586 .block-editor-inserter__block-list { |
2519 flex-grow: 1; |
3587 flex-grow: 1; |
2520 position: relative; } |
3588 position: relative; |
|
3589 } |
2521 |
3590 |
2522 .block-editor-inserter__popover .block-editor-block-types-list { |
3591 .block-editor-inserter__popover .block-editor-block-types-list { |
2523 margin: 0 -8px; } |
3592 margin: -8px; |
|
3593 } |
2524 |
3594 |
2525 .block-editor-inserter__reusable-blocks-panel { |
3595 .block-editor-inserter__reusable-blocks-panel { |
2526 position: relative; |
3596 position: relative; |
2527 text-align: left; } |
3597 text-align: left; |
|
3598 } |
2528 |
3599 |
2529 .block-editor-inserter__manage-reusable-blocks { |
3600 .block-editor-inserter__manage-reusable-blocks { |
2530 display: inline-block; |
3601 display: inline-block; |
2531 margin: 16px; } |
3602 margin: 16px; |
|
3603 } |
2532 |
3604 |
2533 .block-editor-inserter__no-results { |
3605 .block-editor-inserter__no-results { |
2534 padding: 32px; |
3606 padding: 32px; |
2535 margin-top: 64px; |
3607 margin-top: 64px; |
2536 text-align: center; } |
3608 text-align: center; |
|
3609 } |
2537 |
3610 |
2538 .block-editor-inserter__no-results-icon { |
3611 .block-editor-inserter__no-results-icon { |
2539 fill: #b5bcc2; } |
3612 fill: #949494; |
|
3613 } |
2540 |
3614 |
2541 .block-editor-inserter__child-blocks { |
3615 .block-editor-inserter__child-blocks { |
2542 padding: 0 16px; } |
3616 padding: 0 16px; |
|
3617 } |
2543 |
3618 |
2544 .block-editor-inserter__parent-block-header { |
3619 .block-editor-inserter__parent-block-header { |
2545 display: flex; |
3620 display: flex; |
2546 align-items: center; } |
3621 align-items: center; |
2547 .block-editor-inserter__parent-block-header h2 { |
3622 } |
2548 font-size: 13px; } |
3623 .block-editor-inserter__parent-block-header h2 { |
2549 .block-editor-inserter__parent-block-header .block-editor-block-icon { |
3624 font-size: 13px; |
2550 margin-left: 8px; } |
3625 } |
|
3626 .block-editor-inserter__parent-block-header .block-editor-block-icon { |
|
3627 margin-left: 8px; |
|
3628 } |
2551 |
3629 |
2552 .block-editor-inserter__preview-container { |
3630 .block-editor-inserter__preview-container { |
2553 display: none; |
3631 display: none; |
2554 width: 300px; |
3632 width: 300px; |
2555 background: #fff; |
3633 background: #fff; |
2556 border-radius: 2px; |
3634 border-radius: 2px; |
2557 border: 1px solid #ddd; |
3635 border: 1px solid #ddd; |
2558 position: absolute; |
3636 position: absolute; |
2559 top: 16px; |
3637 top: 16px; |
2560 right: calc(100% + 16px); } |
3638 right: calc(100% + 16px); |
2561 @media (min-width: 782px) { |
3639 max-height: calc(100% - 32px); |
2562 .block-editor-inserter__preview-container { |
3640 overflow-y: hidden; |
2563 display: block; } } |
3641 } |
2564 .block-editor-inserter__preview-container .block-editor-block-card { |
3642 @media (min-width: 782px) { |
2565 padding: 16px; } |
3643 .block-editor-inserter__preview-container { |
2566 .block-editor-inserter__preview-container .block-editor-block-card__title { |
3644 display: block; |
2567 font-size: 13px; } |
3645 } |
|
3646 } |
|
3647 .block-editor-inserter__preview-container .block-editor-block-card { |
|
3648 padding: 16px; |
|
3649 } |
|
3650 .block-editor-inserter__preview-container .block-editor-block-card__title { |
|
3651 font-size: 13px; |
|
3652 } |
2568 |
3653 |
2569 .block-editor-inserter__preview-content { |
3654 .block-editor-inserter__preview-content { |
2570 min-height: 144px; |
3655 min-height: 144px; |
2571 background: #f0f0f0; |
3656 background: #f0f0f0; |
2572 display: -ms-grid; |
|
2573 display: grid; |
3657 display: grid; |
2574 flex-grow: 1; |
3658 flex-grow: 1; |
2575 align-items: center; } |
3659 align-items: center; |
|
3660 } |
2576 |
3661 |
2577 .block-editor-inserter__preview-content-missing { |
3662 .block-editor-inserter__preview-content-missing { |
2578 flex: 1; |
3663 flex: 1; |
2579 display: flex; |
3664 display: flex; |
2580 justify-content: center; |
3665 justify-content: center; |
2581 align-items: center; |
3666 align-items: center; |
2582 min-height: 144px; |
3667 min-height: 144px; |
2583 color: #606a73; |
3668 color: #757575; |
2584 background: #f0f0f0; } |
3669 background: #f0f0f0; |
|
3670 } |
2585 |
3671 |
2586 .block-editor-inserter__tips { |
3672 .block-editor-inserter__tips { |
2587 border-top: 1px solid #ddd; |
3673 border-top: 1px solid #ddd; |
2588 padding: 16px; |
3674 padding: 16px; |
2589 flex-shrink: 0; } |
3675 flex-shrink: 0; |
|
3676 position: relative; |
|
3677 } |
2590 |
3678 |
2591 .block-editor-inserter__manage-reusable-blocks-container { |
3679 .block-editor-inserter__manage-reusable-blocks-container { |
2592 padding: 16px; } |
3680 padding: 16px; |
|
3681 } |
2593 |
3682 |
2594 .block-editor-inserter__quick-inserter { |
3683 .block-editor-inserter__quick-inserter { |
2595 width: 100%; } |
3684 width: 100%; |
2596 @media (min-width: 782px) { |
3685 max-width: 100%; |
2597 .block-editor-inserter__quick-inserter { |
3686 } |
2598 width: 350px; } } |
3687 @media (min-width: 782px) { |
2599 |
3688 .block-editor-inserter__quick-inserter { |
2600 .block-editor-inserter__quick-inserter-results { |
3689 width: 350px; |
2601 padding-bottom: 16px; } |
3690 } |
2602 .block-editor-inserter__quick-inserter-results .block-editor-inserter__panel-header { |
3691 } |
2603 height: 0; |
3692 |
2604 padding: 0; |
3693 .block-editor-inserter__quick-inserter-results .block-editor-inserter__panel-header { |
2605 float: right; } |
3694 height: 0; |
2606 |
3695 padding: 0; |
2607 .block-editor-inserter__quick-inserter-patterns { |
3696 float: right; |
2608 display: -ms-grid; |
3697 } |
|
3698 |
|
3699 .block-editor-inserter__quick-inserter.has-search .block-editor-inserter__panel-content, |
|
3700 .block-editor-inserter__quick-inserter.has-expand .block-editor-inserter__panel-content { |
|
3701 padding: 16px; |
|
3702 } |
|
3703 |
|
3704 .block-editor-inserter__quick-inserter-patterns .block-editor-block-patterns-list { |
2609 display: grid; |
3705 display: grid; |
2610 -ms-grid-columns: 1fr 1fr; |
|
2611 grid-template-columns: 1fr 1fr; |
3706 grid-template-columns: 1fr 1fr; |
2612 grid-gap: 8px; } |
3707 grid-gap: 8px; |
|
3708 } |
2613 |
3709 |
2614 .block-editor-inserter__quick-inserter-separator { |
3710 .block-editor-inserter__quick-inserter-separator { |
2615 border-top: 1px solid #ddd; } |
3711 border-top: 1px solid #ddd; |
|
3712 } |
2616 |
3713 |
2617 .block-editor-inserter__popover.is-quick > .components-popover__content > div { |
3714 .block-editor-inserter__popover.is-quick > .components-popover__content > div { |
2618 padding: 0; } |
3715 padding: 0; |
|
3716 } |
2619 |
3717 |
2620 .block-editor-inserter__quick-inserter-expand.components-button { |
3718 .block-editor-inserter__quick-inserter-expand.components-button { |
2621 display: block; |
3719 display: block; |
2622 background: #1e1e1e; |
3720 background: #1e1e1e; |
2623 color: #fff; |
3721 color: #fff; |
2624 width: 100%; |
3722 width: 100%; |
2625 height: 44px; |
3723 height: 44px; |
2626 border-radius: 0; } |
3724 border-radius: 0; |
2627 .block-editor-inserter__quick-inserter-expand.components-button:hover { |
3725 } |
2628 color: #fff; } |
3726 .block-editor-inserter__quick-inserter-expand.components-button:hover { |
2629 .block-editor-inserter__quick-inserter-expand.components-button:focus:not(:disabled) { |
3727 color: #fff; |
2630 box-shadow: inset 0 0 0 1.5px #1e1e1e, inset 0 0 0 2px #fff; } |
3728 } |
|
3729 .block-editor-inserter__quick-inserter-expand.components-button:active { |
|
3730 color: #ccc; |
|
3731 } |
|
3732 .block-editor-inserter__quick-inserter-expand.components-button:focus:not(:disabled) { |
|
3733 box-shadow: inset 0 0 0 1.5px var(--wp-admin-theme-color), inset 0 0 0 3px #fff; |
|
3734 } |
2631 |
3735 |
2632 .block-editor-post-preview__dropdown { |
3736 .block-editor-post-preview__dropdown { |
2633 display: none; |
3737 padding: 0; |
2634 margin-left: 12px; |
3738 } |
2635 padding: 0; } |
|
2636 |
3739 |
2637 .block-editor-post-preview__button-resize.block-editor-post-preview__button-resize { |
3740 .block-editor-post-preview__button-resize.block-editor-post-preview__button-resize { |
2638 padding-right: 40px; } |
3741 padding-right: 40px; |
2639 .block-editor-post-preview__button-resize.block-editor-post-preview__button-resize.has-icon { |
3742 } |
2640 padding-right: 8px; } |
3743 .block-editor-post-preview__button-resize.block-editor-post-preview__button-resize.has-icon { |
|
3744 padding-right: 8px; |
|
3745 } |
2641 |
3746 |
2642 .block-editor-post-preview__dropdown-content .components-popover__content { |
3747 .block-editor-post-preview__dropdown-content .components-popover__content { |
2643 overflow-y: visible; } |
3748 overflow-y: visible; |
2644 |
3749 } |
|
3750 .block-editor-post-preview__dropdown-content.edit-post-post-preview-dropdown .components-menu-group:first-child { |
|
3751 padding-bottom: 8px; |
|
3752 } |
|
3753 .block-editor-post-preview__dropdown-content.edit-post-post-preview-dropdown .components-menu-group:last-child { |
|
3754 margin-bottom: 0; |
|
3755 } |
2645 .block-editor-post-preview__dropdown-content .components-menu-group + .components-menu-group { |
3756 .block-editor-post-preview__dropdown-content .components-menu-group + .components-menu-group { |
2646 border-top: 1px solid #ccc; |
3757 padding: 8px; |
2647 padding: 8px 12px; |
3758 } |
2648 margin-right: -12px; |
|
2649 margin-left: -12px; } |
|
2650 |
3759 |
2651 @media (min-width: 600px) { |
3760 @media (min-width: 600px) { |
2652 .editor-post-preview { |
3761 .edit-post-header__settings .editor-post-preview, |
2653 display: none; } |
3762 .edit-site-header__actions .editor-post-preview { |
2654 .block-editor-post-preview__dropdown { |
3763 display: none; |
2655 display: flex; } } |
3764 } |
|
3765 } |
|
3766 |
|
3767 @media (min-width: 600px) { |
|
3768 .edit-post-header.has-reduced-ui .edit-post-header__settings .editor-post-save-draft, |
|
3769 .edit-post-header.has-reduced-ui .edit-post-header__settings .editor-post-saved-state, |
|
3770 .edit-post-header.has-reduced-ui .edit-post-header__settings .block-editor-post-preview__button-toggle { |
|
3771 transition: opacity 0.1s linear; |
|
3772 } |
|
3773 } |
|
3774 @media (min-width: 600px) and (prefers-reduced-motion: reduce) { |
|
3775 .edit-post-header.has-reduced-ui .edit-post-header__settings .editor-post-save-draft, |
|
3776 .edit-post-header.has-reduced-ui .edit-post-header__settings .editor-post-saved-state, |
|
3777 .edit-post-header.has-reduced-ui .edit-post-header__settings .block-editor-post-preview__button-toggle { |
|
3778 transition-duration: 0s; |
|
3779 transition-delay: 0s; |
|
3780 } |
|
3781 } |
|
3782 @media (min-width: 600px) { |
|
3783 .edit-post-header.has-reduced-ui:not(:hover) .edit-post-header__settings .editor-post-save-draft, |
|
3784 .edit-post-header.has-reduced-ui:not(:hover) .edit-post-header__settings .editor-post-saved-state, |
|
3785 .edit-post-header.has-reduced-ui:not(:hover) .edit-post-header__settings .block-editor-post-preview__button-toggle { |
|
3786 opacity: 0; |
|
3787 } |
|
3788 .edit-post-header.has-reduced-ui:not(:hover) .edit-post-header__settings .block-editor-post-preview__button-toggle.is-opened { |
|
3789 opacity: 1; |
|
3790 } |
|
3791 } |
|
3792 |
|
3793 body.admin-color-light { |
|
3794 --wp-admin-theme-color: #0085ba; |
|
3795 --wp-admin-theme-color-darker-10: #0073a1; |
|
3796 --wp-admin-theme-color-darker-20: #006187; |
|
3797 --wp-admin-border-width-focus: 2px; |
|
3798 } |
|
3799 @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { |
|
3800 body.admin-color-light { |
|
3801 --wp-admin-border-width-focus: 1.5px; |
|
3802 } |
|
3803 } |
|
3804 |
|
3805 body.admin-color-modern { |
|
3806 --wp-admin-theme-color: #3858e9; |
|
3807 --wp-admin-theme-color-darker-10: #2145e6; |
|
3808 --wp-admin-theme-color-darker-20: #183ad6; |
|
3809 --wp-admin-border-width-focus: 2px; |
|
3810 } |
|
3811 @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { |
|
3812 body.admin-color-modern { |
|
3813 --wp-admin-border-width-focus: 1.5px; |
|
3814 } |
|
3815 } |
|
3816 |
|
3817 body.admin-color-blue { |
|
3818 --wp-admin-theme-color: #096484; |
|
3819 --wp-admin-theme-color-darker-10: #07526c; |
|
3820 --wp-admin-theme-color-darker-20: #064054; |
|
3821 --wp-admin-border-width-focus: 2px; |
|
3822 } |
|
3823 @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { |
|
3824 body.admin-color-blue { |
|
3825 --wp-admin-border-width-focus: 1.5px; |
|
3826 } |
|
3827 } |
|
3828 |
|
3829 body.admin-color-coffee { |
|
3830 --wp-admin-theme-color: #46403c; |
|
3831 --wp-admin-theme-color-darker-10: #383330; |
|
3832 --wp-admin-theme-color-darker-20: #2b2724; |
|
3833 --wp-admin-border-width-focus: 2px; |
|
3834 } |
|
3835 @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { |
|
3836 body.admin-color-coffee { |
|
3837 --wp-admin-border-width-focus: 1.5px; |
|
3838 } |
|
3839 } |
|
3840 |
|
3841 body.admin-color-ectoplasm { |
|
3842 --wp-admin-theme-color: #523f6d; |
|
3843 --wp-admin-theme-color-darker-10: #46365d; |
|
3844 --wp-admin-theme-color-darker-20: #3a2c4d; |
|
3845 --wp-admin-border-width-focus: 2px; |
|
3846 } |
|
3847 @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { |
|
3848 body.admin-color-ectoplasm { |
|
3849 --wp-admin-border-width-focus: 1.5px; |
|
3850 } |
|
3851 } |
|
3852 |
|
3853 body.admin-color-midnight { |
|
3854 --wp-admin-theme-color: #e14d43; |
|
3855 --wp-admin-theme-color-darker-10: #dd382d; |
|
3856 --wp-admin-theme-color-darker-20: #d02c21; |
|
3857 --wp-admin-border-width-focus: 2px; |
|
3858 } |
|
3859 @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { |
|
3860 body.admin-color-midnight { |
|
3861 --wp-admin-border-width-focus: 1.5px; |
|
3862 } |
|
3863 } |
|
3864 |
|
3865 body.admin-color-ocean { |
|
3866 --wp-admin-theme-color: #627c83; |
|
3867 --wp-admin-theme-color-darker-10: #576e74; |
|
3868 --wp-admin-theme-color-darker-20: #4c6066; |
|
3869 --wp-admin-border-width-focus: 2px; |
|
3870 } |
|
3871 @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { |
|
3872 body.admin-color-ocean { |
|
3873 --wp-admin-border-width-focus: 1.5px; |
|
3874 } |
|
3875 } |
|
3876 |
|
3877 body.admin-color-sunrise { |
|
3878 --wp-admin-theme-color: #dd823b; |
|
3879 --wp-admin-theme-color-darker-10: #d97426; |
|
3880 --wp-admin-theme-color-darker-20: #c36922; |
|
3881 --wp-admin-border-width-focus: 2px; |
|
3882 } |
|
3883 @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { |
|
3884 body.admin-color-sunrise { |
|
3885 --wp-admin-border-width-focus: 1.5px; |
|
3886 } |
|
3887 } |