diff --git a/wp-content/themes/twentytwentyone/assets/css/ie-editor.css b/wp-content/themes/twentytwentyone/assets/css/ie-editor.css index 2bc9627d91..c57f4aa5d3 100644 --- a/wp-content/themes/twentytwentyone/assets/css/ie-editor.css +++ b/wp-content/themes/twentytwentyone/assets/css/ie-editor.css @@ -1914,6 +1914,16 @@ pre.wp-block-preformatted { padding: 20px; } +.wp-block-query.has-background { + padding: 20px; +} +@media only screen and (min-width: 482px) { + + .wp-block-query.has-background { + padding: 30px; + } +} + .wp-block-quote { position: relative; border-left: none; diff --git a/wp-content/themes/twentytwentyone/assets/css/ie.css b/wp-content/themes/twentytwentyone/assets/css/ie.css index dba020abb6..d3196e1017 100644 --- a/wp-content/themes/twentytwentyone/assets/css/ie.css +++ b/wp-content/themes/twentytwentyone/assets/css/ie.css @@ -4235,6 +4235,16 @@ pre.wp-block-preformatted { max-width: initial; } +.wp-block-query.has-background { + padding: 20px; +} +@media only screen and (min-width: 482px) { + + .wp-block-query.has-background { + padding: 30px; + } +} + .wp-block-quote { border-left: none; diff --git a/wp-content/themes/twentytwentyone/assets/css/style-editor.css b/wp-content/themes/twentytwentyone/assets/css/style-editor.css index dd4834a25b..0619a1cf3b 100644 --- a/wp-content/themes/twentytwentyone/assets/css/style-editor.css +++ b/wp-content/themes/twentytwentyone/assets/css/style-editor.css @@ -1536,6 +1536,16 @@ pre.wp-block-preformatted { padding: var(--global--spacing-unit); } +.wp-block-query.has-background { + padding: calc(0.666 * var(--global--spacing-vertical)); +} +@media only screen and (min-width: 482px) { + + .wp-block-query.has-background { + padding: var(--global--spacing-vertical); + } +} + .wp-block-quote { position: relative; border-left: none; diff --git a/wp-content/themes/twentytwentyone/assets/sass/05-blocks/blocks-editor.scss b/wp-content/themes/twentytwentyone/assets/sass/05-blocks/blocks-editor.scss index d7758c31a0..58fa8b4659 100644 --- a/wp-content/themes/twentytwentyone/assets/sass/05-blocks/blocks-editor.scss +++ b/wp-content/themes/twentytwentyone/assets/sass/05-blocks/blocks-editor.scss @@ -23,6 +23,7 @@ @import "paragraph/editor"; @import "preformatted/editor"; @import "pullquote/editor"; +@import "query-loop/editor"; @import "quote/editor"; @import "rss/editor"; @import "search/editor"; diff --git a/wp-content/themes/twentytwentyone/assets/sass/05-blocks/blocks.scss b/wp-content/themes/twentytwentyone/assets/sass/05-blocks/blocks.scss index f04cd7ee32..3e2d53b167 100644 --- a/wp-content/themes/twentytwentyone/assets/sass/05-blocks/blocks.scss +++ b/wp-content/themes/twentytwentyone/assets/sass/05-blocks/blocks.scss @@ -23,6 +23,7 @@ @import "paragraph/style"; @import "preformatted/style"; @import "pullquote/style"; +@import "query-loop/style"; @import "quote/style"; @import "rss/style"; @import "search/style"; diff --git a/wp-content/themes/twentytwentyone/assets/sass/05-blocks/query-loop/_editor.scss b/wp-content/themes/twentytwentyone/assets/sass/05-blocks/query-loop/_editor.scss new file mode 100644 index 0000000000..ed43dd095c --- /dev/null +++ b/wp-content/themes/twentytwentyone/assets/sass/05-blocks/query-loop/_editor.scss @@ -0,0 +1,10 @@ +.wp-block-query { + + &.has-background { + padding: calc(0.666 * var(--global--spacing-vertical)); + + @include media(mobile) { + padding: var(--global--spacing-vertical); + } + } +} diff --git a/wp-content/themes/twentytwentyone/assets/sass/05-blocks/query-loop/_style.scss b/wp-content/themes/twentytwentyone/assets/sass/05-blocks/query-loop/_style.scss new file mode 100644 index 0000000000..ed43dd095c --- /dev/null +++ b/wp-content/themes/twentytwentyone/assets/sass/05-blocks/query-loop/_style.scss @@ -0,0 +1,10 @@ +.wp-block-query { + + &.has-background { + padding: calc(0.666 * var(--global--spacing-vertical)); + + @include media(mobile) { + padding: var(--global--spacing-vertical); + } + } +} diff --git a/wp-content/themes/twentytwentyone/style-rtl.css b/wp-content/themes/twentytwentyone/style-rtl.css index 5fc8666706..5263899f29 100644 --- a/wp-content/themes/twentytwentyone/style-rtl.css +++ b/wp-content/themes/twentytwentyone/style-rtl.css @@ -3011,6 +3011,16 @@ pre.wp-block-preformatted { max-width: initial; } +.wp-block-query.has-background { + padding: calc(0.666 * var(--global--spacing-vertical)); +} +@media only screen and (min-width: 482px) { + + .wp-block-query.has-background { + padding: var(--global--spacing-vertical); + } +} + .wp-block-quote { border-right: none; diff --git a/wp-content/themes/twentytwentyone/style.css b/wp-content/themes/twentytwentyone/style.css index dcd35279fd..17748eb2fa 100644 --- a/wp-content/themes/twentytwentyone/style.css +++ b/wp-content/themes/twentytwentyone/style.css @@ -3021,6 +3021,16 @@ pre.wp-block-preformatted { max-width: initial; } +.wp-block-query.has-background { + padding: calc(0.666 * var(--global--spacing-vertical)); +} +@media only screen and (min-width: 482px) { + + .wp-block-query.has-background { + padding: var(--global--spacing-vertical); + } +} + .wp-block-quote { border-left: none; diff --git a/wp-includes/version.php b/wp-includes/version.php index 001e3afd48..8c1a59fb93 100644 --- a/wp-includes/version.php +++ b/wp-includes/version.php @@ -13,7 +13,7 @@ * * @global string $wp_version */ -$wp_version = '5.8-beta3-51232'; +$wp_version = '5.8-beta3-51233'; /** * Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema.