20 white-space:nowrap; |
20 white-space:nowrap; |
21 } |
21 } |
22 .block-editor-autocompleters__block .block-editor-block-icon{ |
22 .block-editor-autocompleters__block .block-editor-block-icon{ |
23 margin-left:8px; |
23 margin-left:8px; |
24 } |
24 } |
|
25 .block-editor-autocompleters__block[aria-selected=true] .block-editor-block-icon{ |
|
26 color:inherit !important; |
|
27 } |
25 |
28 |
26 .block-editor-autocompleters__link{ |
29 .block-editor-autocompleters__link{ |
27 white-space:nowrap; |
30 white-space:nowrap; |
28 } |
31 } |
29 .block-editor-autocompleters__link .block-editor-block-icon{ |
32 .block-editor-autocompleters__link .block-editor-block-icon{ |
30 margin-left:8px; |
33 margin-left:8px; |
31 } |
34 } |
32 |
35 |
|
36 .block-editor-global-styles-background-panel__inspector-media-replace-container{ |
|
37 border:1px solid #ddd; |
|
38 border-radius:2px; |
|
39 grid-column:1 / -1; |
|
40 } |
|
41 .block-editor-global-styles-background-panel__inspector-media-replace-container.is-open{ |
|
42 background-color:#f0f0f0; |
|
43 } |
|
44 .block-editor-global-styles-background-panel__inspector-media-replace-container .block-editor-global-styles-background-panel__image-tools-panel-item{ |
|
45 border:0; |
|
46 flex-grow:1; |
|
47 } |
|
48 .block-editor-global-styles-background-panel__inspector-media-replace-container .block-editor-global-styles-background-panel__image-tools-panel-item .components-dropdown{ |
|
49 display:block; |
|
50 } |
|
51 .block-editor-global-styles-background-panel__inspector-media-replace-container .block-editor-global-styles-background-panel__inspector-preview-inner{ |
|
52 height:100%; |
|
53 } |
|
54 .block-editor-global-styles-background-panel__inspector-media-replace-container .components-dropdown{ |
|
55 display:block; |
|
56 } |
|
57 .block-editor-global-styles-background-panel__inspector-media-replace-container .components-dropdown .block-editor-global-styles-background-panel__dropdown-toggle{ |
|
58 height:40px; |
|
59 } |
|
60 |
|
61 .block-editor-global-styles-background-panel__image-tools-panel-item{ |
|
62 border:1px solid #ddd; |
|
63 grid-column:1 / -1; |
|
64 position:relative; |
|
65 } |
|
66 .block-editor-global-styles-background-panel__image-tools-panel-item .components-drop-zone__content-icon{ |
|
67 display:none; |
|
68 } |
|
69 .block-editor-global-styles-background-panel__image-tools-panel-item .components-dropdown{ |
|
70 display:block; |
|
71 } |
|
72 .block-editor-global-styles-background-panel__image-tools-panel-item button.components-button{ |
|
73 color:#1e1e1e; |
|
74 display:block; |
|
75 width:100%; |
|
76 } |
|
77 .block-editor-global-styles-background-panel__image-tools-panel-item button.components-button:hover{ |
|
78 color:var(--wp-admin-theme-color); |
|
79 } |
|
80 .block-editor-global-styles-background-panel__image-tools-panel-item button.components-button:focus{ |
|
81 box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); |
|
82 } |
|
83 .block-editor-global-styles-background-panel__image-tools-panel-item .block-editor-global-styles-background-panel__loading{ |
|
84 height:100%; |
|
85 padding:10px 0 0; |
|
86 position:absolute; |
|
87 width:100%; |
|
88 z-index:1; |
|
89 } |
|
90 .block-editor-global-styles-background-panel__image-tools-panel-item .block-editor-global-styles-background-panel__loading svg{ |
|
91 margin:0; |
|
92 } |
|
93 |
|
94 .block-editor-global-styles-background-panel__dropdown-toggle,.block-editor-global-styles-background-panel__image-preview-content{ |
|
95 height:100%; |
|
96 padding-right:12px; |
|
97 width:100%; |
|
98 } |
|
99 |
|
100 .block-editor-global-styles-background-panel__dropdown-toggle{ |
|
101 background:#0000; |
|
102 border:none; |
|
103 cursor:pointer; |
|
104 } |
|
105 |
|
106 .block-editor-global-styles-background-panel__inspector-media-replace-title{ |
|
107 text-align:start; |
|
108 text-align-last:center; |
|
109 white-space:normal; |
|
110 word-break:break-all; |
|
111 } |
|
112 |
|
113 .block-editor-global-styles-background-panel__inspector-preview-inner .block-editor-global-styles-background-panel__inspector-image-indicator-wrapper{ |
|
114 height:20px; |
|
115 min-width:auto; |
|
116 width:20px; |
|
117 } |
|
118 |
|
119 .block-editor-global-styles-background-panel__inspector-image-indicator{ |
|
120 background-size:cover; |
|
121 border-radius:50%; |
|
122 display:block; |
|
123 height:20px; |
|
124 position:relative; |
|
125 width:20px; |
|
126 } |
|
127 |
|
128 .block-editor-global-styles-background-panel__inspector-image-indicator:after{ |
|
129 border:1px solid #0000; |
|
130 border-radius:50%; |
|
131 bottom:-1px; |
|
132 box-shadow:inset 0 0 0 1px #0003; |
|
133 box-sizing:inherit; |
|
134 content:""; |
|
135 left:-1px; |
|
136 position:absolute; |
|
137 right:-1px; |
|
138 top:-1px; |
|
139 } |
|
140 |
|
141 .block-editor-global-styles-background-panel__dropdown-content-wrapper{ |
|
142 min-width:260px; |
|
143 overflow-x:hidden; |
|
144 } |
|
145 .block-editor-global-styles-background-panel__dropdown-content-wrapper .components-focal-point-picker-wrapper{ |
|
146 background-color:#f0f0f0; |
|
147 border:1px solid #ddd; |
|
148 border-radius:2px; |
|
149 width:100%; |
|
150 } |
|
151 .block-editor-global-styles-background-panel__dropdown-content-wrapper .components-focal-point-picker__media--image{ |
|
152 max-height:180px; |
|
153 } |
|
154 .block-editor-global-styles-background-panel__dropdown-content-wrapper .components-focal-point-picker:after{ |
|
155 content:none; |
|
156 } |
|
157 |
|
158 .modal-open .block-editor-global-styles-background-panel__popover{ |
|
159 z-index:159890; |
|
160 } |
|
161 |
|
162 .block-editor-global-styles-background-panel__media-replace-popover .components-popover__content{ |
|
163 width:226px; |
|
164 } |
|
165 .block-editor-global-styles-background-panel__media-replace-popover .components-button{ |
|
166 padding:0 8px; |
|
167 } |
|
168 .block-editor-global-styles-background-panel__media-replace-popover .components-button .components-menu-items__item-icon.has-icon-right{ |
|
169 margin-right:16px; |
|
170 } |
|
171 |
33 .block-editor-block-alignment-control__menu-group .components-menu-item__info{ |
172 .block-editor-block-alignment-control__menu-group .components-menu-item__info{ |
34 margin-top:0; |
173 margin-top:0; |
35 } |
174 } |
36 |
175 |
37 iframe[name=editor-canvas]{ |
176 iframe[name=editor-canvas]{ |
38 background-color:initial; |
177 background-color:#ddd; |
39 box-sizing:border-box; |
178 box-sizing:border-box; |
40 display:block; |
179 display:block; |
41 height:100%; |
180 height:100%; |
42 width:100%; |
181 width:100%; |
|
182 } |
|
183 @media not (prefers-reduced-motion){ |
|
184 iframe[name=editor-canvas]{ |
|
185 transition:all .4s cubic-bezier(.46, .03, .52, .96); |
|
186 } |
43 } |
187 } |
44 |
188 |
45 .block-editor-block-icon{ |
189 .block-editor-block-icon{ |
46 align-items:center; |
190 align-items:center; |
47 display:flex; |
191 display:flex; |
168 background:var(--wp-admin-theme-color); |
314 background:var(--wp-admin-theme-color); |
169 } |
315 } |
170 .block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button.has-icon:hover{ |
316 .block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button.has-icon:hover{ |
171 background:#1e1e1e; |
317 background:#1e1e1e; |
172 } |
318 } |
173 .block-editor-block-list__block-selection-button{ |
|
174 background-color:#1e1e1e; |
|
175 border-radius:2px; |
|
176 display:inline-flex; |
|
177 font-size:13px; |
|
178 height:48px; |
|
179 padding:0 12px; |
|
180 z-index:22; |
|
181 } |
|
182 .block-editor-block-list__block-selection-button .block-editor-block-list__block-selection-button__content{ |
|
183 align-items:center; |
|
184 display:inline-flex; |
|
185 margin:auto; |
|
186 } |
|
187 .block-editor-block-list__block-selection-button .block-editor-block-list__block-selection-button__content>.components-flex__item{ |
|
188 margin-left:6px; |
|
189 } |
|
190 .block-editor-block-list__block-selection-button .components-button.has-icon.block-selection-button_drag-handle{ |
|
191 cursor:grab; |
|
192 height:24px; |
|
193 margin-right:-2px; |
|
194 min-width:24px; |
|
195 padding:0; |
|
196 } |
|
197 .block-editor-block-list__block-selection-button .components-button.has-icon.block-selection-button_drag-handle svg{ |
|
198 min-height:18px; |
|
199 min-width:18px; |
|
200 } |
|
201 .block-editor-block-list__block-selection-button .block-editor-block-icon{ |
|
202 color:#fff; |
|
203 font-size:13px; |
|
204 height:48px; |
|
205 } |
|
206 .block-editor-block-list__block-selection-button .components-button{ |
|
207 color:#fff; |
|
208 display:flex; |
|
209 height:48px; |
|
210 min-width:36px; |
|
211 } |
|
212 .block-editor-block-list__block-selection-button .components-button:focus{ |
|
213 border:none; |
|
214 box-shadow:none; |
|
215 } |
|
216 .block-editor-block-list__block-selection-button .components-button:active,.block-editor-block-list__block-selection-button .components-button[aria-disabled=true]:hover{ |
|
217 color:#fff; |
|
218 } |
|
219 .block-editor-block-list__block-selection-button .block-selection-button_select-button.components-button{ |
|
220 padding:0; |
|
221 } |
|
222 .block-editor-block-list__block-selection-button .block-editor-block-mover{ |
|
223 background:unset; |
|
224 border:none; |
|
225 } |
|
226 |
319 |
227 @keyframes hide-during-dragging{ |
320 @keyframes hide-during-dragging{ |
228 to{ |
321 to{ |
229 position:fixed; |
322 position:fixed; |
230 transform:translate(-9999px, 9999px); |
323 transform:translate(-9999px, 9999px); |
231 } |
324 } |
232 } |
325 } |
233 .components-popover.block-editor-block-list__block-popover .block-editor-block-contextual-toolbar,.components-popover.block-editor-block-list__block-popover .block-editor-block-list__block-selection-button{ |
|
234 margin-bottom:8px; |
|
235 margin-top:8px; |
|
236 pointer-events:all; |
|
237 } |
|
238 .components-popover.block-editor-block-list__block-popover .block-editor-block-contextual-toolbar{ |
326 .components-popover.block-editor-block-list__block-popover .block-editor-block-contextual-toolbar{ |
239 border:1px solid #1e1e1e; |
327 border:1px solid #1e1e1e; |
240 border-radius:2px; |
328 border-radius:2px; |
|
329 margin-bottom:8px; |
|
330 margin-top:8px; |
241 overflow:visible; |
331 overflow:visible; |
|
332 pointer-events:all; |
242 position:static; |
333 position:static; |
243 width:auto; |
334 width:auto; |
244 } |
335 } |
245 .components-popover.block-editor-block-list__block-popover .block-editor-block-contextual-toolbar.has-parent{ |
336 .components-popover.block-editor-block-list__block-popover .block-editor-block-contextual-toolbar.has-parent{ |
246 margin-right:56px; |
337 margin-right:56px; |
252 overflow:visible; |
343 overflow:visible; |
253 } |
344 } |
254 .components-popover.block-editor-block-list__block-popover .block-editor-block-toolbar .components-toolbar,.components-popover.block-editor-block-list__block-popover .block-editor-block-toolbar .components-toolbar-group{ |
345 .components-popover.block-editor-block-list__block-popover .block-editor-block-toolbar .components-toolbar,.components-popover.block-editor-block-list__block-popover .block-editor-block-toolbar .components-toolbar-group{ |
255 border-left-color:#1e1e1e; |
346 border-left-color:#1e1e1e; |
256 } |
347 } |
|
348 .components-popover.block-editor-block-list__block-popover .is-inverted-toolbar{ |
|
349 background-color:#1e1e1e; |
|
350 color:#f0f0f0; |
|
351 } |
|
352 .components-popover.block-editor-block-list__block-popover .is-inverted-toolbar.block-editor-block-contextual-toolbar{ |
|
353 border-color:#2f2f2f; |
|
354 } |
|
355 .components-popover.block-editor-block-list__block-popover .is-inverted-toolbar button{ |
|
356 color:#ddd; |
|
357 } |
|
358 .components-popover.block-editor-block-list__block-popover .is-inverted-toolbar button:hover{ |
|
359 color:#fff; |
|
360 } |
|
361 .components-popover.block-editor-block-list__block-popover .is-inverted-toolbar button:focus:before{ |
|
362 box-shadow:inset 0 0 0 1px #1e1e1e, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); |
|
363 } |
|
364 .components-popover.block-editor-block-list__block-popover .is-inverted-toolbar button:disabled,.components-popover.block-editor-block-list__block-popover .is-inverted-toolbar button[aria-disabled=true]{ |
|
365 color:#757575; |
|
366 } |
|
367 .components-popover.block-editor-block-list__block-popover .is-inverted-toolbar .block-editor-block-parent-selector .block-editor-block-parent-selector__button{ |
|
368 background-color:#1e1e1e; |
|
369 border-color:#2f2f2f; |
|
370 } |
|
371 .components-popover.block-editor-block-list__block-popover .is-inverted-toolbar .block-editor-block-switcher__toggle{ |
|
372 color:#f0f0f0; |
|
373 } |
|
374 .components-popover.block-editor-block-list__block-popover .is-inverted-toolbar .components-toolbar,.components-popover.block-editor-block-list__block-popover .is-inverted-toolbar .components-toolbar-group{ |
|
375 border-left-color:#2f2f2f !important; |
|
376 } |
|
377 .components-popover.block-editor-block-list__block-popover .is-inverted-toolbar .is-pressed{ |
|
378 color:var(--wp-admin-theme-color); |
|
379 } |
257 .components-popover.block-editor-block-list__block-popover.is-insertion-point-visible{ |
380 .components-popover.block-editor-block-list__block-popover.is-insertion-point-visible{ |
258 visibility:hidden; |
381 visibility:hidden; |
259 } |
382 } |
260 .is-dragging-components-draggable .components-popover.block-editor-block-list__block-popover{ |
383 .is-dragging-components-draggable .components-popover.block-editor-block-list__block-popover{ |
261 animation:hide-during-dragging 1ms linear forwards; |
|
262 opacity:0; |
384 opacity:0; |
|
385 } |
|
386 @media not (prefers-reduced-motion){ |
|
387 .is-dragging-components-draggable .components-popover.block-editor-block-list__block-popover{ |
|
388 animation:hide-during-dragging 1ms linear forwards; |
|
389 } |
263 } |
390 } |
264 .components-popover.block-editor-block-list__block-popover .block-editor-block-parent-selector{ |
391 .components-popover.block-editor-block-list__block-popover .block-editor-block-parent-selector{ |
265 position:absolute; |
392 position:absolute; |
266 right:-57px; |
393 right:-57px; |
267 } |
394 } |
569 width:20px; |
686 width:20px; |
570 } |
687 } |
571 |
688 |
572 .block-draggable-invalid-drag-token .block-editor-block-draggable-chip__disabled.block-editor-block-draggable-chip__disabled{ |
689 .block-draggable-invalid-drag-token .block-editor-block-draggable-chip__disabled.block-editor-block-draggable-chip__disabled{ |
573 background-color:#757575; |
690 background-color:#757575; |
574 box-shadow:0 4px 8px #0003; |
691 box-shadow:0 1px 2px #0000000d,0 2px 3px #0000000a,0 6px 6px #00000008,0 8px 8px #00000005; |
575 opacity:1; |
692 opacity:1; |
|
693 } |
|
694 |
|
695 .block-editor-block-manager__no-results{ |
|
696 font-style:italic; |
|
697 padding:24px 0; |
|
698 text-align:center; |
|
699 } |
|
700 |
|
701 .block-editor-block-manager__search{ |
|
702 margin:16px 0; |
|
703 } |
|
704 |
|
705 .block-editor-block-manager__disabled-blocks-count{ |
|
706 background-color:#fff; |
|
707 border:1px solid #ddd; |
|
708 border-width:1px 0; |
|
709 box-shadow:32px 0 0 0 #fff,-32px 0 0 0 #fff; |
|
710 padding:8px; |
|
711 position:sticky; |
|
712 text-align:center; |
|
713 top:-5px; |
|
714 z-index:2; |
|
715 } |
|
716 .block-editor-block-manager__disabled-blocks-count~.block-editor-block-manager__results .block-editor-block-manager__category-title{ |
|
717 top:31px; |
|
718 } |
|
719 .block-editor-block-manager__disabled-blocks-count .is-link{ |
|
720 margin-right:12px; |
|
721 } |
|
722 |
|
723 .block-editor-block-manager__category{ |
|
724 margin:0 0 24px; |
|
725 } |
|
726 |
|
727 .block-editor-block-manager__category-title{ |
|
728 background-color:#fff; |
|
729 padding:16px 0; |
|
730 position:sticky; |
|
731 top:-4px; |
|
732 z-index:1; |
|
733 } |
|
734 .block-editor-block-manager__category-title .components-checkbox-control__label{ |
|
735 font-weight:600; |
|
736 } |
|
737 |
|
738 .block-editor-block-manager__checklist{ |
|
739 margin-top:0; |
|
740 } |
|
741 |
|
742 .block-editor-block-manager__category-title,.block-editor-block-manager__checklist-item{ |
|
743 border-bottom:1px solid #ddd; |
|
744 } |
|
745 |
|
746 .block-editor-block-manager__checklist-item{ |
|
747 align-items:center; |
|
748 display:flex; |
|
749 justify-content:space-between; |
|
750 margin-bottom:0; |
|
751 padding:8px 16px 8px 0; |
|
752 } |
|
753 .components-modal__content .block-editor-block-manager__checklist-item.components-checkbox-control__input-container{ |
|
754 margin:0 8px; |
|
755 } |
|
756 .block-editor-block-manager__checklist-item .block-editor-block-icon{ |
|
757 margin-left:10px; |
|
758 fill:#1e1e1e; |
|
759 } |
|
760 |
|
761 .block-editor-block-manager__results{ |
|
762 border-top:1px solid #ddd; |
|
763 } |
|
764 |
|
765 .block-editor-block-manager__disabled-blocks-count+.block-editor-block-manager__results{ |
|
766 border-top-width:0; |
576 } |
767 } |
577 |
768 |
578 .block-editor-block-mover__move-button-container{ |
769 .block-editor-block-mover__move-button-container{ |
579 border:none; |
770 border:none; |
580 display:flex; |
771 display:flex; |
687 cursor:grab; |
879 cursor:grab; |
688 } |
880 } |
689 |
881 |
690 .block-editor-block-patterns-list__item{ |
882 .block-editor-block-patterns-list__item{ |
691 height:100%; |
883 height:100%; |
|
884 outline:0; |
692 scroll-margin-bottom:56px; |
885 scroll-margin-bottom:56px; |
693 scroll-margin-top:24px; |
886 scroll-margin-top:24px; |
694 } |
887 } |
695 .block-editor-block-patterns-list__item .block-editor-block-patterns-list__item-title{ |
888 .block-editor-block-patterns-list__item .block-editor-block-patterns-list__item-title{ |
696 flex-grow:1; |
889 flex-grow:1; |
697 font-size:12px; |
890 font-size:12px; |
698 text-align:right; |
891 text-align:right; |
699 } |
892 } |
700 .block-editor-block-patterns-list__item .block-editor-block-preview__container{ |
893 .block-editor-block-patterns-list__item .block-editor-block-preview__container{ |
701 align-items:center; |
894 align-items:center; |
702 border-radius:2px; |
895 border-radius:4px; |
703 display:flex; |
896 display:flex; |
704 overflow:hidden; |
897 overflow:hidden; |
705 } |
898 } |
706 .block-editor-block-patterns-list__item .block-editor-block-preview__container:after{ |
899 .block-editor-block-patterns-list__item .block-editor-block-preview__container:after{ |
707 border-radius:2px; |
900 border-radius:4px; |
708 outline:1px solid #0000001a; |
901 outline:1px solid #0000001a; |
709 outline-offset:-1px; |
902 outline-offset:-1px; |
710 } |
903 } |
711 .block-editor-block-patterns-list__item:hover:not(:focus) .block-editor-block-preview__container:after{ |
904 @media not (prefers-reduced-motion){ |
|
905 .block-editor-block-patterns-list__item .block-editor-block-preview__container:after{ |
|
906 transition:outline .1s linear; |
|
907 } |
|
908 } |
|
909 .block-editor-block-patterns-list__item.is-selected .block-editor-block-preview__container:after{ |
|
910 outline-color:#1e1e1e; |
|
911 outline-offset:calc(var(--wp-admin-border-width-focus)*-1); |
|
912 outline-width:var(--wp-admin-border-width-focus); |
|
913 } |
|
914 .block-editor-block-patterns-list__item:hover .block-editor-block-preview__container:after{ |
712 outline-color:#0000004d; |
915 outline-color:#0000004d; |
713 } |
916 } |
714 .block-editor-block-patterns-list__item:focus .block-editor-block-preview__container:after{ |
917 .block-editor-block-patterns-list__item[data-focus-visible] .block-editor-block-preview__container:after{ |
715 outline-color:var(--wp-admin-theme-color); |
918 outline-color:var(--wp-admin-theme-color); |
716 outline-offset:calc(-1*var(--wp-admin-border-width-focus)); |
919 outline-offset:calc(var(--wp-admin-border-width-focus)*-1); |
717 outline-width:var(--wp-admin-border-width-focus); |
920 outline-width:var(--wp-admin-border-width-focus); |
718 transition:outline .1s linear; |
|
719 } |
|
720 @media (prefers-reduced-motion:reduce){ |
|
721 .block-editor-block-patterns-list__item:focus .block-editor-block-preview__container:after{ |
|
722 transition-delay:0s; |
|
723 transition-duration:0s; |
|
724 } |
|
725 } |
921 } |
726 .block-editor-block-patterns-list__item .block-editor-patterns__pattern-details:not(:empty){ |
922 .block-editor-block-patterns-list__item .block-editor-patterns__pattern-details:not(:empty){ |
727 align-items:center; |
923 align-items:center; |
728 margin-top:8px; |
924 margin-top:8px; |
729 padding-bottom:4px; |
925 padding-bottom:4px; |
901 } |
1082 } |
902 .components-button.block-editor-block-switcher__no-switcher-icon .block-editor-block-icon,.components-button.block-editor-block-switcher__toggle .block-editor-block-icon{ |
1083 .components-button.block-editor-block-switcher__no-switcher-icon .block-editor-block-icon,.components-button.block-editor-block-switcher__toggle .block-editor-block-icon{ |
903 margin:auto; |
1084 margin:auto; |
904 } |
1085 } |
905 |
1086 |
906 .block-editor-block-switcher__toggle-text{ |
|
907 margin-right:8px; |
|
908 } |
|
909 .show-icon-labels .block-editor-block-switcher__toggle-text{ |
|
910 display:none; |
|
911 } |
|
912 |
|
913 .components-button.block-editor-block-switcher__no-switcher-icon{ |
1087 .components-button.block-editor-block-switcher__no-switcher-icon{ |
914 display:flex; |
1088 display:flex; |
915 } |
1089 } |
916 .components-button.block-editor-block-switcher__no-switcher-icon .block-editor-block-icon{ |
1090 .components-button.block-editor-block-switcher__no-switcher-icon .block-editor-block-icon{ |
917 margin-left:auto; |
1091 margin-left:auto; |
918 margin-right:auto; |
1092 margin-right:auto; |
919 min-width:24px !important; |
1093 min-width:24px !important; |
920 } |
1094 } |
921 |
1095 .components-button.block-editor-block-switcher__no-switcher-icon[aria-disabled=true],.components-button.block-editor-block-switcher__no-switcher-icon[aria-disabled=true]:hover{ |
922 .components-button.block-editor-block-switcher__no-switcher-icon:disabled{ |
|
923 opacity:1; |
|
924 } |
|
925 .components-button.block-editor-block-switcher__no-switcher-icon:disabled,.components-button.block-editor-block-switcher__no-switcher-icon:disabled .block-editor-block-icon.has-colors{ |
|
926 color:#1e1e1e; |
1096 color:#1e1e1e; |
927 } |
|
928 |
|
929 .block-editor-block-toolbar .components-toolbar .components-button.block-editor-block-switcher__no-switcher-icon.has-icon.has-icon .block-editor-block-icon,.block-editor-block-toolbar .components-toolbar .components-button.block-editor-block-switcher__toggle.has-icon.has-icon .block-editor-block-icon,.block-editor-block-toolbar .components-toolbar-group .components-button.block-editor-block-switcher__no-switcher-icon.has-icon.has-icon .block-editor-block-icon,.block-editor-block-toolbar .components-toolbar-group .components-button.block-editor-block-switcher__toggle.has-icon.has-icon .block-editor-block-icon{ |
|
930 align-items:center; |
|
931 display:flex; |
|
932 height:100%; |
|
933 margin:0 auto; |
|
934 min-width:100%; |
|
935 position:relative; |
|
936 } |
|
937 .block-editor-block-toolbar .components-toolbar .components-button.block-editor-block-switcher__no-switcher-icon.has-icon.has-icon:before,.block-editor-block-toolbar .components-toolbar .components-button.block-editor-block-switcher__toggle.has-icon.has-icon:before,.block-editor-block-toolbar .components-toolbar-group .components-button.block-editor-block-switcher__no-switcher-icon.has-icon.has-icon:before,.block-editor-block-toolbar .components-toolbar-group .components-button.block-editor-block-switcher__toggle.has-icon.has-icon:before{ |
|
938 bottom:8px; |
|
939 left:8px; |
|
940 right:8px; |
|
941 top:8px; |
|
942 } |
1097 } |
943 |
1098 |
944 .components-popover.block-editor-block-switcher__popover .components-popover__content{ |
1099 .components-popover.block-editor-block-switcher__popover .components-popover__content{ |
945 min-width:300px; |
1100 min-width:300px; |
946 } |
1101 } |
947 |
1102 |
948 .block-editor-block-switcher__popover__preview__parent .block-editor-block-switcher__popover__preview__container{ |
1103 .block-editor-block-switcher__popover-preview-container{ |
949 position:absolute; |
1104 bottom:0; |
950 right:calc(100% + 16px); |
1105 pointer-events:none; |
951 top:-12px; |
1106 position:absolute; |
952 } |
1107 right:0; |
953 |
1108 top:-1px; |
954 .block-editor-block-switcher__preview__popover{ |
1109 width:100%; |
955 display:none; |
1110 } |
|
1111 |
|
1112 .block-editor-block-switcher__popover-preview{ |
956 overflow:hidden; |
1113 overflow:hidden; |
957 } |
1114 } |
958 .block-editor-block-switcher__preview__popover.components-popover{ |
1115 .block-editor-block-switcher__popover-preview .components-popover__content{ |
959 margin-top:11px; |
|
960 } |
|
961 @media (min-width:782px){ |
|
962 .block-editor-block-switcher__preview__popover{ |
|
963 display:block; |
|
964 } |
|
965 } |
|
966 .block-editor-block-switcher__preview__popover .components-popover__content{ |
|
967 background:#fff; |
1116 background:#fff; |
968 border:1px solid #1e1e1e; |
1117 border:1px solid #1e1e1e; |
969 border-radius:2px; |
1118 border-radius:4px; |
970 box-shadow:none; |
1119 box-shadow:none; |
971 outline:none; |
1120 outline:none; |
972 overflow:auto; |
1121 overflow:auto; |
973 width:300px; |
1122 width:300px; |
974 } |
1123 } |
975 .block-editor-block-switcher__preview__popover .block-editor-block-switcher__preview{ |
1124 .block-editor-block-switcher__popover-preview .block-editor-block-switcher__preview{ |
976 margin:16px 0; |
1125 margin:16px 0; |
977 max-height:468px; |
1126 max-height:468px; |
978 overflow:hidden; |
1127 overflow:hidden; |
979 padding:0 16px; |
1128 padding:0 16px; |
980 } |
1129 } |
981 .block-editor-block-switcher__preview__popover .block-editor-block-switcher__preview.is-pattern-list-preview{ |
1130 .block-editor-block-switcher__popover-preview .block-editor-block-switcher__preview.is-pattern-list-preview{ |
982 overflow:unset; |
1131 overflow:unset; |
983 } |
1132 } |
984 |
1133 |
985 .block-editor-block-switcher__preview-title{ |
1134 .block-editor-block-switcher__preview-title{ |
986 color:#757575; |
1135 color:#757575; |
1344 } |
1495 } |
1345 .block-editor-panel-color-gradient-settings__dropdown .component-color-indicator{ |
1496 .block-editor-panel-color-gradient-settings__dropdown .component-color-indicator{ |
1346 flex-shrink:0; |
1497 flex-shrink:0; |
1347 } |
1498 } |
1348 |
1499 |
|
1500 .block-editor-panel-color-gradient-settings__reset{ |
|
1501 left:0; |
|
1502 margin:auto 8px; |
|
1503 opacity:0; |
|
1504 position:absolute; |
|
1505 top:8px; |
|
1506 } |
|
1507 @media not (prefers-reduced-motion){ |
|
1508 .block-editor-panel-color-gradient-settings__reset{ |
|
1509 transition:opacity .1s ease-in-out; |
|
1510 } |
|
1511 } |
|
1512 .block-editor-panel-color-gradient-settings__reset.block-editor-panel-color-gradient-settings__reset{ |
|
1513 border-radius:2px; |
|
1514 } |
|
1515 .block-editor-panel-color-gradient-settings__dropdown:hover+.block-editor-panel-color-gradient-settings__reset,.block-editor-panel-color-gradient-settings__reset:focus,.block-editor-panel-color-gradient-settings__reset:hover{ |
|
1516 opacity:1; |
|
1517 } |
|
1518 @media (hover:none){ |
|
1519 .block-editor-panel-color-gradient-settings__reset{ |
|
1520 opacity:1; |
|
1521 } |
|
1522 } |
|
1523 |
1349 .block-editor-date-format-picker{ |
1524 .block-editor-date-format-picker{ |
1350 margin-bottom:16px; |
1525 border:none; |
|
1526 margin:0 0 16px; |
|
1527 padding:0; |
1351 } |
1528 } |
1352 |
1529 |
1353 .block-editor-date-format-picker__custom-format-select-control__custom-option{ |
1530 .block-editor-date-format-picker__custom-format-select-control__custom-option{ |
1354 border-top:1px solid #ddd; |
1531 border-top:1px solid #ddd; |
1355 } |
1532 } |
1356 .block-editor-date-format-picker__custom-format-select-control__custom-option.has-hint{ |
1533 |
1357 grid-template-columns:auto 30px; |
1534 .block-editor-duotone-control__popover.components-popover>.components-popover__content{ |
1358 } |
1535 padding:8px; |
1359 .block-editor-date-format-picker__custom-format-select-control__custom-option .components-custom-select-control__item-hint{ |
|
1360 grid-row:2; |
|
1361 text-align:right; |
|
1362 } |
|
1363 |
|
1364 .block-editor-duotone-control__popover>.components-popover__content{ |
|
1365 padding:16px; |
|
1366 width:260px; |
1536 width:260px; |
1367 } |
1537 } |
1368 .block-editor-duotone-control__popover .components-menu-group__label{ |
1538 .block-editor-duotone-control__popover.components-popover .components-menu-group__label{ |
1369 padding:0; |
1539 padding:0; |
1370 } |
1540 } |
1371 .block-editor-duotone-control__popover .components-circular-option-picker__swatches{ |
1541 .block-editor-duotone-control__popover.components-popover .components-circular-option-picker__swatches{ |
1372 display:grid; |
1542 display:grid; |
1373 gap:12px; |
1543 gap:12px; |
1374 grid-template-columns:repeat(6, 28px); |
1544 grid-template-columns:repeat(6, 28px); |
1375 justify-content:space-between; |
1545 justify-content:space-between; |
1376 } |
1546 } |
1377 |
1547 |
1378 .block-editor-duotone-control__unset-indicator{ |
1548 .block-editor-duotone-control__unset-indicator{ |
1379 background:linear-gradient(45deg, #0000 48%, #ddd 0, #ddd 52%, #0000 0); |
1549 background:linear-gradient(45deg, #0000 48%, #ddd 0, #ddd 52%, #0000 0); |
1380 } |
1550 } |
1381 |
1551 |
1382 .components-font-appearance-control ul li{ |
1552 .components-font-appearance-control [role=option]{ |
1383 color:#1e1e1e; |
1553 color:#1e1e1e; |
1384 text-transform:capitalize; |
1554 text-transform:capitalize; |
|
1555 } |
|
1556 |
|
1557 .block-editor-font-family-control:not(.is-next-has-no-margin-bottom){ |
|
1558 margin-bottom:8px; |
1385 } |
1559 } |
1386 |
1560 |
1387 .block-editor-global-styles__toggle-icon{ |
1561 .block-editor-global-styles__toggle-icon{ |
1388 fill:currentColor; |
1562 fill:currentColor; |
1389 } |
1563 } |
1404 } |
1578 } |
1405 |
1579 |
1406 .block-editor-global-styles-filters-panel__dropdown,.block-editor-global-styles__shadow-dropdown{ |
1580 .block-editor-global-styles-filters-panel__dropdown,.block-editor-global-styles__shadow-dropdown{ |
1407 display:block; |
1581 display:block; |
1408 padding:0; |
1582 padding:0; |
|
1583 position:relative; |
1409 } |
1584 } |
1410 .block-editor-global-styles-filters-panel__dropdown button,.block-editor-global-styles__shadow-dropdown button{ |
1585 .block-editor-global-styles-filters-panel__dropdown button,.block-editor-global-styles__shadow-dropdown button{ |
1411 padding:8px; |
1586 padding:8px; |
1412 width:100%; |
1587 width:100%; |
1413 } |
1588 } |
1414 .block-editor-global-styles-filters-panel__dropdown button.is-open,.block-editor-global-styles__shadow-dropdown button.is-open{ |
1589 .block-editor-global-styles-filters-panel__dropdown button.is-open,.block-editor-global-styles__shadow-dropdown button.is-open{ |
1415 background-color:#f0f0f0; |
1590 background-color:#f0f0f0; |
1416 } |
1591 } |
1417 |
1592 |
|
1593 .block-editor-global-styles__shadow-editor__remove-button{ |
|
1594 left:0; |
|
1595 margin:auto 8px; |
|
1596 opacity:0; |
|
1597 position:absolute; |
|
1598 top:8px; |
|
1599 } |
|
1600 @media not (prefers-reduced-motion){ |
|
1601 .block-editor-global-styles__shadow-editor__remove-button{ |
|
1602 transition:opacity .1s ease-in-out; |
|
1603 } |
|
1604 } |
|
1605 .block-editor-global-styles__shadow-dropdown:hover .block-editor-global-styles__shadow-editor__remove-button,.block-editor-global-styles__shadow-editor__remove-button:focus,.block-editor-global-styles__shadow-editor__remove-button:hover{ |
|
1606 opacity:1; |
|
1607 } |
|
1608 @media (hover:none){ |
|
1609 .block-editor-global-styles__shadow-editor__remove-button{ |
|
1610 opacity:1; |
|
1611 } |
|
1612 } |
|
1613 |
|
1614 .block-editor-global-styles-filters-panel__dropdown{ |
|
1615 border:1px solid #ddd; |
|
1616 border-radius:2px; |
|
1617 } |
|
1618 |
1418 .block-editor-global-styles__shadow-indicator{ |
1619 .block-editor-global-styles__shadow-indicator{ |
|
1620 align-items:center; |
|
1621 appearance:none; |
|
1622 background:none; |
1419 border:1px solid #e0e0e0; |
1623 border:1px solid #e0e0e0; |
1420 border-radius:2px; |
1624 border-radius:2px; |
1421 box-sizing:border-box; |
1625 box-sizing:border-box; |
1422 color:#2f2f2f; |
1626 color:#2f2f2f; |
1423 cursor:pointer; |
1627 cursor:pointer; |
|
1628 display:inline-flex; |
1424 height:26px; |
1629 height:26px; |
1425 padding:0; |
1630 padding:0; |
1426 transform:scale(1); |
1631 transform:scale(1); |
1427 transition:transform .1s ease; |
|
1428 width:26px; |
1632 width:26px; |
1429 will-change:transform; |
1633 will-change:transform; |
|
1634 } |
|
1635 @media not (prefers-reduced-motion){ |
|
1636 .block-editor-global-styles__shadow-indicator{ |
|
1637 transition:transform .1s ease; |
|
1638 } |
1430 } |
1639 } |
1431 .block-editor-global-styles__shadow-indicator:focus{ |
1640 .block-editor-global-styles__shadow-indicator:focus{ |
1432 border:2px solid #757575; |
1641 border:2px solid #757575; |
1433 } |
1642 } |
1434 .block-editor-global-styles__shadow-indicator:hover{ |
1643 .block-editor-global-styles__shadow-indicator:hover{ |
1441 .block-editor-global-styles-advanced-panel__custom-css-input textarea{ |
1650 .block-editor-global-styles-advanced-panel__custom-css-input textarea{ |
1442 direction:ltr; |
1651 direction:ltr; |
1443 font-family:Menlo,Consolas,monaco,monospace; |
1652 font-family:Menlo,Consolas,monaco,monospace; |
1444 } |
1653 } |
1445 |
1654 |
1446 .block-editor-global-styles-background-panel__inspector-media-replace-container{ |
1655 .block-editor-panel-duotone-settings__reset{ |
1447 position:relative; |
1656 left:0; |
1448 } |
1657 margin:auto 8px; |
1449 .block-editor-global-styles-background-panel__inspector-media-replace-container .components-drop-zone__content-icon{ |
1658 opacity:0; |
1450 display:none; |
1659 position:absolute; |
1451 } |
1660 top:8px; |
1452 .block-editor-global-styles-background-panel__inspector-media-replace-container button.components-button{ |
1661 } |
1453 box-shadow:inset 0 0 0 1px #ccc; |
1662 @media not (prefers-reduced-motion){ |
1454 color:#1e1e1e; |
1663 .block-editor-panel-duotone-settings__reset{ |
1455 display:block; |
1664 transition:opacity .1s ease-in-out; |
1456 height:40px; |
1665 } |
1457 width:100%; |
1666 } |
1458 } |
1667 .block-editor-global-styles-filters-panel__dropdown:hover .block-editor-panel-duotone-settings__reset,.block-editor-panel-duotone-settings__reset:focus,.block-editor-panel-duotone-settings__reset:hover{ |
1459 .block-editor-global-styles-background-panel__inspector-media-replace-container button.components-button:hover{ |
1668 opacity:1; |
1460 color:var(--wp-admin-theme-color); |
1669 } |
1461 } |
1670 @media (hover:none){ |
1462 .block-editor-global-styles-background-panel__inspector-media-replace-container button.components-button:focus{ |
1671 .block-editor-panel-duotone-settings__reset{ |
1463 box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); |
1672 opacity:1; |
1464 } |
1673 } |
1465 .block-editor-global-styles-background-panel__inspector-media-replace-container .block-editor-global-styles-background-panel__inspector-media-replace-title{ |
1674 } |
1466 text-align:start; |
1675 |
1467 text-align-last:center; |
1676 .block-editor-grid-visualizer.block-editor-grid-visualizer.block-editor-grid-visualizer{ |
1468 white-space:normal; |
1677 z-index:30; |
1469 word-break:break-all; |
1678 } |
1470 } |
1679 .block-editor-grid-visualizer.block-editor-grid-visualizer.block-editor-grid-visualizer .components-popover__content *{ |
1471 .block-editor-global-styles-background-panel__inspector-media-replace-container .components-dropdown{ |
1680 pointer-events:none; |
1472 display:block; |
1681 } |
1473 } |
1682 .block-editor-grid-visualizer.block-editor-grid-visualizer.block-editor-grid-visualizer.is-dropping-allowed .block-editor-grid-visualizer__drop-zone{ |
1474 |
1683 pointer-events:all; |
1475 .block-editor-global-styles-background-panel__inspector-image-indicator-wrapper{ |
1684 } |
1476 background:#fff; |
1685 .block-editor-grid-visualizer.block-editor-grid-visualizer.block-editor-grid-visualizer .block-editor-inserter *{ |
1477 display:block; |
1686 pointer-events:auto; |
1478 flex:none; |
|
1479 height:20px; |
|
1480 width:20px; |
|
1481 } |
|
1482 |
|
1483 .block-editor-global-styles-background-panel__inspector-image-indicator{ |
|
1484 background-size:cover; |
|
1485 border-radius:50%; |
|
1486 display:block; |
|
1487 height:20px; |
|
1488 position:relative; |
|
1489 width:20px; |
|
1490 } |
|
1491 |
|
1492 .block-editor-global-styles-background-panel__inspector-image-indicator:after{ |
|
1493 border:1px solid #0000; |
|
1494 border-radius:50%; |
|
1495 bottom:-1px; |
|
1496 box-shadow:inset 0 0 0 1px #0003; |
|
1497 box-sizing:inherit; |
|
1498 content:""; |
|
1499 left:-1px; |
|
1500 position:absolute; |
|
1501 right:-1px; |
|
1502 top:-1px; |
|
1503 } |
|
1504 |
|
1505 .block-editor-grid-visualizer{ |
|
1506 z-index:30 !important; |
|
1507 } |
|
1508 |
|
1509 .block-editor-grid-visualizer .components-popover__content *{ |
|
1510 pointer-events:none !important; |
|
1511 } |
1687 } |
1512 |
1688 |
1513 .block-editor-grid-visualizer__grid{ |
1689 .block-editor-grid-visualizer__grid{ |
1514 display:grid; |
1690 display:grid; |
1515 } |
1691 position:absolute; |
1516 |
1692 } |
1517 .block-editor-grid-visualizer__item{ |
1693 |
1518 border-radius:2px; |
1694 .block-editor-grid-visualizer__cell{ |
1519 outline:1px solid #0000; |
1695 display:grid; |
1520 } |
1696 position:relative; |
1521 |
1697 } |
1522 .block-editor-grid-item-resizer{ |
1698 .block-editor-grid-visualizer__cell .block-editor-inserter{ |
1523 z-index:30 !important; |
1699 bottom:0; |
1524 } |
1700 color:inherit; |
1525 |
1701 left:0; |
1526 .block-editor-grid-item-resizer .components-popover__content *{ |
1702 overflow:hidden; |
1527 pointer-events:none !important; |
1703 position:absolute; |
|
1704 right:0; |
|
1705 top:0; |
|
1706 z-index:32; |
|
1707 } |
|
1708 .block-editor-grid-visualizer__cell .block-editor-inserter .block-editor-grid-visualizer__appender{ |
|
1709 box-shadow:inset 0 0 0 1px color-mix(in srgb, currentColor 20%, #0000); |
|
1710 color:inherit; |
|
1711 height:100%; |
|
1712 opacity:0; |
|
1713 overflow:hidden; |
|
1714 padding:0 !important; |
|
1715 width:100%; |
|
1716 } |
|
1717 .block-editor-grid-visualizer__cell.is-highlighted .block-editor-grid-visualizer__drop-zone,.block-editor-grid-visualizer__cell.is-highlighted .block-editor-inserter{ |
|
1718 background:var(--wp-admin-theme-color); |
|
1719 } |
|
1720 .block-editor-grid-visualizer__cell .block-editor-grid-visualizer__appender:focus,.block-editor-grid-visualizer__cell:hover .block-editor-grid-visualizer__appender{ |
|
1721 background-color:color-mix(in srgb, currentColor 20%, #0000); |
|
1722 opacity:1; |
|
1723 } |
|
1724 |
|
1725 .block-editor-grid-visualizer__drop-zone{ |
|
1726 background:#cccccc1a; |
|
1727 grid-column:1; |
|
1728 grid-row:1; |
|
1729 height:100%; |
|
1730 min-height:8px; |
|
1731 min-width:8px; |
|
1732 width:100%; |
|
1733 } |
|
1734 |
|
1735 .block-editor-grid-item-resizer.block-editor-grid-item-resizer.block-editor-grid-item-resizer{ |
|
1736 z-index:30; |
|
1737 } |
|
1738 .block-editor-grid-item-resizer.block-editor-grid-item-resizer.block-editor-grid-item-resizer .components-popover__content *{ |
|
1739 pointer-events:none; |
1528 } |
1740 } |
1529 |
1741 |
1530 .block-editor-grid-item-resizer__box{ |
1742 .block-editor-grid-item-resizer__box{ |
1531 border:1px solid var(--wp-admin-theme-color); |
1743 border:1px solid var(--wp-admin-theme-color); |
1532 } |
1744 } |
1533 .block-editor-grid-item-resizer__box .components-resizable-box__handle{ |
1745 .block-editor-grid-item-resizer__box .components-resizable-box__handle.components-resizable-box__handle.components-resizable-box__handle{ |
1534 pointer-events:all !important; |
1746 pointer-events:all; |
|
1747 } |
|
1748 |
|
1749 .block-editor-grid-item-mover__move-button-container{ |
|
1750 border:none; |
|
1751 display:flex; |
|
1752 justify-content:center; |
|
1753 padding:0; |
|
1754 } |
|
1755 .block-editor-grid-item-mover__move-button-container .block-editor-grid-item-mover-button{ |
|
1756 min-width:0 !important; |
|
1757 padding-left:0; |
|
1758 padding-right:0; |
|
1759 width:24px; |
|
1760 } |
|
1761 .block-editor-grid-item-mover__move-button-container .block-editor-grid-item-mover-button svg{ |
|
1762 min-width:24px; |
|
1763 } |
|
1764 .block-editor-grid-item-mover__move-button-container .block-editor-grid-item-mover-button:before{ |
|
1765 border-radius:2px; |
|
1766 content:""; |
|
1767 display:block; |
|
1768 height:32px; |
|
1769 left:8px; |
|
1770 position:absolute; |
|
1771 right:8px; |
|
1772 z-index:-1; |
|
1773 } |
|
1774 @media not (prefers-reduced-motion){ |
|
1775 .block-editor-grid-item-mover__move-button-container .block-editor-grid-item-mover-button:before{ |
|
1776 animation:components-button__appear-animation .1s ease; |
|
1777 animation-fill-mode:forwards; |
|
1778 } |
|
1779 } |
|
1780 .block-editor-grid-item-mover__move-button-container .block-editor-grid-item-mover-button:focus,.block-editor-grid-item-mover__move-button-container .block-editor-grid-item-mover-button:focus:before,.block-editor-grid-item-mover__move-button-container .block-editor-grid-item-mover-button:focus:enabled{ |
|
1781 box-shadow:none; |
|
1782 outline:none; |
|
1783 } |
|
1784 .block-editor-grid-item-mover__move-button-container .block-editor-grid-item-mover-button:focus-visible:before{ |
|
1785 box-shadow:inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); |
|
1786 outline:2px solid #0000; |
|
1787 } |
|
1788 |
|
1789 .block-editor-grid-item-mover__move-vertical-button-container{ |
|
1790 display:flex; |
|
1791 position:relative; |
|
1792 } |
|
1793 @media (min-width:600px){ |
|
1794 .block-editor-grid-item-mover__move-vertical-button-container{ |
|
1795 flex-direction:column; |
|
1796 justify-content:space-around; |
|
1797 } |
|
1798 .block-editor-grid-item-mover__move-vertical-button-container>.block-editor-grid-item-mover-button.block-editor-grid-item-mover-button{ |
|
1799 height:20px !important; |
|
1800 min-width:0 !important; |
|
1801 width:100%; |
|
1802 } |
|
1803 .block-editor-grid-item-mover__move-vertical-button-container>.block-editor-grid-item-mover-button.block-editor-grid-item-mover-button:before{ |
|
1804 height:calc(100% - 4px); |
|
1805 } |
|
1806 .block-editor-grid-item-mover__move-vertical-button-container .block-editor-grid-item-mover-button.is-down-button svg,.block-editor-grid-item-mover__move-vertical-button-container .block-editor-grid-item-mover-button.is-up-button svg{ |
|
1807 flex-shrink:0; |
|
1808 height:20px; |
|
1809 } |
|
1810 .editor-collapsible-block-toolbar .block-editor-grid-item-mover__move-vertical-button-container{ |
|
1811 height:40px; |
|
1812 position:relative; |
|
1813 top:-5px; |
|
1814 } |
|
1815 } |
|
1816 |
|
1817 .show-icon-labels .block-editor-grid-item-mover__move-horizontal-button-container{ |
|
1818 position:relative; |
|
1819 } |
|
1820 @media (min-width:600px){ |
|
1821 .show-icon-labels .block-editor-grid-item-mover__move-horizontal-button-container:before{ |
|
1822 background:#e0e0e0; |
|
1823 content:""; |
|
1824 height:100%; |
|
1825 position:absolute; |
|
1826 top:0; |
|
1827 width:1px; |
|
1828 } |
|
1829 } |
|
1830 @media (min-width:782px){ |
|
1831 .show-icon-labels .block-editor-grid-item-mover__move-horizontal-button-container:before{ |
|
1832 background:#1e1e1e; |
|
1833 } |
|
1834 } |
|
1835 .show-icon-labels .block-editor-grid-item-mover__move-horizontal-button-container.is-left{ |
|
1836 padding-left:6px; |
|
1837 } |
|
1838 .show-icon-labels .block-editor-grid-item-mover__move-horizontal-button-container.is-left:before{ |
|
1839 left:0; |
|
1840 } |
|
1841 .show-icon-labels .block-editor-grid-item-mover__move-horizontal-button-container.is-right{ |
|
1842 padding-right:6px; |
|
1843 } |
|
1844 .show-icon-labels .block-editor-grid-item-mover__move-horizontal-button-container.is-right:before{ |
|
1845 right:0; |
|
1846 } |
|
1847 @media (min-width:600px){ |
|
1848 .show-icon-labels .block-editor-grid-item-mover__move-vertical-button-container:before{ |
|
1849 background:#e0e0e0; |
|
1850 content:""; |
|
1851 height:1px; |
|
1852 margin-top:-.5px; |
|
1853 position:absolute; |
|
1854 right:50%; |
|
1855 top:50%; |
|
1856 transform:translate(50%); |
|
1857 width:100%; |
|
1858 } |
|
1859 } |
|
1860 @media (min-width:782px){ |
|
1861 .show-icon-labels .block-editor-grid-item-mover__move-vertical-button-container:before{ |
|
1862 background:#1e1e1e; |
|
1863 } |
|
1864 } |
|
1865 .show-icon-labels .block-editor-grid-item-mover-button{ |
|
1866 white-space:nowrap; |
|
1867 } |
|
1868 .show-icon-labels .editor-collapsible-block-toolbar .block-editor-grid-item-mover__move-horizontal-button-container:before{ |
|
1869 background:#ddd; |
|
1870 height:24px; |
|
1871 top:4px; |
|
1872 } |
|
1873 .show-icon-labels .editor-collapsible-block-toolbar .block-editor-grid-item-mover__move-vertical-button-container:before{ |
|
1874 background:#ddd; |
|
1875 width:calc(100% - 24px); |
1535 } |
1876 } |
1536 |
1877 |
1537 .block-editor-height-control{ |
1878 .block-editor-height-control{ |
1538 border:0; |
1879 border:0; |
1539 margin:0; |
1880 margin:0; |
1540 padding:0; |
1881 padding:0; |
|
1882 } |
|
1883 |
|
1884 .block-editor-iframe__container{ |
|
1885 height:100%; |
|
1886 width:100%; |
|
1887 } |
|
1888 |
|
1889 .block-editor-iframe__scale-container{ |
|
1890 height:100%; |
|
1891 } |
|
1892 |
|
1893 .block-editor-iframe__scale-container.is-zoomed-out{ |
|
1894 left:0; |
|
1895 position:absolute; |
|
1896 width:var(--wp-block-editor-iframe-zoom-out-scale-container-width, 100vw); |
1541 } |
1897 } |
1542 |
1898 |
1543 .block-editor-image-size-control{ |
1899 .block-editor-image-size-control{ |
1544 margin-bottom:1em; |
1900 margin-bottom:1em; |
1545 } |
1901 } |
1622 outline:2px solid #0000; |
1975 outline:2px solid #0000; |
1623 outline-offset:-2px; |
1976 outline-offset:-2px; |
1624 } |
1977 } |
1625 |
1978 |
1626 .block-editor-block-types-list__item-icon{ |
1979 .block-editor-block-types-list__item-icon{ |
1627 border-radius:2px; |
|
1628 color:#1e1e1e; |
1980 color:#1e1e1e; |
1629 padding:12px 20px; |
1981 padding:12px 20px; |
1630 transition:all .05s ease-in-out; |
1982 } |
1631 } |
1983 @media not (prefers-reduced-motion){ |
1632 @media (prefers-reduced-motion:reduce){ |
|
1633 .block-editor-block-types-list__item-icon{ |
1984 .block-editor-block-types-list__item-icon{ |
1634 transition-delay:0s; |
1985 transition:all .05s ease-in-out; |
1635 transition-duration:0s; |
|
1636 } |
1986 } |
1637 } |
1987 } |
1638 .block-editor-block-types-list__item-icon .block-editor-block-icon{ |
1988 .block-editor-block-types-list__item-icon .block-editor-block-icon{ |
1639 margin-left:auto; |
1989 margin-left:auto; |
1640 margin-right:auto; |
1990 margin-right:auto; |
1641 } |
1991 } |
1642 .block-editor-block-types-list__item-icon svg{ |
1992 @media not (prefers-reduced-motion){ |
1643 transition:all .15s ease-out; |
|
1644 } |
|
1645 @media (prefers-reduced-motion:reduce){ |
|
1646 .block-editor-block-types-list__item-icon svg{ |
1993 .block-editor-block-types-list__item-icon svg{ |
1647 transition-delay:0s; |
1994 transition:all .15s ease-out; |
1648 transition-duration:0s; |
|
1649 } |
1995 } |
1650 } |
1996 } |
1651 .block-editor-block-types-list__list-item[draggable=true] .block-editor-block-types-list__item-icon{ |
1997 .block-editor-block-types-list__list-item[draggable=true] .block-editor-block-types-list__item-icon{ |
1652 cursor:grab; |
1998 cursor:grab; |
1653 } |
1999 } |
1654 |
2000 |
1655 .block-editor-block-types-list__item-title{ |
2001 .block-editor-block-types-list__item-title{ |
1656 font-size:12px; |
2002 font-size:12px; |
|
2003 hyphens:auto; |
1657 padding:4px 2px 8px; |
2004 padding:4px 2px 8px; |
1658 } |
2005 } |
1659 |
2006 |
1660 .show-icon-labels .block-editor-block-inspector__tabs [role=tablist] .components-button{ |
2007 .block-editor-block-inspector__tabs [role=tablist]{ |
1661 justify-content:center; |
2008 width:100%; |
1662 } |
|
1663 |
|
1664 .block-editor-inspector-controls-tabs__hint{ |
|
1665 align-items:flex-start; |
|
1666 background:#f0f0f0; |
|
1667 border-radius:2px; |
|
1668 color:#1e1e1e; |
|
1669 display:flex; |
|
1670 flex-direction:row; |
|
1671 font-size:13px; |
|
1672 margin:16px; |
|
1673 } |
|
1674 |
|
1675 .block-editor-inspector-controls-tabs__hint-content{ |
|
1676 margin:12px 12px 12px 0; |
|
1677 } |
|
1678 |
|
1679 .block-editor-inspector-controls-tabs__hint-dismiss{ |
|
1680 margin:4px 0 4px 4px; |
|
1681 } |
2009 } |
1682 |
2010 |
1683 .block-editor-inspector-popover-header{ |
2011 .block-editor-inspector-popover-header{ |
1684 margin-bottom:16px; |
2012 margin-bottom:16px; |
1685 } |
|
1686 |
|
1687 [class].block-editor-inspector-popover-header__action{ |
|
1688 height:24px; |
|
1689 } |
|
1690 [class].block-editor-inspector-popover-header__action.has-icon{ |
|
1691 min-width:24px; |
|
1692 padding:0; |
|
1693 } |
|
1694 [class].block-editor-inspector-popover-header__action:not(.has-icon){ |
|
1695 text-decoration:underline; |
|
1696 } |
2013 } |
1697 |
2014 |
1698 .items-justified-left{ |
2015 .items-justified-left{ |
1699 justify-content:flex-start; |
2016 justify-content:flex-start; |
1700 } |
2017 } |
1763 margin:16px; |
2080 margin:16px; |
1764 } |
2081 } |
1765 .block-editor-link-control__field .components-base-control__label{ |
2082 .block-editor-link-control__field .components-base-control__label{ |
1766 color:#1e1e1e; |
2083 color:#1e1e1e; |
1767 } |
2084 } |
1768 .block-editor-link-control__field input[type=text],.block-editor-link-control__field.block-editor-url-input input[type=text].block-editor-url-input__input{ |
|
1769 border:1px solid #949494; |
|
1770 border-radius:2px; |
|
1771 box-shadow:0 0 0 #0000; |
|
1772 display:block; |
|
1773 font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; |
|
1774 font-size:16px; |
|
1775 height:40px; |
|
1776 line-height:normal; |
|
1777 margin:0; |
|
1778 padding:8px 16px 8px 40px; |
|
1779 position:relative; |
|
1780 transition:box-shadow .1s linear; |
|
1781 width:100%; |
|
1782 } |
|
1783 @media (prefers-reduced-motion:reduce){ |
|
1784 .block-editor-link-control__field input[type=text],.block-editor-link-control__field.block-editor-url-input input[type=text].block-editor-url-input__input{ |
|
1785 transition-delay:0s; |
|
1786 transition-duration:0s; |
|
1787 } |
|
1788 } |
|
1789 @media (min-width:600px){ |
|
1790 .block-editor-link-control__field input[type=text],.block-editor-link-control__field.block-editor-url-input input[type=text].block-editor-url-input__input{ |
|
1791 font-size:13px; |
|
1792 line-height:normal; |
|
1793 } |
|
1794 } |
|
1795 .block-editor-link-control__field input[type=text]:focus,.block-editor-link-control__field.block-editor-url-input input[type=text].block-editor-url-input__input:focus{ |
|
1796 border-color:var(--wp-admin-theme-color); |
|
1797 box-shadow:0 0 0 .5px var(--wp-admin-theme-color); |
|
1798 outline:2px solid #0000; |
|
1799 } |
|
1800 .block-editor-link-control__field input[type=text]::-webkit-input-placeholder,.block-editor-link-control__field.block-editor-url-input input[type=text].block-editor-url-input__input::-webkit-input-placeholder{ |
|
1801 color:#1e1e1e9e; |
|
1802 } |
|
1803 .block-editor-link-control__field input[type=text]::-moz-placeholder,.block-editor-link-control__field.block-editor-url-input input[type=text].block-editor-url-input__input::-moz-placeholder{ |
|
1804 color:#1e1e1e9e; |
|
1805 opacity:1; |
|
1806 } |
|
1807 .block-editor-link-control__field input[type=text]:-ms-input-placeholder,.block-editor-link-control__field.block-editor-url-input input[type=text].block-editor-url-input__input:-ms-input-placeholder{ |
|
1808 color:#1e1e1e9e; |
|
1809 } |
|
1810 .has-actions .block-editor-link-control__field input[type=text],.has-actions .block-editor-link-control__field.block-editor-url-input input[type=text].block-editor-url-input__input{ |
|
1811 padding-left:16px; |
|
1812 } |
|
1813 |
2085 |
1814 .block-editor-link-control__search-error{ |
2086 .block-editor-link-control__search-error{ |
1815 margin:-8px 16px 16px; |
2087 margin:-8px 16px 16px; |
1816 } |
|
1817 |
|
1818 .block-editor-link-control__search-enter{ |
|
1819 left:19px; |
|
1820 position:absolute; |
|
1821 top:3px; |
|
1822 } |
2088 } |
1823 |
2089 |
1824 .block-editor-link-control__search-actions{ |
2090 .block-editor-link-control__search-actions{ |
1825 padding:8px 16px 16px; |
2091 padding:8px 16px 16px; |
1826 } |
2092 } |
2064 .block-editor-link-control__tools .components-button.block-editor-link-control__drawer-toggle[aria-expanded=true]{ |
2333 .block-editor-link-control__tools .components-button.block-editor-link-control__drawer-toggle[aria-expanded=true]{ |
2065 color:#1e1e1e; |
2334 color:#1e1e1e; |
2066 } |
2335 } |
2067 .block-editor-link-control__tools .components-button.block-editor-link-control__drawer-toggle[aria-expanded=true] svg{ |
2336 .block-editor-link-control__tools .components-button.block-editor-link-control__drawer-toggle[aria-expanded=true] svg{ |
2068 transform:rotate(-90deg); |
2337 transform:rotate(-90deg); |
2069 transition:transform .1s ease; |
|
2070 visibility:visible; |
2338 visibility:visible; |
2071 } |
2339 } |
2072 @media (prefers-reduced-motion:reduce){ |
2340 @media not (prefers-reduced-motion){ |
2073 .block-editor-link-control__tools .components-button.block-editor-link-control__drawer-toggle[aria-expanded=true] svg{ |
2341 .block-editor-link-control__tools .components-button.block-editor-link-control__drawer-toggle[aria-expanded=true] svg{ |
2074 transition-delay:0s; |
2342 transition:transform .1s ease; |
2075 transition-duration:0s; |
|
2076 } |
2343 } |
2077 } |
2344 } |
2078 .block-editor-link-control__tools .components-button.block-editor-link-control__drawer-toggle[aria-expanded=false] svg{ |
2345 .block-editor-link-control__tools .components-button.block-editor-link-control__drawer-toggle[aria-expanded=false] svg{ |
2079 transform:rotate(0deg); |
2346 transform:rotate(0deg); |
2080 transition:transform .1s ease; |
|
2081 visibility:visible; |
2347 visibility:visible; |
2082 } |
2348 } |
2083 @media (prefers-reduced-motion:reduce){ |
2349 @media not (prefers-reduced-motion){ |
2084 .block-editor-link-control__tools .components-button.block-editor-link-control__drawer-toggle[aria-expanded=false] svg{ |
2350 .block-editor-link-control__tools .components-button.block-editor-link-control__drawer-toggle[aria-expanded=false] svg{ |
2085 transition-delay:0s; |
2351 transition:transform .1s ease; |
2086 transition-duration:0s; |
|
2087 } |
2352 } |
2088 } |
2353 } |
2089 |
2354 |
2090 .block-editor-link-control .block-editor-link-control__search-input .components-spinner{ |
2355 .block-editor-link-control .block-editor-link-control__search-input .components-spinner{ |
2091 display:block; |
2356 display:block; |
2196 .block-editor-list-view-leaf.is-branch-selected:not(.is-selected) td{ |
2469 .block-editor-list-view-leaf.is-branch-selected:not(.is-selected) td{ |
2197 border-radius:0; |
2470 border-radius:0; |
2198 } |
2471 } |
2199 .block-editor-list-view-leaf.is-displacement-normal{ |
2472 .block-editor-list-view-leaf.is-displacement-normal{ |
2200 transform:translateY(0); |
2473 transform:translateY(0); |
2201 transition:transform .2s; |
2474 } |
2202 } |
2475 @media not (prefers-reduced-motion){ |
2203 @media (prefers-reduced-motion:reduce){ |
|
2204 .block-editor-list-view-leaf.is-displacement-normal{ |
2476 .block-editor-list-view-leaf.is-displacement-normal{ |
2205 transition-delay:0s; |
2477 transition:transform .2s; |
2206 transition-duration:0s; |
|
2207 } |
2478 } |
2208 } |
2479 } |
2209 .block-editor-list-view-leaf.is-displacement-up{ |
2480 .block-editor-list-view-leaf.is-displacement-up{ |
2210 transform:translateY(-32px); |
2481 transform:translateY(-32px); |
2211 transition:transform .2s; |
2482 } |
2212 } |
2483 @media not (prefers-reduced-motion){ |
2213 @media (prefers-reduced-motion:reduce){ |
|
2214 .block-editor-list-view-leaf.is-displacement-up{ |
2484 .block-editor-list-view-leaf.is-displacement-up{ |
2215 transition-delay:0s; |
2485 transition:transform .2s; |
2216 transition-duration:0s; |
|
2217 } |
2486 } |
2218 } |
2487 } |
2219 .block-editor-list-view-leaf.is-displacement-down{ |
2488 .block-editor-list-view-leaf.is-displacement-down{ |
2220 transform:translateY(32px); |
2489 transform:translateY(32px); |
2221 transition:transform .2s; |
2490 } |
2222 } |
2491 @media not (prefers-reduced-motion){ |
2223 @media (prefers-reduced-motion:reduce){ |
|
2224 .block-editor-list-view-leaf.is-displacement-down{ |
2492 .block-editor-list-view-leaf.is-displacement-down{ |
2225 transition-delay:0s; |
2493 transition:transform .2s; |
2226 transition-duration:0s; |
|
2227 } |
2494 } |
2228 } |
2495 } |
2229 .block-editor-list-view-leaf.is-after-dragged-blocks{ |
2496 .block-editor-list-view-leaf.is-after-dragged-blocks{ |
2230 transform:translateY(calc(var(--wp-admin--list-view-dragged-items-height, 32px)*-1)); |
2497 transform:translateY(calc(var(--wp-admin--list-view-dragged-items-height, 32px)*-1)); |
2231 transition:transform .2s; |
2498 } |
2232 } |
2499 @media not (prefers-reduced-motion){ |
2233 @media (prefers-reduced-motion:reduce){ |
|
2234 .block-editor-list-view-leaf.is-after-dragged-blocks{ |
2500 .block-editor-list-view-leaf.is-after-dragged-blocks{ |
2235 transition-delay:0s; |
2501 transition:transform .2s; |
2236 transition-duration:0s; |
|
2237 } |
2502 } |
2238 } |
2503 } |
2239 .block-editor-list-view-leaf.is-after-dragged-blocks.is-displacement-up{ |
2504 .block-editor-list-view-leaf.is-after-dragged-blocks.is-displacement-up{ |
2240 transform:translateY(calc(-32px + var(--wp-admin--list-view-dragged-items-height, 32px)*-1)); |
2505 transform:translateY(calc(-32px + var(--wp-admin--list-view-dragged-items-height, 32px)*-1)); |
2241 transition:transform .2s; |
2506 } |
2242 } |
2507 @media not (prefers-reduced-motion){ |
2243 @media (prefers-reduced-motion:reduce){ |
|
2244 .block-editor-list-view-leaf.is-after-dragged-blocks.is-displacement-up{ |
2508 .block-editor-list-view-leaf.is-after-dragged-blocks.is-displacement-up{ |
2245 transition-delay:0s; |
2509 transition:transform .2s; |
2246 transition-duration:0s; |
|
2247 } |
2510 } |
2248 } |
2511 } |
2249 .block-editor-list-view-leaf.is-after-dragged-blocks.is-displacement-down{ |
2512 .block-editor-list-view-leaf.is-after-dragged-blocks.is-displacement-down{ |
2250 transform:translateY(calc(32px + var(--wp-admin--list-view-dragged-items-height, 32px)*-1)); |
2513 transform:translateY(calc(32px + var(--wp-admin--list-view-dragged-items-height, 32px)*-1)); |
2251 transition:transform .2s; |
2514 } |
2252 } |
2515 @media not (prefers-reduced-motion){ |
2253 @media (prefers-reduced-motion:reduce){ |
|
2254 .block-editor-list-view-leaf.is-after-dragged-blocks.is-displacement-down{ |
2516 .block-editor-list-view-leaf.is-after-dragged-blocks.is-displacement-down{ |
2255 transition-delay:0s; |
2517 transition:transform .2s; |
2256 transition-duration:0s; |
|
2257 } |
2518 } |
2258 } |
2519 } |
2259 .block-editor-list-view-leaf.is-dragging{ |
2520 .block-editor-list-view-leaf.is-dragging{ |
2260 opacity:0; |
2521 opacity:0; |
2261 pointer-events:none; |
2522 pointer-events:none; |
2501 visibility:hidden; |
2766 visibility:hidden; |
2502 } |
2767 } |
2503 |
2768 |
2504 .block-editor-list-view-leaf[data-expanded=true] .block-editor-list-view__expander svg{ |
2769 .block-editor-list-view-leaf[data-expanded=true] .block-editor-list-view__expander svg{ |
2505 transform:rotate(-90deg); |
2770 transform:rotate(-90deg); |
2506 transition:transform .2s ease; |
|
2507 visibility:visible; |
2771 visibility:visible; |
2508 } |
2772 } |
2509 @media (prefers-reduced-motion:reduce){ |
2773 @media not (prefers-reduced-motion){ |
2510 .block-editor-list-view-leaf[data-expanded=true] .block-editor-list-view__expander svg{ |
2774 .block-editor-list-view-leaf[data-expanded=true] .block-editor-list-view__expander svg{ |
2511 transition-delay:0s; |
2775 transition:transform .2s ease; |
2512 transition-duration:0s; |
|
2513 } |
2776 } |
2514 } |
2777 } |
2515 |
2778 |
2516 .block-editor-list-view-leaf[data-expanded=false] .block-editor-list-view__expander svg{ |
2779 .block-editor-list-view-leaf[data-expanded=false] .block-editor-list-view__expander svg{ |
2517 transform:rotate(0deg); |
2780 transform:rotate(0deg); |
2518 transition:transform .2s ease; |
|
2519 visibility:visible; |
2781 visibility:visible; |
2520 } |
2782 } |
2521 @media (prefers-reduced-motion:reduce){ |
2783 @media not (prefers-reduced-motion){ |
2522 .block-editor-list-view-leaf[data-expanded=false] .block-editor-list-view__expander svg{ |
2784 .block-editor-list-view-leaf[data-expanded=false] .block-editor-list-view__expander svg{ |
2523 transition-delay:0s; |
2785 transition:transform .2s ease; |
2524 transition-duration:0s; |
|
2525 } |
2786 } |
2526 } |
2787 } |
2527 |
2788 |
2528 .block-editor-list-view-drop-indicator{ |
2789 .block-editor-list-view-drop-indicator{ |
2529 pointer-events:none; |
2790 pointer-events:none; |
2556 padding:0; |
2817 padding:0; |
2557 } |
2818 } |
2558 |
2819 |
2559 .list-view-appender .block-editor-inserter__toggle{ |
2820 .list-view-appender .block-editor-inserter__toggle{ |
2560 background-color:#1e1e1e; |
2821 background-color:#1e1e1e; |
2561 border-radius:2px; |
|
2562 color:#fff; |
2822 color:#fff; |
2563 height:24px; |
2823 height:24px; |
2564 margin:8px 24px 0 0; |
2824 margin:8px 24px 0 0; |
|
2825 padding:0; |
|
2826 } |
|
2827 .list-view-appender .block-editor-inserter__toggle.has-icon.is-next-40px-default-size{ |
2565 min-width:24px; |
2828 min-width:24px; |
2566 padding:0; |
|
2567 } |
2829 } |
2568 .list-view-appender .block-editor-inserter__toggle:focus,.list-view-appender .block-editor-inserter__toggle:hover{ |
2830 .list-view-appender .block-editor-inserter__toggle:focus,.list-view-appender .block-editor-inserter__toggle:hover{ |
2569 background:var(--wp-admin-theme-color); |
2831 background:var(--wp-admin-theme-color); |
2570 color:#fff; |
2832 color:#fff; |
2571 } |
2833 } |
2572 |
2834 |
2573 .list-view-appender__description,.modal-open .block-editor-media-replace-flow__options{ |
2835 .list-view-appender__description{ |
|
2836 display:none; |
|
2837 } |
|
2838 |
|
2839 .block-editor-media-placeholder__url-input-form{ |
|
2840 min-width:260px; |
|
2841 } |
|
2842 @media (min-width:600px){ |
|
2843 .block-editor-media-placeholder__url-input-form{ |
|
2844 width:300px; |
|
2845 } |
|
2846 } |
|
2847 .block-editor-media-placeholder__url-input-form input{ |
|
2848 direction:ltr; |
|
2849 } |
|
2850 |
|
2851 .modal-open .block-editor-media-replace-flow__options{ |
2574 display:none; |
2852 display:none; |
2575 } |
2853 } |
2576 |
2854 |
2577 .block-editor-media-replace-flow__indicator{ |
2855 .block-editor-media-replace-flow__indicator{ |
2578 margin-right:4px; |
2856 margin-right:4px; |
|
2857 } |
|
2858 |
|
2859 .block-editor-media-replace-flow__media-upload-menu:not(:empty)+.block-editor-media-flow__url-input{ |
|
2860 border-top:1px solid #1e1e1e; |
|
2861 margin-top:8px; |
|
2862 padding-bottom:8px; |
2579 } |
2863 } |
2580 |
2864 |
2581 .block-editor-media-flow__url-input{ |
2865 .block-editor-media-flow__url-input{ |
2582 margin-left:-8px; |
2866 margin-left:-8px; |
2583 margin-right:-8px; |
2867 margin-right:-8px; |
2584 padding:16px; |
2868 padding:16px; |
2585 } |
2869 } |
2586 .block-editor-media-flow__url-input.has-siblings{ |
|
2587 border-top:1px solid #1e1e1e; |
|
2588 margin-top:8px; |
|
2589 padding-bottom:8px; |
|
2590 } |
|
2591 .block-editor-media-flow__url-input .block-editor-media-replace-flow__image-url-label{ |
2870 .block-editor-media-flow__url-input .block-editor-media-replace-flow__image-url-label{ |
2592 display:block; |
2871 display:block; |
2593 margin-bottom:8px; |
2872 margin-bottom:8px; |
2594 top:16px; |
2873 top:16px; |
2595 } |
2874 } |
2736 } |
3006 } |
2737 .show-icon-labels .block-editor-rich-text__inline-format-toolbar-group .components-button.has-icon:after{ |
3007 .show-icon-labels .block-editor-rich-text__inline-format-toolbar-group .components-button.has-icon:after{ |
2738 content:attr(aria-label); |
3008 content:attr(aria-label); |
2739 } |
3009 } |
2740 |
3010 |
2741 .block-editor-segmented-text-control{ |
|
2742 border:0; |
|
2743 margin:0; |
|
2744 padding:0; |
|
2745 } |
|
2746 .block-editor-segmented-text-control .block-editor-segmented-text-control__buttons{ |
|
2747 display:flex; |
|
2748 padding:4px 0; |
|
2749 } |
|
2750 .block-editor-segmented-text-control .components-button.has-icon{ |
|
2751 margin-left:4px; |
|
2752 } |
|
2753 |
|
2754 .block-editor-skip-to-selected-block{ |
3011 .block-editor-skip-to-selected-block{ |
2755 position:absolute; |
3012 position:absolute; |
2756 top:-9999em; |
3013 top:-9999em; |
2757 } |
3014 } |
2758 .block-editor-skip-to-selected-block:focus{ |
3015 .block-editor-skip-to-selected-block:focus{ |
2759 background:#f1f1f1; |
3016 background:#f1f1f1; |
2760 box-shadow:0 0 2px 2px #0009; |
|
2761 color:var(--wp-admin-theme-color); |
|
2762 display:block; |
|
2763 font-size:14px; |
3017 font-size:14px; |
2764 font-weight:600; |
3018 font-weight:600; |
2765 height:auto; |
|
2766 line-height:normal; |
|
2767 outline:none; |
|
2768 padding:15px 23px 14px; |
|
2769 text-decoration:none; |
|
2770 width:auto; |
|
2771 z-index:100000; |
3019 z-index:100000; |
|
3020 } |
|
3021 |
|
3022 .block-editor-tabbed-sidebar{ |
|
3023 background-color:#fff; |
|
3024 display:flex; |
|
3025 flex-direction:column; |
|
3026 flex-grow:1; |
|
3027 height:100%; |
|
3028 overflow:hidden; |
|
3029 } |
|
3030 |
|
3031 .block-editor-tabbed-sidebar__tablist-and-close-button{ |
|
3032 border-bottom:1px solid #ddd; |
|
3033 display:flex; |
|
3034 justify-content:space-between; |
|
3035 padding-left:8px; |
|
3036 } |
|
3037 |
|
3038 .block-editor-tabbed-sidebar__close-button{ |
|
3039 align-self:center; |
|
3040 background:#fff; |
|
3041 order:1; |
|
3042 } |
|
3043 |
|
3044 .block-editor-tabbed-sidebar__tablist{ |
|
3045 margin-bottom:-1px; |
|
3046 } |
|
3047 |
|
3048 .block-editor-tabbed-sidebar__tabpanel{ |
|
3049 display:flex; |
|
3050 flex-direction:column; |
|
3051 flex-grow:1; |
|
3052 overflow-y:auto; |
|
3053 scrollbar-gutter:auto; |
2772 } |
3054 } |
2773 |
3055 |
2774 .block-editor-tool-selector__help{ |
3056 .block-editor-tool-selector__help{ |
2775 border-top:1px solid #ddd; |
3057 border-top:1px solid #ddd; |
2776 color:#757575; |
3058 color:#757575; |
2777 margin:8px -8px -8px; |
3059 margin:8px -8px -8px; |
2778 min-width:280px; |
3060 min-width:280px; |
2779 padding:16px; |
3061 padding:16px; |
2780 } |
3062 } |
2781 |
3063 |
|
3064 .block-editor-tool-selector__menu .components-menu-item__info{ |
|
3065 margin-right:36px; |
|
3066 text-align:right; |
|
3067 } |
|
3068 |
2782 .block-editor-block-list__block .block-editor-url-input,.block-editor-url-input,.components-popover .block-editor-url-input{ |
3069 .block-editor-block-list__block .block-editor-url-input,.block-editor-url-input,.components-popover .block-editor-url-input{ |
2783 flex-grow:1; |
3070 flex-grow:1; |
2784 padding:1px; |
3071 padding:1px; |
2785 position:relative; |
3072 position:relative; |
2786 } |
3073 } |
2787 .block-editor-block-list__block .block-editor-url-input input[type=text],.block-editor-url-input input[type=text],.components-popover .block-editor-url-input input[type=text]{ |
|
2788 font-size:16px; |
|
2789 margin-left:0; |
|
2790 margin-right:0; |
|
2791 padding:8px 12px 8px 8px; |
|
2792 width:100%; |
|
2793 } |
|
2794 @media (min-width:600px){ |
3074 @media (min-width:600px){ |
2795 .block-editor-block-list__block .block-editor-url-input input[type=text],.block-editor-url-input input[type=text],.components-popover .block-editor-url-input input[type=text]{ |
3075 .block-editor-block-list__block .block-editor-url-input,.block-editor-url-input,.components-popover .block-editor-url-input{ |
2796 font-size:13px; |
3076 min-width:300px; |
2797 width:300px; |
3077 width:auto; |
2798 } |
3078 } |
2799 } |
3079 } |
2800 .block-editor-block-list__block .block-editor-url-input input[type=text]::-ms-clear,.block-editor-url-input input[type=text]::-ms-clear,.components-popover .block-editor-url-input input[type=text]::-ms-clear{ |
3080 .block-editor-block-list__block .block-editor-url-input.is-full-width,.block-editor-block-list__block .block-editor-url-input.is-full-width__suggestions,.block-editor-url-input.is-full-width,.block-editor-url-input.is-full-width__suggestions,.components-popover .block-editor-url-input.is-full-width,.components-popover .block-editor-url-input.is-full-width__suggestions{ |
2801 display:none; |
|
2802 } |
|
2803 .block-editor-block-list__block .block-editor-url-input.is-full-width,.block-editor-block-list__block .block-editor-url-input.is-full-width .block-editor-url-input__input[type=text],.block-editor-block-list__block .block-editor-url-input.is-full-width__suggestions,.block-editor-url-input.is-full-width,.block-editor-url-input.is-full-width .block-editor-url-input__input[type=text],.block-editor-url-input.is-full-width__suggestions,.components-popover .block-editor-url-input.is-full-width,.components-popover .block-editor-url-input.is-full-width .block-editor-url-input__input[type=text],.components-popover .block-editor-url-input.is-full-width__suggestions{ |
|
2804 width:100%; |
3081 width:100%; |
2805 } |
3082 } |
2806 .block-editor-block-list__block .block-editor-url-input .components-spinner,.block-editor-url-input .components-spinner,.components-popover .block-editor-url-input .components-spinner{ |
3083 .block-editor-block-list__block .block-editor-url-input .components-spinner,.block-editor-url-input .components-spinner,.components-popover .block-editor-url-input .components-spinner{ |
2807 left:8px; |
3084 left:8px; |
2808 margin:0; |
3085 margin:0; |
2809 position:absolute; |
3086 position:absolute; |
2810 top:calc(50% - 8px); |
3087 top:calc(50% - 8px); |
2811 } |
|
2812 |
|
2813 .block-editor-url-input__input[type=text]{ |
|
2814 border:1px solid #949494; |
|
2815 border-radius:2px; |
|
2816 box-shadow:0 0 0 #0000; |
|
2817 font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; |
|
2818 font-size:16px; |
|
2819 line-height:normal; |
|
2820 padding:6px 8px; |
|
2821 transition:box-shadow .1s linear; |
|
2822 } |
|
2823 @media (prefers-reduced-motion:reduce){ |
|
2824 .block-editor-url-input__input[type=text]{ |
|
2825 transition-delay:0s; |
|
2826 transition-duration:0s; |
|
2827 } |
|
2828 } |
|
2829 @media (min-width:600px){ |
|
2830 .block-editor-url-input__input[type=text]{ |
|
2831 font-size:13px; |
|
2832 line-height:normal; |
|
2833 } |
|
2834 } |
|
2835 .block-editor-url-input__input[type=text]:focus{ |
|
2836 border-color:var(--wp-admin-theme-color); |
|
2837 box-shadow:0 0 0 .5px var(--wp-admin-theme-color); |
|
2838 outline:2px solid #0000; |
|
2839 } |
|
2840 .block-editor-url-input__input[type=text]::-webkit-input-placeholder{ |
|
2841 color:#1e1e1e9e; |
|
2842 } |
|
2843 .block-editor-url-input__input[type=text]::-moz-placeholder{ |
|
2844 color:#1e1e1e9e; |
|
2845 opacity:1; |
|
2846 } |
|
2847 .block-editor-url-input__input[type=text]:-ms-input-placeholder{ |
|
2848 color:#1e1e1e9e; |
|
2849 } |
3088 } |
2850 |
3089 |
2851 .block-editor-url-input__suggestions{ |
3090 .block-editor-url-input__suggestions{ |
2852 max-height:200px; |
3091 max-height:200px; |
2853 overflow-y:auto; |
3092 overflow-y:auto; |
2854 padding:4px 0; |
3093 padding:4px 0; |
2855 transition:all .15s ease-in-out; |
|
2856 width:302px; |
3094 width:302px; |
2857 } |
3095 } |
2858 @media (prefers-reduced-motion:reduce){ |
3096 @media not (prefers-reduced-motion){ |
2859 .block-editor-url-input__suggestions{ |
3097 .block-editor-url-input__suggestions{ |
2860 transition-delay:0s; |
3098 transition:all .15s ease-in-out; |
2861 transition-duration:0s; |
|
2862 } |
3099 } |
2863 } |
3100 } |
2864 |
3101 |
2865 .block-editor-url-input .components-spinner,.block-editor-url-input__suggestions{ |
3102 .block-editor-url-input .components-spinner,.block-editor-url-input__suggestions{ |
2866 display:none; |
3103 display:none; |
3046 |
3278 |
3047 .dimensions-block-support-panel .single-column{ |
3279 .dimensions-block-support-panel .single-column{ |
3048 grid-column:span 1; |
3280 grid-column:span 1; |
3049 } |
3281 } |
3050 |
3282 |
3051 .block-editor-hooks__layout-controls{ |
3283 .block-editor-hooks__layout-constrained .components-base-control{ |
3052 display:flex; |
|
3053 margin-bottom:8px; |
|
3054 } |
|
3055 .block-editor-hooks__layout-controls .block-editor-hooks__layout-controls-unit{ |
|
3056 display:flex; |
|
3057 margin-left:24px; |
|
3058 } |
|
3059 .block-editor-hooks__layout-controls .block-editor-hooks__layout-controls-unit svg{ |
|
3060 margin:auto 8px 4px 0; |
|
3061 } |
|
3062 |
|
3063 .block-editor-block-inspector .block-editor-hooks__layout-controls-unit-input{ |
|
3064 margin-bottom:0; |
3284 margin-bottom:0; |
3065 } |
3285 } |
3066 |
3286 |
3067 .block-editor-hooks__layout-controls-reset{ |
3287 .block-editor-hooks__layout-constrained-helptext{ |
3068 display:flex; |
|
3069 justify-content:flex-end; |
|
3070 margin-bottom:24px; |
|
3071 } |
|
3072 |
|
3073 .block-editor-hooks__layout-controls-helptext{ |
|
3074 color:#757575; |
3288 color:#757575; |
3075 font-size:12px; |
3289 font-size:12px; |
3076 margin-bottom:16px; |
3290 margin-bottom:0; |
3077 } |
3291 } |
3078 |
3292 |
3079 .block-editor-hooks__flex-layout-justification-controls,.block-editor-hooks__flex-layout-orientation-controls{ |
3293 .block-editor-hooks__flex-layout-justification-controls,.block-editor-hooks__flex-layout-orientation-controls{ |
3080 margin-bottom:12px; |
3294 margin-bottom:12px; |
3081 } |
3295 } |
3082 .block-editor-hooks__flex-layout-justification-controls legend,.block-editor-hooks__flex-layout-orientation-controls legend{ |
3296 .block-editor-hooks__flex-layout-justification-controls legend,.block-editor-hooks__flex-layout-orientation-controls legend{ |
3083 margin-bottom:8px; |
3297 margin-bottom:8px; |
3084 } |
|
3085 |
|
3086 .block-editor-hooks__toggle-control.block-editor-hooks__toggle-control{ |
|
3087 margin-bottom:16px; |
|
3088 } |
|
3089 |
|
3090 .block-editor-hooks__position-selection__select-control .components-custom-select-control__hint{ |
|
3091 display:none; |
|
3092 } |
|
3093 |
|
3094 .block-editor-hooks__position-selection__select-control__option.has-hint{ |
|
3095 grid-template-columns:auto 30px; |
|
3096 line-height:1.4; |
|
3097 margin-bottom:0; |
|
3098 } |
|
3099 .block-editor-hooks__position-selection__select-control__option .components-custom-select-control__item-hint{ |
|
3100 grid-row:2; |
|
3101 text-align:right; |
|
3102 } |
3298 } |
3103 |
3299 |
3104 .block-editor__spacing-visualizer{ |
3300 .block-editor__spacing-visualizer{ |
3105 border-color:var(--wp-admin-theme-color); |
3301 border-color:var(--wp-admin-theme-color); |
3106 border-style:solid; |
3302 border-style:solid; |
3139 } |
3333 } |
3140 .block-editor-block-toolbar .components-toolbar,.block-editor-block-toolbar .components-toolbar-group{ |
3334 .block-editor-block-toolbar .components-toolbar,.block-editor-block-toolbar .components-toolbar-group{ |
3141 background:none; |
3335 background:none; |
3142 border:0; |
3336 border:0; |
3143 border-left:1px solid #ddd; |
3337 border-left:1px solid #ddd; |
3144 line-height:0; |
|
3145 margin-bottom:-1px; |
3338 margin-bottom:-1px; |
3146 margin-top:-1px; |
3339 margin-top:-1px; |
3147 } |
3340 } |
|
3341 .block-editor-block-toolbar.is-connected .block-editor-block-switcher .components-button:before{ |
|
3342 background:color-mix(in srgb, var(--wp-block-synced-color) 10%, #0000); |
|
3343 border-radius:2px; |
|
3344 } |
3148 .block-editor-block-toolbar.is-connected .block-editor-block-switcher .components-button .block-editor-block-icon,.block-editor-block-toolbar.is-connected .components-toolbar-button.block-editor-block-switcher__no-switcher-icon:disabled .block-editor-block-icon.has-colors,.block-editor-block-toolbar.is-synced .block-editor-block-switcher .components-button .block-editor-block-icon,.block-editor-block-toolbar.is-synced .components-toolbar-button.block-editor-block-switcher__no-switcher-icon:disabled .block-editor-block-icon.has-colors{ |
3345 .block-editor-block-toolbar.is-connected .block-editor-block-switcher .components-button .block-editor-block-icon,.block-editor-block-toolbar.is-connected .components-toolbar-button.block-editor-block-switcher__no-switcher-icon:disabled .block-editor-block-icon.has-colors,.block-editor-block-toolbar.is-synced .block-editor-block-switcher .components-button .block-editor-block-icon,.block-editor-block-toolbar.is-synced .components-toolbar-button.block-editor-block-switcher__no-switcher-icon:disabled .block-editor-block-icon.has-colors{ |
3149 color:var(--wp-block-synced-color); |
3346 color:var(--wp-block-synced-color); |
3150 } |
3347 } |
3151 .block-editor-block-toolbar>:last-child,.block-editor-block-toolbar>:last-child .components-toolbar,.block-editor-block-toolbar>:last-child .components-toolbar-group{ |
3348 .block-editor-block-toolbar:has(>:last-child:empty)>:nth-last-child(2),.block-editor-block-toolbar:has(>:last-child:empty)>:nth-last-child(2) .components-toolbar,.block-editor-block-toolbar:has(>:last-child:empty)>:nth-last-child(2) .components-toolbar-group,.block-editor-block-toolbar>:last-child,.block-editor-block-toolbar>:last-child .components-toolbar,.block-editor-block-toolbar>:last-child .components-toolbar-group{ |
3152 border-left:none; |
3349 border-left:none; |
|
3350 } |
|
3351 .block-editor-block-toolbar .components-toolbar-group:empty{ |
|
3352 display:none; |
3153 } |
3353 } |
3154 |
3354 |
3155 .block-editor-block-contextual-toolbar{ |
3355 .block-editor-block-contextual-toolbar{ |
3156 background-color:#fff; |
3356 background-color:#fff; |
3157 display:block; |
3357 display:block; |
3340 position:relative; |
3552 position:relative; |
3341 } |
3553 } |
3342 } |
3554 } |
3343 |
3555 |
3344 .block-editor-inserter__main-area{ |
3556 .block-editor-inserter__main-area{ |
3345 display:flex; |
|
3346 flex-direction:column; |
|
3347 gap:16px; |
3557 gap:16px; |
3348 height:100%; |
3558 height:100%; |
3349 position:relative; |
3559 position:relative; |
3350 } |
3560 } |
3351 .block-editor-inserter__main-area.show-as-tabs{ |
3561 .block-editor-inserter__main-area.show-as-tabs{ |
3352 gap:0; |
3562 gap:0; |
3353 } |
3563 } |
3354 @media (min-width:782px){ |
3564 @media (min-width:782px){ |
3355 .block-editor-inserter__main-area{ |
3565 .block-editor-inserter__main-area .block-editor-tabbed-sidebar{ |
3356 width:350px; |
3566 width:350px; |
3357 } |
3567 } |
3358 } |
3568 } |
3359 |
3569 |
3360 .block-editor-inserter__popover.is-quick .components-popover__content{ |
3570 .block-editor-inserter__popover.is-quick .components-popover__content{ |
3361 border:none; |
3571 border:none; |
3362 box-shadow:0 .7px 1px #0000001a,0 1.2px 1.7px -.2px #0000001a,0 2.3px 3.3px -.5px #0000001a; |
3572 box-shadow:0 1px 1px #00000008,0 1px 2px #00000005,0 3px 3px #00000005,0 4px 4px #00000003; |
3363 outline:none; |
3573 outline:none; |
3364 } |
3574 } |
3365 .block-editor-inserter__popover.is-quick .components-popover__content .block-editor-inserter__quick-inserter>*{ |
3575 .block-editor-inserter__popover.is-quick .components-popover__content .block-editor-inserter__quick-inserter>*{ |
3366 border-left:1px solid #ccc; |
3576 border-left:1px solid #ccc; |
3367 border-right:1px solid #ccc; |
3577 border-right:1px solid #ccc; |
3368 } |
3578 } |
3369 .block-editor-inserter__popover.is-quick .components-popover__content .block-editor-inserter__quick-inserter>:first-child{ |
3579 .block-editor-inserter__popover.is-quick .components-popover__content .block-editor-inserter__quick-inserter>:first-child{ |
3370 border-radius:2px 2px 0 0; |
3580 border-radius:4px 4px 0 0; |
3371 border-top:1px solid #ccc; |
3581 border-top:1px solid #ccc; |
3372 } |
3582 } |
3373 .block-editor-inserter__popover.is-quick .components-popover__content .block-editor-inserter__quick-inserter>:last-child{ |
3583 .block-editor-inserter__popover.is-quick .components-popover__content .block-editor-inserter__quick-inserter>:last-child{ |
3374 border-bottom:1px solid #ccc; |
3584 border-bottom:1px solid #ccc; |
3375 border-radius:0 0 2px 2px; |
3585 border-radius:0 0 4px 4px; |
3376 } |
3586 } |
3377 .block-editor-inserter__popover.is-quick .components-popover__content .block-editor-inserter__quick-inserter>.components-button{ |
3587 .block-editor-inserter__popover.is-quick .components-popover__content .block-editor-inserter__quick-inserter>.components-button{ |
3378 border:1px solid #1e1e1e; |
3588 border:1px solid #1e1e1e; |
3379 } |
3589 } |
3380 |
3590 |
3566 } |
3732 } |
3567 |
3733 |
3568 .block-editor-inserter__block-patterns-tabs-container,.block-editor-inserter__media-tabs-container{ |
3734 .block-editor-inserter__block-patterns-tabs-container,.block-editor-inserter__media-tabs-container{ |
3569 display:flex; |
3735 display:flex; |
3570 flex-direction:column; |
3736 flex-direction:column; |
3571 height:100%; |
3737 flex-grow:1; |
3572 justify-content:space-between; |
3738 justify-content:space-between; |
3573 padding:16px; |
3739 padding:16px; |
3574 } |
3740 } |
3575 |
3741 |
3576 .block-editor-inserter__category-tablist{ |
3742 .block-editor-inserter__category-tablist{ |
3577 border:none; |
3743 margin-bottom:8px; |
|
3744 } |
|
3745 |
|
3746 .block-editor-inserter__category-panel{ |
3578 display:flex; |
3747 display:flex; |
3579 flex-direction:column; |
3748 flex-direction:column; |
3580 margin-bottom:8px; |
|
3581 } |
|
3582 .block-editor-inserter__category-tablist div[role=listitem]:last-child{ |
|
3583 margin-top:auto; |
|
3584 } |
|
3585 .block-editor-inserter__category-tablist .block-editor-inserter__category-tab{ |
|
3586 display:block; |
|
3587 font-weight:inherit; |
|
3588 height:auto; |
|
3589 padding:8px 12px 8px 4px; |
|
3590 position:relative; |
|
3591 text-align:right; |
|
3592 } |
|
3593 .block-editor-inserter__category-tablist .block-editor-inserter__category-tab[aria-selected=true]{ |
|
3594 color:var(--wp-admin-theme-color); |
|
3595 } |
|
3596 .block-editor-inserter__category-tablist .block-editor-inserter__category-tab[aria-selected=true] .components-flex-item{ |
|
3597 filter:brightness(.95); |
|
3598 } |
|
3599 .block-editor-inserter__category-tablist .block-editor-inserter__category-tab[aria-selected=true] svg{ |
|
3600 fill:var(--wp-admin-theme-color); |
|
3601 } |
|
3602 .block-editor-inserter__category-tablist .block-editor-inserter__category-tab[aria-selected=true]:after{ |
|
3603 background:var(--wp-admin-theme-color); |
|
3604 border-radius:2px; |
|
3605 bottom:0; |
|
3606 content:""; |
|
3607 display:block; |
|
3608 height:100%; |
|
3609 left:0; |
|
3610 opacity:.04; |
|
3611 outline:none; |
|
3612 position:absolute; |
|
3613 right:0; |
|
3614 top:0; |
|
3615 } |
|
3616 .block-editor-inserter__category-tablist .block-editor-inserter__category-tab:focus-visible,.block-editor-inserter__category-tablist .block-editor-inserter__category-tab:focus:not(:disabled){ |
|
3617 border-radius:2px; |
|
3618 box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); |
|
3619 outline:2px solid #0000; |
|
3620 outline-offset:0; |
|
3621 } |
|
3622 .block-editor-inserter__category-tablist .block-editor-inserter__category-tab:after,.block-editor-inserter__category-tablist .block-editor-inserter__category-tab:before{ |
|
3623 display:none; |
|
3624 } |
|
3625 |
|
3626 .block-editor-inserter__category-panel{ |
|
3627 background:#f0f0f0; |
|
3628 border-top:1px solid #e0e0e0; |
|
3629 box-shadow:-1px 1px 0 0 rgba(0,0,0,.133); |
|
3630 display:flex; |
|
3631 flex-direction:column; |
|
3632 height:calc(100% + 1px); |
|
3633 outline:1px solid #0000; |
3749 outline:1px solid #0000; |
3634 padding:0 16px; |
3750 padding:0 16px; |
3635 position:absolute; |
|
3636 right:0; |
|
3637 top:-1px; |
|
3638 width:100%; |
|
3639 } |
3751 } |
3640 @media (min-width:782px){ |
3752 @media (min-width:782px){ |
3641 .block-editor-inserter__category-panel{ |
3753 .block-editor-inserter__category-panel{ |
|
3754 background:#f0f0f0; |
3642 border-right:1px solid #e0e0e0; |
3755 border-right:1px solid #e0e0e0; |
|
3756 border-top:1px solid #e0e0e0; |
|
3757 height:calc(100% + 1px); |
3643 padding:0; |
3758 padding:0; |
3644 right:100%; |
3759 position:absolute; |
3645 width:300px; |
3760 right:350px; |
3646 } |
3761 top:-1px; |
3647 } |
3762 width:280px; |
3648 .block-editor-inserter__category-panel .block-editor-block-patterns-list,.block-editor-inserter__category-panel .block-editor-inserter__media-list{ |
3763 } |
3649 padding:0 24px 16px; |
3764 .block-editor-inserter__category-panel .block-editor-block-patterns-list,.block-editor-inserter__category-panel .block-editor-inserter__media-list{ |
|
3765 padding:0 24px 16px; |
|
3766 } |
3650 } |
3767 } |
3651 |
3768 |
3652 .block-editor-inserter__patterns-category-panel-header{ |
3769 .block-editor-inserter__patterns-category-panel-header{ |
3653 padding:8px 24px; |
3770 padding:8px 0; |
|
3771 } |
|
3772 @media (min-width:782px){ |
|
3773 .block-editor-inserter__patterns-category-panel-header{ |
|
3774 padding:8px 24px; |
|
3775 } |
3654 } |
3776 } |
3655 |
3777 |
3656 .block-editor-inserter__patterns-category-no-results{ |
3778 .block-editor-inserter__patterns-category-no-results{ |
3657 margin-top:24px; |
3779 margin-top:24px; |
|
3780 } |
|
3781 |
|
3782 .block-editor-inserter__patterns-filter-help{ |
|
3783 border-top:1px solid #ddd; |
|
3784 color:#757575; |
|
3785 min-width:280px; |
|
3786 padding:16px; |
3658 } |
3787 } |
3659 |
3788 |
3660 .block-editor-block-patterns-list,.block-editor-inserter__media-list{ |
3789 .block-editor-block-patterns-list,.block-editor-inserter__media-list{ |
3661 flex-grow:1; |
3790 flex-grow:1; |
3662 height:100%; |
3791 height:100%; |
3978 height:100%; |
4085 height:100%; |
3979 width:300px; |
4086 width:300px; |
3980 } |
4087 } |
3981 } |
4088 } |
3982 |
4089 |
|
4090 @media (max-width:959px){ |
|
4091 .show-icon-labels .block-editor-block-patterns-explorer .block-editor-patterns__grid-pagination,.show-icon-labels .block-editor-block-patterns-explorer .block-editor-patterns__grid-pagination .block-editor-patterns__grid-pagination-next,.show-icon-labels .block-editor-block-patterns-explorer .block-editor-patterns__grid-pagination .block-editor-patterns__grid-pagination-previous{ |
|
4092 flex-direction:column; |
|
4093 } |
|
4094 } |
|
4095 .show-icon-labels .block-editor-inserter__category-panel .block-editor-patterns__grid-pagination,.show-icon-labels .block-editor-inserter__category-panel .block-editor-patterns__grid-pagination .block-editor-patterns__grid-pagination-next,.show-icon-labels .block-editor-inserter__category-panel .block-editor-patterns__grid-pagination .block-editor-patterns__grid-pagination-previous{ |
|
4096 flex-direction:column; |
|
4097 } |
|
4098 |
|
4099 .block-editor-tabbed-sidebar__tabpanel .block-editor-inserter__help-text{ |
|
4100 display:none; |
|
4101 padding:0 24px 16px; |
|
4102 } |
|
4103 @media (min-width:480px){ |
|
4104 .block-editor-tabbed-sidebar__tabpanel .block-editor-inserter__help-text{ |
|
4105 display:block; |
|
4106 } |
|
4107 } |
|
4108 |
3983 .spacing-sizes-control .spacing-sizes-control__custom-value-input,.spacing-sizes-control .spacing-sizes-control__label{ |
4109 .spacing-sizes-control .spacing-sizes-control__custom-value-input,.spacing-sizes-control .spacing-sizes-control__label{ |
3984 margin-bottom:0; |
4110 margin-bottom:0; |
3985 } |
4111 } |
3986 .spacing-sizes-control .spacing-sizes-control__custom-value-range,.spacing-sizes-control .spacing-sizes-control__range-control{ |
4112 .spacing-sizes-control .spacing-sizes-control__custom-value-range,.spacing-sizes-control .spacing-sizes-control__range-control{ |
3987 align-items:center; |
|
3988 display:flex; |
|
3989 flex:1; |
4113 flex:1; |
3990 height:40px; |
|
3991 margin-bottom:0; |
4114 margin-bottom:0; |
3992 } |
|
3993 .spacing-sizes-control .spacing-sizes-control__custom-value-range>.components-base-control__field,.spacing-sizes-control .spacing-sizes-control__range-control>.components-base-control__field{ |
|
3994 flex:1; |
|
3995 } |
|
3996 .spacing-sizes-control .components-range-control__mark{ |
|
3997 background-color:#fff; |
|
3998 height:4px; |
|
3999 width:3px; |
|
4000 z-index:1; |
|
4001 } |
|
4002 .spacing-sizes-control .components-range-control__marks{ |
|
4003 margin-top:17px; |
|
4004 } |
|
4005 .spacing-sizes-control .components-range-control__marks :first-child{ |
|
4006 display:none; |
|
4007 } |
|
4008 .spacing-sizes-control .components-range-control__thumb-wrapper{ |
|
4009 z-index:3; |
|
4010 } |
4115 } |
4011 |
4116 |
4012 .spacing-sizes-control__header{ |
4117 .spacing-sizes-control__header{ |
4013 height:16px; |
4118 height:16px; |
4014 margin-bottom:12px; |
4119 margin-bottom:12px; |