PluginProbe
Gutenberg / 24.1.0
Gutenberg v24.1.0
24.1.0 24.0.0 23.9.1 23.9.0 23.8.0 23.7.2 23.7.1 23.7.0 23.6.1 23.6.2 23.6.0 23.5.3 23.5.2 23.5.1 23.5.0 23.4.0 23.3.2 23.3.1 23.3.0 23.2.0 23.2.1 23.2.2 23.1.1 23.1.0 23.0.1 All 404 releases
← All changes | build/styles/block-library/style.css +183 -183 23.6.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 }
@@ -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 {
@@ -3138,8 +3119,20 @@
3138 3119 margin-left: 8px;
3139 3120 text-transform: uppercase;
3140 3121 }
3141 3122
3123 +:where(.wp-block-navigation-overlay-close) {
3124 + color: inherit;
3125 + font-family: inherit;
3126 + font-size: inherit;
3127 + font-style: inherit;
3128 + font-weight: inherit;
3129 + letter-spacing: inherit;
3130 + line-height: inherit;
3131 + text-transform: inherit;
3132 + border: none;
3133 +}
3134 +
3142 3135 .wp-block-navigation-overlay-close {
3143 3136 display: inline-flex;
3144 3137 align-items: center;
3145 3138 justify-content: center;
@@ -3144,9 +3137,8 @@
3144 3137 align-items: center;
3145 3138 justify-content: center;
3146 3139 gap: 0.5em;
3147 3140 padding: 0;
3148 - border: none;
3149 3141 background: transparent;
3150 3142 cursor: pointer;
3151 3143 text-decoration: none;
3152 3144 }
@@ -3216,9 +3208,9 @@
3216 3208 overflow: hidden;
3217 3209 }
3218 3210
3219 3211 :root :where(p.has-background) {
3220 - padding: 1.25em 2.375em;
3212 + padding: var(--wp--style--block-background-padding, 1.25em 2.375em);
3221 3213 }
3222 3214
3223 3215 :where(p.has-text-color:not(.has-link-color)) a {
3224 3216 color: inherit;
@@ -3340,10 +3332,9 @@
3340 3332 position: absolute;
3341 3333 inset: 0;
3342 3334 width: 100%;
3343 3335 height: 100%;
3344 - -o-object-fit: cover;
3345 - object-fit: cover;
3336 + object-fit: cover;
3346 3337 pointer-events: none;
3347 3338 z-index: 0;
3348 3339 }
3349 3340
@@ -3827,10 +3818,9 @@
3827 3818 height: 50px;
3828 3819 margin-right: var(--wp--preset--spacing--20, 0.5em);
3829 3820 border: 1px solid rgba(0, 0, 0, 0.08);
3830 3821 box-sizing: border-box;
3831 - -o-object-fit: cover;
3832 - object-fit: cover;
3822 + object-fit: cover;
3833 3823 }
3834 3824 .wp-block-playlist-track .wp-block-playlist-track__button .wp-block-playlist-track__content {
3835 3825 flex: 1 1 0;
3836 3826 min-width: 0;
@@ -3878,8 +3868,9 @@
3878 3868
3879 3869 .wp-block-post-author-biography {
3880 3870 box-sizing: border-box;
3881 3871 white-space: pre-wrap;
3872 + overflow-wrap: break-word;
3882 3873 }
3883 3874
3884 3875 :where(.wp-block-post-comments-form textarea),
3885 3876 :where(.wp-block-post-comments-form input:not([type=submit])) {
@@ -3928,14 +3919,8 @@
3928 3919 display: block;
3929 3920 box-sizing: border-box;
3930 3921 width: 100%;
3931 3922 }
3932 -.wp-block-post-comments-form .comment-form-author label,
3933 -.wp-block-post-comments-form .comment-form-email label,
3934 -.wp-block-post-comments-form .comment-form-url label {
3935 - display: block;
3936 - margin-bottom: 0.25em;
3937 -}
3938 3923 .wp-block-post-comments-form .comment-form-cookies-consent {
3939 3924 display: flex;
3940 3925 gap: 0.25em;
3941 3926 }
@@ -3949,8 +3934,15 @@
3949 3934 font-size: var(--wp--preset--font-size--medium, smaller);
3950 3935 margin-left: 0.5em;
3951 3936 }
3952 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 +
3953 3945 .wp-block-post-comments-count {
3954 3946 box-sizing: border-box;
3955 3947 }
3956 3948
@@ -4052,8 +4044,11 @@
4052 4044 .wp-block-post-featured-image:where(.alignleft, .alignright) {
4053 4045 width: 100%;
4054 4046 }
4055 4047
4048 +.wp-block-post-navigation-link {
4049 + box-sizing: border-box;
4050 +}
4056 4051 .wp-block-post-navigation-link .wp-block-post-navigation-link__arrow-previous {
4057 4052 display: inline-block;
4058 4053 margin-right: 1ch;
4059 4054 }
@@ -4082,13 +4077,13 @@
4082 4077 box-sizing: border-box;
4083 4078 }
4084 4079
4085 4080 .wp-block-post-title {
4086 - word-break: break-word;
4081 + word-break: normal;
4082 + overflow-wrap: anywhere;
4087 4083 box-sizing: border-box;
4088 4084 }
4089 4085 .wp-block-post-title :where(a) {
4090 - display: inline-block;
4091 4086 font-family: inherit;
4092 4087 font-size: inherit;
4093 4088 font-style: inherit;
4094 4089 font-weight: inherit;
@@ -4106,9 +4101,9 @@
4106 4101 white-space: pre-wrap;
4107 4102 }
4108 4103
4109 4104 :where(.wp-block-preformatted.has-background) {
4110 - padding: 1.25em 2.375em;
4105 + padding: var(--wp--style--block-background-padding, 1.25em 2.375em);
4111 4106 }
4112 4107
4113 4108 .wp-block-pullquote {
4114 4109 text-align: center;
@@ -4236,8 +4231,12 @@
4236 4231 margin-inline-start: auto;
4237 4232 margin-inline-end: auto;
4238 4233 }
4239 4234
4235 +:where(.wp-block-query-no-results) {
4236 + box-sizing: border-box;
4237 +}
4238 +
4240 4239 .wp-block-query-pagination.is-content-justification-space-between > .wp-block-query-pagination-next:last-of-type {
4241 4240 margin-inline-start: auto;
4242 4241 }
4243 4242 .wp-block-query-pagination.is-content-justification-space-between > .wp-block-query-pagination-previous:first-child {
@@ -4293,9 +4292,8 @@
4293 4292 }
4294 4293
4295 4294 .wp-block-read-more {
4296 4295 display: block;
4297 - width: -moz-fit-content;
4298 4296 width: fit-content;
4299 4297 }
4300 4298 .wp-block-read-more:where(:not([style*=text-decoration])) {
4301 4299 text-decoration: none;
@@ -4378,9 +4376,9 @@
4378 4376 flex-wrap: nowrap;
4379 4377 max-width: 100%;
4380 4378 }
4381 4379
4382 -.wp-block-search__label {
4380 +:where(.wp-block-search__label) {
4383 4381 width: 100%;
4384 4382 }
4385 4383
4386 4384 .wp-block-search.wp-block-search__button-only .wp-block-search__button {
@@ -4431,11 +4429,9 @@
4431 4429 margin-right: 0;
4432 4430 min-width: 3rem;
4433 4431 border: 1px solid #949494;
4434 4432 text-decoration: unset !important;
4435 - -webkit-appearance: initial;
4436 - -moz-appearance: initial;
4437 - appearance: initial;
4433 + appearance: initial;
4438 4434 }
4439 4435
4440 4436 :where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) {
4441 4437 padding: 4px;
@@ -5004,9 +5000,8 @@
5004 5000 :where(.wp-block-tab-list button) {
5005 5001 box-sizing: border-box;
5006 5002 color: inherit;
5007 5003 display: block;
5008 - width: -moz-max-content;
5009 5004 width: max-content;
5010 5005 text-decoration: none;
5011 5006 cursor: pointer;
5012 5007 flex-basis: inherit !important;
@@ -5013,10 +5008,9 @@
5013 5008 flex-grow: inherit !important;
5014 5009 position: relative;
5015 5010 border: none;
5016 5011 background: none;
5017 - -moz-appearance: none;
5018 - appearance: none;
5012 + appearance: none;
5019 5013 -webkit-appearance: none;
5020 5014 margin: 0;
5021 5015 padding: var(--wp--preset--spacing--20, 0.5em) var(--wp--preset--spacing--30, 1em);
5022 5016 font-size: inherit;
@@ -5036,11 +5030,17 @@
5036 5030 width: 100%;
5037 5031 bottom: 0;
5038 5032 }
5039 5033
5040 -.wp-block-tab-panel[hidden], .wp-block-tab-panel:empty {
5034 +.wp-block-tab-panel:empty {
5041 5035 display: none !important;
5042 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 +}
5043 5043
5044 5044 .wp-block-table {
5045 5045 overflow-x: auto;
5046 5046 }
@@ -5240,9 +5240,10 @@
5240 5240 box-sizing: border-box;
5241 5241 overflow: auto;
5242 5242 white-space: pre-wrap;
5243 5243 min-width: 1em;
5244 - word-break: break-word;
5244 + word-break: normal;
5245 + overflow-wrap: break-word;
5245 5246 }
5246 5247
5247 5248 :where(pre.wp-block-verse) {
5248 5249 font-family: inherit;
@@ -5257,10 +5258,9 @@
5257 5258 vertical-align: middle;
5258 5259 }
5259 5260 @supports (position: sticky) {
5260 5261 .wp-block-video [poster] {
5261 - -o-object-fit: cover;
5262 - object-fit: cover;
5262 + object-fit: cover;
5263 5263 }
5264 5264 }
5265 5265 .wp-block-video.aligncenter {
5266 5266 text-align: center;
@@ -5424,9 +5424,9 @@
5424 5424 overflow: hidden;
5425 5425 padding: 0;
5426 5426 position: absolute;
5427 5427 width: 1px;
5428 - word-wrap: normal !important;
5428 + overflow-wrap: normal !important;
5429 5429 word-break: normal !important;
5430 5430 }
5431 5431
5432 5432 .screen-reader-text:focus {