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