16 * |
46 * |
17 * Creates a fading overlay to signify that the content is longer |
47 * Creates a fading overlay to signify that the content is longer |
18 * than the space allows. |
48 * than the space allows. |
19 */ |
49 */ |
20 /** |
50 /** |
21 * Button states and focus styles |
51 * Focus styles. |
22 */ |
52 */ |
23 /** |
53 /** |
24 * Applies editor left position to the selector passed as argument |
54 * Applies editor left position to the selector passed as argument |
25 */ |
55 */ |
26 /** |
56 /** |
27 * Applies editor right position to the selector passed as argument |
|
28 */ |
|
29 /** |
|
30 * Styles that are reused verbatim in a few places |
57 * Styles that are reused verbatim in a few places |
31 */ |
58 */ |
32 /** |
59 /** |
33 * Allows users to opt-out of animations via OS-level preferences. |
60 * Allows users to opt-out of animations via OS-level preferences. |
34 */ |
61 */ |
35 .block-editor-block-drop-zone { |
62 /** |
36 border: none; |
63 * Reset default styles for JavaScript UI based pages. |
37 border-radius: 0; } |
64 * This is a WP-admin agnostic reset |
38 .block-editor-block-drop-zone .components-drop-zone__content, |
65 */ |
39 .block-editor-block-drop-zone.is-dragging-over-element .components-drop-zone__content { |
66 /** |
40 display: none; } |
67 * Reset the WP Admin page styles for Gutenberg-like pages. |
41 .block-editor-block-drop-zone.is-close-to-bottom { |
68 */ |
42 background: none; |
69 :root { |
43 border-bottom: 3px solid #0085ba; } |
70 --wp-admin-theme-color: #007cba; |
44 body.admin-color-sunrise .block-editor-block-drop-zone.is-close-to-bottom{ |
71 --wp-admin-theme-color-darker-10: #006ba1; |
45 border-bottom: 3px solid #d1864a; } |
72 --wp-admin-theme-color-darker-20: #005a87; } |
46 body.admin-color-ocean .block-editor-block-drop-zone.is-close-to-bottom{ |
73 |
47 border-bottom: 3px solid #a3b9a2; } |
74 #start-resizable-editor-section { |
48 body.admin-color-midnight .block-editor-block-drop-zone.is-close-to-bottom{ |
75 display: none; } |
49 border-bottom: 3px solid #e14d43; } |
76 |
50 body.admin-color-ectoplasm .block-editor-block-drop-zone.is-close-to-bottom{ |
77 .block-editor-autocompleters__block .block-editor-block-icon { |
51 border-bottom: 3px solid #a7b656; } |
78 margin-left: 8px; } |
52 body.admin-color-coffee .block-editor-block-drop-zone.is-close-to-bottom{ |
79 |
53 border-bottom: 3px solid #c2a68c; } |
80 .block-editor-block-alignment-matrix-toolbar__popover .components-popover__content { |
54 body.admin-color-blue .block-editor-block-drop-zone.is-close-to-bottom{ |
81 min-width: 0; |
55 border-bottom: 3px solid #82b4cb; } |
82 width: auto; } |
56 body.admin-color-light .block-editor-block-drop-zone.is-close-to-bottom{ |
83 .block-editor-block-alignment-matrix-toolbar__popover .components-popover__content > div { |
57 border-bottom: 3px solid #0085ba; } |
84 padding: 8px; } |
58 .block-editor-block-drop-zone.is-close-to-top, .block-editor-block-drop-zone.is-appender.is-close-to-top, .block-editor-block-drop-zone.is-appender.is-close-to-bottom { |
|
59 background: none; |
|
60 border-top: 3px solid #0085ba; |
|
61 border-bottom: none; } |
|
62 body.admin-color-sunrise .block-editor-block-drop-zone.is-close-to-top, body.admin-color-sunrise .block-editor-block-drop-zone.is-appender.is-close-to-top, body.admin-color-sunrise .block-editor-block-drop-zone.is-appender.is-close-to-bottom{ |
|
63 border-top: 3px solid #d1864a; } |
|
64 body.admin-color-ocean .block-editor-block-drop-zone.is-close-to-top, body.admin-color-ocean .block-editor-block-drop-zone.is-appender.is-close-to-top, body.admin-color-ocean .block-editor-block-drop-zone.is-appender.is-close-to-bottom{ |
|
65 border-top: 3px solid #a3b9a2; } |
|
66 body.admin-color-midnight .block-editor-block-drop-zone.is-close-to-top, body.admin-color-midnight .block-editor-block-drop-zone.is-appender.is-close-to-top, body.admin-color-midnight .block-editor-block-drop-zone.is-appender.is-close-to-bottom{ |
|
67 border-top: 3px solid #e14d43; } |
|
68 body.admin-color-ectoplasm .block-editor-block-drop-zone.is-close-to-top, body.admin-color-ectoplasm .block-editor-block-drop-zone.is-appender.is-close-to-top, body.admin-color-ectoplasm .block-editor-block-drop-zone.is-appender.is-close-to-bottom{ |
|
69 border-top: 3px solid #a7b656; } |
|
70 body.admin-color-coffee .block-editor-block-drop-zone.is-close-to-top, body.admin-color-coffee .block-editor-block-drop-zone.is-appender.is-close-to-top, body.admin-color-coffee .block-editor-block-drop-zone.is-appender.is-close-to-bottom{ |
|
71 border-top: 3px solid #c2a68c; } |
|
72 body.admin-color-blue .block-editor-block-drop-zone.is-close-to-top, body.admin-color-blue .block-editor-block-drop-zone.is-appender.is-close-to-top, body.admin-color-blue .block-editor-block-drop-zone.is-appender.is-close-to-bottom{ |
|
73 border-top: 3px solid #82b4cb; } |
|
74 body.admin-color-light .block-editor-block-drop-zone.is-close-to-top, body.admin-color-light .block-editor-block-drop-zone.is-appender.is-close-to-top, body.admin-color-light .block-editor-block-drop-zone.is-appender.is-close-to-bottom{ |
|
75 border-top: 3px solid #0085ba; } |
|
76 |
85 |
77 .block-editor-block-icon { |
86 .block-editor-block-icon { |
78 display: flex; |
87 display: flex; |
79 align-items: center; |
88 align-items: center; |
80 justify-content: center; |
89 justify-content: center; |
81 width: 24px; |
90 width: 24px; |
82 height: 24px; |
91 height: 24px; } |
83 margin: 0; |
|
84 border-radius: 4px; } |
|
85 .block-editor-block-icon.has-colors svg { |
92 .block-editor-block-icon.has-colors svg { |
86 fill: currentColor; } |
93 fill: currentColor; } |
87 .block-editor-block-icon svg { |
94 .block-editor-block-icon svg { |
88 min-width: 20px; |
95 min-width: 20px; |
89 min-height: 20px; |
96 min-height: 20px; |
90 max-width: 24px; |
97 max-width: 24px; |
91 max-height: 24px; } |
98 max-height: 24px; } |
92 |
99 |
|
100 .block-editor-block-inspector .components-base-control { |
|
101 margin-bottom: 24px; } |
|
102 .block-editor-block-inspector .components-base-control:last-child { |
|
103 margin-bottom: 8px; } |
|
104 |
|
105 .block-editor-block-inspector .components-panel__body { |
|
106 border: none; |
|
107 border-top: 1px solid #f0f0f0; } |
|
108 |
|
109 .block-editor-block-inspector .block-editor-block-card { |
|
110 padding: 16px; } |
|
111 |
93 .block-editor-block-inspector__no-blocks { |
112 .block-editor-block-inspector__no-blocks { |
94 display: block; |
113 display: block; |
95 font-size: 13px; |
114 font-size: 13px; |
96 background: #fff; |
115 background: #fff; |
97 padding: 32px 16px; |
116 padding: 32px 16px; |
98 text-align: center; } |
117 text-align: center; } |
99 |
118 |
100 .block-editor-block-inspector__card { |
119 .block-editor-block-list__layout .block-editor-block-list__block .reusable-block-edit-panel * { |
101 display: flex; |
|
102 align-items: flex-start; |
|
103 margin: -16px; |
|
104 padding: 16px; } |
|
105 |
|
106 .block-editor-block-inspector__card-icon { |
|
107 border: 1px solid #ccd0d4; |
|
108 padding: 7px; |
|
109 margin-left: 10px; |
|
110 height: 36px; |
|
111 width: 36px; } |
|
112 |
|
113 .block-editor-block-inspector__card-content { |
|
114 flex-grow: 1; } |
|
115 |
|
116 .block-editor-block-inspector__card-title { |
|
117 font-weight: 500; |
|
118 margin-bottom: 5px; } |
|
119 |
|
120 .block-editor-block-inspector__card-description { |
|
121 font-size: 13px; } |
|
122 |
|
123 .block-editor-block-inspector__card .block-editor-block-icon { |
|
124 margin-right: -2px; |
|
125 margin-left: 10px; |
|
126 padding: 0 3px; |
|
127 width: 36px; |
|
128 height: 24px; } |
|
129 |
|
130 .block-editor-block-list__layout .components-draggable__clone .block-editor-block-contextual-toolbar { |
|
131 display: none !important; } |
|
132 |
|
133 .block-editor-block-list__layout .block-editor-block-list__block.is-selected.is-dragging .block-editor-block-list__block-edit::before { |
|
134 border: none; } |
|
135 |
|
136 .block-editor-block-list__layout .block-editor-block-list__block.is-selected.is-dragging > .block-editor-block-list__block-edit > * { |
|
137 background: #f8f9f9; } |
|
138 |
|
139 .block-editor-block-list__layout .block-editor-block-list__block.is-selected.is-dragging > .block-editor-block-list__block-edit > * > * { |
|
140 visibility: hidden; } |
|
141 |
|
142 .block-editor-block-list__layout .block-editor-block-list__block.is-selected.is-dragging .block-editor-block-mover, |
|
143 .block-editor-block-list__layout .block-editor-block-list__block.is-selected.is-dragging .block-editor-block-contextual-toolbar { |
|
144 display: none; } |
|
145 |
|
146 .block-editor-block-list__layout .block-editor-block-list__block.is-selected > .block-editor-block-list__block-edit .reusable-block-edit-panel * { |
|
147 z-index: 1; } |
120 z-index: 1; } |
148 |
121 |
149 /** |
122 .block-editor-block-styles .block-editor-block-list__block { |
150 * General layout |
123 margin: 0; } |
151 */ |
124 |
152 @media (min-width: 600px) { |
125 /** |
153 .block-editor-block-list__layout { |
126 * Notices & Block Selected/Hover Styles. |
154 padding-right: 46px; |
127 */ |
155 padding-left: 46px; } } |
|
156 |
|
157 .block-editor-block-list__block .block-editor-block-list__layout { |
|
158 padding-right: 0; |
|
159 padding-left: 0; |
|
160 margin-right: -14px; |
|
161 margin-left: -14px; } |
|
162 |
|
163 .block-editor-block-list__layout .block-editor-default-block-appender > .block-editor-default-block-appender__content, |
|
164 .block-editor-block-list__layout > .block-editor-block-list__block > .block-editor-block-list__block-edit, |
|
165 .block-editor-block-list__layout > .block-editor-block-list__layout > .block-editor-block-list__block > .block-editor-block-list__block-edit { |
|
166 margin-top: 32px; |
|
167 margin-bottom: 32px; } |
|
168 |
|
169 .block-editor-block-list__layout .block-editor-block-list__block { |
128 .block-editor-block-list__layout .block-editor-block-list__block { |
170 position: relative; |
129 position: relative; |
171 padding-right: 14px; |
|
172 padding-left: 14px; |
|
173 overflow-wrap: break-word; |
130 overflow-wrap: break-word; |
174 /** |
131 /** |
175 * Notices |
132 * Notices |
176 */ |
133 */ |
177 /** |
134 /** |
178 * Block border layout |
135 * Block Layout |
179 */ } |
136 */ } |
180 @media (min-width: 600px) { |
|
181 .block-editor-block-list__layout .block-editor-block-list__block { |
|
182 padding-right: 43px; |
|
183 padding-left: 43px; } } |
|
184 .block-editor-block-list__layout .block-editor-block-list__block .components-placeholder .components-with-notices-ui { |
137 .block-editor-block-list__layout .block-editor-block-list__block .components-placeholder .components-with-notices-ui { |
185 margin: -10px 20px 12px 20px; |
138 margin: -10px 0 12px 0; } |
186 width: calc(100% - 40px); } |
|
187 .block-editor-block-list__layout .block-editor-block-list__block .components-with-notices-ui { |
139 .block-editor-block-list__layout .block-editor-block-list__block .components-with-notices-ui { |
188 margin: 0 0 12px 0; |
140 margin: 0 0 12px 0; |
189 width: 100%; } |
141 width: 100%; } |
190 .block-editor-block-list__layout .block-editor-block-list__block .components-with-notices-ui .components-notice { |
142 .block-editor-block-list__layout .block-editor-block-list__block .components-with-notices-ui .components-notice { |
191 margin-right: 0; |
143 margin-right: 0; |
192 margin-left: 0; } |
144 margin-left: 0; } |
193 .block-editor-block-list__layout .block-editor-block-list__block .components-with-notices-ui .components-notice .components-notice__content { |
145 .block-editor-block-list__layout .block-editor-block-list__block .components-with-notices-ui .components-notice .components-notice__content { |
194 font-size: 13px; } |
146 font-size: 13px; } |
195 .block-editor-block-list__layout .block-editor-block-list__block .block-editor-block-list__block-edit { |
147 .block-editor-block-list__layout .block-editor-block-list__block:not([contenteditable]):focus { |
196 position: relative; } |
148 outline: none; } |
197 .block-editor-block-list__layout .block-editor-block-list__block .block-editor-block-list__block-edit::before { |
149 .block-editor-block-list__layout .block-editor-block-list__block:not([contenteditable]):focus::after { |
198 z-index: 0; |
150 position: absolute; |
|
151 z-index: 1; |
|
152 pointer-events: none; |
199 content: ""; |
153 content: ""; |
200 position: absolute; |
154 top: 1px; |
201 border: 1px solid transparent; |
155 bottom: 1px; |
202 border-right: none; |
156 right: 1px; |
203 box-shadow: none; |
157 left: 1px; |
204 transition: border-color 0.1s linear, box-shadow 0.1s linear; |
158 box-shadow: 0 0 0 1.5px #007cba; |
205 pointer-events: none; |
159 box-shadow: 0 0 0 1.5px var(--wp-admin-theme-color); |
206 outline: 1px solid transparent; |
160 border-radius: 1px; } |
207 left: -14px; |
161 .is-dark-theme .block-editor-block-list__layout .block-editor-block-list__block:not([contenteditable]):focus::after { |
208 right: -14px; |
162 box-shadow: 0 0 0 1.5px #fff; } |
209 top: -14px; |
|
210 bottom: -14px; } |
|
211 .block-editor-block-list__layout .block-editor-block-list__block.is-selected > .block-editor-block-list__block-edit::before { |
|
212 border-color: rgba(66, 88, 99, 0.4); |
|
213 box-shadow: inset -3px 0 0 0 #555d66; } |
|
214 .is-dark-theme .block-editor-block-list__layout .block-editor-block-list__block.is-selected > .block-editor-block-list__block-edit::before { |
|
215 border-color: rgba(255, 255, 255, 0.45); |
|
216 box-shadow: inset -3px 0 0 0 #d7dade; } |
|
217 @media (min-width: 600px) { |
|
218 .block-editor-block-list__layout .block-editor-block-list__block.is-selected > .block-editor-block-list__block-edit::before { |
|
219 box-shadow: 3px 0 0 0 #555d66; } |
|
220 .is-dark-theme .block-editor-block-list__layout .block-editor-block-list__block.is-selected > .block-editor-block-list__block-edit::before { |
|
221 box-shadow: 3px 0 0 0 #d7dade; } } |
|
222 .block-editor-block-list__layout .block-editor-block-list__block.is-hovered > .block-editor-block-list__block-edit::before { |
|
223 box-shadow: 3px 0 0 0 #e2e4e7; } |
|
224 .is-dark-theme .block-editor-block-list__layout .block-editor-block-list__block.is-hovered > .block-editor-block-list__block-edit::before { |
|
225 box-shadow: 3px 0 0 0 #40464d; } |
|
226 .block-editor-block-list__layout .block-editor-block-list__block.is-focus-mode:not(.is-multi-selected) { |
163 .block-editor-block-list__layout .block-editor-block-list__block.is-focus-mode:not(.is-multi-selected) { |
227 opacity: 0.5; |
164 opacity: 0.5; |
228 transition: opacity 0.1s linear; } |
165 transition: opacity 0.1s linear; } |
|
166 @media (prefers-reduced-motion: reduce) { |
|
167 .block-editor-block-list__layout .block-editor-block-list__block.is-focus-mode:not(.is-multi-selected) { |
|
168 transition-duration: 0s; } } |
229 .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 { |
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 { |
230 opacity: 1; } |
170 opacity: 1; } |
231 |
171 |
232 /** |
172 .block-editor-block-list__layout .block-editor-block-list__block, |
233 * Cross-block selection |
173 .block-editor-block-list__layout .block-list-appender { |
234 */ |
174 position: relative; } |
235 |
175 .block-editor-block-list__layout .block-editor-block-list__block.is-drop-target::before, |
236 .block-editor-block-list__layout .block-editor-block-list__block ::selection { |
176 .block-editor-block-list__layout .block-list-appender.is-drop-target::before { |
237 background-color: #b3e7fe; } |
177 content: ""; |
238 |
178 position: absolute; |
239 .block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected *::selection { |
179 z-index: 0; |
240 background-color: transparent; } |
180 pointer-events: none; |
241 |
181 transition: border-color 0.1s linear, border-style 0.1s linear, box-shadow 0.1s linear; |
242 .block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected .block-editor-block-list__block-edit::before { |
182 top: -14px; |
243 background: #b3e7fe; |
183 left: 0; |
244 mix-blend-mode: multiply; |
184 right: 0; |
245 top: -14px; |
185 border-top: 4px solid #007cba; |
246 bottom: -14px; } |
186 border-top: 4px solid var(--wp-admin-theme-color); } |
247 .is-dark-theme .block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected .block-editor-block-list__block-edit::before { |
187 .block-editor-block-list__layout .block-editor-block-list__block.is-drop-target.is-dropping-horizontally::before, |
248 mix-blend-mode: soft-light; } |
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; } |
249 |
266 |
250 /** |
267 /** |
251 * Block styles and alignments |
268 * Block styles and alignments |
252 */ |
269 */ |
253 .block-editor-block-list__layout .block-editor-block-list__block.has-warning { |
270 .block-editor-block-list__layout .block-editor-block-list__block.has-warning { |
254 min-height: 36px; } |
271 min-height: 36px; } |
255 |
272 |
256 .block-editor-block-list__layout .block-editor-block-list__block.has-warning .block-editor-block-list__block-edit > * { |
273 .block-editor-block-list__layout .block-editor-block-list__block::after { |
|
274 content: ""; |
|
275 pointer-events: none; |
|
276 position: absolute; |
|
277 top: 0; |
|
278 left: 0; |
|
279 bottom: 0; |
|
280 right: 0; |
|
281 border-radius: 2px; |
|
282 box-shadow: 0 0 0 1.5px transparent; |
|
283 transition: box-shadow 0.1s ease-in; } |
|
284 @media (prefers-reduced-motion: reduce) { |
|
285 .block-editor-block-list__layout .block-editor-block-list__block::after { |
|
286 transition-duration: 0s; } } |
|
287 |
|
288 .block-editor-block-list__layout .block-editor-block-list__block.has-warning > * { |
257 pointer-events: none; |
289 pointer-events: none; |
258 -webkit-user-select: none; |
290 -webkit-user-select: none; |
259 -moz-user-select: none; |
|
260 -ms-user-select: none; |
291 -ms-user-select: none; |
261 user-select: none; } |
292 user-select: none; } |
262 |
293 |
263 .block-editor-block-list__layout .block-editor-block-list__block.has-warning .block-editor-block-list__block-edit .block-editor-warning { |
294 .block-editor-block-list__layout .block-editor-block-list__block.has-warning .block-editor-warning { |
264 pointer-events: all; } |
295 pointer-events: all; } |
265 |
296 |
266 .block-editor-block-list__layout .block-editor-block-list__block.has-warning .block-editor-block-list__block-edit::before { |
297 .block-editor-block-list__layout .block-editor-block-list__block.has-warning::after { |
267 border-color: rgba(145, 151, 162, 0.25); |
|
268 border-right: 1px solid rgba(145, 151, 162, 0.25); } |
|
269 .is-dark-theme .block-editor-block-list__layout .block-editor-block-list__block.has-warning .block-editor-block-list__block-edit::before { |
|
270 border-color: rgba(255, 255, 255, 0.35); } |
|
271 |
|
272 .block-editor-block-list__layout .block-editor-block-list__block.has-warning.is-selected .editor-block-list__block-edit::before { |
|
273 border-color: rgba(66, 88, 99, 0.4); |
|
274 border-right-color: transparent; } |
|
275 .is-dark-theme .block-editor-block-list__layout .block-editor-block-list__block.has-warning.is-selected .editor-block-list__block-edit::before { |
|
276 border-color: rgba(255, 255, 255, 0.45); } |
|
277 |
|
278 .block-editor-block-list__layout .block-editor-block-list__block.has-warning .block-editor-block-list__block-edit::after { |
|
279 content: ""; |
298 content: ""; |
280 position: absolute; |
299 position: absolute; |
281 background-color: rgba(248, 249, 249, 0.4); |
300 top: 0; |
282 top: -14px; |
301 left: 0; |
283 bottom: -14px; |
302 bottom: 0; |
284 left: -14px; |
303 right: 0; |
285 right: -14px; } |
304 border-radius: 2px; |
286 |
305 background-color: rgba(255, 255, 255, 0.4); } |
287 .block-editor-block-list__layout .block-editor-block-list__block.has-warning.is-multi-selected .block-editor-block-list__block-edit::after { |
306 |
|
307 .block-editor-block-list__layout .block-editor-block-list__block.has-warning.is-multi-selected::after { |
288 background-color: transparent; } |
308 background-color: transparent; } |
289 |
309 |
290 .block-editor-block-list__layout .block-editor-block-list__block.has-warning.is-selected .block-editor-block-list__block-edit::after { |
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 { |
291 bottom: 22px; } |
311 display: none; } |
292 @media (min-width: 600px) { |
312 |
293 .block-editor-block-list__layout .block-editor-block-list__block.has-warning.is-selected .block-editor-block-list__block-edit::after { |
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 { |
294 bottom: -14px; } } |
314 display: block; } |
295 |
315 |
296 .block-editor-block-list__layout .block-editor-block-list__block.is-typing .block-editor-block-list__empty-block-inserter, |
316 .is-navigate-mode .block-editor-block-list__layout .block-editor-block-list__block { |
297 .block-editor-block-list__layout .block-editor-block-list__block.is-typing .block-editor-block-list__side-inserter { |
317 cursor: default; } |
298 opacity: 0; |
|
299 animation: none; } |
|
300 |
|
301 .block-editor-block-list__layout .block-editor-block-list__block .block-editor-block-list__empty-block-inserter, |
|
302 .block-editor-block-list__layout .block-editor-block-list__block .block-editor-block-list__side-inserter { |
|
303 animation: edit-post__fade-in-animation 0.2s ease-out 0s; |
|
304 animation-fill-mode: forwards; } |
|
305 @media (prefers-reduced-motion: reduce) { |
|
306 .block-editor-block-list__layout .block-editor-block-list__block .block-editor-block-list__empty-block-inserter, |
|
307 .block-editor-block-list__layout .block-editor-block-list__block .block-editor-block-list__side-inserter { |
|
308 animation-duration: 1ms !important; } } |
|
309 |
|
310 .block-editor-block-list__layout .block-editor-block-list__block.is-reusable > .block-editor-block-list__block-edit::before { |
|
311 border: 1px dashed rgba(145, 151, 162, 0.25); } |
|
312 .is-dark-theme .block-editor-block-list__layout .block-editor-block-list__block.is-reusable > .block-editor-block-list__block-edit::before { |
|
313 border-color: rgba(255, 255, 255, 0.35); } |
|
314 |
|
315 .block-editor-block-list__layout .block-editor-block-list__block.is-reusable.is-selected > .block-editor-block-list__block-edit::before { |
|
316 border-color: rgba(66, 88, 99, 0.4); |
|
317 border-right-color: transparent; } |
|
318 .is-dark-theme .block-editor-block-list__layout .block-editor-block-list__block.is-reusable.is-selected > .block-editor-block-list__block-edit::before { |
|
319 border-color: rgba(255, 255, 255, 0.45); |
|
320 border-right-color: transparent; } |
|
321 |
|
322 .block-editor-block-list__layout .block-editor-block-list__block[data-align="left"], .block-editor-block-list__layout .block-editor-block-list__block[data-align="right"] { |
|
323 z-index: 81; |
|
324 width: 100%; |
|
325 height: 0; } |
|
326 .block-editor-block-list__layout .block-editor-block-list__block[data-align="left"] .block-editor-block-list__block-edit, .block-editor-block-list__layout .block-editor-block-list__block[data-align="right"] .block-editor-block-list__block-edit { |
|
327 margin-top: 0; } |
|
328 .block-editor-block-list__layout .block-editor-block-list__block[data-align="left"] .block-editor-block-list__block-edit::before, .block-editor-block-list__layout .block-editor-block-list__block[data-align="right"] .block-editor-block-list__block-edit::before { |
|
329 content: none; } |
|
330 .block-editor-block-list__layout .block-editor-block-list__block[data-align="left"] .block-editor-block-contextual-toolbar, .block-editor-block-list__layout .block-editor-block-list__block[data-align="right"] .block-editor-block-contextual-toolbar { |
|
331 margin-bottom: 1px; } |
|
332 .block-editor-block-list__layout .block-editor-block-list__block[data-align="left"] .block-editor-block-contextual-toolbar, .block-editor-block-list__layout .block-editor-block-list__block[data-align="right"] .block-editor-block-contextual-toolbar { |
|
333 width: auto; |
|
334 border-bottom: 1px solid #b5bcc2; |
|
335 bottom: auto; } |
|
336 |
|
337 .block-editor-block-list__layout .block-editor-block-list__block[data-align="left"] .block-editor-block-contextual-toolbar { |
|
338 right: 0; |
|
339 left: auto; } |
|
340 |
|
341 .block-editor-block-list__layout .block-editor-block-list__block[data-align="right"] .block-editor-block-contextual-toolbar { |
|
342 right: auto; |
|
343 left: 0; } |
|
344 |
|
345 @media (min-width: 600px) { |
|
346 .block-editor-block-list__layout .block-editor-block-list__block[data-align="right"] .block-editor-block-contextual-toolbar, |
|
347 .block-editor-block-list__layout .block-editor-block-list__block[data-align="left"] .block-editor-block-contextual-toolbar { |
|
348 top: 14px; } } |
|
349 |
|
350 .block-editor-block-list__layout .block-editor-block-list__block[data-align="left"] .block-editor-block-list__block-edit { |
|
351 float: left; |
|
352 margin-right: 2em; } |
|
353 |
|
354 @media (min-width: 600px) { |
|
355 .block-editor-block-list__layout .block-editor-block-list__block[data-align="left"] .block-editor-block-toolbar { |
|
356 left: 14px; |
|
357 right: auto; } } |
|
358 |
|
359 .block-editor-block-list__layout .block-editor-block-list__block[data-align="right"] > .block-editor-block-list__block-edit { |
|
360 float: right; |
|
361 margin-left: 2em; } |
|
362 |
|
363 @media (min-width: 600px) { |
|
364 .block-editor-block-list__layout .block-editor-block-list__block[data-align="right"] .block-editor-block-toolbar { |
|
365 right: 14px; |
|
366 left: auto; } } |
|
367 |
|
368 .block-editor-block-list__layout .block-editor-block-list__block[data-align="full"], .block-editor-block-list__layout .block-editor-block-list__block[data-align="wide"] { |
|
369 clear: both; |
|
370 z-index: 20; } |
|
371 .block-editor-block-list__layout .block-editor-block-list__block[data-align="full"].is-multi-selected > .block-editor-block-mover, |
|
372 .block-editor-block-list__layout .block-editor-block-list__block[data-align="full"] > .block-editor-block-list__block-edit > .block-editor-block-mover, .block-editor-block-list__layout .block-editor-block-list__block[data-align="wide"].is-multi-selected > .block-editor-block-mover, |
|
373 .block-editor-block-list__layout .block-editor-block-list__block[data-align="wide"] > .block-editor-block-list__block-edit > .block-editor-block-mover { |
|
374 top: -44px; |
|
375 bottom: auto; |
|
376 min-height: 0; |
|
377 height: auto; |
|
378 width: auto; } |
|
379 .block-editor-block-list__layout .block-editor-block-list__block[data-align="full"].is-multi-selected > .block-editor-block-mover::before, |
|
380 .block-editor-block-list__layout .block-editor-block-list__block[data-align="full"] > .block-editor-block-list__block-edit > .block-editor-block-mover::before, .block-editor-block-list__layout .block-editor-block-list__block[data-align="wide"].is-multi-selected > .block-editor-block-mover::before, |
|
381 .block-editor-block-list__layout .block-editor-block-list__block[data-align="wide"] > .block-editor-block-list__block-edit > .block-editor-block-mover::before { |
|
382 content: none; } |
|
383 .block-editor-block-list__layout .block-editor-block-list__block[data-align="full"].is-multi-selected > .block-editor-block-mover .block-editor-block-mover__control, |
|
384 .block-editor-block-list__layout .block-editor-block-list__block[data-align="full"] > .block-editor-block-list__block-edit > .block-editor-block-mover .block-editor-block-mover__control, .block-editor-block-list__layout .block-editor-block-list__block[data-align="wide"].is-multi-selected > .block-editor-block-mover .block-editor-block-mover__control, |
|
385 .block-editor-block-list__layout .block-editor-block-list__block[data-align="wide"] > .block-editor-block-list__block-edit > .block-editor-block-mover .block-editor-block-mover__control { |
|
386 float: right; } |
|
387 .block-editor-block-list__layout .block-editor-block-list__block[data-align="full"].is-multi-selected > .block-editor-block-mover, |
|
388 .block-editor-block-list__layout .block-editor-block-list__block[data-align="full"] > .block-editor-block-list__block-edit > .block-editor-block-mover, .block-editor-block-list__layout .block-editor-block-list__block[data-align="wide"].is-multi-selected > .block-editor-block-mover, |
|
389 .block-editor-block-list__layout .block-editor-block-list__block[data-align="wide"] > .block-editor-block-list__block-edit > .block-editor-block-mover { |
|
390 display: none; } |
|
391 @media (min-width: 1280px) { |
|
392 .block-editor-block-list__layout .block-editor-block-list__block[data-align="full"].is-multi-selected > .block-editor-block-mover, |
|
393 .block-editor-block-list__layout .block-editor-block-list__block[data-align="full"] > .block-editor-block-list__block-edit > .block-editor-block-mover, .block-editor-block-list__layout .block-editor-block-list__block[data-align="wide"].is-multi-selected > .block-editor-block-mover, |
|
394 .block-editor-block-list__layout .block-editor-block-list__block[data-align="wide"] > .block-editor-block-list__block-edit > .block-editor-block-mover { |
|
395 display: block; } } |
|
396 @media (min-width: 600px) { |
|
397 .block-editor-block-list__layout .block-editor-block-list__block[data-align="full"] .block-editor-block-toolbar, .block-editor-block-list__layout .block-editor-block-list__block[data-align="wide"] .block-editor-block-toolbar { |
|
398 display: inline-flex; } } |
|
399 |
|
400 .block-editor-block-list__layout .block-editor-block-list__block[data-align="wide"].is-multi-selected > .block-editor-block-mover, |
|
401 .block-editor-block-list__layout .block-editor-block-list__block[data-align="wide"] > .block-editor-block-list__block-edit > .block-editor-block-mover { |
|
402 right: -13px; } |
|
403 |
|
404 .block-editor-block-list__layout .block-editor-block-list__block[data-align="full"] > .block-editor-block-list__block-edit > .block-editor-block-list__breadcrumb { |
|
405 right: 0; } |
|
406 |
|
407 @media (min-width: 600px) { |
|
408 .block-editor-block-list__layout .block-editor-block-list__block[data-align="full"] { |
|
409 margin-right: -45px; |
|
410 margin-left: -45px; } } |
|
411 |
|
412 .block-editor-block-list__layout .block-editor-block-list__block[data-align="full"] > .block-editor-block-list__block-edit { |
|
413 margin-right: -14px; |
|
414 margin-left: -14px; } |
|
415 @media (min-width: 600px) { |
|
416 .block-editor-block-list__layout .block-editor-block-list__block[data-align="full"] > .block-editor-block-list__block-edit { |
|
417 margin-right: -44px; |
|
418 margin-left: -44px; } } |
|
419 .block-editor-block-list__layout .block-editor-block-list__block[data-align="full"] > .block-editor-block-list__block-edit figure { |
|
420 width: 100%; } |
|
421 |
|
422 .block-editor-block-list__layout .block-editor-block-list__block[data-align="full"] > .block-editor-block-list__block-edit::before { |
|
423 right: 0; |
|
424 left: 0; |
|
425 border-right-width: 0; |
|
426 border-left-width: 0; } |
|
427 |
|
428 .block-editor-block-list__layout .block-editor-block-list__block[data-align="full"].is-multi-selected > .block-editor-block-mover, |
|
429 .block-editor-block-list__layout .block-editor-block-list__block[data-align="full"] > .block-editor-block-list__block-edit > .block-editor-block-mover { |
|
430 right: 1px; } |
|
431 |
318 |
432 .block-editor-block-list__layout .block-editor-block-list__block[data-clear="true"] { |
319 .block-editor-block-list__layout .block-editor-block-list__block[data-clear="true"] { |
433 float: none; } |
320 float: none; } |
434 |
321 |
435 .block-editor-block-list__layout .block-editor-block-list__block .block-editor-block-drop-zone { |
|
436 top: -4px; |
|
437 bottom: -3px; |
|
438 margin: 0 14px; } |
|
439 |
|
440 .block-editor-block-list__layout .block-editor-block-list__block .block-editor-block-list__layout .block-editor-inserter-with-shortcuts { |
|
441 display: none; } |
|
442 |
|
443 .block-editor-block-list__layout .block-editor-block-list__block .block-editor-block-list__layout .block-editor-block-list__empty-block-inserter, |
|
444 .block-editor-block-list__layout .block-editor-block-list__block .block-editor-block-list__layout .block-editor-default-block-appender .block-editor-inserter { |
322 .block-editor-block-list__layout .block-editor-block-list__block .block-editor-block-list__layout .block-editor-default-block-appender .block-editor-inserter { |
445 right: auto; |
323 right: auto; |
446 left: 8px; } |
324 left: 8px; } |
447 |
325 |
448 /** |
326 .block-editor-block-list__layout .wp-block { |
449 * Left and right side UI; Unified toolbar on Mobile |
327 margin-right: auto; |
450 */ |
328 margin-left: auto; } |
451 .block-editor-block-list__block.is-multi-selected > .block-editor-block-mover, |
329 |
452 .block-editor-block-list__block > .block-editor-block-list__block-edit > .block-editor-block-mover { |
330 .wp-block[data-align="left"], .wp-block[data-align="right"] { |
453 position: absolute; |
331 width: 100%; |
454 width: 30px; |
332 height: 0; } |
455 height: 100%; |
333 .wp-block[data-align="left"]::before, .wp-block[data-align="right"]::before { |
456 max-height: 112px; } |
334 content: none; } |
457 |
335 |
458 .block-editor-block-list__block.is-multi-selected > .block-editor-block-mover, |
336 .wp-block[data-align="left"] > *, |
459 .block-editor-block-list__block > .block-editor-block-list__block-edit > .block-editor-block-mover { |
337 .wp-block[data-align="right"] > * { |
460 top: -15px; } |
338 z-index: 21; } |
461 |
339 |
462 @media (min-width: 600px) { |
340 .wp-block[data-align="left"] > * { |
463 .block-editor-block-list__block.is-multi-selected .block-editor-block-mover, .block-editor-block-list__block.is-selected .block-editor-block-mover, .block-editor-block-list__block.is-hovered .block-editor-block-mover { |
341 float: left; |
464 z-index: 80; } } |
342 margin-right: 2em; } |
465 |
343 |
466 .block-editor-block-list__block.is-multi-selected > .block-editor-block-mover, |
344 .wp-block[data-align="right"] > * { |
467 .block-editor-block-list__block > .block-editor-block-list__block-edit > .block-editor-block-mover { |
345 float: right; |
468 padding-left: 2px; |
346 margin-left: 2em; } |
469 right: -45px; |
347 |
470 display: none; } |
348 .wp-block[data-align="full"], .wp-block[data-align="wide"] { |
471 @media (min-width: 600px) { |
349 clear: both; } |
472 .block-editor-block-list__block.is-multi-selected > .block-editor-block-mover, |
|
473 .block-editor-block-list__block > .block-editor-block-list__block-edit > .block-editor-block-mover { |
|
474 display: block; } } |
|
475 |
|
476 .block-editor-block-list__block.is-multi-selected > .block-editor-block-mover { |
|
477 right: -30px; } |
|
478 |
|
479 .block-editor-block-list__block[data-align="left"].is-selected > .block-editor-block-list__block-edit > .block-editor-block-mover, .block-editor-block-list__block[data-align="right"].is-selected > .block-editor-block-list__block-edit > .block-editor-block-mover { |
|
480 display: none; } |
|
481 @media (min-width: 600px) { |
|
482 .block-editor-block-list__block[data-align="left"].is-selected > .block-editor-block-list__block-edit > .block-editor-block-mover, .block-editor-block-list__block[data-align="right"].is-selected > .block-editor-block-list__block-edit > .block-editor-block-mover { |
|
483 display: block; |
|
484 opacity: 1; |
|
485 animation: none; |
|
486 width: 45px; |
|
487 height: auto; |
|
488 padding-bottom: 14px; |
|
489 margin-top: 0; } } |
|
490 |
|
491 .block-editor-block-list__block[data-align="left"].is-hovered > .block-editor-block-list__block-edit > .block-editor-block-mover, |
|
492 .block-editor-block-list__block[data-align="left"].is-dragging > .block-editor-block-list__block-edit > .block-editor-block-mover, .block-editor-block-list__block[data-align="right"].is-hovered > .block-editor-block-list__block-edit > .block-editor-block-mover, |
|
493 .block-editor-block-list__block[data-align="right"].is-dragging > .block-editor-block-list__block-edit > .block-editor-block-mover { |
|
494 display: none; } |
|
495 |
|
496 /** |
|
497 * Mobile unified toolbar. |
|
498 */ |
|
499 .block-editor-block-list__block .block-editor-block-list__block-mobile-toolbar { |
|
500 display: flex; |
|
501 flex-direction: row; |
|
502 transform: translateY(15px); |
|
503 margin-top: 37px; |
|
504 margin-left: -14px; |
|
505 margin-right: -14px; |
|
506 border-top: 1px solid #b5bcc2; |
|
507 height: 37px; |
|
508 background-color: #fff; |
|
509 box-shadow: 0 5px 10px rgba(25, 30, 35, 0.05), 0 2px 2px rgba(25, 30, 35, 0.05); } |
|
510 @media (min-width: 600px) { |
|
511 .block-editor-block-list__block .block-editor-block-list__block-mobile-toolbar { |
|
512 display: none; } } |
|
513 @media (min-width: 600px) { |
|
514 .block-editor-block-list__block .block-editor-block-list__block-mobile-toolbar { |
|
515 box-shadow: none; } } |
|
516 .block-editor-block-list__block .block-editor-block-list__block-mobile-toolbar .block-editor-inserter { |
|
517 position: relative; |
|
518 right: auto; |
|
519 top: auto; |
|
520 margin: 0; } |
|
521 .block-editor-block-list__block .block-editor-block-list__block-mobile-toolbar .block-editor-inserter__toggle, |
|
522 .block-editor-block-list__block .block-editor-block-list__block-mobile-toolbar .block-editor-block-mover__control { |
|
523 width: 36px; |
|
524 height: 36px; |
|
525 border-radius: 4px; |
|
526 padding: 3px; |
|
527 margin: 0; |
|
528 justify-content: center; |
|
529 align-items: center; } |
|
530 .block-editor-block-list__block .block-editor-block-list__block-mobile-toolbar .block-editor-inserter__toggle .dashicon, |
|
531 .block-editor-block-list__block .block-editor-block-list__block-mobile-toolbar .block-editor-block-mover__control .dashicon { |
|
532 margin: auto; } |
|
533 .block-editor-block-list__block .block-editor-block-list__block-mobile-toolbar .block-editor-block-mover { |
|
534 display: flex; |
|
535 margin-left: auto; } |
|
536 .block-editor-block-list__block .block-editor-block-list__block-mobile-toolbar .block-editor-block-mover .block-editor-inserter, |
|
537 .block-editor-block-list__block .block-editor-block-list__block-mobile-toolbar .block-editor-block-mover .block-editor-block-mover__control { |
|
538 float: right; } |
|
539 |
|
540 .block-editor-block-list__block[data-align="full"] .block-editor-block-list__block-mobile-toolbar { |
|
541 margin-right: 0; |
|
542 margin-left: 0; } |
|
543 |
350 |
544 /** |
351 /** |
545 * In-Canvas Inserter |
352 * In-Canvas Inserter |
546 */ |
353 */ |
547 .block-editor-block-list .block-editor-inserter { |
354 .block-editor-block-list .block-editor-inserter { |
548 margin: 8px; |
355 margin: 8px; |
549 cursor: move; |
356 cursor: move; |
550 cursor: -webkit-grab; |
|
551 cursor: grab; } |
357 cursor: grab; } |
552 |
358 |
553 .block-editor-block-list__insertion-point { |
359 .block-editor-block-list__insertion-point { |
554 position: relative; |
360 position: relative; |
555 z-index: 6; |
361 z-index: 6; |
556 margin-top: -14px; } |
362 margin-top: -14px; } |
557 |
363 |
558 .block-editor-block-list__insertion-point-indicator { |
364 .block-editor-block-list__insertion-point-indicator { |
559 position: absolute; |
365 position: absolute; |
560 top: calc(50% - 1px); |
366 top: calc(50% - 1px); |
561 height: 2px; |
367 height: 1.5px; |
562 right: 0; |
368 right: 0; |
563 left: 0; |
369 left: 0; |
564 background: #0085ba; } |
370 background: #007cba; |
565 |
371 background: var(--wp-admin-theme-color); } |
566 body.admin-color-sunrise .block-editor-block-list__insertion-point-indicator{ |
|
567 background: #d1864a; } |
|
568 |
|
569 body.admin-color-ocean .block-editor-block-list__insertion-point-indicator{ |
|
570 background: #a3b9a2; } |
|
571 |
|
572 body.admin-color-midnight .block-editor-block-list__insertion-point-indicator{ |
|
573 background: #e14d43; } |
|
574 |
|
575 body.admin-color-ectoplasm .block-editor-block-list__insertion-point-indicator{ |
|
576 background: #a7b656; } |
|
577 |
|
578 body.admin-color-coffee .block-editor-block-list__insertion-point-indicator{ |
|
579 background: #c2a68c; } |
|
580 |
|
581 body.admin-color-blue .block-editor-block-list__insertion-point-indicator{ |
|
582 background: #82b4cb; } |
|
583 |
|
584 body.admin-color-light .block-editor-block-list__insertion-point-indicator{ |
|
585 background: #0085ba; } |
|
586 |
372 |
587 .block-editor-block-list__insertion-point-inserter { |
373 .block-editor-block-list__insertion-point-inserter { |
588 display: none; |
374 display: none; |
589 position: absolute; |
|
590 bottom: auto; |
|
591 right: 0; |
|
592 left: 0; |
|
593 justify-content: center; |
375 justify-content: center; |
594 height: 22px; |
376 cursor: text; } |
595 opacity: 0; |
|
596 transition: opacity 0.1s linear; } |
|
597 @media (min-width: 480px) { |
377 @media (min-width: 480px) { |
598 .block-editor-block-list__insertion-point-inserter { |
378 .block-editor-block-list__insertion-point-inserter { |
599 display: flex; } } |
379 display: flex; } } |
600 .block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle { |
380 .block-editor-block-list__insertion-point-inserter.is-inserter-hidden .block-editor-inserter__toggle { |
601 margin-top: -8px; |
381 visibility: hidden; |
602 border-radius: 50%; |
382 pointer-events: none; } |
603 color: #007cba; |
383 |
604 background: #fff; |
384 .block-editor-block-list__block-popover-inserter { |
605 height: 36px; |
385 position: absolute; |
606 width: 36px; } |
386 top: -9999em; |
607 .block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle:not(:disabled):not([aria-disabled="true"]):hover { |
387 margin-bottom: 14px; } |
608 box-shadow: none; } |
388 .block-editor-block-list__block-popover-inserter.is-visible { |
609 .block-editor-block-list__insertion-point-inserter:hover, .block-editor-block-list__insertion-point-inserter.is-visible { |
389 position: static; } |
610 opacity: 1; } |
390 |
611 |
391 .block-editor-block-list__empty-block-inserter .block-editor-inserter__toggle.components-button.has-icon, |
612 .edit-post-layout:not(.has-fixed-toolbar) .is-selected > .block-editor-block-list__insertion-point > .block-editor-block-list__insertion-point-inserter, |
392 .block-editor-default-block-appender .block-editor-inserter__toggle.components-button.has-icon, |
613 .edit-post-layout:not(.has-fixed-toolbar) .is-focused > .block-editor-block-list__insertion-point > .block-editor-block-list__insertion-point-inserter { |
393 .block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button.has-icon, |
614 opacity: 0; |
394 .block-editor-block-list__block-popover-inserter .block-editor-inserter__toggle.components-button.has-icon { |
615 pointer-events: none; } |
395 background: #1e1e1e; |
616 .edit-post-layout:not(.has-fixed-toolbar) .is-selected > .block-editor-block-list__insertion-point > .block-editor-block-list__insertion-point-inserter:hover, .edit-post-layout:not(.has-fixed-toolbar) .is-selected > .block-editor-block-list__insertion-point > .block-editor-block-list__insertion-point-inserter.is-visible, |
396 border-radius: 2px; |
617 .edit-post-layout:not(.has-fixed-toolbar) .is-focused > .block-editor-block-list__insertion-point > .block-editor-block-list__insertion-point-inserter:hover, |
397 color: #fff; |
618 .edit-post-layout:not(.has-fixed-toolbar) .is-focused > .block-editor-block-list__insertion-point > .block-editor-block-list__insertion-point-inserter.is-visible { |
398 padding: 0; |
|
399 min-width: 24px; |
|
400 height: 24px; } |
|
401 .block-editor-block-list__empty-block-inserter .block-editor-inserter__toggle.components-button.has-icon:hover, |
|
402 .block-editor-default-block-appender .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, |
|
404 .block-editor-block-list__block-popover-inserter .block-editor-inserter__toggle.components-button.has-icon:hover { |
|
405 color: #fff; } |
|
406 |
|
407 .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 { |
|
409 animation: block-editor-inserter__toggle__fade-in-animation-delayed 0.3s ease; |
|
410 animation-fill-mode: forwards; } |
|
411 @media (prefers-reduced-motion: reduce) { |
|
412 .block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button, |
|
413 .block-editor-block-list__block-popover-inserter .block-editor-inserter__toggle.components-button { |
|
414 animation-duration: 1ms; } } |
|
415 |
|
416 @keyframes block-editor-inserter__toggle__fade-in-animation-delayed { |
|
417 0% { |
|
418 opacity: 0; } |
|
419 80% { |
|
420 opacity: 0; } |
|
421 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 { |
619 opacity: 1; |
429 opacity: 1; |
620 pointer-events: auto; } |
430 transform: scale(1); } } |
|
431 |
|
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); } |
621 |
444 |
622 .block-editor-block-list__block > .block-editor-block-list__insertion-point { |
445 .block-editor-block-list__block > .block-editor-block-list__insertion-point { |
623 position: absolute; |
446 position: absolute; |
624 top: -16px; |
447 top: -16px; |
625 height: 28px; |
448 height: 28px; |
626 bottom: auto; |
449 bottom: auto; |
627 right: 0; |
450 right: 14px; |
628 left: 0; } |
451 left: 14px; } |
629 @media (min-width: 600px) { |
|
630 .block-editor-block-list__block > .block-editor-block-list__insertion-point { |
|
631 right: -1px; |
|
632 left: -1px; } } |
|
633 |
|
634 .block-editor-block-list__block[data-align="full"] > .block-editor-block-list__insertion-point { |
|
635 right: 0; |
|
636 left: 0; } |
|
637 |
452 |
638 .block-editor-block-list__block .block-editor-block-list__block-html-textarea { |
453 .block-editor-block-list__block .block-editor-block-list__block-html-textarea { |
639 display: block; |
454 display: block; |
640 margin: 0; |
455 margin: 0; |
641 width: 100%; |
456 width: 100%; |
643 outline: none; |
458 outline: none; |
644 box-shadow: none; |
459 box-shadow: none; |
645 resize: none; |
460 resize: none; |
646 overflow: hidden; |
461 overflow: hidden; |
647 font-family: Menlo, Consolas, monaco, monospace; |
462 font-family: Menlo, Consolas, monaco, monospace; |
648 font-size: 14px; |
463 font-size: 15px; |
649 line-height: 150%; |
464 line-height: 150%; |
650 transition: padding 0.2s linear; } |
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; } } |
651 .block-editor-block-list__block .block-editor-block-list__block-html-textarea:focus { |
469 .block-editor-block-list__block .block-editor-block-list__block-html-textarea:focus { |
652 box-shadow: none; } |
470 box-shadow: none; } |
653 |
471 |
654 /** |
472 /** |
655 * Block Toolbar when contextual. |
473 * Block Toolbar when contextual. |
656 */ |
474 */ |
657 .block-editor-block-list__block .block-editor-block-contextual-toolbar { |
475 .block-editor-block-contextual-toolbar { |
658 z-index: 21; |
476 border: 1px solid #1e1e1e; |
659 white-space: nowrap; |
477 border-radius: 2px; |
660 text-align: right; |
478 background-color: #fff; } |
661 pointer-events: none; |
479 .block-editor-block-contextual-toolbar .block-editor-block-toolbar .components-toolbar-group, |
662 position: absolute; |
480 .block-editor-block-contextual-toolbar .block-editor-block-toolbar .components-toolbar { |
663 bottom: 22px; |
481 border-left-color: #1e1e1e; } |
664 right: -14px; |
482 .block-editor-block-contextual-toolbar .block-editor-block-mover-button { |
665 left: -14px; |
483 overflow: hidden; } |
666 border-top: 1px solid #b5bcc2; } |
484 .block-editor-block-contextual-toolbar .block-editor-block-mover.is-horizontal .block-editor-block-mover-button.block-editor-block-mover-button { |
667 .block-editor-block-list__block .block-editor-block-contextual-toolbar .components-toolbar { |
485 min-width: 24px; |
668 border-top: none; |
486 width: 24px; } |
669 border-bottom: none; } |
487 .block-editor-block-contextual-toolbar .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover-button.is-up-button svg { |
670 @media (min-width: 600px) { |
488 margin-top: 3px; } |
671 .block-editor-block-list__block .block-editor-block-contextual-toolbar { |
489 .block-editor-block-contextual-toolbar .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover-button.is-down-button svg { |
672 border-top: none; } |
490 margin-bottom: 3px; } |
673 .block-editor-block-list__block .block-editor-block-contextual-toolbar .components-toolbar { |
491 .block-editor-block-contextual-toolbar .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover-button:focus::before { |
674 border-top: 1px solid #b5bcc2; |
492 right: 0 !important; |
675 border-bottom: 1px solid #b5bcc2; } } |
493 min-width: 0; |
676 |
494 width: 100%; } |
677 .block-editor-block-list__block[data-align="left"] .block-editor-block-contextual-toolbar, |
495 |
678 .block-editor-block-list__block[data-align="right"] .block-editor-block-contextual-toolbar { |
496 /** |
679 margin-bottom: 1px; |
497 * Block Label for Navigation/Selection Mode |
680 margin-top: -37px; |
498 */ |
681 box-shadow: 3px 0 0 0 #555d66; } |
499 .block-editor-block-list__block-selection-button { |
682 .is-dark-theme .block-editor-block-list__block[data-align="left"] .block-editor-block-contextual-toolbar, .is-dark-theme |
500 display: block; |
683 .block-editor-block-list__block[data-align="right"] .block-editor-block-contextual-toolbar { |
501 z-index: 22; } |
684 box-shadow: 3px 0 0 0 #d7dade; } |
502 .block-editor-block-list__block-selection-button .components-button { |
685 @media (min-width: 600px) { |
503 font-size: 13px; |
686 .block-editor-block-list__block[data-align="left"] .block-editor-block-contextual-toolbar, |
504 height: 46px; |
687 .block-editor-block-list__block[data-align="right"] .block-editor-block-contextual-toolbar { |
505 padding: 12px 16px; |
688 box-shadow: none; } } |
506 position: relative; |
689 .block-editor-block-list__block[data-align="left"] .block-editor-block-contextual-toolbar .editor-block-toolbar, |
507 top: -1px; |
690 .block-editor-block-list__block[data-align="right"] .block-editor-block-contextual-toolbar .editor-block-toolbar { |
508 box-shadow: 0 0 0 1px #1e1e1e; |
691 border-right: none; } |
509 border-radius: 1px; |
692 |
510 background-color: #fff; } |
693 .block-editor-block-list__block .block-editor-block-contextual-toolbar { |
511 .block-editor-block-list__block-selection-button .components-button:focus { |
694 margin-right: 0; |
512 box-shadow: 0 0 0 1.5px #007cba; |
695 margin-left: 0; } |
513 box-shadow: 0 0 0 1.5px var(--wp-admin-theme-color); } |
696 @media (min-width: 600px) { |
514 |
697 .block-editor-block-list__block .block-editor-block-contextual-toolbar { |
515 /** |
698 margin-right: -15px; |
516 * Warnings. |
699 margin-left: -15px; } } |
517 */ |
700 |
|
701 .block-editor-block-list__block[data-align="left"] .block-editor-block-contextual-toolbar { |
|
702 margin-right: 15px; } |
|
703 |
|
704 .block-editor-block-list__block[data-align="right"] .block-editor-block-contextual-toolbar { |
|
705 margin-left: 15px; } |
|
706 |
|
707 .block-editor-block-list__block .block-editor-block-contextual-toolbar > * { |
|
708 pointer-events: auto; } |
|
709 |
|
710 .block-editor-block-list__block[data-align="full"] .block-editor-block-contextual-toolbar { |
|
711 right: 0; |
|
712 left: 0; } |
|
713 |
|
714 .block-editor-block-list__block.is-focus-mode:not(.is-multi-selected) > .block-editor-block-list__block-edit > .block-editor-block-contextual-toolbar { |
|
715 margin-right: -28px; } |
|
716 |
|
717 @media (min-width: 600px) { |
|
718 .block-editor-block-list__block .block-editor-block-contextual-toolbar { |
|
719 bottom: auto; |
|
720 right: auto; |
|
721 left: auto; |
|
722 box-shadow: none; |
|
723 transform: translateY(-52px); } |
|
724 @supports ((position: -webkit-sticky) or (position: sticky)) { |
|
725 .block-editor-block-list__block .block-editor-block-contextual-toolbar { |
|
726 position: -webkit-sticky; |
|
727 position: sticky; |
|
728 top: 51px; } } } |
|
729 |
|
730 .block-editor-block-list__block[data-align="left"] .block-editor-block-contextual-toolbar { |
|
731 float: left; } |
|
732 |
|
733 .block-editor-block-list__block[data-align="right"] .block-editor-block-contextual-toolbar { |
|
734 float: right; } |
|
735 |
|
736 .block-editor-block-list__block[data-align="left"] .block-editor-block-contextual-toolbar, |
|
737 .block-editor-block-list__block[data-align="right"] .block-editor-block-contextual-toolbar { |
|
738 transform: translateY(-15px); } |
|
739 |
|
740 .block-editor-block-contextual-toolbar .block-editor-block-toolbar { |
|
741 width: 100%; } |
|
742 @media (min-width: 600px) { |
|
743 .block-editor-block-contextual-toolbar .block-editor-block-toolbar { |
|
744 width: auto; |
|
745 border-left: none; |
|
746 position: absolute; |
|
747 right: 1px; |
|
748 top: 1px; } } |
|
749 |
|
750 /** |
|
751 * Hover label |
|
752 */ |
|
753 .block-editor-block-list__breadcrumb { |
|
754 position: absolute; |
|
755 line-height: 1; |
|
756 z-index: 2; |
|
757 right: -17px; |
|
758 top: -31px; } |
|
759 .block-editor-block-list__breadcrumb .components-toolbar { |
|
760 padding: 0; |
|
761 border: none; |
|
762 line-height: 1; |
|
763 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
|
764 font-size: 11px; |
|
765 padding: 4px 4px; |
|
766 background: #e2e4e7; |
|
767 color: #191e23; } |
|
768 .is-dark-theme .block-editor-block-list__breadcrumb .components-toolbar { |
|
769 background: #40464d; |
|
770 color: #fff; } |
|
771 .block-editor-block-list__block:hover .block-editor-block-list__breadcrumb .components-toolbar { |
|
772 opacity: 0; |
|
773 animation: edit-post__fade-in-animation 60ms ease-out 0.5s; |
|
774 animation-fill-mode: forwards; } |
|
775 @media (prefers-reduced-motion: reduce) { |
|
776 .block-editor-block-list__block:hover .block-editor-block-list__breadcrumb .components-toolbar { |
|
777 animation-duration: 1ms !important; } } |
|
778 .editor-inner-blocks .block-editor-block-list__breadcrumb { |
|
779 z-index: 22; } |
|
780 [data-align="left"] .block-editor-block-list__breadcrumb { |
|
781 right: 0; } |
|
782 [data-align="right"] .block-editor-block-list__breadcrumb { |
|
783 right: auto; |
|
784 left: 0; } |
|
785 |
|
786 .block-editor-block-list__descendant-arrow::before { |
|
787 content: "→"; |
|
788 display: inline-block; |
|
789 padding: 0 4px; } |
|
790 .rtl .block-editor-block-list__descendant-arrow::before { |
|
791 content: "←"; } |
|
792 |
|
793 @media (min-width: 600px) { |
|
794 .block-editor-block-list__block::before { |
|
795 bottom: 0; |
|
796 content: ""; |
|
797 right: -28px; |
|
798 position: absolute; |
|
799 left: -28px; |
|
800 top: 0; } |
|
801 .block-editor-block-list__block .block-editor-block-list__block::before { |
|
802 right: 0; |
|
803 left: 0; } |
|
804 .block-editor-block-list__block[data-align="full"]::before { |
|
805 content: none; } } |
|
806 |
|
807 .block-editor-block-list__block .block-editor-warning { |
518 .block-editor-block-list__block .block-editor-warning { |
808 z-index: 5; |
519 z-index: 5; |
809 position: relative; |
520 position: relative; } |
810 margin-left: -14px; |
521 .block-editor-block-list__block .block-editor-warning.block-editor-block-list__block-crash-warning { |
811 margin-right: -14px; |
522 margin-bottom: auto; } |
812 margin-bottom: -14px; |
523 |
813 transform: translateY(-14px); |
524 /** |
814 padding: 10px 14px; } |
525 * Popovers. |
815 @media (min-width: 600px) { |
526 */ |
816 .block-editor-block-list__block .block-editor-warning { |
527 .block-editor-block-list__insertion-point-popover.is-without-arrow { |
817 padding: 10px 14px; } } |
528 z-index: 28; |
|
529 position: absolute; } |
|
530 .block-editor-block-list__insertion-point-popover.is-without-arrow .components-popover__content.components-popover__content { |
|
531 background: none; |
|
532 border: none; |
|
533 box-shadow: none; |
|
534 overflow-y: visible; |
|
535 margin-right: 0; } |
|
536 |
|
537 .components-popover.block-editor-block-list__block-popover { |
|
538 z-index: 31; |
|
539 position: absolute; } |
|
540 .components-popover.block-editor-block-list__block-popover .components-popover__content { |
|
541 margin: 0 !important; |
|
542 min-width: auto; |
|
543 width: max-content; |
|
544 background: none; |
|
545 border: none; |
|
546 box-shadow: none; |
|
547 overflow-y: visible; |
|
548 pointer-events: none; } |
|
549 .components-popover.block-editor-block-list__block-popover .components-popover__content > * { |
|
550 pointer-events: all; } |
|
551 .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 { |
|
553 margin-bottom: 12px; } |
|
554 .is-dragging-components-draggable .components-popover.block-editor-block-list__block-popover { |
|
555 opacity: 0; } |
|
556 |
|
557 .is-dragging-components-draggable .components-tooltip { |
|
558 display: none; } |
|
559 |
|
560 .block-editor-block-list__block .block-list-appender { |
|
561 margin: 8px 0; } |
|
562 .has-background .block-editor-block-list__block .block-list-appender { |
|
563 margin: 20px 8px; } |
|
564 .block-editor-block-list__block .block-list-appender .block-list-appender__toggle { |
|
565 padding: 0; |
|
566 opacity: 1; |
|
567 transform: scale(1); |
|
568 transition: all 0.1s ease; } |
|
569 @media (prefers-reduced-motion: reduce) { |
|
570 .block-editor-block-list__block .block-list-appender .block-list-appender__toggle { |
|
571 transition-duration: 0s; } } |
818 |
572 |
819 .block-list-appender > .block-editor-inserter { |
573 .block-list-appender > .block-editor-inserter { |
820 display: block; } |
574 display: block; } |
821 |
575 |
822 .block-list-appender__toggle { |
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 { |
|
577 opacity: 0; |
|
578 transform: scale(0); } |
|
579 |
|
580 .block-editor-block-breadcrumb { |
|
581 list-style: none; |
|
582 padding: 0; |
|
583 margin: 0; } |
|
584 .block-editor-block-breadcrumb li { |
|
585 display: inline-block; |
|
586 margin: 0; } |
|
587 .block-editor-block-breadcrumb li:not(:last-child)::after { |
|
588 content: "←"; } |
|
589 |
|
590 .block-editor-block-breadcrumb__button.components-button { |
|
591 height: 24px; |
|
592 line-height: 24px; |
|
593 padding: 0; |
|
594 position: relative; } |
|
595 .block-editor-block-breadcrumb__button.components-button:hover:not(:disabled) { |
|
596 text-decoration: underline; |
|
597 box-shadow: none; } |
|
598 .block-editor-block-breadcrumb__button.components-button:focus { |
|
599 box-shadow: none; } |
|
600 .block-editor-block-breadcrumb__button.components-button:focus::before { |
|
601 content: ""; |
|
602 display: block; |
|
603 position: absolute; |
|
604 border-radius: 2px; |
|
605 top: 1px; |
|
606 left: 1px; |
|
607 bottom: 1px; |
|
608 right: 1px; |
|
609 box-shadow: inset 0 0 0 1.5px #007cba; |
|
610 box-shadow: inset 0 0 0 1.5px var(--wp-admin-theme-color); } |
|
611 |
|
612 .block-editor-block-breadcrumb__current { |
|
613 cursor: default; } |
|
614 |
|
615 .block-editor-block-breadcrumb__button.components-button, |
|
616 .block-editor-block-breadcrumb__current { |
|
617 color: #1e1e1e; |
|
618 padding: 0 8px; |
|
619 font-size: inherit; } |
|
620 |
|
621 .block-editor-block-card { |
823 display: flex; |
622 display: flex; |
824 align-items: center; |
623 align-items: flex-start; } |
825 justify-content: center; |
624 |
826 padding: 16px; |
625 .block-editor-block-card__icon { |
827 outline: 1px dashed #8d96a0; |
626 border: 1px solid #ccd0d4; |
828 width: 100%; |
627 padding: 7px; |
829 color: #555d66; } |
628 margin-left: 10px; |
830 .block-list-appender__toggle:hover { |
629 height: 36px; |
831 outline: 1px dashed #555d66; } |
630 width: 36px; } |
|
631 |
|
632 .block-editor-block-card__content { |
|
633 flex-grow: 1; } |
|
634 |
|
635 .block-editor-block-card__title { |
|
636 font-weight: 500; } |
|
637 .block-editor-block-card__title.block-editor-block-card__title { |
|
638 margin: 0 0 5px; } |
|
639 |
|
640 .block-editor-block-card__description { |
|
641 font-size: 13px; } |
|
642 |
|
643 .block-editor-block-card .block-editor-block-icon { |
|
644 margin-right: -2px; |
|
645 margin-left: 10px; |
|
646 padding: 0 3px; |
|
647 width: 36px; |
|
648 height: 24px; } |
832 |
649 |
833 /** |
650 /** |
834 * Invalid block comparison |
651 * Invalid block comparison |
835 */ |
652 */ |
836 .block-editor-block-compare { |
653 .block-editor-block-compare { |
881 .block-editor-block-compare__wrapper .block-editor-block-compare__heading { |
699 .block-editor-block-compare__wrapper .block-editor-block-compare__heading { |
882 font-size: 1em; |
700 font-size: 1em; |
883 font-weight: 400; |
701 font-weight: 400; |
884 margin: 0.67em 0; } |
702 margin: 0.67em 0; } |
885 |
703 |
|
704 .block-editor-block-draggable-chip-wrapper { |
|
705 position: absolute; |
|
706 top: -60px; } |
|
707 |
|
708 .block-editor-block-draggable-chip { |
|
709 background-color: #1e1e1e; |
|
710 border-radius: 2px; |
|
711 border: 1px solid #1e1e1e; |
|
712 box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3); |
|
713 color: #fff; |
|
714 cursor: grabbing; |
|
715 display: inline-flex; |
|
716 height: 48px; |
|
717 min-width: 72px; |
|
718 padding: 0 12px; |
|
719 -webkit-user-select: none; |
|
720 -ms-user-select: none; |
|
721 user-select: none; } |
|
722 .block-editor-block-draggable-chip svg { |
|
723 fill: currentColor; } |
|
724 .block-editor-block-draggable-chip .block-editor-block-draggable-chip__content { |
|
725 margin: auto; } |
|
726 .block-editor-block-draggable-chip .components-flex__item { |
|
727 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
|
728 font-size: 13px; } |
|
729 |
|
730 .is-dragging.is-selected, |
|
731 .is-dragging.is-multi-selected { |
|
732 display: none !important; } |
|
733 |
|
734 .block-editor-block-mobile-toolbar { |
|
735 display: flex; |
|
736 flex-direction: row; |
|
737 border-left: 1px solid #ddd; } |
|
738 .block-editor-block-mobile-toolbar .block-editor-block-mover-button { |
|
739 width: 36px; |
|
740 height: 36px; |
|
741 border-radius: 2px; |
|
742 padding: 3px; |
|
743 margin: 0; |
|
744 justify-content: center; |
|
745 align-items: center; } |
|
746 .block-editor-block-mobile-toolbar .block-editor-block-mover-button .dashicon { |
|
747 margin: auto; } |
|
748 .block-editor-block-mobile-toolbar .block-editor-block-mover { |
|
749 display: flex; |
|
750 margin-left: auto; } |
|
751 .block-editor-block-mobile-toolbar .block-editor-block-mover .block-editor-block-mover-button { |
|
752 float: right; } |
|
753 |
886 .block-editor-block-mover { |
754 .block-editor-block-mover { |
887 min-height: 56px; |
755 display: inline-flex; |
888 opacity: 0; } |
756 flex-direction: row; } |
889 .block-editor-block-mover.is-visible { |
757 |
|
758 .block-editor-block-mover-button__description { |
|
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 { |
|
766 flex: 1; |
|
767 flex-direction: row; } |
|
768 @media (min-width: 600px) { |
|
769 .block-editor-block-mover .components-toolbar-group, |
|
770 .block-editor-block-mover .components-toolbar { |
|
771 flex-direction: column; } } |
|
772 |
|
773 .block-editor-block-mover.is-horizontal .components-toolbar-group, |
|
774 .block-editor-block-mover.is-horizontal .components-toolbar { |
|
775 flex-direction: row; } |
|
776 |
|
777 @media (min-width: 600px) { |
|
778 .block-editor-block-mover .block-editor-block-mover-button { |
|
779 padding: 0 !important; |
|
780 height: 24px; |
|
781 width: 48px; } } |
|
782 |
|
783 @media (min-width: 600px) { |
|
784 .block-editor-block-mover .block-editor-block-mover-button::before { |
|
785 right: 8px !important; |
|
786 left: 8px !important; } } |
|
787 |
|
788 @media (min-width: 600px) { |
|
789 .block-editor-block-mover .components-toolbar-group .block-editor-block-mover-button.is-up-button svg, |
|
790 .block-editor-block-mover .components-toolbar .block-editor-block-mover-button.is-up-button svg { |
|
791 margin-bottom: -8px; } |
|
792 .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 { |
|
794 bottom: 0; |
|
795 height: calc(100% - 1px); } |
|
796 .block-editor-block-mover .components-toolbar-group .block-editor-block-mover-button.is-down-button svg, |
|
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, |
|
800 .block-editor-block-mover .components-toolbar .block-editor-block-mover-button.is-down-button::before { |
|
801 top: 0; |
|
802 height: calc(100% - 1px); } } |
|
803 |
|
804 .block-editor-block-mover.is-horizontal .block-editor-block-mover-button.has-icon { |
|
805 height: 48px; |
|
806 width: 24px; |
|
807 padding-right: 0; |
|
808 padding-left: 0; } |
|
809 .block-editor-block-mover.is-horizontal .block-editor-block-mover-button.has-icon::before { |
|
810 top: 0; |
|
811 bottom: 0; |
|
812 min-width: 0; |
|
813 width: auto; |
|
814 height: auto; } |
|
815 |
|
816 .block-editor-block-mover.is-horizontal .block-editor-block-mover-button.is-up-button.has-icon svg { |
|
817 margin-right: 0; |
|
818 margin-left: -8px; |
|
819 margin-bottom: 0; } |
|
820 |
|
821 .block-editor-block-mover.is-horizontal .block-editor-block-mover-button.is-up-button.has-icon::before { |
|
822 right: 0 !important; |
|
823 left: 0 !important; } |
|
824 |
|
825 .block-editor-block-mover.is-horizontal .block-editor-block-mover-button.is-down-button.has-icon svg { |
|
826 margin-right: -8px; |
|
827 margin-left: 0; |
|
828 margin-top: 0; } |
|
829 |
|
830 .block-editor-block-mover.is-horizontal .block-editor-block-mover-button.is-down-button.has-icon::before { |
|
831 right: 0 !important; |
|
832 left: 0 !important; |
|
833 width: calc(100% + 1px); } |
|
834 |
|
835 .block-editor-block-navigation__container { |
|
836 padding: 7px; } |
|
837 |
|
838 .block-editor-block-navigation__label { |
|
839 margin: 0 0 12px; |
|
840 color: #757575; |
|
841 text-transform: uppercase; |
|
842 font-size: 11px; |
|
843 font-weight: 500; } |
|
844 |
|
845 .block-editor-block-navigation__container { |
|
846 padding: 7px; } |
|
847 |
|
848 .block-editor-block-navigation-tree { |
|
849 width: 100%; |
|
850 border-collapse: collapse; |
|
851 padding: 0; |
|
852 margin: 0; } |
|
853 |
|
854 .block-editor-block-navigation-leaf { |
|
855 position: relative; } |
|
856 .block-editor-block-navigation-leaf .block-editor-block-navigation-block-contents { |
|
857 display: flex; |
|
858 align-items: center; |
|
859 width: calc(100% - 0.8em); |
|
860 height: auto; |
|
861 padding: 12px 6px; |
|
862 margin-top: auto; |
|
863 margin-bottom: auto; |
|
864 text-align: right; |
|
865 color: #40464d; |
|
866 border-radius: 2px; } |
|
867 .components-modal__content .block-editor-block-navigation-leaf .block-editor-block-navigation-block-contents { |
|
868 padding-right: 0; |
|
869 padding-left: 0; } |
|
870 .block-editor-block-navigation-leaf.is-visible .block-editor-block-navigation-block-contents { |
|
871 opacity: 1; |
890 animation: edit-post__fade-in-animation 0.2s ease-out 0s; |
872 animation: edit-post__fade-in-animation 0.2s ease-out 0s; |
891 animation-fill-mode: forwards; } |
873 animation-fill-mode: forwards; } |
892 @media (prefers-reduced-motion: reduce) { |
874 @media (prefers-reduced-motion: reduce) { |
893 .block-editor-block-mover.is-visible { |
875 .block-editor-block-navigation-leaf.is-visible .block-editor-block-navigation-block-contents { |
894 animation-duration: 1ms !important; } } |
876 animation-duration: 1ms; } } |
895 @media (min-width: 600px) { |
877 .block-editor-block-navigation-leaf .block-editor-block-icon { |
896 .block-editor-block-list__block:not([data-align="wide"]):not([data-align="full"]) .block-editor-block-mover { |
878 align-self: flex-start; |
897 margin-top: -8px; } } |
879 margin-left: 6px; } |
898 |
880 .block-editor-block-navigation-leaf.is-selected .block-editor-block-icon svg, |
899 .block-editor-block-mover__control { |
881 .block-editor-block-navigation-leaf.is-selected:focus .block-editor-block-icon svg { |
900 display: flex; |
882 color: #fff; |
901 align-items: center; |
883 background: #1e1e1e; |
902 justify-content: center; |
884 box-shadow: 0 0 0 1px #1e1e1e; |
|
885 border-radius: 1px; } |
|
886 .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, |
|
888 .block-editor-block-navigation-leaf .block-editor-block-navigation-block__contents-cell { |
|
889 padding-top: 0; |
|
890 padding-bottom: 0; } |
|
891 .block-editor-block-navigation-leaf .block-editor-block-navigation-block__menu-cell, |
|
892 .block-editor-block-navigation-leaf .block-editor-block-navigation-block__mover-cell { |
|
893 width: 36px; |
|
894 opacity: 0; |
|
895 vertical-align: top; } |
|
896 @media (prefers-reduced-motion: reduce) { |
|
897 .block-editor-block-navigation-leaf .block-editor-block-navigation-block__menu-cell, |
|
898 .block-editor-block-navigation-leaf .block-editor-block-navigation-block__mover-cell { |
|
899 transition-duration: 0s; } } |
|
900 .block-editor-block-navigation-leaf .block-editor-block-navigation-block__menu-cell.is-visible, |
|
901 .block-editor-block-navigation-leaf .block-editor-block-navigation-block__mover-cell.is-visible { |
|
902 opacity: 1; |
|
903 animation: edit-post__fade-in-animation 0.2s ease-out 0s; |
|
904 animation-fill-mode: forwards; } |
|
905 @media (prefers-reduced-motion: reduce) { |
|
906 .block-editor-block-navigation-leaf .block-editor-block-navigation-block__menu-cell.is-visible, |
|
907 .block-editor-block-navigation-leaf .block-editor-block-navigation-block__mover-cell.is-visible { |
|
908 animation-duration: 1ms; } } |
|
909 .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, |
|
911 .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 { |
|
913 width: 24px; |
|
914 min-width: 24px; |
|
915 padding: 0; } |
|
916 .block-editor-block-navigation-leaf .block-editor-block-navigation-block__menu-cell { |
|
917 padding-top: 8px; } |
|
918 .block-editor-block-navigation-leaf .block-editor-block-navigation-block__mover-cell-alignment-wrapper { |
|
919 display: flex; |
|
920 height: 100%; |
|
921 flex-direction: column; |
|
922 align-items: center; } |
|
923 .block-editor-block-navigation-leaf .block-editor-block-mover-button { |
|
924 position: relative; |
|
925 width: 36px; |
|
926 height: 24px; } |
|
927 .block-editor-block-navigation-leaf .block-editor-block-mover-button svg { |
|
928 position: relative; |
|
929 height: 24px; } |
|
930 .block-editor-block-navigation-leaf .block-editor-block-mover-button.is-up-button { |
|
931 align-items: flex-end; } |
|
932 .block-editor-block-navigation-leaf .block-editor-block-mover-button.is-up-button svg { |
|
933 bottom: -4px; } |
|
934 .block-editor-block-navigation-leaf .block-editor-block-mover-button.is-down-button { |
|
935 align-items: flex-start; } |
|
936 .block-editor-block-navigation-leaf .block-editor-block-mover-button.is-down-button svg { |
|
937 top: -4px; } |
|
938 .block-editor-block-navigation-leaf .block-editor-block-mover-button:focus:enabled { |
|
939 box-shadow: none; |
|
940 outline: none; } |
|
941 .block-editor-block-navigation-leaf .block-editor-block-mover-button:focus { |
|
942 box-shadow: none; |
|
943 outline: none; } |
|
944 .block-editor-block-navigation-leaf .block-editor-block-mover-button:focus::before { |
|
945 box-shadow: inset 0 0 0 1.5px #007cba, inset 0 0 0 4px #fff; |
|
946 box-shadow: inset 0 0 0 1.5px var(--wp-admin-theme-color), inset 0 0 0 4px #fff; |
|
947 outline: 2px solid transparent; } |
|
948 .block-editor-block-navigation-leaf .block-editor-block-mover-button::before { |
|
949 content: ""; |
|
950 position: absolute; |
|
951 display: block; |
|
952 border-radius: 2px; |
|
953 height: 16px; |
|
954 min-width: 100%; |
|
955 right: 0; |
|
956 left: 0; |
|
957 animation: components-button__appear-animation 0.1s ease; |
|
958 animation-fill-mode: forwards; } |
|
959 @media (prefers-reduced-motion: reduce) { |
|
960 .block-editor-block-navigation-leaf .block-editor-block-mover-button::before { |
|
961 animation-duration: 1ms; } } |
|
962 .block-editor-block-navigation-leaf .block-editor-inserter__toggle { |
|
963 background: #1e1e1e; |
|
964 color: #fff; |
|
965 height: 24px; |
|
966 margin: 6px 1px 6px 6px; |
|
967 min-width: 24px; } |
|
968 .block-editor-block-navigation-leaf .block-editor-inserter__toggle:active { |
|
969 color: #fff; } |
|
970 |
|
971 .block-editor-block-navigation-block-slot__description, |
|
972 .block-editor-block-navigation-block-select-button__description, |
|
973 .block-editor-block-navigation-appender__description { |
|
974 display: none; } |
|
975 |
|
976 .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, |
|
978 .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 { |
|
980 display: flex; } |
|
981 |
|
982 .block-editor-block-navigation-block__contents-cell .block-editor-block-navigation-block__contents-container, |
|
983 .block-editor-block-navigation-appender__cell .block-editor-block-navigation-block__contents-container { |
|
984 min-height: 56px; } |
|
985 |
|
986 .block-editor-block-navigation-block__contents-cell .block-editor-block-navigator-descender-line, |
|
987 .block-editor-block-navigation-appender__cell .block-editor-block-navigator-descender-line { |
|
988 position: relative; |
|
989 flex-shrink: 0; |
|
990 width: 24px; } |
|
991 .block-editor-block-navigation-block__contents-cell .block-editor-block-navigator-descender-line:first-child, |
|
992 .block-editor-block-navigation-appender__cell .block-editor-block-navigator-descender-line:first-child { |
|
993 width: 18px; } |
|
994 .block-editor-block-navigation-block__contents-cell .block-editor-block-navigator-descender-line.has-item, |
|
995 .block-editor-block-navigation-appender__cell .block-editor-block-navigator-descender-line.has-item { |
|
996 margin-left: 6px; } |
|
997 .block-editor-block-navigation-block__contents-cell .block-editor-block-navigator-descender-line::before, |
|
998 .block-editor-block-navigation-appender__cell .block-editor-block-navigator-descender-line::before { |
|
999 content: ""; |
|
1000 display: block; |
|
1001 position: absolute; |
|
1002 top: 1px; |
|
1003 bottom: -2px; |
|
1004 left: -1px; |
|
1005 border-left: 2px solid #a2aab2; } |
|
1006 .block-editor-block-navigation-block__contents-cell .block-editor-block-navigator-descender-line.is-terminated::before, |
|
1007 .block-editor-block-navigation-appender__cell .block-editor-block-navigator-descender-line.is-terminated::before { |
|
1008 border-color: transparent; } |
|
1009 .block-editor-block-navigation-block__contents-cell .block-editor-block-navigator-descender-line.has-item.is-last-row, |
|
1010 .block-editor-block-navigation-appender__cell .block-editor-block-navigator-descender-line.has-item.is-last-row { |
|
1011 height: 26px; } |
|
1012 .block-editor-block-navigation-block__contents-cell .block-editor-block-navigator-descender-line.has-item::after, |
|
1013 .block-editor-block-navigation-appender__cell .block-editor-block-navigator-descender-line.has-item::after { |
|
1014 content: ""; |
|
1015 display: block; |
|
1016 position: absolute; |
|
1017 top: 26px; |
|
1018 right: 100%; |
|
1019 width: 5px; |
|
1020 border-bottom: 2px solid #a2aab2; } |
|
1021 |
|
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 |
|
1027 .block-editor-block-parent-selector { |
|
1028 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; |
903 cursor: pointer; |
1038 cursor: pointer; |
904 padding: 0; |
1039 margin-top: 16px; |
905 width: 28px; |
1040 transition: all 0.05s ease-in-out; |
906 height: 24px; |
1041 position: relative; |
907 color: rgba(14, 28, 46, 0.62); } |
1042 border: 1px solid transparent; } |
908 .block-editor-block-mover__control svg { |
1043 .block-editor-block-patterns-list__item:hover { |
909 width: 28px; |
1044 border: 1px solid #007cba; |
910 height: 24px; |
1045 border: 1px solid var(--wp-admin-theme-color); } |
911 padding: 2px 5px; } |
1046 .block-editor-block-patterns-list__item:focus { |
912 .is-dark-theme .block-editor-block-mover__control { |
1047 box-shadow: inset 0 0 0 1px #fff, 0 0 0 1.5px #007cba; |
913 color: rgba(255, 255, 255, 0.65); } |
1048 box-shadow: inset 0 0 0 1px #fff, 0 0 0 1.5px var(--wp-admin-theme-color); |
914 .is-dark-theme .wp-block .wp-block .block-editor-block-mover__control, |
1049 outline: 2px solid transparent; } |
915 .wp-block .is-dark-theme .wp-block .block-editor-block-mover__control { |
1050 .block-editor-block-patterns-list__item.is-placeholder { |
916 color: rgba(14, 28, 46, 0.62); } |
1051 min-height: 100px; } |
917 .block-editor-block-mover__control[aria-disabled="true"] { |
1052 |
918 cursor: default; |
1053 .block-editor-block-patterns-list__item-title { |
919 pointer-events: none; |
1054 padding: 4px; |
920 color: rgba(130, 148, 147, 0.15); } |
1055 font-size: 12px; |
921 .is-dark-theme .block-editor-block-mover__control[aria-disabled="true"] { |
1056 text-align: center; } |
922 color: rgba(255, 255, 255, 0.2); } |
1057 |
923 |
1058 .block-editor-block-preview__container { |
924 .block-editor-block-mover__control-drag-handle { |
1059 position: relative; |
925 cursor: move; |
|
926 cursor: -webkit-grab; |
|
927 cursor: grab; |
|
928 fill: currentColor; |
|
929 border-radius: 4px; } |
|
930 .block-editor-block-mover__control-drag-handle, .block-editor-block-mover__control-drag-handle:not(:disabled):not([aria-disabled="true"]):not(.is-default):hover, .block-editor-block-mover__control-drag-handle:not(:disabled):not([aria-disabled="true"]):not(.is-default):active, .block-editor-block-mover__control-drag-handle:not(:disabled):not([aria-disabled="true"]):not(.is-default):focus { |
|
931 box-shadow: none; |
|
932 background: none; |
|
933 color: rgba(10, 24, 41, 0.7); } |
|
934 .is-dark-theme .block-editor-block-mover__control-drag-handle, .is-dark-theme .block-editor-block-mover__control-drag-handle:not(:disabled):not([aria-disabled="true"]):not(.is-default):hover, .is-dark-theme .block-editor-block-mover__control-drag-handle:not(:disabled):not([aria-disabled="true"]):not(.is-default):active, .is-dark-theme .block-editor-block-mover__control-drag-handle:not(:disabled):not([aria-disabled="true"]):not(.is-default):focus { |
|
935 color: rgba(255, 255, 255, 0.75); } |
|
936 .is-dark-theme .wp-block .wp-block .block-editor-block-mover__control-drag-handle, |
|
937 .wp-block .is-dark-theme .wp-block .block-editor-block-mover__control-drag-handle, .is-dark-theme .wp-block .wp-block .block-editor-block-mover__control-drag-handle:not(:disabled):not([aria-disabled="true"]):not(.is-default):hover, |
|
938 .wp-block .is-dark-theme .wp-block .block-editor-block-mover__control-drag-handle:not(:disabled):not([aria-disabled="true"]):not(.is-default):hover, .is-dark-theme .wp-block .wp-block .block-editor-block-mover__control-drag-handle:not(:disabled):not([aria-disabled="true"]):not(.is-default):active, |
|
939 .wp-block .is-dark-theme .wp-block .block-editor-block-mover__control-drag-handle:not(:disabled):not([aria-disabled="true"]):not(.is-default):active, .is-dark-theme .wp-block .wp-block .block-editor-block-mover__control-drag-handle:not(:disabled):not([aria-disabled="true"]):not(.is-default):focus, |
|
940 .wp-block .is-dark-theme .wp-block .block-editor-block-mover__control-drag-handle:not(:disabled):not([aria-disabled="true"]):not(.is-default):focus { |
|
941 color: rgba(10, 24, 41, 0.7); } |
|
942 .block-editor-block-mover__control-drag-handle:not(:disabled):not([aria-disabled="true"]):not(.is-default):active { |
|
943 cursor: -webkit-grabbing; |
|
944 cursor: grabbing; } |
|
945 |
|
946 .block-editor-block-mover__description { |
|
947 display: none; } |
|
948 |
|
949 @media (min-width: 600px) { |
|
950 .block-editor-block-list__layout [data-align="right"] .block-editor-block-mover__control-drag-handle:not(:disabled):not([aria-disabled="true"]):not(.is-default), |
|
951 .block-editor-block-list__layout [data-align="left"] .block-editor-block-mover__control-drag-handle:not(:disabled):not([aria-disabled="true"]):not(.is-default), |
|
952 .block-editor-block-list__layout .block-editor-block-list__layout .block-editor-block-mover__control-drag-handle:not(:disabled):not([aria-disabled="true"]):not(.is-default), .block-editor-block-list__layout [data-align="right"] |
|
953 .block-editor-block-mover__control, |
|
954 .block-editor-block-list__layout [data-align="left"] |
|
955 .block-editor-block-mover__control, |
|
956 .block-editor-block-list__layout .block-editor-block-list__layout |
|
957 .block-editor-block-mover__control { |
|
958 background: #fff; |
|
959 box-shadow: inset 0 0 0 1px #e2e4e7; } |
|
960 .block-editor-block-list__layout [data-align="right"] .block-editor-block-mover__control-drag-handle:not(:disabled):not([aria-disabled="true"]):not(.is-default):nth-child(-n+2), |
|
961 .block-editor-block-list__layout [data-align="left"] .block-editor-block-mover__control-drag-handle:not(:disabled):not([aria-disabled="true"]):not(.is-default):nth-child(-n+2), |
|
962 .block-editor-block-list__layout .block-editor-block-list__layout .block-editor-block-mover__control-drag-handle:not(:disabled):not([aria-disabled="true"]):not(.is-default):nth-child(-n+2), .block-editor-block-list__layout [data-align="right"] |
|
963 .block-editor-block-mover__control:nth-child(-n+2), |
|
964 .block-editor-block-list__layout [data-align="left"] |
|
965 .block-editor-block-mover__control:nth-child(-n+2), |
|
966 .block-editor-block-list__layout .block-editor-block-list__layout |
|
967 .block-editor-block-mover__control:nth-child(-n+2) { |
|
968 margin-bottom: -1px; } |
|
969 .block-editor-block-list__layout [data-align="right"] .block-editor-block-mover__control-drag-handle:not(:disabled):not([aria-disabled="true"]):not(.is-default):hover, .block-editor-block-list__layout [data-align="right"] .block-editor-block-mover__control-drag-handle:not(:disabled):not([aria-disabled="true"]):not(.is-default):active, .block-editor-block-list__layout [data-align="right"] .block-editor-block-mover__control-drag-handle:not(:disabled):not([aria-disabled="true"]):not(.is-default):focus, |
|
970 .block-editor-block-list__layout [data-align="left"] .block-editor-block-mover__control-drag-handle:not(:disabled):not([aria-disabled="true"]):not(.is-default):hover, |
|
971 .block-editor-block-list__layout [data-align="left"] .block-editor-block-mover__control-drag-handle:not(:disabled):not([aria-disabled="true"]):not(.is-default):active, |
|
972 .block-editor-block-list__layout [data-align="left"] .block-editor-block-mover__control-drag-handle:not(:disabled):not([aria-disabled="true"]):not(.is-default):focus, |
|
973 .block-editor-block-list__layout .block-editor-block-list__layout .block-editor-block-mover__control-drag-handle:not(:disabled):not([aria-disabled="true"]):not(.is-default):hover, |
|
974 .block-editor-block-list__layout .block-editor-block-list__layout .block-editor-block-mover__control-drag-handle:not(:disabled):not([aria-disabled="true"]):not(.is-default):active, |
|
975 .block-editor-block-list__layout .block-editor-block-list__layout .block-editor-block-mover__control-drag-handle:not(:disabled):not([aria-disabled="true"]):not(.is-default):focus, .block-editor-block-list__layout [data-align="right"] |
|
976 .block-editor-block-mover__control:hover, .block-editor-block-list__layout [data-align="right"] |
|
977 .block-editor-block-mover__control:active, .block-editor-block-list__layout [data-align="right"] |
|
978 .block-editor-block-mover__control:focus, |
|
979 .block-editor-block-list__layout [data-align="left"] |
|
980 .block-editor-block-mover__control:hover, |
|
981 .block-editor-block-list__layout [data-align="left"] |
|
982 .block-editor-block-mover__control:active, |
|
983 .block-editor-block-list__layout [data-align="left"] |
|
984 .block-editor-block-mover__control:focus, |
|
985 .block-editor-block-list__layout .block-editor-block-list__layout |
|
986 .block-editor-block-mover__control:hover, |
|
987 .block-editor-block-list__layout .block-editor-block-list__layout |
|
988 .block-editor-block-mover__control:active, |
|
989 .block-editor-block-list__layout .block-editor-block-list__layout |
|
990 .block-editor-block-mover__control:focus { |
|
991 z-index: 1; } } |
|
992 |
|
993 .block-editor-block-navigation__container { |
|
994 padding: 7px; } |
|
995 |
|
996 .block-editor-block-navigation__label { |
|
997 margin: 0 0 8px; |
|
998 color: #6c7781; } |
|
999 |
|
1000 .block-editor-block-navigation__list, |
|
1001 .block-editor-block-navigation__paragraph { |
|
1002 padding: 0; |
|
1003 margin: 0; } |
|
1004 |
|
1005 .block-editor-block-navigation__list .block-editor-block-navigation__list { |
|
1006 margin-top: 2px; |
|
1007 border-right: 2px solid #a2aab2; |
|
1008 margin-right: 1em; } |
|
1009 .block-editor-block-navigation__list .block-editor-block-navigation__list .block-editor-block-navigation__list { |
|
1010 margin-right: 1.5em; } |
|
1011 .block-editor-block-navigation__list .block-editor-block-navigation__list .block-editor-block-navigation__item { |
|
1012 position: relative; } |
|
1013 .block-editor-block-navigation__list .block-editor-block-navigation__list .block-editor-block-navigation__item::before { |
|
1014 position: absolute; |
|
1015 right: 0; |
|
1016 background: #a2aab2; |
|
1017 width: 0.5em; |
|
1018 height: 2px; |
|
1019 content: ""; |
|
1020 top: calc(50% - 1px); } |
|
1021 .block-editor-block-navigation__list .block-editor-block-navigation__list .block-editor-block-navigation__item-button { |
|
1022 margin-right: 0.8em; |
|
1023 width: calc(100% - 0.8em); } |
|
1024 .block-editor-block-navigation__list .block-editor-block-navigation__list > li:last-child { |
|
1025 position: relative; } |
|
1026 .block-editor-block-navigation__list .block-editor-block-navigation__list > li:last-child::after { |
|
1027 position: absolute; |
|
1028 content: ""; |
|
1029 background: #fff; |
|
1030 top: 19px; |
|
1031 bottom: 0; |
|
1032 right: -2px; |
|
1033 width: 2px; } |
|
1034 |
|
1035 .block-editor-block-navigation__item-button { |
|
1036 display: flex; |
|
1037 align-items: center; |
|
1038 width: 100%; |
1060 width: 100%; |
1039 padding: 6px; |
1061 overflow: hidden; } |
1040 text-align: right; |
1062 .block-editor-block-preview__container.editor-styles-wrapper { |
1041 color: #40464d; |
1063 padding: 0; |
1042 border-radius: 4px; } |
1064 margin: 0; } |
1043 .block-editor-block-navigation__item-button .block-editor-block-icon { |
1065 |
1044 margin-left: 6px; } |
1066 .block-editor-block-preview__content { |
1045 .block-editor-block-navigation__item-button:hover:not(:disabled):not([aria-disabled="true"]) { |
1067 position: absolute; |
1046 color: #191e23; |
1068 top: 0; |
1047 border: none; |
1069 right: 0; |
1048 box-shadow: none; |
1070 transform-origin: top right; |
1049 background: #f3f4f5; } |
1071 text-align: initial; |
1050 .block-editor-block-navigation__item-button:focus:not(:disabled):not([aria-disabled="true"]) { |
1072 margin: 0; |
1051 color: #191e23; |
1073 overflow: visible; |
1052 border: none; |
1074 min-height: auto; } |
1053 box-shadow: none; |
1075 .block-editor-block-preview__content .block-editor-block-list__insertion-point, |
1054 outline-offset: -2px; |
1076 .block-editor-block-preview__content .block-editor-block-drop-zone, |
1055 outline: 1px dotted #555d66; } |
1077 .block-editor-block-preview__content .reusable-block-indicator, |
1056 .block-editor-block-navigation__item-button.is-selected, .block-editor-block-navigation__item-button.is-selected:focus { |
1078 .block-editor-block-preview__content .block-list-appender { |
1057 color: #32373c; |
|
1058 background: #edeff0; } |
|
1059 |
|
1060 .block-editor-block-preview { |
|
1061 pointer-events: none; |
|
1062 padding: 10px; |
|
1063 overflow: hidden; |
|
1064 display: none; } |
|
1065 @media (min-width: 782px) { |
|
1066 .block-editor-block-preview { |
|
1067 display: block; } } |
|
1068 .block-editor-block-preview .block-editor-block-preview__content { |
|
1069 padding: 14px; |
|
1070 border: 1px solid #e2e4e7; |
|
1071 font-family: "Noto Serif", serif; } |
|
1072 .block-editor-block-preview .block-editor-block-preview__content > div { |
|
1073 transform: scale(0.9); |
|
1074 transform-origin: center top; |
|
1075 font-family: "Noto Serif", serif; } |
|
1076 .block-editor-block-preview .block-editor-block-preview__content > div section { |
|
1077 height: auto; } |
|
1078 .block-editor-block-preview .block-editor-block-preview__content > .reusable-block-indicator { |
|
1079 display: none; } |
|
1080 |
|
1081 .block-editor-block-preview__title { |
|
1082 margin-bottom: 10px; |
|
1083 color: #6c7781; } |
|
1084 |
|
1085 .block-editor-block-settings-menu__toggle .dashicon { |
|
1086 transform: rotate(-90deg); } |
|
1087 |
|
1088 .block-editor-block-settings-menu__popover::before, .block-editor-block-settings-menu__popover::after { |
|
1089 margin-right: 2px; } |
|
1090 |
|
1091 .block-editor-block-settings-menu__popover .block-editor-block-settings-menu__content { |
|
1092 padding: 7px 0; } |
|
1093 |
|
1094 .block-editor-block-settings-menu__popover .block-editor-block-settings-menu__separator { |
|
1095 margin-top: 8px; |
|
1096 margin-bottom: 8px; |
|
1097 margin-right: 0; |
|
1098 margin-left: 0; |
|
1099 border-top: 1px solid #e2e4e7; } |
|
1100 .block-editor-block-settings-menu__popover .block-editor-block-settings-menu__separator:last-child { |
|
1101 display: none; } |
1079 display: none; } |
1102 |
1080 .block-editor-block-preview__content .block-editor-block-list__layout.is-root-container { |
1103 .block-editor-block-settings-menu__popover .block-editor-block-settings-menu__title { |
1081 padding-right: 0; |
1104 display: block; |
1082 padding-left: 0; } |
1105 padding: 6px; |
1083 .block-editor-block-preview__content .block-editor-block-list__layout.is-root-container > .wp-block[data-align="full"] { |
1106 color: #6c7781; } |
1084 margin-right: 0; |
1107 |
1085 margin-left: 0; } |
1108 .block-editor-block-settings-menu__popover .block-editor-block-settings-menu__control { |
1086 |
1109 width: 100%; |
1087 .block-editor-block-settings-menu__popover .components-dropdown-menu__menu { |
1110 justify-content: flex-start; |
1088 padding: 0; } |
1111 background: none; |
|
1112 outline: none; |
|
1113 border-radius: 0; |
|
1114 color: #555d66; |
|
1115 text-align: right; |
|
1116 cursor: pointer; |
|
1117 border: none; |
|
1118 box-shadow: none; } |
|
1119 .block-editor-block-settings-menu__popover .block-editor-block-settings-menu__control:hover:not(:disabled):not([aria-disabled="true"]) { |
|
1120 color: #191e23; |
|
1121 border: none; |
|
1122 box-shadow: none; |
|
1123 background: #f3f4f5; } |
|
1124 .block-editor-block-settings-menu__popover .block-editor-block-settings-menu__control:focus:not(:disabled):not([aria-disabled="true"]) { |
|
1125 color: #191e23; |
|
1126 border: none; |
|
1127 box-shadow: none; |
|
1128 outline-offset: -2px; |
|
1129 outline: 1px dotted #555d66; } |
|
1130 .block-editor-block-settings-menu__popover .block-editor-block-settings-menu__control .dashicon { |
|
1131 margin-left: 5px; } |
|
1132 |
1089 |
1133 .block-editor-block-styles { |
1090 .block-editor-block-styles { |
1134 display: flex; |
1091 display: flex; |
1135 flex-wrap: wrap; |
1092 flex-wrap: wrap; |
1136 justify-content: space-between; } |
1093 justify-content: space-between; } |
1139 width: calc(50% - 4px); |
1096 width: calc(50% - 4px); |
1140 margin: 4px 0; |
1097 margin: 4px 0; |
1141 flex-shrink: 0; |
1098 flex-shrink: 0; |
1142 cursor: pointer; |
1099 cursor: pointer; |
1143 overflow: hidden; |
1100 overflow: hidden; |
1144 border-radius: 4px; |
1101 border-radius: 2px; |
1145 padding: 4px; } |
1102 padding: 6px; |
1146 .block-editor-block-styles__item.is-active { |
1103 display: flex; |
1147 color: #191e23; |
1104 flex-direction: column; } |
1148 box-shadow: 0 0 0 2px #00a0d2; |
|
1149 outline: 2px solid transparent; |
|
1150 outline-offset: -2px; |
|
1151 box-shadow: 0 0 0 2px #555d66; } |
|
1152 .block-editor-block-styles__item:focus { |
1105 .block-editor-block-styles__item:focus { |
1153 color: #191e23; |
1106 box-shadow: 0 0 0 1.5px #007cba; |
1154 box-shadow: 0 0 0 2px #00a0d2; |
1107 box-shadow: 0 0 0 1.5px var(--wp-admin-theme-color); |
1155 outline: 2px solid transparent; |
1108 outline: 2px solid transparent; } |
1156 outline-offset: -2px; } |
1109 .block-editor-block-styles__item:hover .block-editor-block-styles__item-preview { |
1157 .block-editor-block-styles__item:hover { |
1110 border-color: #007cba; |
1158 background: #f3f4f5; |
1111 border-color: var(--wp-admin-theme-color); } |
1159 color: #191e23; } |
1112 .block-editor-block-styles__item.is-active .block-editor-block-styles__item-label { |
|
1113 font-weight: bold; } |
|
1114 .block-editor-block-styles__item.is-active .block-editor-block-styles__item-preview { |
|
1115 border: 2px solid #1e1e1e; } |
1160 |
1116 |
1161 .block-editor-block-styles__item-preview { |
1117 .block-editor-block-styles__item-preview { |
1162 outline: 1px solid transparent; |
1118 outline: 1px solid transparent; |
1163 border: 1px solid rgba(25, 30, 35, 0.2); |
1119 padding: 0; |
|
1120 border-radius: 2px; |
|
1121 display: flex; |
1164 overflow: hidden; |
1122 overflow: hidden; |
1165 padding: 0; |
1123 background: #fff; |
1166 text-align: initial; |
1124 align-items: center; |
1167 border-radius: 4px; |
1125 flex-grow: 1; |
1168 display: flex; |
1126 min-height: 80px; } |
1169 height: 60px; |
1127 |
1170 background: #fff; } |
1128 .block-editor-block-switcher__styles__menugroup { |
1171 .block-editor-block-styles__item-preview .block-editor-block-preview__content { |
1129 position: relative; } |
1172 transform: scale(0.7); |
|
1173 transform-origin: center center; |
|
1174 width: 100%; |
|
1175 margin: 0; |
|
1176 padding: 0; |
|
1177 overflow: visible; |
|
1178 min-height: auto; } |
|
1179 |
1130 |
1180 .block-editor-block-styles__item-label { |
1131 .block-editor-block-styles__item-label { |
1181 text-align: center; |
1132 text-align: center; |
1182 padding: 4px 2px; } |
1133 padding: 4px 0; } |
1183 |
1134 |
1184 .block-editor-block-switcher { |
1135 .block-editor-block-switcher { |
1185 position: relative; |
1136 position: relative; } |
1186 height: 36px; } |
1137 |
1187 |
1138 .block-editor-block-switcher__no-switcher-icon, |
1188 .components-icon-button.block-editor-block-switcher__toggle, |
1139 .block-editor-block-switcher__toggle { |
1189 .components-icon-button.block-editor-block-switcher__no-switcher-icon { |
1140 position: relative; } |
|
1141 |
|
1142 .components-button.block-editor-block-switcher__toggle, |
|
1143 .components-button.block-editor-block-switcher__no-switcher-icon { |
1190 margin: 0; |
1144 margin: 0; |
1191 display: block; |
1145 display: block; |
1192 height: 36px; |
1146 height: 48px; } |
1193 padding: 3px; } |
1147 .components-button.block-editor-block-switcher__toggle .block-editor-block-icon, |
1194 |
1148 .components-button.block-editor-block-switcher__no-switcher-icon .block-editor-block-icon { |
1195 .components-icon-button.block-editor-block-switcher__no-switcher-icon { |
1149 margin: auto; } |
|
1150 |
|
1151 .components-button.block-editor-block-switcher__no-switcher-icon { |
1196 width: 48px; } |
1152 width: 48px; } |
1197 .components-icon-button.block-editor-block-switcher__no-switcher-icon .block-editor-block-icon { |
1153 .components-button.block-editor-block-switcher__no-switcher-icon .block-editor-blocks-icon { |
1198 margin-left: auto; |
1154 margin-left: auto; |
1199 margin-right: auto; } |
1155 margin-right: auto; } |
1200 |
1156 |
1201 .components-button.block-editor-block-switcher__no-switcher-icon:disabled { |
1157 .components-button.block-editor-block-switcher__no-switcher-icon:disabled { |
1202 background: #f3f4f5; |
1158 opacity: 1; } |
1203 border-radius: 0; |
1159 .components-button.block-editor-block-switcher__no-switcher-icon:disabled, |
1204 opacity: 0.84; } |
|
1205 .components-button.block-editor-block-switcher__no-switcher-icon:disabled .block-editor-block-icon.has-colors { |
1160 .components-button.block-editor-block-switcher__no-switcher-icon:disabled .block-editor-block-icon.has-colors { |
1206 color: #555d66 !important; } |
1161 color: #1e1e1e !important; } |
1207 |
1162 |
1208 .components-icon-button.block-editor-block-switcher__toggle { |
1163 .block-editor-block-toolbar .components-toolbar-group .components-button.block-editor-block-switcher__no-switcher-icon.has-icon.has-icon, |
1209 width: auto; } |
1164 .block-editor-block-toolbar .components-toolbar .components-button.block-editor-block-switcher__no-switcher-icon.has-icon.has-icon, |
1210 .components-icon-button.block-editor-block-switcher__toggle:active, .components-icon-button.block-editor-block-switcher__toggle:not(:disabled):not([aria-disabled="true"]):hover, .components-icon-button.block-editor-block-switcher__toggle:not([aria-disabled="true"]):focus { |
1165 .block-editor-block-toolbar .components-toolbar-group .components-button.block-editor-block-switcher__toggle.has-icon.has-icon, |
1211 outline: none; |
1166 .block-editor-block-toolbar .components-toolbar .components-button.block-editor-block-switcher__toggle.has-icon.has-icon { |
1212 box-shadow: none; |
1167 padding: 0; } |
1213 background: none; |
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, |
1214 border: none; } |
1169 .block-editor-block-toolbar .components-toolbar .components-button.block-editor-block-switcher__no-switcher-icon.has-icon.has-icon .block-editor-block-icon, |
1215 .components-icon-button.block-editor-block-switcher__toggle .block-editor-block-icon, |
1170 .block-editor-block-toolbar .components-toolbar-group .components-button.block-editor-block-switcher__toggle.has-icon.has-icon .block-editor-block-icon, |
1216 .components-icon-button.block-editor-block-switcher__toggle .block-editor-block-switcher__transform { |
1171 .block-editor-block-toolbar .components-toolbar .components-button.block-editor-block-switcher__toggle.has-icon.has-icon .block-editor-block-icon { |
1217 width: 42px; |
1172 height: 100%; |
1218 height: 30px; |
|
1219 position: relative; |
1173 position: relative; |
1220 margin: 0 auto; |
1174 margin: 0 auto; |
1221 padding: 3px; |
|
1222 display: flex; |
1175 display: flex; |
1223 align-items: center; |
1176 align-items: center; } |
1224 transition: all 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); } |
1177 .block-editor-block-toolbar .components-toolbar-group .components-button.block-editor-block-switcher__no-switcher-icon.has-icon.has-icon::before, |
1225 .components-icon-button.block-editor-block-switcher__toggle .block-editor-block-icon::after { |
1178 .block-editor-block-toolbar .components-toolbar .components-button.block-editor-block-switcher__no-switcher-icon.has-icon.has-icon::before, |
1226 content: ""; |
1179 .block-editor-block-toolbar .components-toolbar-group .components-button.block-editor-block-switcher__toggle.has-icon.has-icon::before, |
1227 pointer-events: none; |
1180 .block-editor-block-toolbar .components-toolbar .components-button.block-editor-block-switcher__toggle.has-icon.has-icon::before { |
1228 display: block; |
1181 top: 8px; |
1229 width: 0; |
1182 left: 8px; |
1230 height: 0; |
1183 bottom: 8px; |
1231 border-right: 3px solid transparent; |
1184 right: 8px; } |
1232 border-left: 3px solid transparent; |
1185 |
1233 border-top: 5px solid currentColor; |
1186 .components-popover.block-editor-block-switcher__popover .components-popover__content { |
1234 margin-right: 4px; |
1187 min-width: 300px; } |
1235 margin-left: 2px; } |
1188 |
1236 .components-icon-button.block-editor-block-switcher__toggle .block-editor-block-switcher__transform { |
1189 .components-popover.block-editor-block-switcher__popover .components-popover__content > div { |
1237 margin-top: 6px; |
1190 min-width: auto; |
1238 border-radius: 4px; } |
1191 display: flex; |
1239 .components-icon-button.block-editor-block-switcher__toggle[aria-expanded="true"] .block-editor-block-icon, |
1192 background: #fff; |
1240 .components-icon-button.block-editor-block-switcher__toggle[aria-expanded="true"] .block-editor-block-switcher__transform, |
1193 padding: 0; } |
1241 .components-icon-button.block-editor-block-switcher__toggle:not(:disabled):hover .block-editor-block-icon, |
1194 .components-popover.block-editor-block-switcher__popover .components-popover__content > div .components-menu-group { |
1242 .components-icon-button.block-editor-block-switcher__toggle:not(:disabled):hover .block-editor-block-switcher__transform, |
1195 padding: 16px; |
1243 .components-icon-button.block-editor-block-switcher__toggle:not(:disabled):focus .block-editor-block-icon, |
1196 margin: 0; } |
1244 .components-icon-button.block-editor-block-switcher__toggle:not(:disabled):focus .block-editor-block-switcher__transform { |
1197 |
1245 transform: translateY(-36px); } |
1198 .block-editor-block-switcher__popover .components-popover__content .block-editor-block-styles { |
1246 .components-icon-button.block-editor-block-switcher__toggle:not(:disabled):focus .block-editor-block-icon, |
1199 margin: 0 -3px; } |
1247 .components-icon-button.block-editor-block-switcher__toggle:not(:disabled):focus .block-editor-block-switcher__transform { |
|
1248 box-shadow: inset 0 0 0 1px #555d66, inset 0 0 0 2px #fff; |
|
1249 outline: 2px solid transparent; |
|
1250 outline-offset: -2px; } |
|
1251 |
|
1252 .components-popover:not(.is-mobile).block-editor-block-switcher__popover .components-popover__content { |
|
1253 min-width: 300px; |
|
1254 max-width: 340px; } |
|
1255 |
|
1256 @media (min-width: 782px) { |
|
1257 .block-editor-block-switcher__popover .components-popover__content { |
|
1258 position: relative; } |
|
1259 .block-editor-block-switcher__popover .components-popover__content .block-editor-block-preview { |
|
1260 border: 1px solid #e2e4e7; |
|
1261 box-shadow: 0 3px 30px rgba(25, 30, 35, 0.1); |
|
1262 background: #fff; |
|
1263 position: absolute; |
|
1264 right: 100%; |
|
1265 top: -1px; |
|
1266 bottom: -1px; |
|
1267 width: 300px; |
|
1268 height: auto; } } |
|
1269 |
1200 |
1270 .block-editor-block-switcher__popover .components-popover__content .components-panel__body { |
1201 .block-editor-block-switcher__popover .components-popover__content .components-panel__body { |
1271 border: 0; |
1202 border: 0; |
1272 position: relative; |
1203 position: relative; |
1273 z-index: 1; } |
1204 z-index: 1; } |
1274 |
1205 |
1275 .block-editor-block-switcher__popover .components-popover__content .components-panel__body + .components-panel__body { |
1206 .block-editor-block-switcher__popover .components-popover__content .components-panel__body + .components-panel__body { |
1276 border-top: 1px solid #e2e4e7; } |
1207 border-top: 1px solid #f0f0f0; } |
1277 |
1208 |
1278 .block-editor-block-switcher__popover:not(.is-mobile) > .components-popover__content { |
1209 .block-editor-block-switcher__popover__preview__parent .block-editor-block-switcher__popover__preview__container { |
1279 overflow-y: visible; } |
1210 position: absolute; |
1280 |
1211 top: -12px; |
1281 .block-editor-block-switcher__popover .block-editor-block-styles { |
1212 right: calc(100% + 32px); } |
1282 margin: 0 -3px; } |
1213 |
1283 |
1214 .block-editor-block-switcher__preview__popover { |
1284 .block-editor-block-switcher__popover .block-editor-block-types-list { |
1215 display: none; } |
1285 margin: 8px -8px -8px; } |
1216 .block-editor-block-switcher__preview__popover.components-popover { |
1286 |
1217 margin-right: 4px; |
1287 .block-editor-block-toolbar { |
1218 margin-top: 11px; } |
1288 display: flex; |
1219 @media (min-width: 782px) { |
1289 flex-grow: 1; |
1220 .block-editor-block-switcher__preview__popover { |
1290 width: 100%; |
1221 display: block; } } |
1291 overflow: auto; |
1222 .block-editor-block-switcher__preview__popover .components-popover__content { |
1292 position: relative; |
|
1293 transition: border-color 0.1s linear, box-shadow 0.1s linear; |
|
1294 border-right: 1px solid #b5bcc2; } |
|
1295 @media (min-width: 600px) { |
|
1296 .block-editor-block-toolbar { |
|
1297 overflow: inherit; |
|
1298 border-right: none; |
|
1299 box-shadow: 3px 0 0 0 #555d66; } |
|
1300 .is-dark-theme .block-editor-block-toolbar { |
|
1301 box-shadow: 3px 0 0 0 #d7dade; } } |
|
1302 .block-editor-block-toolbar .components-toolbar { |
|
1303 border: 0; |
|
1304 border-top: 1px solid #b5bcc2; |
|
1305 border-bottom: 1px solid #b5bcc2; |
|
1306 border-left: 1px solid #b5bcc2; } |
|
1307 .has-fixed-toolbar .block-editor-block-toolbar { |
|
1308 box-shadow: none; |
1223 box-shadow: none; |
1309 border-right: 1px solid #e2e4e7; } |
1224 border: 1px solid #1e1e1e; |
1310 .has-fixed-toolbar .block-editor-block-toolbar .components-toolbar { |
1225 background: #fff; |
1311 border-color: #e2e4e7; } |
1226 border-radius: 2px; } |
|
1227 .block-editor-block-switcher__preview__popover .block-editor-block-switcher__preview { |
|
1228 width: 300px; |
|
1229 height: auto; |
|
1230 padding: 16px; } |
|
1231 |
|
1232 .block-editor-block-switcher__preview-title { |
|
1233 margin-bottom: 12px; |
|
1234 color: #757575; |
|
1235 text-transform: uppercase; |
|
1236 font-size: 11px; |
|
1237 font-weight: 500; } |
|
1238 |
|
1239 .block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__toggle, |
|
1240 .block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__no-switcher-icon { |
|
1241 height: 48px; } |
|
1242 |
|
1243 .block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__no-switcher-icon { |
|
1244 width: 48px; } |
|
1245 |
|
1246 .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, |
|
1248 .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 { |
|
1250 width: 48px; |
|
1251 height: 48px; } |
|
1252 |
|
1253 .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 { |
|
1255 padding: 12px; } |
1312 |
1256 |
1313 .block-editor-block-types-list { |
1257 .block-editor-block-types-list { |
1314 list-style: none; |
1258 list-style: none; |
1315 padding: 2px 0; |
1259 padding: 4px; |
|
1260 margin-right: -4px; |
|
1261 margin-left: -4px; |
1316 overflow: hidden; |
1262 overflow: hidden; |
1317 display: flex; |
1263 display: flex; |
1318 flex-wrap: wrap; } |
1264 flex-wrap: wrap; } |
1319 |
1265 |
1320 .block-editor-color-palette-control__color-palette { |
1266 .block-editor-block-variation-picker .components-placeholder__instructions { |
1321 display: inline-block; |
1267 margin-bottom: 0; } |
1322 margin-top: 0.6rem; } |
1268 |
|
1269 .block-editor-block-variation-picker .components-placeholder__fieldset { |
|
1270 flex-direction: column; } |
|
1271 |
|
1272 .block-editor-block-variation-picker.has-many-variations .components-placeholder__fieldset { |
|
1273 max-width: 90%; } |
|
1274 |
|
1275 .block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations { |
|
1276 display: flex; |
|
1277 justify-content: flex-start; |
|
1278 flex-direction: row; |
|
1279 flex-wrap: wrap; |
|
1280 width: 100%; |
|
1281 margin: 16px 0; |
|
1282 padding: 0; |
|
1283 list-style: none; } |
|
1284 .block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations > li { |
|
1285 list-style: none; |
|
1286 margin: 8px 0 0 8px; |
|
1287 flex-shrink: 1; |
|
1288 max-width: 100px; } |
|
1289 .block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations > li button { |
|
1290 display: flex; } |
|
1291 .block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations .block-editor-block-variation-picker__variation { |
|
1292 padding: 8px; } |
|
1293 .block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations .block-editor-block-variation-picker__variation-label { |
|
1294 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
|
1295 font-size: 12px; |
|
1296 display: block; |
|
1297 margin-left: 12px; |
|
1298 text-align: center; } |
|
1299 |
|
1300 .block-editor-block-variation-picker__variation { |
|
1301 width: 100%; } |
|
1302 .block-editor-block-variation-picker__variation.components-button.has-icon { |
|
1303 justify-content: center; |
|
1304 width: auto; } |
|
1305 .block-editor-block-variation-picker__variation.components-button.has-icon.is-secondary { |
|
1306 background-color: #fff; } |
|
1307 .block-editor-block-variation-picker__variation.components-button { |
|
1308 height: auto; |
|
1309 padding: 0; } |
|
1310 .block-editor-block-variation-picker__variation::before { |
|
1311 content: ""; |
|
1312 padding-bottom: 100%; } |
|
1313 .block-editor-block-variation-picker__variation:first-child { |
|
1314 margin-right: 0; } |
|
1315 .block-editor-block-variation-picker__variation:last-child { |
|
1316 margin-left: 0; } |
|
1317 |
|
1318 .block-editor-button-block-appender { |
|
1319 display: flex; |
|
1320 flex-direction: column; |
|
1321 align-items: center; |
|
1322 justify-content: center; |
|
1323 padding: 8px; |
|
1324 width: 100%; |
|
1325 height: auto; |
|
1326 color: #1e1e1e; |
|
1327 box-shadow: inset 0 0 0 1px #1e1e1e; } |
|
1328 .block-editor-button-block-appender:hover { |
|
1329 box-shadow: inset 0 0 0 1px #007cba; |
|
1330 box-shadow: inset 0 0 0 1px var(--wp-admin-theme-color); } |
|
1331 .block-editor-button-block-appender:focus { |
|
1332 box-shadow: inset 0 0 0 2px #007cba; |
|
1333 box-shadow: inset 0 0 0 2px var(--wp-admin-theme-color); } |
|
1334 .block-editor-button-block-appender:active { |
|
1335 color: #000; } |
|
1336 .block-editor-button-block-appender.block-list-appender__toggle { |
|
1337 display: flex; |
|
1338 flex-direction: row; |
|
1339 color: #1e1e1e; |
|
1340 box-shadow: none; |
|
1341 height: 24px; |
|
1342 padding: 0; |
|
1343 margin-right: 8px; } |
|
1344 .block-editor-button-block-appender.block-list-appender__toggle:active { |
|
1345 color: #fff; } |
|
1346 .block-editor-button-block-appender.block-list-appender__toggle > svg { |
|
1347 width: 24px; |
|
1348 background-color: #1e1e1e; |
|
1349 color: #fff; |
|
1350 border-radius: 2px; } |
|
1351 |
|
1352 .block-editor-color-gradient-control__color-indicator { |
|
1353 margin-bottom: 8px; } |
|
1354 |
|
1355 .block-editor-color-gradient-control__button-tabs { |
|
1356 display: block; |
|
1357 margin-bottom: 8px; } |
|
1358 |
|
1359 .block-editor-panel-color-gradient-settings .component-color-indicator { |
|
1360 vertical-align: text-bottom; } |
|
1361 |
|
1362 .block-editor-panel-color-gradient-settings__panel-title .component-color-indicator { |
|
1363 display: inline-block; } |
|
1364 |
|
1365 .block-editor-panel-color-gradient-settings.is-opened .block-editor-panel-color-gradient-settings__panel-title .component-color-indicator { |
|
1366 display: none; } |
1323 |
1367 |
1324 .block-editor-contrast-checker > .components-notice { |
1368 .block-editor-contrast-checker > .components-notice { |
1325 margin: 0; } |
1369 margin: 0; } |
1326 |
1370 |
1327 .block-editor-default-block-appender { |
1371 .block-editor-default-block-appender { |
1328 clear: both; } |
1372 clear: both; |
|
1373 margin-right: auto; |
|
1374 margin-left: auto; |
|
1375 position: relative; } |
|
1376 .block-editor-default-block-appender[data-root-client-id=""] .block-editor-default-block-appender__content:hover { |
|
1377 outline: 1px solid transparent; } |
1329 .block-editor-default-block-appender textarea.block-editor-default-block-appender__content { |
1378 .block-editor-default-block-appender textarea.block-editor-default-block-appender__content { |
1330 font-family: "Noto Serif", serif; |
1379 font-family: inherit; |
1331 font-size: 16px; |
1380 font-size: inherit; |
1332 border: none; |
1381 border: none; |
1333 background: none; |
1382 background: none; |
1334 box-shadow: none; |
1383 box-shadow: none; |
1335 display: block; |
1384 display: block; |
1336 cursor: text; |
1385 cursor: text; |
1337 width: 100%; |
1386 width: 100%; |
1338 outline: 1px solid transparent; |
1387 outline: 1px solid transparent; |
1339 transition: 0.2s outline; |
1388 transition: 0.2s outline; |
1340 resize: none; |
1389 resize: none; |
1341 padding: 0 14px 0 50px; |
1390 margin-top: 28px; |
1342 color: rgba(14, 28, 46, 0.62); } |
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; } } |
1343 .is-dark-theme .block-editor-default-block-appender textarea.block-editor-default-block-appender__content { |
1397 .is-dark-theme .block-editor-default-block-appender textarea.block-editor-default-block-appender__content { |
1344 color: rgba(255, 255, 255, 0.65); } |
1398 color: rgba(255, 255, 255, 0.65); } |
1345 .block-editor-default-block-appender .block-editor-inserter__toggle:not([aria-expanded="true"]) { |
|
1346 opacity: 0; |
|
1347 transition: opacity 0.2s; } |
|
1348 .block-editor-default-block-appender:hover .block-editor-inserter-with-shortcuts { |
|
1349 animation: edit-post__fade-in-animation 0.2s ease-out 0s; |
|
1350 animation-fill-mode: forwards; } |
|
1351 @media (prefers-reduced-motion: reduce) { |
|
1352 .block-editor-default-block-appender:hover .block-editor-inserter-with-shortcuts { |
|
1353 animation-duration: 1ms !important; } } |
|
1354 .block-editor-default-block-appender:hover .block-editor-inserter__toggle { |
|
1355 opacity: 1; } |
|
1356 .block-editor-default-block-appender .components-drop-zone__content-icon { |
1399 .block-editor-default-block-appender .components-drop-zone__content-icon { |
1357 display: none; } |
1400 display: none; } |
1358 |
1401 |
1359 .block-editor-block-list__empty-block-inserter, |
1402 .block-editor-default-block-appender__content { |
1360 .block-editor-default-block-appender .block-editor-inserter, |
1403 line-height: 1.8; } |
1361 .block-editor-inserter-with-shortcuts { |
1404 |
|
1405 .block-editor-block-list__empty-block-inserter.block-editor-block-list__empty-block-inserter, |
|
1406 .block-editor-default-block-appender .block-editor-inserter { |
1362 position: absolute; |
1407 position: absolute; |
1363 top: 0; } |
1408 top: 0; |
1364 .block-editor-block-list__empty-block-inserter .components-icon-button, |
1409 height: 32px; } |
1365 .block-editor-default-block-appender .block-editor-inserter .components-icon-button, |
1410 .block-editor-block-list__empty-block-inserter.block-editor-block-list__empty-block-inserter .block-editor-inserter__toggle, |
1366 .block-editor-inserter-with-shortcuts .components-icon-button { |
1411 .block-editor-default-block-appender .block-editor-inserter .block-editor-inserter__toggle { |
1367 width: 28px; |
|
1368 height: 28px; |
|
1369 margin-left: 12px; |
|
1370 padding: 0; } |
|
1371 .block-editor-block-list__empty-block-inserter .block-editor-block-icon, |
|
1372 .block-editor-default-block-appender .block-editor-inserter .block-editor-block-icon, |
|
1373 .block-editor-inserter-with-shortcuts .block-editor-block-icon { |
|
1374 margin: auto; } |
|
1375 .block-editor-block-list__empty-block-inserter .components-icon-button svg, |
|
1376 .block-editor-default-block-appender .block-editor-inserter .components-icon-button svg, |
|
1377 .block-editor-inserter-with-shortcuts .components-icon-button svg { |
|
1378 display: block; |
|
1379 margin: auto; } |
|
1380 .block-editor-block-list__empty-block-inserter .block-editor-inserter__toggle, |
|
1381 .block-editor-default-block-appender .block-editor-inserter .block-editor-inserter__toggle, |
|
1382 .block-editor-inserter-with-shortcuts .block-editor-inserter__toggle { |
|
1383 margin-left: 0; } |
1412 margin-left: 0; } |
1384 .block-editor-block-list__empty-block-inserter .block-editor-inserter__toggle:not(:disabled):not([aria-disabled="true"]):not(.is-default):hover, |
|
1385 .block-editor-default-block-appender .block-editor-inserter .block-editor-inserter__toggle:not(:disabled):not([aria-disabled="true"]):not(.is-default):hover, |
|
1386 .block-editor-inserter-with-shortcuts .block-editor-inserter__toggle:not(:disabled):not([aria-disabled="true"]):not(.is-default):hover { |
|
1387 box-shadow: none; } |
|
1388 |
1413 |
1389 .block-editor-block-list__empty-block-inserter, |
1414 .block-editor-block-list__empty-block-inserter, |
1390 .block-editor-default-block-appender .block-editor-inserter { |
1415 .block-editor-default-block-appender .block-editor-inserter { |
1391 left: 8px; } |
1416 left: 8px; } |
1392 @media (min-width: 600px) { |
1417 @media (min-width: 600px) { |
1393 .block-editor-block-list__empty-block-inserter, |
1418 .block-editor-block-list__empty-block-inserter, |
1394 .block-editor-default-block-appender .block-editor-inserter { |
1419 .block-editor-default-block-appender .block-editor-inserter { |
1395 right: -44px; |
1420 display: flex; |
1396 left: auto; } } |
1421 height: 100%; } } |
1397 .block-editor-block-list__empty-block-inserter:disabled, |
1422 .block-editor-block-list__empty-block-inserter:disabled, |
1398 .block-editor-default-block-appender .block-editor-inserter:disabled { |
1423 .block-editor-default-block-appender .block-editor-inserter:disabled { |
1399 display: none; } |
1424 display: none; } |
1400 .block-editor-block-list__empty-block-inserter .block-editor-inserter__toggle, |
1425 |
1401 .block-editor-default-block-appender .block-editor-inserter .block-editor-inserter__toggle { |
1426 @media (min-width: 600px) { |
1402 border-radius: 50%; |
1427 .block-editor-default-block-appender .block-editor-inserter { |
1403 width: 28px; |
1428 align-items: center; } } |
1404 height: 28px; |
1429 |
1405 padding: 0; } |
1430 .block-editor-link-control { |
1406 .block-editor-block-list__empty-block-inserter .block-editor-inserter__toggle:not(:hover), |
1431 position: relative; |
1407 .block-editor-default-block-appender .block-editor-inserter .block-editor-inserter__toggle:not(:hover) { |
1432 min-width: 360px; } |
1408 color: rgba(10, 24, 41, 0.7); } |
1433 .components-popover__content .block-editor-link-control { |
1409 .is-dark-theme .block-editor-block-list__empty-block-inserter .block-editor-inserter__toggle:not(:hover), .is-dark-theme |
1434 min-width: auto; |
1410 .block-editor-default-block-appender .block-editor-inserter .block-editor-inserter__toggle:not(:hover) { |
1435 width: 90vw; |
1411 color: rgba(255, 255, 255, 0.75); } |
1436 max-width: 360px; } |
1412 |
1437 |
1413 .block-editor-block-list__side-inserter .block-editor-inserter-with-shortcuts, |
1438 .block-editor-link-control__search-input-wrapper { |
1414 .block-editor-default-block-appender .block-editor-inserter-with-shortcuts { |
1439 position: relative; } |
1415 left: 14px; |
1440 |
1416 display: none; |
1441 .block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type="text"] { |
1417 z-index: 5; } |
1442 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
|
1443 padding: 6px 8px; |
|
1444 box-shadow: 0 0 0 transparent; |
|
1445 transition: box-shadow 0.1s linear; |
|
1446 border-radius: 2px; |
|
1447 border: 1px solid #757575; |
|
1448 /* Fonts smaller than 16px causes mobile safari to zoom. */ |
|
1449 font-size: 16px; |
|
1450 /* Override core line-height. To be reviewed. */ |
|
1451 line-height: normal; |
|
1452 width: calc(100% - 32px); |
|
1453 display: block; |
|
1454 padding: 11px 16px; |
|
1455 padding-left: 36px; |
|
1456 margin: 16px; |
|
1457 position: relative; |
|
1458 border: 1px solid #ddd; |
|
1459 border-radius: 2px; } |
|
1460 @media (prefers-reduced-motion: reduce) { |
|
1461 .block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type="text"] { |
|
1462 transition-duration: 0s; } } |
1418 @media (min-width: 600px) { |
1463 @media (min-width: 600px) { |
1419 .block-editor-block-list__side-inserter .block-editor-inserter-with-shortcuts, |
1464 .block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type="text"] { |
1420 .block-editor-default-block-appender .block-editor-inserter-with-shortcuts { |
1465 font-size: 13px; |
1421 left: 0; |
1466 /* Override core line-height. To be reviewed. */ |
1422 display: flex; } } |
1467 line-height: normal; } } |
1423 |
1468 .block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type="text"]:focus { |
1424 .block-editor__container .components-popover.components-font-size-picker__dropdown-content.is-bottom { |
1469 border-color: #007cba; |
1425 z-index: 100001; } |
1470 border-color: var(--wp-admin-theme-color); |
1426 |
1471 box-shadow: 0 0 0 0.5px #007cba; |
1427 .block-editor-inner-blocks.has-overlay::after { |
1472 box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color); |
|
1473 outline: 2px solid transparent; } |
|
1474 .block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type="text"]::-webkit-input-placeholder { |
|
1475 color: rgba(30, 30, 30, 0.62); } |
|
1476 .block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type="text"]::-moz-placeholder { |
|
1477 opacity: 1; |
|
1478 color: rgba(30, 30, 30, 0.62); } |
|
1479 .block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type="text"]:-ms-input-placeholder { |
|
1480 color: rgba(30, 30, 30, 0.62); } |
|
1481 .is-dark-theme .block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type="text"]::-webkit-input-placeholder { |
|
1482 color: rgba(255, 255, 255, 0.65); } |
|
1483 .is-dark-theme .block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type="text"]::-moz-placeholder { |
|
1484 opacity: 1; |
|
1485 color: rgba(255, 255, 255, 0.65); } |
|
1486 .is-dark-theme .block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type="text"]:-ms-input-placeholder { |
|
1487 color: rgba(255, 255, 255, 0.65); } |
|
1488 |
|
1489 .block-editor-link-control .block-editor-link-control__search-input .components-base-control__field { |
|
1490 margin-bottom: 0; } |
|
1491 |
|
1492 .block-editor-link-control__search-error { |
|
1493 margin: -8px 16px 16px; } |
|
1494 |
|
1495 .block-editor-link-control__search-actions { |
|
1496 position: absolute; |
|
1497 /* |
|
1498 * Actions must be positioned on top of URLInput, since the input will grow |
|
1499 * when suggestions are rendered. |
|
1500 * |
|
1501 * Compensate for: |
|
1502 * - Input margin ($grid-unit-20) |
|
1503 * - Border (1px) |
|
1504 * - Vertically, for the difference in height between the input (40px) and |
|
1505 * the icon buttons. |
|
1506 * - Horizontally, pad to the minimum of: default input padding, or the |
|
1507 * equivalent of the vertical padding. |
|
1508 */ |
|
1509 top: 19px; |
|
1510 left: 19px; } |
|
1511 |
|
1512 .block-editor-link-control__search-results-wrapper { |
|
1513 position: relative; |
|
1514 margin-top: -15px; } |
|
1515 .block-editor-link-control__search-results-wrapper::before, .block-editor-link-control__search-results-wrapper::after { |
|
1516 content: ""; |
|
1517 position: absolute; |
|
1518 right: -1px; |
|
1519 left: 16px; |
|
1520 display: block; |
|
1521 pointer-events: none; |
|
1522 z-index: 100; } |
|
1523 .block-editor-link-control__search-results-wrapper::before { |
|
1524 height: 8px; |
|
1525 top: 0; |
|
1526 bottom: auto; |
|
1527 background: linear-gradient(to bottom, white 0%, rgba(255, 255, 255, 0) 100%); } |
|
1528 .block-editor-link-control__search-results-wrapper::after { |
|
1529 height: 16px; |
|
1530 bottom: 0; |
|
1531 top: auto; |
|
1532 background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%); } |
|
1533 |
|
1534 .block-editor-link-control__search-results-label { |
|
1535 padding: 15px 30px 0 30px; |
|
1536 display: block; |
|
1537 font-size: 1.1em; } |
|
1538 |
|
1539 .block-editor-link-control__search-results { |
|
1540 margin: 0; |
|
1541 padding: 8px 16px 8px; |
|
1542 max-height: 200px; |
|
1543 overflow-y: auto; } |
|
1544 .block-editor-link-control__search-results.is-loading { |
|
1545 opacity: 0.2; } |
|
1546 |
|
1547 .block-editor-link-control__search-item { |
|
1548 position: relative; |
|
1549 display: flex; |
|
1550 align-items: center; |
|
1551 font-size: 13px; |
|
1552 cursor: pointer; |
|
1553 background: #fff; |
|
1554 width: 100%; |
|
1555 border: none; |
|
1556 text-align: right; |
|
1557 padding: 10px 15px; |
|
1558 border-radius: 5px; |
|
1559 height: auto; } |
|
1560 .block-editor-link-control__search-item:hover, .block-editor-link-control__search-item:focus { |
|
1561 background-color: #ddd; } |
|
1562 .block-editor-link-control__search-item:focus:not(:disabled) { |
|
1563 box-shadow: 0 0 0 1.5px #007cba inset; |
|
1564 box-shadow: 0 0 0 1.5px var(--wp-admin-theme-color) inset; } |
|
1565 .block-editor-link-control__search-item.is-selected { |
|
1566 background: #f0f0f0; } |
|
1567 .block-editor-link-control__search-item.is-selected .block-editor-link-control__search-item-type { |
|
1568 background: #fff; } |
|
1569 .block-editor-link-control__search-item.is-current { |
|
1570 background: transparent; |
|
1571 border: 0; |
|
1572 width: 100%; |
|
1573 cursor: default; |
|
1574 padding: 16px; |
|
1575 padding-right: 24px; } |
|
1576 .block-editor-link-control__search-item .block-editor-link-control__search-item-header { |
|
1577 display: block; |
|
1578 margin-left: 24px; |
|
1579 overflow: hidden; |
|
1580 white-space: nowrap; } |
|
1581 .block-editor-link-control__search-item .block-editor-link-control__search-item-icon { |
|
1582 margin-left: 1em; |
|
1583 min-width: 24px; } |
|
1584 .block-editor-link-control__search-item .block-editor-link-control__search-item-info, |
|
1585 .block-editor-link-control__search-item .block-editor-link-control__search-item-title { |
|
1586 max-width: 230px; |
|
1587 overflow: hidden; |
|
1588 text-overflow: ellipsis; } |
|
1589 .block-editor-link-control__search-item .block-editor-link-control__search-item-title mark { |
|
1590 color: #1e1e1e; } |
|
1591 .block-editor-link-control__search-item .block-editor-link-control__search-item-title { |
|
1592 display: block; |
|
1593 margin-bottom: 0.2em; |
|
1594 font-weight: 500; } |
|
1595 .block-editor-link-control__search-item .block-editor-link-control__search-item-title mark { |
|
1596 font-weight: 700; |
|
1597 color: #000; |
|
1598 background-color: transparent; } |
|
1599 .block-editor-link-control__search-item .block-editor-link-control__search-item-title span { |
|
1600 font-weight: normal; } |
|
1601 .block-editor-link-control__search-item .block-editor-link-control__search-item-info { |
|
1602 display: block; |
|
1603 color: #6c7781; |
|
1604 font-size: 0.9em; |
|
1605 line-height: 1.3; } |
|
1606 .block-editor-link-control__search-item .block-editor-link-control__search-item-type { |
|
1607 display: block; |
|
1608 padding: 3px 8px; |
|
1609 margin-right: auto; |
|
1610 font-size: 0.9em; |
|
1611 background-color: #f0f0f0; |
|
1612 border-radius: 2px; } |
|
1613 |
|
1614 .block-editor-link-control__loading { |
|
1615 margin: 16px; |
|
1616 display: flex; |
|
1617 align-items: center; } |
|
1618 .block-editor-link-control__loading .components-spinner { |
|
1619 margin-top: 0; } |
|
1620 |
|
1621 .components-button + .block-editor-link-control__search-create { |
|
1622 margin-top: 20px; |
|
1623 overflow: visible; |
|
1624 padding: 12px 15px; } |
|
1625 .components-button + .block-editor-link-control__search-create::before { |
|
1626 content: ""; |
|
1627 position: absolute; |
|
1628 top: -10px; |
|
1629 right: 0; |
|
1630 display: block; |
|
1631 width: 100%; |
|
1632 border-top: 1px solid #ddd; } |
|
1633 |
|
1634 .block-editor-link-control__search-results div[role="menu"] > .block-editor-link-control__search-item.block-editor-link-control__search-item { |
|
1635 padding: 10px; } |
|
1636 |
|
1637 .block-editor-link-control__settings { |
|
1638 border-top: 1px solid #ddd; |
|
1639 margin: 0; |
|
1640 padding: 16px 24px; } |
|
1641 .block-editor-link-control__settings :last-child { |
|
1642 margin-bottom: 0; } |
|
1643 |
|
1644 .block-editor-link-control__setting { |
|
1645 margin-bottom: 16px; } |
|
1646 .block-editor-link-control__setting :last-child { |
|
1647 margin-bottom: 0; } |
|
1648 |
|
1649 .block-editor-link-control .block-editor-link-control__search-input .components-spinner { |
|
1650 display: block; } |
|
1651 .block-editor-link-control .block-editor-link-control__search-input .components-spinner.components-spinner { |
|
1652 position: absolute; |
|
1653 right: auto; |
|
1654 bottom: auto; |
|
1655 /* |
|
1656 * Position spinner to the left of the actions. |
|
1657 * |
|
1658 * Compensate for: |
|
1659 * - Input margin ($grid-unit-20) |
|
1660 * - Border (1px) |
|
1661 * - Vertically, for the difference in height between the input (40px) |
|
1662 * and the spinner. |
|
1663 * - Horizontally, adjust for the width occupied by the icon buttons, |
|
1664 * then artificially create spacing that mimics as if the spinner |
|
1665 * were center-padded to the same width as an icon button. |
|
1666 */ |
|
1667 top: 28px; |
|
1668 left: 62px; } |
|
1669 |
|
1670 .block-editor-link-control__search-item-action { |
|
1671 margin-right: auto; |
|
1672 flex-shrink: 0; } |
|
1673 |
|
1674 .block-editor-line-height-control { |
|
1675 margin-bottom: 24px; } |
|
1676 .block-editor-line-height-control input { |
|
1677 display: block; |
|
1678 max-width: 60px; } |
|
1679 |
|
1680 .block-editor-image-size-control { |
|
1681 margin-bottom: 1em; } |
|
1682 .block-editor-image-size-control .block-editor-image-size-control__row { |
|
1683 display: flex; |
|
1684 justify-content: space-between; } |
|
1685 .block-editor-image-size-control .block-editor-image-size-control__row .block-editor-image-size-control__width, |
|
1686 .block-editor-image-size-control .block-editor-image-size-control__row .block-editor-image-size-control__height { |
|
1687 margin-bottom: 0.5em; } |
|
1688 .block-editor-image-size-control .block-editor-image-size-control__row .block-editor-image-size-control__width input, |
|
1689 .block-editor-image-size-control .block-editor-image-size-control__row .block-editor-image-size-control__height input { |
|
1690 line-height: 1.25; } |
|
1691 .block-editor-image-size-control .block-editor-image-size-control__row .block-editor-image-size-control__width { |
|
1692 margin-left: 5px; } |
|
1693 .block-editor-image-size-control .block-editor-image-size-control__row .block-editor-image-size-control__height { |
|
1694 margin-right: 5px; } |
|
1695 |
|
1696 .block-editor-block-list__layout.has-overlay::after { |
1428 content: ""; |
1697 content: ""; |
1429 position: absolute; |
1698 position: absolute; |
1430 top: 0; |
1699 top: -14px; |
|
1700 left: -14px; |
|
1701 bottom: -14px; |
|
1702 right: -14px; |
|
1703 z-index: 60; } |
|
1704 |
|
1705 [data-align="full"] .has-overlay::after { |
1431 left: 0; |
1706 left: 0; |
1432 bottom: 0; |
1707 right: 0; } |
1433 right: 0; |
|
1434 z-index: 120; } |
|
1435 |
|
1436 .block-editor-inserter-with-shortcuts { |
|
1437 display: flex; |
|
1438 align-items: center; } |
|
1439 .block-editor-inserter-with-shortcuts .components-icon-button { |
|
1440 border-radius: 4px; } |
|
1441 .block-editor-inserter-with-shortcuts .components-icon-button svg:not(.dashicon) { |
|
1442 height: 24px; |
|
1443 width: 24px; } |
|
1444 |
|
1445 .block-editor-inserter-with-shortcuts__block { |
|
1446 margin-left: 4px; |
|
1447 width: 36px; |
|
1448 height: 36px; |
|
1449 padding-top: 8px; |
|
1450 color: rgba(10, 24, 41, 0.7); } |
|
1451 .is-dark-theme .block-editor-inserter-with-shortcuts__block { |
|
1452 color: rgba(255, 255, 255, 0.75); } |
|
1453 |
|
1454 .block-editor-inserter { |
|
1455 display: inline-block; |
|
1456 background: none; |
|
1457 border: none; |
|
1458 padding: 0; |
|
1459 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
|
1460 font-size: 13px; |
|
1461 line-height: 1.4; } |
|
1462 @media (min-width: 782px) { |
|
1463 .block-editor-inserter { |
|
1464 position: relative; } } |
|
1465 |
|
1466 @media (min-width: 782px) { |
|
1467 .block-editor-inserter__popover:not(.is-mobile) > .components-popover__content { |
|
1468 overflow-y: visible; |
|
1469 height: 432px; } } |
|
1470 |
|
1471 .block-editor-inserter__toggle { |
|
1472 display: inline-flex; |
|
1473 align-items: center; |
|
1474 color: #555d66; |
|
1475 background: none; |
|
1476 cursor: pointer; |
|
1477 border: none; |
|
1478 outline: none; |
|
1479 transition: color 0.2s ease; } |
|
1480 |
|
1481 .block-editor-inserter__menu { |
|
1482 width: auto; |
|
1483 display: flex; |
|
1484 flex-direction: column; |
|
1485 height: 100%; } |
|
1486 @media (min-width: 782px) { |
|
1487 .block-editor-inserter__menu { |
|
1488 width: 400px; |
|
1489 position: relative; } |
|
1490 .block-editor-inserter__menu .block-editor-block-preview { |
|
1491 border: 1px solid #e2e4e7; |
|
1492 box-shadow: 0 3px 30px rgba(25, 30, 35, 0.1); |
|
1493 background: #fff; |
|
1494 position: absolute; |
|
1495 right: 100%; |
|
1496 top: -1px; |
|
1497 bottom: -1px; |
|
1498 width: 300px; } } |
|
1499 |
|
1500 .block-editor-inserter__inline-elements { |
|
1501 margin-top: -1px; } |
|
1502 |
|
1503 .block-editor-inserter__menu.is-bottom::after { |
|
1504 border-bottom-color: #fff; } |
|
1505 |
|
1506 .components-popover input[type="search"].block-editor-inserter__search { |
|
1507 display: block; |
|
1508 margin: 16px; |
|
1509 padding: 11px 16px; |
|
1510 position: relative; |
|
1511 z-index: 1; |
|
1512 border-radius: 4px; |
|
1513 /* Fonts smaller than 16px causes mobile safari to zoom. */ |
|
1514 font-size: 16px; } |
|
1515 @media (min-width: 600px) { |
|
1516 .components-popover input[type="search"].block-editor-inserter__search { |
|
1517 font-size: 13px; } } |
|
1518 .components-popover input[type="search"].block-editor-inserter__search:focus { |
|
1519 color: #191e23; |
|
1520 border-color: #00a0d2; |
|
1521 box-shadow: 0 0 0 1px #00a0d2; |
|
1522 outline: 2px solid transparent; |
|
1523 outline-offset: -2px; } |
|
1524 |
|
1525 .block-editor-inserter__results { |
|
1526 flex-grow: 1; |
|
1527 overflow: auto; |
|
1528 position: relative; |
|
1529 z-index: 1; |
|
1530 padding: 0 16px 16px 16px; } |
|
1531 .block-editor-inserter__results:focus { |
|
1532 outline: 1px dotted #555d66; } |
|
1533 @media (min-width: 782px) { |
|
1534 .block-editor-inserter__results { |
|
1535 height: 394px; } } |
|
1536 .block-editor-inserter__results [role="presentation"] + .components-panel__body { |
|
1537 border-top: none; } |
|
1538 |
|
1539 .block-editor-inserter__popover .block-editor-block-types-list { |
|
1540 margin: 0 -8px; } |
|
1541 |
|
1542 .block-editor-inserter__reusable-blocks-panel { |
|
1543 position: relative; |
|
1544 text-align: left; } |
|
1545 |
|
1546 .block-editor-inserter__manage-reusable-blocks { |
|
1547 margin: 16px 16px 0 0; } |
|
1548 |
|
1549 .block-editor-inserter__no-results { |
|
1550 font-style: italic; |
|
1551 padding: 24px; |
|
1552 text-align: center; } |
|
1553 |
|
1554 .block-editor-inserter__child-blocks { |
|
1555 padding: 0 16px; } |
|
1556 |
|
1557 .block-editor-inserter__parent-block-header { |
|
1558 display: flex; |
|
1559 align-items: center; } |
|
1560 .block-editor-inserter__parent-block-header h2 { |
|
1561 font-size: 13px; } |
|
1562 .block-editor-inserter__parent-block-header .block-editor-block-icon { |
|
1563 margin-left: 8px; } |
|
1564 |
1708 |
1565 .block-editor-block-types-list__list-item { |
1709 .block-editor-block-types-list__list-item { |
1566 display: block; |
1710 display: block; |
1567 width: 33.33%; |
1711 width: 33.33%; |
1568 padding: 0 4px; |
1712 padding: 0; |
1569 margin: 0 0 12px; } |
1713 margin: 0; } |
1570 |
1714 |
1571 .block-editor-block-types-list__item { |
1715 .components-button.block-editor-block-types-list__item { |
1572 display: flex; |
1716 display: flex; |
1573 flex-direction: column; |
1717 flex-direction: column; |
1574 width: 100%; |
1718 width: 100%; |
1575 font-size: 13px; |
1719 font-size: 13px; |
1576 color: #32373c; |
1720 color: #32373c; |
1577 padding: 0; |
1721 padding: 8px; |
1578 align-items: stretch; |
1722 align-items: stretch; |
1579 justify-content: center; |
1723 justify-content: center; |
1580 cursor: pointer; |
1724 cursor: pointer; |
1581 background: transparent; |
1725 background: transparent; |
1582 word-break: break-word; |
1726 word-break: break-word; |
1583 border-radius: 4px; |
1727 border-radius: 2px; |
1584 border: 1px solid transparent; |
1728 border: 1px solid transparent; |
1585 transition: all 0.05s ease-in-out; |
1729 transition: all 0.05s ease-in-out; |
1586 position: relative; } |
1730 position: relative; |
1587 .block-editor-block-types-list__item:disabled { |
1731 height: auto; } |
|
1732 @media (prefers-reduced-motion: reduce) { |
|
1733 .components-button.block-editor-block-types-list__item { |
|
1734 transition-duration: 0s; } } |
|
1735 .components-button.block-editor-block-types-list__item:disabled { |
1588 opacity: 0.6; |
1736 opacity: 0.6; |
1589 cursor: default; } |
1737 cursor: default; } |
1590 .block-editor-block-types-list__item:not(:disabled):hover::before { |
1738 .components-button.block-editor-block-types-list__item:not(:disabled):hover { |
1591 content: ""; |
1739 border-color: #007cba; |
1592 display: block; |
1740 border-color: var(--wp-admin-theme-color); |
1593 background: #f3f4f5; |
1741 color: #007cba !important; |
1594 color: #191e23; |
1742 color: var(--wp-admin-theme-color) !important; } |
1595 position: absolute; |
1743 .components-button.block-editor-block-types-list__item:not(:disabled).is-active { |
1596 z-index: -1; |
1744 color: #fff; |
1597 border-radius: 4px; |
1745 background: #1e1e1e; |
1598 top: 0; |
|
1599 left: 0; |
|
1600 bottom: 0; |
|
1601 right: 0; } |
|
1602 .block-editor-block-types-list__item:not(:disabled):hover .block-editor-block-types-list__item-icon, |
|
1603 .block-editor-block-types-list__item:not(:disabled):hover .block-editor-block-types-list__item-title { |
|
1604 color: currentColor; } |
|
1605 .block-editor-block-types-list__item:not(:disabled):active, .block-editor-block-types-list__item:not(:disabled).is-active, .block-editor-block-types-list__item:not(:disabled):focus { |
|
1606 position: relative; |
|
1607 outline: none; |
|
1608 color: #191e23; |
|
1609 box-shadow: 0 0 0 2px #00a0d2; |
|
1610 outline: 2px solid transparent; |
1746 outline: 2px solid transparent; |
1611 outline-offset: -2px; } |
1747 outline-offset: -2px; } |
1612 .block-editor-block-types-list__item:not(:disabled):active .block-editor-block-types-list__item-icon, |
|
1613 .block-editor-block-types-list__item:not(:disabled):active .block-editor-block-types-list__item-title, .block-editor-block-types-list__item:not(:disabled).is-active .block-editor-block-types-list__item-icon, |
|
1614 .block-editor-block-types-list__item:not(:disabled).is-active .block-editor-block-types-list__item-title, .block-editor-block-types-list__item:not(:disabled):focus .block-editor-block-types-list__item-icon, |
|
1615 .block-editor-block-types-list__item:not(:disabled):focus .block-editor-block-types-list__item-title { |
|
1616 color: currentColor; } |
|
1617 |
1748 |
1618 .block-editor-block-types-list__item-icon { |
1749 .block-editor-block-types-list__item-icon { |
1619 padding: 12px 20px; |
1750 padding: 12px 20px; |
1620 border-radius: 4px; |
1751 border-radius: 2px; |
1621 color: #555d66; |
1752 color: #1e1e1e; |
1622 transition: all 0.05s ease-in-out; } |
1753 transition: all 0.05s ease-in-out; } |
|
1754 @media (prefers-reduced-motion: reduce) { |
|
1755 .block-editor-block-types-list__item-icon { |
|
1756 transition-duration: 0s; } } |
1623 .block-editor-block-types-list__item-icon .block-editor-block-icon { |
1757 .block-editor-block-types-list__item-icon .block-editor-block-icon { |
1624 margin-right: auto; |
1758 margin-right: auto; |
1625 margin-left: auto; } |
1759 margin-left: auto; } |
1626 .block-editor-block-types-list__item-icon svg { |
1760 .block-editor-block-types-list__item-icon svg { |
1627 transition: all 0.15s ease-out; } |
1761 transition: all 0.15s ease-out; } |
|
1762 @media (prefers-reduced-motion: reduce) { |
|
1763 .block-editor-block-types-list__item-icon svg { |
|
1764 transition-duration: 0s; } } |
1628 |
1765 |
1629 .block-editor-block-types-list__item-title { |
1766 .block-editor-block-types-list__item-title { |
1630 padding: 4px 2px 8px; } |
1767 padding: 4px 2px 8px; |
1631 |
1768 font-size: 12px; } |
1632 .block-editor-block-types-list__item-has-children .block-editor-block-types-list__item-icon { |
1769 |
1633 background: #fff; |
1770 .modal-open .block-editor-media-replace-flow__options { |
1634 margin-left: 3px; |
1771 display: none; } |
1635 margin-bottom: 6px; |
1772 |
1636 padding: 9px 20px 9px; |
1773 .block-editor-media-replace-flow__options .components-popover__content > div { |
1637 position: relative; |
1774 padding-top: 16px; } |
1638 top: -2px; |
1775 |
1639 right: -2px; |
1776 .block-editor-media-replace-flow__indicator { |
1640 box-shadow: 0 0 0 1px #e2e4e7; } |
1777 margin-right: 4px; } |
1641 |
1778 |
1642 .block-editor-block-types-list__item-has-children .block-editor-block-types-list__item-icon-stack { |
1779 .block-editor-media-replace-flow__media-upload-menu { |
1643 display: block; |
1780 margin-bottom: 16px; } |
1644 background: #fff; |
1781 |
1645 box-shadow: 0 0 0 1px #e2e4e7; |
1782 .block-editor-media-flow__url-input .block-editor-media-replace-flow__image-url-label { |
1646 width: 100%; |
1783 top: 16px; } |
1647 height: 100%; |
1784 |
1648 position: absolute; |
1785 .block-editor-media-flow__url-input .block-editor-link-control { |
1649 z-index: -1; |
1786 margin-top: -16px; |
1650 bottom: -6px; |
1787 width: auto; } |
1651 left: -6px; |
1788 .block-editor-media-flow__url-input .block-editor-link-control .components-base-control .components-base-control__field { |
1652 border-radius: 4px; } |
|
1653 |
|
1654 .block-editor-media-placeholder__url-input-container { |
|
1655 width: 100%; } |
|
1656 .block-editor-media-placeholder__url-input-container .block-editor-media-placeholder__button { |
|
1657 margin-bottom: 0; } |
1789 margin-bottom: 0; } |
|
1790 .block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-item-title { |
|
1791 max-width: 180px; |
|
1792 margin-top: 16px; } |
|
1793 .block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-item.is-current { |
|
1794 width: auto; |
|
1795 padding: 0; } |
|
1796 .block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type="text"] { |
|
1797 margin: 16px 0 0 0; |
|
1798 width: 100%; } |
|
1799 .block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-actions { |
|
1800 left: 4px; } |
|
1801 |
|
1802 .block-editor-media-flow__error { |
|
1803 padding: 0 20px 20px 20px; |
|
1804 max-width: 255px; } |
|
1805 .block-editor-media-flow__error .components-with-notices-ui { |
|
1806 max-width: 255px; } |
|
1807 .block-editor-media-flow__error .components-with-notices-ui .components-notice__content { |
|
1808 overflow: hidden; |
|
1809 word-wrap: break-word; } |
|
1810 .block-editor-media-flow__error .components-with-notices-ui .components-notice__dismiss { |
|
1811 position: absolute; |
|
1812 left: 10px; } |
|
1813 |
|
1814 .block-editor-media-placeholder__url-input-container .block-editor-media-placeholder__button { |
|
1815 margin-bottom: 0; } |
1658 |
1816 |
1659 .block-editor-media-placeholder__url-input-form { |
1817 .block-editor-media-placeholder__url-input-form { |
1660 display: flex; } |
1818 display: flex; } |
1661 .block-editor-media-placeholder__url-input-form input[type="url"].block-editor-media-placeholder__url-input-field { |
1819 .block-editor-media-placeholder__url-input-form input[type="url"].block-editor-media-placeholder__url-input-field { |
1662 width: 100%; |
1820 width: 100%; |
1937 .block-editor-url-input__button-modal-line .components-button { |
2143 .block-editor-url-input__button-modal-line .components-button { |
1938 flex-shrink: 0; |
2144 flex-shrink: 0; |
1939 width: 36px; |
2145 width: 36px; |
1940 height: 36px; } |
2146 height: 36px; } |
1941 |
2147 |
|
2148 .block-editor-url-popover__additional-controls { |
|
2149 border-top: 1px solid #ddd; } |
|
2150 |
|
2151 .block-editor-url-popover__additional-controls > div[role="menu"] .components-button:not(:disabled):not([aria-disabled="true"]):not(.is-secondary) > svg { |
|
2152 box-shadow: none; } |
|
2153 |
|
2154 .block-editor-url-popover__additional-controls div[role="menu"] > .components-button { |
|
2155 padding-right: 2px; } |
|
2156 |
1942 .block-editor-url-popover__row { |
2157 .block-editor-url-popover__row { |
1943 display: flex; } |
2158 display: flex; } |
1944 |
2159 |
1945 .block-editor-url-popover__row > :not(.block-editor-url-popover__settings-toggle) { |
2160 .block-editor-url-popover__row > :not(.block-editor-url-popover__settings-toggle) { |
1946 flex-grow: 1; } |
2161 flex-grow: 1; } |
1947 |
2162 |
1948 .block-editor-url-popover .components-icon-button { |
2163 .block-editor-url-popover .components-button.has-icon { |
1949 padding: 3px; } |
2164 padding: 3px; } |
1950 .block-editor-url-popover .components-icon-button > svg { |
2165 .block-editor-url-popover .components-button.has-icon > svg { |
1951 padding: 5px; |
2166 padding: 5px; |
1952 border-radius: 4px; |
2167 border-radius: 2px; |
1953 height: 30px; |
2168 height: 30px; |
1954 width: 30px; } |
2169 width: 30px; } |
1955 .block-editor-url-popover .components-icon-button:not(:disabled):not([aria-disabled="true"]):not(.is-default):hover { |
2170 .block-editor-url-popover .components-button.has-icon:not(:disabled):focus { |
1956 box-shadow: none; } |
2171 box-shadow: none; } |
1957 .block-editor-url-popover .components-icon-button:not(:disabled):not([aria-disabled="true"]):not(.is-default):hover > svg { |
2172 .block-editor-url-popover .components-button.has-icon:not(:disabled):focus > svg { |
1958 color: #555d66; |
2173 box-shadow: inset 0 0 0 1.5px #007cba, inset 0 0 0 4px #fff; |
1959 box-shadow: inset 0 0 0 1px #555d66, inset 0 0 0 2px #fff; } |
2174 box-shadow: inset 0 0 0 1.5px var(--wp-admin-theme-color), inset 0 0 0 4px #fff; |
1960 .block-editor-url-popover .components-icon-button:not(:disabled):focus { |
2175 outline: 2px solid transparent; } |
1961 box-shadow: none; } |
|
1962 .block-editor-url-popover .components-icon-button:not(:disabled):focus > svg { |
|
1963 box-shadow: inset 0 0 0 1px #555d66, inset 0 0 0 2px #fff; |
|
1964 outline: 2px solid transparent; |
|
1965 outline-offset: -2px; } |
|
1966 |
2176 |
1967 .block-editor-url-popover__settings-toggle { |
2177 .block-editor-url-popover__settings-toggle { |
1968 flex-shrink: 0; |
2178 flex-shrink: 0; |
1969 border-radius: 0; |
2179 border-radius: 0; |
1970 border-right: 1px solid #e2e4e7; |
2180 border-right: 1px solid #ddd; |
1971 margin-right: 1px; } |
2181 margin-right: 1px; } |
1972 .block-editor-url-popover__settings-toggle[aria-expanded="true"] .dashicon { |
2182 .block-editor-url-popover__settings-toggle[aria-expanded="true"] .dashicon { |
1973 transform: rotate(-180deg); } |
2183 transform: rotate(-180deg); } |
1974 |
2184 |
|
2185 .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 { |
|
2187 margin-bottom: 0; } |
|
2188 |
1975 .block-editor-url-popover__settings { |
2189 .block-editor-url-popover__settings { |
|
2190 display: block; |
1976 padding: 16px; |
2191 padding: 16px; |
1977 border-top: 1px solid #e2e4e7; } |
2192 border-top: 1px solid #ddd; } |
1978 .block-editor-url-popover__settings .components-base-control:last-child .components-base-control__field { |
2193 |
|
2194 .block-editor-url-popover__link-editor, |
|
2195 .block-editor-url-popover__link-viewer { |
|
2196 display: flex; } |
|
2197 .block-editor-url-popover__link-editor .block-editor-url-input .components-base-control__field, |
|
2198 .block-editor-url-popover__link-viewer .block-editor-url-input .components-base-control__field { |
1979 margin-bottom: 0; } |
2199 margin-bottom: 0; } |
|
2200 .block-editor-url-popover__link-editor .block-editor-url-input .components-spinner, |
|
2201 .block-editor-url-popover__link-viewer .block-editor-url-input .components-spinner { |
|
2202 bottom: 9px; } |
|
2203 |
|
2204 .block-editor-url-popover__link-viewer-url { |
|
2205 margin: 7px; |
|
2206 flex-grow: 1; |
|
2207 flex-shrink: 1; |
|
2208 overflow: hidden; |
|
2209 text-overflow: ellipsis; |
|
2210 white-space: nowrap; |
|
2211 min-width: 150px; |
|
2212 max-width: 500px; } |
|
2213 .block-editor-url-popover__link-viewer-url.has-invalid-link { |
|
2214 color: #d94f4f; } |
1980 |
2215 |
1981 .block-editor-warning { |
2216 .block-editor-warning { |
|
2217 align-items: center; |
1982 display: flex; |
2218 display: flex; |
1983 flex-direction: row; |
2219 flex-wrap: wrap; |
1984 justify-content: space-between; |
2220 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
1985 flex-wrap: nowrap; |
2221 font-size: 13px; |
1986 background-color: #fff; |
2222 padding: 6px 12px; |
1987 border: 1px solid #e2e4e7; |
2223 border: 1px solid #1e1e1e; |
1988 text-align: right; |
2224 border-radius: 2px; |
1989 padding: 20px; } |
2225 background-color: #fff; } |
1990 .has-warning.is-multi-selected .block-editor-warning { |
|
1991 background-color: transparent; } |
|
1992 .is-selected .block-editor-warning { |
|
1993 border-color: rgba(66, 88, 99, 0.4); |
|
1994 border-right-color: transparent; } |
|
1995 .is-dark-theme .is-selected .block-editor-warning { |
|
1996 border-color: rgba(255, 255, 255, 0.45); } |
|
1997 .block-editor-warning .block-editor-warning__message { |
2226 .block-editor-warning .block-editor-warning__message { |
1998 line-height: 1.4; |
2227 line-height: 1.4; |
1999 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
2228 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
2000 font-size: 13px; } |
2229 font-size: 13px; |
|
2230 margin: 1em 0; } |
|
2231 .block-editor-warning p.block-editor-warning__message.block-editor-warning__message { |
|
2232 min-height: auto; } |
2001 .block-editor-warning .block-editor-warning__contents { |
2233 .block-editor-warning .block-editor-warning__contents { |
2002 display: flex; |
2234 display: flex; |
2003 flex-direction: row; |
2235 flex-direction: row; |
2004 justify-content: space-between; |
2236 justify-content: space-between; |
2005 flex-wrap: wrap; |
2237 flex-wrap: wrap; |
2006 align-items: center; |
2238 align-items: baseline; |
2007 width: 100%; } |
2239 width: 100%; } |
2008 .block-editor-warning .block-editor-warning__actions { |
2240 .block-editor-warning .block-editor-warning__actions { |
2009 display: flex; } |
2241 display: flex; } |
2010 .block-editor-warning .block-editor-warning__action { |
2242 .block-editor-warning .block-editor-warning__action { |
2011 margin: 0 0 0 6px; } |
2243 margin: 0 8px 0 0; } |
2012 |
2244 |
2013 .block-editor-warning__secondary { |
2245 .block-editor-warning__secondary { |
2014 margin: 3px -4px 0 0; } |
2246 margin: auto 8px auto 0; } |
2015 .block-editor-warning__secondary .components-icon-button { |
|
2016 width: auto; |
|
2017 padding: 8px 2px; } |
|
2018 @media (min-width: 600px) { |
|
2019 .block-editor-warning__secondary { |
|
2020 margin-right: 4px; } |
|
2021 .block-editor-warning__secondary .components-icon-button { |
|
2022 padding: 8px 4px; } } |
|
2023 .block-editor-warning__secondary .components-button svg { |
|
2024 transform: rotate(-90deg); } |
|
2025 |
2247 |
2026 .block-editor-writing-flow { |
2248 .block-editor-writing-flow { |
2027 height: 100%; |
|
2028 display: flex; |
2249 display: flex; |
2029 flex-direction: column; } |
2250 flex-direction: column; } |
2030 |
2251 |
2031 .block-editor-writing-flow__click-redirect { |
2252 .block-editor-writing-flow__click-redirect { |
2032 flex-basis: 100%; |
|
2033 cursor: text; } |
2253 cursor: text; } |
|
2254 |
|
2255 .html-anchor-control .components-external-link { |
|
2256 display: block; |
|
2257 margin-top: 8px; } |
|
2258 |
|
2259 #end-resizable-editor-section { |
|
2260 display: none; } |
|
2261 |
|
2262 /** |
|
2263 * Block Toolbar |
|
2264 */ |
|
2265 .block-editor-block-toolbar { |
|
2266 display: flex; |
|
2267 flex-grow: 1; |
|
2268 width: 100%; |
|
2269 overflow: auto; |
|
2270 position: relative; |
|
2271 transition: border-color 0.1s linear, box-shadow 0.1s linear; } |
|
2272 @media (prefers-reduced-motion: reduce) { |
|
2273 .block-editor-block-toolbar { |
|
2274 transition-duration: 0s; } } |
|
2275 @media (min-width: 600px) { |
|
2276 .block-editor-block-toolbar { |
|
2277 overflow: inherit; } } |
|
2278 .block-editor-block-toolbar .components-toolbar-group, |
|
2279 .block-editor-block-toolbar .components-toolbar { |
|
2280 background: none; |
|
2281 line-height: 0; |
|
2282 margin-top: -1px; |
|
2283 margin-bottom: -1px; |
|
2284 border: 0; |
|
2285 border-left: 1px solid #ddd; } |
|
2286 .block-editor-block-toolbar > :last-child, |
|
2287 .block-editor-block-toolbar > :last-child .components-toolbar-group, |
|
2288 .block-editor-block-toolbar > :last-child .components-toolbar { |
|
2289 border-left: none; } |
|
2290 |
|
2291 .block-editor-block-toolbar .components-toolbar-group, |
|
2292 .block-editor-block-toolbar .components-toolbar, |
|
2293 .block-editor-format-toolbar .components-toolbar-group, |
|
2294 .block-editor-format-toolbar .components-toolbar { |
|
2295 display: flex; |
|
2296 flex-wrap: nowrap; } |
|
2297 |
|
2298 .block-editor-block-toolbar__slot { |
|
2299 display: inline-block; |
|
2300 line-height: 0; } |
|
2301 @supports ((position: -webkit-sticky) or (position: sticky)) { |
|
2302 .block-editor-block-toolbar__slot { |
|
2303 display: inline-flex; } } |
|
2304 |
|
2305 .block-editor-block-toolbar__block-parent-selector-wrapper { |
|
2306 position: absolute; |
|
2307 top: -1px; |
|
2308 right: -1px; |
|
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; |
|
2331 opacity: 0; } |
|
2332 |
|
2333 .block-editor-block-toolbar-content-enter-active { |
|
2334 position: absolute; |
|
2335 opacity: 1; |
|
2336 transition: opacity 300ms; } |
|
2337 |
|
2338 .block-editor-block-toolbar-content-exit { |
|
2339 width: auto; |
|
2340 opacity: 1; |
|
2341 pointer-events: none; } |
|
2342 |
|
2343 .block-editor-block-toolbar-content-exit-active { |
|
2344 opacity: 0; |
|
2345 transition: opacity 300ms; } |
|
2346 |
|
2347 .block-editor-inserter { |
|
2348 display: inline-block; |
|
2349 background: none; |
|
2350 border: none; |
|
2351 padding: 0; |
|
2352 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
|
2353 font-size: 13px; |
|
2354 line-height: 1.4; } |
|
2355 @media (min-width: 782px) { |
|
2356 .block-editor-inserter { |
|
2357 position: relative; } } |
|
2358 |
|
2359 .block-editor-inserter__popover .block-editor-inserter__menu { |
|
2360 margin: -12px; } |
|
2361 .block-editor-inserter__popover .block-editor-inserter__menu .block-editor-inserter__tabs .components-tab-panel__tabs { |
|
2362 top: 60px; } |
|
2363 .block-editor-inserter__popover .block-editor-inserter__menu .block-editor-inserter__main-area { |
|
2364 overflow: visible; |
|
2365 height: auto; } |
|
2366 .block-editor-inserter__popover .block-editor-inserter__menu .block-editor-inserter__preview-container { |
|
2367 display: none; } |
|
2368 |
|
2369 .block-editor-inserter__toggle.components-button { |
|
2370 display: inline-flex; |
|
2371 align-items: center; |
|
2372 cursor: pointer; |
|
2373 border: none; |
|
2374 outline: none; |
|
2375 padding: 0; |
|
2376 transition: color 0.2s ease; } |
|
2377 @media (prefers-reduced-motion: reduce) { |
|
2378 .block-editor-inserter__toggle.components-button { |
|
2379 transition-duration: 0s; } } |
|
2380 |
|
2381 .block-editor-inserter__menu { |
|
2382 height: 100%; |
|
2383 position: relative; |
|
2384 overflow: visible; } |
|
2385 |
|
2386 .block-editor-inserter__main-area { |
|
2387 width: auto; |
|
2388 overflow-y: auto; |
|
2389 height: 100%; } |
|
2390 @media (min-width: 782px) { |
|
2391 .block-editor-inserter__main-area { |
|
2392 width: 350px; } } |
|
2393 |
|
2394 .block-editor-inserter__inline-elements { |
|
2395 margin-top: -1px; } |
|
2396 |
|
2397 .block-editor-inserter__menu.is-bottom::after { |
|
2398 border-bottom-color: #fff; } |
|
2399 |
|
2400 .components-popover.block-editor-inserter__popover { |
|
2401 z-index: 99998; } |
|
2402 |
|
2403 .block-editor-inserter__search { |
|
2404 padding: 16px; |
|
2405 position: -webkit-sticky; |
|
2406 position: sticky; |
|
2407 top: 0; |
|
2408 background: #fff; |
|
2409 z-index: 1; } |
|
2410 .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input { |
|
2411 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
|
2412 padding: 6px 8px; |
|
2413 box-shadow: 0 0 0 transparent; |
|
2414 transition: box-shadow 0.1s linear; |
|
2415 border-radius: 2px; |
|
2416 border: 1px solid #757575; |
|
2417 /* Fonts smaller than 16px causes mobile safari to zoom. */ |
|
2418 font-size: 16px; |
|
2419 /* Override core line-height. To be reviewed. */ |
|
2420 line-height: normal; |
|
2421 display: block; |
|
2422 padding: 16px 16px 16px 48px; |
|
2423 background: #f0f0f0; |
|
2424 border: none; |
|
2425 width: 100%; |
|
2426 height: 48px; |
|
2427 /* Fonts smaller than 16px causes mobile safari to zoom. */ |
|
2428 font-size: 16px; } |
|
2429 @media (prefers-reduced-motion: reduce) { |
|
2430 .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input { |
|
2431 transition-duration: 0s; } } |
|
2432 @media (min-width: 600px) { |
|
2433 .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input { |
|
2434 font-size: 13px; |
|
2435 /* Override core line-height. To be reviewed. */ |
|
2436 line-height: normal; } } |
|
2437 .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input:focus { |
|
2438 border-color: #007cba; |
|
2439 border-color: var(--wp-admin-theme-color); |
|
2440 box-shadow: 0 0 0 0.5px #007cba; |
|
2441 box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color); |
|
2442 outline: 2px solid transparent; } |
|
2443 .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input::-webkit-input-placeholder { |
|
2444 color: rgba(30, 30, 30, 0.62); } |
|
2445 .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input::-moz-placeholder { |
|
2446 opacity: 1; |
|
2447 color: rgba(30, 30, 30, 0.62); } |
|
2448 .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input:-ms-input-placeholder { |
|
2449 color: rgba(30, 30, 30, 0.62); } |
|
2450 .is-dark-theme .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input::-webkit-input-placeholder { |
|
2451 color: rgba(255, 255, 255, 0.65); } |
|
2452 .is-dark-theme .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input::-moz-placeholder { |
|
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 |
|
2473 .block-editor-inserter__search-icon { |
|
2474 position: absolute; |
|
2475 top: 0; |
|
2476 left: 20px; |
|
2477 bottom: 0; |
|
2478 display: flex; |
|
2479 align-items: center; } |
|
2480 .block-editor-inserter__search-icon > svg { |
|
2481 margin: 8px; } |
|
2482 |
|
2483 .block-editor-inserter__tabs { |
|
2484 display: flex; |
|
2485 flex-direction: column; |
|
2486 margin-top: -8px; } |
|
2487 .block-editor-inserter__tabs .components-tab-panel__tabs { |
|
2488 position: -webkit-sticky; |
|
2489 position: sticky; |
|
2490 top: 72px; |
|
2491 background: #fff; |
|
2492 z-index: 1; |
|
2493 border-bottom: 1px solid #ddd; } |
|
2494 .block-editor-inserter__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item { |
|
2495 flex-grow: 1; |
|
2496 margin-bottom: -1px; } |
|
2497 .block-editor-inserter__tabs .components-tab-panel__tab-content { |
|
2498 display: flex; |
|
2499 flex-grow: 1; |
|
2500 flex-direction: column; |
|
2501 position: relative; } |
|
2502 |
|
2503 .block-editor-inserter__panel-header { |
|
2504 display: inline-flex; |
|
2505 align-items: center; |
|
2506 padding: 16px 16px 0; } |
|
2507 |
|
2508 .block-editor-inserter__panel-content { |
|
2509 padding: 0 16px; } |
|
2510 |
|
2511 .block-editor-inserter__panel-title { |
|
2512 margin: 0 0 0 12px; |
|
2513 color: #757575; |
|
2514 text-transform: uppercase; |
|
2515 font-size: 11px; |
|
2516 font-weight: 500; } |
|
2517 |
|
2518 .block-editor-inserter__block-list { |
|
2519 flex-grow: 1; |
|
2520 position: relative; } |
|
2521 |
|
2522 .block-editor-inserter__popover .block-editor-block-types-list { |
|
2523 margin: 0 -8px; } |
|
2524 |
|
2525 .block-editor-inserter__reusable-blocks-panel { |
|
2526 position: relative; |
|
2527 text-align: left; } |
|
2528 |
|
2529 .block-editor-inserter__manage-reusable-blocks { |
|
2530 display: inline-block; |
|
2531 margin: 16px; } |
|
2532 |
|
2533 .block-editor-inserter__no-results { |
|
2534 padding: 32px; |
|
2535 margin-top: 64px; |
|
2536 text-align: center; } |
|
2537 |
|
2538 .block-editor-inserter__no-results-icon { |
|
2539 fill: #b5bcc2; } |
|
2540 |
|
2541 .block-editor-inserter__child-blocks { |
|
2542 padding: 0 16px; } |
|
2543 |
|
2544 .block-editor-inserter__parent-block-header { |
|
2545 display: flex; |
|
2546 align-items: center; } |
|
2547 .block-editor-inserter__parent-block-header h2 { |
|
2548 font-size: 13px; } |
|
2549 .block-editor-inserter__parent-block-header .block-editor-block-icon { |
|
2550 margin-left: 8px; } |
|
2551 |
|
2552 .block-editor-inserter__preview-container { |
|
2553 display: none; |
|
2554 width: 300px; |
|
2555 background: #fff; |
|
2556 border-radius: 2px; |
|
2557 border: 1px solid #ddd; |
|
2558 position: absolute; |
|
2559 top: 16px; |
|
2560 right: calc(100% + 16px); } |
|
2561 @media (min-width: 782px) { |
|
2562 .block-editor-inserter__preview-container { |
|
2563 display: block; } } |
|
2564 .block-editor-inserter__preview-container .block-editor-block-card { |
|
2565 padding: 16px; } |
|
2566 .block-editor-inserter__preview-container .block-editor-block-card__title { |
|
2567 font-size: 13px; } |
|
2568 |
|
2569 .block-editor-inserter__preview-content { |
|
2570 min-height: 144px; |
|
2571 background: #f0f0f0; |
|
2572 display: -ms-grid; |
|
2573 display: grid; |
|
2574 flex-grow: 1; |
|
2575 align-items: center; } |
|
2576 |
|
2577 .block-editor-inserter__preview-content-missing { |
|
2578 flex: 1; |
|
2579 display: flex; |
|
2580 justify-content: center; |
|
2581 align-items: center; |
|
2582 min-height: 144px; |
|
2583 color: #606a73; |
|
2584 background: #f0f0f0; } |
|
2585 |
|
2586 .block-editor-inserter__tips { |
|
2587 border-top: 1px solid #ddd; |
|
2588 padding: 16px; |
|
2589 flex-shrink: 0; } |
|
2590 |
|
2591 .block-editor-inserter__manage-reusable-blocks-container { |
|
2592 padding: 16px; } |
|
2593 |
|
2594 .block-editor-inserter__quick-inserter { |
|
2595 width: 100%; } |
|
2596 @media (min-width: 782px) { |
|
2597 .block-editor-inserter__quick-inserter { |
|
2598 width: 350px; } } |
|
2599 |
|
2600 .block-editor-inserter__quick-inserter-results { |
|
2601 padding-bottom: 16px; } |
|
2602 .block-editor-inserter__quick-inserter-results .block-editor-inserter__panel-header { |
|
2603 height: 0; |
|
2604 padding: 0; |
|
2605 float: right; } |
|
2606 |
|
2607 .block-editor-inserter__quick-inserter-patterns { |
|
2608 display: -ms-grid; |
|
2609 display: grid; |
|
2610 -ms-grid-columns: 1fr 1fr; |
|
2611 grid-template-columns: 1fr 1fr; |
|
2612 grid-gap: 8px; } |
|
2613 |
|
2614 .block-editor-inserter__quick-inserter-separator { |
|
2615 border-top: 1px solid #ddd; } |
|
2616 |
|
2617 .block-editor-inserter__popover.is-quick > .components-popover__content > div { |
|
2618 padding: 0; } |
|
2619 |
|
2620 .block-editor-inserter__quick-inserter-expand.components-button { |
|
2621 display: block; |
|
2622 background: #1e1e1e; |
|
2623 color: #fff; |
|
2624 width: 100%; |
|
2625 height: 44px; |
|
2626 border-radius: 0; } |
|
2627 .block-editor-inserter__quick-inserter-expand.components-button:hover { |
|
2628 color: #fff; } |
|
2629 .block-editor-inserter__quick-inserter-expand.components-button:focus:not(:disabled) { |
|
2630 box-shadow: inset 0 0 0 1.5px #1e1e1e, inset 0 0 0 2px #fff; } |
|
2631 |
|
2632 .block-editor-post-preview__dropdown { |
|
2633 display: none; |
|
2634 margin-left: 12px; |
|
2635 padding: 0; } |
|
2636 |
|
2637 .block-editor-post-preview__button-resize.block-editor-post-preview__button-resize { |
|
2638 padding-right: 40px; } |
|
2639 .block-editor-post-preview__button-resize.block-editor-post-preview__button-resize.has-icon { |
|
2640 padding-right: 8px; } |
|
2641 |
|
2642 .block-editor-post-preview__dropdown-content .components-popover__content { |
|
2643 overflow-y: visible; } |
|
2644 |
|
2645 .block-editor-post-preview__dropdown-content .components-menu-group + .components-menu-group { |
|
2646 border-top: 1px solid #ccc; |
|
2647 padding: 8px 12px; |
|
2648 margin-right: -12px; |
|
2649 margin-left: -12px; } |
|
2650 |
|
2651 @media (min-width: 600px) { |
|
2652 .editor-post-preview { |
|
2653 display: none; } |
|
2654 .block-editor-post-preview__dropdown { |
|
2655 display: flex; } } |