PluginProbe
Gutenberg / trunk
Gutenberg vtrunk
24.1.0 24.0.0 23.9.1 23.9.0 23.8.0 23.7.2 23.7.1 23.7.0 23.6.1 23.6.2 23.6.0 23.5.3 23.5.2 23.5.1 23.5.0 23.4.0 23.3.2 23.3.1 23.3.0 23.2.0 23.2.1 23.2.2 23.1.1 23.1.0 23.0.1 All 404 releases
← All changes | build/styles/block-library/style-rtl.css +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 }
@@ -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 {
@@ -3117,8 +3098,9 @@
3117 3098 font-weight: inherit;
3118 3099 letter-spacing: inherit;
3119 3100 line-height: inherit;
3120 3101 text-transform: inherit;
3102 + border: none;
3121 3103 }
3122 3104
3123 3105 .wp-block-navigation-overlay-close {
3124 3106 display: inline-flex;
@@ -3125,9 +3107,8 @@
3125 3107 align-items: center;
3126 3108 justify-content: center;
3127 3109 gap: 0.5em;
3128 3110 padding: 0;
3129 - border: none;
3130 3111 background: transparent;
3131 3112 cursor: pointer;
3132 3113 text-decoration: none;
3133 3114 }
@@ -3197,9 +3178,9 @@
3197 3178 overflow: hidden;
3198 3179 }
3199 3180
3200 3181 :root :where(p.has-background) {
3201 - padding: 1.25em 2.375em;
3182 + padding: var(--wp--style--block-background-padding, 1.25em 2.375em);
3202 3183 }
3203 3184
3204 3185 :where(p.has-text-color:not(.has-link-color)) a {
3205 3186 color: inherit;
@@ -3321,10 +3302,9 @@
3321 3302 position: absolute;
3322 3303 inset: 0;
3323 3304 width: 100%;
3324 3305 height: 100%;
3325 - -o-object-fit: cover;
3326 - object-fit: cover;
3306 + object-fit: cover;
3327 3307 pointer-events: none;
3328 3308 z-index: 0;
3329 3309 }
3330 3310
@@ -3808,10 +3788,9 @@
3808 3788 height: 50px;
3809 3789 margin-left: var(--wp--preset--spacing--20, 0.5em);
3810 3790 border: 1px solid rgba(0, 0, 0, 0.08);
3811 3791 box-sizing: border-box;
3812 - -o-object-fit: cover;
3813 - object-fit: cover;
3792 + object-fit: cover;
3814 3793 }
3815 3794 .wp-block-playlist-track .wp-block-playlist-track__button .wp-block-playlist-track__content {
3816 3795 flex: 1 1 0;
3817 3796 min-width: 0;
@@ -3910,14 +3889,8 @@
3910 3889 display: block;
3911 3890 box-sizing: border-box;
3912 3891 width: 100%;
3913 3892 }
3914 -.wp-block-post-comments-form .comment-form-author label,
3915 -.wp-block-post-comments-form .comment-form-email label,
3916 -.wp-block-post-comments-form .comment-form-url label {
3917 - display: block;
3918 - margin-bottom: 0.25em;
3919 -}
3920 3893 .wp-block-post-comments-form .comment-form-cookies-consent {
3921 3894 display: flex;
3922 3895 gap: 0.25em;
3923 3896 }
@@ -3931,8 +3904,15 @@
3931 3904 font-size: var(--wp--preset--font-size--medium, smaller);
3932 3905 margin-right: 0.5em;
3933 3906 }
3934 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 +
3935 3915 .wp-block-post-comments-count {
3936 3916 box-sizing: border-box;
3937 3917 }
3938 3918
@@ -4034,8 +4014,11 @@
4034 4014 .wp-block-post-featured-image:where(.alignleft, .alignright) {
4035 4015 width: 100%;
4036 4016 }
4037 4017
4018 +.wp-block-post-navigation-link {
4019 + box-sizing: border-box;
4020 +}
4038 4021 .wp-block-post-navigation-link .wp-block-post-navigation-link__arrow-previous {
4039 4022 display: inline-block;
4040 4023 margin-left: 1ch;
4041 4024 }
@@ -4064,13 +4047,13 @@
4064 4047 box-sizing: border-box;
4065 4048 }
4066 4049
4067 4050 .wp-block-post-title {
4068 - word-break: break-word;
4051 + word-break: normal;
4052 + overflow-wrap: anywhere;
4069 4053 box-sizing: border-box;
4070 4054 }
4071 4055 .wp-block-post-title :where(a) {
4072 - display: inline-block;
4073 4056 font-family: inherit;
4074 4057 font-size: inherit;
4075 4058 font-style: inherit;
4076 4059 font-weight: inherit;
@@ -4088,9 +4071,9 @@
4088 4071 white-space: pre-wrap;
4089 4072 }
4090 4073
4091 4074 :where(.wp-block-preformatted.has-background) {
4092 - padding: 1.25em 2.375em;
4075 + padding: var(--wp--style--block-background-padding, 1.25em 2.375em);
4093 4076 }
4094 4077
4095 4078 .wp-block-pullquote {
4096 4079 text-align: center;
@@ -4218,8 +4201,12 @@
4218 4201 margin-inline-start: auto;
4219 4202 margin-inline-end: auto;
4220 4203 }
4221 4204
4205 +:where(.wp-block-query-no-results) {
4206 + box-sizing: border-box;
4207 +}
4208 +
4222 4209 .wp-block-query-pagination.is-content-justification-space-between > .wp-block-query-pagination-next:last-of-type {
4223 4210 margin-inline-start: auto;
4224 4211 }
4225 4212 .wp-block-query-pagination.is-content-justification-space-between > .wp-block-query-pagination-previous:first-child {
@@ -4275,9 +4262,8 @@
4275 4262 }
4276 4263
4277 4264 .wp-block-read-more {
4278 4265 display: block;
4279 - width: -moz-fit-content;
4280 4266 width: fit-content;
4281 4267 }
4282 4268 .wp-block-read-more:where(:not([style*=text-decoration])) {
4283 4269 text-decoration: none;
@@ -4358,9 +4344,9 @@
4358 4344 flex-wrap: nowrap;
4359 4345 max-width: 100%;
4360 4346 }
4361 4347
4362 -.wp-block-search__label {
4348 +:where(.wp-block-search__label) {
4363 4349 width: 100%;
4364 4350 }
4365 4351
4366 4352 .wp-block-search.wp-block-search__button-only .wp-block-search__button {
@@ -4411,11 +4397,9 @@
4411 4397 margin-left: 0;
4412 4398 min-width: 3rem;
4413 4399 border: 1px solid #949494;
4414 4400 text-decoration: unset !important;
4415 - -webkit-appearance: initial;
4416 - -moz-appearance: initial;
4417 - appearance: initial;
4401 + appearance: initial;
4418 4402 }
4419 4403
4420 4404 :where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) {
4421 4405 padding: 4px;
@@ -4983,9 +4967,8 @@
4983 4967 :where(.wp-block-tab-list button) {
4984 4968 box-sizing: border-box;
4985 4969 color: inherit;
4986 4970 display: block;
4987 - width: -moz-max-content;
4988 4971 width: max-content;
4989 4972 text-decoration: none;
4990 4973 cursor: pointer;
4991 4974 flex-basis: inherit !important;
@@ -4992,10 +4975,9 @@
4992 4975 flex-grow: inherit !important;
4993 4976 position: relative;
4994 4977 border: none;
4995 4978 background: none;
4996 - -moz-appearance: none;
4997 - appearance: none;
4979 + appearance: none;
4998 4980 -webkit-appearance: none;
4999 4981 margin: 0;
5000 4982 padding: var(--wp--preset--spacing--20, 0.5em) var(--wp--preset--spacing--30, 1em);
5001 4983 font-size: inherit;
@@ -5015,11 +4997,17 @@
5015 4997 width: 100%;
5016 4998 bottom: 0;
5017 4999 }
5018 5000
5019 -.wp-block-tab-panel[hidden], .wp-block-tab-panel:empty {
5001 +.wp-block-tab-panel:empty {
5020 5002 display: none !important;
5021 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 +}
5022 5010
5023 5011 .wp-block-table {
5024 5012 overflow-x: auto;
5025 5013 }
@@ -5219,9 +5207,10 @@
5219 5207 box-sizing: border-box;
5220 5208 overflow: auto;
5221 5209 white-space: pre-wrap;
5222 5210 min-width: 1em;
5223 - word-break: break-word;
5211 + word-break: normal;
5212 + overflow-wrap: break-word;
5224 5213 }
5225 5214
5226 5215 :where(pre.wp-block-verse) {
5227 5216 font-family: inherit;
@@ -5236,10 +5225,9 @@
5236 5225 vertical-align: middle;
5237 5226 }
5238 5227 @supports (position: sticky) {
5239 5228 .wp-block-video [poster] {
5240 - -o-object-fit: cover;
5241 - object-fit: cover;
5229 + object-fit: cover;
5242 5230 }
5243 5231 }
5244 5232 .wp-block-video.aligncenter {
5245 5233 text-align: center;
@@ -5401,9 +5389,9 @@
5401 5389 overflow: hidden;
5402 5390 padding: 0;
5403 5391 position: absolute;
5404 5392 width: 1px;
5405 - word-wrap: normal !important;
5393 + overflow-wrap: normal !important;
5406 5394 word-break: normal !important;
5407 5395 }
5408 5396
5409 5397 .screen-reader-text:focus {