PluginProbe
Gutenberg / 24.1.0
Gutenberg v24.1.0
24.1.0 24.0.0 23.9.1 23.9.0 23.8.0 23.7.2 23.7.1 23.7.0 23.6.1 23.6.2 23.6.0 23.5.3 23.5.2 23.5.1 23.5.0 23.4.0 23.3.2 23.3.1 23.3.0 23.2.0 23.2.1 23.2.2 23.1.1 23.1.0 23.0.1 All 404 releases
← All changes | build/styles/block-library/style.css +144 -167 23.9.0 → 24.1.0 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 {