PluginProbe
Gutenberg / trunk
Gutenberg vtrunk
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 → trunk 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) {