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/style.css +183 -183 23.6.2 → trunk View file →
@@ -58,9 +58,12 @@
58 58 justify-content: center;
59 59 }
60 60
61 61 .wp-block-accordion-panel[hidden] {
62 + border: none !important;
63 + box-shadow: none !important;
62 64 margin-block-start: 0;
65 + padding: 0 !important;
63 66 }
64 67
65 68 .wp-block-archives {
66 69 box-sizing: border-box;
@@ -217,9 +220,10 @@
217 220 .wp-block-button__link {
218 221 cursor: pointer;
219 222 display: inline-block;
220 223 text-align: center;
221 - word-break: break-word;
224 + word-break: normal;
225 + overflow-wrap: anywhere;
222 226 box-sizing: border-box;
223 227 height: 100%;
224 228 align-content: center;
225 229 }
@@ -422,9 +426,10 @@
422 426 }
423 427 .wp-block-categories.wp-block-categories-dropdown.aligncenter {
424 428 text-align: center;
425 429 }
426 -.wp-block-categories .wp-block-categories__label:not(.screen-reader-text) {
430 +
431 +:where(.wp-block-categories__label:not(.screen-reader-text)) {
427 432 width: 100%;
428 433 display: block;
429 434 }
430 435
@@ -496,15 +501,15 @@
496 501 margin-bottom: 1.75em;
497 502 }
498 503
499 504 :where(.wp-block-columns.has-background) {
500 - padding: 1.25em 2.375em;
505 + padding: var(--wp--style--block-background-padding, 1.25em 2.375em);
501 506 }
502 507
503 508 .wp-block-column {
504 509 flex-grow: 1;
505 510 min-width: 0;
506 - word-break: break-word;
511 + word-break: normal;
507 512 overflow-wrap: break-word;
508 513 /**
509 514 * Individual Column Alignment
510 515 */
@@ -583,9 +588,9 @@
583 588 font-size: 0.875em;
584 589 line-height: 1.5;
585 590 }
586 591 .wp-block-post-comments .comment-meta b {
587 - font-weight: normal;
592 + font-weight: 400;
588 593 }
589 594 .wp-block-post-comments .comment-meta .comment-awaiting-moderation {
590 595 margin-top: 1em;
591 596 margin-bottom: 1em;
@@ -593,15 +598,8 @@
593 598 }
594 599 .wp-block-post-comments .comment-body .commentmetadata {
595 600 font-size: 0.875em;
596 601 }
597 -.wp-block-post-comments .comment-form-comment label,
598 -.wp-block-post-comments .comment-form-author label,
599 -.wp-block-post-comments .comment-form-email label,
600 -.wp-block-post-comments .comment-form-url label {
601 - display: block;
602 - margin-bottom: 0.25em;
603 -}
604 602 .wp-block-post-comments .comment-form textarea,
605 603 .wp-block-post-comments .comment-form input:not([type=submit]):not([type=checkbox]) {
606 604 display: block;
607 605 box-sizing: border-box;
@@ -635,8 +633,16 @@
635 633 .wp-block-post-comments input:not([type=submit]):not([type=checkbox]) {
636 634 padding: calc(0.667em + 2px);
637 635 }
638 636
637 +:where(.wp-block-post-comments .comment-form-comment label),
638 +:where(.wp-block-post-comments .comment-form-author label),
639 +:where(.wp-block-post-comments .comment-form-email label),
640 +:where(.wp-block-post-comments .comment-form-url label) {
641 + display: block;
642 + margin-bottom: 0.25em;
643 +}
644 +
639 645 :where(.wp-block-post-comments input[type=submit]) {
640 646 border: none;
641 647 }
642 648
@@ -688,9 +694,8 @@
688 694 }
689 695 .wp-block-comment-template.aligncenter {
690 696 margin-left: auto;
691 697 margin-right: auto;
692 - width: -moz-fit-content;
693 698 width: fit-content;
694 699 }
695 700 .wp-block-comment-template.alignright {
696 701 float: right;
@@ -1012,14 +1017,19 @@
1012 1017 width: 100%;
1013 1018 height: 100%;
1014 1019 max-width: none;
1015 1020 max-height: none;
1016 - -o-object-fit: cover;
1017 - object-fit: cover;
1021 + object-fit: cover;
1018 1022 outline: none;
1019 1023 border: none;
1020 1024 box-shadow: none;
1021 1025 }
1026 +@supports (-webkit-hyphens: none) {
1027 + .wp-block-cover-image.has-aspect-ratio,
1028 + .wp-block-cover.has-aspect-ratio {
1029 + min-height: fit-content !important;
1030 + }
1031 +}
1022 1032 .wp-block-cover-image .wp-block-cover__embed-background,
1023 1033 .wp-block-cover .wp-block-cover__embed-background {
1024 1034 position: absolute;
1025 1035 top: 0;
@@ -1310,57 +1320,8 @@
1310 1320 opacity: 0.85;
1311 1321 text-decoration: none;
1312 1322 }
1313 1323
1314 -.wp-block-form-input__label {
1315 - width: 100%;
1316 - display: flex;
1317 - flex-direction: column;
1318 - gap: 0.25em;
1319 - margin-bottom: 0.5em;
1320 -}
1321 -.wp-block-form-input__label.is-label-inline {
1322 - flex-direction: row;
1323 - gap: 0.5em;
1324 - align-items: center;
1325 -}
1326 -.wp-block-form-input__label.is-label-inline .wp-block-form-input__label-content {
1327 - margin-bottom: 0.5em;
1328 -}
1329 -.wp-block-form-input__label:has(input[type=checkbox]) {
1330 - flex-direction: row;
1331 - width: -moz-fit-content;
1332 - width: fit-content;
1333 -}
1334 -.wp-block-form-input__label:has(input[type=checkbox]) .wp-block-form-input__label-content {
1335 - margin: 0;
1336 -}
1337 -.wp-block-form-input__label:has(.wp-block-form-input__label-content + input[type=checkbox]) {
1338 - /* stylelint-disable-next-line declaration-property-value-allowed-list -- This style is required for old markup. */
1339 - flex-direction: row-reverse;
1340 -}
1341 -
1342 -.wp-block-form-input__label-content {
1343 - width: -moz-fit-content;
1344 - width: fit-content;
1345 -}
1346 -
1347 -:where(.wp-block-form-input__input) {
1348 - padding: 0 0.5em;
1349 - font-size: 1em;
1350 - margin-bottom: 0.5em;
1351 -}
1352 -:where(.wp-block-form-input__input)[type=text], :where(.wp-block-form-input__input)[type=password], :where(.wp-block-form-input__input)[type=date], :where(.wp-block-form-input__input)[type=datetime], :where(.wp-block-form-input__input)[type=datetime-local], :where(.wp-block-form-input__input)[type=email], :where(.wp-block-form-input__input)[type=month], :where(.wp-block-form-input__input)[type=number], :where(.wp-block-form-input__input)[type=search], :where(.wp-block-form-input__input)[type=tel], :where(.wp-block-form-input__input)[type=time], :where(.wp-block-form-input__input)[type=url], :where(.wp-block-form-input__input)[type=week] {
1353 - min-height: 2em;
1354 - line-height: 2;
1355 - border-width: 1px;
1356 - border-style: solid;
1357 -}
1358 -
1359 -textarea.wp-block-form-input__input {
1360 - min-height: 10em;
1361 -}
1362 -
1363 1324 .wp-block-gallery:not(.has-nested-images),
1364 1325 .blocks-gallery-grid:not(.has-nested-images) {
1365 1326 display: flex;
1366 1327 flex-wrap: wrap;
@@ -1442,10 +1403,9 @@
1442 1403 .blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-item img {
1443 1404 width: 100%;
1444 1405 height: 100%;
1445 1406 flex: 1;
1446 - -o-object-fit: cover;
1447 - object-fit: cover;
1407 + object-fit: cover;
1448 1408 }
1449 1409 .wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-image, .wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-item,
1450 1410 .blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-image,
1451 1411 .blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-item {
@@ -1550,37 +1510,104 @@
1550 1510 .wp-block-gallery:not(.is-cropped) .blocks-gallery-item {
1551 1511 align-self: flex-start;
1552 1512 }
1553 1513
1554 -figure.wp-block-gallery.has-nested-images {
1514 +figure.wp-block-gallery.has-nested-images:where(.is-layout-flex) {
1555 1515 align-items: normal;
1556 1516 }
1557 1517
1558 -.wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image) {
1518 +.wp-block-gallery.has-nested-images:where(.is-layout-flex) figure.wp-block-image:not(#individual-image) {
1559 1519 width: calc(50% - var(--wp--style--unstable-gallery-gap, 16px) / 2);
1560 1520 margin: 0;
1561 1521 }
1562 -.wp-block-gallery.has-nested-images figure.wp-block-image {
1522 +.wp-block-gallery.has-nested-images:where(.is-layout-flex) figure.wp-block-image {
1563 1523 display: flex;
1564 1524 flex-grow: 1;
1565 1525 justify-content: center;
1566 - position: relative;
1567 1526 flex-direction: column;
1568 1527 max-width: 100%;
1569 1528 box-sizing: border-box;
1570 1529 }
1571 -.wp-block-gallery.has-nested-images figure.wp-block-image > div,
1572 -.wp-block-gallery.has-nested-images figure.wp-block-image > a {
1530 +.wp-block-gallery.has-nested-images:where(.is-layout-flex) figure.wp-block-image > div,
1531 +.wp-block-gallery.has-nested-images:where(.is-layout-flex) figure.wp-block-image > a {
1573 1532 margin: 0;
1574 1533 flex-direction: column;
1575 1534 flex-grow: 1;
1576 1535 }
1577 -.wp-block-gallery.has-nested-images figure.wp-block-image img {
1536 +.wp-block-gallery.has-nested-images:where(.is-layout-flex) figure.wp-block-image img {
1578 1537 display: block;
1579 1538 height: auto;
1580 1539 max-width: 100% !important;
1581 1540 width: auto;
1582 1541 }
1542 +.wp-block-gallery.has-nested-images:where(.is-layout-flex) figcaption {
1543 + flex-grow: 1;
1544 + flex-basis: 100%;
1545 + text-align: center;
1546 +}
1547 +.wp-block-gallery.has-nested-images:where(.is-layout-flex):not(.is-cropped) figure.wp-block-image:not(#individual-image) {
1548 + margin-top: 0;
1549 + margin-bottom: auto;
1550 +}
1551 +.wp-block-gallery.has-nested-images:where(.is-layout-flex).is-cropped figure.wp-block-image:not(#individual-image) {
1552 + align-self: inherit;
1553 +}
1554 +.wp-block-gallery.has-nested-images:where(.is-layout-flex).is-cropped figure.wp-block-image:not(#individual-image) > div:not(.components-drop-zone),
1555 +.wp-block-gallery.has-nested-images:where(.is-layout-flex).is-cropped figure.wp-block-image:not(#individual-image) > a {
1556 + display: flex;
1557 +}
1558 +.wp-block-gallery.has-nested-images:where(.is-layout-flex).is-cropped figure.wp-block-image:not(#individual-image) a,
1559 +.wp-block-gallery.has-nested-images:where(.is-layout-flex).is-cropped figure.wp-block-image:not(#individual-image) img {
1560 + width: 100%;
1561 + flex: 1 0 0%;
1562 + height: 100%;
1563 + object-fit: cover;
1564 +}
1565 +.wp-block-gallery.has-nested-images:where(.is-layout-flex).columns-1 figure.wp-block-image:not(#individual-image) {
1566 + width: 100%;
1567 +}
1568 +@media (min-width: 600px) {
1569 + .wp-block-gallery.has-nested-images:where(.is-layout-flex).columns-3 figure.wp-block-image:not(#individual-image) {
1570 + width: calc(33.3333333333% - var(--wp--style--unstable-gallery-gap, 16px) * 0.6666666667);
1571 + }
1572 + .wp-block-gallery.has-nested-images:where(.is-layout-flex).columns-4 figure.wp-block-image:not(#individual-image) {
1573 + width: calc(25% - var(--wp--style--unstable-gallery-gap, 16px) * 0.75);
1574 + }
1575 + .wp-block-gallery.has-nested-images:where(.is-layout-flex).columns-5 figure.wp-block-image:not(#individual-image) {
1576 + width: calc(20% - var(--wp--style--unstable-gallery-gap, 16px) * 0.8);
1577 + }
1578 + .wp-block-gallery.has-nested-images:where(.is-layout-flex).columns-6 figure.wp-block-image:not(#individual-image) {
1579 + width: calc(16.6666666667% - var(--wp--style--unstable-gallery-gap, 16px) * 0.8333333333);
1580 + }
1581 + .wp-block-gallery.has-nested-images:where(.is-layout-flex).columns-7 figure.wp-block-image:not(#individual-image) {
1582 + width: calc(14.2857142857% - var(--wp--style--unstable-gallery-gap, 16px) * 0.8571428571);
1583 + }
1584 + .wp-block-gallery.has-nested-images:where(.is-layout-flex).columns-8 figure.wp-block-image:not(#individual-image) {
1585 + width: calc(12.5% - var(--wp--style--unstable-gallery-gap, 16px) * 0.875);
1586 + }
1587 + .wp-block-gallery.has-nested-images:where(.is-layout-flex).columns-default figure.wp-block-image:not(#individual-image) {
1588 + width: calc(33.33% - var(--wp--style--unstable-gallery-gap, 16px) * 0.6666666667);
1589 + }
1590 + .wp-block-gallery.has-nested-images:where(.is-layout-flex).columns-default figure.wp-block-image:not(#individual-image):first-child:nth-last-child(2),
1591 + .wp-block-gallery.has-nested-images:where(.is-layout-flex).columns-default figure.wp-block-image:not(#individual-image):first-child:nth-last-child(2) ~ figure.wp-block-image:not(#individual-image) {
1592 + width: calc(50% - var(--wp--style--unstable-gallery-gap, 16px) * 0.5);
1593 + }
1594 + .wp-block-gallery.has-nested-images:where(.is-layout-flex).columns-default figure.wp-block-image:not(#individual-image):first-child:nth-last-child(1) {
1595 + width: 100%;
1596 + }
1597 +}
1598 +.wp-block-gallery.has-nested-images:where(.is-layout-flex).alignleft, .wp-block-gallery.has-nested-images:where(.is-layout-flex).alignright {
1599 + max-width: 420px;
1600 + width: 100%;
1601 +}
1602 +.wp-block-gallery.has-nested-images:where(.is-layout-flex).aligncenter {
1603 + justify-content: center;
1604 +}
1605 +
1606 +.wp-block-gallery.has-nested-images figure.wp-block-image {
1607 + position: relative;
1608 + margin: 0;
1609 +}
1583 1610 .wp-block-gallery.has-nested-images figure.wp-block-image:has(figcaption)::before,
1584 1611 .wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
1585 1612 position: absolute;
1586 1613 bottom: 0;
@@ -1593,10 +1620,9 @@
1593 1620 height: 100%;
1594 1621 max-height: 3em;
1595 1622 pointer-events: none;
1596 1623 backdrop-filter: blur(3px);
1597 - -webkit-mask-image: linear-gradient(0deg, #000 20%, transparent 100%);
1598 - mask-image: linear-gradient(0deg, #000 20%, transparent 100%);
1624 + mask-image: linear-gradient(0deg, #000 20%, transparent 100%);
1599 1625 }
1600 1626 .wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
1601 1627 color: #fff;
1602 1628 text-shadow: 0 0 1.5px #000;
@@ -1667,72 +1693,13 @@
1667 1693 }
1668 1694 .wp-block-gallery.has-nested-images figure.wp-block-image.is-style-rounded::before, .wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border::before {
1669 1695 content: none;
1670 1696 }
1671 -.wp-block-gallery.has-nested-images figcaption {
1672 - flex-grow: 1;
1673 - flex-basis: 100%;
1697 +
1698 +:where(.wp-block-gallery.has-nested-images.is-layout-grid) > .blocks-gallery-caption {
1699 + grid-column: 1/-1;
1674 1700 text-align: center;
1675 1701 }
1676 -.wp-block-gallery.has-nested-images:not(.is-cropped) figure.wp-block-image:not(#individual-image) {
1677 - margin-top: 0;
1678 - margin-bottom: auto;
1679 -}
1680 -.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) {
1681 - align-self: inherit;
1682 -}
1683 -.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) > div:not(.components-drop-zone),
1684 -.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) > a {
1685 - display: flex;
1686 -}
1687 -.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) a,
1688 -.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) img {
1689 - width: 100%;
1690 - flex: 1 0 0%;
1691 - height: 100%;
1692 - -o-object-fit: cover;
1693 - object-fit: cover;
1694 -}
1695 -.wp-block-gallery.has-nested-images.columns-1 figure.wp-block-image:not(#individual-image) {
1696 - width: 100%;
1697 -}
1698 -@media (min-width: 600px) {
1699 - .wp-block-gallery.has-nested-images.columns-3 figure.wp-block-image:not(#individual-image) {
1700 - width: calc(33.3333333333% - var(--wp--style--unstable-gallery-gap, 16px) * 0.6666666667);
1701 - }
1702 - .wp-block-gallery.has-nested-images.columns-4 figure.wp-block-image:not(#individual-image) {
1703 - width: calc(25% - var(--wp--style--unstable-gallery-gap, 16px) * 0.75);
1704 - }
1705 - .wp-block-gallery.has-nested-images.columns-5 figure.wp-block-image:not(#individual-image) {
1706 - width: calc(20% - var(--wp--style--unstable-gallery-gap, 16px) * 0.8);
1707 - }
1708 - .wp-block-gallery.has-nested-images.columns-6 figure.wp-block-image:not(#individual-image) {
1709 - width: calc(16.6666666667% - var(--wp--style--unstable-gallery-gap, 16px) * 0.8333333333);
1710 - }
1711 - .wp-block-gallery.has-nested-images.columns-7 figure.wp-block-image:not(#individual-image) {
1712 - width: calc(14.2857142857% - var(--wp--style--unstable-gallery-gap, 16px) * 0.8571428571);
1713 - }
1714 - .wp-block-gallery.has-nested-images.columns-8 figure.wp-block-image:not(#individual-image) {
1715 - width: calc(12.5% - var(--wp--style--unstable-gallery-gap, 16px) * 0.875);
1716 - }
1717 - .wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image) {
1718 - width: calc(33.33% - var(--wp--style--unstable-gallery-gap, 16px) * 0.6666666667);
1719 - }
1720 - .wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):first-child:nth-last-child(2),
1721 - .wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):first-child:nth-last-child(2) ~ figure.wp-block-image:not(#individual-image) {
1722 - width: calc(50% - var(--wp--style--unstable-gallery-gap, 16px) * 0.5);
1723 - }
1724 - .wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):first-child:nth-last-child(1) {
1725 - width: 100%;
1726 - }
1727 -}
1728 -.wp-block-gallery.has-nested-images.alignleft, .wp-block-gallery.has-nested-images.alignright {
1729 - max-width: 420px;
1730 - width: 100%;
1731 -}
1732 -.wp-block-gallery.has-nested-images.aligncenter {
1733 - justify-content: center;
1734 -}
1735 1702
1736 1703 .wp-block-group {
1737 1704 box-sizing: border-box;
1738 1705 }
@@ -1746,9 +1713,9 @@
1746 1713 h3:where(.wp-block-heading).has-background,
1747 1714 h4:where(.wp-block-heading).has-background,
1748 1715 h5:where(.wp-block-heading).has-background,
1749 1716 h6:where(.wp-block-heading).has-background {
1750 - padding: 1.25em 2.375em;
1717 + padding: var(--wp--style--block-background-padding, 1.25em 2.375em);
1751 1718 }
1752 1719 h1.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]), h1.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),
1753 1720 h2.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),
1754 1721 h2.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),
@@ -1791,12 +1758,16 @@
1791 1758 :where(.wp-block-icon) svg {
1792 1759 width: 100%;
1793 1760 height: 100%;
1794 1761 }
1762 +:where(.wp-block-icon) svg :where(path, rect, circle, ellipse, line, polygon, polyline) {
1763 + vector-effect: none;
1764 +}
1795 1765
1796 1766 .wp-block-image > a,
1797 1767 .wp-block-image > figure > a {
1798 1768 display: inline-block;
1769 + color: inherit;
1799 1770 }
1800 1771 .wp-block-image img {
1801 1772 height: auto;
1802 1773 max-width: 100%;
@@ -1871,19 +1842,15 @@
1871 1842 }
1872 1843 .wp-block-image.is-style-circle-mask img {
1873 1844 border-radius: 9999px;
1874 1845 }
1875 -@supports ((-webkit-mask-image: none) or (mask-image: none)) or (-webkit-mask-image: none) {
1846 +@supports (mask-image: none) or (-webkit-mask-image: none) {
1876 1847 .wp-block-image.is-style-circle-mask img {
1877 - -webkit-mask-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"/></svg>');
1878 - mask-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"/></svg>');
1848 + mask-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"/></svg>');
1879 1849 mask-mode: alpha;
1880 - -webkit-mask-repeat: no-repeat;
1881 - mask-repeat: no-repeat;
1882 - -webkit-mask-size: contain;
1883 - mask-size: contain;
1884 - -webkit-mask-position: center;
1885 - mask-position: center;
1850 + mask-repeat: no-repeat;
1851 + mask-size: contain;
1852 + mask-position: center;
1886 1853 border-radius: 0;
1887 1854 }
1888 1855 }
1889 1856
@@ -2359,9 +2326,9 @@
2359 2326 box-sizing: border-box;
2360 2327 }
2361 2328
2362 2329 :root :where(.wp-block-list.has-background) {
2363 - padding: 1.25em 2.375em;
2330 + padding: var(--wp--style--block-background-padding, 1.25em 2.375em);
2364 2331 }
2365 2332
2366 2333 .wp-block-loginout {
2367 2334 box-sizing: border-box;
@@ -2464,9 +2431,9 @@
2464 2431 height: 1px;
2465 2432 padding: 0;
2466 2433 margin: -1px;
2467 2434 overflow: hidden;
2468 - clip: rect(0, 0, 0, 0);
2435 + clip-path: inset(50%);
2469 2436 border: 0;
2470 2437 }
2471 2438
2472 2439 /* Image fill for versions 8 and onwards */
@@ -2484,10 +2451,9 @@
2484 2451 .wp-block-media-text.is-image-fill-element > .wp-block-media-text__media img {
2485 2452 position: absolute;
2486 2453 width: 100%;
2487 2454 height: 100%;
2488 - -o-object-fit: cover;
2489 - object-fit: cover;
2455 + object-fit: cover;
2490 2456 }
2491 2457
2492 2458 /*
2493 2459 * Here we here not able to use a mobile first CSS approach.
@@ -2583,9 +2549,16 @@
2583 2549 .wp-block-navigation.is-vertical {
2584 2550 --navigation-layout-direction: column;
2585 2551 --navigation-layout-justify: initial;
2586 2552 --navigation-layout-align: flex-start;
2553 + text-align: var(--navigation-layout-text-align, inherit);
2587 2554 }
2555 +.wp-block-navigation.is-vertical .wp-block-navigation-item__content {
2556 + text-align: inherit;
2557 +}
2558 +.wp-block-navigation.is-vertical .wp-block-navigation-item:not(.open-always) > .wp-block-navigation__submenu-container {
2559 + text-align: initial;
2560 +}
2588 2561 .wp-block-navigation.no-wrap {
2589 2562 --navigation-layout-wrap: nowrap;
2590 2563 }
2591 2564 .wp-block-navigation.items-justified-center {
@@ -2590,8 +2563,9 @@
2590 2563 }
2591 2564 .wp-block-navigation.items-justified-center {
2592 2565 --navigation-layout-justification-setting: center;
2593 2566 --navigation-layout-justify: center;
2567 + --navigation-layout-text-align: center;
2594 2568 }
2595 2569 .wp-block-navigation.items-justified-center.is-vertical {
2596 2570 --navigation-layout-align: center;
2597 2571 }
@@ -2597,8 +2571,9 @@
2597 2571 }
2598 2572 .wp-block-navigation.items-justified-right {
2599 2573 --navigation-layout-justification-setting: flex-end;
2600 2574 --navigation-layout-justify: flex-end;
2575 + --navigation-layout-text-align: end;
2601 2576 }
2602 2577 .wp-block-navigation.items-justified-right.is-vertical {
2603 2578 --navigation-layout-align: flex-end;
2604 2579 }
@@ -2669,9 +2644,9 @@
2669 2644 transform: rotate(-90deg);
2670 2645 }
2671 2646 }
2672 2647 @media (hover: hover) {
2673 - .wp-block-navigation .has-child:not(.open-on-click):hover > .wp-block-navigation__submenu-container {
2648 + .wp-block-navigation .has-child:not(.open-on-click):not(.open-always):hover > .wp-block-navigation__submenu-container {
2674 2649 visibility: visible;
2675 2650 overflow: visible;
2676 2651 opacity: 1;
2677 2652 width: auto;
@@ -2678,10 +2653,9 @@
2678 2653 height: auto;
2679 2654 min-width: 200px;
2680 2655 }
2681 2656 }
2682 -.wp-block-navigation .has-child:not(.open-on-click):not(.open-on-hover-click):focus-within > .wp-block-navigation__submenu-container,
2683 -.wp-block-navigation .has-child .wp-block-navigation-submenu__toggle[aria-expanded=true] ~ .wp-block-navigation__submenu-container {
2657 +.wp-block-navigation .has-child:not(.open-on-click):not(.open-on-hover-click):not(.open-always):focus-within > .wp-block-navigation__submenu-container, .wp-block-navigation .has-child:not(.open-always) .wp-block-navigation-submenu__toggle[aria-expanded=true] ~ .wp-block-navigation__submenu-container {
2684 2658 visibility: visible;
2685 2659 overflow: visible;
2686 2660 opacity: 1;
2687 2661 width: auto;
@@ -2729,8 +2703,9 @@
2729 2703 position: static;
2730 2704 border: none;
2731 2705 background-color: transparent;
2732 2706 color: inherit;
2707 + box-shadow: none !important;
2733 2708 }
2734 2709
2735 2710 .wp-block-navigation.has-background .has-child .wp-block-navigation__submenu-container {
2736 2711 left: 0;
@@ -2936,8 +2911,9 @@
2936 2911 display: flex;
2937 2912 flex-direction: column;
2938 2913 flex-wrap: nowrap;
2939 2914 align-items: var(--navigation-layout-justification-setting, inherit);
2915 + text-align: var(--navigation-layout-text-align, inherit);
2940 2916 }
2941 2917 .wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content,
2942 2918 .wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content .wp-block-page-list,
2943 2919 .wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content .wp-block-navigation__container {
@@ -2963,11 +2939,13 @@
2963 2939 gap: inherit;
2964 2940 }
2965 2941 .wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container {
2966 2942 padding-top: var(--wp--style--block-gap, 2em);
2943 + text-align: inherit;
2967 2944 }
2968 2945 .wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content .wp-block-navigation-item__content {
2969 2946 padding: 0;
2947 + text-align: inherit;
2970 2948 }
2971 2949 .wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content .wp-block-navigation__container,
2972 2950 .wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content .wp-block-navigation-item,
2973 2951 .wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content .wp-block-page-list {
@@ -2981,8 +2959,11 @@
2981 2959 .wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-page-list {
2982 2960 color: inherit !important;
2983 2961 background: transparent !important;
2984 2962 }
2963 +.wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation-item .wp-block-navigation__submenu-container {
2964 + box-shadow: none !important;
2965 +}
2985 2966 .wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container {
2986 2967 right: auto;
2987 2968 left: auto;
2988 2969 }
@@ -3028,9 +3009,9 @@
3028 3009 }
3029 3010
3030 3011 .wp-block-navigation__toggle_button_label {
3031 3012 font-size: 1rem;
3032 - font-weight: bold;
3013 + font-weight: 700;
3033 3014 }
3034 3015
3035 3016 .wp-block-navigation__responsive-container-open,
3036 3017 .wp-block-navigation__responsive-container-close {
@@ -3138,8 +3119,20 @@
3138 3119 margin-left: 8px;
3139 3120 text-transform: uppercase;
3140 3121 }
3141 3122
3123 +:where(.wp-block-navigation-overlay-close) {
3124 + color: inherit;
3125 + font-family: inherit;
3126 + font-size: inherit;
3127 + font-style: inherit;
3128 + font-weight: inherit;
3129 + letter-spacing: inherit;
3130 + line-height: inherit;
3131 + text-transform: inherit;
3132 + border: none;
3133 +}
3134 +
3142 3135 .wp-block-navigation-overlay-close {
3143 3136 display: inline-flex;
3144 3137 align-items: center;
3145 3138 justify-content: center;
@@ -3144,9 +3137,8 @@
3144 3137 align-items: center;
3145 3138 justify-content: center;
3146 3139 gap: 0.5em;
3147 3140 padding: 0;
3148 - border: none;
3149 3141 background: transparent;
3150 3142 cursor: pointer;
3151 3143 text-decoration: none;
3152 3144 }
@@ -3216,9 +3208,9 @@
3216 3208 overflow: hidden;
3217 3209 }
3218 3210
3219 3211 :root :where(p.has-background) {
3220 - padding: 1.25em 2.375em;
3212 + padding: var(--wp--style--block-background-padding, 1.25em 2.375em);
3221 3213 }
3222 3214
3223 3215 :where(p.has-text-color:not(.has-link-color)) a {
3224 3216 color: inherit;
@@ -3340,10 +3332,9 @@
3340 3332 position: absolute;
3341 3333 inset: 0;
3342 3334 width: 100%;
3343 3335 height: 100%;
3344 - -o-object-fit: cover;
3345 - object-fit: cover;
3336 + object-fit: cover;
3346 3337 pointer-events: none;
3347 3338 z-index: 0;
3348 3339 }
3349 3340
@@ -3827,10 +3818,9 @@
3827 3818 height: 50px;
3828 3819 margin-right: var(--wp--preset--spacing--20, 0.5em);
3829 3820 border: 1px solid rgba(0, 0, 0, 0.08);
3830 3821 box-sizing: border-box;
3831 - -o-object-fit: cover;
3832 - object-fit: cover;
3822 + object-fit: cover;
3833 3823 }
3834 3824 .wp-block-playlist-track .wp-block-playlist-track__button .wp-block-playlist-track__content {
3835 3825 flex: 1 1 0;
3836 3826 min-width: 0;
@@ -3878,8 +3868,9 @@
3878 3868
3879 3869 .wp-block-post-author-biography {
3880 3870 box-sizing: border-box;
3881 3871 white-space: pre-wrap;
3872 + overflow-wrap: break-word;
3882 3873 }
3883 3874
3884 3875 :where(.wp-block-post-comments-form textarea),
3885 3876 :where(.wp-block-post-comments-form input:not([type=submit])) {
@@ -3928,14 +3919,8 @@
3928 3919 display: block;
3929 3920 box-sizing: border-box;
3930 3921 width: 100%;
3931 3922 }
3932 -.wp-block-post-comments-form .comment-form-author label,
3933 -.wp-block-post-comments-form .comment-form-email label,
3934 -.wp-block-post-comments-form .comment-form-url label {
3935 - display: block;
3936 - margin-bottom: 0.25em;
3937 -}
3938 3923 .wp-block-post-comments-form .comment-form-cookies-consent {
3939 3924 display: flex;
3940 3925 gap: 0.25em;
3941 3926 }
@@ -3949,8 +3934,15 @@
3949 3934 font-size: var(--wp--preset--font-size--medium, smaller);
3950 3935 margin-left: 0.5em;
3951 3936 }
3952 3937
3938 +:where(.wp-block-post-comments-form .comment-form-author label),
3939 +:where(.wp-block-post-comments-form .comment-form-email label),
3940 +:where(.wp-block-post-comments-form .comment-form-url label) {
3941 + display: block;
3942 + margin-bottom: 0.25em;
3943 +}
3944 +
3953 3945 .wp-block-post-comments-count {
3954 3946 box-sizing: border-box;
3955 3947 }
3956 3948
@@ -4052,8 +4044,11 @@
4052 4044 .wp-block-post-featured-image:where(.alignleft, .alignright) {
4053 4045 width: 100%;
4054 4046 }
4055 4047
4048 +.wp-block-post-navigation-link {
4049 + box-sizing: border-box;
4050 +}
4056 4051 .wp-block-post-navigation-link .wp-block-post-navigation-link__arrow-previous {
4057 4052 display: inline-block;
4058 4053 margin-right: 1ch;
4059 4054 }
@@ -4082,13 +4077,13 @@
4082 4077 box-sizing: border-box;
4083 4078 }
4084 4079
4085 4080 .wp-block-post-title {
4086 - word-break: break-word;
4081 + word-break: normal;
4082 + overflow-wrap: anywhere;
4087 4083 box-sizing: border-box;
4088 4084 }
4089 4085 .wp-block-post-title :where(a) {
4090 - display: inline-block;
4091 4086 font-family: inherit;
4092 4087 font-size: inherit;
4093 4088 font-style: inherit;
4094 4089 font-weight: inherit;
@@ -4106,9 +4101,9 @@
4106 4101 white-space: pre-wrap;
4107 4102 }
4108 4103
4109 4104 :where(.wp-block-preformatted.has-background) {
4110 - padding: 1.25em 2.375em;
4105 + padding: var(--wp--style--block-background-padding, 1.25em 2.375em);
4111 4106 }
4112 4107
4113 4108 .wp-block-pullquote {
4114 4109 text-align: center;
@@ -4236,8 +4231,12 @@
4236 4231 margin-inline-start: auto;
4237 4232 margin-inline-end: auto;
4238 4233 }
4239 4234
4235 +:where(.wp-block-query-no-results) {
4236 + box-sizing: border-box;
4237 +}
4238 +
4240 4239 .wp-block-query-pagination.is-content-justification-space-between > .wp-block-query-pagination-next:last-of-type {
4241 4240 margin-inline-start: auto;
4242 4241 }
4243 4242 .wp-block-query-pagination.is-content-justification-space-between > .wp-block-query-pagination-previous:first-child {
@@ -4293,9 +4292,8 @@
4293 4292 }
4294 4293
4295 4294 .wp-block-read-more {
4296 4295 display: block;
4297 - width: -moz-fit-content;
4298 4296 width: fit-content;
4299 4297 }
4300 4298 .wp-block-read-more:where(:not([style*=text-decoration])) {
4301 4299 text-decoration: none;
@@ -4378,9 +4376,9 @@
4378 4376 flex-wrap: nowrap;
4379 4377 max-width: 100%;
4380 4378 }
4381 4379
4382 -.wp-block-search__label {
4380 +:where(.wp-block-search__label) {
4383 4381 width: 100%;
4384 4382 }
4385 4383
4386 4384 .wp-block-search.wp-block-search__button-only .wp-block-search__button {
@@ -4431,11 +4429,9 @@
4431 4429 margin-right: 0;
4432 4430 min-width: 3rem;
4433 4431 border: 1px solid #949494;
4434 4432 text-decoration: unset !important;
4435 - -webkit-appearance: initial;
4436 - -moz-appearance: initial;
4437 - appearance: initial;
4433 + appearance: initial;
4438 4434 }
4439 4435
4440 4436 :where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) {
4441 4437 padding: 4px;
@@ -5004,9 +5000,8 @@
5004 5000 :where(.wp-block-tab-list button) {
5005 5001 box-sizing: border-box;
5006 5002 color: inherit;
5007 5003 display: block;
5008 - width: -moz-max-content;
5009 5004 width: max-content;
5010 5005 text-decoration: none;
5011 5006 cursor: pointer;
5012 5007 flex-basis: inherit !important;
@@ -5013,10 +5008,9 @@
5013 5008 flex-grow: inherit !important;
5014 5009 position: relative;
5015 5010 border: none;
5016 5011 background: none;
5017 - -moz-appearance: none;
5018 - appearance: none;
5012 + appearance: none;
5019 5013 -webkit-appearance: none;
5020 5014 margin: 0;
5021 5015 padding: var(--wp--preset--spacing--20, 0.5em) var(--wp--preset--spacing--30, 1em);
5022 5016 font-size: inherit;
@@ -5036,11 +5030,17 @@
5036 5030 width: 100%;
5037 5031 bottom: 0;
5038 5032 }
5039 5033
5040 -.wp-block-tab-panel[hidden], .wp-block-tab-panel:empty {
5034 +.wp-block-tab-panel:empty {
5041 5035 display: none !important;
5042 5036 }
5037 +.wp-block-tab-panel[hidden] {
5038 + box-shadow: none !important;
5039 + border: none !important;
5040 + margin-block-start: 0;
5041 + padding: 0 !important;
5042 +}
5043 5043
5044 5044 .wp-block-table {
5045 5045 overflow-x: auto;
5046 5046 }
@@ -5240,9 +5240,10 @@
5240 5240 box-sizing: border-box;
5241 5241 overflow: auto;
5242 5242 white-space: pre-wrap;
5243 5243 min-width: 1em;
5244 - word-break: break-word;
5244 + word-break: normal;
5245 + overflow-wrap: break-word;
5245 5246 }
5246 5247
5247 5248 :where(pre.wp-block-verse) {
5248 5249 font-family: inherit;
@@ -5257,10 +5258,9 @@
5257 5258 vertical-align: middle;
5258 5259 }
5259 5260 @supports (position: sticky) {
5260 5261 .wp-block-video [poster] {
5261 - -o-object-fit: cover;
5262 - object-fit: cover;
5262 + object-fit: cover;
5263 5263 }
5264 5264 }
5265 5265 .wp-block-video.aligncenter {
5266 5266 text-align: center;
@@ -5424,9 +5424,9 @@
5424 5424 overflow: hidden;
5425 5425 padding: 0;
5426 5426 position: absolute;
5427 5427 width: 1px;
5428 - word-wrap: normal !important;
5428 + overflow-wrap: normal !important;
5429 5429 word-break: normal !important;
5430 5430 }
5431 5431
5432 5432 .screen-reader-text:focus {