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-rtl.css +183 -183 23.7.2 → 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 }
@@ -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 {