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-rtl.css +183 -183 23.7.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 }
@@ -419,9 +423,10 @@
419 423 }
420 424 .wp-block-categories.wp-block-categories-dropdown.aligncenter {
421 425 text-align: center;
422 426 }
423 -.wp-block-categories .wp-block-categories__label:not(.screen-reader-text) {
427 +
428 +:where(.wp-block-categories__label:not(.screen-reader-text)) {
424 429 width: 100%;
425 430 display: block;
426 431 }
427 432
@@ -491,15 +496,15 @@
491 496 margin-bottom: 1.75em;
492 497 }
493 498
494 499 :where(.wp-block-columns.has-background) {
495 - padding: 1.25em 2.375em;
500 + padding: var(--wp--style--block-background-padding, 1.25em 2.375em);
496 501 }
497 502
498 503 .wp-block-column {
499 504 flex-grow: 1;
500 505 min-width: 0;
501 - word-break: break-word;
506 + word-break: normal;
502 507 overflow-wrap: break-word;
503 508 /**
504 509 * Individual Column Alignment
505 510 */
@@ -578,9 +583,9 @@
578 583 font-size: 0.875em;
579 584 line-height: 1.5;
580 585 }
581 586 .wp-block-post-comments .comment-meta b {
582 - font-weight: normal;
587 + font-weight: 400;
583 588 }
584 589 .wp-block-post-comments .comment-meta .comment-awaiting-moderation {
585 590 margin-top: 1em;
586 591 margin-bottom: 1em;
@@ -588,15 +593,8 @@
588 593 }
589 594 .wp-block-post-comments .comment-body .commentmetadata {
590 595 font-size: 0.875em;
591 596 }
592 -.wp-block-post-comments .comment-form-comment label,
593 -.wp-block-post-comments .comment-form-author label,
594 -.wp-block-post-comments .comment-form-email label,
595 -.wp-block-post-comments .comment-form-url label {
596 - display: block;
597 - margin-bottom: 0.25em;
598 -}
599 597 .wp-block-post-comments .comment-form textarea,
600 598 .wp-block-post-comments .comment-form input:not([type=submit]):not([type=checkbox]) {
601 599 display: block;
602 600 box-sizing: border-box;
@@ -630,8 +628,16 @@
630 628 .wp-block-post-comments input:not([type=submit]):not([type=checkbox]) {
631 629 padding: calc(0.667em + 2px);
632 630 }
633 631
632 +:where(.wp-block-post-comments .comment-form-comment label),
633 +:where(.wp-block-post-comments .comment-form-author label),
634 +:where(.wp-block-post-comments .comment-form-email label),
635 +:where(.wp-block-post-comments .comment-form-url label) {
636 + display: block;
637 + margin-bottom: 0.25em;
638 +}
639 +
634 640 :where(.wp-block-post-comments input[type=submit]) {
635 641 border: none;
636 642 }
637 643
@@ -683,9 +689,8 @@
683 689 }
684 690 .wp-block-comment-template.aligncenter {
685 691 margin-right: auto;
686 692 margin-left: auto;
687 - width: -moz-fit-content;
688 693 width: fit-content;
689 694 }
690 695 .wp-block-comment-template.alignright {
691 696 float: left;
@@ -1005,14 +1010,19 @@
1005 1010 width: 100%;
1006 1011 height: 100%;
1007 1012 max-width: none;
1008 1013 max-height: none;
1009 - -o-object-fit: cover;
1010 - object-fit: cover;
1014 + object-fit: cover;
1011 1015 outline: none;
1012 1016 border: none;
1013 1017 box-shadow: none;
1014 1018 }
1019 +@supports (-webkit-hyphens: none) {
1020 + .wp-block-cover-image.has-aspect-ratio,
1021 + .wp-block-cover.has-aspect-ratio {
1022 + min-height: fit-content !important;
1023 + }
1024 +}
1015 1025 .wp-block-cover-image .wp-block-cover__embed-background,
1016 1026 .wp-block-cover .wp-block-cover__embed-background {
1017 1027 position: absolute;
1018 1028 top: 0;
@@ -1302,57 +1312,8 @@
1302 1312 opacity: 0.85;
1303 1313 text-decoration: none;
1304 1314 }
1305 1315
1306 -.wp-block-form-input__label {
1307 - width: 100%;
1308 - display: flex;
1309 - flex-direction: column;
1310 - gap: 0.25em;
1311 - margin-bottom: 0.5em;
1312 -}
1313 -.wp-block-form-input__label.is-label-inline {
1314 - flex-direction: row;
1315 - gap: 0.5em;
1316 - align-items: center;
1317 -}
1318 -.wp-block-form-input__label.is-label-inline .wp-block-form-input__label-content {
1319 - margin-bottom: 0.5em;
1320 -}
1321 -.wp-block-form-input__label:has(input[type=checkbox]) {
1322 - flex-direction: row;
1323 - width: -moz-fit-content;
1324 - width: fit-content;
1325 -}
1326 -.wp-block-form-input__label:has(input[type=checkbox]) .wp-block-form-input__label-content {
1327 - margin: 0;
1328 -}
1329 -.wp-block-form-input__label:has(.wp-block-form-input__label-content + input[type=checkbox]) {
1330 - /* stylelint-disable-next-line declaration-property-value-allowed-list -- This style is required for old markup. */
1331 - flex-direction: row-reverse;
1332 -}
1333 -
1334 -.wp-block-form-input__label-content {
1335 - width: -moz-fit-content;
1336 - width: fit-content;
1337 -}
1338 -
1339 -:where(.wp-block-form-input__input) {
1340 - padding: 0 0.5em;
1341 - font-size: 1em;
1342 - margin-bottom: 0.5em;
1343 -}
1344 -: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] {
1345 - min-height: 2em;
1346 - line-height: 2;
1347 - border-width: 1px;
1348 - border-style: solid;
1349 -}
1350 -
1351 -textarea.wp-block-form-input__input {
1352 - min-height: 10em;
1353 -}
1354 -
1355 1316 .wp-block-gallery:not(.has-nested-images),
1356 1317 .blocks-gallery-grid:not(.has-nested-images) {
1357 1318 display: flex;
1358 1319 flex-wrap: wrap;
@@ -1434,10 +1395,9 @@
1434 1395 .blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-item img {
1435 1396 width: 100%;
1436 1397 height: 100%;
1437 1398 flex: 1;
1438 - -o-object-fit: cover;
1439 - object-fit: cover;
1399 + object-fit: cover;
1440 1400 }
1441 1401 .wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-image, .wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-item,
1442 1402 .blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-image,
1443 1403 .blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-item {
@@ -1542,37 +1502,104 @@
1542 1502 .wp-block-gallery:not(.is-cropped) .blocks-gallery-item {
1543 1503 align-self: flex-start;
1544 1504 }
1545 1505
1546 -figure.wp-block-gallery.has-nested-images {
1506 +figure.wp-block-gallery.has-nested-images:where(.is-layout-flex) {
1547 1507 align-items: normal;
1548 1508 }
1549 1509
1550 -.wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image) {
1510 +.wp-block-gallery.has-nested-images:where(.is-layout-flex) figure.wp-block-image:not(#individual-image) {
1551 1511 width: calc(50% - var(--wp--style--unstable-gallery-gap, 16px) / 2);
1552 1512 margin: 0;
1553 1513 }
1554 -.wp-block-gallery.has-nested-images figure.wp-block-image {
1514 +.wp-block-gallery.has-nested-images:where(.is-layout-flex) figure.wp-block-image {
1555 1515 display: flex;
1556 1516 flex-grow: 1;
1557 1517 justify-content: center;
1558 - position: relative;
1559 1518 flex-direction: column;
1560 1519 max-width: 100%;
1561 1520 box-sizing: border-box;
1562 1521 }
1563 -.wp-block-gallery.has-nested-images figure.wp-block-image > div,
1564 -.wp-block-gallery.has-nested-images figure.wp-block-image > a {
1522 +.wp-block-gallery.has-nested-images:where(.is-layout-flex) figure.wp-block-image > div,
1523 +.wp-block-gallery.has-nested-images:where(.is-layout-flex) figure.wp-block-image > a {
1565 1524 margin: 0;
1566 1525 flex-direction: column;
1567 1526 flex-grow: 1;
1568 1527 }
1569 -.wp-block-gallery.has-nested-images figure.wp-block-image img {
1528 +.wp-block-gallery.has-nested-images:where(.is-layout-flex) figure.wp-block-image img {
1570 1529 display: block;
1571 1530 height: auto;
1572 1531 max-width: 100% !important;
1573 1532 width: auto;
1574 1533 }
1534 +.wp-block-gallery.has-nested-images:where(.is-layout-flex) figcaption {
1535 + flex-grow: 1;
1536 + flex-basis: 100%;
1537 + text-align: center;
1538 +}
1539 +.wp-block-gallery.has-nested-images:where(.is-layout-flex):not(.is-cropped) figure.wp-block-image:not(#individual-image) {
1540 + margin-top: 0;
1541 + margin-bottom: auto;
1542 +}
1543 +.wp-block-gallery.has-nested-images:where(.is-layout-flex).is-cropped figure.wp-block-image:not(#individual-image) {
1544 + align-self: inherit;
1545 +}
1546 +.wp-block-gallery.has-nested-images:where(.is-layout-flex).is-cropped figure.wp-block-image:not(#individual-image) > div:not(.components-drop-zone),
1547 +.wp-block-gallery.has-nested-images:where(.is-layout-flex).is-cropped figure.wp-block-image:not(#individual-image) > a {
1548 + display: flex;
1549 +}
1550 +.wp-block-gallery.has-nested-images:where(.is-layout-flex).is-cropped figure.wp-block-image:not(#individual-image) a,
1551 +.wp-block-gallery.has-nested-images:where(.is-layout-flex).is-cropped figure.wp-block-image:not(#individual-image) img {
1552 + width: 100%;
1553 + flex: 1 0 0%;
1554 + height: 100%;
1555 + object-fit: cover;
1556 +}
1557 +.wp-block-gallery.has-nested-images:where(.is-layout-flex).columns-1 figure.wp-block-image:not(#individual-image) {
1558 + width: 100%;
1559 +}
1560 +@media (min-width: 600px) {
1561 + .wp-block-gallery.has-nested-images:where(.is-layout-flex).columns-3 figure.wp-block-image:not(#individual-image) {
1562 + width: calc(33.3333333333% - var(--wp--style--unstable-gallery-gap, 16px) * 0.6666666667);
1563 + }
1564 + .wp-block-gallery.has-nested-images:where(.is-layout-flex).columns-4 figure.wp-block-image:not(#individual-image) {
1565 + width: calc(25% - var(--wp--style--unstable-gallery-gap, 16px) * 0.75);
1566 + }
1567 + .wp-block-gallery.has-nested-images:where(.is-layout-flex).columns-5 figure.wp-block-image:not(#individual-image) {
1568 + width: calc(20% - var(--wp--style--unstable-gallery-gap, 16px) * 0.8);
1569 + }
1570 + .wp-block-gallery.has-nested-images:where(.is-layout-flex).columns-6 figure.wp-block-image:not(#individual-image) {
1571 + width: calc(16.6666666667% - var(--wp--style--unstable-gallery-gap, 16px) * 0.8333333333);
1572 + }
1573 + .wp-block-gallery.has-nested-images:where(.is-layout-flex).columns-7 figure.wp-block-image:not(#individual-image) {
1574 + width: calc(14.2857142857% - var(--wp--style--unstable-gallery-gap, 16px) * 0.8571428571);
1575 + }
1576 + .wp-block-gallery.has-nested-images:where(.is-layout-flex).columns-8 figure.wp-block-image:not(#individual-image) {
1577 + width: calc(12.5% - var(--wp--style--unstable-gallery-gap, 16px) * 0.875);
1578 + }
1579 + .wp-block-gallery.has-nested-images:where(.is-layout-flex).columns-default figure.wp-block-image:not(#individual-image) {
1580 + width: calc(33.33% - var(--wp--style--unstable-gallery-gap, 16px) * 0.6666666667);
1581 + }
1582 + .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),
1583 + .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) {
1584 + width: calc(50% - var(--wp--style--unstable-gallery-gap, 16px) * 0.5);
1585 + }
1586 + .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) {
1587 + width: 100%;
1588 + }
1589 +}
1590 +.wp-block-gallery.has-nested-images:where(.is-layout-flex).alignleft, .wp-block-gallery.has-nested-images:where(.is-layout-flex).alignright {
1591 + max-width: 420px;
1592 + width: 100%;
1593 +}
1594 +.wp-block-gallery.has-nested-images:where(.is-layout-flex).aligncenter {
1595 + justify-content: center;
1596 +}
1597 +
1598 +.wp-block-gallery.has-nested-images figure.wp-block-image {
1599 + position: relative;
1600 + margin: 0;
1601 +}
1575 1602 .wp-block-gallery.has-nested-images figure.wp-block-image:has(figcaption)::before,
1576 1603 .wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
1577 1604 position: absolute;
1578 1605 bottom: 0;
@@ -1585,10 +1612,9 @@
1585 1612 height: 100%;
1586 1613 max-height: 3em;
1587 1614 pointer-events: none;
1588 1615 backdrop-filter: blur(3px);
1589 - -webkit-mask-image: linear-gradient(0deg, #000 20%, transparent 100%);
1590 - mask-image: linear-gradient(0deg, #000 20%, transparent 100%);
1616 + mask-image: linear-gradient(0deg, #000 20%, transparent 100%);
1591 1617 }
1592 1618 .wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
1593 1619 color: #fff;
1594 1620 text-shadow: 0 0 1.5px #000;
@@ -1659,72 +1685,13 @@
1659 1685 }
1660 1686 .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 {
1661 1687 content: none;
1662 1688 }
1663 -.wp-block-gallery.has-nested-images figcaption {
1664 - flex-grow: 1;
1665 - flex-basis: 100%;
1689 +
1690 +:where(.wp-block-gallery.has-nested-images.is-layout-grid) > .blocks-gallery-caption {
1691 + grid-column: 1/-1;
1666 1692 text-align: center;
1667 1693 }
1668 -.wp-block-gallery.has-nested-images:not(.is-cropped) figure.wp-block-image:not(#individual-image) {
1669 - margin-top: 0;
1670 - margin-bottom: auto;
1671 -}
1672 -.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) {
1673 - align-self: inherit;
1674 -}
1675 -.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) > div:not(.components-drop-zone),
1676 -.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) > a {
1677 - display: flex;
1678 -}
1679 -.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) a,
1680 -.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) img {
1681 - width: 100%;
1682 - flex: 1 0 0%;
1683 - height: 100%;
1684 - -o-object-fit: cover;
1685 - object-fit: cover;
1686 -}
1687 -.wp-block-gallery.has-nested-images.columns-1 figure.wp-block-image:not(#individual-image) {
1688 - width: 100%;
1689 -}
1690 -@media (min-width: 600px) {
1691 - .wp-block-gallery.has-nested-images.columns-3 figure.wp-block-image:not(#individual-image) {
1692 - width: calc(33.3333333333% - var(--wp--style--unstable-gallery-gap, 16px) * 0.6666666667);
1693 - }
1694 - .wp-block-gallery.has-nested-images.columns-4 figure.wp-block-image:not(#individual-image) {
1695 - width: calc(25% - var(--wp--style--unstable-gallery-gap, 16px) * 0.75);
1696 - }
1697 - .wp-block-gallery.has-nested-images.columns-5 figure.wp-block-image:not(#individual-image) {
1698 - width: calc(20% - var(--wp--style--unstable-gallery-gap, 16px) * 0.8);
1699 - }
1700 - .wp-block-gallery.has-nested-images.columns-6 figure.wp-block-image:not(#individual-image) {
1701 - width: calc(16.6666666667% - var(--wp--style--unstable-gallery-gap, 16px) * 0.8333333333);
1702 - }
1703 - .wp-block-gallery.has-nested-images.columns-7 figure.wp-block-image:not(#individual-image) {
1704 - width: calc(14.2857142857% - var(--wp--style--unstable-gallery-gap, 16px) * 0.8571428571);
1705 - }
1706 - .wp-block-gallery.has-nested-images.columns-8 figure.wp-block-image:not(#individual-image) {
1707 - width: calc(12.5% - var(--wp--style--unstable-gallery-gap, 16px) * 0.875);
1708 - }
1709 - .wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image) {
1710 - width: calc(33.33% - var(--wp--style--unstable-gallery-gap, 16px) * 0.6666666667);
1711 - }
1712 - .wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):first-child:nth-last-child(2),
1713 - .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) {
1714 - width: calc(50% - var(--wp--style--unstable-gallery-gap, 16px) * 0.5);
1715 - }
1716 - .wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):first-child:nth-last-child(1) {
1717 - width: 100%;
1718 - }
1719 -}
1720 -.wp-block-gallery.has-nested-images.alignleft, .wp-block-gallery.has-nested-images.alignright {
1721 - max-width: 420px;
1722 - width: 100%;
1723 -}
1724 -.wp-block-gallery.has-nested-images.aligncenter {
1725 - justify-content: center;
1726 -}
1727 1694
1728 1695 .wp-block-group {
1729 1696 box-sizing: border-box;
1730 1697 }
@@ -1738,9 +1705,9 @@
1738 1705 h3:where(.wp-block-heading).has-background,
1739 1706 h4:where(.wp-block-heading).has-background,
1740 1707 h5:where(.wp-block-heading).has-background,
1741 1708 h6:where(.wp-block-heading).has-background {
1742 - padding: 1.25em 2.375em;
1709 + padding: var(--wp--style--block-background-padding, 1.25em 2.375em);
1743 1710 }
1744 1711 h1.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]), h1.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),
1745 1712 h2.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),
1746 1713 h2.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),
@@ -1783,12 +1750,16 @@
1783 1750 :where(.wp-block-icon) svg {
1784 1751 width: 100%;
1785 1752 height: 100%;
1786 1753 }
1754 +:where(.wp-block-icon) svg :where(path, rect, circle, ellipse, line, polygon, polyline) {
1755 + vector-effect: none;
1756 +}
1787 1757
1788 1758 .wp-block-image > a,
1789 1759 .wp-block-image > figure > a {
1790 1760 display: inline-block;
1761 + color: inherit;
1791 1762 }
1792 1763 .wp-block-image img {
1793 1764 height: auto;
1794 1765 max-width: 100%;
@@ -1857,19 +1828,15 @@
1857 1828 }
1858 1829 .wp-block-image.is-style-circle-mask img {
1859 1830 border-radius: 9999px;
1860 1831 }
1861 -@supports ((-webkit-mask-image: none) or (mask-image: none)) or (-webkit-mask-image: none) {
1832 +@supports (mask-image: none) or (-webkit-mask-image: none) {
1862 1833 .wp-block-image.is-style-circle-mask img {
1863 - -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>');
1864 - 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>');
1834 + 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>');
1865 1835 mask-mode: alpha;
1866 - -webkit-mask-repeat: no-repeat;
1867 - mask-repeat: no-repeat;
1868 - -webkit-mask-size: contain;
1869 - mask-size: contain;
1870 - -webkit-mask-position: center;
1871 - mask-position: center;
1836 + mask-repeat: no-repeat;
1837 + mask-size: contain;
1838 + mask-position: center;
1872 1839 border-radius: 0;
1873 1840 }
1874 1841 }
1875 1842
@@ -2339,9 +2306,9 @@
2339 2306 box-sizing: border-box;
2340 2307 }
2341 2308
2342 2309 :root :where(.wp-block-list.has-background) {
2343 - padding: 1.25em 2.375em;
2310 + padding: var(--wp--style--block-background-padding, 1.25em 2.375em);
2344 2311 }
2345 2312
2346 2313 .wp-block-loginout {
2347 2314 box-sizing: border-box;
@@ -2434,9 +2401,9 @@
2434 2401 height: 1px;
2435 2402 padding: 0;
2436 2403 margin: -1px;
2437 2404 overflow: hidden;
2438 - clip: rect(0, 0, 0, 0);
2405 + clip-path: inset(50%);
2439 2406 border: 0;
2440 2407 }
2441 2408
2442 2409 /* Image fill for versions 8 and onwards */
@@ -2454,10 +2421,9 @@
2454 2421 .wp-block-media-text.is-image-fill-element > .wp-block-media-text__media img {
2455 2422 position: absolute;
2456 2423 width: 100%;
2457 2424 height: 100%;
2458 - -o-object-fit: cover;
2459 - object-fit: cover;
2425 + object-fit: cover;
2460 2426 }
2461 2427
2462 2428 /*
2463 2429 * Here we here not able to use a mobile first CSS approach.
@@ -2553,9 +2519,16 @@
2553 2519 .wp-block-navigation.is-vertical {
2554 2520 --navigation-layout-direction: column;
2555 2521 --navigation-layout-justify: initial;
2556 2522 --navigation-layout-align: flex-start;
2523 + text-align: var(--navigation-layout-text-align, inherit);
2557 2524 }
2525 +.wp-block-navigation.is-vertical .wp-block-navigation-item__content {
2526 + text-align: inherit;
2527 +}
2528 +.wp-block-navigation.is-vertical .wp-block-navigation-item:not(.open-always) > .wp-block-navigation__submenu-container {
2529 + text-align: initial;
2530 +}
2558 2531 .wp-block-navigation.no-wrap {
2559 2532 --navigation-layout-wrap: nowrap;
2560 2533 }
2561 2534 .wp-block-navigation.items-justified-center {
@@ -2560,8 +2533,9 @@
2560 2533 }
2561 2534 .wp-block-navigation.items-justified-center {
2562 2535 --navigation-layout-justification-setting: center;
2563 2536 --navigation-layout-justify: center;
2537 + --navigation-layout-text-align: center;
2564 2538 }
2565 2539 .wp-block-navigation.items-justified-center.is-vertical {
2566 2540 --navigation-layout-align: center;
2567 2541 }
@@ -2567,8 +2541,9 @@
2567 2541 }
2568 2542 .wp-block-navigation.items-justified-right {
2569 2543 --navigation-layout-justification-setting: flex-end;
2570 2544 --navigation-layout-justify: flex-end;
2545 + --navigation-layout-text-align: end;
2571 2546 }
2572 2547 .wp-block-navigation.items-justified-right.is-vertical {
2573 2548 --navigation-layout-align: flex-end;
2574 2549 }
@@ -2639,9 +2614,9 @@
2639 2614 transform: rotate(90deg);
2640 2615 }
2641 2616 }
2642 2617 @media (hover: hover) {
2643 - .wp-block-navigation .has-child:not(.open-on-click):hover > .wp-block-navigation__submenu-container {
2618 + .wp-block-navigation .has-child:not(.open-on-click):not(.open-always):hover > .wp-block-navigation__submenu-container {
2644 2619 visibility: visible;
2645 2620 overflow: visible;
2646 2621 opacity: 1;
2647 2622 width: auto;
@@ -2648,10 +2623,9 @@
2648 2623 height: auto;
2649 2624 min-width: 200px;
2650 2625 }
2651 2626 }
2652 -.wp-block-navigation .has-child:not(.open-on-click):not(.open-on-hover-click):focus-within > .wp-block-navigation__submenu-container,
2653 -.wp-block-navigation .has-child .wp-block-navigation-submenu__toggle[aria-expanded=true] ~ .wp-block-navigation__submenu-container {
2627 +.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 {
2654 2628 visibility: visible;
2655 2629 overflow: visible;
2656 2630 opacity: 1;
2657 2631 width: auto;
@@ -2699,8 +2673,9 @@
2699 2673 position: static;
2700 2674 border: none;
2701 2675 background-color: transparent;
2702 2676 color: inherit;
2677 + box-shadow: none !important;
2703 2678 }
2704 2679
2705 2680 .wp-block-navigation.has-background .has-child .wp-block-navigation__submenu-container {
2706 2681 right: 0;
@@ -2906,8 +2881,9 @@
2906 2881 display: flex;
2907 2882 flex-direction: column;
2908 2883 flex-wrap: nowrap;
2909 2884 align-items: var(--navigation-layout-justification-setting, inherit);
2885 + text-align: var(--navigation-layout-text-align, inherit);
2910 2886 }
2911 2887 .wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content,
2912 2888 .wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content .wp-block-page-list,
2913 2889 .wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content .wp-block-navigation__container {
@@ -2933,11 +2909,13 @@
2933 2909 gap: inherit;
2934 2910 }
2935 2911 .wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container {
2936 2912 padding-top: var(--wp--style--block-gap, 2em);
2913 + text-align: inherit;
2937 2914 }
2938 2915 .wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content .wp-block-navigation-item__content {
2939 2916 padding: 0;
2917 + text-align: inherit;
2940 2918 }
2941 2919 .wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content .wp-block-navigation__container,
2942 2920 .wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content .wp-block-navigation-item,
2943 2921 .wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content .wp-block-page-list {
@@ -2951,8 +2929,11 @@
2951 2929 .wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-page-list {
2952 2930 color: inherit !important;
2953 2931 background: transparent !important;
2954 2932 }
2933 +.wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation-item .wp-block-navigation__submenu-container {
2934 + box-shadow: none !important;
2935 +}
2955 2936 .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 {
2956 2937 left: auto;
2957 2938 right: auto;
2958 2939 }
@@ -2998,9 +2979,9 @@
2998 2979 }
2999 2980
3000 2981 .wp-block-navigation__toggle_button_label {
3001 2982 font-size: 1rem;
3002 - font-weight: bold;
2983 + font-weight: 700;
3003 2984 }
3004 2985
3005 2986 .wp-block-navigation__responsive-container-open,
3006 2987 .wp-block-navigation__responsive-container-close {
@@ -3108,8 +3089,20 @@
3108 3089 margin-right: 8px;
3109 3090 text-transform: uppercase;
3110 3091 }
3111 3092
3093 +:where(.wp-block-navigation-overlay-close) {
3094 + color: inherit;
3095 + font-family: inherit;
3096 + font-size: inherit;
3097 + font-style: inherit;
3098 + font-weight: inherit;
3099 + letter-spacing: inherit;
3100 + line-height: inherit;
3101 + text-transform: inherit;
3102 + border: none;
3103 +}
3104 +
3112 3105 .wp-block-navigation-overlay-close {
3113 3106 display: inline-flex;
3114 3107 align-items: center;
3115 3108 justify-content: center;
@@ -3114,9 +3107,8 @@
3114 3107 align-items: center;
3115 3108 justify-content: center;
3116 3109 gap: 0.5em;
3117 3110 padding: 0;
3118 - border: none;
3119 3111 background: transparent;
3120 3112 cursor: pointer;
3121 3113 text-decoration: none;
3122 3114 }
@@ -3186,9 +3178,9 @@
3186 3178 overflow: hidden;
3187 3179 }
3188 3180
3189 3181 :root :where(p.has-background) {
3190 - padding: 1.25em 2.375em;
3182 + padding: var(--wp--style--block-background-padding, 1.25em 2.375em);
3191 3183 }
3192 3184
3193 3185 :where(p.has-text-color:not(.has-link-color)) a {
3194 3186 color: inherit;
@@ -3310,10 +3302,9 @@
3310 3302 position: absolute;
3311 3303 inset: 0;
3312 3304 width: 100%;
3313 3305 height: 100%;
3314 - -o-object-fit: cover;
3315 - object-fit: cover;
3306 + object-fit: cover;
3316 3307 pointer-events: none;
3317 3308 z-index: 0;
3318 3309 }
3319 3310
@@ -3797,10 +3788,9 @@
3797 3788 height: 50px;
3798 3789 margin-left: var(--wp--preset--spacing--20, 0.5em);
3799 3790 border: 1px solid rgba(0, 0, 0, 0.08);
3800 3791 box-sizing: border-box;
3801 - -o-object-fit: cover;
3802 - object-fit: cover;
3792 + object-fit: cover;
3803 3793 }
3804 3794 .wp-block-playlist-track .wp-block-playlist-track__button .wp-block-playlist-track__content {
3805 3795 flex: 1 1 0;
3806 3796 min-width: 0;
@@ -3848,8 +3838,9 @@
3848 3838
3849 3839 .wp-block-post-author-biography {
3850 3840 box-sizing: border-box;
3851 3841 white-space: pre-wrap;
3842 + overflow-wrap: break-word;
3852 3843 }
3853 3844
3854 3845 :where(.wp-block-post-comments-form textarea),
3855 3846 :where(.wp-block-post-comments-form input:not([type=submit])) {
@@ -3898,14 +3889,8 @@
3898 3889 display: block;
3899 3890 box-sizing: border-box;
3900 3891 width: 100%;
3901 3892 }
3902 -.wp-block-post-comments-form .comment-form-author label,
3903 -.wp-block-post-comments-form .comment-form-email label,
3904 -.wp-block-post-comments-form .comment-form-url label {
3905 - display: block;
3906 - margin-bottom: 0.25em;
3907 -}
3908 3893 .wp-block-post-comments-form .comment-form-cookies-consent {
3909 3894 display: flex;
3910 3895 gap: 0.25em;
3911 3896 }
@@ -3919,8 +3904,15 @@
3919 3904 font-size: var(--wp--preset--font-size--medium, smaller);
3920 3905 margin-right: 0.5em;
3921 3906 }
3922 3907
3908 +:where(.wp-block-post-comments-form .comment-form-author label),
3909 +:where(.wp-block-post-comments-form .comment-form-email label),
3910 +:where(.wp-block-post-comments-form .comment-form-url label) {
3911 + display: block;
3912 + margin-bottom: 0.25em;
3913 +}
3914 +
3923 3915 .wp-block-post-comments-count {
3924 3916 box-sizing: border-box;
3925 3917 }
3926 3918
@@ -4022,8 +4014,11 @@
4022 4014 .wp-block-post-featured-image:where(.alignleft, .alignright) {
4023 4015 width: 100%;
4024 4016 }
4025 4017
4018 +.wp-block-post-navigation-link {
4019 + box-sizing: border-box;
4020 +}
4026 4021 .wp-block-post-navigation-link .wp-block-post-navigation-link__arrow-previous {
4027 4022 display: inline-block;
4028 4023 margin-left: 1ch;
4029 4024 }
@@ -4052,13 +4047,13 @@
4052 4047 box-sizing: border-box;
4053 4048 }
4054 4049
4055 4050 .wp-block-post-title {
4056 - word-break: break-word;
4051 + word-break: normal;
4052 + overflow-wrap: anywhere;
4057 4053 box-sizing: border-box;
4058 4054 }
4059 4055 .wp-block-post-title :where(a) {
4060 - display: inline-block;
4061 4056 font-family: inherit;
4062 4057 font-size: inherit;
4063 4058 font-style: inherit;
4064 4059 font-weight: inherit;
@@ -4076,9 +4071,9 @@
4076 4071 white-space: pre-wrap;
4077 4072 }
4078 4073
4079 4074 :where(.wp-block-preformatted.has-background) {
4080 - padding: 1.25em 2.375em;
4075 + padding: var(--wp--style--block-background-padding, 1.25em 2.375em);
4081 4076 }
4082 4077
4083 4078 .wp-block-pullquote {
4084 4079 text-align: center;
@@ -4206,8 +4201,12 @@
4206 4201 margin-inline-start: auto;
4207 4202 margin-inline-end: auto;
4208 4203 }
4209 4204
4205 +:where(.wp-block-query-no-results) {
4206 + box-sizing: border-box;
4207 +}
4208 +
4210 4209 .wp-block-query-pagination.is-content-justification-space-between > .wp-block-query-pagination-next:last-of-type {
4211 4210 margin-inline-start: auto;
4212 4211 }
4213 4212 .wp-block-query-pagination.is-content-justification-space-between > .wp-block-query-pagination-previous:first-child {
@@ -4263,9 +4262,8 @@
4263 4262 }
4264 4263
4265 4264 .wp-block-read-more {
4266 4265 display: block;
4267 - width: -moz-fit-content;
4268 4266 width: fit-content;
4269 4267 }
4270 4268 .wp-block-read-more:where(:not([style*=text-decoration])) {
4271 4269 text-decoration: none;
@@ -4346,9 +4344,9 @@
4346 4344 flex-wrap: nowrap;
4347 4345 max-width: 100%;
4348 4346 }
4349 4347
4350 -.wp-block-search__label {
4348 +:where(.wp-block-search__label) {
4351 4349 width: 100%;
4352 4350 }
4353 4351
4354 4352 .wp-block-search.wp-block-search__button-only .wp-block-search__button {
@@ -4399,11 +4397,9 @@
4399 4397 margin-left: 0;
4400 4398 min-width: 3rem;
4401 4399 border: 1px solid #949494;
4402 4400 text-decoration: unset !important;
4403 - -webkit-appearance: initial;
4404 - -moz-appearance: initial;
4405 - appearance: initial;
4401 + appearance: initial;
4406 4402 }
4407 4403
4408 4404 :where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) {
4409 4405 padding: 4px;
@@ -4971,9 +4967,8 @@
4971 4967 :where(.wp-block-tab-list button) {
4972 4968 box-sizing: border-box;
4973 4969 color: inherit;
4974 4970 display: block;
4975 - width: -moz-max-content;
4976 4971 width: max-content;
4977 4972 text-decoration: none;
4978 4973 cursor: pointer;
4979 4974 flex-basis: inherit !important;
@@ -4980,10 +4975,9 @@
4980 4975 flex-grow: inherit !important;
4981 4976 position: relative;
4982 4977 border: none;
4983 4978 background: none;
4984 - -moz-appearance: none;
4985 - appearance: none;
4979 + appearance: none;
4986 4980 -webkit-appearance: none;
4987 4981 margin: 0;
4988 4982 padding: var(--wp--preset--spacing--20, 0.5em) var(--wp--preset--spacing--30, 1em);
4989 4983 font-size: inherit;
@@ -5003,11 +4997,17 @@
5003 4997 width: 100%;
5004 4998 bottom: 0;
5005 4999 }
5006 5000
5007 -.wp-block-tab-panel[hidden], .wp-block-tab-panel:empty {
5001 +.wp-block-tab-panel:empty {
5008 5002 display: none !important;
5009 5003 }
5004 +.wp-block-tab-panel[hidden] {
5005 + box-shadow: none !important;
5006 + border: none !important;
5007 + margin-block-start: 0;
5008 + padding: 0 !important;
5009 +}
5010 5010
5011 5011 .wp-block-table {
5012 5012 overflow-x: auto;
5013 5013 }
@@ -5207,9 +5207,10 @@
5207 5207 box-sizing: border-box;
5208 5208 overflow: auto;
5209 5209 white-space: pre-wrap;
5210 5210 min-width: 1em;
5211 - word-break: break-word;
5211 + word-break: normal;
5212 + overflow-wrap: break-word;
5212 5213 }
5213 5214
5214 5215 :where(pre.wp-block-verse) {
5215 5216 font-family: inherit;
@@ -5224,10 +5225,9 @@
5224 5225 vertical-align: middle;
5225 5226 }
5226 5227 @supports (position: sticky) {
5227 5228 .wp-block-video [poster] {
5228 - -o-object-fit: cover;
5229 - object-fit: cover;
5229 + object-fit: cover;
5230 5230 }
5231 5231 }
5232 5232 .wp-block-video.aligncenter {
5233 5233 text-align: center;
@@ -5389,9 +5389,9 @@
5389 5389 overflow: hidden;
5390 5390 padding: 0;
5391 5391 position: absolute;
5392 5392 width: 1px;
5393 - word-wrap: normal !important;
5393 + overflow-wrap: normal !important;
5394 5394 word-break: normal !important;
5395 5395 }
5396 5396
5397 5397 .screen-reader-text:focus {