PluginProbe
Gutenberg / 24.1.0
Gutenberg v24.1.0
24.1.0 24.0.0 23.9.1 23.9.0 23.8.0 23.7.2 23.7.1 23.7.0 23.6.1 23.6.2 23.6.0 23.5.3 23.5.2 23.5.1 23.5.0 23.4.0 23.3.2 23.3.1 23.3.0 23.2.0 23.2.1 23.2.2 23.1.1 23.1.0 23.0.1 All 404 releases
← All changes | build/styles/block-editor/content.css +21 -26 23.8.0 → 24.1.0 View file →
@@ -121,13 +121,8 @@
121 121 }
122 122 .block-editor-block-icon.has-colors svg {
123 123 fill: currentColor;
124 124 }
125 -@media (forced-colors: active) {
126 - .block-editor-block-icon.has-colors svg {
127 - fill: CanvasText;
128 - }
129 -}
130 125 .block-editor-block-icon svg {
131 126 min-width: 20px;
132 127 min-height: 20px;
133 128 max-width: 24px;
@@ -158,11 +153,8 @@
158 153 /* stylelint-enable */
159 154 .block-editor-block-list__layout {
160 155 position: relative;
161 156 }
162 -.block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not(.is-partially-selected)::-moz-selection, .block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not(.is-partially-selected) ::-moz-selection {
163 - background: transparent;
164 -}
165 157 .block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not(.is-partially-selected)::selection, .block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not(.is-partially-selected) ::selection {
166 158 background: transparent;
167 159 }
168 160 .block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not(.is-partially-selected)::after {
@@ -190,13 +182,17 @@
190 182 outline-color: transparent;
191 183 }
192 184 .block-editor-block-list__layout .block-editor-block-list__block.is-highlighted,
193 185 .block-editor-block-list__layout .block-editor-block-list__block.is-highlighted ~ .is-multi-selected,
186 +.block-editor-block-list__layout .block-editor-block-list__block.is-hovered-draggable[draggable=true]:not(.is-multi-selected),
187 +.block-editor-block-list__layout .block-editor-block-list__block.is-hovered-draggable[data-draggable=true]:not(.is-multi-selected),
194 188 .block-editor-block-list__layout .block-editor-block-list__block:not([contenteditable=true]):focus {
195 189 outline: none;
196 190 }
197 191 .block-editor-block-list__layout .block-editor-block-list__block.is-highlighted::after,
198 192 .block-editor-block-list__layout .block-editor-block-list__block.is-highlighted ~ .is-multi-selected::after,
193 +.block-editor-block-list__layout .block-editor-block-list__block.is-hovered-draggable[draggable=true]:not(.is-multi-selected)::after,
194 +.block-editor-block-list__layout .block-editor-block-list__block.is-hovered-draggable[data-draggable=true]:not(.is-multi-selected)::after,
199 195 .block-editor-block-list__layout .block-editor-block-list__block:not([contenteditable=true]):focus::after {
200 196 content: "";
201 197 position: absolute;
202 198 pointer-events: none;
@@ -230,9 +226,8 @@
230 226 margin-right: 0 !important;
231 227 }
232 228 .block-editor-block-list__layout [class^=components-] {
233 229 -webkit-user-select: text;
234 - -moz-user-select: text;
235 230 user-select: text;
236 231 }
237 232
238 233 .block-editor-block-list__layout .block-editor-block-list__block {
@@ -263,9 +258,8 @@
263 258 }
264 259 .block-editor-block-list__layout .block-editor-block-list__block.has-warning > * {
265 260 pointer-events: none;
266 261 -webkit-user-select: none;
267 - -moz-user-select: none;
268 262 user-select: none;
269 263 }
270 264 .block-editor-block-list__layout .block-editor-block-list__block.has-warning .block-editor-warning {
271 265 pointer-events: all;
@@ -426,9 +420,10 @@
426 420 border-radius: 2px;
427 421 box-sizing: border-box;
428 422 box-shadow: inset 0 0 0 1px #1e1e1e;
429 423 resize: none;
430 - overflow: hidden;
424 + field-sizing: content;
425 + overflow: auto;
431 426 font-family: Menlo, Consolas, monaco, monospace;
432 427 font-size: 15px;
433 428 line-height: 1.5;
434 429 /*rtl:ignore*/
@@ -461,9 +456,9 @@
461 456 overflow: hidden;
462 457 font-size: 13px;
463 458 font-family: -apple-system, system-ui, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
464 459 color: #000;
465 - font-weight: normal;
460 + font-weight: 400;
466 461 }
467 462 .is-zoomed-out .block-editor-block-list__zoom-out-separator {
468 463 font-size: calc(13px / var(--wp-block-editor-iframe-zoom-out-scale));
469 464 }
@@ -524,11 +519,8 @@
524 519 }
525 520 .block-editor-block-list__layout .is-dragging iframe {
526 521 pointer-events: none;
527 522 }
528 -.block-editor-block-list__layout .is-dragging::-moz-selection {
529 - background: transparent !important;
530 -}
531 523 .block-editor-block-list__layout .is-dragging::selection {
532 524 background: transparent !important;
533 525 }
534 526 .block-editor-block-list__layout .is-dragging::after {
@@ -534,13 +526,8 @@
534 526 .block-editor-block-list__layout .is-dragging::after {
535 527 content: none !important;
536 528 }
537 529
538 -.wp-block img:not([draggable]),
539 -.wp-block svg:not([draggable]) {
540 - pointer-events: none;
541 -}
542 -
543 530 .block-editor-block-preview__content-iframe .block-list-appender {
544 531 display: none;
545 532 }
546 533
@@ -574,9 +561,10 @@
574 561 }
575 562 .block-editor-block-variation-picker__variations svg,
576 563 .block-editor-block-variation-picker__skip svg,
577 564 .wp-block-group-placeholder__variations svg {
578 - fill: #949494 !important;
565 + fill: #949494;
566 + color: #949494 !important;
579 567 }
580 568 .block-editor-block-variation-picker__variations .components-button,
581 569 .block-editor-block-variation-picker__skip .components-button,
582 570 .wp-block-group-placeholder__variations .components-button {
@@ -589,9 +577,10 @@
589 577 }
590 578 .block-editor-block-variation-picker__variations .components-button:hover svg,
591 579 .block-editor-block-variation-picker__skip .components-button:hover svg,
592 580 .wp-block-group-placeholder__variations .components-button:hover svg {
593 - fill: var(--wp-admin-theme-color) !important;
581 + fill: var(--wp-admin-theme-color);
582 + color: var(--wp-admin-theme-color) !important;
594 583 }
595 584 .block-editor-block-variation-picker__variations > li,
596 585 .block-editor-block-variation-picker__skip > li,
597 586 .wp-block-group-placeholder__variations > li {
@@ -644,9 +633,9 @@
644 633 .is-layout-constrained.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child:has(.block-editor-button-block-appender).is-drag-over::after, .is-layout-flow.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child:has(.block-editor-button-block-appender).is-drag-over::after, .block-editor-block-list__block:not(.is-selected) > .is-layout-constrained.wp-block-group__inner-container > .block-list-appender:only-child:has(.block-editor-button-block-appender).is-drag-over::after, .block-editor-block-list__block:not(.is-selected) > .is-layout-flow.wp-block-group__inner-container > .block-list-appender:only-child:has(.block-editor-button-block-appender).is-drag-over::after {
645 634 border: none;
646 635 }
647 636 .is-layout-constrained.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child:has(.block-editor-button-block-appender).is-drag-over .block-editor-inserter, .is-layout-flow.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child:has(.block-editor-button-block-appender).is-drag-over .block-editor-inserter, .block-editor-block-list__block:not(.is-selected) > .is-layout-constrained.wp-block-group__inner-container > .block-list-appender:only-child:has(.block-editor-button-block-appender).is-drag-over .block-editor-inserter, .block-editor-block-list__block:not(.is-selected) > .is-layout-flow.wp-block-group__inner-container > .block-list-appender:only-child:has(.block-editor-button-block-appender).is-drag-over .block-editor-inserter {
648 - visibility: visible;
637 + opacity: 1;
649 638 }
650 639 .block-editor-block-list__block:not(.is-selected) > .block-editor-block-list__block > .block-list-appender:only-child:has(.block-editor-button-block-appender)::after {
651 640 border: none;
652 641 }
@@ -862,9 +851,13 @@
862 851 line-height: inherit;
863 852 border: none;
864 853 padding: 0;
865 854 margin: 0;
855 +}
856 +
857 +.block-editor-plain-text {
866 858 width: 100%;
859 + field-sizing: content;
867 860 }
868 861
869 862 .rich-text [data-rich-text-placeholder] {
870 863 pointer-events: none;
@@ -903,14 +896,16 @@
903 896 color: currentColor;
904 897 padding: 0 2px;
905 898 }
906 899
907 -.rich-text [contenteditable=false]::-moz-selection {
900 +.rich-text [contenteditable=false]::selection {
908 901 background-color: transparent;
909 902 }
910 903
911 -.rich-text [contenteditable=false]::selection {
912 - background-color: transparent;
904 +.is-selected .non-breaking-space {
905 + outline: 1px solid currentColor;
906 + outline-offset: -1px;
907 + opacity: 0.8;
913 908 }
914 909
915 910 .block-editor-warning {
916 911 align-items: center;