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 -100 23.8.0 → 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;
@@ -2186,10 +2164,9 @@
2186 2164 .block-library-site-logo__inspector-media-replace-container .block-library-site-logo__inspector-media-replace-title {
2187 2165 word-break: break-all;
2188 2166 white-space: normal;
2189 2167 text-align: start;
2190 - -moz-text-align-last: center;
2191 - text-align-last: center;
2168 + text-align-last: center;
2192 2169 }
2193 2170 .block-library-site-logo__inspector-media-replace-container img {
2194 2171 width: 20px;
2195 2172 min-width: 20px;
@@ -2212,8 +2189,12 @@
2212 2189 padding: 1em 0;
2213 2190 border: 1px dashed;
2214 2191 }
2215 2192
2193 +.wp-block-site-title.has-fit-text > * {
2194 + white-space: inherit !important;
2195 +}
2196 +
2216 2197 .wp-block-social-links .wp-social-link {
2217 2198 line-height: 0;
2218 2199 }
2219 2200
@@ -2397,22 +2378,18 @@
2397 2378 .block-editor-template-part__selection-modal {
2398 2379 z-index: 1000001;
2399 2380 }
2400 2381 .block-editor-template-part__selection-modal .block-editor-block-patterns-list {
2401 - -moz-column-count: 2;
2402 - column-count: 2;
2403 - -moz-column-gap: 24px;
2404 - column-gap: 24px;
2382 + column-count: 2;
2383 + column-gap: 24px;
2405 2384 }
2406 2385 @media (min-width: 1280px) {
2407 2386 .block-editor-template-part__selection-modal .block-editor-block-patterns-list {
2408 - -moz-column-count: 3;
2409 - column-count: 3;
2387 + column-count: 3;
2410 2388 }
2411 2389 }
2412 2390 .block-editor-template-part__selection-modal .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item {
2413 - -moz-column-break-inside: avoid;
2414 - break-inside: avoid-column;
2391 + break-inside: avoid-column;
2415 2392 }
2416 2393
2417 2394 .block-library-template-part__selection-search {
2418 2395 background: #fff;
@@ -2524,22 +2501,18 @@
2524 2501 margin-bottom: 0;
2525 2502 }
2526 2503
2527 2504 .block-library-query-pattern__selection-modal .block-editor-block-patterns-list {
2528 - -moz-column-count: 2;
2529 - column-count: 2;
2530 - -moz-column-gap: 24px;
2531 - column-gap: 24px;
2505 + column-count: 2;
2506 + column-gap: 24px;
2532 2507 }
2533 2508 @media (min-width: 1280px) {
2534 2509 .block-library-query-pattern__selection-modal .block-editor-block-patterns-list {
2535 - -moz-column-count: 3;
2536 - column-count: 3;
2510 + column-count: 3;
2537 2511 }
2538 2512 }
2539 2513 .block-library-query-pattern__selection-modal .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item {
2540 - -moz-column-break-inside: avoid;
2541 - break-inside: avoid-column;
2514 + break-inside: avoid-column;
2542 2515 }
2543 2516 .block-library-query-pattern__selection-modal .block-library-query-pattern__selection-search {
2544 2517 background: #fff;
2545 2518 position: sticky;
@@ -2549,14 +2522,8 @@
2549 2522 margin-bottom: -4px;
2550 2523 z-index: 2;
2551 2524 }
2552 2525
2553 -@media (min-width: 600px) {
2554 - .wp-block-query__enhanced-pagination-modal {
2555 - max-width: 480px;
2556 - }
2557 -}
2558 -
2559 2526 .block-editor-block-settings-menu__popover.is-expanded {
2560 2527 overflow-y: scroll;
2561 2528 }
2562 2529 .block-editor-block-settings-menu__popover .block-library-query-pattern__selection-content {
@@ -2571,9 +2538,9 @@
2571 2538 grid-template-columns: 1fr 1fr;
2572 2539 }
2573 2540 }
2574 2541 .block-editor-block-settings-menu__popover .block-editor-block-patterns-list {
2575 - grid-gap: 12px;
2542 + gap: 12px;
2576 2543 min-width: 280px;
2577 2544 }
2578 2545 @media (min-width: 600px) {
2579 2546 .block-editor-block-settings-menu__popover .block-editor-block-patterns-list {
@@ -2594,11 +2561,8 @@
2594 2561
2595 2562 :where(.editor-styles-wrapper) .wp-block-query-pagination {
2596 2563 max-width: 100%;
2597 2564 }
2598 -:where(.editor-styles-wrapper) .wp-block-query-pagination.block-editor-block-list__layout {
2599 - margin: 0;
2600 -}
2601 2565
2602 2566 .wp-block-query-pagination-numbers a {
2603 2567 text-decoration: underline;
2604 2568 }
@@ -2790,13 +2754,11 @@
2790 2754 height: auto !important;
2791 2755 outline: 1px solid rgba(0, 0, 0, 0.1);
2792 2756 }
2793 2757 .block-library-poster-image__preview .block-library-poster-image__preview-image {
2794 - -o-object-fit: cover;
2795 - object-fit: cover;
2758 + object-fit: cover;
2796 2759 width: 100%;
2797 - -o-object-position: 50% 50%;
2798 - object-position: 50% 50%;
2760 + object-position: 50% 50%;
2799 2761 aspect-ratio: 2/1;
2800 2762 }
2801 2763
2802 2764 .block-library-poster-image__actions:not(.block-library-poster-image__actions-select) {