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-library/editor.css +62 -112 23.7.1 → 24.1.0 View file →
@@ -338,9 +338,9 @@
338 338 font-size: 0.875em;
339 339 line-height: 1.5;
340 340 }
341 341 .wp-block-post-comments .comment-meta b, .wp-block-comments__legacy-placeholder .comment-meta b {
342 - font-weight: normal;
342 + font-weight: 400;
343 343 }
344 344 .wp-block-post-comments .comment-meta .comment-awaiting-moderation, .wp-block-comments__legacy-placeholder .comment-meta .comment-awaiting-moderation {
345 345 margin-top: 1em;
346 346 margin-bottom: 1em;
@@ -348,18 +348,8 @@
348 348 }
349 349 .wp-block-post-comments .comment-body .commentmetadata, .wp-block-comments__legacy-placeholder .comment-body .commentmetadata {
350 350 font-size: 0.875em;
351 351 }
352 -.wp-block-post-comments .comment-form-comment label, .wp-block-comments__legacy-placeholder .comment-form-comment label,
353 -.wp-block-post-comments .comment-form-author label,
354 -.wp-block-comments__legacy-placeholder .comment-form-author label,
355 -.wp-block-post-comments .comment-form-email label,
356 -.wp-block-comments__legacy-placeholder .comment-form-email label,
357 -.wp-block-post-comments .comment-form-url label,
358 -.wp-block-comments__legacy-placeholder .comment-form-url label {
359 - display: block;
360 - margin-bottom: 0.25em;
361 -}
362 352 .wp-block-post-comments .comment-form textarea, .wp-block-comments__legacy-placeholder .comment-form textarea,
363 353 .wp-block-post-comments .comment-form input:not([type=submit]):not([type=checkbox]),
364 354 .wp-block-comments__legacy-placeholder .comment-form input:not([type=submit]):not([type=checkbox]) {
365 355 display: block;
@@ -396,8 +386,16 @@
396 386 .wp-block-comments__legacy-placeholder input:not([type=submit]):not([type=checkbox]) {
397 387 padding: calc(0.667em + 2px);
398 388 }
399 389
390 +:where(.wp-block-post-comments .comment-form-comment label, .wp-block-comments__legacy-placeholder .comment-form-comment label),
391 +:where(.wp-block-post-comments .comment-form-author label, .wp-block-comments__legacy-placeholder .comment-form-author label),
392 +:where(.wp-block-post-comments .comment-form-email label, .wp-block-comments__legacy-placeholder .comment-form-email label),
393 +:where(.wp-block-post-comments .comment-form-url label, .wp-block-comments__legacy-placeholder .comment-form-url label) {
394 + display: block;
395 + margin-bottom: 0.25em;
396 +}
397 +
400 398 :where(.wp-block-post-comments input[type=submit], .wp-block-comments__legacy-placeholder input[type=submit]) {
401 399 border: none;
402 400 }
403 401
@@ -556,9 +554,10 @@
556 554 .wp-block-embed .wp-block-embed__placeholder-input {
557 555 flex: 1 1 auto;
558 556 }
559 557 .wp-block-embed .components-placeholder__error {
560 - word-break: break-word;
558 + word-break: normal;
559 + overflow-wrap: break-word;
561 560 }
562 561
563 562 .wp-block-post-content .wp-block-embed__learn-more a {
564 563 color: var(--wp-admin-theme-color);
@@ -624,59 +623,8 @@
624 623 display: inline-block;
625 624 margin-left: 0.75em;
626 625 }
627 626
628 -.wp-block-form-input .is-input-hidden {
629 - display: flex;
630 - position: relative;
631 - font-size: 0.85em;
632 - opacity: 0.3;
633 - border: 1px dashed;
634 - padding: 0.5em;
635 - box-sizing: border-box;
636 - background: repeating-linear-gradient(45deg, transparent, transparent 5px, currentColor 5px, currentColor 6px);
637 - justify-content: center;
638 - align-items: center;
639 -}
640 -.wp-block-form-input .is-input-hidden::after {
641 - content: attr(data-message);
642 -}
643 -.wp-block-form-input.is-selected .is-input-hidden {
644 - opacity: 1;
645 - background: none;
646 -}
647 -
648 -.wp-block-form-submission-notification > * {
649 - opacity: 0.25;
650 - border: 1px dashed;
651 - box-sizing: border-box;
652 - background: repeating-linear-gradient(45deg, transparent, transparent 5px, currentColor 5px, currentColor 6px);
653 -}
654 -.wp-block-form-submission-notification.is-selected > *, .wp-block-form-submission-notification:has(.is-selected) > * {
655 - opacity: 1;
656 - background: none;
657 -}
658 -.wp-block-form-submission-notification.is-selected::after, .wp-block-form-submission-notification:has(.is-selected)::after {
659 - display: none !important;
660 -}
661 -.wp-block-form-submission-notification::after {
662 - display: flex;
663 - position: absolute;
664 - width: 100%;
665 - height: 100%;
666 - top: 0;
667 - left: 0;
668 - justify-content: center;
669 - align-items: center;
670 - font-size: 1.1em;
671 -}
672 -.wp-block-form-submission-notification.form-notification-type-success::after {
673 - content: attr(data-message-success);
674 -}
675 -.wp-block-form-submission-notification.form-notification-type-error::after {
676 - content: attr(data-message-error);
677 -}
678 -
679 627 .block-editor-freeform-modal .block-editor-freeform-modal__content .mce-edit-area iframe {
680 628 height: 50vh !important;
681 629 }
682 630 @media (min-width: 960px) {
@@ -708,14 +656,21 @@
708 656 .block-editor-freeform-modal__actions {
709 657 margin-top: 16px;
710 658 }
711 659
712 -:root :where(figure.wp-block-gallery) {
660 +:root :where(figure.wp-block-gallery.is-layout-flex) {
713 661 display: block;
714 662 }
715 -:root :where(figure.wp-block-gallery) > .blocks-gallery-caption {
663 +:root :where(figure.wp-block-gallery.is-layout-flex) > .blocks-gallery-caption {
716 664 flex: 0 0 100%;
717 665 }
666 +
667 +:root :where(.wp-block-gallery.is-layout-grid) > .blocks-gallery-caption,
668 +:root :where(.wp-block-gallery.is-layout-grid) > .components-placeholder,
669 +:root :where(.wp-block-gallery.is-layout-grid) > .block-editor-media-placeholder {
670 + grid-column: 1/-1;
671 +}
672 +
718 673 :root :where(figure.wp-block-gallery) .block-editor-media-placeholder.is-appender .components-placeholder__label {
719 674 display: none;
720 675 }
721 676 :root :where(figure.wp-block-gallery) .block-editor-media-placeholder.is-appender .block-editor-media-placeholder__button {
@@ -1020,9 +975,8 @@
1020 975 .wp-block-image {
1021 976 position: relative;
1022 977 }
1023 978 .wp-block-image.is-transient:not(.alignwide):not(.alignfull), .wp-block-image:has(img.is-swapping-media):not(.alignwide):not(.alignfull) {
1024 - width: -moz-fit-content;
1025 979 width: fit-content;
1026 980 }
1027 981 .wp-block-image .is-applying img, .wp-block-image.is-transient img,
1028 982 .wp-block-image img.is-swapping-media {
@@ -1037,8 +991,14 @@
1037 991 left: 50%;
1038 992 transform: translate(-50%, -50%);
1039 993 margin: 0;
1040 994 }
995 +.wp-block-image .components-resizable-box__container {
996 + pointer-events: none;
997 +}
998 +.wp-block-image .components-resizable-box__handle {
999 + pointer-events: auto;
1000 +}
1041 1001
1042 1002 .wp-block-image__placeholder {
1043 1003 aspect-ratio: 4/3;
1044 1004 }
@@ -1138,8 +1098,13 @@
1138 1098 /*rtl:ignore*/
1139 1099 direction: ltr;
1140 1100 }
1141 1101
1102 +.wp-block-math__learn-more {
1103 + display: inline-block;
1104 + margin-top: var(--wpds-dimension-gap-sm, 8px);
1105 +}
1106 +
1142 1107 .wp-block-media-text__media {
1143 1108 position: relative;
1144 1109 }
1145 1110 .wp-block-media-text__media.is-transient img {
@@ -1252,8 +1217,12 @@
1252 1217 opacity: 1;
1253 1218 visibility: visible;
1254 1219 }
1255 1220
1221 +.wp-block-navigation__container.block-editor-block-list__layout {
1222 + flex-grow: 1;
1223 +}
1224 +
1256 1225 .is-editing > .wp-block-navigation__container {
1257 1226 visibility: visible;
1258 1227 opacity: 1;
1259 1228 display: flex;
@@ -1345,8 +1314,9 @@
1345 1314 .wp-block-navigation .wp-block + .block-list-appender .block-editor-button-block-appender {
1346 1315 background-color: #1e1e1e;
1347 1316 color: #fff;
1348 1317 height: 24px;
1318 + width: 24px;
1349 1319 }
1350 1320 .wp-block-navigation .wp-block + .block-list-appender .block-editor-button-block-appender.block-editor-button-block-appender.block-editor-button-block-appender {
1351 1321 padding: 0;
1352 1322 }
@@ -1760,8 +1730,12 @@
1760 1730 .wp-block-navigation__overlay-help-text-wrapper {
1761 1731 margin-top: 8px;
1762 1732 }
1763 1733
1734 +.wp-block-audio__autoplay-help-text {
1735 + grid-column: 1/-1;
1736 +}
1737 +
1764 1738 /**
1765 1739 * Appender
1766 1740 */
1767 1741 .wp-block-navigation .block-list-appender {
@@ -1782,13 +1756,15 @@
1782 1756 }
1783 1757 .wp-block-navigation .has-child.is-selected > .wp-block-navigation__submenu-container, .wp-block-navigation .has-child.has-child-selected > .wp-block-navigation__submenu-container {
1784 1758 visibility: visible !important;
1785 1759 opacity: 1 !important;
1786 - min-width: 200px !important;
1787 1760 height: auto !important;
1788 1761 width: auto !important;
1789 1762 overflow: visible !important;
1790 1763 }
1764 +.wp-block-navigation .has-child.is-selected:not(.open-always) > .wp-block-navigation__submenu-container, .wp-block-navigation .has-child.has-child-selected:not(.open-always) > .wp-block-navigation__submenu-container {
1765 + min-width: 200px !important;
1766 +}
1791 1767
1792 1768 /**
1793 1769 * Navigation Items.
1794 1770 */
@@ -1896,9 +1872,8 @@
1896 1872 }
1897 1873 .wp-block-navigation-submenu.is-selected > .wp-block-navigation__submenu-container, .wp-block-navigation-submenu.has-child-selected > .wp-block-navigation__submenu-container {
1898 1874 visibility: visible !important;
1899 1875 opacity: 1 !important;
1900 - min-width: 200px !important;
1901 1876 height: auto !important;
1902 1877 width: auto !important;
1903 1878 position: absolute;
1904 1879 left: -1px;
@@ -1918,8 +1893,11 @@
1918 1893 width: 0.5em;
1919 1894 background: transparent;
1920 1895 }
1921 1896 }
1897 +.wp-block-navigation-submenu.is-selected:not(.open-always) > .wp-block-navigation__submenu-container, .wp-block-navigation-submenu.has-child-selected:not(.open-always) > .wp-block-navigation__submenu-container {
1898 + min-width: 200px !important;
1899 +}
1922 1900
1923 1901 .block-editor-block-list__block[data-type="core/nextpage"] {
1924 1902 max-width: 100%;
1925 1903 text-align: center;
@@ -1969,20 +1947,8 @@
1969 1947 .wp-block-pages-list__item__link {
1970 1948 pointer-events: none;
1971 1949 }
1972 1950
1973 -@media (min-width: 600px) {
1974 - .wp-block-page-list-modal {
1975 - max-width: 480px;
1976 - }
1977 -}
1978 -
1979 -.wp-block-page-list-modal-buttons {
1980 - display: flex;
1981 - justify-content: flex-end;
1982 - gap: 12px;
1983 -}
1984 -
1985 1951 .wp-block-page-list .open-on-click:focus-within > .wp-block-navigation__submenu-container {
1986 1952 visibility: visible;
1987 1953 opacity: 1;
1988 1954 width: auto;
@@ -2198,10 +2164,9 @@
2198 2164 .block-library-site-logo__inspector-media-replace-container .block-library-site-logo__inspector-media-replace-title {
2199 2165 word-break: break-all;
2200 2166 white-space: normal;
2201 2167 text-align: start;
2202 - -moz-text-align-last: center;
2203 - text-align-last: center;
2168 + text-align-last: center;
2204 2169 }
2205 2170 .block-library-site-logo__inspector-media-replace-container img {
2206 2171 width: 20px;
2207 2172 min-width: 20px;
@@ -2224,8 +2189,12 @@
2224 2189 padding: 1em 0;
2225 2190 border: 1px dashed;
2226 2191 }
2227 2192
2193 +.wp-block-site-title.has-fit-text > * {
2194 + white-space: inherit !important;
2195 +}
2196 +
2228 2197 .wp-block-social-links .wp-social-link {
2229 2198 line-height: 0;
2230 2199 }
2231 2200
@@ -2409,22 +2378,18 @@
2409 2378 .block-editor-template-part__selection-modal {
2410 2379 z-index: 1000001;
2411 2380 }
2412 2381 .block-editor-template-part__selection-modal .block-editor-block-patterns-list {
2413 - -moz-column-count: 2;
2414 - column-count: 2;
2415 - -moz-column-gap: 24px;
2416 - column-gap: 24px;
2382 + column-count: 2;
2383 + column-gap: 24px;
2417 2384 }
2418 2385 @media (min-width: 1280px) {
2419 2386 .block-editor-template-part__selection-modal .block-editor-block-patterns-list {
2420 - -moz-column-count: 3;
2421 - column-count: 3;
2387 + column-count: 3;
2422 2388 }
2423 2389 }
2424 2390 .block-editor-template-part__selection-modal .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item {
2425 - -moz-column-break-inside: avoid;
2426 - break-inside: avoid-column;
2391 + break-inside: avoid-column;
2427 2392 }
2428 2393
2429 2394 .block-library-template-part__selection-search {
2430 2395 background: #fff;
@@ -2536,22 +2501,18 @@
2536 2501 margin-bottom: 0;
2537 2502 }
2538 2503
2539 2504 .block-library-query-pattern__selection-modal .block-editor-block-patterns-list {
2540 - -moz-column-count: 2;
2541 - column-count: 2;
2542 - -moz-column-gap: 24px;
2543 - column-gap: 24px;
2505 + column-count: 2;
2506 + column-gap: 24px;
2544 2507 }
2545 2508 @media (min-width: 1280px) {
2546 2509 .block-library-query-pattern__selection-modal .block-editor-block-patterns-list {
2547 - -moz-column-count: 3;
2548 - column-count: 3;
2510 + column-count: 3;
2549 2511 }
2550 2512 }
2551 2513 .block-library-query-pattern__selection-modal .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item {
2552 - -moz-column-break-inside: avoid;
2553 - break-inside: avoid-column;
2514 + break-inside: avoid-column;
2554 2515 }
2555 2516 .block-library-query-pattern__selection-modal .block-library-query-pattern__selection-search {
2556 2517 background: #fff;
2557 2518 position: sticky;
@@ -2561,14 +2522,8 @@
2561 2522 margin-bottom: -4px;
2562 2523 z-index: 2;
2563 2524 }
2564 2525
2565 -@media (min-width: 600px) {
2566 - .wp-block-query__enhanced-pagination-modal {
2567 - max-width: 480px;
2568 - }
2569 -}
2570 -
2571 2526 .block-editor-block-settings-menu__popover.is-expanded {
2572 2527 overflow-y: scroll;
2573 2528 }
2574 2529 .block-editor-block-settings-menu__popover .block-library-query-pattern__selection-content {
@@ -2583,9 +2538,9 @@
2583 2538 grid-template-columns: 1fr 1fr;
2584 2539 }
2585 2540 }
2586 2541 .block-editor-block-settings-menu__popover .block-editor-block-patterns-list {
2587 - grid-gap: 12px;
2542 + gap: 12px;
2588 2543 min-width: 280px;
2589 2544 }
2590 2545 @media (min-width: 600px) {
2591 2546 .block-editor-block-settings-menu__popover .block-editor-block-patterns-list {
@@ -2606,11 +2561,8 @@
2606 2561
2607 2562 :where(.editor-styles-wrapper) .wp-block-query-pagination {
2608 2563 max-width: 100%;
2609 2564 }
2610 -:where(.editor-styles-wrapper) .wp-block-query-pagination.block-editor-block-list__layout {
2611 - margin: 0;
2612 -}
2613 2565
2614 2566 .wp-block-query-pagination-numbers a {
2615 2567 text-decoration: underline;
2616 2568 }
@@ -2802,13 +2754,11 @@
2802 2754 height: auto !important;
2803 2755 outline: 1px solid rgba(0, 0, 0, 0.1);
2804 2756 }
2805 2757 .block-library-poster-image__preview .block-library-poster-image__preview-image {
2806 - -o-object-fit: cover;
2807 - object-fit: cover;
2758 + object-fit: cover;
2808 2759 width: 100%;
2809 - -o-object-position: 50% 50%;
2810 - object-position: 50% 50%;
2760 + object-position: 50% 50%;
2811 2761 aspect-ratio: 2/1;
2812 2762 }
2813 2763
2814 2764 .block-library-poster-image__actions:not(.block-library-poster-image__actions-select) {