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 +144 -167 23.9.1 → 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 }
@@ -497,15 +501,15 @@
497 501 margin-bottom: 1.75em;
498 502 }
499 503
500 504 :where(.wp-block-columns.has-background) {
501 - padding: 1.25em 2.375em;
505 + padding: var(--wp--style--block-background-padding, 1.25em 2.375em);
502 506 }
503 507
504 508 .wp-block-column {
505 509 flex-grow: 1;
506 510 min-width: 0;
507 - word-break: break-word;
511 + word-break: normal;
508 512 overflow-wrap: break-word;
509 513 /**
510 514 * Individual Column Alignment
511 515 */
@@ -584,9 +588,9 @@
584 588 font-size: 0.875em;
585 589 line-height: 1.5;
586 590 }
587 591 .wp-block-post-comments .comment-meta b {
588 - font-weight: normal;
592 + font-weight: 400;
589 593 }
590 594 .wp-block-post-comments .comment-meta .comment-awaiting-moderation {
591 595 margin-top: 1em;
592 596 margin-bottom: 1em;
@@ -690,9 +694,8 @@
690 694 }
691 695 .wp-block-comment-template.aligncenter {
692 696 margin-left: auto;
693 697 margin-right: auto;
694 - width: -moz-fit-content;
695 698 width: fit-content;
696 699 }
697 700 .wp-block-comment-template.alignright {
698 701 float: right;
@@ -1014,14 +1017,19 @@
1014 1017 width: 100%;
1015 1018 height: 100%;
1016 1019 max-width: none;
1017 1020 max-height: none;
1018 - -o-object-fit: cover;
1019 - object-fit: cover;
1021 + object-fit: cover;
1020 1022 outline: none;
1021 1023 border: none;
1022 1024 box-shadow: none;
1023 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 +}
1024 1032 .wp-block-cover-image .wp-block-cover__embed-background,
1025 1033 .wp-block-cover .wp-block-cover__embed-background {
1026 1034 position: absolute;
1027 1035 top: 0;
@@ -1312,57 +1320,8 @@
1312 1320 opacity: 0.85;
1313 1321 text-decoration: none;
1314 1322 }
1315 1323
1316 -:where(.wp-block-form-input__label) {
1317 - width: 100%;
1318 - display: flex;
1319 - flex-direction: column;
1320 - gap: 0.25em;
1321 - margin-bottom: 0.5em;
1322 -}
1323 -:where(.wp-block-form-input__label).is-label-inline {
1324 - flex-direction: row;
1325 - gap: 0.5em;
1326 - align-items: center;
1327 -}
1328 -:where(.wp-block-form-input__label).is-label-inline .wp-block-form-input__label-content {
1329 - margin-bottom: 0.5em;
1330 -}
1331 -:where(.wp-block-form-input__label):has(input[type=checkbox]) {
1332 - flex-direction: row;
1333 - width: -moz-fit-content;
1334 - width: fit-content;
1335 -}
1336 -:where(.wp-block-form-input__label):has(input[type=checkbox]) .wp-block-form-input__label-content {
1337 - margin: 0;
1338 -}
1339 -:where(.wp-block-form-input__label):has(.wp-block-form-input__label-content + input[type=checkbox]) {
1340 - /* stylelint-disable-next-line declaration-property-value-allowed-list -- This style is required for old markup. */
1341 - flex-direction: row-reverse;
1342 -}
1343 -
1344 -:where(.wp-block-form-input__label-content) {
1345 - width: -moz-fit-content;
1346 - width: fit-content;
1347 -}
1348 -
1349 -:where(.wp-block-form-input__input) {
1350 - padding: 0 0.5em;
1351 - font-size: 1em;
1352 - margin-bottom: 0.5em;
1353 -}
1354 -: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] {
1355 - min-height: 2em;
1356 - line-height: 2;
1357 - border-width: 1px;
1358 - border-style: solid;
1359 -}
1360 -
1361 -textarea.wp-block-form-input__input {
1362 - min-height: 10em;
1363 -}
1364 -
1365 1324 .wp-block-gallery:not(.has-nested-images),
1366 1325 .blocks-gallery-grid:not(.has-nested-images) {
1367 1326 display: flex;
1368 1327 flex-wrap: wrap;
@@ -1444,10 +1403,9 @@
1444 1403 .blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-item img {
1445 1404 width: 100%;
1446 1405 height: 100%;
1447 1406 flex: 1;
1448 - -o-object-fit: cover;
1449 - object-fit: cover;
1407 + object-fit: cover;
1450 1408 }
1451 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,
1452 1410 .blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-image,
1453 1411 .blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-item {
@@ -1552,37 +1510,104 @@
1552 1510 .wp-block-gallery:not(.is-cropped) .blocks-gallery-item {
1553 1511 align-self: flex-start;
1554 1512 }
1555 1513
1556 -figure.wp-block-gallery.has-nested-images {
1514 +figure.wp-block-gallery.has-nested-images:where(.is-layout-flex) {
1557 1515 align-items: normal;
1558 1516 }
1559 1517
1560 -.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) {
1561 1519 width: calc(50% - var(--wp--style--unstable-gallery-gap, 16px) / 2);
1562 1520 margin: 0;
1563 1521 }
1564 -.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 {
1565 1523 display: flex;
1566 1524 flex-grow: 1;
1567 1525 justify-content: center;
1568 - position: relative;
1569 1526 flex-direction: column;
1570 1527 max-width: 100%;
1571 1528 box-sizing: border-box;
1572 1529 }
1573 -.wp-block-gallery.has-nested-images figure.wp-block-image > div,
1574 -.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 {
1575 1532 margin: 0;
1576 1533 flex-direction: column;
1577 1534 flex-grow: 1;
1578 1535 }
1579 -.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 {
1580 1537 display: block;
1581 1538 height: auto;
1582 1539 max-width: 100% !important;
1583 1540 width: auto;
1584 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 +}
1585 1610 .wp-block-gallery.has-nested-images figure.wp-block-image:has(figcaption)::before,
1586 1611 .wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
1587 1612 position: absolute;
1588 1613 bottom: 0;
@@ -1595,10 +1620,9 @@
1595 1620 height: 100%;
1596 1621 max-height: 3em;
1597 1622 pointer-events: none;
1598 1623 backdrop-filter: blur(3px);
1599 - -webkit-mask-image: linear-gradient(0deg, #000 20%, transparent 100%);
1600 - mask-image: linear-gradient(0deg, #000 20%, transparent 100%);
1624 + mask-image: linear-gradient(0deg, #000 20%, transparent 100%);
1601 1625 }
1602 1626 .wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
1603 1627 color: #fff;
1604 1628 text-shadow: 0 0 1.5px #000;
@@ -1669,72 +1693,13 @@
1669 1693 }
1670 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 {
1671 1695 content: none;
1672 1696 }
1673 -.wp-block-gallery.has-nested-images figcaption {
1674 - flex-grow: 1;
1675 - flex-basis: 100%;
1697 +
1698 +:where(.wp-block-gallery.has-nested-images.is-layout-grid) > .blocks-gallery-caption {
1699 + grid-column: 1/-1;
1676 1700 text-align: center;
1677 1701 }
1678 -.wp-block-gallery.has-nested-images:not(.is-cropped) figure.wp-block-image:not(#individual-image) {
1679 - margin-top: 0;
1680 - margin-bottom: auto;
1681 -}
1682 -.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) {
1683 - align-self: inherit;
1684 -}
1685 -.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) > div:not(.components-drop-zone),
1686 -.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) > a {
1687 - display: flex;
1688 -}
1689 -.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) a,
1690 -.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) img {
1691 - width: 100%;
1692 - flex: 1 0 0%;
1693 - height: 100%;
1694 - -o-object-fit: cover;
1695 - object-fit: cover;
1696 -}
1697 -.wp-block-gallery.has-nested-images.columns-1 figure.wp-block-image:not(#individual-image) {
1698 - width: 100%;
1699 -}
1700 -@media (min-width: 600px) {
1701 - .wp-block-gallery.has-nested-images.columns-3 figure.wp-block-image:not(#individual-image) {
1702 - width: calc(33.3333333333% - var(--wp--style--unstable-gallery-gap, 16px) * 0.6666666667);
1703 - }
1704 - .wp-block-gallery.has-nested-images.columns-4 figure.wp-block-image:not(#individual-image) {
1705 - width: calc(25% - var(--wp--style--unstable-gallery-gap, 16px) * 0.75);
1706 - }
1707 - .wp-block-gallery.has-nested-images.columns-5 figure.wp-block-image:not(#individual-image) {
1708 - width: calc(20% - var(--wp--style--unstable-gallery-gap, 16px) * 0.8);
1709 - }
1710 - .wp-block-gallery.has-nested-images.columns-6 figure.wp-block-image:not(#individual-image) {
1711 - width: calc(16.6666666667% - var(--wp--style--unstable-gallery-gap, 16px) * 0.8333333333);
1712 - }
1713 - .wp-block-gallery.has-nested-images.columns-7 figure.wp-block-image:not(#individual-image) {
1714 - width: calc(14.2857142857% - var(--wp--style--unstable-gallery-gap, 16px) * 0.8571428571);
1715 - }
1716 - .wp-block-gallery.has-nested-images.columns-8 figure.wp-block-image:not(#individual-image) {
1717 - width: calc(12.5% - var(--wp--style--unstable-gallery-gap, 16px) * 0.875);
1718 - }
1719 - .wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image) {
1720 - width: calc(33.33% - var(--wp--style--unstable-gallery-gap, 16px) * 0.6666666667);
1721 - }
1722 - .wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):first-child:nth-last-child(2),
1723 - .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) {
1724 - width: calc(50% - var(--wp--style--unstable-gallery-gap, 16px) * 0.5);
1725 - }
1726 - .wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):first-child:nth-last-child(1) {
1727 - width: 100%;
1728 - }
1729 -}
1730 -.wp-block-gallery.has-nested-images.alignleft, .wp-block-gallery.has-nested-images.alignright {
1731 - max-width: 420px;
1732 - width: 100%;
1733 -}
1734 -.wp-block-gallery.has-nested-images.aligncenter {
1735 - justify-content: center;
1736 -}
1737 1702
1738 1703 .wp-block-group {
1739 1704 box-sizing: border-box;
1740 1705 }
@@ -1748,9 +1713,9 @@
1748 1713 h3:where(.wp-block-heading).has-background,
1749 1714 h4:where(.wp-block-heading).has-background,
1750 1715 h5:where(.wp-block-heading).has-background,
1751 1716 h6:where(.wp-block-heading).has-background {
1752 - padding: 1.25em 2.375em;
1717 + padding: var(--wp--style--block-background-padding, 1.25em 2.375em);
1753 1718 }
1754 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]),
1755 1720 h2.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),
1756 1721 h2.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),
@@ -1793,12 +1758,16 @@
1793 1758 :where(.wp-block-icon) svg {
1794 1759 width: 100%;
1795 1760 height: 100%;
1796 1761 }
1762 +:where(.wp-block-icon) svg :where(path, rect, circle, ellipse, line, polygon, polyline) {
1763 + vector-effect: none;
1764 +}
1797 1765
1798 1766 .wp-block-image > a,
1799 1767 .wp-block-image > figure > a {
1800 1768 display: inline-block;
1769 + color: inherit;
1801 1770 }
1802 1771 .wp-block-image img {
1803 1772 height: auto;
1804 1773 max-width: 100%;
@@ -1873,19 +1842,15 @@
1873 1842 }
1874 1843 .wp-block-image.is-style-circle-mask img {
1875 1844 border-radius: 9999px;
1876 1845 }
1877 -@supports ((-webkit-mask-image: none) or (mask-image: none)) or (-webkit-mask-image: none) {
1846 +@supports (mask-image: none) or (-webkit-mask-image: none) {
1878 1847 .wp-block-image.is-style-circle-mask img {
1879 - -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>');
1880 - 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>');
1881 1849 mask-mode: alpha;
1882 - -webkit-mask-repeat: no-repeat;
1883 - mask-repeat: no-repeat;
1884 - -webkit-mask-size: contain;
1885 - mask-size: contain;
1886 - -webkit-mask-position: center;
1887 - mask-position: center;
1850 + mask-repeat: no-repeat;
1851 + mask-size: contain;
1852 + mask-position: center;
1888 1853 border-radius: 0;
1889 1854 }
1890 1855 }
1891 1856
@@ -2361,9 +2326,9 @@
2361 2326 box-sizing: border-box;
2362 2327 }
2363 2328
2364 2329 :root :where(.wp-block-list.has-background) {
2365 - padding: 1.25em 2.375em;
2330 + padding: var(--wp--style--block-background-padding, 1.25em 2.375em);
2366 2331 }
2367 2332
2368 2333 .wp-block-loginout {
2369 2334 box-sizing: border-box;
@@ -2466,9 +2431,9 @@
2466 2431 height: 1px;
2467 2432 padding: 0;
2468 2433 margin: -1px;
2469 2434 overflow: hidden;
2470 - clip: rect(0, 0, 0, 0);
2435 + clip-path: inset(50%);
2471 2436 border: 0;
2472 2437 }
2473 2438
2474 2439 /* Image fill for versions 8 and onwards */
@@ -2486,10 +2451,9 @@
2486 2451 .wp-block-media-text.is-image-fill-element > .wp-block-media-text__media img {
2487 2452 position: absolute;
2488 2453 width: 100%;
2489 2454 height: 100%;
2490 - -o-object-fit: cover;
2491 - object-fit: cover;
2455 + object-fit: cover;
2492 2456 }
2493 2457
2494 2458 /*
2495 2459 * Here we here not able to use a mobile first CSS approach.
@@ -2585,9 +2549,16 @@
2585 2549 .wp-block-navigation.is-vertical {
2586 2550 --navigation-layout-direction: column;
2587 2551 --navigation-layout-justify: initial;
2588 2552 --navigation-layout-align: flex-start;
2553 + text-align: var(--navigation-layout-text-align, inherit);
2589 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 +}
2590 2561 .wp-block-navigation.no-wrap {
2591 2562 --navigation-layout-wrap: nowrap;
2592 2563 }
2593 2564 .wp-block-navigation.items-justified-center {
@@ -2592,8 +2563,9 @@
2592 2563 }
2593 2564 .wp-block-navigation.items-justified-center {
2594 2565 --navigation-layout-justification-setting: center;
2595 2566 --navigation-layout-justify: center;
2567 + --navigation-layout-text-align: center;
2596 2568 }
2597 2569 .wp-block-navigation.items-justified-center.is-vertical {
2598 2570 --navigation-layout-align: center;
2599 2571 }
@@ -2599,8 +2571,9 @@
2599 2571 }
2600 2572 .wp-block-navigation.items-justified-right {
2601 2573 --navigation-layout-justification-setting: flex-end;
2602 2574 --navigation-layout-justify: flex-end;
2575 + --navigation-layout-text-align: end;
2603 2576 }
2604 2577 .wp-block-navigation.items-justified-right.is-vertical {
2605 2578 --navigation-layout-align: flex-end;
2606 2579 }
@@ -2671,9 +2644,9 @@
2671 2644 transform: rotate(-90deg);
2672 2645 }
2673 2646 }
2674 2647 @media (hover: hover) {
2675 - .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 {
2676 2649 visibility: visible;
2677 2650 overflow: visible;
2678 2651 opacity: 1;
2679 2652 width: auto;
@@ -2680,10 +2653,9 @@
2680 2653 height: auto;
2681 2654 min-width: 200px;
2682 2655 }
2683 2656 }
2684 -.wp-block-navigation .has-child:not(.open-on-click):not(.open-on-hover-click):focus-within > .wp-block-navigation__submenu-container,
2685 -.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 {
2686 2658 visibility: visible;
2687 2659 overflow: visible;
2688 2660 opacity: 1;
2689 2661 width: auto;
@@ -2731,8 +2703,9 @@
2731 2703 position: static;
2732 2704 border: none;
2733 2705 background-color: transparent;
2734 2706 color: inherit;
2707 + box-shadow: none !important;
2735 2708 }
2736 2709
2737 2710 .wp-block-navigation.has-background .has-child .wp-block-navigation__submenu-container {
2738 2711 left: 0;
@@ -2938,8 +2911,9 @@
2938 2911 display: flex;
2939 2912 flex-direction: column;
2940 2913 flex-wrap: nowrap;
2941 2914 align-items: var(--navigation-layout-justification-setting, inherit);
2915 + text-align: var(--navigation-layout-text-align, inherit);
2942 2916 }
2943 2917 .wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content,
2944 2918 .wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content .wp-block-page-list,
2945 2919 .wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content .wp-block-navigation__container {
@@ -2965,11 +2939,13 @@
2965 2939 gap: inherit;
2966 2940 }
2967 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 {
2968 2942 padding-top: var(--wp--style--block-gap, 2em);
2943 + text-align: inherit;
2969 2944 }
2970 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 {
2971 2946 padding: 0;
2947 + text-align: inherit;
2972 2948 }
2973 2949 .wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content .wp-block-navigation__container,
2974 2950 .wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content .wp-block-navigation-item,
2975 2951 .wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content .wp-block-page-list {
@@ -2983,8 +2959,11 @@
2983 2959 .wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-page-list {
2984 2960 color: inherit !important;
2985 2961 background: transparent !important;
2986 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 +}
2987 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 {
2988 2967 right: auto;
2989 2968 left: auto;
2990 2969 }
@@ -3030,9 +3009,9 @@
3030 3009 }
3031 3010
3032 3011 .wp-block-navigation__toggle_button_label {
3033 3012 font-size: 1rem;
3034 - font-weight: bold;
3013 + font-weight: 700;
3035 3014 }
3036 3015
3037 3016 .wp-block-navigation__responsive-container-open,
3038 3017 .wp-block-navigation__responsive-container-close {
@@ -3149,8 +3128,9 @@
3149 3128 font-weight: inherit;
3150 3129 letter-spacing: inherit;
3151 3130 line-height: inherit;
3152 3131 text-transform: inherit;
3132 + border: none;
3153 3133 }
3154 3134
3155 3135 .wp-block-navigation-overlay-close {
3156 3136 display: inline-flex;
@@ -3157,9 +3137,8 @@
3157 3137 align-items: center;
3158 3138 justify-content: center;
3159 3139 gap: 0.5em;
3160 3140 padding: 0;
3161 - border: none;
3162 3141 background: transparent;
3163 3142 cursor: pointer;
3164 3143 text-decoration: none;
3165 3144 }
@@ -3229,9 +3208,9 @@
3229 3208 overflow: hidden;
3230 3209 }
3231 3210
3232 3211 :root :where(p.has-background) {
3233 - padding: 1.25em 2.375em;
3212 + padding: var(--wp--style--block-background-padding, 1.25em 2.375em);
3234 3213 }
3235 3214
3236 3215 :where(p.has-text-color:not(.has-link-color)) a {
3237 3216 color: inherit;
@@ -3353,10 +3332,9 @@
3353 3332 position: absolute;
3354 3333 inset: 0;
3355 3334 width: 100%;
3356 3335 height: 100%;
3357 - -o-object-fit: cover;
3358 - object-fit: cover;
3336 + object-fit: cover;
3359 3337 pointer-events: none;
3360 3338 z-index: 0;
3361 3339 }
3362 3340
@@ -3840,10 +3818,9 @@
3840 3818 height: 50px;
3841 3819 margin-right: var(--wp--preset--spacing--20, 0.5em);
3842 3820 border: 1px solid rgba(0, 0, 0, 0.08);
3843 3821 box-sizing: border-box;
3844 - -o-object-fit: cover;
3845 - object-fit: cover;
3822 + object-fit: cover;
3846 3823 }
3847 3824 .wp-block-playlist-track .wp-block-playlist-track__button .wp-block-playlist-track__content {
3848 3825 flex: 1 1 0;
3849 3826 min-width: 0;
@@ -4067,8 +4044,11 @@
4067 4044 .wp-block-post-featured-image:where(.alignleft, .alignright) {
4068 4045 width: 100%;
4069 4046 }
4070 4047
4048 +.wp-block-post-navigation-link {
4049 + box-sizing: border-box;
4050 +}
4071 4051 .wp-block-post-navigation-link .wp-block-post-navigation-link__arrow-previous {
4072 4052 display: inline-block;
4073 4053 margin-right: 1ch;
4074 4054 }
@@ -4097,13 +4077,13 @@
4097 4077 box-sizing: border-box;
4098 4078 }
4099 4079
4100 4080 .wp-block-post-title {
4101 - word-break: break-word;
4081 + word-break: normal;
4082 + overflow-wrap: anywhere;
4102 4083 box-sizing: border-box;
4103 4084 }
4104 4085 .wp-block-post-title :where(a) {
4105 - display: inline-block;
4106 4086 font-family: inherit;
4107 4087 font-size: inherit;
4108 4088 font-style: inherit;
4109 4089 font-weight: inherit;
@@ -4121,9 +4101,9 @@
4121 4101 white-space: pre-wrap;
4122 4102 }
4123 4103
4124 4104 :where(.wp-block-preformatted.has-background) {
4125 - padding: 1.25em 2.375em;
4105 + padding: var(--wp--style--block-background-padding, 1.25em 2.375em);
4126 4106 }
4127 4107
4128 4108 .wp-block-pullquote {
4129 4109 text-align: center;
@@ -4312,9 +4292,8 @@
4312 4292 }
4313 4293
4314 4294 .wp-block-read-more {
4315 4295 display: block;
4316 - width: -moz-fit-content;
4317 4296 width: fit-content;
4318 4297 }
4319 4298 .wp-block-read-more:where(:not([style*=text-decoration])) {
4320 4299 text-decoration: none;
@@ -4450,11 +4429,9 @@
4450 4429 margin-right: 0;
4451 4430 min-width: 3rem;
4452 4431 border: 1px solid #949494;
4453 4432 text-decoration: unset !important;
4454 - -webkit-appearance: initial;
4455 - -moz-appearance: initial;
4456 - appearance: initial;
4433 + appearance: initial;
4457 4434 }
4458 4435
4459 4436 :where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) {
4460 4437 padding: 4px;
@@ -5023,9 +5000,8 @@
5023 5000 :where(.wp-block-tab-list button) {
5024 5001 box-sizing: border-box;
5025 5002 color: inherit;
5026 5003 display: block;
5027 - width: -moz-max-content;
5028 5004 width: max-content;
5029 5005 text-decoration: none;
5030 5006 cursor: pointer;
5031 5007 flex-basis: inherit !important;
@@ -5032,10 +5008,9 @@
5032 5008 flex-grow: inherit !important;
5033 5009 position: relative;
5034 5010 border: none;
5035 5011 background: none;
5036 - -moz-appearance: none;
5037 - appearance: none;
5012 + appearance: none;
5038 5013 -webkit-appearance: none;
5039 5014 margin: 0;
5040 5015 padding: var(--wp--preset--spacing--20, 0.5em) var(--wp--preset--spacing--30, 1em);
5041 5016 font-size: inherit;
@@ -5059,8 +5034,10 @@
5059 5034 .wp-block-tab-panel:empty {
5060 5035 display: none !important;
5061 5036 }
5062 5037 .wp-block-tab-panel[hidden] {
5038 + box-shadow: none !important;
5039 + border: none !important;
5063 5040 margin-block-start: 0;
5064 5041 padding: 0 !important;
5065 5042 }
5066 5043
@@ -5263,9 +5240,10 @@
5263 5240 box-sizing: border-box;
5264 5241 overflow: auto;
5265 5242 white-space: pre-wrap;
5266 5243 min-width: 1em;
5267 - word-break: break-word;
5244 + word-break: normal;
5245 + overflow-wrap: break-word;
5268 5246 }
5269 5247
5270 5248 :where(pre.wp-block-verse) {
5271 5249 font-family: inherit;
@@ -5280,10 +5258,9 @@
5280 5258 vertical-align: middle;
5281 5259 }
5282 5260 @supports (position: sticky) {
5283 5261 .wp-block-video [poster] {
5284 - -o-object-fit: cover;
5285 - object-fit: cover;
5262 + object-fit: cover;
5286 5263 }
5287 5264 }
5288 5265 .wp-block-video.aligncenter {
5289 5266 text-align: center;
@@ -5447,9 +5424,9 @@
5447 5424 overflow: hidden;
5448 5425 padding: 0;
5449 5426 position: absolute;
5450 5427 width: 1px;
5451 - word-wrap: normal !important;
5428 + overflow-wrap: normal !important;
5452 5429 word-break: normal !important;
5453 5430 }
5454 5431
5455 5432 .screen-reader-text:focus {