diff -r be944660c56a -r 3d72ae0968f4 wp/wp-includes/css/dist/block-library/style-rtl.css --- a/wp/wp-includes/css/dist/block-library/style-rtl.css Wed Sep 21 18:19:35 2022 +0200 +++ b/wp/wp-includes/css/dist/block-library/style-rtl.css Tue Sep 27 16:37:53 2022 +0200 @@ -42,6 +42,12 @@ * These variables do not appear to be used anywhere else. */ /** +* Converts a hex value into the rgb equivalent. +* +* @param {string} hex - the hexadecimal value to convert +* @return {string} comma separated rgb values +*/ +/** * Breakpoint mixins */ /** @@ -69,8 +75,12 @@ /** * Reset the WP Admin page styles for Gutenberg-like pages. */ -#start-resizable-editor-section { - display: none; +.wp-block-archives-dropdown label { + display: block; +} + +.wp-block-avatar.aligncenter { + text-align: center; } .wp-block-audio { @@ -96,7 +106,7 @@ padding: calc(0.667em + 2px) calc(1.333em + 2px); text-align: center; text-decoration: none; - overflow-wrap: break-word; + word-break: break-word; box-sizing: border-box; } .wp-block-button__link:hover, .wp-block-button__link:focus, .wp-block-button__link:active, .wp-block-button__link:visited { @@ -119,41 +129,29 @@ font-size: inherit; } .wp-block-buttons > .wp-block-button.wp-block-button__width-25 { - width: calc(25% - 0.5em); + width: calc(25% - (var(--wp--style--block-gap, 0.5em) * 0.75)); } .wp-block-buttons > .wp-block-button.wp-block-button__width-50 { - width: calc(50% - 0.5em); + width: calc(50% - (var(--wp--style--block-gap, 0.5em) * 0.5)); } .wp-block-buttons > .wp-block-button.wp-block-button__width-75 { - width: calc(75% - 0.5em); + width: calc(75% - (var(--wp--style--block-gap, 0.5em) * 0.25)); } .wp-block-buttons > .wp-block-button.wp-block-button__width-100 { - width: calc(100% - 0.5em); -} -.wp-block-buttons > .wp-block-button.wp-block-button__width-100:only-child { - margin-left: 0; width: 100%; + flex-basis: 100%; } -@supports (column-gap: 0.5em) { - .wp-block-buttons > .wp-block-button.wp-block-button, .wp-block-buttons.is-content-justification-right > .wp-block-button.wp-block-button { - margin-left: 0; - margin-right: 0; - } - .wp-block-buttons > .wp-block-button.wp-block-button__width-25 { - width: calc(25% - 0.375em); - } - .wp-block-buttons > .wp-block-button.wp-block-button__width-50 { - width: calc(50% - 0.25em); - } - .wp-block-buttons > .wp-block-button.wp-block-button__width-75 { - width: calc(75% - 0.125em); - } - .wp-block-buttons > .wp-block-button.wp-block-button__width-100 { - width: auto; - flex-basis: 100%; - } -} +.wp-block-buttons.is-vertical > .wp-block-button.wp-block-button__width-25 { + width: 25%; +} +.wp-block-buttons.is-vertical > .wp-block-button.wp-block-button__width-50 { + width: 50%; +} +.wp-block-buttons.is-vertical > .wp-block-button.wp-block-button__width-75 { + width: 75%; +} + .wp-block-button.is-style-squared, .wp-block-button__link.wp-block-button.is-style-squared { border-radius: 0; @@ -164,8 +162,8 @@ border-radius: 0 !important; } -.is-style-outline > .wp-block-button__link, -.wp-block-button__link.is-style-outline { +.is-style-outline > :where(.wp-block-button__link), +:where(.wp-block-button__link).is-style-outline { border: 2px solid currentColor; padding: 0.667em 1.333em; } @@ -181,29 +179,17 @@ } .wp-block-buttons { - display: flex; - flex-direction: row; - flex-wrap: wrap; - column-gap: 0.5em; /* stylelint-disable indentation */ } .wp-block-buttons.is-vertical { flex-direction: column; } -.wp-block-buttons.is-vertical > .wp-block-button { - margin-right: 0; -} .wp-block-buttons.is-vertical > .wp-block-button:last-child { margin-bottom: 0; } .wp-block-buttons > .wp-block-button { display: inline-block; - margin-left: 0; - margin-right: 0.5em; - margin-bottom: 0.5em; -} -.wp-block-buttons > .wp-block-button:last-child { - margin-right: 0; + margin: 0; } .wp-block-buttons.is-content-justification-left { justify-content: flex-start; @@ -220,13 +206,6 @@ .wp-block-buttons.is-content-justification-right { justify-content: flex-end; } -.wp-block-buttons.is-content-justification-right > .wp-block-button { - margin-left: 0.5em; - margin-right: 0; -} -.wp-block-buttons.is-content-justification-right > .wp-block-button:first-child { - margin-left: 0; -} .wp-block-buttons.is-content-justification-right.is-vertical { align-items: flex-end; } @@ -236,20 +215,6 @@ .wp-block-buttons.aligncenter { text-align: center; } -.wp-block-buttons.alignleft .wp-block-button { - margin-left: 0; - margin-right: 0.5em; -} -.wp-block-buttons.alignleft .wp-block-button:last-child { - margin-right: 0; -} -.wp-block-buttons.alignright .wp-block-button { - margin-right: 0; - margin-left: 0.5em; -} -.wp-block-buttons.alignright .wp-block-button:first-child { - margin-left: 0; -} .wp-block-buttons:not(.is-content-justification-space-between, .is-content-justification-right, .is-content-justification-left, @@ -257,7 +222,6 @@ /* stylelint-enable indentation */ margin-right: auto; margin-left: auto; - margin-bottom: 0.5em; width: 100%; } @@ -301,27 +265,26 @@ .wp-block-code code { display: block; + font-family: inherit; + overflow-wrap: break-word; white-space: pre-wrap; - overflow-wrap: break-word; } .wp-block-columns { display: flex; margin-bottom: 1.75em; box-sizing: border-box; - flex-wrap: wrap; + flex-wrap: wrap !important; + align-items: initial !important; /** * All Columns Alignment */ } @media (min-width: 782px) { .wp-block-columns { - flex-wrap: nowrap; + flex-wrap: nowrap !important; } } -.wp-block-columns.has-background { - padding: 1.25em 2.375em; -} .wp-block-columns.are-vertically-aligned-top { align-items: flex-start; } @@ -331,6 +294,34 @@ .wp-block-columns.are-vertically-aligned-bottom { align-items: flex-end; } +@media (max-width: 781px) { + .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column { + flex-basis: 100% !important; + } +} +@media (min-width: 782px) { + .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column { + flex-basis: 0; + flex-grow: 1; + } + .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column[style*=flex-basis] { + flex-grow: 0; + } +} +.wp-block-columns.is-not-stacked-on-mobile { + flex-wrap: nowrap !important; +} +.wp-block-columns.is-not-stacked-on-mobile > .wp-block-column { + flex-basis: 0; + flex-grow: 1; +} +.wp-block-columns.is-not-stacked-on-mobile > .wp-block-column[style*=flex-basis] { + flex-grow: 0; +} + +:where(.wp-block-columns.has-background) { + padding: 1.25em 2.375em; +} .wp-block-column { flex-grow: 1; @@ -341,32 +332,6 @@ * Individual Column Alignment */ } -@media (max-width: 599px) { - .wp-block-column { - flex-basis: 100% !important; - } -} -@media (min-width: 600px) and (max-width: 781px) { - .wp-block-column:not(:only-child) { - flex-basis: calc(50% - 1em) !important; - flex-grow: 0; - } - .wp-block-column:nth-child(even) { - margin-right: 2em; - } -} -@media (min-width: 782px) { - .wp-block-column { - flex-basis: 0; - flex-grow: 1; - } - .wp-block-column[style*=flex-basis] { - flex-grow: 0; - } - .wp-block-column:not(:first-child) { - margin-right: 2em; - } -} .wp-block-column.is-vertically-aligned-top { align-self: flex-start; } @@ -380,6 +345,51 @@ width: 100%; } +.wp-block-comments-pagination > .wp-block-comments-pagination-next, +.wp-block-comments-pagination > .wp-block-comments-pagination-previous, +.wp-block-comments-pagination > .wp-block-comments-pagination-numbers { + margin-right: 0.5em; + margin-bottom: 0.5em; +} +.wp-block-comments-pagination > .wp-block-comments-pagination-next:last-child, +.wp-block-comments-pagination > .wp-block-comments-pagination-previous:last-child, +.wp-block-comments-pagination > .wp-block-comments-pagination-numbers:last-child { + margin-right: 0; +} +.wp-block-comments-pagination .wp-block-comments-pagination-previous-arrow { + margin-left: 1ch; + display: inline-block; +} +.wp-block-comments-pagination .wp-block-comments-pagination-previous-arrow:not(.is-arrow-chevron) { + transform: scaleX(-1);; +} +.wp-block-comments-pagination .wp-block-comments-pagination-next-arrow { + margin-right: 1ch; + display: inline-block; +} +.wp-block-comments-pagination .wp-block-comments-pagination-next-arrow:not(.is-arrow-chevron) { + transform: scaleX(-1);; +} +.wp-block-comments-pagination.aligncenter { + justify-content: center; +} + +.wp-block-comment-template { + margin-bottom: 0; + max-width: 100%; + list-style: none; + padding: 0; +} +.wp-block-comment-template li { + clear: both; +} +.wp-block-comment-template ol { + margin-bottom: 0; + max-width: 100%; + list-style: none; + padding-right: 2rem; +} + .wp-block-cover-image, .wp-block-cover { position: relative; @@ -407,7 +417,7 @@ .wp-block-cover.has-parallax { background-attachment: fixed; } -@supports (-webkit-overflow-scrolling: touch) { +@supports (-webkit-touch-callout: inherit) { .wp-block-cover-image.has-parallax, .wp-block-cover.has-parallax { background-attachment: scroll; @@ -425,17 +435,25 @@ background-size: auto; } .wp-block-cover-image.has-background-dim:not([class*=-background-color]), -.wp-block-cover.has-background-dim:not([class*=-background-color]) { +.wp-block-cover-image .has-background-dim:not([class*=-background-color]), +.wp-block-cover.has-background-dim:not([class*=-background-color]), +.wp-block-cover .has-background-dim:not([class*=-background-color]) { background-color: #000; } +.wp-block-cover-image .has-background-dim.has-background-gradient, +.wp-block-cover .has-background-dim.has-background-gradient { + background-color: transparent; +} .wp-block-cover-image.has-background-dim::before, .wp-block-cover.has-background-dim::before { content: ""; background-color: inherit; } .wp-block-cover-image.has-background-dim:not(.has-background-gradient)::before, +.wp-block-cover-image .wp-block-cover__background, .wp-block-cover-image .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim:not(.has-background-gradient)::before, +.wp-block-cover .wp-block-cover__background, .wp-block-cover .wp-block-cover__gradient-background { position: absolute; top: 0; @@ -446,65 +464,155 @@ opacity: 0.5; } .wp-block-cover-image.has-background-dim.has-background-dim-10:not(.has-background-gradient)::before, +.wp-block-cover-image.has-background-dim.has-background-dim-10 .wp-block-cover__background, .wp-block-cover-image.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-10:not(.has-background-gradient)::before, +.wp-block-cover.has-background-dim.has-background-dim-10 .wp-block-cover__background, .wp-block-cover.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background { opacity: 0.1; } .wp-block-cover-image.has-background-dim.has-background-dim-20:not(.has-background-gradient)::before, +.wp-block-cover-image.has-background-dim.has-background-dim-20 .wp-block-cover__background, .wp-block-cover-image.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-20:not(.has-background-gradient)::before, +.wp-block-cover.has-background-dim.has-background-dim-20 .wp-block-cover__background, .wp-block-cover.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background { opacity: 0.2; } .wp-block-cover-image.has-background-dim.has-background-dim-30:not(.has-background-gradient)::before, +.wp-block-cover-image.has-background-dim.has-background-dim-30 .wp-block-cover__background, .wp-block-cover-image.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-30:not(.has-background-gradient)::before, +.wp-block-cover.has-background-dim.has-background-dim-30 .wp-block-cover__background, .wp-block-cover.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background { opacity: 0.3; } .wp-block-cover-image.has-background-dim.has-background-dim-40:not(.has-background-gradient)::before, +.wp-block-cover-image.has-background-dim.has-background-dim-40 .wp-block-cover__background, .wp-block-cover-image.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-40:not(.has-background-gradient)::before, +.wp-block-cover.has-background-dim.has-background-dim-40 .wp-block-cover__background, .wp-block-cover.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background { opacity: 0.4; } .wp-block-cover-image.has-background-dim.has-background-dim-50:not(.has-background-gradient)::before, +.wp-block-cover-image.has-background-dim.has-background-dim-50 .wp-block-cover__background, .wp-block-cover-image.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-50:not(.has-background-gradient)::before, +.wp-block-cover.has-background-dim.has-background-dim-50 .wp-block-cover__background, .wp-block-cover.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background { opacity: 0.5; } .wp-block-cover-image.has-background-dim.has-background-dim-60:not(.has-background-gradient)::before, +.wp-block-cover-image.has-background-dim.has-background-dim-60 .wp-block-cover__background, .wp-block-cover-image.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-60:not(.has-background-gradient)::before, +.wp-block-cover.has-background-dim.has-background-dim-60 .wp-block-cover__background, .wp-block-cover.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background { opacity: 0.6; } .wp-block-cover-image.has-background-dim.has-background-dim-70:not(.has-background-gradient)::before, +.wp-block-cover-image.has-background-dim.has-background-dim-70 .wp-block-cover__background, .wp-block-cover-image.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-70:not(.has-background-gradient)::before, +.wp-block-cover.has-background-dim.has-background-dim-70 .wp-block-cover__background, .wp-block-cover.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background { opacity: 0.7; } .wp-block-cover-image.has-background-dim.has-background-dim-80:not(.has-background-gradient)::before, +.wp-block-cover-image.has-background-dim.has-background-dim-80 .wp-block-cover__background, .wp-block-cover-image.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-80:not(.has-background-gradient)::before, +.wp-block-cover.has-background-dim.has-background-dim-80 .wp-block-cover__background, .wp-block-cover.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background { opacity: 0.8; } .wp-block-cover-image.has-background-dim.has-background-dim-90:not(.has-background-gradient)::before, +.wp-block-cover-image.has-background-dim.has-background-dim-90 .wp-block-cover__background, .wp-block-cover-image.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-90:not(.has-background-gradient)::before, +.wp-block-cover.has-background-dim.has-background-dim-90 .wp-block-cover__background, .wp-block-cover.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background { opacity: 0.9; } .wp-block-cover-image.has-background-dim.has-background-dim-100:not(.has-background-gradient)::before, +.wp-block-cover-image.has-background-dim.has-background-dim-100 .wp-block-cover__background, .wp-block-cover-image.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-100:not(.has-background-gradient)::before, +.wp-block-cover.has-background-dim.has-background-dim-100 .wp-block-cover__background, .wp-block-cover.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background { opacity: 1; } +.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-0, +.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-0, +.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-0, +.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-0 { + opacity: 0; +} +.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-10, +.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-10, +.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-10, +.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-10 { + opacity: 0.1; +} +.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-20, +.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-20, +.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-20, +.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-20 { + opacity: 0.2; +} +.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-30, +.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-30, +.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-30, +.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-30 { + opacity: 0.3; +} +.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-40, +.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-40, +.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-40, +.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-40 { + opacity: 0.4; +} +.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-50, +.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-50, +.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-50, +.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-50 { + opacity: 0.5; +} +.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-60, +.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-60, +.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-60, +.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-60 { + opacity: 0.6; +} +.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-70, +.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-70, +.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-70, +.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-70 { + opacity: 0.7; +} +.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-80, +.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-80, +.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-80, +.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-80 { + opacity: 0.8; +} +.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-90, +.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-90, +.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-90, +.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-90 { + opacity: 0.9; +} +.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-100, +.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-100, +.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-100, +.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-100 { + opacity: 1; +} +.wp-block-cover-image .block-library-cover__padding-visualizer, +.wp-block-cover .block-library-cover__padding-visualizer { + z-index: 2; +} .wp-block-cover-image.alignleft, .wp-block-cover-image.alignright, .wp-block-cover.alignleft, .wp-block-cover.alignright { @@ -536,6 +644,10 @@ z-index: 1; color: #fff; } +.wp-block-cover-image.is-light .wp-block-cover__inner-container, +.wp-block-cover.is-light .wp-block-cover__inner-container { + color: #000; +} .wp-block-cover-image p:not(.has-text-color), .wp-block-cover-image h1:not(.has-text-color), .wp-block-cover-image h2:not(.has-text-color), @@ -706,6 +818,7 @@ .wp-block-embed { margin: 0 0 1em 0; + overflow-wrap: break-word; } .wp-block-embed figcaption { margin-top: 0.5em; @@ -788,71 +901,55 @@ margin-right: 0.75em; } -.wp-block-gallery, -.blocks-gallery-grid { +.wp-block-gallery:not(.has-nested-images), +.blocks-gallery-grid:not(.has-nested-images) { display: flex; flex-wrap: wrap; list-style-type: none; padding: 0; margin: 0; } -.wp-block-gallery .blocks-gallery-image, -.wp-block-gallery .blocks-gallery-item, -.blocks-gallery-grid .blocks-gallery-image, -.blocks-gallery-grid .blocks-gallery-item { +.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image, +.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item, +.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image, +.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item { margin: 0 0 1em 1em; display: flex; flex-grow: 1; flex-direction: column; justify-content: center; position: relative; - align-self: flex-start; width: calc(50% - 1em); } -.wp-block-gallery .blocks-gallery-image:nth-of-type(even), -.wp-block-gallery .blocks-gallery-item:nth-of-type(even), -.blocks-gallery-grid .blocks-gallery-image:nth-of-type(even), -.blocks-gallery-grid .blocks-gallery-item:nth-of-type(even) { +.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image:nth-of-type(even), +.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item:nth-of-type(even), +.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image:nth-of-type(even), +.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item:nth-of-type(even) { margin-left: 0; } -.wp-block-gallery .blocks-gallery-image figure, -.wp-block-gallery .blocks-gallery-item figure, -.blocks-gallery-grid .blocks-gallery-image figure, -.blocks-gallery-grid .blocks-gallery-item figure { +.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image figure, +.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item figure, +.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image figure, +.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item figure { margin: 0; height: 100%; -} -@supports (position: sticky) { - .wp-block-gallery .blocks-gallery-image figure, -.wp-block-gallery .blocks-gallery-item figure, -.blocks-gallery-grid .blocks-gallery-image figure, -.blocks-gallery-grid .blocks-gallery-item figure { - display: flex; - align-items: flex-end; - justify-content: flex-start; - } -} -.wp-block-gallery .blocks-gallery-image img, -.wp-block-gallery .blocks-gallery-item img, -.blocks-gallery-grid .blocks-gallery-image img, -.blocks-gallery-grid .blocks-gallery-item img { + display: flex; + align-items: flex-end; + justify-content: flex-start; +} +.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image img, +.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item img, +.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image img, +.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item img { display: block; max-width: 100%; height: auto; - width: 100%; -} -@supports (position: sticky) { - .wp-block-gallery .blocks-gallery-image img, -.wp-block-gallery .blocks-gallery-item img, -.blocks-gallery-grid .blocks-gallery-image img, -.blocks-gallery-grid .blocks-gallery-item img { - width: auto; - } -} -.wp-block-gallery .blocks-gallery-image figcaption, -.wp-block-gallery .blocks-gallery-item figcaption, -.blocks-gallery-grid .blocks-gallery-image figcaption, -.blocks-gallery-grid .blocks-gallery-item figcaption { + width: auto; +} +.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image figcaption, +.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item figcaption, +.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image figcaption, +.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item figcaption { position: absolute; bottom: 0; width: 100%; @@ -865,143 +962,259 @@ background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0, rgba(0, 0, 0, 0.3) 70%, transparent); box-sizing: border-box; margin: 0; -} -.wp-block-gallery .blocks-gallery-image figcaption img, -.wp-block-gallery .blocks-gallery-item figcaption img, -.blocks-gallery-grid .blocks-gallery-image figcaption img, -.blocks-gallery-grid .blocks-gallery-item figcaption img { + z-index: 2; +} +.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image figcaption img, +.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item figcaption img, +.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image figcaption img, +.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item figcaption img { display: inline; } -.wp-block-gallery figcaption, -.blocks-gallery-grid figcaption { +.wp-block-gallery:not(.has-nested-images) figcaption, +.blocks-gallery-grid:not(.has-nested-images) figcaption { flex-grow: 1; } -.wp-block-gallery.is-cropped .blocks-gallery-image, .wp-block-gallery.is-cropped .blocks-gallery-item, -.blocks-gallery-grid.is-cropped .blocks-gallery-image, -.blocks-gallery-grid.is-cropped .blocks-gallery-item { - align-self: inherit; -} -.wp-block-gallery.is-cropped .blocks-gallery-image a, -.wp-block-gallery.is-cropped .blocks-gallery-image img, .wp-block-gallery.is-cropped .blocks-gallery-item a, -.wp-block-gallery.is-cropped .blocks-gallery-item img, -.blocks-gallery-grid.is-cropped .blocks-gallery-image a, -.blocks-gallery-grid.is-cropped .blocks-gallery-image img, -.blocks-gallery-grid.is-cropped .blocks-gallery-item a, -.blocks-gallery-grid.is-cropped .blocks-gallery-item img { +.wp-block-gallery:not(.has-nested-images).is-cropped .blocks-gallery-image a, +.wp-block-gallery:not(.has-nested-images).is-cropped .blocks-gallery-image img, .wp-block-gallery:not(.has-nested-images).is-cropped .blocks-gallery-item a, +.wp-block-gallery:not(.has-nested-images).is-cropped .blocks-gallery-item img, +.blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-image a, +.blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-image img, +.blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-item a, +.blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-item img { width: 100%; -} -@supports (position: sticky) { - .wp-block-gallery.is-cropped .blocks-gallery-image a, -.wp-block-gallery.is-cropped .blocks-gallery-image img, .wp-block-gallery.is-cropped .blocks-gallery-item a, -.wp-block-gallery.is-cropped .blocks-gallery-item img, -.blocks-gallery-grid.is-cropped .blocks-gallery-image a, -.blocks-gallery-grid.is-cropped .blocks-gallery-image img, -.blocks-gallery-grid.is-cropped .blocks-gallery-item a, -.blocks-gallery-grid.is-cropped .blocks-gallery-item img { - height: 100%; - flex: 1; - -o-object-fit: cover; - object-fit: cover; - } -} -.wp-block-gallery.columns-1 .blocks-gallery-image, .wp-block-gallery.columns-1 .blocks-gallery-item, -.blocks-gallery-grid.columns-1 .blocks-gallery-image, -.blocks-gallery-grid.columns-1 .blocks-gallery-item { + height: 100%; + flex: 1; + -o-object-fit: cover; + object-fit: cover; +} +.wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-image, .wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-item, +.blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-image, +.blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-item { width: 100%; margin-left: 0; } @media (min-width: 600px) { - .wp-block-gallery.columns-3 .blocks-gallery-image, .wp-block-gallery.columns-3 .blocks-gallery-item, -.blocks-gallery-grid.columns-3 .blocks-gallery-image, -.blocks-gallery-grid.columns-3 .blocks-gallery-item { + .wp-block-gallery:not(.has-nested-images).columns-3 .blocks-gallery-image, .wp-block-gallery:not(.has-nested-images).columns-3 .blocks-gallery-item, +.blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-image, +.blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-item { width: calc(33.3333333333% - 0.6666666667em); margin-left: 1em; } - .wp-block-gallery.columns-4 .blocks-gallery-image, .wp-block-gallery.columns-4 .blocks-gallery-item, -.blocks-gallery-grid.columns-4 .blocks-gallery-image, -.blocks-gallery-grid.columns-4 .blocks-gallery-item { + .wp-block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-image, .wp-block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-item, +.blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-image, +.blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-item { width: calc(25% - 0.75em); margin-left: 1em; } - .wp-block-gallery.columns-5 .blocks-gallery-image, .wp-block-gallery.columns-5 .blocks-gallery-item, -.blocks-gallery-grid.columns-5 .blocks-gallery-image, -.blocks-gallery-grid.columns-5 .blocks-gallery-item { + .wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-image, .wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-item, +.blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-image, +.blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-item { width: calc(20% - 0.8em); margin-left: 1em; } - .wp-block-gallery.columns-6 .blocks-gallery-image, .wp-block-gallery.columns-6 .blocks-gallery-item, -.blocks-gallery-grid.columns-6 .blocks-gallery-image, -.blocks-gallery-grid.columns-6 .blocks-gallery-item { + .wp-block-gallery:not(.has-nested-images).columns-6 .blocks-gallery-image, .wp-block-gallery:not(.has-nested-images).columns-6 .blocks-gallery-item, +.blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-image, +.blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-item { width: calc(16.6666666667% - 0.8333333333em); margin-left: 1em; } - .wp-block-gallery.columns-7 .blocks-gallery-image, .wp-block-gallery.columns-7 .blocks-gallery-item, -.blocks-gallery-grid.columns-7 .blocks-gallery-image, -.blocks-gallery-grid.columns-7 .blocks-gallery-item { + .wp-block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-image, .wp-block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-item, +.blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-image, +.blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-item { width: calc(14.2857142857% - 0.8571428571em); margin-left: 1em; } - .wp-block-gallery.columns-8 .blocks-gallery-image, .wp-block-gallery.columns-8 .blocks-gallery-item, -.blocks-gallery-grid.columns-8 .blocks-gallery-image, -.blocks-gallery-grid.columns-8 .blocks-gallery-item { + .wp-block-gallery:not(.has-nested-images).columns-8 .blocks-gallery-image, .wp-block-gallery:not(.has-nested-images).columns-8 .blocks-gallery-item, +.blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-image, +.blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-item { width: calc(12.5% - 0.875em); margin-left: 1em; } - .wp-block-gallery.columns-1 .blocks-gallery-image:nth-of-type(1n), .wp-block-gallery.columns-1 .blocks-gallery-item:nth-of-type(1n), -.blocks-gallery-grid.columns-1 .blocks-gallery-image:nth-of-type(1n), -.blocks-gallery-grid.columns-1 .blocks-gallery-item:nth-of-type(1n) { + .wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-image:nth-of-type(1n), .wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-item:nth-of-type(1n), +.blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-image:nth-of-type(1n), +.blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-item:nth-of-type(1n) { margin-left: 0; } - .wp-block-gallery.columns-2 .blocks-gallery-image:nth-of-type(2n), .wp-block-gallery.columns-2 .blocks-gallery-item:nth-of-type(2n), -.blocks-gallery-grid.columns-2 .blocks-gallery-image:nth-of-type(2n), -.blocks-gallery-grid.columns-2 .blocks-gallery-item:nth-of-type(2n) { + .wp-block-gallery:not(.has-nested-images).columns-2 .blocks-gallery-image:nth-of-type(2n), .wp-block-gallery:not(.has-nested-images).columns-2 .blocks-gallery-item:nth-of-type(2n), +.blocks-gallery-grid:not(.has-nested-images).columns-2 .blocks-gallery-image:nth-of-type(2n), +.blocks-gallery-grid:not(.has-nested-images).columns-2 .blocks-gallery-item:nth-of-type(2n) { + margin-left: 0; + } + .wp-block-gallery:not(.has-nested-images).columns-3 .blocks-gallery-image:nth-of-type(3n), .wp-block-gallery:not(.has-nested-images).columns-3 .blocks-gallery-item:nth-of-type(3n), +.blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-image:nth-of-type(3n), +.blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-item:nth-of-type(3n) { margin-left: 0; } - .wp-block-gallery.columns-3 .blocks-gallery-image:nth-of-type(3n), .wp-block-gallery.columns-3 .blocks-gallery-item:nth-of-type(3n), -.blocks-gallery-grid.columns-3 .blocks-gallery-image:nth-of-type(3n), -.blocks-gallery-grid.columns-3 .blocks-gallery-item:nth-of-type(3n) { + .wp-block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-image:nth-of-type(4n), .wp-block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-item:nth-of-type(4n), +.blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-image:nth-of-type(4n), +.blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-item:nth-of-type(4n) { + margin-left: 0; + } + .wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-image:nth-of-type(5n), .wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-item:nth-of-type(5n), +.blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-image:nth-of-type(5n), +.blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-item:nth-of-type(5n) { margin-left: 0; } - .wp-block-gallery.columns-4 .blocks-gallery-image:nth-of-type(4n), .wp-block-gallery.columns-4 .blocks-gallery-item:nth-of-type(4n), -.blocks-gallery-grid.columns-4 .blocks-gallery-image:nth-of-type(4n), -.blocks-gallery-grid.columns-4 .blocks-gallery-item:nth-of-type(4n) { + .wp-block-gallery:not(.has-nested-images).columns-6 .blocks-gallery-image:nth-of-type(6n), .wp-block-gallery:not(.has-nested-images).columns-6 .blocks-gallery-item:nth-of-type(6n), +.blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-image:nth-of-type(6n), +.blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-item:nth-of-type(6n) { margin-left: 0; } - .wp-block-gallery.columns-5 .blocks-gallery-image:nth-of-type(5n), .wp-block-gallery.columns-5 .blocks-gallery-item:nth-of-type(5n), -.blocks-gallery-grid.columns-5 .blocks-gallery-image:nth-of-type(5n), -.blocks-gallery-grid.columns-5 .blocks-gallery-item:nth-of-type(5n) { + .wp-block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-image:nth-of-type(7n), .wp-block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-item:nth-of-type(7n), +.blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-image:nth-of-type(7n), +.blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-item:nth-of-type(7n) { + margin-left: 0; + } + .wp-block-gallery:not(.has-nested-images).columns-8 .blocks-gallery-image:nth-of-type(8n), .wp-block-gallery:not(.has-nested-images).columns-8 .blocks-gallery-item:nth-of-type(8n), +.blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-image:nth-of-type(8n), +.blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-item:nth-of-type(8n) { margin-left: 0; } - .wp-block-gallery.columns-6 .blocks-gallery-image:nth-of-type(6n), .wp-block-gallery.columns-6 .blocks-gallery-item:nth-of-type(6n), -.blocks-gallery-grid.columns-6 .blocks-gallery-image:nth-of-type(6n), -.blocks-gallery-grid.columns-6 .blocks-gallery-item:nth-of-type(6n) { - margin-left: 0; - } - .wp-block-gallery.columns-7 .blocks-gallery-image:nth-of-type(7n), .wp-block-gallery.columns-7 .blocks-gallery-item:nth-of-type(7n), -.blocks-gallery-grid.columns-7 .blocks-gallery-image:nth-of-type(7n), -.blocks-gallery-grid.columns-7 .blocks-gallery-item:nth-of-type(7n) { - margin-left: 0; - } - .wp-block-gallery.columns-8 .blocks-gallery-image:nth-of-type(8n), .wp-block-gallery.columns-8 .blocks-gallery-item:nth-of-type(8n), -.blocks-gallery-grid.columns-8 .blocks-gallery-image:nth-of-type(8n), -.blocks-gallery-grid.columns-8 .blocks-gallery-item:nth-of-type(8n) { - margin-left: 0; - } -} -.wp-block-gallery .blocks-gallery-image:last-child, -.wp-block-gallery .blocks-gallery-item:last-child, -.blocks-gallery-grid .blocks-gallery-image:last-child, -.blocks-gallery-grid .blocks-gallery-item:last-child { +} +.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image:last-child, +.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item:last-child, +.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image:last-child, +.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item:last-child { margin-left: 0; } -.wp-block-gallery.alignleft, .wp-block-gallery.alignright, -.blocks-gallery-grid.alignleft, -.blocks-gallery-grid.alignright { +.wp-block-gallery:not(.has-nested-images).alignleft, .wp-block-gallery:not(.has-nested-images).alignright, +.blocks-gallery-grid:not(.has-nested-images).alignleft, +.blocks-gallery-grid:not(.has-nested-images).alignright { max-width: 420px; width: 100%; } -.wp-block-gallery.aligncenter .blocks-gallery-item figure, -.blocks-gallery-grid.aligncenter .blocks-gallery-item figure { +.wp-block-gallery:not(.has-nested-images).aligncenter .blocks-gallery-item figure, +.blocks-gallery-grid:not(.has-nested-images).aligncenter .blocks-gallery-item figure { + justify-content: center; +} + +.wp-block-gallery:not(.is-cropped) .blocks-gallery-item { + align-self: flex-start; +} + +figure.wp-block-gallery.has-nested-images { + align-items: normal; +} + +.wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image) { + width: calc(50% - (var(--wp--style--unstable-gallery-gap, 16px) / 2)); + margin: 0; +} +.wp-block-gallery.has-nested-images figure.wp-block-image { + display: flex; + flex-grow: 1; + justify-content: center; + position: relative; + flex-direction: column; + max-width: 100%; +} +.wp-block-gallery.has-nested-images figure.wp-block-image > div, +.wp-block-gallery.has-nested-images figure.wp-block-image > a { + margin: 0; + flex-direction: column; + flex-grow: 1; +} +.wp-block-gallery.has-nested-images figure.wp-block-image img { + display: block; + height: auto; + max-width: 100% !important; + width: auto; +} +.wp-block-gallery.has-nested-images figure.wp-block-image figcaption { + background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0, rgba(0, 0, 0, 0.3) 70%, transparent); + bottom: 0; + color: #fff; + font-size: 13px; + right: 0; + margin-bottom: 0; + max-height: 60%; + overflow: auto; + padding: 0 8px 8px; + position: absolute; + text-align: center; + width: 100%; + box-sizing: border-box; +} +.wp-block-gallery.has-nested-images figure.wp-block-image figcaption img { + display: inline; +} +.wp-block-gallery.has-nested-images figure.wp-block-image figcaption a { + color: inherit; +} +.wp-block-gallery.has-nested-images figure.wp-block-image.is-style-rounded > div, +.wp-block-gallery.has-nested-images figure.wp-block-image.is-style-rounded > a { + flex: 1 1 auto; +} +.wp-block-gallery.has-nested-images figure.wp-block-image.is-style-rounded figcaption { + flex: initial; + background: none; + color: inherit; + margin: 0; + padding: 10px 10px 9px; + position: relative; +} +.wp-block-gallery.has-nested-images figcaption { + flex-grow: 1; + flex-basis: 100%; + text-align: center; +} +.wp-block-gallery.has-nested-images:not(.is-cropped) figure.wp-block-image:not(#individual-image) { + margin-top: 0; + margin-bottom: auto; +} +.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) { + align-self: inherit; +} +.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) > div:not(.components-drop-zone), +.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) > a { + display: flex; +} +.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) a, +.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) img { + width: 100%; + flex: 1 0 0%; + height: 100%; + -o-object-fit: cover; + object-fit: cover; +} +.wp-block-gallery.has-nested-images.columns-1 figure.wp-block-image:not(#individual-image) { + width: 100%; +} +@media (min-width: 600px) { + .wp-block-gallery.has-nested-images.columns-3 figure.wp-block-image:not(#individual-image) { + width: calc(33.3333333333% - (var(--wp--style--unstable-gallery-gap, 16px) * 0.6666666667)); + } + .wp-block-gallery.has-nested-images.columns-4 figure.wp-block-image:not(#individual-image) { + width: calc(25% - (var(--wp--style--unstable-gallery-gap, 16px) * 0.75)); + } + .wp-block-gallery.has-nested-images.columns-5 figure.wp-block-image:not(#individual-image) { + width: calc(20% - (var(--wp--style--unstable-gallery-gap, 16px) * 0.8)); + } + .wp-block-gallery.has-nested-images.columns-6 figure.wp-block-image:not(#individual-image) { + width: calc(16.6666666667% - (var(--wp--style--unstable-gallery-gap, 16px) * 0.8333333333)); + } + .wp-block-gallery.has-nested-images.columns-7 figure.wp-block-image:not(#individual-image) { + width: calc(14.2857142857% - (var(--wp--style--unstable-gallery-gap, 16px) * 0.8571428571)); + } + .wp-block-gallery.has-nested-images.columns-8 figure.wp-block-image:not(#individual-image) { + width: calc(12.5% - (var(--wp--style--unstable-gallery-gap, 16px) * 0.875)); + } + .wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image) { + width: calc(33.33% - (var(--wp--style--unstable-gallery-gap, 16px) * 0.6666666667)); + } + .wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):first-child:nth-last-child(2), +.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) { + width: calc(50% - (var(--wp--style--unstable-gallery-gap, 16px) * 0.5)); + } + .wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):first-child:nth-last-child(1) { + width: 100%; + } +} +.wp-block-gallery.has-nested-images.alignleft, .wp-block-gallery.has-nested-images.alignright { + max-width: 420px; + width: 100%; +} +.wp-block-gallery.has-nested-images.aligncenter { justify-content: center; } @@ -1022,8 +1235,11 @@ margin: 0 0 1em 0; } .wp-block-image img { + height: auto; max-width: 100%; -} + vertical-align: bottom; +} +.wp-block-image:not(.is-style-rounded) > a, .wp-block-image:not(.is-style-rounded) img { border-radius: inherit; } @@ -1031,13 +1247,16 @@ text-align: center; } .wp-block-image.alignfull img, .wp-block-image.alignwide img { + height: auto; width: 100%; } +.wp-block-image.alignleft, .wp-block-image.alignright, .wp-block-image.aligncenter, .wp-block-image .alignleft, .wp-block-image .alignright, .wp-block-image .aligncenter { display: table; } +.wp-block-image.alignleft > figcaption, .wp-block-image.alignright > figcaption, .wp-block-image.aligncenter > figcaption, .wp-block-image .alignleft > figcaption, .wp-block-image .alignright > figcaption, .wp-block-image .aligncenter > figcaption { @@ -1066,7 +1285,8 @@ margin-top: 0.5em; margin-bottom: 1em; } -.wp-block-image.is-style-rounded img { +.wp-block-image.is-style-rounded img, +.wp-block-image .is-style-rounded img { border-radius: 9999px; } .wp-block-image.is-style-circle-mask img { @@ -1197,7 +1417,6 @@ .wp-block-latest-posts__post-date, .wp-block-latest-posts__post-author { display: block; - color: #555; font-size: 0.8125em; } @@ -1216,24 +1435,21 @@ } .wp-block-latest-posts__featured-image.alignleft { margin-right: 1em; + float: left; } .wp-block-latest-posts__featured-image.alignright { margin-left: 1em; + float: right; } .wp-block-latest-posts__featured-image.aligncenter { margin-bottom: 1em; text-align: center; } -.block-editor-image-alignment-control__row .components-base-control__field { - display: flex; - justify-content: space-between; - align-items: center; -} -.block-editor-image-alignment-control__row .components-base-control__field .components-base-control__label { - margin-bottom: 0; -} - +ol, +ul { + box-sizing: border-box; +} ol.has-background, ul.has-background { padding: 1.25em 2.375em; @@ -1292,6 +1508,7 @@ .wp-block-media-text__media img, .wp-block-media-text__media video { + height: auto; max-width: unset; width: 100%; vertical-align: middle; @@ -1341,105 +1558,135 @@ } .wp-block-navigation { position: relative; + --navigation-layout-justification-setting: flex-start; + --navigation-layout-direction: row; + --navigation-layout-wrap: wrap; + --navigation-layout-justify: flex-start; + --navigation-layout-align: center; +} +.wp-block-navigation ul { + margin-top: 0; + margin-bottom: 0; + margin-right: 0; + padding-right: 0; } .wp-block-navigation ul, .wp-block-navigation ul li { list-style: none; padding: 0; } -.wp-block-navigation .wp-block-pages-list__item, -.wp-block-navigation .wp-block-navigation-link { +.wp-block-navigation .wp-block-navigation-item { display: flex; align-items: center; position: relative; } -.wp-block-navigation .wp-block-pages-list__item .wp-block-navigation-link__container:empty, -.wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link__container:empty { +.wp-block-navigation .wp-block-navigation-item .wp-block-navigation__submenu-container:empty { display: none; } -.wp-block-navigation .wp-block-pages-list__item__link, -.wp-block-navigation .wp-block-navigation-link__content { +.wp-block-navigation .wp-block-navigation-item__content { color: inherit; display: block; -} -.wp-block-navigation[style*=text-decoration] .wp-block-pages-list__item, -.wp-block-navigation[style*=text-decoration] .wp-block-navigation-link__container, -.wp-block-navigation[style*=text-decoration] .wp-block-navigation-link { - text-decoration: inherit; -} -.wp-block-navigation[style*=text-decoration] .wp-block-pages-list__item__link, -.wp-block-navigation[style*=text-decoration] .wp-block-navigation-link__content { - text-decoration: inherit; -} -.wp-block-navigation[style*=text-decoration] .wp-block-pages-list__item__link:focus, .wp-block-navigation[style*=text-decoration] .wp-block-pages-list__item__link:active, -.wp-block-navigation[style*=text-decoration] .wp-block-navigation-link__content:focus, -.wp-block-navigation[style*=text-decoration] .wp-block-navigation-link__content:active { - text-decoration: inherit; -} -.wp-block-navigation:not([style*=text-decoration]) .wp-block-pages-list__item__link, -.wp-block-navigation:not([style*=text-decoration]) .wp-block-navigation-link__content { + padding: 0; +} +.wp-block-navigation.has-text-decoration-underline .wp-block-navigation-item__content { + text-decoration: underline; +} +.wp-block-navigation.has-text-decoration-underline .wp-block-navigation-item__content:focus, .wp-block-navigation.has-text-decoration-underline .wp-block-navigation-item__content:active { + text-decoration: underline; +} +.wp-block-navigation.has-text-decoration-line-through .wp-block-navigation-item__content { + text-decoration: line-through; +} +.wp-block-navigation.has-text-decoration-line-through .wp-block-navigation-item__content:focus, .wp-block-navigation.has-text-decoration-line-through .wp-block-navigation-item__content:active { + text-decoration: line-through; +} +.wp-block-navigation:where(:not([class*="has-text-decoration"])) a { + text-decoration: none; +} +.wp-block-navigation:where(:not([class*="has-text-decoration"])) a:focus, .wp-block-navigation:where(:not([class*="has-text-decoration"])) a:active { text-decoration: none; } -.wp-block-navigation:not([style*=text-decoration]) .wp-block-pages-list__item__link:focus, .wp-block-navigation:not([style*=text-decoration]) .wp-block-pages-list__item__link:active, -.wp-block-navigation:not([style*=text-decoration]) .wp-block-navigation-link__content:focus, -.wp-block-navigation:not([style*=text-decoration]) .wp-block-navigation-link__content:active { - text-decoration: none; -} -.wp-block-navigation .wp-block-page-list__submenu-icon, -.wp-block-navigation .wp-block-navigation-link__submenu-icon { - height: inherit; -} -.wp-block-navigation .wp-block-page-list__submenu-icon svg, -.wp-block-navigation .wp-block-navigation-link__submenu-icon svg { +.wp-block-navigation .wp-block-navigation__submenu-icon { + align-self: center; + line-height: 0; + display: inline-block; + font-size: inherit; + padding: 0; + background-color: inherit; + color: currentColor; + border: none; + width: 0.6em; + height: 0.6em; + margin-right: 0.25em; +} +.wp-block-navigation .wp-block-navigation__submenu-icon svg { + display: inline-block; stroke: currentColor; -} -.wp-block-navigation .wp-block-pages-list__item .wp-block-pages-list__item__link, -.wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link__content.wp-block-navigation-link__content.wp-block-navigation-link__content { - padding: 0; -} -.wp-block-navigation .has-child > .wp-block-pages-list__item__link, -.wp-block-navigation .has-child > .wp-block-navigation-link__content { - margin-left: 0.5em; -} -.wp-block-navigation .has-child .submenu-container, -.wp-block-navigation .has-child .wp-block-navigation-link__container { + width: inherit; + height: inherit; + margin-top: 0.075em; +} +.wp-block-navigation.is-vertical { + --navigation-layout-direction: column; + --navigation-layout-justify: initial; + --navigation-layout-align: flex-start; +} +.wp-block-navigation.no-wrap { + --navigation-layout-wrap: nowrap; +} +.wp-block-navigation.items-justified-center { + --navigation-layout-justification-setting: center; + --navigation-layout-justify: center; +} +.wp-block-navigation.items-justified-center.is-vertical { + --navigation-layout-align: center; +} +.wp-block-navigation.items-justified-right { + --navigation-layout-justification-setting: flex-end; + --navigation-layout-justify: flex-end; +} +.wp-block-navigation.items-justified-right.is-vertical { + --navigation-layout-align: flex-end; +} +.wp-block-navigation.items-justified-space-between { + --navigation-layout-justification-setting: space-between; + --navigation-layout-justify: space-between; +} + +.wp-block-navigation .has-child :where(.wp-block-navigation__submenu-container) { background-color: inherit; color: inherit; position: absolute; z-index: 2; + display: flex; flex-direction: column; align-items: normal; - min-width: 200px; - display: none; opacity: 0; transition: opacity 0.1s linear; visibility: hidden; -} -.wp-block-navigation .has-child .submenu-container > .wp-block-pages-list__item > .wp-block-pages-list__item__link, -.wp-block-navigation .has-child .submenu-container > .wp-block-pages-list__item > .wp-block-navigation-link__content, -.wp-block-navigation .has-child .submenu-container > .wp-block-navigation-link > .wp-block-pages-list__item__link, -.wp-block-navigation .has-child .submenu-container > .wp-block-navigation-link > .wp-block-navigation-link__content, -.wp-block-navigation .has-child .wp-block-navigation-link__container > .wp-block-pages-list__item > .wp-block-pages-list__item__link, -.wp-block-navigation .has-child .wp-block-navigation-link__container > .wp-block-pages-list__item > .wp-block-navigation-link__content, -.wp-block-navigation .has-child .wp-block-navigation-link__container > .wp-block-navigation-link > .wp-block-pages-list__item__link, -.wp-block-navigation .has-child .wp-block-navigation-link__container > .wp-block-navigation-link > .wp-block-navigation-link__content { + width: 0; + height: 0; + overflow: hidden; + right: -1px; + top: 100%; +} +.wp-block-navigation .has-child :where(.wp-block-navigation__submenu-container) > .wp-block-navigation-item > .wp-block-navigation-item__content { + display: flex; flex-grow: 1; } -.wp-block-navigation .has-child .submenu-container > .wp-block-pages-list__item > .wp-block-page-list__submenu-icon, -.wp-block-navigation .has-child .submenu-container > .wp-block-pages-list__item > .wp-block-navigation-link__submenu-icon, -.wp-block-navigation .has-child .submenu-container > .wp-block-navigation-link > .wp-block-page-list__submenu-icon, -.wp-block-navigation .has-child .submenu-container > .wp-block-navigation-link > .wp-block-navigation-link__submenu-icon, -.wp-block-navigation .has-child .wp-block-navigation-link__container > .wp-block-pages-list__item > .wp-block-page-list__submenu-icon, -.wp-block-navigation .has-child .wp-block-navigation-link__container > .wp-block-pages-list__item > .wp-block-navigation-link__submenu-icon, -.wp-block-navigation .has-child .wp-block-navigation-link__container > .wp-block-navigation-link > .wp-block-page-list__submenu-icon, -.wp-block-navigation .has-child .wp-block-navigation-link__container > .wp-block-navigation-link > .wp-block-navigation-link__submenu-icon { - padding-left: 0.5em; +.wp-block-navigation .has-child :where(.wp-block-navigation__submenu-container) > .wp-block-navigation-item > .wp-block-navigation-item__content .wp-block-navigation__submenu-icon { + margin-left: 0; + margin-right: auto; +} +.wp-block-navigation .has-child :where(.wp-block-navigation__submenu-container) .wp-block-navigation-item__content { + margin: 0; } @media (min-width: 782px) { - .wp-block-navigation .has-child .submenu-container .submenu-container::before, -.wp-block-navigation .has-child .submenu-container .wp-block-navigation-link__container::before, -.wp-block-navigation .has-child .wp-block-navigation-link__container .submenu-container::before, -.wp-block-navigation .has-child .wp-block-navigation-link__container .wp-block-navigation-link__container::before { + .wp-block-navigation .has-child :where(.wp-block-navigation__submenu-container) .wp-block-navigation__submenu-container { + right: 100%; + top: -1px; + } + .wp-block-navigation .has-child :where(.wp-block-navigation__submenu-container) .wp-block-navigation__submenu-container::before { content: ""; position: absolute; left: 100%; @@ -1448,142 +1695,151 @@ width: 0.5em; background: transparent; } - .wp-block-navigation .has-child .submenu-container .wp-block-page-list__submenu-icon svg, -.wp-block-navigation .has-child .submenu-container .wp-block-navigation-link__submenu-icon svg, -.wp-block-navigation .has-child .wp-block-navigation-link__container .wp-block-page-list__submenu-icon svg, -.wp-block-navigation .has-child .wp-block-navigation-link__container .wp-block-navigation-link__submenu-icon svg { + .wp-block-navigation .has-child :where(.wp-block-navigation__submenu-container) .wp-block-navigation__submenu-icon { + margin-left: 0.25em; + } + .wp-block-navigation .has-child :where(.wp-block-navigation__submenu-container) .wp-block-navigation__submenu-icon svg { transform: rotate(90deg); } } -.wp-block-navigation .has-child:hover > .wp-block-navigation-link__container { - display: flex; +.wp-block-navigation .has-child:where(:not(.open-on-click)):hover > .wp-block-navigation__submenu-container { visibility: visible; - opacity: 1; -} -.wp-block-navigation .has-child:focus-within > .wp-block-navigation-link__container { - display: flex; - visibility: visible; + overflow: visible; opacity: 1; -} -.wp-block-navigation .has-child:hover { - cursor: pointer; -} -.wp-block-navigation .has-child:hover > .submenu-container { - display: flex; + width: auto; + height: auto; + min-width: 200px; +} +.wp-block-navigation .has-child:where(:not(.open-on-click):not(.open-on-hover-click)):focus-within > .wp-block-navigation__submenu-container { visibility: visible; - opacity: 1; -} -.wp-block-navigation .has-child:focus-within { - cursor: pointer; -} -.wp-block-navigation .has-child:focus-within > .submenu-container { - display: flex; - visibility: visible; + overflow: visible; opacity: 1; -} -.wp-block-navigation.wp-block-navigation.items-justified-space-between > .submenu-container > .has-child:last-child .submenu-container, -.wp-block-navigation.wp-block-navigation.items-justified-space-between > .submenu-container > .has-child:last-child .wp-block-navigation-link__container, .wp-block-navigation.wp-block-navigation.items-justified-space-between > .wp-block-navigation__container > .has-child:last-child .submenu-container, -.wp-block-navigation.wp-block-navigation.items-justified-space-between > .wp-block-navigation__container > .has-child:last-child .wp-block-navigation-link__container, .wp-block-navigation.wp-block-navigation.items-justified-right > .submenu-container .has-child .submenu-container, -.wp-block-navigation.wp-block-navigation.items-justified-right > .submenu-container .has-child .wp-block-navigation-link__container, .wp-block-navigation.wp-block-navigation.items-justified-right > .wp-block-navigation__container .has-child .submenu-container, -.wp-block-navigation.wp-block-navigation.items-justified-right > .wp-block-navigation__container .has-child .wp-block-navigation-link__container { - right: auto; - left: 0; -} -.wp-block-navigation.wp-block-navigation.items-justified-space-between > .submenu-container > .has-child:last-child .submenu-container .submenu-container, -.wp-block-navigation.wp-block-navigation.items-justified-space-between > .submenu-container > .has-child:last-child .submenu-container .wp-block-navigation-link__container, -.wp-block-navigation.wp-block-navigation.items-justified-space-between > .submenu-container > .has-child:last-child .wp-block-navigation-link__container .submenu-container, -.wp-block-navigation.wp-block-navigation.items-justified-space-between > .submenu-container > .has-child:last-child .wp-block-navigation-link__container .wp-block-navigation-link__container, .wp-block-navigation.wp-block-navigation.items-justified-space-between > .wp-block-navigation__container > .has-child:last-child .submenu-container .submenu-container, -.wp-block-navigation.wp-block-navigation.items-justified-space-between > .wp-block-navigation__container > .has-child:last-child .submenu-container .wp-block-navigation-link__container, -.wp-block-navigation.wp-block-navigation.items-justified-space-between > .wp-block-navigation__container > .has-child:last-child .wp-block-navigation-link__container .submenu-container, -.wp-block-navigation.wp-block-navigation.items-justified-space-between > .wp-block-navigation__container > .has-child:last-child .wp-block-navigation-link__container .wp-block-navigation-link__container, .wp-block-navigation.wp-block-navigation.items-justified-right > .submenu-container .has-child .submenu-container .submenu-container, -.wp-block-navigation.wp-block-navigation.items-justified-right > .submenu-container .has-child .submenu-container .wp-block-navigation-link__container, -.wp-block-navigation.wp-block-navigation.items-justified-right > .submenu-container .has-child .wp-block-navigation-link__container .submenu-container, -.wp-block-navigation.wp-block-navigation.items-justified-right > .submenu-container .has-child .wp-block-navigation-link__container .wp-block-navigation-link__container, .wp-block-navigation.wp-block-navigation.items-justified-right > .wp-block-navigation__container .has-child .submenu-container .submenu-container, -.wp-block-navigation.wp-block-navigation.items-justified-right > .wp-block-navigation__container .has-child .submenu-container .wp-block-navigation-link__container, -.wp-block-navigation.wp-block-navigation.items-justified-right > .wp-block-navigation__container .has-child .wp-block-navigation-link__container .submenu-container, -.wp-block-navigation.wp-block-navigation.items-justified-right > .wp-block-navigation__container .has-child .wp-block-navigation-link__container .wp-block-navigation-link__container { - right: auto; - left: 100%; + width: auto; + height: auto; + min-width: 200px; +} +.wp-block-navigation .has-child .wp-block-navigation-submenu__toggle[aria-expanded=true] ~ .wp-block-navigation__submenu-container { + visibility: visible; + overflow: visible; + opacity: 1; + width: auto; + height: auto; + min-width: 200px; } -.wp-block-navigation.wp-block-navigation .wp-block-page-list, -.wp-block-navigation.wp-block-navigation .wp-block-page-list > .wp-block-pages-list__item, -.wp-block-navigation.wp-block-navigation .wp-block-navigation__container > .wp-block-navigation-link { - margin: 0 0 0 2em; -} -.wp-block-navigation.wp-block-navigation .wp-block-page-list:last-child, -.wp-block-navigation.wp-block-navigation .wp-block-page-list > .wp-block-pages-list__item:last-child, -.wp-block-navigation.wp-block-navigation .wp-block-navigation__container > .wp-block-navigation-link:last-child { - margin-left: 0; -} -.wp-block-navigation.wp-block-navigation.has-background .wp-block-page-list, -.wp-block-navigation.wp-block-navigation.has-background .wp-block-page-list > .wp-block-pages-list__item, -.wp-block-navigation.wp-block-navigation.has-background .wp-block-navigation__container > .wp-block-navigation-link { - margin: 0 0 0 0.5em; -} -.wp-block-navigation.wp-block-navigation.has-background .wp-block-page-list .wp-block-pages-list__item__link, -.wp-block-navigation.wp-block-navigation.has-background .wp-block-navigation__container .wp-block-navigation-link__content { - padding: 0.5em 1em; -} -.wp-block-navigation.wp-block-navigation .has-child .submenu-container, -.wp-block-navigation.wp-block-navigation .has-child .wp-block-navigation-link__container { - right: -1em; +.wp-block-navigation.has-background .has-child .wp-block-navigation__submenu-container { + right: 0; top: 100%; } -.wp-block-navigation.wp-block-navigation .has-child .submenu-container .wp-block-pages-list__item, -.wp-block-navigation.wp-block-navigation .has-child .submenu-container .wp-block-navigation-link, -.wp-block-navigation.wp-block-navigation .has-child .wp-block-navigation-link__container .wp-block-pages-list__item, -.wp-block-navigation.wp-block-navigation .has-child .wp-block-navigation-link__container .wp-block-navigation-link { - margin: 0; -} -.wp-block-navigation.wp-block-navigation .has-child .submenu-container .wp-block-pages-list__item__link, -.wp-block-navigation.wp-block-navigation .has-child .submenu-container .wp-block-navigation-link__content, -.wp-block-navigation.wp-block-navigation .has-child .wp-block-navigation-link__container .wp-block-pages-list__item__link, -.wp-block-navigation.wp-block-navigation .has-child .wp-block-navigation-link__container .wp-block-navigation-link__content { - padding: 0.5em 1em; -} -.wp-block-navigation.wp-block-navigation .has-child .submenu-container .submenu-container, -.wp-block-navigation.wp-block-navigation .has-child .submenu-container .wp-block-navigation-link__container, -.wp-block-navigation.wp-block-navigation .has-child .wp-block-navigation-link__container .submenu-container, -.wp-block-navigation.wp-block-navigation .has-child .wp-block-navigation-link__container .wp-block-navigation-link__container { - right: -1px; -} @media (min-width: 782px) { - .wp-block-navigation.wp-block-navigation .has-child .submenu-container .submenu-container, -.wp-block-navigation.wp-block-navigation .has-child .submenu-container .wp-block-navigation-link__container, -.wp-block-navigation.wp-block-navigation .has-child .wp-block-navigation-link__container .submenu-container, -.wp-block-navigation.wp-block-navigation .has-child .wp-block-navigation-link__container .wp-block-navigation-link__container { - right: 100%; - top: -1px; - } -} -.wp-block-navigation.wp-block-navigation.has-background .has-child .submenu-container, .wp-block-navigation.wp-block-navigation.has-background .has-child .wp-block-navigation-link__container { - right: 0; - top: 100%; -} -.wp-block-navigation.wp-block-navigation.has-background .has-child .submenu-container .submenu-container, -.wp-block-navigation.wp-block-navigation.has-background .has-child .submenu-container .wp-block-navigation-link__container, .wp-block-navigation.wp-block-navigation.has-background .has-child .wp-block-navigation-link__container .submenu-container, -.wp-block-navigation.wp-block-navigation.has-background .has-child .wp-block-navigation-link__container .wp-block-navigation-link__container { - right: 0; -} -@media (min-width: 782px) { - .wp-block-navigation.wp-block-navigation.has-background .has-child .submenu-container .submenu-container, -.wp-block-navigation.wp-block-navigation.has-background .has-child .submenu-container .wp-block-navigation-link__container, .wp-block-navigation.wp-block-navigation.has-background .has-child .wp-block-navigation-link__container .submenu-container, -.wp-block-navigation.wp-block-navigation.has-background .has-child .wp-block-navigation-link__container .wp-block-navigation-link__container { + .wp-block-navigation.has-background .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container { right: 100%; top: 0; } } -.wp-block-navigation:not(.has-background) .submenu-container, -.wp-block-navigation:not(.has-background) .wp-block-navigation__container .wp-block-navigation-link__container { +.wp-block-navigation-submenu { + position: relative; + display: flex; +} +.wp-block-navigation-submenu .wp-block-navigation__submenu-icon svg { + stroke: currentColor; +} + +button.wp-block-navigation-item__content { + background-color: transparent; + border: none; + color: currentColor; + font-size: inherit; + font-family: inherit; + line-height: inherit; + font-style: inherit; + font-weight: inherit; + text-transform: inherit; + text-align: right; +} + +.wp-block-navigation-submenu__toggle { + cursor: pointer; +} + +.wp-block-navigation-item.open-on-click .wp-block-navigation-submenu__toggle { + padding-left: 0.85em; +} +.wp-block-navigation-item.open-on-click .wp-block-navigation-submenu__toggle + .wp-block-navigation__submenu-icon { + margin-right: -0.6em; + pointer-events: none; +} + +/** + * Margins + */ +.wp-block-navigation__responsive-container, +.wp-block-navigation__responsive-close, +.wp-block-navigation__responsive-dialog, +.wp-block-navigation, +.wp-block-navigation .wp-block-page-list, +.wp-block-navigation__container, +.wp-block-navigation__responsive-container-content { + gap: inherit; +} + +.wp-block-navigation:where(.has-background), +.wp-block-navigation:where(.has-background) .wp-block-navigation .wp-block-page-list, +.wp-block-navigation:where(.has-background) .wp-block-navigation__container { + gap: inherit; +} + +/** + * Paddings + */ +.wp-block-navigation:where(.has-background) .wp-block-navigation-item__content { + padding: 0.5em 1em; +} + +.wp-block-navigation :where(.wp-block-navigation__submenu-container) .wp-block-navigation-item__content { + padding: 0.5em 1em; +} + +/** + * Justifications. + */ +.wp-block-navigation.items-justified-space-between .wp-block-page-list > .has-child:last-child .wp-block-navigation__submenu-container, +.wp-block-navigation.items-justified-space-between > .wp-block-navigation__container > .has-child:last-child .wp-block-navigation__submenu-container, +.wp-block-navigation.items-justified-right .wp-block-page-list > .has-child .wp-block-navigation__submenu-container, +.wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container { + right: auto; + left: 0; +} +.wp-block-navigation.items-justified-space-between .wp-block-page-list > .has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container, +.wp-block-navigation.items-justified-space-between > .wp-block-navigation__container > .has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container, +.wp-block-navigation.items-justified-right .wp-block-page-list > .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container, +.wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container { + right: -1px; + left: -1px; +} +@media (min-width: 782px) { + .wp-block-navigation.items-justified-space-between .wp-block-page-list > .has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container, +.wp-block-navigation.items-justified-space-between > .wp-block-navigation__container > .has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container, +.wp-block-navigation.items-justified-right .wp-block-page-list > .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container, +.wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container { + right: auto; + left: 100%; + } +} + +.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container { background-color: #fff; color: #000; border: 1px solid rgba(0, 0, 0, 0.15); } .wp-block-navigation__container { - align-items: center; + display: flex; + flex-wrap: var(--navigation-layout-wrap, wrap); + flex-direction: var(--navigation-layout-direction, initial); + justify-content: var(--navigation-layout-justify, initial); + align-items: var(--navigation-layout-align, initial); list-style: none; margin: 0; padding-right: 0; @@ -1591,41 +1847,10 @@ .wp-block-navigation__container .is-responsive { display: none; } -@media (min-width: 600px) { - .wp-block-navigation__container { - display: flex; - flex-wrap: wrap; - } - .is-vertical .wp-block-navigation__container { - display: block; - flex-direction: column; - align-items: flex-start; - } -} -.items-justified-center .wp-block-navigation__container { - justify-content: center; -} - -.items-justified-right .wp-block-navigation__container { - justify-content: flex-end; -} - -.items-justified-space-between .wp-block-navigation__container { - justify-content: space-between; -} - -.is-vertical.items-justified-center > ul { - align-items: center; -} - -.is-vertical.items-justified-right > ul { - align-items: flex-end; -} -.is-vertical.items-justified-right > ul .wp-block-navigation-link, -.is-vertical.items-justified-right > ul .wp-block-pages-list__item { - margin-left: 0; - justify-content: flex-end; +.wp-block-navigation__container:only-child, +.wp-block-page-list:only-child { + flex-grow: 1; } /** @@ -1638,48 +1863,94 @@ right: 0; left: 0; bottom: 0; - z-index: 1; - align-items: flex-start; - justify-content: flex-start; +} +.wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content { + display: flex; + flex-wrap: var(--navigation-layout-wrap, wrap); + flex-direction: var(--navigation-layout-direction, initial); + justify-content: var(--navigation-layout-justify, initial); + align-items: var(--navigation-layout-align, initial); +} +.wp-block-navigation__responsive-container:not(.is-menu-open.is-menu-open) { + color: inherit !important; + background-color: inherit !important; } .wp-block-navigation__responsive-container.is-menu-open { display: flex; flex-direction: column; + background-color: inherit; + padding: 2rem; overflow: auto; z-index: 100000; - padding: 24px; - background-color: inherit; -} -.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container { +} +.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content { + padding-top: calc(2rem + 24px); + overflow: visible; display: flex; flex-direction: column; - margin-right: auto; - margin-left: auto; - align-items: flex-start; - line-height: 48px; + flex-wrap: nowrap; + align-items: var(--navigation-layout-justification-setting, inherit); +} +.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content, +.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-page-list, +.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container { + justify-content: flex-start; +} +.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-icon { + display: none; +} +.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .submenu-container, +.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation__submenu-container { + opacity: 1; + visibility: visible; + height: auto; + width: auto; + overflow: initial; + min-width: 200px; + position: static; + border: none; + padding-right: 2rem; + padding-left: 2rem; +} +.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container, +.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container { + gap: inherit; +} +.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container { + padding-top: var(--wp--style--block-gap, 2em); +} +.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item__content { padding: 0; } -.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container .wp-block-page-list { +.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container, +.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item, +.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-page-list { + display: flex; flex-direction: column; -} -.wp-block-navigation__responsive-container.is-menu-open .wp-block-pages-list__item .submenu-container, -.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-link .wp-block-navigation-link__container, -.wp-block-navigation__responsive-container.is-menu-open .wp-block-pages-list__item, -.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-link { + align-items: var(--navigation-layout-justification-setting, initial); +} +.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item .wp-block-navigation__submenu-container, +.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item, +.wp-block-navigation__responsive-container.is-menu-open .wp-block-page-list { + color: inherit !important; background: transparent !important; } +.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container { + left: auto; + right: auto; +} @media (min-width: 600px) { - .wp-block-navigation__responsive-container:not(.is-menu-open) { - display: flex; - flex-direction: row; + .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) { + display: block; + width: 100%; position: relative; + z-index: auto; background-color: inherit; } - .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__responsive-container-close { + .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) .wp-block-navigation__responsive-container-close { display: none; } - .wp-block-navigation__responsive-container.is-menu-open .submenu-container.submenu-container.submenu-container.submenu-container, -.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-link__container.wp-block-navigation-link__container.wp-block-navigation-link__container.wp-block-navigation-link__container { + .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container { right: 0; } } @@ -1689,6 +1960,11 @@ color: #000; } +.wp-block-navigation__toggle_button_label { + font-size: 1rem; + font-weight: bold; +} + .wp-block-navigation__responsive-container-open, .wp-block-navigation__responsive-container-close { vertical-align: middle; @@ -1712,126 +1988,57 @@ display: flex; } @media (min-width: 600px) { - .wp-block-navigation__responsive-container-open { + .wp-block-navigation__responsive-container-open:not(.always-shown) { display: none; } } -.items-justified-left .wp-block-navigation__responsive-container-open { - margin-right: 0; - margin-left: auto; -} -.items-justified-center .wp-block-navigation__responsive-container-open { - margin-right: auto; - margin-left: auto; -} -.items-justified-right .wp-block-navigation__responsive-container-open { - margin-right: auto; - margin-left: 0; -} .wp-block-navigation__responsive-container-close { position: absolute; - top: 24px; - left: 24px; + top: 0; + left: 0; z-index: 2; } .wp-block-navigation__responsive-close { width: 100%; } +.wp-block-navigation__responsive-close:focus { + outline: none; +} .is-menu-open .wp-block-navigation__responsive-close, .is-menu-open .wp-block-navigation__responsive-dialog, .is-menu-open .wp-block-navigation__responsive-container-content { - width: 100%; - height: 100%; + box-sizing: border-box; } -.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-page-list__submenu-icon, -.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-link__submenu-icon { - display: none; -} -.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .has-child .submenu-container, -.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .has-child .wp-block-navigation-link__container { +.wp-block-navigation__responsive-dialog { position: relative; - opacity: 1; - visibility: visible; - padding: 0 32px 0 0; - border: none; -} -.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-link, -.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-pages-list__item { - flex-direction: column; - align-items: flex-start; } html.has-modal-open { overflow: hidden; } -.wp-block-navigation .wp-block-navigation-link__label { +.wp-block-navigation .wp-block-navigation-item__label { word-break: normal; overflow-wrap: break-word; } - -.wp-block-navigation .wp-block-home-link__content { - color: inherit; - display: block; - padding: 0.5em 1em; -} -.wp-block-navigation[style*=text-decoration] .wp-block-home-link { - text-decoration: inherit; -} -.wp-block-navigation[style*=text-decoration] .wp-block-home-link__content { - text-decoration: inherit; -} -.wp-block-navigation[style*=text-decoration] .wp-block-home-link__content:focus, .wp-block-navigation[style*=text-decoration] .wp-block-home-link__content:active { - text-decoration: inherit; -} -.wp-block-navigation:not([style*=text-decoration]) .wp-block-home-link__content { - text-decoration: none; -} -.wp-block-navigation:not([style*=text-decoration]) .wp-block-home-link__content:focus, .wp-block-navigation:not([style*=text-decoration]) .wp-block-home-link__content:active { - text-decoration: none; -} - -.wp-block-navigation:not(.has-background) .wp-block-navigation__container .wp-block-home-link__container { - background-color: #fff; - color: #000; - border: 1px solid rgba(0, 0, 0, 0.15); -} -.wp-block-navigation:not(.has-background) .wp-block-navigation__container .wp-block-home-link__container .wp-block-home-link__container { - top: -1px; +.wp-block-navigation .wp-block-navigation-item__description { + display: none; } .wp-block-navigation .wp-block-page-list { display: flex; - flex-wrap: wrap; - background-color: inherit; -} -.wp-block-navigation .wp-block-pages-list__item { + flex-direction: var(--navigation-layout-direction, initial); + justify-content: var(--navigation-layout-justify, initial); + align-items: var(--navigation-layout-align, initial); + flex-wrap: var(--navigation-layout-wrap, wrap); background-color: inherit; } -.wp-block-navigation .wp-block-page-list__submenu-icon { - display: none; -} -.wp-block-navigation .show-submenu-icons .wp-block-page-list__submenu-icon { - display: block; -} - -.is-vertical .wp-block-navigation__container .wp-block-page-list, -.is-open .wp-block-navigation__container .wp-block-page-list { - display: block; -} - -@media (min-width: 480px) { - .is-open .wp-block-navigation__container .wp-block-page-list { - display: flex; - } -} - -.items-justified-space-between .wp-block-page-list { - display: contents; +.wp-block-navigation .wp-block-navigation-item { + background-color: inherit; } .is-small-text { @@ -1868,7 +2075,7 @@ padding: 1.25em 2.375em; } -p.has-text-color a { +:where(p.has-text-color:not(.has-link-color)) a { color: inherit; } @@ -1894,11 +2101,26 @@ flex-basis: 0; } .wp-block-post-author__name { - font-weight: bold; margin: 0; } +.wp-block-post-comments { + /* utility classes */ + /* end utility classes */ +} +.wp-block-post-comments .alignleft { + float: right; +} +.wp-block-post-comments .alignright { + float: left; +} +.wp-block-post-comments .navigation::after { + content: ""; + display: table; + clear: both; +} .wp-block-post-comments .commentlist { + clear: both; list-style: none; margin: 0; padding: 0; @@ -1908,9 +2130,9 @@ padding-right: 3.25em; } .wp-block-post-comments .commentlist .comment p { - font-size: 0.875em; + font-size: 1em; line-height: 1.8; - margin: 0.36em 0 1.4em; + margin: 1em 0; } .wp-block-post-comments .commentlist .children { list-style: none; @@ -1919,13 +2141,13 @@ } .wp-block-post-comments .comment-author { line-height: 1.5; - margin-right: -3.25em; } .wp-block-post-comments .comment-author .avatar { border-radius: 1.5em; display: block; float: right; height: 2.5em; + margin-top: 0.5em; margin-left: 0.75em; width: 2.5em; } @@ -1933,31 +2155,83 @@ font-style: normal; } .wp-block-post-comments .comment-meta { + font-size: 0.875em; line-height: 1.5; - margin-right: -3.25em; +} +.wp-block-post-comments .comment-meta b { + font-weight: normal; +} +.wp-block-post-comments .comment-meta .comment-awaiting-moderation { + margin-top: 1em; + margin-bottom: 1em; + display: block; } .wp-block-post-comments .comment-body .commentmetadata { - font-size: 0.75em; + font-size: 0.875em; } .wp-block-post-comments .comment-form-comment label, .wp-block-post-comments .comment-form-author label, .wp-block-post-comments .comment-form-email label, .wp-block-post-comments .comment-form-url label { display: block; -} -.wp-block-post-comments .comment-form-comment textarea { + margin-bottom: 0.25em; +} +.wp-block-post-comments .comment-form textarea, +.wp-block-post-comments .comment-form input:not([type=submit]):not([type=checkbox]) { + display: block; box-sizing: border-box; width: 100%; } +.wp-block-post-comments .comment-form-cookies-consent { + display: flex; + gap: 0.25em; +} +.wp-block-post-comments .comment-form-cookies-consent #wp-comment-cookies-consent { + margin-top: 0.35em; +} +.wp-block-post-comments .comment-reply-title { + margin-bottom: 0; +} +.wp-block-post-comments .comment-reply-title :where(small) { + font-size: var(--wp--preset--font-size--medium, smaller); + margin-right: 0.5em; +} .wp-block-post-comments .reply { - font-size: 0.75em; + font-size: 0.875em; margin-bottom: 1.4em; } .wp-block-post-comments textarea, -.wp-block-post-comments input { +.wp-block-post-comments input:not([type=submit]) { border: 1px solid #949494; + font-size: 1em; + font-family: inherit; +} +.wp-block-post-comments textarea, +.wp-block-post-comments input:not([type=submit]):not([type=checkbox]) { + padding: calc(0.667em + 2px); +} +.wp-block-post-comments input[type=submit] { + border: none; } +.wp-block-post-comments-form[style*=font-weight] :where(.comment-reply-title) { + font-weight: inherit; +} +.wp-block-post-comments-form[style*=font-family] :where(.comment-reply-title) { + font-family: inherit; +} +.wp-block-post-comments-form[class*=-font-size] :where(.comment-reply-title), .wp-block-post-comments-form[style*=font-size] :where(.comment-reply-title) { + font-size: inherit; +} +.wp-block-post-comments-form[style*=line-height] :where(.comment-reply-title) { + line-height: inherit; +} +.wp-block-post-comments-form[style*=font-style] :where(.comment-reply-title) { + font-style: inherit; +} +.wp-block-post-comments-form[style*=letter-spacing] :where(.comment-reply-title) { + letter-spacing: inherit; +} .wp-block-post-comments-form input[type=submit] { border: none; box-shadow: none; @@ -1966,11 +2240,71 @@ text-align: center; overflow-wrap: break-word; } +.wp-block-post-comments-form textarea, +.wp-block-post-comments-form input:not([type=submit]) { + border: 1px solid #949494; + font-size: 1em; + font-family: inherit; +} +.wp-block-post-comments-form textarea, +.wp-block-post-comments-form input:not([type=submit]):not([type=checkbox]) { + padding: calc(0.667em + 2px); +} +.wp-block-post-comments-form .comment-form textarea, +.wp-block-post-comments-form .comment-form input:not([type=submit]):not([type=checkbox]) { + display: block; + box-sizing: border-box; + width: 100%; +} +.wp-block-post-comments-form .comment-form-author label, +.wp-block-post-comments-form .comment-form-email label, +.wp-block-post-comments-form .comment-form-url label { + display: block; + margin-bottom: 0.25em; +} +.wp-block-post-comments-form .comment-form-cookies-consent { + display: flex; + gap: 0.25em; +} +.wp-block-post-comments-form .comment-form-cookies-consent #wp-comment-cookies-consent { + margin-top: 0.35em; +} +.wp-block-post-comments-form .comment-reply-title { + margin-bottom: 0; +} +.wp-block-post-comments-form .comment-reply-title :where(small) { + font-size: var(--wp--preset--font-size--medium, smaller); + margin-right: 0.5em; +} .wp-block-post-excerpt__more-link { display: inline-block; } +.wp-block-post-featured-image { + margin-right: 0; + margin-left: 0; +} +.wp-block-post-featured-image a { + display: block; +} +.wp-block-post-featured-image img { + max-width: 100%; + width: 100%; + height: auto; + vertical-align: bottom; +} +.wp-block-post-featured-image.alignwide img, .wp-block-post-featured-image.alignfull img { + width: 100%; +} + +.wp-block-post-terms__separator { + white-space: pre-wrap; +} + +.wp-block-post-title { + word-break: break-word; +} .wp-block-post-title a { display: inline-block; } @@ -1987,11 +2321,18 @@ margin: 0 0 1em 0; padding: 3em 0; text-align: center; -} -.wp-block-pullquote.alignleft, .wp-block-pullquote.alignright { + overflow-wrap: break-word; + box-sizing: border-box; +} +.wp-block-pullquote p, +.wp-block-pullquote blockquote, +.wp-block-pullquote cite { + color: inherit; +} +.wp-block-pullquote.has-text-align-left, .wp-block-pullquote.has-text-align-right, .wp-block-pullquote.alignleft, .wp-block-pullquote.alignright { max-width: 420px; } -.wp-block-pullquote.alignleft p, .wp-block-pullquote.alignright p { +.wp-block-pullquote.has-text-align-left p, .wp-block-pullquote.has-text-align-right p, .wp-block-pullquote.alignleft p, .wp-block-pullquote.alignright p { font-size: 1.25em; } .wp-block-pullquote p { @@ -2006,8 +2347,12 @@ color: inherit; } -.wp-block-pullquote:not(.is-style-solid-color) { - background: none; +.wp-block-pullquote.has-text-align-left blockquote { + text-align: right; +} + +.wp-block-pullquote.has-text-align-right blockquote { + text-align: left; } .wp-block-pullquote.is-style-solid-color { @@ -2016,7 +2361,6 @@ .wp-block-pullquote.is-style-solid-color blockquote { margin-right: auto; margin-left: auto; - text-align: right; max-width: 60%; } .wp-block-pullquote.is-style-solid-color blockquote p { @@ -2035,81 +2379,54 @@ .wp-block-post-template, .wp-block-query-loop { + margin-top: 0; + margin-bottom: 0; max-width: 100%; list-style: none; padding: 0; } -.wp-block-post-template li, -.wp-block-query-loop li { - clear: both; +.wp-block-post-template.wp-block-post-template, +.wp-block-query-loop.wp-block-post-template { + background: none; } .wp-block-post-template.is-flex-container, .wp-block-query-loop.is-flex-container { flex-direction: row; display: flex; flex-wrap: wrap; + gap: 1.25em; } .wp-block-post-template.is-flex-container li, .wp-block-query-loop.is-flex-container li { - margin: 0 0 1.25em 0; + margin: 0; width: 100%; } @media (min-width: 600px) { - .wp-block-post-template.is-flex-container li, -.wp-block-query-loop.is-flex-container li { - margin-left: 1.25em; - } .wp-block-post-template.is-flex-container.is-flex-container.columns-2 > li, .wp-block-query-loop.is-flex-container.is-flex-container.columns-2 > li { width: calc((100% / 2) - 1.25em + (1.25em / 2)); } - .wp-block-post-template.is-flex-container.is-flex-container.columns-2 > li:nth-child(2n), -.wp-block-query-loop.is-flex-container.is-flex-container.columns-2 > li:nth-child(2n) { - margin-left: 0; - } .wp-block-post-template.is-flex-container.is-flex-container.columns-3 > li, .wp-block-query-loop.is-flex-container.is-flex-container.columns-3 > li { width: calc((100% / 3) - 1.25em + (1.25em / 3)); } - .wp-block-post-template.is-flex-container.is-flex-container.columns-3 > li:nth-child(3n), -.wp-block-query-loop.is-flex-container.is-flex-container.columns-3 > li:nth-child(3n) { - margin-left: 0; - } .wp-block-post-template.is-flex-container.is-flex-container.columns-4 > li, .wp-block-query-loop.is-flex-container.is-flex-container.columns-4 > li { width: calc((100% / 4) - 1.25em + (1.25em / 4)); } - .wp-block-post-template.is-flex-container.is-flex-container.columns-4 > li:nth-child(4n), -.wp-block-query-loop.is-flex-container.is-flex-container.columns-4 > li:nth-child(4n) { - margin-left: 0; - } .wp-block-post-template.is-flex-container.is-flex-container.columns-5 > li, .wp-block-query-loop.is-flex-container.is-flex-container.columns-5 > li { width: calc((100% / 5) - 1.25em + (1.25em / 5)); } - .wp-block-post-template.is-flex-container.is-flex-container.columns-5 > li:nth-child(5n), -.wp-block-query-loop.is-flex-container.is-flex-container.columns-5 > li:nth-child(5n) { - margin-left: 0; - } .wp-block-post-template.is-flex-container.is-flex-container.columns-6 > li, .wp-block-query-loop.is-flex-container.is-flex-container.columns-6 > li { width: calc((100% / 6) - 1.25em + (1.25em / 6)); } - .wp-block-post-template.is-flex-container.is-flex-container.columns-6 > li:nth-child(6n), -.wp-block-query-loop.is-flex-container.is-flex-container.columns-6 > li:nth-child(6n) { - margin-left: 0; - } } -.wp-block-query-pagination { - display: flex; - flex-direction: row; - flex-wrap: wrap; -} .wp-block-query-pagination > .wp-block-query-pagination-next, .wp-block-query-pagination > .wp-block-query-pagination-previous, .wp-block-query-pagination > .wp-block-query-pagination-numbers { - display: inline-block; margin-right: 0.5em; margin-bottom: 0.5em; } @@ -2118,56 +2435,93 @@ .wp-block-query-pagination > .wp-block-query-pagination-numbers:last-child { margin-right: 0; } +.wp-block-query-pagination .wp-block-query-pagination-previous-arrow { + margin-left: 1ch; + display: inline-block; +} +.wp-block-query-pagination .wp-block-query-pagination-previous-arrow:not(.is-arrow-chevron) { + transform: scaleX(-1);; +} +.wp-block-query-pagination .wp-block-query-pagination-next-arrow { + margin-right: 1ch; + display: inline-block; +} +.wp-block-query-pagination .wp-block-query-pagination-next-arrow:not(.is-arrow-chevron) { + transform: scaleX(-1);; +} +.wp-block-query-pagination.aligncenter { + justify-content: center; +} -.wp-block-quote.is-style-large, .wp-block-quote.is-large { +.wp-block-quote { + box-sizing: border-box; + overflow-wrap: break-word; +} +.wp-block-quote.is-style-large:not(.is-style-plain), .wp-block-quote.is-large:not(.is-style-plain) { margin-bottom: 1em; padding: 0 1em; } -.wp-block-quote.is-style-large p, .wp-block-quote.is-large p { +.wp-block-quote.is-style-large:not(.is-style-plain) p, .wp-block-quote.is-large:not(.is-style-plain) p { font-size: 1.5em; font-style: italic; line-height: 1.6; } -.wp-block-quote.is-style-large cite, -.wp-block-quote.is-style-large footer, .wp-block-quote.is-large cite, -.wp-block-quote.is-large footer { +.wp-block-quote.is-style-large:not(.is-style-plain) cite, +.wp-block-quote.is-style-large:not(.is-style-plain) footer, .wp-block-quote.is-large:not(.is-style-plain) cite, +.wp-block-quote.is-large:not(.is-style-plain) footer { font-size: 1.125em; text-align: left; } -.wp-block-rss.wp-block-rss { +.wp-block-read-more { + display: block; + width: -moz-fit-content; + width: fit-content; +} +.wp-block-read-more:not([style*=text-decoration]) { + text-decoration: none; +} +.wp-block-read-more:not([style*=text-decoration]):focus, .wp-block-read-more:not([style*=text-decoration]):active { + text-decoration: none; +} + +ul.wp-block-rss { + list-style: none; + padding: 0; +} +ul.wp-block-rss.wp-block-rss { box-sizing: border-box; } -.wp-block-rss.alignleft { +ul.wp-block-rss.alignleft { margin-right: 2em; } -.wp-block-rss.alignright { +ul.wp-block-rss.alignright { margin-left: 2em; } -.wp-block-rss.is-grid { +ul.wp-block-rss.is-grid { display: flex; flex-wrap: wrap; padding: 0; list-style: none; } -.wp-block-rss.is-grid li { +ul.wp-block-rss.is-grid li { margin: 0 0 1em 1em; width: 100%; } @media (min-width: 600px) { - .wp-block-rss.columns-2 li { + ul.wp-block-rss.columns-2 li { width: calc(( 100% / 2 ) - 1em); } - .wp-block-rss.columns-3 li { + ul.wp-block-rss.columns-3 li { width: calc(( 100% / 3 ) - 1em); } - .wp-block-rss.columns-4 li { + ul.wp-block-rss.columns-4 li { width: calc(( 100% / 4 ) - 1em); } - .wp-block-rss.columns-5 li { + ul.wp-block-rss.columns-5 li { width: calc(( 100% / 5 ) - 1em); } - .wp-block-rss.columns-6 li { + ul.wp-block-rss.columns-6 li { width: calc(( 100% / 6 ) - 1em); } } @@ -2175,42 +2529,54 @@ .wp-block-rss__item-publish-date, .wp-block-rss__item-author { display: block; - color: #555; font-size: 0.8125em; } -.wp-block-search .wp-block-search__button { +.wp-block-search__button { background: #f7f7f7; border: 1px solid #ccc; padding: 0.375em 0.625em; color: #32373c; margin-right: 0.625em; word-break: normal; -} -.wp-block-search .wp-block-search__button.has-icon { + font-size: inherit; + font-family: inherit; + line-height: inherit; +} +.wp-block-search__button.has-icon { line-height: 0; } -.wp-block-search .wp-block-search__button svg { +.wp-block-search__button svg { min-width: 1.5em; min-height: 1.5em; -} -.wp-block-search .wp-block-search__inside-wrapper { + fill: currentColor; +} + +.wp-block-search__inside-wrapper { display: flex; flex: auto; flex-wrap: nowrap; max-width: 100%; } -.wp-block-search .wp-block-search__label { + +.wp-block-search__label { width: 100%; } -.wp-block-search .wp-block-search__input { + +.wp-block-search__input { + padding: 8px; flex-grow: 1; min-width: 3em; border: 1px solid #949494; -} + font-size: inherit; + font-family: inherit; + line-height: inherit; +} + .wp-block-search.wp-block-search__button-only .wp-block-search__button { margin-right: 0; } + .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper { padding: 4px; border: 1px solid #949494; @@ -2226,6 +2592,7 @@ .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button { padding: 0.125em 0.5em; } + .wp-block-search.aligncenter .wp-block-search__inside-wrapper { margin: auto; } @@ -2234,14 +2601,10 @@ border-top: 1px solid currentColor; border-bottom: 1px solid currentColor; } -.wp-block-separator.is-style-wide { - border-bottom-width: 1px; -} .wp-block-separator.is-style-dots { background: none !important; border: none; text-align: center; - width: none; line-height: 1; height: auto; } @@ -2264,20 +2627,25 @@ width: 120px; height: auto; } -.wp-block-site-logo .aligncenter { - display: table; -} -.wp-block-site-logo.is-style-rounded img { +.wp-block-site-logo a, +.wp-block-site-logo img { + border-radius: inherit; +} +.wp-block-site-logo.aligncenter { + margin-right: auto; + margin-left: auto; + text-align: center; +} +.wp-block-site-logo.is-style-rounded { border-radius: 9999px; } .wp-block-social-links { - display: flex; - flex-wrap: wrap; padding-right: 0; padding-left: 0; text-indent: 0; margin-right: 0; + background: none; } .wp-block-social-links .wp-social-link a, .wp-block-social-links .wp-social-link a:hover { @@ -2285,9 +2653,6 @@ border-bottom: 0; box-shadow: none; } -.wp-block-social-links .wp-social-link.wp-social-link.wp-social-link { - margin: 4px 0 4px 8px; -} .wp-block-social-links .wp-social-link a { padding: 0.25em; } @@ -2295,6 +2660,11 @@ width: 1em; height: 1em; } +.wp-block-social-links .wp-social-link span:not(.screen-reader-text) { + margin-right: 0.5em; + margin-left: 0.5em; + font-size: 0.65em; +} .wp-block-social-links.has-small-icon-size { font-size: 16px; } @@ -2328,7 +2698,8 @@ } } .wp-block-social-link a { - display: block; + align-items: center; + display: flex; line-height: 0; transition: transform 0.1s ease; } @@ -2506,7 +2877,13 @@ .wp-block-social-links.is-style-logos-only .wp-social-link { background: none; - padding: 4px; +} +.wp-block-social-links.is-style-logos-only .wp-social-link a { + padding: 0; +} +.wp-block-social-links.is-style-logos-only .wp-social-link svg { + width: 1.25em; + height: 1.25em; } .wp-block-social-links.is-style-logos-only .wp-social-link-amazon { color: #f90; @@ -2646,6 +3023,27 @@ padding-right: 1em; padding-left: 1em; } +.wp-block-tag-cloud a { + display: inline-block; + margin-left: 5px; +} +.wp-block-tag-cloud span { + display: inline-block; + margin-right: 5px; + text-decoration: none; +} +.wp-block-tag-cloud.is-style-outline { + display: flex; + flex-wrap: wrap; + gap: 1ch; +} +.wp-block-tag-cloud.is-style-outline a { + border: 1px solid currentColor; + font-size: unset !important; + margin-left: 0; + padding: 1ch 2ch; + text-decoration: none !important; +} .wp-block-table { margin: 0 0 1em 0; @@ -2727,6 +3125,7 @@ .wp-block-table table[style*=border-width] th, .wp-block-table table[style*=border-width] td { border-width: inherit; + border-style: inherit; } .wp-block-text-columns { @@ -2781,151 +3180,37 @@ margin-bottom: 1em; } -.wp-block-post-featured-image { - margin-right: 0; - margin-left: 0; -} -.wp-block-post-featured-image a { - display: inline-block; -} -.wp-block-post-featured-image img { - max-width: 100%; - height: auto; -} -.wp-block-post-featured-image.alignwide img, .wp-block-post-featured-image.alignfull img { - width: 100%; -} - :root { + /* + * Our classes uses the same values we set for gradient value attributes, + * and we can not use spacing because of WP multi site kses rule. + */ /* stylelint-disable function-comma-space-after */ /* stylelint-enable function-comma-space-after */ -} -:root .has-pale-pink-background-color { - background-color: #f78da7; -} -:root .has-vivid-red-background-color { - background-color: #cf2e2e; -} -:root .has-luminous-vivid-orange-background-color { - background-color: #ff6900; -} -:root .has-luminous-vivid-amber-background-color { - background-color: #fcb900; -} -:root .has-light-green-cyan-background-color { - background-color: #7bdcb5; -} -:root .has-vivid-green-cyan-background-color { - background-color: #00d084; -} -:root .has-pale-cyan-blue-background-color { - background-color: #8ed1fc; -} -:root .has-vivid-cyan-blue-background-color { - background-color: #0693e3; -} -:root .has-vivid-purple-background-color { - background-color: #9b51e0; -} -:root .has-white-background-color { - background-color: #fff; + --wp--preset--font-size--normal: 16px; + --wp--preset--font-size--huge: 42px; } :root .has-very-light-gray-background-color { background-color: #eee; } -:root .has-cyan-bluish-gray-background-color { - background-color: #abb8c3; -} :root .has-very-dark-gray-background-color { background-color: #313131; } -:root .has-black-background-color { - background-color: #000; -} -:root .has-pale-pink-color { - color: #f78da7; -} -:root .has-vivid-red-color { - color: #cf2e2e; -} -:root .has-luminous-vivid-orange-color { - color: #ff6900; -} -:root .has-luminous-vivid-amber-color { - color: #fcb900; -} -:root .has-light-green-cyan-color { - color: #7bdcb5; -} -:root .has-vivid-green-cyan-color { - color: #00d084; -} -:root .has-pale-cyan-blue-color { - color: #8ed1fc; -} -:root .has-vivid-cyan-blue-color { - color: #0693e3; -} -:root .has-vivid-purple-color { - color: #9b51e0; -} -:root .has-white-color { - color: #fff; -} :root .has-very-light-gray-color { color: #eee; } -:root .has-cyan-bluish-gray-color { - color: #abb8c3; -} :root .has-very-dark-gray-color { color: #313131; } -:root .has-black-color { - color: #000; -} -:root .has-vivid-cyan-blue-to-vivid-purple-gradient-background { - background: linear-gradient(-135deg, #0693e3 0%, #9b51e0 100%); -} :root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background { background: linear-gradient(-135deg, #00d084 0%, #0693e3 100%); } -:root .has-light-green-cyan-to-vivid-green-cyan-gradient-background { - background: linear-gradient(-135deg, #7adcb4 0%, #00d082 100%); -} -:root .has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background { - background: linear-gradient(-135deg, #fcb900 0%, #ff6900 100%); -} -:root .has-luminous-vivid-orange-to-vivid-red-gradient-background { - background: linear-gradient(-135deg, #ff6900 0%, #cf2e2e 100%); -} -:root .has-very-light-gray-to-cyan-bluish-gray-gradient-background { - background: linear-gradient(-135deg, #eeeeee 0%, #a9b8c3 100%); -} -:root .has-cool-to-warm-spectrum-gradient-background { - background: linear-gradient(-135deg, #4aeadc 0%, #9778d1 20%, #cf2aba 40%, #ee2c82 60%, #fb6962 80%, #fef84c 100%); -} -:root .has-blush-light-purple-gradient-background { - background: linear-gradient(-135deg, #ffceec 0%, #9896f0 100%); -} -:root .has-blush-bordeaux-gradient-background { - background: linear-gradient(-135deg, #fecda5 0%, #fe2d2d 50%, #6b003e 100%); -} :root .has-purple-crush-gradient-background { background: linear-gradient(-135deg, #34e2e4 0%, #4721fb 50%, #ab1dfe 100%); } -:root .has-luminous-dusk-gradient-background { - background: linear-gradient(-135deg, #ffcb70 0%, #c751c0 50%, #4158d0 100%); -} :root .has-hazy-dawn-gradient-background { background: linear-gradient(-135deg, #faaca8 0%, #dad0ec 100%); } -:root .has-pale-ocean-gradient-background { - background: linear-gradient(-135deg, #fff5cb 0%, #b6e3d4 50%, #33a7b5 100%); -} -:root .has-electric-grass-gradient-background { - background: linear-gradient(-135deg, #caf880 0%, #71ce7e 100%); -} :root .has-subdued-olive-gradient-background { background: linear-gradient(-135deg, #fafae1 0%, #67a671 100%); } @@ -2939,26 +3224,20 @@ background: linear-gradient(-135deg, #020381 0%, #2874fc 100%); } -.has-small-font-size { - font-size: 0.8125em; -} - -.has-regular-font-size, -.has-normal-font-size { +.has-regular-font-size { font-size: 1em; } -.has-medium-font-size { - font-size: 1.25em; +.has-larger-font-size { + font-size: 2.625em; } -.has-large-font-size { - font-size: 2.25em; +.has-normal-font-size { + font-size: var(--wp--preset--font-size--normal); } -.has-larger-font-size, .has-huge-font-size { - font-size: 2.625em; + font-size: var(--wp--preset--font-size--huge); } .has-text-align-center { @@ -3027,4 +3306,31 @@ top: 5px; width: auto; z-index: 100000; +} + +/** + * The following provide a simple means of applying a default border style when + * a user first makes a selection in the border block support panel. + * This prevents issues such as where the user could set a border width + * and see no border due there being no border style set. + * + * This is intended to be removed once intelligent defaults can be set while + * making border selections via the block support. + * + * See: https://github.com/WordPress/gutenberg/pull/33743 + */ +html :where(.has-border-color) { + border-style: solid; +} + +html :where([style*="border-width"]) { + border-style: solid; +} + +/** + * Provide baseline responsiveness for images. + */ +html :where(img[class*="wp-image-"]) { + height: auto; + max-width: 100%; } \ No newline at end of file