diff --git a/wp-includes/blocks/archives/editor-rtl.css b/wp-includes/blocks/archives/editor-rtl.css index a7858d3361..172d7871db 100644 --- a/wp-includes/blocks/archives/editor-rtl.css +++ b/wp-includes/blocks/archives/editor-rtl.css @@ -1,79 +1,3 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -ul.wp-block-archives { - padding-right: 2.5em; +ul.wp-block-archives{ + padding-right:2.5em; } \ No newline at end of file diff --git a/wp-includes/blocks/archives/editor.css b/wp-includes/blocks/archives/editor.css index 0c891afcb5..434d6cdd86 100644 --- a/wp-includes/blocks/archives/editor.css +++ b/wp-includes/blocks/archives/editor.css @@ -1,79 +1,3 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -ul.wp-block-archives { - padding-left: 2.5em; +ul.wp-block-archives{ + padding-left:2.5em; } \ No newline at end of file diff --git a/wp-includes/blocks/archives/style-rtl.css b/wp-includes/blocks/archives/style-rtl.css index 3d9e326ba6..9f26e8b404 100644 --- a/wp-includes/blocks/archives/style-rtl.css +++ b/wp-includes/blocks/archives/style-rtl.css @@ -1,79 +1,3 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-archives-dropdown label { - display: block; +.wp-block-archives-dropdown label{ + display:block; } \ No newline at end of file diff --git a/wp-includes/blocks/archives/style.css b/wp-includes/blocks/archives/style.css index 3d9e326ba6..9f26e8b404 100644 --- a/wp-includes/blocks/archives/style.css +++ b/wp-includes/blocks/archives/style.css @@ -1,79 +1,3 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-archives-dropdown label { - display: block; +.wp-block-archives-dropdown label{ + display:block; } \ No newline at end of file diff --git a/wp-includes/blocks/audio/editor-rtl.css b/wp-includes/blocks/audio/editor-rtl.css index d8f4ad6672..cf0ba576c5 100644 --- a/wp-includes/blocks/audio/editor-rtl.css +++ b/wp-includes/blocks/audio/editor-rtl.css @@ -1,91 +1,15 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-audio { - margin-right: 0; - margin-left: 0; - position: relative; +.wp-block-audio{ + margin-left:0; + margin-right:0; + position:relative; } -.wp-block-audio.is-transient audio { - opacity: 0.3; +.wp-block-audio.is-transient audio{ + opacity:.3; } -.wp-block-audio .components-spinner { - position: absolute; - top: 50%; - right: 50%; - margin-top: -9px; - margin-right: -9px; +.wp-block-audio .components-spinner{ + margin-right:-9px; + margin-top:-9px; + position:absolute; + right:50%; + top:50%; } \ No newline at end of file diff --git a/wp-includes/blocks/audio/editor.css b/wp-includes/blocks/audio/editor.css index c2445c4bb7..435b3ca8c3 100644 --- a/wp-includes/blocks/audio/editor.css +++ b/wp-includes/blocks/audio/editor.css @@ -1,91 +1,15 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-audio { - margin-left: 0; - margin-right: 0; - position: relative; +.wp-block-audio{ + margin-left:0; + margin-right:0; + position:relative; } -.wp-block-audio.is-transient audio { - opacity: 0.3; +.wp-block-audio.is-transient audio{ + opacity:.3; } -.wp-block-audio .components-spinner { - position: absolute; - top: 50%; - left: 50%; - margin-top: -9px; - margin-left: -9px; +.wp-block-audio .components-spinner{ + left:50%; + margin-left:-9px; + margin-top:-9px; + position:absolute; + top:50%; } \ No newline at end of file diff --git a/wp-includes/blocks/audio/style-rtl.css b/wp-includes/blocks/audio/style-rtl.css index e8cda74e14..015fc6990b 100644 --- a/wp-includes/blocks/audio/style-rtl.css +++ b/wp-includes/blocks/audio/style-rtl.css @@ -1,87 +1,11 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-audio { - box-sizing: border-box; +.wp-block-audio{ + box-sizing:border-box; } -.wp-block-audio figcaption { - margin-top: 0.5em; - margin-bottom: 1em; +.wp-block-audio figcaption{ + margin-bottom:1em; + margin-top:.5em; } -.wp-block-audio audio { - width: 100%; - min-width: 300px; +.wp-block-audio audio{ + min-width:300px; + width:100%; } \ No newline at end of file diff --git a/wp-includes/blocks/audio/style.css b/wp-includes/blocks/audio/style.css index e8cda74e14..015fc6990b 100644 --- a/wp-includes/blocks/audio/style.css +++ b/wp-includes/blocks/audio/style.css @@ -1,87 +1,11 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-audio { - box-sizing: border-box; +.wp-block-audio{ + box-sizing:border-box; } -.wp-block-audio figcaption { - margin-top: 0.5em; - margin-bottom: 1em; +.wp-block-audio figcaption{ + margin-bottom:1em; + margin-top:.5em; } -.wp-block-audio audio { - width: 100%; - min-width: 300px; +.wp-block-audio audio{ + min-width:300px; + width:100%; } \ No newline at end of file diff --git a/wp-includes/blocks/audio/theme-rtl.css b/wp-includes/blocks/audio/theme-rtl.css index 4e9925b2b8..f1ec35b6b1 100644 --- a/wp-includes/blocks/audio/theme-rtl.css +++ b/wp-includes/blocks/audio/theme-rtl.css @@ -1,88 +1,12 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-audio figcaption { - color: #555; - font-size: 13px; - text-align: center; +.wp-block-audio figcaption{ + color:#555; + font-size:13px; + text-align:center; } -.is-dark-theme .wp-block-audio figcaption { - color: rgba(255, 255, 255, 0.65); +.is-dark-theme .wp-block-audio figcaption{ + color:hsla(0,0%,100%,.65); } -.wp-block-audio { - margin: 0 0 1em 0; +.wp-block-audio{ + margin:0 0 1em; } \ No newline at end of file diff --git a/wp-includes/blocks/audio/theme.css b/wp-includes/blocks/audio/theme.css index 4e9925b2b8..f1ec35b6b1 100644 --- a/wp-includes/blocks/audio/theme.css +++ b/wp-includes/blocks/audio/theme.css @@ -1,88 +1,12 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-audio figcaption { - color: #555; - font-size: 13px; - text-align: center; +.wp-block-audio figcaption{ + color:#555; + font-size:13px; + text-align:center; } -.is-dark-theme .wp-block-audio figcaption { - color: rgba(255, 255, 255, 0.65); +.is-dark-theme .wp-block-audio figcaption{ + color:hsla(0,0%,100%,.65); } -.wp-block-audio { - margin: 0 0 1em 0; +.wp-block-audio{ + margin:0 0 1em; } \ No newline at end of file diff --git a/wp-includes/blocks/avatar/editor-rtl.css b/wp-includes/blocks/avatar/editor-rtl.css index 409423c802..5e3ddc5883 100644 --- a/wp-includes/blocks/avatar/editor-rtl.css +++ b/wp-includes/blocks/avatar/editor-rtl.css @@ -1,83 +1,7 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-avatar__image img { - width: 100%; +.wp-block-avatar__image img{ + width:100%; } -.wp-block-avatar.aligncenter .components-resizable-box__container { - margin: 0 auto; +.wp-block-avatar.aligncenter .components-resizable-box__container{ + margin:0 auto; } \ No newline at end of file diff --git a/wp-includes/blocks/avatar/editor.css b/wp-includes/blocks/avatar/editor.css index 409423c802..5e3ddc5883 100644 --- a/wp-includes/blocks/avatar/editor.css +++ b/wp-includes/blocks/avatar/editor.css @@ -1,83 +1,7 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-avatar__image img { - width: 100%; +.wp-block-avatar__image img{ + width:100%; } -.wp-block-avatar.aligncenter .components-resizable-box__container { - margin: 0 auto; +.wp-block-avatar.aligncenter .components-resizable-box__container{ + margin:0 auto; } \ No newline at end of file diff --git a/wp-includes/blocks/avatar/style-rtl.css b/wp-includes/blocks/avatar/style-rtl.css index 478bd4d629..c0b491a734 100644 --- a/wp-includes/blocks/avatar/style-rtl.css +++ b/wp-includes/blocks/avatar/style-rtl.css @@ -1,82 +1,6 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-avatar { - box-sizing: border-box; +.wp-block-avatar{ + box-sizing:border-box; } -.wp-block-avatar.aligncenter { - text-align: center; +.wp-block-avatar.aligncenter{ + text-align:center; } \ No newline at end of file diff --git a/wp-includes/blocks/avatar/style.css b/wp-includes/blocks/avatar/style.css index 478bd4d629..c0b491a734 100644 --- a/wp-includes/blocks/avatar/style.css +++ b/wp-includes/blocks/avatar/style.css @@ -1,82 +1,6 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-avatar { - box-sizing: border-box; +.wp-block-avatar{ + box-sizing:border-box; } -.wp-block-avatar.aligncenter { - text-align: center; +.wp-block-avatar.aligncenter{ + text-align:center; } \ No newline at end of file diff --git a/wp-includes/blocks/block/editor-rtl.css b/wp-includes/blocks/block/editor-rtl.css index 7ae5b50416..34d5221be2 100644 --- a/wp-includes/blocks/block/editor-rtl.css +++ b/wp-includes/blocks/block/editor-rtl.css @@ -1,86 +1,10 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.edit-post-visual-editor .block-library-block__reusable-block-container .is-root-container { - padding-right: 0; - padding-left: 0; +.edit-post-visual-editor .block-library-block__reusable-block-container .is-root-container{ + padding-left:0; + padding-right:0; } -.edit-post-visual-editor .block-library-block__reusable-block-container .block-editor-writing-flow { - display: block; +.edit-post-visual-editor .block-library-block__reusable-block-container .block-editor-writing-flow{ + display:block; } -.edit-post-visual-editor .block-library-block__reusable-block-container .components-disabled .block-list-appender { - display: none; +.edit-post-visual-editor .block-library-block__reusable-block-container .components-disabled .block-list-appender{ + display:none; } \ No newline at end of file diff --git a/wp-includes/blocks/block/editor.css b/wp-includes/blocks/block/editor.css index d09a24aa3a..34d5221be2 100644 --- a/wp-includes/blocks/block/editor.css +++ b/wp-includes/blocks/block/editor.css @@ -1,86 +1,10 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.edit-post-visual-editor .block-library-block__reusable-block-container .is-root-container { - padding-left: 0; - padding-right: 0; +.edit-post-visual-editor .block-library-block__reusable-block-container .is-root-container{ + padding-left:0; + padding-right:0; } -.edit-post-visual-editor .block-library-block__reusable-block-container .block-editor-writing-flow { - display: block; +.edit-post-visual-editor .block-library-block__reusable-block-container .block-editor-writing-flow{ + display:block; } -.edit-post-visual-editor .block-library-block__reusable-block-container .components-disabled .block-list-appender { - display: none; +.edit-post-visual-editor .block-library-block__reusable-block-container .components-disabled .block-list-appender{ + display:none; } \ No newline at end of file diff --git a/wp-includes/blocks/button/editor-rtl.css b/wp-includes/blocks/button/editor-rtl.css index 7baa55dd90..251ed75ac4 100644 --- a/wp-includes/blocks/button/editor-rtl.css +++ b/wp-includes/blocks/button/editor-rtl.css @@ -1,143 +1,61 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block[data-align=center] > .wp-block-button { - text-align: center; - margin-right: auto; - margin-left: auto; +.wp-block[data-align=center]>.wp-block-button{ + margin-left:auto; + margin-right:auto; + text-align:center; } -.wp-block[data-align=right] > .wp-block-button { - text-align: right; +.wp-block[data-align=right]>.wp-block-button{ + text-align:right; } -.wp-block-button { - position: relative; - cursor: text; +.wp-block-button{ + cursor:text; + position:relative; } -.wp-block-button:focus { - box-shadow: 0 0 0 1px #fff, 0 0 0 3px var(--wp-admin-theme-color); - outline: 2px solid transparent; - outline-offset: -2px; +.wp-block-button:focus{ + box-shadow:0 0 0 1px #fff, 0 0 0 3px var(--wp-admin-theme-color); + outline:2px solid transparent; + outline-offset:-2px; } -.wp-block-button[data-rich-text-placeholder]::after { - opacity: 0.8; +.wp-block-button[data-rich-text-placeholder]:after{ + opacity:.8; } -.wp-block-button__inline-link { - color: #757575; - height: 0; - overflow: hidden; - max-width: 290px; +.wp-block-button__inline-link{ + color:#757575; + height:0; + max-width:290px; + overflow:hidden; } -.wp-block-button__inline-link-input__suggestions { - max-width: 290px; +.wp-block-button__inline-link-input__suggestions{ + max-width:290px; } -@media (min-width: 782px) { - .wp-block-button__inline-link { - max-width: 260px; - } - .wp-block-button__inline-link-input__suggestions { - max-width: 260px; +@media (min-width:782px){ + .wp-block-button__inline-link,.wp-block-button__inline-link-input__suggestions{ + max-width:260px; } } -@media (min-width: 960px) { - .wp-block-button__inline-link { - max-width: 290px; - } - .wp-block-button__inline-link-input__suggestions { - max-width: 290px; +@media (min-width:960px){ + .wp-block-button__inline-link,.wp-block-button__inline-link-input__suggestions{ + max-width:290px; } } -.is-selected .wp-block-button__inline-link { - height: auto; - overflow: visible; +.is-selected .wp-block-button__inline-link{ + height:auto; + overflow:visible; } -.wp-button-label__width .components-button-group { - display: block; +.wp-button-label__width .components-button-group{ + display:block; } -.wp-button-label__width .components-base-control__field { - margin-bottom: 12px; +.wp-button-label__width .components-base-control__field{ + margin-bottom:12px; } -div[data-type="core/button"] { - display: table; +div[data-type="core/button"]{ + display:table; } -.editor-styles-wrapper .wp-block-button[style*=text-decoration] .wp-block-button__link { - text-decoration: inherit; +.editor-styles-wrapper .wp-block-button[style*=text-decoration] .wp-block-button__link{ + text-decoration:inherit; } \ No newline at end of file diff --git a/wp-includes/blocks/button/editor.css b/wp-includes/blocks/button/editor.css index 2a63405707..251ed75ac4 100644 --- a/wp-includes/blocks/button/editor.css +++ b/wp-includes/blocks/button/editor.css @@ -1,144 +1,61 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block[data-align=center] > .wp-block-button { - text-align: center; - margin-left: auto; - margin-right: auto; +.wp-block[data-align=center]>.wp-block-button{ + margin-left:auto; + margin-right:auto; + text-align:center; } -.wp-block[data-align=right] > .wp-block-button { - /*!rtl:ignore*/ - text-align: right; +.wp-block[data-align=right]>.wp-block-button{ + text-align:right; } -.wp-block-button { - position: relative; - cursor: text; +.wp-block-button{ + cursor:text; + position:relative; } -.wp-block-button:focus { - box-shadow: 0 0 0 1px #fff, 0 0 0 3px var(--wp-admin-theme-color); - outline: 2px solid transparent; - outline-offset: -2px; +.wp-block-button:focus{ + box-shadow:0 0 0 1px #fff, 0 0 0 3px var(--wp-admin-theme-color); + outline:2px solid transparent; + outline-offset:-2px; } -.wp-block-button[data-rich-text-placeholder]::after { - opacity: 0.8; +.wp-block-button[data-rich-text-placeholder]:after{ + opacity:.8; } -.wp-block-button__inline-link { - color: #757575; - height: 0; - overflow: hidden; - max-width: 290px; +.wp-block-button__inline-link{ + color:#757575; + height:0; + max-width:290px; + overflow:hidden; } -.wp-block-button__inline-link-input__suggestions { - max-width: 290px; +.wp-block-button__inline-link-input__suggestions{ + max-width:290px; } -@media (min-width: 782px) { - .wp-block-button__inline-link { - max-width: 260px; - } - .wp-block-button__inline-link-input__suggestions { - max-width: 260px; +@media (min-width:782px){ + .wp-block-button__inline-link,.wp-block-button__inline-link-input__suggestions{ + max-width:260px; } } -@media (min-width: 960px) { - .wp-block-button__inline-link { - max-width: 290px; - } - .wp-block-button__inline-link-input__suggestions { - max-width: 290px; +@media (min-width:960px){ + .wp-block-button__inline-link,.wp-block-button__inline-link-input__suggestions{ + max-width:290px; } } -.is-selected .wp-block-button__inline-link { - height: auto; - overflow: visible; +.is-selected .wp-block-button__inline-link{ + height:auto; + overflow:visible; } -.wp-button-label__width .components-button-group { - display: block; +.wp-button-label__width .components-button-group{ + display:block; } -.wp-button-label__width .components-base-control__field { - margin-bottom: 12px; +.wp-button-label__width .components-base-control__field{ + margin-bottom:12px; } -div[data-type="core/button"] { - display: table; +div[data-type="core/button"]{ + display:table; } -.editor-styles-wrapper .wp-block-button[style*=text-decoration] .wp-block-button__link { - text-decoration: inherit; +.editor-styles-wrapper .wp-block-button[style*=text-decoration] .wp-block-button__link{ + text-decoration:inherit; } \ No newline at end of file diff --git a/wp-includes/blocks/button/style-rtl.css b/wp-includes/blocks/button/style-rtl.css index 2c32e12635..1140448dda 100644 --- a/wp-includes/blocks/button/style-rtl.css +++ b/wp-includes/blocks/button/style-rtl.css @@ -1,160 +1,79 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-button__link { - cursor: pointer; - display: inline-block; - text-align: center; - word-break: break-word; - box-sizing: border-box; +.wp-block-button__link{ + box-sizing:border-box; + cursor:pointer; + display:inline-block; + text-align:center; + word-break:break-word; } -.wp-block-button__link.aligncenter { - text-align: center; +.wp-block-button__link.aligncenter{ + text-align:center; } -.wp-block-button__link.alignright { - text-align: right; +.wp-block-button__link.alignright{ + text-align:right; } -:where(.wp-block-button__link) { - box-shadow: none; - text-decoration: none; - border-radius: 9999px; - padding: calc(0.667em + 2px) calc(1.333em + 2px); +:where(.wp-block-button__link){ + border-radius:9999px; + box-shadow:none; + padding:calc(.667em + 2px) calc(1.333em + 2px); + text-decoration:none; } -.wp-block-button[style*=text-decoration] .wp-block-button__link { - text-decoration: inherit; +.wp-block-button[style*=text-decoration] .wp-block-button__link{ + text-decoration:inherit; } -.wp-block-buttons > .wp-block-button.has-custom-width { - max-width: none; +.wp-block-buttons>.wp-block-button.has-custom-width{ + max-width:none; } -.wp-block-buttons > .wp-block-button.has-custom-width .wp-block-button__link { - width: 100%; +.wp-block-buttons>.wp-block-button.has-custom-width .wp-block-button__link{ + width:100%; } -.wp-block-buttons > .wp-block-button.has-custom-font-size .wp-block-button__link { - font-size: inherit; +.wp-block-buttons>.wp-block-button.has-custom-font-size .wp-block-button__link{ + font-size:inherit; } -.wp-block-buttons > .wp-block-button.wp-block-button__width-25 { - width: calc(25% - (var(--wp--style--block-gap, 0.5em) * 0.75)); +.wp-block-buttons>.wp-block-button.wp-block-button__width-25{ + width:calc(25% - var(--wp--style--block-gap, .5em)*.75); } -.wp-block-buttons > .wp-block-button.wp-block-button__width-50 { - width: calc(50% - (var(--wp--style--block-gap, 0.5em) * 0.5)); +.wp-block-buttons>.wp-block-button.wp-block-button__width-50{ + width:calc(50% - var(--wp--style--block-gap, .5em)*.5); } -.wp-block-buttons > .wp-block-button.wp-block-button__width-75 { - width: calc(75% - (var(--wp--style--block-gap, 0.5em) * 0.25)); +.wp-block-buttons>.wp-block-button.wp-block-button__width-75{ + width:calc(75% - var(--wp--style--block-gap, .5em)*.25); } -.wp-block-buttons > .wp-block-button.wp-block-button__width-100 { - width: 100%; - flex-basis: 100%; +.wp-block-buttons>.wp-block-button.wp-block-button__width-100{ + flex-basis:100%; + width: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-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-50{ + width:50%; } -.wp-block-buttons.is-vertical > .wp-block-button.wp-block-button__width-75 { - width: 75%; +.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; +.wp-block-button.is-style-squared,.wp-block-button__link.wp-block-button.is-style-squared{ + border-radius:0; } -.wp-block-button.no-border-radius, -.wp-block-button__link.no-border-radius { - border-radius: 0 !important; +.wp-block-button.no-border-radius,.wp-block-button__link.no-border-radius{ + border-radius:0 !important; } -.wp-block-button.is-style-outline > .wp-block-button__link, -.wp-block-button .wp-block-button__link.is-style-outline { - border: 2px solid currentColor; - padding: 0.667em 1.333em; +.wp-block-button .wp-block-button__link.is-style-outline,.wp-block-button.is-style-outline>.wp-block-button__link{ + border:2px solid; + padding:.667em 1.333em; } -.wp-block-button.is-style-outline > .wp-block-button__link:not(.has-text-color), -.wp-block-button .wp-block-button__link.is-style-outline:not(.has-text-color) { - color: currentColor; +.wp-block-button .wp-block-button__link.is-style-outline:not(.has-text-color),.wp-block-button.is-style-outline>.wp-block-button__link:not(.has-text-color){ + color:currentColor; } -.wp-block-button.is-style-outline > .wp-block-button__link:not(.has-background), -.wp-block-button .wp-block-button__link.is-style-outline:not(.has-background) { - background-color: transparent; - background-image: none; +.wp-block-button .wp-block-button__link.is-style-outline:not(.has-background),.wp-block-button.is-style-outline>.wp-block-button__link:not(.has-background){ + background-color:initial; + background-image:none; } \ No newline at end of file diff --git a/wp-includes/blocks/button/style.css b/wp-includes/blocks/button/style.css index fcf02fa82e..1140448dda 100644 --- a/wp-includes/blocks/button/style.css +++ b/wp-includes/blocks/button/style.css @@ -1,161 +1,79 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-button__link { - cursor: pointer; - display: inline-block; - text-align: center; - word-break: break-word; - box-sizing: border-box; +.wp-block-button__link{ + box-sizing:border-box; + cursor:pointer; + display:inline-block; + text-align:center; + word-break:break-word; } -.wp-block-button__link.aligncenter { - text-align: center; +.wp-block-button__link.aligncenter{ + text-align:center; } -.wp-block-button__link.alignright { - /*rtl:ignore*/ - text-align: right; +.wp-block-button__link.alignright{ + text-align:right; } -:where(.wp-block-button__link) { - box-shadow: none; - text-decoration: none; - border-radius: 9999px; - padding: calc(0.667em + 2px) calc(1.333em + 2px); +:where(.wp-block-button__link){ + border-radius:9999px; + box-shadow:none; + padding:calc(.667em + 2px) calc(1.333em + 2px); + text-decoration:none; } -.wp-block-button[style*=text-decoration] .wp-block-button__link { - text-decoration: inherit; +.wp-block-button[style*=text-decoration] .wp-block-button__link{ + text-decoration:inherit; } -.wp-block-buttons > .wp-block-button.has-custom-width { - max-width: none; +.wp-block-buttons>.wp-block-button.has-custom-width{ + max-width:none; } -.wp-block-buttons > .wp-block-button.has-custom-width .wp-block-button__link { - width: 100%; +.wp-block-buttons>.wp-block-button.has-custom-width .wp-block-button__link{ + width:100%; } -.wp-block-buttons > .wp-block-button.has-custom-font-size .wp-block-button__link { - font-size: inherit; +.wp-block-buttons>.wp-block-button.has-custom-font-size .wp-block-button__link{ + font-size:inherit; } -.wp-block-buttons > .wp-block-button.wp-block-button__width-25 { - width: calc(25% - (var(--wp--style--block-gap, 0.5em) * 0.75)); +.wp-block-buttons>.wp-block-button.wp-block-button__width-25{ + width:calc(25% - var(--wp--style--block-gap, .5em)*.75); } -.wp-block-buttons > .wp-block-button.wp-block-button__width-50 { - width: calc(50% - (var(--wp--style--block-gap, 0.5em) * 0.5)); +.wp-block-buttons>.wp-block-button.wp-block-button__width-50{ + width:calc(50% - var(--wp--style--block-gap, .5em)*.5); } -.wp-block-buttons > .wp-block-button.wp-block-button__width-75 { - width: calc(75% - (var(--wp--style--block-gap, 0.5em) * 0.25)); +.wp-block-buttons>.wp-block-button.wp-block-button__width-75{ + width:calc(75% - var(--wp--style--block-gap, .5em)*.25); } -.wp-block-buttons > .wp-block-button.wp-block-button__width-100 { - width: 100%; - flex-basis: 100%; +.wp-block-buttons>.wp-block-button.wp-block-button__width-100{ + flex-basis:100%; + width: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-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-50{ + width:50%; } -.wp-block-buttons.is-vertical > .wp-block-button.wp-block-button__width-75 { - width: 75%; +.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; +.wp-block-button.is-style-squared,.wp-block-button__link.wp-block-button.is-style-squared{ + border-radius:0; } -.wp-block-button.no-border-radius, -.wp-block-button__link.no-border-radius { - border-radius: 0 !important; +.wp-block-button.no-border-radius,.wp-block-button__link.no-border-radius{ + border-radius:0 !important; } -.wp-block-button.is-style-outline > .wp-block-button__link, -.wp-block-button .wp-block-button__link.is-style-outline { - border: 2px solid currentColor; - padding: 0.667em 1.333em; +.wp-block-button .wp-block-button__link.is-style-outline,.wp-block-button.is-style-outline>.wp-block-button__link{ + border:2px solid; + padding:.667em 1.333em; } -.wp-block-button.is-style-outline > .wp-block-button__link:not(.has-text-color), -.wp-block-button .wp-block-button__link.is-style-outline:not(.has-text-color) { - color: currentColor; +.wp-block-button .wp-block-button__link.is-style-outline:not(.has-text-color),.wp-block-button.is-style-outline>.wp-block-button__link:not(.has-text-color){ + color:currentColor; } -.wp-block-button.is-style-outline > .wp-block-button__link:not(.has-background), -.wp-block-button .wp-block-button__link.is-style-outline:not(.has-background) { - background-color: transparent; - background-image: none; +.wp-block-button .wp-block-button__link.is-style-outline:not(.has-background),.wp-block-button.is-style-outline>.wp-block-button__link:not(.has-background){ + background-color:initial; + background-image:none; } \ No newline at end of file diff --git a/wp-includes/blocks/buttons/editor-rtl.css b/wp-includes/blocks/buttons/editor-rtl.css index 3de0e36146..af2ce7bc09 100644 --- a/wp-includes/blocks/buttons/editor-rtl.css +++ b/wp-includes/blocks/buttons/editor-rtl.css @@ -1,123 +1,34 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-buttons { - /* stylelint-disable indentation */ +.wp-block-buttons>.wp-block,.wp-block-buttons>.wp-block-button.wp-block-button.wp-block-button.wp-block-button.wp-block-button{ + margin:0; } -.wp-block-buttons > .wp-block { - margin: 0; +.wp-block-buttons>.block-list-appender{ + align-items:center; + display:inline-flex; } -.wp-block-buttons > .wp-block-button.wp-block-button.wp-block-button.wp-block-button.wp-block-button { - margin: 0; +.wp-block-buttons.is-vertical>.block-list-appender .block-list-appender__toggle{ + justify-content:flex-start; } -.wp-block-buttons > .block-list-appender { - display: inline-flex; - align-items: center; +.wp-block-buttons>.wp-block-button:focus{ + box-shadow:none; } -.wp-block-buttons.is-vertical > .block-list-appender .block-list-appender__toggle { - justify-content: flex-start; +.wp-block-buttons:not(.is-content-justification-space-between,.is-content-justification-right,.is-content-justification-left,.is-content-justification-center) .wp-block[data-align=center]{ + margin-left:auto; + margin-right:auto; + margin-top:0; + width:100%; } -.wp-block-buttons > .wp-block-button:focus { - box-shadow: none; +.wp-block-buttons:not(.is-content-justification-space-between,.is-content-justification-right,.is-content-justification-left,.is-content-justification-center) .wp-block[data-align=center] .wp-block-button{ + margin-bottom:0; } -.wp-block-buttons:not(.is-content-justification-space-between, -.is-content-justification-right, -.is-content-justification-left, -.is-content-justification-center) .wp-block[data-align=center] { - /* stylelint-enable indentation */ - margin-right: auto; - margin-left: auto; - margin-top: 0; - width: 100%; -} -.wp-block-buttons:not(.is-content-justification-space-between, -.is-content-justification-right, -.is-content-justification-left, -.is-content-justification-center) .wp-block[data-align=center] .wp-block-button { - margin-bottom: 0; -} -.editor-styles-wrapper .wp-block-buttons.has-custom-font-size .wp-block-button__link { - font-size: inherit; +.editor-styles-wrapper .wp-block-buttons.has-custom-font-size .wp-block-button__link{ + font-size:inherit; } -.wp-block[data-align=center] > .wp-block-buttons { - align-items: center; - justify-content: center; +.wp-block[data-align=center]>.wp-block-buttons{ + align-items:center; + justify-content:center; } -.wp-block[data-align=right] > .wp-block-buttons { - justify-content: flex-end; +.wp-block[data-align=right]>.wp-block-buttons{ + justify-content:flex-end; } \ No newline at end of file diff --git a/wp-includes/blocks/buttons/editor.css b/wp-includes/blocks/buttons/editor.css index 5935c5404b..af2ce7bc09 100644 --- a/wp-includes/blocks/buttons/editor.css +++ b/wp-includes/blocks/buttons/editor.css @@ -1,123 +1,34 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-buttons { - /* stylelint-disable indentation */ +.wp-block-buttons>.wp-block,.wp-block-buttons>.wp-block-button.wp-block-button.wp-block-button.wp-block-button.wp-block-button{ + margin:0; } -.wp-block-buttons > .wp-block { - margin: 0; +.wp-block-buttons>.block-list-appender{ + align-items:center; + display:inline-flex; } -.wp-block-buttons > .wp-block-button.wp-block-button.wp-block-button.wp-block-button.wp-block-button { - margin: 0; +.wp-block-buttons.is-vertical>.block-list-appender .block-list-appender__toggle{ + justify-content:flex-start; } -.wp-block-buttons > .block-list-appender { - display: inline-flex; - align-items: center; +.wp-block-buttons>.wp-block-button:focus{ + box-shadow:none; } -.wp-block-buttons.is-vertical > .block-list-appender .block-list-appender__toggle { - justify-content: flex-start; +.wp-block-buttons:not(.is-content-justification-space-between,.is-content-justification-right,.is-content-justification-left,.is-content-justification-center) .wp-block[data-align=center]{ + margin-left:auto; + margin-right:auto; + margin-top:0; + width:100%; } -.wp-block-buttons > .wp-block-button:focus { - box-shadow: none; +.wp-block-buttons:not(.is-content-justification-space-between,.is-content-justification-right,.is-content-justification-left,.is-content-justification-center) .wp-block[data-align=center] .wp-block-button{ + margin-bottom:0; } -.wp-block-buttons:not(.is-content-justification-space-between, -.is-content-justification-right, -.is-content-justification-left, -.is-content-justification-center) .wp-block[data-align=center] { - /* stylelint-enable indentation */ - margin-left: auto; - margin-right: auto; - margin-top: 0; - width: 100%; -} -.wp-block-buttons:not(.is-content-justification-space-between, -.is-content-justification-right, -.is-content-justification-left, -.is-content-justification-center) .wp-block[data-align=center] .wp-block-button { - margin-bottom: 0; -} -.editor-styles-wrapper .wp-block-buttons.has-custom-font-size .wp-block-button__link { - font-size: inherit; +.editor-styles-wrapper .wp-block-buttons.has-custom-font-size .wp-block-button__link{ + font-size:inherit; } -.wp-block[data-align=center] > .wp-block-buttons { - align-items: center; - justify-content: center; +.wp-block[data-align=center]>.wp-block-buttons{ + align-items:center; + justify-content:center; } -.wp-block[data-align=right] > .wp-block-buttons { - justify-content: flex-end; +.wp-block[data-align=right]>.wp-block-buttons{ + justify-content:flex-end; } \ No newline at end of file diff --git a/wp-includes/blocks/buttons/style-rtl.css b/wp-includes/blocks/buttons/style-rtl.css index ee35be5d8b..8ece3079a6 100644 --- a/wp-includes/blocks/buttons/style-rtl.css +++ b/wp-includes/blocks/buttons/style-rtl.css @@ -1,133 +1,49 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-buttons { - /* stylelint-disable indentation */ +.wp-block-buttons.is-vertical{ + flex-direction:column; } -.wp-block-buttons.is-vertical { - flex-direction: column; +.wp-block-buttons.is-vertical>.wp-block-button:last-child{ + margin-bottom:0; } -.wp-block-buttons.is-vertical > .wp-block-button:last-child { - margin-bottom: 0; +.wp-block-buttons>.wp-block-button{ + display:inline-block; + margin:0; } -.wp-block-buttons > .wp-block-button { - display: inline-block; - margin: 0; +.wp-block-buttons.is-content-justification-left{ + justify-content:flex-start; } -.wp-block-buttons.is-content-justification-left { - justify-content: flex-start; +.wp-block-buttons.is-content-justification-left.is-vertical{ + align-items:flex-start; } -.wp-block-buttons.is-content-justification-left.is-vertical { - align-items: flex-start; +.wp-block-buttons.is-content-justification-center{ + justify-content:center; } -.wp-block-buttons.is-content-justification-center { - justify-content: center; +.wp-block-buttons.is-content-justification-center.is-vertical{ + align-items:center; } -.wp-block-buttons.is-content-justification-center.is-vertical { - align-items: center; +.wp-block-buttons.is-content-justification-right{ + justify-content:flex-end; } -.wp-block-buttons.is-content-justification-right { - justify-content: flex-end; +.wp-block-buttons.is-content-justification-right.is-vertical{ + align-items:flex-end; } -.wp-block-buttons.is-content-justification-right.is-vertical { - align-items: flex-end; +.wp-block-buttons.is-content-justification-space-between{ + justify-content:space-between; } -.wp-block-buttons.is-content-justification-space-between { - justify-content: space-between; +.wp-block-buttons.aligncenter{ + text-align:center; } -.wp-block-buttons.aligncenter { - text-align: center; +.wp-block-buttons:not(.is-content-justification-space-between,.is-content-justification-right,.is-content-justification-left,.is-content-justification-center) .wp-block-button.aligncenter{ + margin-left:auto; + margin-right:auto; + width:100%; } -.wp-block-buttons:not(.is-content-justification-space-between, -.is-content-justification-right, -.is-content-justification-left, -.is-content-justification-center) .wp-block-button.aligncenter { - /* stylelint-enable indentation */ - margin-right: auto; - margin-left: auto; - width: 100%; +.wp-block-buttons[style*=text-decoration] .wp-block-button,.wp-block-buttons[style*=text-decoration] .wp-block-button__link{ + text-decoration:inherit; } -.wp-block-buttons[style*=text-decoration] .wp-block-button, -.wp-block-buttons[style*=text-decoration] .wp-block-button__link { - text-decoration: inherit; -} -.wp-block-buttons.has-custom-font-size .wp-block-button__link { - font-size: inherit; +.wp-block-buttons.has-custom-font-size .wp-block-button__link{ + font-size:inherit; } -.wp-block-button.aligncenter { - text-align: center; +.wp-block-button.aligncenter{ + text-align:center; } \ No newline at end of file diff --git a/wp-includes/blocks/buttons/style.css b/wp-includes/blocks/buttons/style.css index a251a965a9..8ece3079a6 100644 --- a/wp-includes/blocks/buttons/style.css +++ b/wp-includes/blocks/buttons/style.css @@ -1,133 +1,49 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-buttons { - /* stylelint-disable indentation */ +.wp-block-buttons.is-vertical{ + flex-direction:column; } -.wp-block-buttons.is-vertical { - flex-direction: column; +.wp-block-buttons.is-vertical>.wp-block-button:last-child{ + margin-bottom:0; } -.wp-block-buttons.is-vertical > .wp-block-button:last-child { - margin-bottom: 0; +.wp-block-buttons>.wp-block-button{ + display:inline-block; + margin:0; } -.wp-block-buttons > .wp-block-button { - display: inline-block; - margin: 0; +.wp-block-buttons.is-content-justification-left{ + justify-content:flex-start; } -.wp-block-buttons.is-content-justification-left { - justify-content: flex-start; +.wp-block-buttons.is-content-justification-left.is-vertical{ + align-items:flex-start; } -.wp-block-buttons.is-content-justification-left.is-vertical { - align-items: flex-start; +.wp-block-buttons.is-content-justification-center{ + justify-content:center; } -.wp-block-buttons.is-content-justification-center { - justify-content: center; +.wp-block-buttons.is-content-justification-center.is-vertical{ + align-items:center; } -.wp-block-buttons.is-content-justification-center.is-vertical { - align-items: center; +.wp-block-buttons.is-content-justification-right{ + justify-content:flex-end; } -.wp-block-buttons.is-content-justification-right { - justify-content: flex-end; +.wp-block-buttons.is-content-justification-right.is-vertical{ + align-items:flex-end; } -.wp-block-buttons.is-content-justification-right.is-vertical { - align-items: flex-end; +.wp-block-buttons.is-content-justification-space-between{ + justify-content:space-between; } -.wp-block-buttons.is-content-justification-space-between { - justify-content: space-between; +.wp-block-buttons.aligncenter{ + text-align:center; } -.wp-block-buttons.aligncenter { - text-align: center; +.wp-block-buttons:not(.is-content-justification-space-between,.is-content-justification-right,.is-content-justification-left,.is-content-justification-center) .wp-block-button.aligncenter{ + margin-left:auto; + margin-right:auto; + width:100%; } -.wp-block-buttons:not(.is-content-justification-space-between, -.is-content-justification-right, -.is-content-justification-left, -.is-content-justification-center) .wp-block-button.aligncenter { - /* stylelint-enable indentation */ - margin-left: auto; - margin-right: auto; - width: 100%; +.wp-block-buttons[style*=text-decoration] .wp-block-button,.wp-block-buttons[style*=text-decoration] .wp-block-button__link{ + text-decoration:inherit; } -.wp-block-buttons[style*=text-decoration] .wp-block-button, -.wp-block-buttons[style*=text-decoration] .wp-block-button__link { - text-decoration: inherit; -} -.wp-block-buttons.has-custom-font-size .wp-block-button__link { - font-size: inherit; +.wp-block-buttons.has-custom-font-size .wp-block-button__link{ + font-size:inherit; } -.wp-block-button.aligncenter { - text-align: center; +.wp-block-button.aligncenter{ + text-align:center; } \ No newline at end of file diff --git a/wp-includes/blocks/calendar/style-rtl.css b/wp-includes/blocks/calendar/style-rtl.css index d74f6a5de4..f28f0934b4 100644 --- a/wp-includes/blocks/calendar/style-rtl.css +++ b/wp-includes/blocks/calendar/style-rtl.css @@ -1,102 +1,24 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-calendar { - text-align: center; +.wp-block-calendar{ + text-align:center; } -.wp-block-calendar th, -.wp-block-calendar tbody td { - padding: 0.25em; - border: 1px solid #ddd; +.wp-block-calendar tbody td,.wp-block-calendar th{ + border:1px solid #ddd; + padding:.25em; } -.wp-block-calendar tfoot td { - border: none; +.wp-block-calendar tfoot td{ + border:none; } -.wp-block-calendar table { - width: 100%; - border-collapse: collapse; +.wp-block-calendar table{ + border-collapse:collapse; + width:100%; } -.wp-block-calendar table th { - font-weight: 400; - background: #ddd; +.wp-block-calendar table th{ + background:#ddd; + font-weight:400; } -.wp-block-calendar a { - text-decoration: underline; +.wp-block-calendar a{ + text-decoration:underline; } -.wp-block-calendar table tbody, -.wp-block-calendar table caption { - color: #40464d; +.wp-block-calendar table caption,.wp-block-calendar table tbody{ + color:#40464d; } \ No newline at end of file diff --git a/wp-includes/blocks/calendar/style.css b/wp-includes/blocks/calendar/style.css index d74f6a5de4..f28f0934b4 100644 --- a/wp-includes/blocks/calendar/style.css +++ b/wp-includes/blocks/calendar/style.css @@ -1,102 +1,24 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-calendar { - text-align: center; +.wp-block-calendar{ + text-align:center; } -.wp-block-calendar th, -.wp-block-calendar tbody td { - padding: 0.25em; - border: 1px solid #ddd; +.wp-block-calendar tbody td,.wp-block-calendar th{ + border:1px solid #ddd; + padding:.25em; } -.wp-block-calendar tfoot td { - border: none; +.wp-block-calendar tfoot td{ + border:none; } -.wp-block-calendar table { - width: 100%; - border-collapse: collapse; +.wp-block-calendar table{ + border-collapse:collapse; + width:100%; } -.wp-block-calendar table th { - font-weight: 400; - background: #ddd; +.wp-block-calendar table th{ + background:#ddd; + font-weight:400; } -.wp-block-calendar a { - text-decoration: underline; +.wp-block-calendar a{ + text-decoration:underline; } -.wp-block-calendar table tbody, -.wp-block-calendar table caption { - color: #40464d; +.wp-block-calendar table caption,.wp-block-calendar table tbody{ + color:#40464d; } \ No newline at end of file diff --git a/wp-includes/blocks/categories/editor-rtl.css b/wp-includes/blocks/categories/editor-rtl.css index 537f51c1c1..dfdbac0fd2 100644 --- a/wp-includes/blocks/categories/editor-rtl.css +++ b/wp-includes/blocks/categories/editor-rtl.css @@ -1,82 +1,6 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-categories ul { - padding-right: 2.5em; +.wp-block-categories ul{ + padding-right:2.5em; } -.wp-block-categories ul ul { - margin-top: 6px; +.wp-block-categories ul ul{ + margin-top:6px; } \ No newline at end of file diff --git a/wp-includes/blocks/categories/editor.css b/wp-includes/blocks/categories/editor.css index bfa9a8b19d..544bd1adeb 100644 --- a/wp-includes/blocks/categories/editor.css +++ b/wp-includes/blocks/categories/editor.css @@ -1,82 +1,6 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-categories ul { - padding-left: 2.5em; +.wp-block-categories ul{ + padding-left:2.5em; } -.wp-block-categories ul ul { - margin-top: 6px; +.wp-block-categories ul ul{ + margin-top:6px; } \ No newline at end of file diff --git a/wp-includes/blocks/categories/style-rtl.css b/wp-includes/blocks/categories/style-rtl.css index 80be4bb04b..7a30461876 100644 --- a/wp-includes/blocks/categories/style-rtl.css +++ b/wp-includes/blocks/categories/style-rtl.css @@ -1,85 +1,9 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-categories { - box-sizing: border-box; +.wp-block-categories{ + box-sizing:border-box; } -.wp-block-categories.alignleft { - margin-right: 2em; +.wp-block-categories.alignleft{ + margin-right:2em; } -.wp-block-categories.alignright { - margin-left: 2em; +.wp-block-categories.alignright{ + margin-left:2em; } \ No newline at end of file diff --git a/wp-includes/blocks/categories/style.css b/wp-includes/blocks/categories/style.css index ab3d003fdb..7a30461876 100644 --- a/wp-includes/blocks/categories/style.css +++ b/wp-includes/blocks/categories/style.css @@ -1,87 +1,9 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-categories { - box-sizing: border-box; +.wp-block-categories{ + box-sizing:border-box; } -.wp-block-categories.alignleft { - /*rtl:ignore*/ - margin-right: 2em; +.wp-block-categories.alignleft{ + margin-right:2em; } -.wp-block-categories.alignright { - /*rtl:ignore*/ - margin-left: 2em; +.wp-block-categories.alignright{ + margin-left:2em; } \ No newline at end of file diff --git a/wp-includes/blocks/code/editor-rtl.css b/wp-includes/blocks/code/editor-rtl.css index 9e1608131f..4f771c6783 100644 --- a/wp-includes/blocks/code/editor-rtl.css +++ b/wp-includes/blocks/code/editor-rtl.css @@ -1,79 +1,3 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-code code { - background: none; +.wp-block-code code{ + background:none; } \ No newline at end of file diff --git a/wp-includes/blocks/code/editor.css b/wp-includes/blocks/code/editor.css index 9e1608131f..4f771c6783 100644 --- a/wp-includes/blocks/code/editor.css +++ b/wp-includes/blocks/code/editor.css @@ -1,79 +1,3 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-code code { - background: none; +.wp-block-code code{ + background:none; } \ No newline at end of file diff --git a/wp-includes/blocks/code/style-rtl.css b/wp-includes/blocks/code/style-rtl.css index 29aaa947a7..bfb5909d9d 100644 --- a/wp-includes/blocks/code/style-rtl.css +++ b/wp-includes/blocks/code/style-rtl.css @@ -1,85 +1,9 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-code { - box-sizing: border-box; +.wp-block-code{ + box-sizing:border-box; } -.wp-block-code code { - display: block; - font-family: inherit; - overflow-wrap: break-word; - white-space: pre-wrap; +.wp-block-code code{ + display:block; + font-family:inherit; + overflow-wrap:break-word; + white-space:pre-wrap; } \ No newline at end of file diff --git a/wp-includes/blocks/code/style.css b/wp-includes/blocks/code/style.css index 29aaa947a7..bfb5909d9d 100644 --- a/wp-includes/blocks/code/style.css +++ b/wp-includes/blocks/code/style.css @@ -1,85 +1,9 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-code { - box-sizing: border-box; +.wp-block-code{ + box-sizing:border-box; } -.wp-block-code code { - display: block; - font-family: inherit; - overflow-wrap: break-word; - white-space: pre-wrap; +.wp-block-code code{ + display:block; + font-family:inherit; + overflow-wrap:break-word; + white-space:pre-wrap; } \ No newline at end of file diff --git a/wp-includes/blocks/code/theme-rtl.css b/wp-includes/blocks/code/theme-rtl.css index 69af445da9..623f424d30 100644 --- a/wp-includes/blocks/code/theme-rtl.css +++ b/wp-includes/blocks/code/theme-rtl.css @@ -1,82 +1,6 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-code { - border: 1px solid #ccc; - border-radius: 4px; - font-family: Menlo, Consolas, monaco, monospace; - padding: 0.8em 1em; +.wp-block-code{ + border:1px solid #ccc; + border-radius:4px; + font-family:Menlo,Consolas,monaco,monospace; + padding:.8em 1em; } \ No newline at end of file diff --git a/wp-includes/blocks/code/theme.css b/wp-includes/blocks/code/theme.css index 69af445da9..623f424d30 100644 --- a/wp-includes/blocks/code/theme.css +++ b/wp-includes/blocks/code/theme.css @@ -1,82 +1,6 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-code { - border: 1px solid #ccc; - border-radius: 4px; - font-family: Menlo, Consolas, monaco, monospace; - padding: 0.8em 1em; +.wp-block-code{ + border:1px solid #ccc; + border-radius:4px; + font-family:Menlo,Consolas,monaco,monospace; + padding:.8em 1em; } \ No newline at end of file diff --git a/wp-includes/blocks/columns/editor-rtl.css b/wp-includes/blocks/columns/editor-rtl.css index b17dd2d959..567ad482ac 100644 --- a/wp-includes/blocks/columns/editor-rtl.css +++ b/wp-includes/blocks/columns/editor-rtl.css @@ -1,86 +1,10 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-columns :where(.wp-block) { - max-width: none; - margin-right: 0; - margin-left: 0; +.wp-block-columns :where(.wp-block){ + margin-left:0; + margin-right:0; + max-width:none; } -html :where(.wp-block-column) { - margin-top: 0; - margin-bottom: 0; +html :where(.wp-block-column){ + margin-bottom:0; + margin-top:0; } \ No newline at end of file diff --git a/wp-includes/blocks/columns/editor.css b/wp-includes/blocks/columns/editor.css index 33521af8e8..567ad482ac 100644 --- a/wp-includes/blocks/columns/editor.css +++ b/wp-includes/blocks/columns/editor.css @@ -1,86 +1,10 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-columns :where(.wp-block) { - max-width: none; - margin-left: 0; - margin-right: 0; +.wp-block-columns :where(.wp-block){ + margin-left:0; + margin-right:0; + max-width:none; } -html :where(.wp-block-column) { - margin-top: 0; - margin-bottom: 0; +html :where(.wp-block-column){ + margin-bottom:0; + margin-top:0; } \ No newline at end of file diff --git a/wp-includes/blocks/columns/style-rtl.css b/wp-includes/blocks/columns/style-rtl.css index 13864a74d1..28876a13ec 100644 --- a/wp-includes/blocks/columns/style-rtl.css +++ b/wp-includes/blocks/columns/style-rtl.css @@ -1,150 +1,68 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-columns { - display: flex; - margin-bottom: 1.75em; - box-sizing: border-box; - flex-wrap: wrap !important; - align-items: initial !important; - /** - * All Columns Alignment - */ +.wp-block-columns{ + align-items:normal !important; + box-sizing:border-box; + display:flex; + flex-wrap:wrap !important; + margin-bottom:1.75em; } -@media (min-width: 782px) { - .wp-block-columns { - flex-wrap: nowrap !important; +@media (min-width:782px){ + .wp-block-columns{ + flex-wrap:nowrap !important; } } -.wp-block-columns.are-vertically-aligned-top { - align-items: flex-start; +.wp-block-columns.are-vertically-aligned-top{ + align-items:flex-start; } -.wp-block-columns.are-vertically-aligned-center { - align-items: center; +.wp-block-columns.are-vertically-aligned-center{ + align-items:center; } -.wp-block-columns.are-vertically-aligned-bottom { - align-items: flex-end; +.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 (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; +@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: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{ + 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{ + flex-basis:0; + flex-grow:1; } -.wp-block-columns.is-not-stacked-on-mobile > .wp-block-column[style*=flex-basis] { - flex-grow: 0; +.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; +:where(.wp-block-columns.has-background){ + padding:1.25em 2.375em; } -.wp-block-column { - flex-grow: 1; - min-width: 0; - word-break: break-word; - overflow-wrap: break-word; - /** - * Individual Column Alignment - */ +.wp-block-column{ + flex-grow:1; + min-width:0; + overflow-wrap:break-word; + word-break:break-word; } -.wp-block-column.is-vertically-aligned-top { - align-self: flex-start; +.wp-block-column.is-vertically-aligned-top{ + align-self:flex-start; } -.wp-block-column.is-vertically-aligned-center { - align-self: center; +.wp-block-column.is-vertically-aligned-center{ + align-self:center; } -.wp-block-column.is-vertically-aligned-bottom { - align-self: flex-end; +.wp-block-column.is-vertically-aligned-bottom{ + align-self:flex-end; } -.wp-block-column.is-vertically-aligned-top, .wp-block-column.is-vertically-aligned-center, .wp-block-column.is-vertically-aligned-bottom { - width: 100%; +.wp-block-column.is-vertically-aligned-bottom,.wp-block-column.is-vertically-aligned-center,.wp-block-column.is-vertically-aligned-top{ + width:100%; } \ No newline at end of file diff --git a/wp-includes/blocks/columns/style.css b/wp-includes/blocks/columns/style.css index 13864a74d1..28876a13ec 100644 --- a/wp-includes/blocks/columns/style.css +++ b/wp-includes/blocks/columns/style.css @@ -1,150 +1,68 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-columns { - display: flex; - margin-bottom: 1.75em; - box-sizing: border-box; - flex-wrap: wrap !important; - align-items: initial !important; - /** - * All Columns Alignment - */ +.wp-block-columns{ + align-items:normal !important; + box-sizing:border-box; + display:flex; + flex-wrap:wrap !important; + margin-bottom:1.75em; } -@media (min-width: 782px) { - .wp-block-columns { - flex-wrap: nowrap !important; +@media (min-width:782px){ + .wp-block-columns{ + flex-wrap:nowrap !important; } } -.wp-block-columns.are-vertically-aligned-top { - align-items: flex-start; +.wp-block-columns.are-vertically-aligned-top{ + align-items:flex-start; } -.wp-block-columns.are-vertically-aligned-center { - align-items: center; +.wp-block-columns.are-vertically-aligned-center{ + align-items:center; } -.wp-block-columns.are-vertically-aligned-bottom { - align-items: flex-end; +.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 (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; +@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: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{ + 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{ + flex-basis:0; + flex-grow:1; } -.wp-block-columns.is-not-stacked-on-mobile > .wp-block-column[style*=flex-basis] { - flex-grow: 0; +.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; +:where(.wp-block-columns.has-background){ + padding:1.25em 2.375em; } -.wp-block-column { - flex-grow: 1; - min-width: 0; - word-break: break-word; - overflow-wrap: break-word; - /** - * Individual Column Alignment - */ +.wp-block-column{ + flex-grow:1; + min-width:0; + overflow-wrap:break-word; + word-break:break-word; } -.wp-block-column.is-vertically-aligned-top { - align-self: flex-start; +.wp-block-column.is-vertically-aligned-top{ + align-self:flex-start; } -.wp-block-column.is-vertically-aligned-center { - align-self: center; +.wp-block-column.is-vertically-aligned-center{ + align-self:center; } -.wp-block-column.is-vertically-aligned-bottom { - align-self: flex-end; +.wp-block-column.is-vertically-aligned-bottom{ + align-self:flex-end; } -.wp-block-column.is-vertically-aligned-top, .wp-block-column.is-vertically-aligned-center, .wp-block-column.is-vertically-aligned-bottom { - width: 100%; +.wp-block-column.is-vertically-aligned-bottom,.wp-block-column.is-vertically-aligned-center,.wp-block-column.is-vertically-aligned-top{ + width:100%; } \ No newline at end of file diff --git a/wp-includes/blocks/comment-content/style-rtl.css b/wp-includes/blocks/comment-content/style-rtl.css index ad8c3fb769..f0b0adbd56 100644 --- a/wp-includes/blocks/comment-content/style-rtl.css +++ b/wp-includes/blocks/comment-content/style-rtl.css @@ -1,81 +1,5 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.comment-awaiting-moderation { - display: block; - font-size: 0.875em; - line-height: 1.5; +.comment-awaiting-moderation{ + display:block; + font-size:.875em; + line-height:1.5; } \ No newline at end of file diff --git a/wp-includes/blocks/comment-content/style.css b/wp-includes/blocks/comment-content/style.css index ad8c3fb769..f0b0adbd56 100644 --- a/wp-includes/blocks/comment-content/style.css +++ b/wp-includes/blocks/comment-content/style.css @@ -1,81 +1,5 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.comment-awaiting-moderation { - display: block; - font-size: 0.875em; - line-height: 1.5; +.comment-awaiting-moderation{ + display:block; + font-size:.875em; + line-height:1.5; } \ No newline at end of file diff --git a/wp-includes/blocks/comment-template/style-rtl.css b/wp-includes/blocks/comment-template/style-rtl.css index 80495be52b..a484500277 100644 --- a/wp-includes/blocks/comment-template/style-rtl.css +++ b/wp-includes/blocks/comment-template/style-rtl.css @@ -1,103 +1,27 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-comment-template { - margin-bottom: 0; - max-width: 100%; - list-style: none; - padding: 0; +.wp-block-comment-template{ + list-style:none; + margin-bottom:0; + max-width:100%; + padding:0; } -.wp-block-comment-template li { - clear: both; +.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-comment-template ol{ + list-style:none; + margin-bottom:0; + max-width:100%; + padding-right:2rem; } -.wp-block-comment-template.alignleft { - float: right; +.wp-block-comment-template.alignleft{ + float:right; } -.wp-block-comment-template.aligncenter { - margin-right: auto; - margin-left: auto; - width: -moz-fit-content; - width: fit-content; +.wp-block-comment-template.aligncenter{ + margin-left:auto; + margin-right:auto; + width:-moz-fit-content; + width:fit-content; } -.wp-block-comment-template.alignright { - float: left; +.wp-block-comment-template.alignright{ + float:left; } \ No newline at end of file diff --git a/wp-includes/blocks/comment-template/style.css b/wp-includes/blocks/comment-template/style.css index 09d2358a00..f777957692 100644 --- a/wp-includes/blocks/comment-template/style.css +++ b/wp-includes/blocks/comment-template/style.css @@ -1,103 +1,27 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-comment-template { - margin-bottom: 0; - max-width: 100%; - list-style: none; - padding: 0; +.wp-block-comment-template{ + list-style:none; + margin-bottom:0; + max-width:100%; + padding:0; } -.wp-block-comment-template li { - clear: both; +.wp-block-comment-template li{ + clear:both; } -.wp-block-comment-template ol { - margin-bottom: 0; - max-width: 100%; - list-style: none; - padding-left: 2rem; +.wp-block-comment-template ol{ + list-style:none; + margin-bottom:0; + max-width:100%; + padding-left:2rem; } -.wp-block-comment-template.alignleft { - float: left; +.wp-block-comment-template.alignleft{ + float:left; } -.wp-block-comment-template.aligncenter { - margin-left: auto; - margin-right: auto; - width: -moz-fit-content; - width: fit-content; +.wp-block-comment-template.aligncenter{ + margin-left:auto; + margin-right:auto; + width:-moz-fit-content; + width:fit-content; } -.wp-block-comment-template.alignright { - float: right; +.wp-block-comment-template.alignright{ + float:right; } \ No newline at end of file diff --git a/wp-includes/blocks/comments-pagination-numbers/editor-rtl.css b/wp-includes/blocks/comments-pagination-numbers/editor-rtl.css index 17381d0ed3..11a0357b6e 100644 --- a/wp-includes/blocks/comments-pagination-numbers/editor-rtl.css +++ b/wp-includes/blocks/comments-pagination-numbers/editor-rtl.css @@ -1,85 +1,9 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-comments-pagination-numbers a { - text-decoration: underline; +.wp-block-comments-pagination-numbers a{ + text-decoration:underline; } -.wp-block-comments-pagination-numbers .page-numbers { - margin-left: 2px; +.wp-block-comments-pagination-numbers .page-numbers{ + margin-left:2px; } -.wp-block-comments-pagination-numbers .page-numbers:last-child { - margin-right: 0; +.wp-block-comments-pagination-numbers .page-numbers:last-child{ + margin-right:0; } \ No newline at end of file diff --git a/wp-includes/blocks/comments-pagination-numbers/editor.css b/wp-includes/blocks/comments-pagination-numbers/editor.css index 47be0a1eb1..a8711edfbc 100644 --- a/wp-includes/blocks/comments-pagination-numbers/editor.css +++ b/wp-includes/blocks/comments-pagination-numbers/editor.css @@ -1,86 +1,9 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-comments-pagination-numbers a { - text-decoration: underline; +.wp-block-comments-pagination-numbers a{ + text-decoration:underline; } -.wp-block-comments-pagination-numbers .page-numbers { - margin-right: 2px; +.wp-block-comments-pagination-numbers .page-numbers{ + margin-right:2px; } -.wp-block-comments-pagination-numbers .page-numbers:last-child { - /*rtl:ignore*/ - margin-right: 0; +.wp-block-comments-pagination-numbers .page-numbers:last-child{ + margin-right:0; } \ No newline at end of file diff --git a/wp-includes/blocks/comments-pagination/editor-rtl.css b/wp-includes/blocks/comments-pagination/editor-rtl.css index 0d003dc200..357836e36a 100644 --- a/wp-includes/blocks/comments-pagination/editor-rtl.css +++ b/wp-includes/blocks/comments-pagination/editor-rtl.css @@ -1,100 +1,19 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block[data-align=center] > .wp-block-comments-pagination { - justify-content: center; +.wp-block[data-align=center]>.wp-block-comments-pagination{ + justify-content:center; } -.editor-styles-wrapper .wp-block-comments-pagination { - max-width: 100%; +.editor-styles-wrapper .wp-block-comments-pagination{ + max-width:100%; } -.editor-styles-wrapper .wp-block-comments-pagination.block-editor-block-list__layout { - margin: 0; +.editor-styles-wrapper .wp-block-comments-pagination.block-editor-block-list__layout{ + margin:0; } -.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; - margin-top: 0.5em; - margin-right: 0.5em; - margin-bottom: 0.5em; +.wp-block-comments-pagination>.wp-block-comments-pagination-next,.wp-block-comments-pagination>.wp-block-comments-pagination-numbers,.wp-block-comments-pagination>.wp-block-comments-pagination-previous{ + margin-bottom:.5em; + margin-right:.5em; + margin-top:.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-next:last-child,.wp-block-comments-pagination>.wp-block-comments-pagination-numbers:last-child,.wp-block-comments-pagination>.wp-block-comments-pagination-previous:last-child{ + margin-right:0; } \ No newline at end of file diff --git a/wp-includes/blocks/comments-pagination/editor.css b/wp-includes/blocks/comments-pagination/editor.css index 52ddbf7aaf..adb220a08c 100644 --- a/wp-includes/blocks/comments-pagination/editor.css +++ b/wp-includes/blocks/comments-pagination/editor.css @@ -1,102 +1,17 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block[data-align=center] > .wp-block-comments-pagination { - justify-content: center; +.wp-block[data-align=center]>.wp-block-comments-pagination{ + justify-content:center; } -.editor-styles-wrapper .wp-block-comments-pagination { - max-width: 100%; +.editor-styles-wrapper .wp-block-comments-pagination{ + max-width:100%; } -.editor-styles-wrapper .wp-block-comments-pagination.block-editor-block-list__layout { - margin: 0; +.editor-styles-wrapper .wp-block-comments-pagination.block-editor-block-list__layout{ + margin:0; } -.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-left: 0; - margin-top: 0.5em; - /*rtl:ignore*/ - margin-right: 0.5em; - margin-bottom: 0.5em; +.wp-block-comments-pagination>.wp-block-comments-pagination-next,.wp-block-comments-pagination>.wp-block-comments-pagination-numbers,.wp-block-comments-pagination>.wp-block-comments-pagination-previous{ + margin:.5em .5em .5em 0; } -.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 { - /*rtl:ignore*/ - margin-right: 0; +.wp-block-comments-pagination>.wp-block-comments-pagination-next:last-child,.wp-block-comments-pagination>.wp-block-comments-pagination-numbers:last-child,.wp-block-comments-pagination>.wp-block-comments-pagination-previous:last-child{ + margin-right:0; } \ No newline at end of file diff --git a/wp-includes/blocks/comments-pagination/style-rtl.css b/wp-includes/blocks/comments-pagination/style-rtl.css index 5563fa2ed7..8922daf09a 100644 --- a/wp-includes/blocks/comments-pagination/style-rtl.css +++ b/wp-includes/blocks/comments-pagination/style-rtl.css @@ -1,104 +1,24 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.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,.wp-block-comments-pagination>.wp-block-comments-pagination-numbers,.wp-block-comments-pagination>.wp-block-comments-pagination-previous{ + margin-bottom:.5em; + margin-right:.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-next:last-child,.wp-block-comments-pagination>.wp-block-comments-pagination-numbers:last-child,.wp-block-comments-pagination>.wp-block-comments-pagination-previous: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{ + display:inline-block; + margin-left:1ch; } -.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-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{ + display:inline-block; + margin-right:1ch; } -.wp-block-comments-pagination .wp-block-comments-pagination-next-arrow:not(.is-arrow-chevron) { - transform: scaleX(-1);; +.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-comments-pagination.aligncenter{ + justify-content:center; } \ No newline at end of file diff --git a/wp-includes/blocks/comments-pagination/style.css b/wp-includes/blocks/comments-pagination/style.css index 9db8d9368d..4c3b883d63 100644 --- a/wp-includes/blocks/comments-pagination/style.css +++ b/wp-includes/blocks/comments-pagination/style.css @@ -1,106 +1,24 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.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 { - /*rtl:ignore*/ - margin-right: 0.5em; - margin-bottom: 0.5em; +.wp-block-comments-pagination>.wp-block-comments-pagination-next,.wp-block-comments-pagination>.wp-block-comments-pagination-numbers,.wp-block-comments-pagination>.wp-block-comments-pagination-previous{ + margin-bottom:.5em; + margin-right:.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 { - /*rtl:ignore*/ - margin-right: 0; +.wp-block-comments-pagination>.wp-block-comments-pagination-next:last-child,.wp-block-comments-pagination>.wp-block-comments-pagination-numbers:last-child,.wp-block-comments-pagination>.wp-block-comments-pagination-previous:last-child{ + margin-right:0; } -.wp-block-comments-pagination .wp-block-comments-pagination-previous-arrow { - margin-right: 1ch; - display: inline-block; +.wp-block-comments-pagination .wp-block-comments-pagination-previous-arrow{ + display:inline-block; + margin-right:1ch; } -.wp-block-comments-pagination .wp-block-comments-pagination-previous-arrow:not(.is-arrow-chevron) { - transform: scaleX(1) /*rtl:scaleX(-1);*/; +.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-left: 1ch; - display: inline-block; +.wp-block-comments-pagination .wp-block-comments-pagination-next-arrow{ + display:inline-block; + margin-left:1ch; } -.wp-block-comments-pagination .wp-block-comments-pagination-next-arrow:not(.is-arrow-chevron) { - transform: scaleX(1) /*rtl:scaleX(-1);*/; +.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-comments-pagination.aligncenter{ + justify-content:center; } \ No newline at end of file diff --git a/wp-includes/blocks/comments-title/editor-rtl.css b/wp-includes/blocks/comments-title/editor-rtl.css index 65204cebce..08eeb57872 100644 --- a/wp-includes/blocks/comments-title/editor-rtl.css +++ b/wp-includes/blocks/comments-title/editor-rtl.css @@ -1,79 +1,3 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-comments-title.has-background { - padding: inherit; +.wp-block-comments-title.has-background{ + padding:inherit; } \ No newline at end of file diff --git a/wp-includes/blocks/comments-title/editor.css b/wp-includes/blocks/comments-title/editor.css index 65204cebce..08eeb57872 100644 --- a/wp-includes/blocks/comments-title/editor.css +++ b/wp-includes/blocks/comments-title/editor.css @@ -1,79 +1,3 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-comments-title.has-background { - padding: inherit; +.wp-block-comments-title.has-background{ + padding:inherit; } \ No newline at end of file diff --git a/wp-includes/blocks/comments/editor-rtl.css b/wp-includes/blocks/comments/editor-rtl.css index 20df8f48a9..7c9dfa211f 100644 --- a/wp-includes/blocks/comments/editor-rtl.css +++ b/wp-includes/blocks/comments/editor-rtl.css @@ -1,201 +1,108 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -/* Styles for backwards compatibility with the legacy `post-comments` block */ -.wp-block-post-comments, .wp-block-comments__legacy-placeholder { - /* utility classes */ - /* end utility classes */ +.wp-block-comments__legacy-placeholder .alignleft,.wp-block-post-comments .alignleft{ + float:right; } -.wp-block-post-comments .alignleft, .wp-block-comments__legacy-placeholder .alignleft { - float: right; +.wp-block-comments__legacy-placeholder .alignright,.wp-block-post-comments .alignright{ + float:left; } -.wp-block-post-comments .alignright, .wp-block-comments__legacy-placeholder .alignright { - float: left; +.wp-block-comments__legacy-placeholder .navigation:after,.wp-block-post-comments .navigation:after{ + clear:both; + content:""; + display:table; } -.wp-block-post-comments .navigation::after, .wp-block-comments__legacy-placeholder .navigation::after { - content: ""; - display: table; - clear: both; +.wp-block-comments__legacy-placeholder .commentlist,.wp-block-post-comments .commentlist{ + clear:both; + list-style:none; + margin:0; + padding:0; } -.wp-block-post-comments .commentlist, .wp-block-comments__legacy-placeholder .commentlist { - clear: both; - list-style: none; - margin: 0; - padding: 0; +.wp-block-comments__legacy-placeholder .commentlist .comment,.wp-block-post-comments .commentlist .comment{ + min-height:2.25em; + padding-right:3.25em; } -.wp-block-post-comments .commentlist .comment, .wp-block-comments__legacy-placeholder .commentlist .comment { - min-height: 2.25em; - padding-right: 3.25em; +.wp-block-comments__legacy-placeholder .commentlist .comment p,.wp-block-post-comments .commentlist .comment p{ + font-size:1em; + line-height:1.8; + margin:1em 0; } -.wp-block-post-comments .commentlist .comment p, .wp-block-comments__legacy-placeholder .commentlist .comment p { - font-size: 1em; - line-height: 1.8; - margin: 1em 0; +.wp-block-comments__legacy-placeholder .commentlist .children,.wp-block-post-comments .commentlist .children{ + list-style:none; + margin:0; + padding:0; } -.wp-block-post-comments .commentlist .children, .wp-block-comments__legacy-placeholder .commentlist .children { - list-style: none; - margin: 0; - padding: 0; +.wp-block-comments__legacy-placeholder .comment-author,.wp-block-post-comments .comment-author{ + line-height:1.5; } -.wp-block-post-comments .comment-author, .wp-block-comments__legacy-placeholder .comment-author { - line-height: 1.5; +.wp-block-comments__legacy-placeholder .comment-author .avatar,.wp-block-post-comments .comment-author .avatar{ + border-radius:1.5em; + display:block; + float:right; + height:2.5em; + margin-left:.75em; + margin-top:.5em; + width:2.5em; } -.wp-block-post-comments .comment-author .avatar, .wp-block-comments__legacy-placeholder .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; +.wp-block-comments__legacy-placeholder .comment-author cite,.wp-block-post-comments .comment-author cite{ + font-style:normal; } -.wp-block-post-comments .comment-author cite, .wp-block-comments__legacy-placeholder .comment-author cite { - font-style: normal; +.wp-block-comments__legacy-placeholder .comment-meta,.wp-block-post-comments .comment-meta{ + font-size:.875em; + line-height:1.5; } -.wp-block-post-comments .comment-meta, .wp-block-comments__legacy-placeholder .comment-meta { - font-size: 0.875em; - line-height: 1.5; +.wp-block-comments__legacy-placeholder .comment-meta b,.wp-block-post-comments .comment-meta b{ + font-weight:400; } -.wp-block-post-comments .comment-meta b, .wp-block-comments__legacy-placeholder .comment-meta b { - font-weight: normal; +.wp-block-comments__legacy-placeholder .comment-meta .comment-awaiting-moderation,.wp-block-post-comments .comment-meta .comment-awaiting-moderation{ + display:block; + margin-bottom:1em; + margin-top:1em; } -.wp-block-post-comments .comment-meta .comment-awaiting-moderation, .wp-block-comments__legacy-placeholder .comment-meta .comment-awaiting-moderation { - margin-top: 1em; - margin-bottom: 1em; - display: block; +.wp-block-comments__legacy-placeholder .comment-body .commentmetadata,.wp-block-post-comments .comment-body .commentmetadata{ + font-size:.875em; } -.wp-block-post-comments .comment-body .commentmetadata, .wp-block-comments__legacy-placeholder .comment-body .commentmetadata { - font-size: 0.875em; +.wp-block-comments__legacy-placeholder .comment-form-author label,.wp-block-comments__legacy-placeholder .comment-form-comment label,.wp-block-comments__legacy-placeholder .comment-form-email label,.wp-block-comments__legacy-placeholder .comment-form-url label,.wp-block-post-comments .comment-form-author label,.wp-block-post-comments .comment-form-comment label,.wp-block-post-comments .comment-form-email label,.wp-block-post-comments .comment-form-url label{ + display:block; + margin-bottom:.25em; } -.wp-block-post-comments .comment-form-comment label, .wp-block-comments__legacy-placeholder .comment-form-comment label, -.wp-block-post-comments .comment-form-author label, -.wp-block-comments__legacy-placeholder .comment-form-author label, -.wp-block-post-comments .comment-form-email label, -.wp-block-comments__legacy-placeholder .comment-form-email label, -.wp-block-post-comments .comment-form-url label, -.wp-block-comments__legacy-placeholder .comment-form-url label { - display: block; - margin-bottom: 0.25em; +.wp-block-comments__legacy-placeholder .comment-form input:not([type=submit]):not([type=checkbox]),.wp-block-comments__legacy-placeholder .comment-form textarea,.wp-block-post-comments .comment-form input:not([type=submit]):not([type=checkbox]),.wp-block-post-comments .comment-form textarea{ + box-sizing:border-box; + display:block; + width:100%; } -.wp-block-post-comments .comment-form textarea, .wp-block-comments__legacy-placeholder .comment-form textarea, -.wp-block-post-comments .comment-form input:not([type=submit]):not([type=checkbox]), -.wp-block-comments__legacy-placeholder .comment-form input:not([type=submit]):not([type=checkbox]) { - display: block; - box-sizing: border-box; - width: 100%; +.wp-block-comments__legacy-placeholder .comment-form-cookies-consent,.wp-block-post-comments .comment-form-cookies-consent{ + display:flex; + gap:.25em; } -.wp-block-post-comments .comment-form-cookies-consent, .wp-block-comments__legacy-placeholder .comment-form-cookies-consent { - display: flex; - gap: 0.25em; +.wp-block-comments__legacy-placeholder .comment-form-cookies-consent #wp-comment-cookies-consent,.wp-block-post-comments .comment-form-cookies-consent #wp-comment-cookies-consent{ + margin-top:.35em; } -.wp-block-post-comments .comment-form-cookies-consent #wp-comment-cookies-consent, .wp-block-comments__legacy-placeholder .comment-form-cookies-consent #wp-comment-cookies-consent { - margin-top: 0.35em; +.wp-block-comments__legacy-placeholder .comment-reply-title,.wp-block-post-comments .comment-reply-title{ + margin-bottom:0; } -.wp-block-post-comments .comment-reply-title, .wp-block-comments__legacy-placeholder .comment-reply-title { - margin-bottom: 0; +.wp-block-comments__legacy-placeholder .comment-reply-title :where(small),.wp-block-post-comments .comment-reply-title :where(small){ + font-size:var(--wp--preset--font-size--medium, smaller); + margin-right:.5em; } -.wp-block-post-comments .comment-reply-title :where(small), .wp-block-comments__legacy-placeholder .comment-reply-title :where(small) { - font-size: var(--wp--preset--font-size--medium, smaller); - margin-right: 0.5em; +.wp-block-comments__legacy-placeholder .reply,.wp-block-post-comments .reply{ + font-size:.875em; + margin-bottom:1.4em; } -.wp-block-post-comments .reply, .wp-block-comments__legacy-placeholder .reply { - font-size: 0.875em; - margin-bottom: 1.4em; +.wp-block-comments__legacy-placeholder input:not([type=submit]),.wp-block-comments__legacy-placeholder textarea,.wp-block-post-comments input:not([type=submit]),.wp-block-post-comments textarea{ + border:1px solid #949494; + font-family:inherit; + font-size:1em; } -.wp-block-post-comments textarea, .wp-block-comments__legacy-placeholder textarea, -.wp-block-post-comments input:not([type=submit]), -.wp-block-comments__legacy-placeholder input:not([type=submit]) { - border: 1px solid #949494; - font-size: 1em; - font-family: inherit; -} -.wp-block-post-comments textarea, .wp-block-comments__legacy-placeholder textarea, -.wp-block-post-comments input:not([type=submit]):not([type=checkbox]), -.wp-block-comments__legacy-placeholder input:not([type=submit]):not([type=checkbox]) { - padding: calc(0.667em + 2px); +.wp-block-comments__legacy-placeholder input:not([type=submit]):not([type=checkbox]),.wp-block-comments__legacy-placeholder textarea,.wp-block-post-comments input:not([type=submit]):not([type=checkbox]),.wp-block-post-comments textarea{ + padding:calc(.667em + 2px); } -:where(.wp-block-post-comments input[type="submit"]) { - border: none; +:where(.wp-block-post-comments input[type=submit]){ + border:none; } -.block-library-comments-toolbar__popover .components-popover__content { - min-width: 230px; +.block-library-comments-toolbar__popover .components-popover__content{ + min-width:230px; } -.wp-block-comments__legacy-placeholder * { - pointer-events: none; +.wp-block-comments__legacy-placeholder *{ + pointer-events:none; } \ No newline at end of file diff --git a/wp-includes/blocks/comments/editor.css b/wp-includes/blocks/comments/editor.css index 3b39d950a3..7543864cc8 100644 --- a/wp-includes/blocks/comments/editor.css +++ b/wp-includes/blocks/comments/editor.css @@ -1,201 +1,108 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -/* Styles for backwards compatibility with the legacy `post-comments` block */ -.wp-block-post-comments, .wp-block-comments__legacy-placeholder { - /* utility classes */ - /* end utility classes */ +.wp-block-comments__legacy-placeholder .alignleft,.wp-block-post-comments .alignleft{ + float:left; } -.wp-block-post-comments .alignleft, .wp-block-comments__legacy-placeholder .alignleft { - float: left; +.wp-block-comments__legacy-placeholder .alignright,.wp-block-post-comments .alignright{ + float:right; } -.wp-block-post-comments .alignright, .wp-block-comments__legacy-placeholder .alignright { - float: right; +.wp-block-comments__legacy-placeholder .navigation:after,.wp-block-post-comments .navigation:after{ + clear:both; + content:""; + display:table; } -.wp-block-post-comments .navigation::after, .wp-block-comments__legacy-placeholder .navigation::after { - content: ""; - display: table; - clear: both; +.wp-block-comments__legacy-placeholder .commentlist,.wp-block-post-comments .commentlist{ + clear:both; + list-style:none; + margin:0; + padding:0; } -.wp-block-post-comments .commentlist, .wp-block-comments__legacy-placeholder .commentlist { - clear: both; - list-style: none; - margin: 0; - padding: 0; +.wp-block-comments__legacy-placeholder .commentlist .comment,.wp-block-post-comments .commentlist .comment{ + min-height:2.25em; + padding-left:3.25em; } -.wp-block-post-comments .commentlist .comment, .wp-block-comments__legacy-placeholder .commentlist .comment { - min-height: 2.25em; - padding-left: 3.25em; +.wp-block-comments__legacy-placeholder .commentlist .comment p,.wp-block-post-comments .commentlist .comment p{ + font-size:1em; + line-height:1.8; + margin:1em 0; } -.wp-block-post-comments .commentlist .comment p, .wp-block-comments__legacy-placeholder .commentlist .comment p { - font-size: 1em; - line-height: 1.8; - margin: 1em 0; +.wp-block-comments__legacy-placeholder .commentlist .children,.wp-block-post-comments .commentlist .children{ + list-style:none; + margin:0; + padding:0; } -.wp-block-post-comments .commentlist .children, .wp-block-comments__legacy-placeholder .commentlist .children { - list-style: none; - margin: 0; - padding: 0; +.wp-block-comments__legacy-placeholder .comment-author,.wp-block-post-comments .comment-author{ + line-height:1.5; } -.wp-block-post-comments .comment-author, .wp-block-comments__legacy-placeholder .comment-author { - line-height: 1.5; +.wp-block-comments__legacy-placeholder .comment-author .avatar,.wp-block-post-comments .comment-author .avatar{ + border-radius:1.5em; + display:block; + float:left; + height:2.5em; + margin-right:.75em; + margin-top:.5em; + width:2.5em; } -.wp-block-post-comments .comment-author .avatar, .wp-block-comments__legacy-placeholder .comment-author .avatar { - border-radius: 1.5em; - display: block; - float: left; - height: 2.5em; - margin-top: 0.5em; - margin-right: 0.75em; - width: 2.5em; +.wp-block-comments__legacy-placeholder .comment-author cite,.wp-block-post-comments .comment-author cite{ + font-style:normal; } -.wp-block-post-comments .comment-author cite, .wp-block-comments__legacy-placeholder .comment-author cite { - font-style: normal; +.wp-block-comments__legacy-placeholder .comment-meta,.wp-block-post-comments .comment-meta{ + font-size:.875em; + line-height:1.5; } -.wp-block-post-comments .comment-meta, .wp-block-comments__legacy-placeholder .comment-meta { - font-size: 0.875em; - line-height: 1.5; +.wp-block-comments__legacy-placeholder .comment-meta b,.wp-block-post-comments .comment-meta b{ + font-weight:400; } -.wp-block-post-comments .comment-meta b, .wp-block-comments__legacy-placeholder .comment-meta b { - font-weight: normal; +.wp-block-comments__legacy-placeholder .comment-meta .comment-awaiting-moderation,.wp-block-post-comments .comment-meta .comment-awaiting-moderation{ + display:block; + margin-bottom:1em; + margin-top:1em; } -.wp-block-post-comments .comment-meta .comment-awaiting-moderation, .wp-block-comments__legacy-placeholder .comment-meta .comment-awaiting-moderation { - margin-top: 1em; - margin-bottom: 1em; - display: block; +.wp-block-comments__legacy-placeholder .comment-body .commentmetadata,.wp-block-post-comments .comment-body .commentmetadata{ + font-size:.875em; } -.wp-block-post-comments .comment-body .commentmetadata, .wp-block-comments__legacy-placeholder .comment-body .commentmetadata { - font-size: 0.875em; +.wp-block-comments__legacy-placeholder .comment-form-author label,.wp-block-comments__legacy-placeholder .comment-form-comment label,.wp-block-comments__legacy-placeholder .comment-form-email label,.wp-block-comments__legacy-placeholder .comment-form-url label,.wp-block-post-comments .comment-form-author label,.wp-block-post-comments .comment-form-comment label,.wp-block-post-comments .comment-form-email label,.wp-block-post-comments .comment-form-url label{ + display:block; + margin-bottom:.25em; } -.wp-block-post-comments .comment-form-comment label, .wp-block-comments__legacy-placeholder .comment-form-comment label, -.wp-block-post-comments .comment-form-author label, -.wp-block-comments__legacy-placeholder .comment-form-author label, -.wp-block-post-comments .comment-form-email label, -.wp-block-comments__legacy-placeholder .comment-form-email label, -.wp-block-post-comments .comment-form-url label, -.wp-block-comments__legacy-placeholder .comment-form-url label { - display: block; - margin-bottom: 0.25em; +.wp-block-comments__legacy-placeholder .comment-form input:not([type=submit]):not([type=checkbox]),.wp-block-comments__legacy-placeholder .comment-form textarea,.wp-block-post-comments .comment-form input:not([type=submit]):not([type=checkbox]),.wp-block-post-comments .comment-form textarea{ + box-sizing:border-box; + display:block; + width:100%; } -.wp-block-post-comments .comment-form textarea, .wp-block-comments__legacy-placeholder .comment-form textarea, -.wp-block-post-comments .comment-form input:not([type=submit]):not([type=checkbox]), -.wp-block-comments__legacy-placeholder .comment-form input:not([type=submit]):not([type=checkbox]) { - display: block; - box-sizing: border-box; - width: 100%; +.wp-block-comments__legacy-placeholder .comment-form-cookies-consent,.wp-block-post-comments .comment-form-cookies-consent{ + display:flex; + gap:.25em; } -.wp-block-post-comments .comment-form-cookies-consent, .wp-block-comments__legacy-placeholder .comment-form-cookies-consent { - display: flex; - gap: 0.25em; +.wp-block-comments__legacy-placeholder .comment-form-cookies-consent #wp-comment-cookies-consent,.wp-block-post-comments .comment-form-cookies-consent #wp-comment-cookies-consent{ + margin-top:.35em; } -.wp-block-post-comments .comment-form-cookies-consent #wp-comment-cookies-consent, .wp-block-comments__legacy-placeholder .comment-form-cookies-consent #wp-comment-cookies-consent { - margin-top: 0.35em; +.wp-block-comments__legacy-placeholder .comment-reply-title,.wp-block-post-comments .comment-reply-title{ + margin-bottom:0; } -.wp-block-post-comments .comment-reply-title, .wp-block-comments__legacy-placeholder .comment-reply-title { - margin-bottom: 0; +.wp-block-comments__legacy-placeholder .comment-reply-title :where(small),.wp-block-post-comments .comment-reply-title :where(small){ + font-size:var(--wp--preset--font-size--medium, smaller); + margin-left:.5em; } -.wp-block-post-comments .comment-reply-title :where(small), .wp-block-comments__legacy-placeholder .comment-reply-title :where(small) { - font-size: var(--wp--preset--font-size--medium, smaller); - margin-left: 0.5em; +.wp-block-comments__legacy-placeholder .reply,.wp-block-post-comments .reply{ + font-size:.875em; + margin-bottom:1.4em; } -.wp-block-post-comments .reply, .wp-block-comments__legacy-placeholder .reply { - font-size: 0.875em; - margin-bottom: 1.4em; +.wp-block-comments__legacy-placeholder input:not([type=submit]),.wp-block-comments__legacy-placeholder textarea,.wp-block-post-comments input:not([type=submit]),.wp-block-post-comments textarea{ + border:1px solid #949494; + font-family:inherit; + font-size:1em; } -.wp-block-post-comments textarea, .wp-block-comments__legacy-placeholder textarea, -.wp-block-post-comments input:not([type=submit]), -.wp-block-comments__legacy-placeholder input:not([type=submit]) { - border: 1px solid #949494; - font-size: 1em; - font-family: inherit; -} -.wp-block-post-comments textarea, .wp-block-comments__legacy-placeholder textarea, -.wp-block-post-comments input:not([type=submit]):not([type=checkbox]), -.wp-block-comments__legacy-placeholder input:not([type=submit]):not([type=checkbox]) { - padding: calc(0.667em + 2px); +.wp-block-comments__legacy-placeholder input:not([type=submit]):not([type=checkbox]),.wp-block-comments__legacy-placeholder textarea,.wp-block-post-comments input:not([type=submit]):not([type=checkbox]),.wp-block-post-comments textarea{ + padding:calc(.667em + 2px); } -:where(.wp-block-post-comments input[type="submit"]) { - border: none; +:where(.wp-block-post-comments input[type=submit]){ + border:none; } -.block-library-comments-toolbar__popover .components-popover__content { - min-width: 230px; +.block-library-comments-toolbar__popover .components-popover__content{ + min-width:230px; } -.wp-block-comments__legacy-placeholder * { - pointer-events: none; +.wp-block-comments__legacy-placeholder *{ + pointer-events:none; } \ No newline at end of file diff --git a/wp-includes/blocks/comments/style-rtl.css b/wp-includes/blocks/comments/style-rtl.css index b60e419607..f9a95e6f11 100644 --- a/wp-includes/blocks/comments/style-rtl.css +++ b/wp-includes/blocks/comments/style-rtl.css @@ -1,187 +1,100 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -/* Styles for backwards compatibility with the legacy `post-comments` block */ -.wp-block-post-comments { - /* utility classes */ - /* end utility classes */ +.wp-block-post-comments .alignleft{ + float:right; } -.wp-block-post-comments .alignleft { - float: right; +.wp-block-post-comments .alignright{ + float:left; } -.wp-block-post-comments .alignright { - float: left; +.wp-block-post-comments .navigation:after{ + clear:both; + content:""; + display:table; } -.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; } -.wp-block-post-comments .commentlist { - clear: both; - list-style: none; - margin: 0; - padding: 0; +.wp-block-post-comments .commentlist .comment{ + min-height:2.25em; + padding-right:3.25em; } -.wp-block-post-comments .commentlist .comment { - min-height: 2.25em; - padding-right: 3.25em; +.wp-block-post-comments .commentlist .comment p{ + font-size:1em; + line-height:1.8; + margin:1em 0; } -.wp-block-post-comments .commentlist .comment p { - font-size: 1em; - line-height: 1.8; - margin: 1em 0; +.wp-block-post-comments .commentlist .children{ + list-style:none; + margin:0; + padding:0; } -.wp-block-post-comments .commentlist .children { - list-style: none; - margin: 0; - padding: 0; +.wp-block-post-comments .comment-author{ + line-height:1.5; } -.wp-block-post-comments .comment-author { - line-height: 1.5; +.wp-block-post-comments .comment-author .avatar{ + border-radius:1.5em; + display:block; + float:right; + height:2.5em; + margin-left:.75em; + margin-top:.5em; + width:2.5em; } -.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; +.wp-block-post-comments .comment-author cite{ + font-style:normal; } -.wp-block-post-comments .comment-author cite { - font-style: normal; +.wp-block-post-comments .comment-meta{ + font-size:.875em; + line-height:1.5; } -.wp-block-post-comments .comment-meta { - font-size: 0.875em; - line-height: 1.5; +.wp-block-post-comments .comment-meta b{ + font-weight:400; } -.wp-block-post-comments .comment-meta b { - font-weight: normal; +.wp-block-post-comments .comment-meta .comment-awaiting-moderation{ + display:block; + margin-bottom:1em; + margin-top:1em; } -.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:.875em; } -.wp-block-post-comments .comment-body .commentmetadata { - font-size: 0.875em; +.wp-block-post-comments .comment-form-author label,.wp-block-post-comments .comment-form-comment label,.wp-block-post-comments .comment-form-email label,.wp-block-post-comments .comment-form-url label{ + display:block; + margin-bottom:.25em; } -.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; - margin-bottom: 0.25em; +.wp-block-post-comments .comment-form input:not([type=submit]):not([type=checkbox]),.wp-block-post-comments .comment-form textarea{ + box-sizing:border-box; + display:block; + width:100%; } -.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:.25em; } -.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:.35em; } -.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 { - margin-bottom: 0; +.wp-block-post-comments .comment-reply-title :where(small){ + font-size:var(--wp--preset--font-size--medium, smaller); + margin-right:.5em; } -.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:.875em; + margin-bottom:1.4em; } -.wp-block-post-comments .reply { - font-size: 0.875em; - margin-bottom: 1.4em; +.wp-block-post-comments input:not([type=submit]),.wp-block-post-comments textarea{ + border:1px solid #949494; + font-family:inherit; + font-size:1em; } -.wp-block-post-comments textarea, -.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:not([type=submit]):not([type=checkbox]),.wp-block-post-comments textarea{ + padding:calc(.667em + 2px); } -:where(.wp-block-post-comments input[type="submit"]) { - border: none; +:where(.wp-block-post-comments input[type=submit]){ + border:none; } \ No newline at end of file diff --git a/wp-includes/blocks/comments/style.css b/wp-includes/blocks/comments/style.css index dff8e4fdb9..db6a7e42ed 100644 --- a/wp-includes/blocks/comments/style.css +++ b/wp-includes/blocks/comments/style.css @@ -1,187 +1,100 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -/* Styles for backwards compatibility with the legacy `post-comments` block */ -.wp-block-post-comments { - /* utility classes */ - /* end utility classes */ +.wp-block-post-comments .alignleft{ + float:left; } -.wp-block-post-comments .alignleft { - float: left; +.wp-block-post-comments .alignright{ + float:right; } -.wp-block-post-comments .alignright { - float: right; +.wp-block-post-comments .navigation:after{ + clear:both; + content:""; + display:table; } -.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; } -.wp-block-post-comments .commentlist { - clear: both; - list-style: none; - margin: 0; - padding: 0; +.wp-block-post-comments .commentlist .comment{ + min-height:2.25em; + padding-left:3.25em; } -.wp-block-post-comments .commentlist .comment { - min-height: 2.25em; - padding-left: 3.25em; +.wp-block-post-comments .commentlist .comment p{ + font-size:1em; + line-height:1.8; + margin:1em 0; } -.wp-block-post-comments .commentlist .comment p { - font-size: 1em; - line-height: 1.8; - margin: 1em 0; +.wp-block-post-comments .commentlist .children{ + list-style:none; + margin:0; + padding:0; } -.wp-block-post-comments .commentlist .children { - list-style: none; - margin: 0; - padding: 0; +.wp-block-post-comments .comment-author{ + line-height:1.5; } -.wp-block-post-comments .comment-author { - line-height: 1.5; +.wp-block-post-comments .comment-author .avatar{ + border-radius:1.5em; + display:block; + float:left; + height:2.5em; + margin-right:.75em; + margin-top:.5em; + width:2.5em; } -.wp-block-post-comments .comment-author .avatar { - border-radius: 1.5em; - display: block; - float: left; - height: 2.5em; - margin-top: 0.5em; - margin-right: 0.75em; - width: 2.5em; +.wp-block-post-comments .comment-author cite{ + font-style:normal; } -.wp-block-post-comments .comment-author cite { - font-style: normal; +.wp-block-post-comments .comment-meta{ + font-size:.875em; + line-height:1.5; } -.wp-block-post-comments .comment-meta { - font-size: 0.875em; - line-height: 1.5; +.wp-block-post-comments .comment-meta b{ + font-weight:400; } -.wp-block-post-comments .comment-meta b { - font-weight: normal; +.wp-block-post-comments .comment-meta .comment-awaiting-moderation{ + display:block; + margin-bottom:1em; + margin-top:1em; } -.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:.875em; } -.wp-block-post-comments .comment-body .commentmetadata { - font-size: 0.875em; +.wp-block-post-comments .comment-form-author label,.wp-block-post-comments .comment-form-comment label,.wp-block-post-comments .comment-form-email label,.wp-block-post-comments .comment-form-url label{ + display:block; + margin-bottom:.25em; } -.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; - margin-bottom: 0.25em; +.wp-block-post-comments .comment-form input:not([type=submit]):not([type=checkbox]),.wp-block-post-comments .comment-form textarea{ + box-sizing:border-box; + display:block; + width:100%; } -.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:.25em; } -.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:.35em; } -.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 { - margin-bottom: 0; +.wp-block-post-comments .comment-reply-title :where(small){ + font-size:var(--wp--preset--font-size--medium, smaller); + margin-left:.5em; } -.wp-block-post-comments .comment-reply-title :where(small) { - font-size: var(--wp--preset--font-size--medium, smaller); - margin-left: 0.5em; +.wp-block-post-comments .reply{ + font-size:.875em; + margin-bottom:1.4em; } -.wp-block-post-comments .reply { - font-size: 0.875em; - margin-bottom: 1.4em; +.wp-block-post-comments input:not([type=submit]),.wp-block-post-comments textarea{ + border:1px solid #949494; + font-family:inherit; + font-size:1em; } -.wp-block-post-comments textarea, -.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:not([type=submit]):not([type=checkbox]),.wp-block-post-comments textarea{ + padding:calc(.667em + 2px); } -:where(.wp-block-post-comments input[type="submit"]) { - border: none; +:where(.wp-block-post-comments input[type=submit]){ + border:none; } \ No newline at end of file diff --git a/wp-includes/blocks/cover/editor-rtl.css b/wp-includes/blocks/cover/editor-rtl.css index 06a745f5b2..a84b65d65b 100644 --- a/wp-includes/blocks/cover/editor-rtl.css +++ b/wp-includes/blocks/cover/editor-rtl.css @@ -1,163 +1,83 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-cover { - /* Extra specificity needed because the reset.css applied in the editor context is overriding this rule. */ +.editor-styles-wrapper .wp-block-cover{ + box-sizing:border-box; } -.editor-styles-wrapper .wp-block-cover { - box-sizing: border-box; +.wp-block-cover.is-placeholder{ + min-height:auto !important; + padding:0 !important; } -.wp-block-cover.is-placeholder { - min-height: auto !important; - padding: 0 !important; +.wp-block-cover.is-placeholder .block-library-cover__resize-container{ + display:none; } -.wp-block-cover.is-placeholder .block-library-cover__resize-container { - display: none; +.wp-block-cover.is-placeholder .components-placeholder.is-large{ + justify-content:flex-start; + min-height:240px; + z-index:1; } -.wp-block-cover.is-placeholder .components-placeholder.is-large { - min-height: 240px; - justify-content: flex-start; - z-index: 1; +.wp-block-cover.is-placeholder .components-placeholder.is-large+.block-library-cover__resize-container{ + display:block; + min-height:240px; } -.wp-block-cover.is-placeholder .components-placeholder.is-large + .block-library-cover__resize-container { - min-height: 240px; - display: block; +.wp-block-cover.components-placeholder h2{ + color:inherit; } -.wp-block-cover.components-placeholder h2 { - color: inherit; +.wp-block-cover.is-transient:before{ + background-color:#fff; + opacity:.3; } -.wp-block-cover.is-transient::before { - background-color: #fff; - opacity: 0.3; +.wp-block-cover .components-spinner{ + margin:0; + position:absolute; + right:50%; + top:50%; + transform:translate(50%, -50%); + z-index:1; } -.wp-block-cover .components-spinner { - position: absolute; - z-index: 1; - top: 50%; - right: 50%; - transform: translate(50%, -50%); - margin: 0; +.wp-block-cover .wp-block-cover__inner-container{ + margin-left:0; + margin-right:0; + text-align:right; } -.wp-block-cover .wp-block-cover__inner-container { - text-align: right; - margin-right: 0; - margin-left: 0; +.wp-block-cover .wp-block-cover__placeholder-background-options{ + width:100%; } -.wp-block-cover .wp-block-cover__placeholder-background-options { - width: 100%; -} -.wp-block-cover .wp-block-cover__image--placeholder-image { - position: absolute; - top: 0; - left: 0; - bottom: 0; - right: 0; +.wp-block-cover .wp-block-cover__image--placeholder-image{ + bottom:0; + left:0; + position:absolute; + right:0; + top:0; } -[data-align=left] > .wp-block-cover, -[data-align=right] > .wp-block-cover { - max-width: 420px; - width: 100%; +[data-align=left]>.wp-block-cover,[data-align=right]>.wp-block-cover{ + max-width:420px; + width:100%; } -.block-library-cover__reset-button { - margin-right: auto; +.block-library-cover__reset-button{ + margin-right:auto; } -.block-library-cover__resize-container { - position: absolute !important; - top: 0; - right: 0; - left: 0; - bottom: 0; - min-height: 50px; +.block-library-cover__resize-container{ + bottom:0; + left:0; + min-height:50px; + position:absolute !important; + right:0; + top:0; } -.block-library-cover__resize-container:not(.is-resizing) { - height: auto !important; +.block-library-cover__resize-container:not(.is-resizing){ + height:auto !important; } -.wp-block-cover > .components-drop-zone .components-drop-zone__content { - opacity: 0.8 !important; +.wp-block-cover>.components-drop-zone .components-drop-zone__content{ + opacity:.8 !important; } -.block-editor-block-patterns-list__list-item .has-parallax.wp-block-cover { - background-attachment: scroll; +.block-editor-block-patterns-list__list-item .has-parallax.wp-block-cover{ + background-attachment:scroll; } -.color-block-support-panel__inner-wrapper > :not(.block-editor-tools-panel-color-gradient-settings__item) { - margin-top: 24px; +.color-block-support-panel__inner-wrapper>:not(.block-editor-tools-panel-color-gradient-settings__item){ + margin-top:24px; } \ No newline at end of file diff --git a/wp-includes/blocks/cover/editor.css b/wp-includes/blocks/cover/editor.css index f7621d3ea6..f10bc8926e 100644 --- a/wp-includes/blocks/cover/editor.css +++ b/wp-includes/blocks/cover/editor.css @@ -1,163 +1,83 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-cover { - /* Extra specificity needed because the reset.css applied in the editor context is overriding this rule. */ +.editor-styles-wrapper .wp-block-cover{ + box-sizing:border-box; } -.editor-styles-wrapper .wp-block-cover { - box-sizing: border-box; +.wp-block-cover.is-placeholder{ + min-height:auto !important; + padding:0 !important; } -.wp-block-cover.is-placeholder { - min-height: auto !important; - padding: 0 !important; +.wp-block-cover.is-placeholder .block-library-cover__resize-container{ + display:none; } -.wp-block-cover.is-placeholder .block-library-cover__resize-container { - display: none; +.wp-block-cover.is-placeholder .components-placeholder.is-large{ + justify-content:flex-start; + min-height:240px; + z-index:1; } -.wp-block-cover.is-placeholder .components-placeholder.is-large { - min-height: 240px; - justify-content: flex-start; - z-index: 1; +.wp-block-cover.is-placeholder .components-placeholder.is-large+.block-library-cover__resize-container{ + display:block; + min-height:240px; } -.wp-block-cover.is-placeholder .components-placeholder.is-large + .block-library-cover__resize-container { - min-height: 240px; - display: block; +.wp-block-cover.components-placeholder h2{ + color:inherit; } -.wp-block-cover.components-placeholder h2 { - color: inherit; +.wp-block-cover.is-transient:before{ + background-color:#fff; + opacity:.3; } -.wp-block-cover.is-transient::before { - background-color: #fff; - opacity: 0.3; +.wp-block-cover .components-spinner{ + left:50%; + margin:0; + position:absolute; + top:50%; + transform:translate(-50%, -50%); + z-index:1; } -.wp-block-cover .components-spinner { - position: absolute; - z-index: 1; - top: 50%; - left: 50%; - transform: translate(-50%, -50%); - margin: 0; +.wp-block-cover .wp-block-cover__inner-container{ + margin-left:0; + margin-right:0; + text-align:left; } -.wp-block-cover .wp-block-cover__inner-container { - text-align: left; - margin-left: 0; - margin-right: 0; +.wp-block-cover .wp-block-cover__placeholder-background-options{ + width:100%; } -.wp-block-cover .wp-block-cover__placeholder-background-options { - width: 100%; -} -.wp-block-cover .wp-block-cover__image--placeholder-image { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; +.wp-block-cover .wp-block-cover__image--placeholder-image{ + bottom:0; + left:0; + position:absolute; + right:0; + top:0; } -[data-align=left] > .wp-block-cover, -[data-align=right] > .wp-block-cover { - max-width: 420px; - width: 100%; +[data-align=left]>.wp-block-cover,[data-align=right]>.wp-block-cover{ + max-width:420px; + width:100%; } -.block-library-cover__reset-button { - margin-left: auto; +.block-library-cover__reset-button{ + margin-left:auto; } -.block-library-cover__resize-container { - position: absolute !important; - top: 0; - left: 0; - right: 0; - bottom: 0; - min-height: 50px; +.block-library-cover__resize-container{ + bottom:0; + left:0; + min-height:50px; + position:absolute !important; + right:0; + top:0; } -.block-library-cover__resize-container:not(.is-resizing) { - height: auto !important; +.block-library-cover__resize-container:not(.is-resizing){ + height:auto !important; } -.wp-block-cover > .components-drop-zone .components-drop-zone__content { - opacity: 0.8 !important; +.wp-block-cover>.components-drop-zone .components-drop-zone__content{ + opacity:.8 !important; } -.block-editor-block-patterns-list__list-item .has-parallax.wp-block-cover { - background-attachment: scroll; +.block-editor-block-patterns-list__list-item .has-parallax.wp-block-cover{ + background-attachment:scroll; } -.color-block-support-panel__inner-wrapper > :not(.block-editor-tools-panel-color-gradient-settings__item) { - margin-top: 24px; +.color-block-support-panel__inner-wrapper>:not(.block-editor-tools-panel-color-gradient-settings__item){ + margin-top:24px; } \ No newline at end of file diff --git a/wp-includes/blocks/cover/style-rtl.css b/wp-includes/blocks/cover/style-rtl.css index a0fca07beb..2c0f77379e 100644 --- a/wp-includes/blocks/cover/style-rtl.css +++ b/wp-includes/blocks/cover/style-rtl.css @@ -1,487 +1,233 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-cover-image, -.wp-block-cover { - position: relative; - background-position: center center; - min-height: 430px; - display: flex; - justify-content: center; - align-items: center; - padding: 1em; - box-sizing: border-box; direction: ltr; - /** - * Set a default background color for has-background-dim _unless_ it includes another - * background-color class (e.g. has-green-background-color). The presence of another - * background-color class implies that another style will provide the background color - * for the overlay. - * - * See: - * - Issue with background color specificity: https://github.com/WordPress/gutenberg/issues/26545 - * - Issue with alternative fix: https://github.com/WordPress/gutenberg/issues/26545 - */ +.wp-block-cover,.wp-block-cover-image{ + align-items:center; + background-position:50%; + box-sizing:border-box; direction:ltr; + display:flex; + justify-content:center; + min-height:430px; + padding:1em; + position:relative; } -.wp-block-cover-image.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 .has-background-dim:not([class*=-background-color]),.wp-block-cover-image .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]){ + 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 .has-background-dim.has-background-gradient,.wp-block-cover-image .has-background-dim.has-background-gradient{ + background-color:initial; } -.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:before,.wp-block-cover.has-background-dim:before{ + background-color:inherit; + content:""; } -.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; - right: 0; - bottom: 0; - left: 0; - z-index: 1; - opacity: 0.5; +.wp-block-cover .wp-block-cover__background,.wp-block-cover .wp-block-cover__gradient-background,.wp-block-cover-image .wp-block-cover__background,.wp-block-cover-image .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim:not(.has-background-gradient):before,.wp-block-cover.has-background-dim:not(.has-background-gradient):before{ + bottom:0; + left:0; + opacity:.5; + position:absolute; + right:0; + top:0; + z-index:1; } -.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-10 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background,.wp-block-cover-image.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,.wp-block-cover.has-background-dim.has-background-dim-10:not(.has-background-gradient):before{ + opacity:.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-20 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background,.wp-block-cover-image.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,.wp-block-cover.has-background-dim.has-background-dim-20:not(.has-background-gradient):before{ + opacity:.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-30 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background,.wp-block-cover-image.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,.wp-block-cover.has-background-dim.has-background-dim-30:not(.has-background-gradient):before{ + opacity:.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-40 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background,.wp-block-cover-image.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,.wp-block-cover.has-background-dim.has-background-dim-40:not(.has-background-gradient):before{ + opacity:.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-50 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background,.wp-block-cover-image.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,.wp-block-cover.has-background-dim.has-background-dim-50:not(.has-background-gradient):before{ + opacity:.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-60 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background,.wp-block-cover-image.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,.wp-block-cover.has-background-dim.has-background-dim-60:not(.has-background-gradient):before{ + opacity:.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-70 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background,.wp-block-cover-image.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,.wp-block-cover.has-background-dim.has-background-dim-70:not(.has-background-gradient):before{ + opacity:.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-80 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background,.wp-block-cover-image.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,.wp-block-cover.has-background-dim.has-background-dim-80:not(.has-background-gradient):before{ + opacity:.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-90 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background,.wp-block-cover-image.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,.wp-block-cover.has-background-dim.has-background-dim-90:not(.has-background-gradient):before{ + opacity:.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.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-image.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,.wp-block-cover.has-background-dim.has-background-dim-100:not(.has-background-gradient):before{ + 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 .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-image .wp-block-cover__background.has-background-dim.has-background-dim-0,.wp-block-cover-image .wp-block-cover__gradient-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 .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-image .wp-block-cover__background.has-background-dim.has-background-dim-10,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-10{ + opacity:.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 .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-image .wp-block-cover__background.has-background-dim.has-background-dim-20,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-20{ + opacity:.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 .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-image .wp-block-cover__background.has-background-dim.has-background-dim-30,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-30{ + opacity:.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 .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-image .wp-block-cover__background.has-background-dim.has-background-dim-40,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-40{ + opacity:.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 .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-image .wp-block-cover__background.has-background-dim.has-background-dim-50,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-50{ + opacity:.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 .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-image .wp-block-cover__background.has-background-dim.has-background-dim-60,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-60{ + opacity:.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 .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-image .wp-block-cover__background.has-background-dim.has-background-dim-70,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-70{ + opacity:.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 .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-image .wp-block-cover__background.has-background-dim.has-background-dim-80,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-80{ + opacity:.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 .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-image .wp-block-cover__background.has-background-dim.has-background-dim-90,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-90{ + opacity:.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 .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-image .wp-block-cover__background.has-background-dim.has-background-dim-100,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-100{ + opacity:1; } -.wp-block-cover-image.alignleft, .wp-block-cover-image.alignright, -.wp-block-cover.alignleft, -.wp-block-cover.alignright { - max-width: 420px; - width: 100%; +.wp-block-cover-image.alignleft,.wp-block-cover-image.alignright,.wp-block-cover.alignleft,.wp-block-cover.alignright{ + max-width:420px; + width:100%; } -.wp-block-cover-image::after, -.wp-block-cover::after { - display: block; - content: ""; - font-size: 0; - min-height: inherit; +.wp-block-cover-image:after,.wp-block-cover:after{ + content:""; + display:block; + font-size:0; + min-height:inherit; } -@supports (position: sticky) { - .wp-block-cover-image::after, -.wp-block-cover::after { - content: none; +@supports (position:sticky){ + .wp-block-cover-image:after,.wp-block-cover:after{ + content:none; } } -.wp-block-cover-image.aligncenter, .wp-block-cover-image.alignleft, .wp-block-cover-image.alignright, -.wp-block-cover.aligncenter, -.wp-block-cover.alignleft, -.wp-block-cover.alignright { - display: flex; +.wp-block-cover-image.aligncenter,.wp-block-cover-image.alignleft,.wp-block-cover-image.alignright,.wp-block-cover.aligncenter,.wp-block-cover.alignleft,.wp-block-cover.alignright{ + display:flex; } -.wp-block-cover-image .wp-block-cover__inner-container, -.wp-block-cover .wp-block-cover__inner-container { - width: 100%; - z-index: 1; - color: #fff; direction: rtl; +.wp-block-cover .wp-block-cover__inner-container,.wp-block-cover-image .wp-block-cover__inner-container{ + color:#fff; direction:rtl; + width:100%; + z-index:1; } -.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.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), -.wp-block-cover-image h3:not(.has-text-color), -.wp-block-cover-image h4:not(.has-text-color), -.wp-block-cover-image h5:not(.has-text-color), -.wp-block-cover-image h6:not(.has-text-color), -.wp-block-cover p:not(.has-text-color), -.wp-block-cover h1:not(.has-text-color), -.wp-block-cover h2:not(.has-text-color), -.wp-block-cover h3:not(.has-text-color), -.wp-block-cover h4:not(.has-text-color), -.wp-block-cover h5:not(.has-text-color), -.wp-block-cover h6:not(.has-text-color) { - color: inherit; +.wp-block-cover h1:not(.has-text-color),.wp-block-cover h2:not(.has-text-color),.wp-block-cover h3:not(.has-text-color),.wp-block-cover h4:not(.has-text-color),.wp-block-cover h5:not(.has-text-color),.wp-block-cover h6:not(.has-text-color),.wp-block-cover p:not(.has-text-color),.wp-block-cover-image h1:not(.has-text-color),.wp-block-cover-image h2:not(.has-text-color),.wp-block-cover-image h3:not(.has-text-color),.wp-block-cover-image h4:not(.has-text-color),.wp-block-cover-image h5:not(.has-text-color),.wp-block-cover-image h6:not(.has-text-color),.wp-block-cover-image p:not(.has-text-color){ + color:inherit; } -.wp-block-cover-image.is-position-top-left, -.wp-block-cover.is-position-top-left { - align-items: flex-start; - justify-content: flex-start; +.wp-block-cover-image.is-position-top-left,.wp-block-cover.is-position-top-left{ + align-items:flex-start; + justify-content:flex-start; } -.wp-block-cover-image.is-position-top-center, -.wp-block-cover.is-position-top-center { - align-items: flex-start; - justify-content: center; +.wp-block-cover-image.is-position-top-center,.wp-block-cover.is-position-top-center{ + align-items:flex-start; + justify-content:center; } -.wp-block-cover-image.is-position-top-right, -.wp-block-cover.is-position-top-right { - align-items: flex-start; - justify-content: flex-end; +.wp-block-cover-image.is-position-top-right,.wp-block-cover.is-position-top-right{ + align-items:flex-start; + justify-content:flex-end; } -.wp-block-cover-image.is-position-center-left, -.wp-block-cover.is-position-center-left { - align-items: center; - justify-content: flex-start; +.wp-block-cover-image.is-position-center-left,.wp-block-cover.is-position-center-left{ + align-items:center; + justify-content:flex-start; } -.wp-block-cover-image.is-position-center-center, -.wp-block-cover.is-position-center-center { - align-items: center; - justify-content: center; +.wp-block-cover-image.is-position-center-center,.wp-block-cover.is-position-center-center{ + align-items:center; + justify-content:center; } -.wp-block-cover-image.is-position-center-right, -.wp-block-cover.is-position-center-right { - align-items: center; - justify-content: flex-end; +.wp-block-cover-image.is-position-center-right,.wp-block-cover.is-position-center-right{ + align-items:center; + justify-content:flex-end; } -.wp-block-cover-image.is-position-bottom-left, -.wp-block-cover.is-position-bottom-left { - align-items: flex-end; - justify-content: flex-start; +.wp-block-cover-image.is-position-bottom-left,.wp-block-cover.is-position-bottom-left{ + align-items:flex-end; + justify-content:flex-start; } -.wp-block-cover-image.is-position-bottom-center, -.wp-block-cover.is-position-bottom-center { - align-items: flex-end; - justify-content: center; +.wp-block-cover-image.is-position-bottom-center,.wp-block-cover.is-position-bottom-center{ + align-items:flex-end; + justify-content:center; } -.wp-block-cover-image.is-position-bottom-right, -.wp-block-cover.is-position-bottom-right { - align-items: flex-end; - justify-content: flex-end; +.wp-block-cover-image.is-position-bottom-right,.wp-block-cover.is-position-bottom-right{ + align-items:flex-end; + justify-content:flex-end; } -.wp-block-cover-image.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container, -.wp-block-cover.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container { - margin: 0; - width: auto; +.wp-block-cover-image.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container,.wp-block-cover.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container{ + margin:0; + width:auto; } -.wp-block-cover-image .wp-block-cover__image-background, -.wp-block-cover-image video.wp-block-cover__video-background, -.wp-block-cover .wp-block-cover__image-background, -.wp-block-cover video.wp-block-cover__video-background { - position: absolute; - top: 0; - right: 0; - left: 0; - bottom: 0; - margin: 0; - padding: 0; - width: 100%; - height: 100%; - max-width: none; - max-height: none; - -o-object-fit: cover; - object-fit: cover; - outline: none; - border: none; - box-shadow: none; +.wp-block-cover .wp-block-cover__image-background,.wp-block-cover video.wp-block-cover__video-background,.wp-block-cover-image .wp-block-cover__image-background,.wp-block-cover-image video.wp-block-cover__video-background{ + border:none; + bottom:0; + box-shadow:none; + height:100%; + left:0; + margin:0; + max-height:none; + max-width:none; + -o-object-fit:cover; + object-fit:cover; + outline:none; + padding:0; + position:absolute; + right:0; + top:0; + width:100%; } -.wp-block-cover-image.has-parallax, -.wp-block-cover.has-parallax, -.wp-block-cover__image-background.has-parallax, -video.wp-block-cover__video-background.has-parallax { - background-attachment: fixed; - background-size: cover; - background-repeat: no-repeat; +.wp-block-cover-image.has-parallax,.wp-block-cover.has-parallax,.wp-block-cover__image-background.has-parallax,video.wp-block-cover__video-background.has-parallax{ + background-attachment:fixed; + background-repeat:no-repeat; + background-size:cover; } -@supports (-webkit-overflow-scrolling: touch) { - .wp-block-cover-image.has-parallax, -.wp-block-cover.has-parallax, -.wp-block-cover__image-background.has-parallax, -video.wp-block-cover__video-background.has-parallax { - background-attachment: scroll; +@supports (-webkit-overflow-scrolling:touch){ + .wp-block-cover-image.has-parallax,.wp-block-cover.has-parallax,.wp-block-cover__image-background.has-parallax,video.wp-block-cover__video-background.has-parallax{ + background-attachment:scroll; } } -@media (prefers-reduced-motion: reduce) { - .wp-block-cover-image.has-parallax, -.wp-block-cover.has-parallax, -.wp-block-cover__image-background.has-parallax, -video.wp-block-cover__video-background.has-parallax { - background-attachment: scroll; +@media (prefers-reduced-motion:reduce){ + .wp-block-cover-image.has-parallax,.wp-block-cover.has-parallax,.wp-block-cover__image-background.has-parallax,video.wp-block-cover__video-background.has-parallax{ + background-attachment:scroll; } } -.wp-block-cover-image.is-repeated, -.wp-block-cover.is-repeated, -.wp-block-cover__image-background.is-repeated, -video.wp-block-cover__video-background.is-repeated { - background-repeat: repeat; - background-size: auto; +.wp-block-cover-image.is-repeated,.wp-block-cover.is-repeated,.wp-block-cover__image-background.is-repeated,video.wp-block-cover__video-background.is-repeated{ + background-repeat:repeat; + background-size:auto; } -.wp-block-cover__video-background { - z-index: 0; +.wp-block-cover__image-background,.wp-block-cover__video-background{ + z-index:0; +} +.wp-block-cover-image-text,.wp-block-cover-image-text a,.wp-block-cover-image-text a:active,.wp-block-cover-image-text a:focus,.wp-block-cover-image-text a:hover,.wp-block-cover-text,.wp-block-cover-text a,.wp-block-cover-text a:active,.wp-block-cover-text a:focus,.wp-block-cover-text a:hover,section.wp-block-cover-image h2,section.wp-block-cover-image h2 a,section.wp-block-cover-image h2 a:active,section.wp-block-cover-image h2 a:focus,section.wp-block-cover-image h2 a:hover{ + color:#fff; } -.wp-block-cover__image-background { - z-index: 0; +.wp-block-cover-image .wp-block-cover.has-left-content{ + justify-content:flex-start; +} +.wp-block-cover-image .wp-block-cover.has-right-content{ + justify-content:flex-end; } -section.wp-block-cover-image h2, -.wp-block-cover-image-text, -.wp-block-cover-text { - color: #fff; -} -section.wp-block-cover-image h2 a, -section.wp-block-cover-image h2 a:hover, -section.wp-block-cover-image h2 a:focus, -section.wp-block-cover-image h2 a:active, -.wp-block-cover-image-text a, -.wp-block-cover-image-text a:hover, -.wp-block-cover-image-text a:focus, -.wp-block-cover-image-text a:active, -.wp-block-cover-text a, -.wp-block-cover-text a:hover, -.wp-block-cover-text a:focus, -.wp-block-cover-text a:active { - color: #fff; +.wp-block-cover-image.has-left-content .wp-block-cover-image-text,.wp-block-cover.has-left-content .wp-block-cover-text,section.wp-block-cover-image.has-left-content>h2{ + margin-right:0; + text-align:right; } -.wp-block-cover-image .wp-block-cover.has-left-content { - justify-content: flex-start; -} -.wp-block-cover-image .wp-block-cover.has-right-content { - justify-content: flex-end; +.wp-block-cover-image.has-right-content .wp-block-cover-image-text,.wp-block-cover.has-right-content .wp-block-cover-text,section.wp-block-cover-image.has-right-content>h2{ + margin-left:0; + text-align:left; } -section.wp-block-cover-image.has-left-content > h2, -.wp-block-cover-image.has-left-content .wp-block-cover-image-text, -.wp-block-cover.has-left-content .wp-block-cover-text { - margin-right: 0; - text-align: right; -} - -section.wp-block-cover-image.has-right-content > h2, -.wp-block-cover-image.has-right-content .wp-block-cover-image-text, -.wp-block-cover.has-right-content .wp-block-cover-text { - margin-left: 0; - text-align: left; -} - -section.wp-block-cover-image > h2, -.wp-block-cover-image .wp-block-cover-image-text, -.wp-block-cover .wp-block-cover-text { - font-size: 2em; - line-height: 1.25; - z-index: 1; - margin-bottom: 0; - max-width: 840px; - padding: 0.44em; - text-align: center; +.wp-block-cover .wp-block-cover-text,.wp-block-cover-image .wp-block-cover-image-text,section.wp-block-cover-image>h2{ + font-size:2em; + line-height:1.25; + margin-bottom:0; + max-width:840px; + padding:.44em; + text-align:center; + z-index:1; } \ No newline at end of file diff --git a/wp-includes/blocks/cover/style.css b/wp-includes/blocks/cover/style.css index b94ea05498..25af1c250a 100644 --- a/wp-includes/blocks/cover/style.css +++ b/wp-includes/blocks/cover/style.css @@ -1,489 +1,233 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-cover-image, -.wp-block-cover { - position: relative; - background-position: center center; - min-height: 430px; - display: flex; - justify-content: center; - align-items: center; - padding: 1em; - box-sizing: border-box; - /*rtl:raw: direction: ltr; */ - /** - * Set a default background color for has-background-dim _unless_ it includes another - * background-color class (e.g. has-green-background-color). The presence of another - * background-color class implies that another style will provide the background color - * for the overlay. - * - * See: - * - Issue with background color specificity: https://github.com/WordPress/gutenberg/issues/26545 - * - Issue with alternative fix: https://github.com/WordPress/gutenberg/issues/26545 - */ +.wp-block-cover,.wp-block-cover-image{ + align-items:center; + background-position:50%; + box-sizing:border-box; + display:flex; + justify-content:center; + min-height:430px; + padding:1em; + position:relative; } -.wp-block-cover-image.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 .has-background-dim:not([class*=-background-color]),.wp-block-cover-image .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]){ + 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 .has-background-dim.has-background-gradient,.wp-block-cover-image .has-background-dim.has-background-gradient{ + background-color:initial; } -.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:before,.wp-block-cover.has-background-dim:before{ + background-color:inherit; + content:""; } -.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; - left: 0; - bottom: 0; - right: 0; - z-index: 1; - opacity: 0.5; +.wp-block-cover .wp-block-cover__background,.wp-block-cover .wp-block-cover__gradient-background,.wp-block-cover-image .wp-block-cover__background,.wp-block-cover-image .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim:not(.has-background-gradient):before,.wp-block-cover.has-background-dim:not(.has-background-gradient):before{ + bottom:0; + left:0; + opacity:.5; + position:absolute; + right:0; + top:0; + z-index:1; } -.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-10 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background,.wp-block-cover-image.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,.wp-block-cover.has-background-dim.has-background-dim-10:not(.has-background-gradient):before{ + opacity:.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-20 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background,.wp-block-cover-image.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,.wp-block-cover.has-background-dim.has-background-dim-20:not(.has-background-gradient):before{ + opacity:.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-30 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background,.wp-block-cover-image.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,.wp-block-cover.has-background-dim.has-background-dim-30:not(.has-background-gradient):before{ + opacity:.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-40 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background,.wp-block-cover-image.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,.wp-block-cover.has-background-dim.has-background-dim-40:not(.has-background-gradient):before{ + opacity:.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-50 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background,.wp-block-cover-image.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,.wp-block-cover.has-background-dim.has-background-dim-50:not(.has-background-gradient):before{ + opacity:.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-60 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background,.wp-block-cover-image.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,.wp-block-cover.has-background-dim.has-background-dim-60:not(.has-background-gradient):before{ + opacity:.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-70 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background,.wp-block-cover-image.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,.wp-block-cover.has-background-dim.has-background-dim-70:not(.has-background-gradient):before{ + opacity:.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-80 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background,.wp-block-cover-image.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,.wp-block-cover.has-background-dim.has-background-dim-80:not(.has-background-gradient):before{ + opacity:.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-90 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background,.wp-block-cover-image.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,.wp-block-cover.has-background-dim.has-background-dim-90:not(.has-background-gradient):before{ + opacity:.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.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-image.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,.wp-block-cover.has-background-dim.has-background-dim-100:not(.has-background-gradient):before{ + 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 .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-image .wp-block-cover__background.has-background-dim.has-background-dim-0,.wp-block-cover-image .wp-block-cover__gradient-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 .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-image .wp-block-cover__background.has-background-dim.has-background-dim-10,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-10{ + opacity:.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 .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-image .wp-block-cover__background.has-background-dim.has-background-dim-20,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-20{ + opacity:.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 .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-image .wp-block-cover__background.has-background-dim.has-background-dim-30,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-30{ + opacity:.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 .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-image .wp-block-cover__background.has-background-dim.has-background-dim-40,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-40{ + opacity:.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 .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-image .wp-block-cover__background.has-background-dim.has-background-dim-50,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-50{ + opacity:.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 .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-image .wp-block-cover__background.has-background-dim.has-background-dim-60,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-60{ + opacity:.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 .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-image .wp-block-cover__background.has-background-dim.has-background-dim-70,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-70{ + opacity:.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 .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-image .wp-block-cover__background.has-background-dim.has-background-dim-80,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-80{ + opacity:.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 .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-image .wp-block-cover__background.has-background-dim.has-background-dim-90,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-90{ + opacity:.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 .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-image .wp-block-cover__background.has-background-dim.has-background-dim-100,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-100{ + opacity:1; } -.wp-block-cover-image.alignleft, .wp-block-cover-image.alignright, -.wp-block-cover.alignleft, -.wp-block-cover.alignright { - max-width: 420px; - width: 100%; +.wp-block-cover-image.alignleft,.wp-block-cover-image.alignright,.wp-block-cover.alignleft,.wp-block-cover.alignright{ + max-width:420px; + width:100%; } -.wp-block-cover-image::after, -.wp-block-cover::after { - display: block; - content: ""; - font-size: 0; - min-height: inherit; +.wp-block-cover-image:after,.wp-block-cover:after{ + content:""; + display:block; + font-size:0; + min-height:inherit; } -@supports (position: sticky) { - .wp-block-cover-image::after, -.wp-block-cover::after { - content: none; +@supports (position:sticky){ + .wp-block-cover-image:after,.wp-block-cover:after{ + content:none; } } -.wp-block-cover-image.aligncenter, .wp-block-cover-image.alignleft, .wp-block-cover-image.alignright, -.wp-block-cover.aligncenter, -.wp-block-cover.alignleft, -.wp-block-cover.alignright { - display: flex; +.wp-block-cover-image.aligncenter,.wp-block-cover-image.alignleft,.wp-block-cover-image.alignright,.wp-block-cover.aligncenter,.wp-block-cover.alignleft,.wp-block-cover.alignright{ + display:flex; } -.wp-block-cover-image .wp-block-cover__inner-container, -.wp-block-cover .wp-block-cover__inner-container { - width: 100%; - z-index: 1; - color: #fff; - /*rtl:raw: direction: rtl; */ +.wp-block-cover .wp-block-cover__inner-container,.wp-block-cover-image .wp-block-cover__inner-container{ + color:#fff; + width:100%; + z-index:1; } -.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.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), -.wp-block-cover-image h3:not(.has-text-color), -.wp-block-cover-image h4:not(.has-text-color), -.wp-block-cover-image h5:not(.has-text-color), -.wp-block-cover-image h6:not(.has-text-color), -.wp-block-cover p:not(.has-text-color), -.wp-block-cover h1:not(.has-text-color), -.wp-block-cover h2:not(.has-text-color), -.wp-block-cover h3:not(.has-text-color), -.wp-block-cover h4:not(.has-text-color), -.wp-block-cover h5:not(.has-text-color), -.wp-block-cover h6:not(.has-text-color) { - color: inherit; +.wp-block-cover h1:not(.has-text-color),.wp-block-cover h2:not(.has-text-color),.wp-block-cover h3:not(.has-text-color),.wp-block-cover h4:not(.has-text-color),.wp-block-cover h5:not(.has-text-color),.wp-block-cover h6:not(.has-text-color),.wp-block-cover p:not(.has-text-color),.wp-block-cover-image h1:not(.has-text-color),.wp-block-cover-image h2:not(.has-text-color),.wp-block-cover-image h3:not(.has-text-color),.wp-block-cover-image h4:not(.has-text-color),.wp-block-cover-image h5:not(.has-text-color),.wp-block-cover-image h6:not(.has-text-color),.wp-block-cover-image p:not(.has-text-color){ + color:inherit; } -.wp-block-cover-image.is-position-top-left, -.wp-block-cover.is-position-top-left { - align-items: flex-start; - justify-content: flex-start; +.wp-block-cover-image.is-position-top-left,.wp-block-cover.is-position-top-left{ + align-items:flex-start; + justify-content:flex-start; } -.wp-block-cover-image.is-position-top-center, -.wp-block-cover.is-position-top-center { - align-items: flex-start; - justify-content: center; +.wp-block-cover-image.is-position-top-center,.wp-block-cover.is-position-top-center{ + align-items:flex-start; + justify-content:center; } -.wp-block-cover-image.is-position-top-right, -.wp-block-cover.is-position-top-right { - align-items: flex-start; - justify-content: flex-end; +.wp-block-cover-image.is-position-top-right,.wp-block-cover.is-position-top-right{ + align-items:flex-start; + justify-content:flex-end; } -.wp-block-cover-image.is-position-center-left, -.wp-block-cover.is-position-center-left { - align-items: center; - justify-content: flex-start; +.wp-block-cover-image.is-position-center-left,.wp-block-cover.is-position-center-left{ + align-items:center; + justify-content:flex-start; } -.wp-block-cover-image.is-position-center-center, -.wp-block-cover.is-position-center-center { - align-items: center; - justify-content: center; +.wp-block-cover-image.is-position-center-center,.wp-block-cover.is-position-center-center{ + align-items:center; + justify-content:center; } -.wp-block-cover-image.is-position-center-right, -.wp-block-cover.is-position-center-right { - align-items: center; - justify-content: flex-end; +.wp-block-cover-image.is-position-center-right,.wp-block-cover.is-position-center-right{ + align-items:center; + justify-content:flex-end; } -.wp-block-cover-image.is-position-bottom-left, -.wp-block-cover.is-position-bottom-left { - align-items: flex-end; - justify-content: flex-start; +.wp-block-cover-image.is-position-bottom-left,.wp-block-cover.is-position-bottom-left{ + align-items:flex-end; + justify-content:flex-start; } -.wp-block-cover-image.is-position-bottom-center, -.wp-block-cover.is-position-bottom-center { - align-items: flex-end; - justify-content: center; +.wp-block-cover-image.is-position-bottom-center,.wp-block-cover.is-position-bottom-center{ + align-items:flex-end; + justify-content:center; } -.wp-block-cover-image.is-position-bottom-right, -.wp-block-cover.is-position-bottom-right { - align-items: flex-end; - justify-content: flex-end; +.wp-block-cover-image.is-position-bottom-right,.wp-block-cover.is-position-bottom-right{ + align-items:flex-end; + justify-content:flex-end; } -.wp-block-cover-image.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container, -.wp-block-cover.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container { - margin: 0; - width: auto; +.wp-block-cover-image.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container,.wp-block-cover.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container{ + margin:0; + width:auto; } -.wp-block-cover-image .wp-block-cover__image-background, -.wp-block-cover-image video.wp-block-cover__video-background, -.wp-block-cover .wp-block-cover__image-background, -.wp-block-cover video.wp-block-cover__video-background { - position: absolute; - top: 0; - left: 0; - right: 0; - bottom: 0; - margin: 0; - padding: 0; - width: 100%; - height: 100%; - max-width: none; - max-height: none; - -o-object-fit: cover; - object-fit: cover; - outline: none; - border: none; - box-shadow: none; +.wp-block-cover .wp-block-cover__image-background,.wp-block-cover video.wp-block-cover__video-background,.wp-block-cover-image .wp-block-cover__image-background,.wp-block-cover-image video.wp-block-cover__video-background{ + border:none; + bottom:0; + box-shadow:none; + height:100%; + left:0; + margin:0; + max-height:none; + max-width:none; + -o-object-fit:cover; + object-fit:cover; + outline:none; + padding:0; + position:absolute; + right:0; + top:0; + width:100%; } -.wp-block-cover-image.has-parallax, -.wp-block-cover.has-parallax, -.wp-block-cover__image-background.has-parallax, -video.wp-block-cover__video-background.has-parallax { - background-attachment: fixed; - background-size: cover; - background-repeat: no-repeat; +.wp-block-cover-image.has-parallax,.wp-block-cover.has-parallax,.wp-block-cover__image-background.has-parallax,video.wp-block-cover__video-background.has-parallax{ + background-attachment:fixed; + background-repeat:no-repeat; + background-size:cover; } -@supports (-webkit-overflow-scrolling: touch) { - .wp-block-cover-image.has-parallax, -.wp-block-cover.has-parallax, -.wp-block-cover__image-background.has-parallax, -video.wp-block-cover__video-background.has-parallax { - background-attachment: scroll; +@supports (-webkit-overflow-scrolling:touch){ + .wp-block-cover-image.has-parallax,.wp-block-cover.has-parallax,.wp-block-cover__image-background.has-parallax,video.wp-block-cover__video-background.has-parallax{ + background-attachment:scroll; } } -@media (prefers-reduced-motion: reduce) { - .wp-block-cover-image.has-parallax, -.wp-block-cover.has-parallax, -.wp-block-cover__image-background.has-parallax, -video.wp-block-cover__video-background.has-parallax { - background-attachment: scroll; +@media (prefers-reduced-motion:reduce){ + .wp-block-cover-image.has-parallax,.wp-block-cover.has-parallax,.wp-block-cover__image-background.has-parallax,video.wp-block-cover__video-background.has-parallax{ + background-attachment:scroll; } } -.wp-block-cover-image.is-repeated, -.wp-block-cover.is-repeated, -.wp-block-cover__image-background.is-repeated, -video.wp-block-cover__video-background.is-repeated { - background-repeat: repeat; - background-size: auto; +.wp-block-cover-image.is-repeated,.wp-block-cover.is-repeated,.wp-block-cover__image-background.is-repeated,video.wp-block-cover__video-background.is-repeated{ + background-repeat:repeat; + background-size:auto; } -.wp-block-cover__video-background { - z-index: 0; +.wp-block-cover__image-background,.wp-block-cover__video-background{ + z-index:0; +} +.wp-block-cover-image-text,.wp-block-cover-image-text a,.wp-block-cover-image-text a:active,.wp-block-cover-image-text a:focus,.wp-block-cover-image-text a:hover,.wp-block-cover-text,.wp-block-cover-text a,.wp-block-cover-text a:active,.wp-block-cover-text a:focus,.wp-block-cover-text a:hover,section.wp-block-cover-image h2,section.wp-block-cover-image h2 a,section.wp-block-cover-image h2 a:active,section.wp-block-cover-image h2 a:focus,section.wp-block-cover-image h2 a:hover{ + color:#fff; } -.wp-block-cover__image-background { - z-index: 0; +.wp-block-cover-image .wp-block-cover.has-left-content{ + justify-content:flex-start; +} +.wp-block-cover-image .wp-block-cover.has-right-content{ + justify-content:flex-end; } -section.wp-block-cover-image h2, -.wp-block-cover-image-text, -.wp-block-cover-text { - color: #fff; -} -section.wp-block-cover-image h2 a, -section.wp-block-cover-image h2 a:hover, -section.wp-block-cover-image h2 a:focus, -section.wp-block-cover-image h2 a:active, -.wp-block-cover-image-text a, -.wp-block-cover-image-text a:hover, -.wp-block-cover-image-text a:focus, -.wp-block-cover-image-text a:active, -.wp-block-cover-text a, -.wp-block-cover-text a:hover, -.wp-block-cover-text a:focus, -.wp-block-cover-text a:active { - color: #fff; +.wp-block-cover-image.has-left-content .wp-block-cover-image-text,.wp-block-cover.has-left-content .wp-block-cover-text,section.wp-block-cover-image.has-left-content>h2{ + margin-left:0; + text-align:left; } -.wp-block-cover-image .wp-block-cover.has-left-content { - justify-content: flex-start; -} -.wp-block-cover-image .wp-block-cover.has-right-content { - justify-content: flex-end; +.wp-block-cover-image.has-right-content .wp-block-cover-image-text,.wp-block-cover.has-right-content .wp-block-cover-text,section.wp-block-cover-image.has-right-content>h2{ + margin-right:0; + text-align:right; } -section.wp-block-cover-image.has-left-content > h2, -.wp-block-cover-image.has-left-content .wp-block-cover-image-text, -.wp-block-cover.has-left-content .wp-block-cover-text { - margin-left: 0; - text-align: left; -} - -section.wp-block-cover-image.has-right-content > h2, -.wp-block-cover-image.has-right-content .wp-block-cover-image-text, -.wp-block-cover.has-right-content .wp-block-cover-text { - margin-right: 0; - text-align: right; -} - -section.wp-block-cover-image > h2, -.wp-block-cover-image .wp-block-cover-image-text, -.wp-block-cover .wp-block-cover-text { - font-size: 2em; - line-height: 1.25; - z-index: 1; - margin-bottom: 0; - max-width: 840px; - padding: 0.44em; - text-align: center; +.wp-block-cover .wp-block-cover-text,.wp-block-cover-image .wp-block-cover-image-text,section.wp-block-cover-image>h2{ + font-size:2em; + line-height:1.25; + margin-bottom:0; + max-width:840px; + padding:.44em; + text-align:center; + z-index:1; } \ No newline at end of file diff --git a/wp-includes/blocks/embed/editor-rtl.css b/wp-includes/blocks/embed/editor-rtl.css index fe66293486..60a774d8c3 100644 --- a/wp-includes/blocks/embed/editor-rtl.css +++ b/wp-includes/blocks/embed/editor-rtl.css @@ -1,110 +1,32 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-embed { - margin-right: 0; - margin-left: 0; - clear: both; +.wp-block-embed{ + clear:both; + margin-left:0; + margin-right:0; } -.wp-block-embed.is-loading { - display: flex; - justify-content: center; +.wp-block-embed.is-loading{ + display:flex; + justify-content:center; } -.wp-block-embed .components-placeholder__error { - word-break: break-word; +.wp-block-embed .components-placeholder__error{ + word-break:break-word; } -.wp-block-embed .components-placeholder__learn-more { - margin-top: 1em; +.wp-block-embed .components-placeholder__learn-more{ + margin-top:1em; } -.block-library-embed__interactive-overlay { - position: absolute; - top: 0; - right: 0; - left: 0; - bottom: 0; - opacity: 0; +.block-library-embed__interactive-overlay{ + bottom:0; + left:0; + opacity:0; + position:absolute; + right:0; + top:0; } -.wp-block[data-align=left] > .wp-block-embed, -.wp-block[data-align=right] > .wp-block-embed { - max-width: 360px; - width: 100%; +.wp-block[data-align=left]>.wp-block-embed,.wp-block[data-align=right]>.wp-block-embed{ + max-width:360px; + width:100%; } -.wp-block[data-align=left] > .wp-block-embed .wp-block-embed__wrapper, -.wp-block[data-align=right] > .wp-block-embed .wp-block-embed__wrapper { - min-width: 280px; +.wp-block[data-align=left]>.wp-block-embed .wp-block-embed__wrapper,.wp-block[data-align=right]>.wp-block-embed .wp-block-embed__wrapper{ + min-width:280px; } \ No newline at end of file diff --git a/wp-includes/blocks/embed/editor.css b/wp-includes/blocks/embed/editor.css index 87f2f7e422..60a774d8c3 100644 --- a/wp-includes/blocks/embed/editor.css +++ b/wp-includes/blocks/embed/editor.css @@ -1,110 +1,32 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-embed { - margin-left: 0; - margin-right: 0; - clear: both; +.wp-block-embed{ + clear:both; + margin-left:0; + margin-right:0; } -.wp-block-embed.is-loading { - display: flex; - justify-content: center; +.wp-block-embed.is-loading{ + display:flex; + justify-content:center; } -.wp-block-embed .components-placeholder__error { - word-break: break-word; +.wp-block-embed .components-placeholder__error{ + word-break:break-word; } -.wp-block-embed .components-placeholder__learn-more { - margin-top: 1em; +.wp-block-embed .components-placeholder__learn-more{ + margin-top:1em; } -.block-library-embed__interactive-overlay { - position: absolute; - top: 0; - left: 0; - right: 0; - bottom: 0; - opacity: 0; +.block-library-embed__interactive-overlay{ + bottom:0; + left:0; + opacity:0; + position:absolute; + right:0; + top:0; } -.wp-block[data-align=left] > .wp-block-embed, -.wp-block[data-align=right] > .wp-block-embed { - max-width: 360px; - width: 100%; +.wp-block[data-align=left]>.wp-block-embed,.wp-block[data-align=right]>.wp-block-embed{ + max-width:360px; + width:100%; } -.wp-block[data-align=left] > .wp-block-embed .wp-block-embed__wrapper, -.wp-block[data-align=right] > .wp-block-embed .wp-block-embed__wrapper { - min-width: 280px; +.wp-block[data-align=left]>.wp-block-embed .wp-block-embed__wrapper,.wp-block[data-align=right]>.wp-block-embed .wp-block-embed__wrapper{ + min-width:280px; } \ No newline at end of file diff --git a/wp-includes/blocks/embed/style-rtl.css b/wp-includes/blocks/embed/style-rtl.css index 54c9d8ae7f..65a1112caa 100644 --- a/wp-includes/blocks/embed/style-rtl.css +++ b/wp-includes/blocks/embed/style-rtl.css @@ -1,146 +1,64 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block[data-align=left] > [data-type="core/embed"], -.wp-block[data-align=right] > [data-type="core/embed"], -.wp-block-embed.alignleft, -.wp-block-embed.alignright { - max-width: 360px; - width: 100%; +.wp-block-embed.alignleft,.wp-block-embed.alignright,.wp-block[data-align=left]>[data-type="core/embed"],.wp-block[data-align=right]>[data-type="core/embed"]{ + max-width:360px; + width:100%; } -.wp-block[data-align=left] > [data-type="core/embed"] .wp-block-embed__wrapper, -.wp-block[data-align=right] > [data-type="core/embed"] .wp-block-embed__wrapper, -.wp-block-embed.alignleft .wp-block-embed__wrapper, -.wp-block-embed.alignright .wp-block-embed__wrapper { - min-width: 280px; +.wp-block-embed.alignleft .wp-block-embed__wrapper,.wp-block-embed.alignright .wp-block-embed__wrapper,.wp-block[data-align=left]>[data-type="core/embed"] .wp-block-embed__wrapper,.wp-block[data-align=right]>[data-type="core/embed"] .wp-block-embed__wrapper{ + min-width:280px; } -.wp-block-cover .wp-block-embed { - min-width: 320px; - min-height: 240px; +.wp-block-cover .wp-block-embed{ + min-height:240px; + min-width:320px; } -.wp-block-embed { - overflow-wrap: break-word; +.wp-block-embed{ + overflow-wrap:break-word; } -.wp-block-embed figcaption { - margin-top: 0.5em; - margin-bottom: 1em; +.wp-block-embed figcaption{ + margin-bottom:1em; + margin-top:.5em; } -.wp-block-embed iframe { - max-width: 100%; +.wp-block-embed iframe{ + max-width:100%; } -.wp-block-embed__wrapper { - position: relative; +.wp-block-embed__wrapper{ + position:relative; } -.wp-embed-responsive .wp-has-aspect-ratio .wp-block-embed__wrapper::before { - content: ""; - display: block; - padding-top: 50%; +.wp-embed-responsive .wp-has-aspect-ratio .wp-block-embed__wrapper:before{ + content:""; + display:block; + padding-top:50%; } -.wp-embed-responsive .wp-has-aspect-ratio iframe { - position: absolute; - top: 0; - left: 0; - bottom: 0; - right: 0; - height: 100%; - width: 100%; +.wp-embed-responsive .wp-has-aspect-ratio iframe{ + bottom:0; + height:100%; + left:0; + position:absolute; + right:0; + top:0; + width:100%; } -.wp-embed-responsive .wp-embed-aspect-21-9 .wp-block-embed__wrapper::before { - padding-top: 42.85%; +.wp-embed-responsive .wp-embed-aspect-21-9 .wp-block-embed__wrapper:before{ + padding-top:42.85%; } -.wp-embed-responsive .wp-embed-aspect-18-9 .wp-block-embed__wrapper::before { - padding-top: 50%; +.wp-embed-responsive .wp-embed-aspect-18-9 .wp-block-embed__wrapper:before{ + padding-top:50%; } -.wp-embed-responsive .wp-embed-aspect-16-9 .wp-block-embed__wrapper::before { - padding-top: 56.25%; +.wp-embed-responsive .wp-embed-aspect-16-9 .wp-block-embed__wrapper:before{ + padding-top:56.25%; } -.wp-embed-responsive .wp-embed-aspect-4-3 .wp-block-embed__wrapper::before { - padding-top: 75%; +.wp-embed-responsive .wp-embed-aspect-4-3 .wp-block-embed__wrapper:before{ + padding-top:75%; } -.wp-embed-responsive .wp-embed-aspect-1-1 .wp-block-embed__wrapper::before { - padding-top: 100%; +.wp-embed-responsive .wp-embed-aspect-1-1 .wp-block-embed__wrapper:before{ + padding-top:100%; } -.wp-embed-responsive .wp-embed-aspect-9-16 .wp-block-embed__wrapper::before { - padding-top: 177.77%; +.wp-embed-responsive .wp-embed-aspect-9-16 .wp-block-embed__wrapper:before{ + padding-top:177.77%; } -.wp-embed-responsive .wp-embed-aspect-1-2 .wp-block-embed__wrapper::before { - padding-top: 200%; +.wp-embed-responsive .wp-embed-aspect-1-2 .wp-block-embed__wrapper:before{ + padding-top:200%; } \ No newline at end of file diff --git a/wp-includes/blocks/embed/style.css b/wp-includes/blocks/embed/style.css index 03e3fcd5bd..65a1112caa 100644 --- a/wp-includes/blocks/embed/style.css +++ b/wp-includes/blocks/embed/style.css @@ -1,146 +1,64 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block[data-align=left] > [data-type="core/embed"], -.wp-block[data-align=right] > [data-type="core/embed"], -.wp-block-embed.alignleft, -.wp-block-embed.alignright { - max-width: 360px; - width: 100%; +.wp-block-embed.alignleft,.wp-block-embed.alignright,.wp-block[data-align=left]>[data-type="core/embed"],.wp-block[data-align=right]>[data-type="core/embed"]{ + max-width:360px; + width:100%; } -.wp-block[data-align=left] > [data-type="core/embed"] .wp-block-embed__wrapper, -.wp-block[data-align=right] > [data-type="core/embed"] .wp-block-embed__wrapper, -.wp-block-embed.alignleft .wp-block-embed__wrapper, -.wp-block-embed.alignright .wp-block-embed__wrapper { - min-width: 280px; +.wp-block-embed.alignleft .wp-block-embed__wrapper,.wp-block-embed.alignright .wp-block-embed__wrapper,.wp-block[data-align=left]>[data-type="core/embed"] .wp-block-embed__wrapper,.wp-block[data-align=right]>[data-type="core/embed"] .wp-block-embed__wrapper{ + min-width:280px; } -.wp-block-cover .wp-block-embed { - min-width: 320px; - min-height: 240px; +.wp-block-cover .wp-block-embed{ + min-height:240px; + min-width:320px; } -.wp-block-embed { - overflow-wrap: break-word; +.wp-block-embed{ + overflow-wrap:break-word; } -.wp-block-embed figcaption { - margin-top: 0.5em; - margin-bottom: 1em; +.wp-block-embed figcaption{ + margin-bottom:1em; + margin-top:.5em; } -.wp-block-embed iframe { - max-width: 100%; +.wp-block-embed iframe{ + max-width:100%; } -.wp-block-embed__wrapper { - position: relative; +.wp-block-embed__wrapper{ + position:relative; } -.wp-embed-responsive .wp-has-aspect-ratio .wp-block-embed__wrapper::before { - content: ""; - display: block; - padding-top: 50%; +.wp-embed-responsive .wp-has-aspect-ratio .wp-block-embed__wrapper:before{ + content:""; + display:block; + padding-top:50%; } -.wp-embed-responsive .wp-has-aspect-ratio iframe { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - height: 100%; - width: 100%; +.wp-embed-responsive .wp-has-aspect-ratio iframe{ + bottom:0; + height:100%; + left:0; + position:absolute; + right:0; + top:0; + width:100%; } -.wp-embed-responsive .wp-embed-aspect-21-9 .wp-block-embed__wrapper::before { - padding-top: 42.85%; +.wp-embed-responsive .wp-embed-aspect-21-9 .wp-block-embed__wrapper:before{ + padding-top:42.85%; } -.wp-embed-responsive .wp-embed-aspect-18-9 .wp-block-embed__wrapper::before { - padding-top: 50%; +.wp-embed-responsive .wp-embed-aspect-18-9 .wp-block-embed__wrapper:before{ + padding-top:50%; } -.wp-embed-responsive .wp-embed-aspect-16-9 .wp-block-embed__wrapper::before { - padding-top: 56.25%; +.wp-embed-responsive .wp-embed-aspect-16-9 .wp-block-embed__wrapper:before{ + padding-top:56.25%; } -.wp-embed-responsive .wp-embed-aspect-4-3 .wp-block-embed__wrapper::before { - padding-top: 75%; +.wp-embed-responsive .wp-embed-aspect-4-3 .wp-block-embed__wrapper:before{ + padding-top:75%; } -.wp-embed-responsive .wp-embed-aspect-1-1 .wp-block-embed__wrapper::before { - padding-top: 100%; +.wp-embed-responsive .wp-embed-aspect-1-1 .wp-block-embed__wrapper:before{ + padding-top:100%; } -.wp-embed-responsive .wp-embed-aspect-9-16 .wp-block-embed__wrapper::before { - padding-top: 177.77%; +.wp-embed-responsive .wp-embed-aspect-9-16 .wp-block-embed__wrapper:before{ + padding-top:177.77%; } -.wp-embed-responsive .wp-embed-aspect-1-2 .wp-block-embed__wrapper::before { - padding-top: 200%; +.wp-embed-responsive .wp-embed-aspect-1-2 .wp-block-embed__wrapper:before{ + padding-top:200%; } \ No newline at end of file diff --git a/wp-includes/blocks/embed/theme-rtl.css b/wp-includes/blocks/embed/theme-rtl.css index 6e21a401ab..a297d33832 100644 --- a/wp-includes/blocks/embed/theme-rtl.css +++ b/wp-includes/blocks/embed/theme-rtl.css @@ -1,88 +1,12 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-embed figcaption { - color: #555; - font-size: 13px; - text-align: center; +.wp-block-embed figcaption{ + color:#555; + font-size:13px; + text-align:center; } -.is-dark-theme .wp-block-embed figcaption { - color: rgba(255, 255, 255, 0.65); +.is-dark-theme .wp-block-embed figcaption{ + color:hsla(0,0%,100%,.65); } -.wp-block-embed { - margin: 0 0 1em 0; +.wp-block-embed{ + margin:0 0 1em; } \ No newline at end of file diff --git a/wp-includes/blocks/embed/theme.css b/wp-includes/blocks/embed/theme.css index 6e21a401ab..a297d33832 100644 --- a/wp-includes/blocks/embed/theme.css +++ b/wp-includes/blocks/embed/theme.css @@ -1,88 +1,12 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-embed figcaption { - color: #555; - font-size: 13px; - text-align: center; +.wp-block-embed figcaption{ + color:#555; + font-size:13px; + text-align:center; } -.is-dark-theme .wp-block-embed figcaption { - color: rgba(255, 255, 255, 0.65); +.is-dark-theme .wp-block-embed figcaption{ + color:hsla(0,0%,100%,.65); } -.wp-block-embed { - margin: 0 0 1em 0; +.wp-block-embed{ + margin:0 0 1em; } \ No newline at end of file diff --git a/wp-includes/blocks/file/editor-rtl.css b/wp-includes/blocks/file/editor-rtl.css index 11123184f9..cb7aca12a2 100644 --- a/wp-includes/blocks/file/editor-rtl.css +++ b/wp-includes/blocks/file/editor-rtl.css @@ -1,111 +1,35 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-file { - display: flex; - flex-wrap: wrap; - justify-content: space-between; - align-items: center; - margin-bottom: 0; +.wp-block-file{ + align-items:center; + display:flex; + flex-wrap:wrap; + justify-content:space-between; + margin-bottom:0; } -.wp-block[data-align=left] > .wp-block-file, .wp-block[data-align=right] > .wp-block-file { - height: auto; +.wp-block[data-align=left]>.wp-block-file,.wp-block[data-align=right]>.wp-block-file{ + height:auto; } -.wp-block-file .components-resizable-box__container { - margin-bottom: 1em; +.wp-block-file .components-resizable-box__container{ + margin-bottom:1em; } -.wp-block-file .wp-block-file__preview { - margin-bottom: 1em; - width: 100%; - height: 100%; +.wp-block-file .wp-block-file__preview{ + height:100%; + margin-bottom:1em; + width:100%; } -.wp-block-file .wp-block-file__preview-overlay { - position: absolute; - top: 0; - left: 0; - bottom: 0; - right: 0; +.wp-block-file .wp-block-file__preview-overlay{ + bottom:0; + left:0; + position:absolute; + right:0; + top:0; } -.wp-block-file .wp-block-file__content-wrapper { - flex-grow: 1; +.wp-block-file .wp-block-file__content-wrapper{ + flex-grow:1; } -.wp-block-file a { - min-width: 1em; +.wp-block-file a{ + min-width:1em; } -.wp-block-file .wp-block-file__button-richtext-wrapper { - display: inline-block; - margin-right: 0.75em; +.wp-block-file .wp-block-file__button-richtext-wrapper{ + display:inline-block; + margin-right:.75em; } \ No newline at end of file diff --git a/wp-includes/blocks/file/editor.css b/wp-includes/blocks/file/editor.css index 745097ed0b..21338a86db 100644 --- a/wp-includes/blocks/file/editor.css +++ b/wp-includes/blocks/file/editor.css @@ -1,111 +1,35 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-file { - display: flex; - flex-wrap: wrap; - justify-content: space-between; - align-items: center; - margin-bottom: 0; +.wp-block-file{ + align-items:center; + display:flex; + flex-wrap:wrap; + justify-content:space-between; + margin-bottom:0; } -.wp-block[data-align=left] > .wp-block-file, .wp-block[data-align=right] > .wp-block-file { - height: auto; +.wp-block[data-align=left]>.wp-block-file,.wp-block[data-align=right]>.wp-block-file{ + height:auto; } -.wp-block-file .components-resizable-box__container { - margin-bottom: 1em; +.wp-block-file .components-resizable-box__container{ + margin-bottom:1em; } -.wp-block-file .wp-block-file__preview { - margin-bottom: 1em; - width: 100%; - height: 100%; +.wp-block-file .wp-block-file__preview{ + height:100%; + margin-bottom:1em; + width:100%; } -.wp-block-file .wp-block-file__preview-overlay { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; +.wp-block-file .wp-block-file__preview-overlay{ + bottom:0; + left:0; + position:absolute; + right:0; + top:0; } -.wp-block-file .wp-block-file__content-wrapper { - flex-grow: 1; +.wp-block-file .wp-block-file__content-wrapper{ + flex-grow:1; } -.wp-block-file a { - min-width: 1em; +.wp-block-file a{ + min-width:1em; } -.wp-block-file .wp-block-file__button-richtext-wrapper { - display: inline-block; - margin-left: 0.75em; +.wp-block-file .wp-block-file__button-richtext-wrapper{ + display:inline-block; + margin-left:.75em; } \ No newline at end of file diff --git a/wp-includes/blocks/file/style-rtl.css b/wp-includes/blocks/file/style-rtl.css index 006524ac85..3dc76dc1e7 100644 --- a/wp-includes/blocks/file/style-rtl.css +++ b/wp-includes/blocks/file/style-rtl.css @@ -1,106 +1,30 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-file { - margin-bottom: 1.5em; +.wp-block-file{ + margin-bottom:1.5em; } -.wp-block-file:not(.wp-element-button) { - font-size: 0.8em; +.wp-block-file:not(.wp-element-button){ + font-size:.8em; } -.wp-block-file.aligncenter { - text-align: center; +.wp-block-file.aligncenter{ + text-align:center; } -.wp-block-file.alignright { - text-align: right; +.wp-block-file.alignright{ + text-align:right; } -.wp-block-file * + .wp-block-file__button { - margin-right: 0.75em; +.wp-block-file *+.wp-block-file__button{ + margin-right:.75em; } -.wp-block-file__embed { - margin-bottom: 1em; +.wp-block-file__embed{ + margin-bottom:1em; } -:where(.wp-block-file__button) { - border-radius: 2em; - padding: 0.5em 1em; +:where(.wp-block-file__button){ + border-radius:2em; + padding:.5em 1em; } -:where(.wp-block-file__button):is(a):hover, :where(.wp-block-file__button):is(a):visited, :where(.wp-block-file__button):is(a):focus, :where(.wp-block-file__button):is(a):active { - box-shadow: none; - color: #fff; - opacity: 0.85; - text-decoration: none; +:where(.wp-block-file__button):is(a):active,:where(.wp-block-file__button):is(a):focus,:where(.wp-block-file__button):is(a):hover,:where(.wp-block-file__button):is(a):visited{ + box-shadow:none; + color:#fff; + opacity:.85; + text-decoration:none; } \ No newline at end of file diff --git a/wp-includes/blocks/file/style.css b/wp-includes/blocks/file/style.css index dc25e5f12e..eeef9f770f 100644 --- a/wp-includes/blocks/file/style.css +++ b/wp-includes/blocks/file/style.css @@ -1,107 +1,30 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-file { - margin-bottom: 1.5em; +.wp-block-file{ + margin-bottom:1.5em; } -.wp-block-file:not(.wp-element-button) { - font-size: 0.8em; +.wp-block-file:not(.wp-element-button){ + font-size:.8em; } -.wp-block-file.aligncenter { - text-align: center; +.wp-block-file.aligncenter{ + text-align:center; } -.wp-block-file.alignright { - /*rtl:ignore*/ - text-align: right; +.wp-block-file.alignright{ + text-align:right; } -.wp-block-file * + .wp-block-file__button { - margin-left: 0.75em; +.wp-block-file *+.wp-block-file__button{ + margin-left:.75em; } -.wp-block-file__embed { - margin-bottom: 1em; +.wp-block-file__embed{ + margin-bottom:1em; } -:where(.wp-block-file__button) { - border-radius: 2em; - padding: 0.5em 1em; +:where(.wp-block-file__button){ + border-radius:2em; + padding:.5em 1em; } -:where(.wp-block-file__button):is(a):hover, :where(.wp-block-file__button):is(a):visited, :where(.wp-block-file__button):is(a):focus, :where(.wp-block-file__button):is(a):active { - box-shadow: none; - color: #fff; - opacity: 0.85; - text-decoration: none; +:where(.wp-block-file__button):is(a):active,:where(.wp-block-file__button):is(a):focus,:where(.wp-block-file__button):is(a):hover,:where(.wp-block-file__button):is(a):visited{ + box-shadow:none; + color:#fff; + opacity:.85; + text-decoration:none; } \ No newline at end of file diff --git a/wp-includes/blocks/freeform/editor-rtl.css b/wp-includes/blocks/freeform/editor-rtl.css index 8e7836723e..da5b0f6c58 100644 --- a/wp-includes/blocks/freeform/editor-rtl.css +++ b/wp-includes/blocks/freeform/editor-rtl.css @@ -1,399 +1,302 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-freeform.block-library-rich-text__tinymce { - height: auto; - /* Allow height of embed iframes to be calculated properly */ - /* Remove blue highlighting of selected images in WebKit */ - /* Image captions */ - /* WP Views */ +.wp-block-freeform.block-library-rich-text__tinymce{ + height:auto; } -.wp-block-freeform.block-library-rich-text__tinymce p, -.wp-block-freeform.block-library-rich-text__tinymce li { - line-height: 1.8; +.wp-block-freeform.block-library-rich-text__tinymce li,.wp-block-freeform.block-library-rich-text__tinymce p{ + line-height:1.8; } -.wp-block-freeform.block-library-rich-text__tinymce ul, -.wp-block-freeform.block-library-rich-text__tinymce ol { - padding-right: 2.5em; - margin-right: 0; +.wp-block-freeform.block-library-rich-text__tinymce ol,.wp-block-freeform.block-library-rich-text__tinymce ul{ + margin-right:0; + padding-right:2.5em; } -.wp-block-freeform.block-library-rich-text__tinymce blockquote { - margin: 0; - box-shadow: inset 0 0 0 0 #ddd; - border-right: 4px solid #000; - padding-right: 1em; +.wp-block-freeform.block-library-rich-text__tinymce blockquote{ + border-right:4px solid #000; + box-shadow:inset 0 0 0 0 #ddd; + margin:0; + padding-right:1em; } -.wp-block-freeform.block-library-rich-text__tinymce pre { - white-space: pre-wrap; - font-family: Menlo, Consolas, monaco, monospace; - font-size: 15px; - color: #1e1e1e; +.wp-block-freeform.block-library-rich-text__tinymce pre{ + color:#1e1e1e; + font-family:Menlo,Consolas,monaco,monospace; + font-size:15px; + white-space:pre-wrap; } -.wp-block-freeform.block-library-rich-text__tinymce > *:first-child { - margin-top: 0; +.wp-block-freeform.block-library-rich-text__tinymce>:first-child{ + margin-top:0; } -.wp-block-freeform.block-library-rich-text__tinymce > *:last-child { - margin-bottom: 0; +.wp-block-freeform.block-library-rich-text__tinymce>:last-child{ + margin-bottom:0; } -.wp-block-freeform.block-library-rich-text__tinymce.mce-edit-focus { - outline: none; +.wp-block-freeform.block-library-rich-text__tinymce.mce-edit-focus{ + outline:none; } -.wp-block-freeform.block-library-rich-text__tinymce a { - color: var(--wp-admin-theme-color); +.wp-block-freeform.block-library-rich-text__tinymce a{ + color:var(--wp-admin-theme-color); } -.wp-block-freeform.block-library-rich-text__tinymce:focus a[data-mce-selected] { - padding: 0 2px; - margin: 0 -2px; - border-radius: 2px; - box-shadow: 0 0 0 1px #e5f5fa; - background: #e5f5fa; +.wp-block-freeform.block-library-rich-text__tinymce:focus a[data-mce-selected]{ + background:#e5f5fa; + border-radius:2px; + box-shadow:0 0 0 1px #e5f5fa; + margin:0 -2px; + padding:0 2px; } -.wp-block-freeform.block-library-rich-text__tinymce code { - padding: 2px; - border-radius: 2px; - color: #1e1e1e; - background: #f0f0f0; - font-family: Menlo, Consolas, monaco, monospace; - font-size: 14px; +.wp-block-freeform.block-library-rich-text__tinymce code{ + background:#f0f0f0; + border-radius:2px; + color:#1e1e1e; + font-family:Menlo,Consolas,monaco,monospace; + font-size:14px; + padding:2px; } -.wp-block-freeform.block-library-rich-text__tinymce:focus code[data-mce-selected] { - background: #ddd; +.wp-block-freeform.block-library-rich-text__tinymce:focus code[data-mce-selected]{ + background:#ddd; } -.wp-block-freeform.block-library-rich-text__tinymce .alignright { - float: right; - margin: 0.5em 0 0.5em 1em; +.wp-block-freeform.block-library-rich-text__tinymce .alignright{ + float:right; + margin:.5em 0 .5em 1em; } -.wp-block-freeform.block-library-rich-text__tinymce .alignleft { - float: left; - margin: 0.5em 1em 0.5em 0; +.wp-block-freeform.block-library-rich-text__tinymce .alignleft{ + float:left; + margin:.5em 1em .5em 0; } -.wp-block-freeform.block-library-rich-text__tinymce .aligncenter { - display: block; - margin-right: auto; - margin-left: auto; +.wp-block-freeform.block-library-rich-text__tinymce .aligncenter{ + display:block; + margin-left:auto; + margin-right:auto; } -.wp-block-freeform.block-library-rich-text__tinymce .wp-more-tag { - width: 96%; - height: 20px; - display: block; - margin: 15px auto; - outline: 0; - cursor: default; - background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAADtgAAAAoBAMAAAA86gLBAAAAJFBMVEVMaXG7u7vBwcHDw8POzs68vLzGxsbMzMy+vr7AwMDQ0NDGxsYKLGzpAAAADHRSTlMA///zWf+/f///TMxNVGuqAAABwklEQVR4Ae3dMXLaQBTH4bfj8UCpx8hq0vgKvgFNemhT6Qo6gg6R+0ZahM2QLmyBJ99XWP9V5+o3jIUcLQEAAAAAAAAAAAAAAAAAAAAAAABQ8j0WL9lfTtlt18uNXAUA8O/KVtfa1tdcrOdSh9gCQAMlh1hMNbZZ1bsrsQWABsrhLRbz7z5in/32UbfUMUbkMQCAh5RfGYv82UdMdZ6HS2wjT2ILAI8r3XmM2B3WvM59vfO2xXYW2yYAENuPU8S+X/N67mKxzy225yaxBQCxLV392UdcvwV0jPVUj98ntkBWT7C7+9u2/V/vGtvXIWJ6/4rtbottWa6Ri0NUT/u72LYttrb97LHdvUXMxxrb8TO2W2TF1rYbbLG1bbGNjMi4+2Sbi1FsbbvNFlvbFtt5fDnE3d9sP1/XeIyV2Nr2U2/guZUuptNrH/dPI9eLB6SaAEBs6wPJf3/PNk9tYgsAYrv/8TFuzx/fvkFqGtrEFgDEdpcZUb7ejXy6ntrEFgDENvL6gsas4vbdyKt4DACI7TxElJv/Z7udpqFNbAFAbKduy2uU2trttM/x28UWAAAAAAAAAAAAAAAAAAAAAAAAAADgDyPwGmGTCZp7AAAAAElFTkSuQmCC); - background-size: 1900px 20px; - background-repeat: no-repeat; - background-position: center; +.wp-block-freeform.block-library-rich-text__tinymce .wp-more-tag{ + background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAADtgAAAAoBAMAAAA86gLBAAAAJFBMVEVMaXG7u7vBwcHDw8POzs68vLzGxsbMzMy+vr7AwMDQ0NDGxsYKLGzpAAAADHRSTlMA///zWf+/f///TMxNVGuqAAABwklEQVR4Ae3dMXLaQBTH4bfj8UCpx8hq0vgKvgFNemhT6Qo6gg6R+0ZahM2QLmyBJ99XWP9V5+o3jIUcLQEAAAAAAAAAAAAAAAAAAAAAAABQ8j0WL9lfTtlt18uNXAUA8O/KVtfa1tdcrOdSh9gCQAMlh1hMNbZZ1bsrsQWABsrhLRbz7z5in/32UbfUMUbkMQCAh5RfGYv82UdMdZ6HS2wjT2ILAI8r3XmM2B3WvM59vfO2xXYW2yYAENuPU8S+X/N67mKxzy225yaxBQCxLV392UdcvwV0jPVUj98ntkBWT7C7+9u2/V/vGtvXIWJ6/4rtbottWa6Ri0NUT/u72LYttrb97LHdvUXMxxrb8TO2W2TF1rYbbLG1bbGNjMi4+2Sbi1FsbbvNFlvbFtt5fDnE3d9sP1/XeIyV2Nr2U2/guZUuptNrH/dPI9eLB6SaAEBs6wPJf3/PNk9tYgsAYrv/8TFuzx/fvkFqGtrEFgDEdpcZUb7ejXy6ntrEFgDENvL6gsas4vbdyKt4DACI7TxElJv/Z7udpqFNbAFAbKduy2uU2trttM/x28UWAAAAAAAAAAAAAAAAAAAAAAAAAADgDyPwGmGTCZp7AAAAAElFTkSuQmCC); + background-position:50%; + background-repeat:no-repeat; + background-size:1900px 20px; + cursor:default; + display:block; + height:20px; + margin:15px auto; + outline:0; + width:96%; } -.wp-block-freeform.block-library-rich-text__tinymce img::selection { - background-color: transparent; +.wp-block-freeform.block-library-rich-text__tinymce img::selection{ + background-color:initial; } -.wp-block-freeform.block-library-rich-text__tinymce div.mceTemp { - -ms-user-select: element; +.wp-block-freeform.block-library-rich-text__tinymce div.mceTemp{ + -ms-user-select:element; } -.wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption { - margin: 0; - /* dl browser reset */ - max-width: 100%; +.wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption{ + margin:0; + max-width:100%; } -.wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption a, -.wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption img { - display: block; +.wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption a,.wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption img{ + display:block; } -.wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption, .wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption * { - -webkit-user-drag: none; +.wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption,.wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption *{ + -webkit-user-drag:none; } -.wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption .wp-caption-dd { - padding-top: 0.5em; - margin: 0; - /* browser dd reset */ +.wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption .wp-caption-dd{ + margin:0; + padding-top:.5em; } -.wp-block-freeform.block-library-rich-text__tinymce .wpview { - width: 99.99%; - /* All IE need hasLayout, incl. 11 (ugh, not again!!) */ - position: relative; - clear: both; - margin-bottom: 16px; - border: 1px solid transparent; +.wp-block-freeform.block-library-rich-text__tinymce .wpview{ + border:1px solid transparent; + clear:both; + margin-bottom:16px; + position:relative; + width:99.99%; } -.wp-block-freeform.block-library-rich-text__tinymce .wpview iframe { - display: block; - max-width: 100%; - background: transparent; +.wp-block-freeform.block-library-rich-text__tinymce .wpview iframe{ + background:transparent; + display:block; + max-width:100%; } -.wp-block-freeform.block-library-rich-text__tinymce .wpview .mce-shim { - position: absolute; - top: 0; - left: 0; - bottom: 0; - right: 0; +.wp-block-freeform.block-library-rich-text__tinymce .wpview .mce-shim{ + bottom:0; + left:0; + position:absolute; + right:0; + top:0; } -.wp-block-freeform.block-library-rich-text__tinymce .wpview[data-mce-selected="2"] .mce-shim { - display: none; +.wp-block-freeform.block-library-rich-text__tinymce .wpview[data-mce-selected="2"] .mce-shim{ + display:none; } -.wp-block-freeform.block-library-rich-text__tinymce .wpview .loading-placeholder { - border: 1px dashed #ddd; - padding: 10px; +.wp-block-freeform.block-library-rich-text__tinymce .wpview .loading-placeholder{ + border:1px dashed #ddd; + padding:10px; } -.wp-block-freeform.block-library-rich-text__tinymce .wpview .wpview-error { - border: 1px solid #ddd; - padding: 1em 0; - margin: 0; - word-wrap: break-word; +.wp-block-freeform.block-library-rich-text__tinymce .wpview .wpview-error{ + word-wrap:break-word; + border:1px solid #ddd; + margin:0; + padding:1em 0; } -.wp-block-freeform.block-library-rich-text__tinymce .wpview .wpview-error p { - margin: 0; - text-align: center; +.wp-block-freeform.block-library-rich-text__tinymce .wpview .wpview-error p{ + margin:0; + text-align:center; } -.wp-block-freeform.block-library-rich-text__tinymce .wpview[data-mce-selected] .loading-placeholder, .wp-block-freeform.block-library-rich-text__tinymce .wpview[data-mce-selected] .wpview-error { - border-color: transparent; +.wp-block-freeform.block-library-rich-text__tinymce .wpview[data-mce-selected] .loading-placeholder,.wp-block-freeform.block-library-rich-text__tinymce .wpview[data-mce-selected] .wpview-error{ + border-color:transparent; } -.wp-block-freeform.block-library-rich-text__tinymce .wpview .dashicons { - display: block; - margin: 0 auto; - width: 32px; - height: 32px; - font-size: 32px; +.wp-block-freeform.block-library-rich-text__tinymce .wpview .dashicons{ + display:block; + font-size:32px; + height:32px; + margin:0 auto; + width:32px; } -.wp-block-freeform.block-library-rich-text__tinymce .wpview.wpview-type-gallery::after { - content: ""; - display: table; - clear: both; +.wp-block-freeform.block-library-rich-text__tinymce .wpview.wpview-type-gallery:after{ + clear:both; + content:""; + display:table; } -.wp-block-freeform.block-library-rich-text__tinymce .gallery img[data-mce-selected]:focus { - outline: none; +.wp-block-freeform.block-library-rich-text__tinymce .gallery img[data-mce-selected]:focus{ + outline:none; } -.wp-block-freeform.block-library-rich-text__tinymce .gallery a { - cursor: default; +.wp-block-freeform.block-library-rich-text__tinymce .gallery a{ + cursor:default; } -.wp-block-freeform.block-library-rich-text__tinymce .gallery { - margin: auto -6px; - padding: 6px 0; - line-height: 1; - overflow-x: hidden; +.wp-block-freeform.block-library-rich-text__tinymce .gallery{ + line-height:1; + margin:auto -6px; + overflow-x:hidden; + padding:6px 0; } -.wp-block-freeform.block-library-rich-text__tinymce .gallery .gallery-item { - float: right; - margin: 0; - text-align: center; - padding: 6px; - box-sizing: border-box; +.wp-block-freeform.block-library-rich-text__tinymce .gallery .gallery-item{ + box-sizing:border-box; + float:right; + margin:0; + padding:6px; + text-align:center; } -.wp-block-freeform.block-library-rich-text__tinymce .gallery .gallery-caption, -.wp-block-freeform.block-library-rich-text__tinymce .gallery .gallery-icon { - margin: 0; +.wp-block-freeform.block-library-rich-text__tinymce .gallery .gallery-caption,.wp-block-freeform.block-library-rich-text__tinymce .gallery .gallery-icon{ + margin:0; } -.wp-block-freeform.block-library-rich-text__tinymce .gallery .gallery-caption { - font-size: 13px; - margin: 4px 0; +.wp-block-freeform.block-library-rich-text__tinymce .gallery .gallery-caption{ + font-size:13px; + margin:4px 0; } -.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-1 .gallery-item { - width: 100%; +.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-1 .gallery-item{ + width:100%; } -.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-2 .gallery-item { - width: 50%; +.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-2 .gallery-item{ + width:50%; } -.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-3 .gallery-item { - width: 33.3333333333%; +.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-3 .gallery-item{ + width:33.3333333333%; } -.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-4 .gallery-item { - width: 25%; +.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-4 .gallery-item{ + width:25%; } -.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-5 .gallery-item { - width: 20%; +.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-5 .gallery-item{ + width:20%; } -.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-6 .gallery-item { - width: 16.6666666667%; +.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-6 .gallery-item{ + width:16.6666666667%; } -.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-7 .gallery-item { - width: 14.2857142857%; +.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-7 .gallery-item{ + width:14.2857142857%; } -.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-8 .gallery-item { - width: 12.5%; +.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-8 .gallery-item{ + width:12.5%; } -.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-9 .gallery-item { - width: 11.1111111111%; +.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-9 .gallery-item{ + width:11.1111111111%; } -.wp-block-freeform.block-library-rich-text__tinymce .gallery img { - max-width: 100%; - height: auto; - border: none; - padding: 0; +.wp-block-freeform.block-library-rich-text__tinymce .gallery img{ + border:none; + height:auto; + max-width:100%; + padding:0; } -div[data-type="core/freeform"]::before { - transition: border-color 0.1s linear, box-shadow 0.1s linear; - border: 1px solid #ddd; - outline: 1px solid transparent; +div[data-type="core/freeform"]:before{ + border:1px solid #ddd; + outline:1px solid transparent; + transition:border-color .1s linear,box-shadow .1s linear; } -@media (prefers-reduced-motion: reduce) { - div[data-type="core/freeform"]::before { - transition-duration: 0s; - transition-delay: 0s; +@media (prefers-reduced-motion:reduce){ + div[data-type="core/freeform"]:before{ + transition-delay:0s; + transition-duration:0s; } } -div[data-type="core/freeform"].is-selected::before { - border-color: #1e1e1e; +div[data-type="core/freeform"].is-selected:before{ + border-color:#1e1e1e; } -div[data-type="core/freeform"] .block-editor-block-contextual-toolbar + div { - margin-top: 0; - padding-top: 0; +div[data-type="core/freeform"] .block-editor-block-contextual-toolbar+div{ + margin-top:0; + padding-top:0; } -div[data-type="core/freeform"].is-selected .block-library-rich-text__tinymce::after { - content: ""; - display: table; - clear: both; +div[data-type="core/freeform"].is-selected .block-library-rich-text__tinymce:after{ + clear:both; + content:""; + display:table; } -.mce-toolbar-grp .mce-btn.mce-active button, -.mce-toolbar-grp .mce-btn.mce-active:hover button, -.mce-toolbar-grp .mce-btn.mce-active i, -.mce-toolbar-grp .mce-btn.mce-active:hover i { - color: #1e1e1e; +.mce-toolbar-grp .mce-btn.mce-active button,.mce-toolbar-grp .mce-btn.mce-active i,.mce-toolbar-grp .mce-btn.mce-active:hover button,.mce-toolbar-grp .mce-btn.mce-active:hover i{ + color:#1e1e1e; } -.mce-toolbar-grp .mce-rtl .mce-flow-layout-item.mce-last { - margin-left: 0; - margin-right: 8px; +.mce-toolbar-grp .mce-rtl .mce-flow-layout-item.mce-last{ + margin-left:0; + margin-right:8px; } -.mce-toolbar-grp .mce-btn i { - font-style: normal; +.mce-toolbar-grp .mce-btn i{ + font-style:normal; } -.block-library-classic__toolbar { - display: none; - width: auto; - margin: 0; - position: sticky; - z-index: 31; - top: 0; - border: 1px solid #ddd; - border-bottom: none; - border-radius: 2px; - margin-bottom: 8px; - padding: 0; +.block-library-classic__toolbar{ + border:1px solid #ddd; + border-bottom:none; + border-radius:2px; + display:none; + margin:0 0 8px; + padding:0; + position:sticky; + top:0; + width:auto; + z-index:31; } -div[data-type="core/freeform"].is-selected .block-library-classic__toolbar { - display: block; - border-color: #1e1e1e; +div[data-type="core/freeform"].is-selected .block-library-classic__toolbar{ + border-color:#1e1e1e; + display:block; } -.block-library-classic__toolbar .mce-tinymce { - box-shadow: none; +.block-library-classic__toolbar .mce-tinymce{ + box-shadow:none; } -@media (min-width: 600px) { - .block-library-classic__toolbar { - padding: 0; +@media (min-width:600px){ + .block-library-classic__toolbar{ + padding:0; } } -.block-library-classic__toolbar:empty { - display: block; - background: #f5f5f5; - border-bottom: 1px solid #e2e4e7; +.block-library-classic__toolbar:empty{ + background:#f5f5f5; + border-bottom:1px solid #e2e4e7; + display:block; } -.block-library-classic__toolbar:empty::before { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - font-size: 13px; - content: attr(data-placeholder); - color: #555d66; - line-height: 37px; - padding: 14px; +.block-library-classic__toolbar:empty:before{ + color:#555d66; + content:attr(data-placeholder); + font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; + font-size:13px; + line-height:37px; + padding:14px; } -.block-library-classic__toolbar div.mce-toolbar-grp { - border-bottom: 1px solid #1e1e1e; +.block-library-classic__toolbar div.mce-toolbar-grp{ + border-bottom:1px solid #1e1e1e; } -.block-library-classic__toolbar .mce-tinymce-inline, -.block-library-classic__toolbar .mce-tinymce-inline > div, -.block-library-classic__toolbar div.mce-toolbar-grp, -.block-library-classic__toolbar div.mce-toolbar-grp > div, -.block-library-classic__toolbar .mce-menubar, -.block-library-classic__toolbar .mce-menubar > div { - height: auto !important; - width: 100% !important; +.block-library-classic__toolbar .mce-menubar,.block-library-classic__toolbar .mce-menubar>div,.block-library-classic__toolbar .mce-tinymce-inline,.block-library-classic__toolbar .mce-tinymce-inline>div,.block-library-classic__toolbar div.mce-toolbar-grp,.block-library-classic__toolbar div.mce-toolbar-grp>div{ + height:auto !important; + width:100% !important; } -.block-library-classic__toolbar .mce-container-body.mce-abs-layout { - overflow: visible; +.block-library-classic__toolbar .mce-container-body.mce-abs-layout{ + overflow:visible; } -.block-library-classic__toolbar .mce-menubar, -.block-library-classic__toolbar div.mce-toolbar-grp { - position: static; +.block-library-classic__toolbar .mce-menubar,.block-library-classic__toolbar div.mce-toolbar-grp{ + position:static; } -.block-library-classic__toolbar .mce-toolbar-grp > div { - padding: 1px 3px; +.block-library-classic__toolbar .mce-toolbar-grp>div{ + padding:1px 3px; } -.block-library-classic__toolbar .mce-toolbar-grp .mce-toolbar:not(:first-child) { - display: none; +.block-library-classic__toolbar .mce-toolbar-grp .mce-toolbar:not(:first-child){ + display:none; } -.block-library-classic__toolbar.has-advanced-toolbar .mce-toolbar-grp .mce-toolbar { - display: block; +.block-library-classic__toolbar.has-advanced-toolbar .mce-toolbar-grp .mce-toolbar{ + display:block; } \ No newline at end of file diff --git a/wp-includes/blocks/freeform/editor.css b/wp-includes/blocks/freeform/editor.css index 7a0fb4b329..cf36952851 100644 --- a/wp-includes/blocks/freeform/editor.css +++ b/wp-includes/blocks/freeform/editor.css @@ -1,403 +1,302 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-freeform.block-library-rich-text__tinymce { - height: auto; - /* Allow height of embed iframes to be calculated properly */ - /* Remove blue highlighting of selected images in WebKit */ - /* Image captions */ - /* WP Views */ +.wp-block-freeform.block-library-rich-text__tinymce{ + height:auto; } -.wp-block-freeform.block-library-rich-text__tinymce p, -.wp-block-freeform.block-library-rich-text__tinymce li { - line-height: 1.8; +.wp-block-freeform.block-library-rich-text__tinymce li,.wp-block-freeform.block-library-rich-text__tinymce p{ + line-height:1.8; } -.wp-block-freeform.block-library-rich-text__tinymce ul, -.wp-block-freeform.block-library-rich-text__tinymce ol { - padding-left: 2.5em; - margin-left: 0; +.wp-block-freeform.block-library-rich-text__tinymce ol,.wp-block-freeform.block-library-rich-text__tinymce ul{ + margin-left:0; + padding-left:2.5em; } -.wp-block-freeform.block-library-rich-text__tinymce blockquote { - margin: 0; - box-shadow: inset 0 0 0 0 #ddd; - border-left: 4px solid #000; - padding-left: 1em; +.wp-block-freeform.block-library-rich-text__tinymce blockquote{ + border-left:4px solid #000; + box-shadow:inset 0 0 0 0 #ddd; + margin:0; + padding-left:1em; } -.wp-block-freeform.block-library-rich-text__tinymce pre { - white-space: pre-wrap; - font-family: Menlo, Consolas, monaco, monospace; - font-size: 15px; - color: #1e1e1e; +.wp-block-freeform.block-library-rich-text__tinymce pre{ + color:#1e1e1e; + font-family:Menlo,Consolas,monaco,monospace; + font-size:15px; + white-space:pre-wrap; } -.wp-block-freeform.block-library-rich-text__tinymce > *:first-child { - margin-top: 0; +.wp-block-freeform.block-library-rich-text__tinymce>:first-child{ + margin-top:0; } -.wp-block-freeform.block-library-rich-text__tinymce > *:last-child { - margin-bottom: 0; +.wp-block-freeform.block-library-rich-text__tinymce>:last-child{ + margin-bottom:0; } -.wp-block-freeform.block-library-rich-text__tinymce.mce-edit-focus { - outline: none; +.wp-block-freeform.block-library-rich-text__tinymce.mce-edit-focus{ + outline:none; } -.wp-block-freeform.block-library-rich-text__tinymce a { - color: var(--wp-admin-theme-color); +.wp-block-freeform.block-library-rich-text__tinymce a{ + color:var(--wp-admin-theme-color); } -.wp-block-freeform.block-library-rich-text__tinymce:focus a[data-mce-selected] { - padding: 0 2px; - margin: 0 -2px; - border-radius: 2px; - box-shadow: 0 0 0 1px #e5f5fa; - background: #e5f5fa; +.wp-block-freeform.block-library-rich-text__tinymce:focus a[data-mce-selected]{ + background:#e5f5fa; + border-radius:2px; + box-shadow:0 0 0 1px #e5f5fa; + margin:0 -2px; + padding:0 2px; } -.wp-block-freeform.block-library-rich-text__tinymce code { - padding: 2px; - border-radius: 2px; - color: #1e1e1e; - background: #f0f0f0; - font-family: Menlo, Consolas, monaco, monospace; - font-size: 14px; +.wp-block-freeform.block-library-rich-text__tinymce code{ + background:#f0f0f0; + border-radius:2px; + color:#1e1e1e; + font-family:Menlo,Consolas,monaco,monospace; + font-size:14px; + padding:2px; } -.wp-block-freeform.block-library-rich-text__tinymce:focus code[data-mce-selected] { - background: #ddd; +.wp-block-freeform.block-library-rich-text__tinymce:focus code[data-mce-selected]{ + background:#ddd; } -.wp-block-freeform.block-library-rich-text__tinymce .alignright { - /*rtl:ignore*/ - float: right; - /*rtl:ignore*/ - margin: 0.5em 0 0.5em 1em; +.wp-block-freeform.block-library-rich-text__tinymce .alignright{ + float:right; + margin:.5em 0 .5em 1em; } -.wp-block-freeform.block-library-rich-text__tinymce .alignleft { - /*rtl:ignore*/ - float: left; - /*rtl:ignore*/ - margin: 0.5em 1em 0.5em 0; +.wp-block-freeform.block-library-rich-text__tinymce .alignleft{ + float:left; + margin:.5em 1em .5em 0; } -.wp-block-freeform.block-library-rich-text__tinymce .aligncenter { - display: block; - margin-left: auto; - margin-right: auto; +.wp-block-freeform.block-library-rich-text__tinymce .aligncenter{ + display:block; + margin-left:auto; + margin-right:auto; } -.wp-block-freeform.block-library-rich-text__tinymce .wp-more-tag { - width: 96%; - height: 20px; - display: block; - margin: 15px auto; - outline: 0; - cursor: default; - background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAADtgAAAAoBAMAAAA86gLBAAAAJFBMVEVMaXG7u7vBwcHDw8POzs68vLzGxsbMzMy+vr7AwMDQ0NDGxsYKLGzpAAAADHRSTlMA///zWf+/f///TMxNVGuqAAABwklEQVR4Ae3dMXLaQBTH4bfj8UCpx8hq0vgKvgFNemhT6Qo6gg6R+0ZahM2QLmyBJ99XWP9V5+o3jIUcLQEAAAAAAAAAAAAAAAAAAAAAAABQ8j0WL9lfTtlt18uNXAUA8O/KVtfa1tdcrOdSh9gCQAMlh1hMNbZZ1bsrsQWABsrhLRbz7z5in/32UbfUMUbkMQCAh5RfGYv82UdMdZ6HS2wjT2ILAI8r3XmM2B3WvM59vfO2xXYW2yYAENuPU8S+X/N67mKxzy225yaxBQCxLV392UdcvwV0jPVUj98ntkBWT7C7+9u2/V/vGtvXIWJ6/4rtbottWa6Ri0NUT/u72LYttrb97LHdvUXMxxrb8TO2W2TF1rYbbLG1bbGNjMi4+2Sbi1FsbbvNFlvbFtt5fDnE3d9sP1/XeIyV2Nr2U2/guZUuptNrH/dPI9eLB6SaAEBs6wPJf3/PNk9tYgsAYrv/8TFuzx/fvkFqGtrEFgDEdpcZUb7ejXy6ntrEFgDENvL6gsas4vbdyKt4DACI7TxElJv/Z7udpqFNbAFAbKduy2uU2trttM/x28UWAAAAAAAAAAAAAAAAAAAAAAAAAADgDyPwGmGTCZp7AAAAAElFTkSuQmCC); - background-size: 1900px 20px; - background-repeat: no-repeat; - background-position: center; +.wp-block-freeform.block-library-rich-text__tinymce .wp-more-tag{ + background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAADtgAAAAoBAMAAAA86gLBAAAAJFBMVEVMaXG7u7vBwcHDw8POzs68vLzGxsbMzMy+vr7AwMDQ0NDGxsYKLGzpAAAADHRSTlMA///zWf+/f///TMxNVGuqAAABwklEQVR4Ae3dMXLaQBTH4bfj8UCpx8hq0vgKvgFNemhT6Qo6gg6R+0ZahM2QLmyBJ99XWP9V5+o3jIUcLQEAAAAAAAAAAAAAAAAAAAAAAABQ8j0WL9lfTtlt18uNXAUA8O/KVtfa1tdcrOdSh9gCQAMlh1hMNbZZ1bsrsQWABsrhLRbz7z5in/32UbfUMUbkMQCAh5RfGYv82UdMdZ6HS2wjT2ILAI8r3XmM2B3WvM59vfO2xXYW2yYAENuPU8S+X/N67mKxzy225yaxBQCxLV392UdcvwV0jPVUj98ntkBWT7C7+9u2/V/vGtvXIWJ6/4rtbottWa6Ri0NUT/u72LYttrb97LHdvUXMxxrb8TO2W2TF1rYbbLG1bbGNjMi4+2Sbi1FsbbvNFlvbFtt5fDnE3d9sP1/XeIyV2Nr2U2/guZUuptNrH/dPI9eLB6SaAEBs6wPJf3/PNk9tYgsAYrv/8TFuzx/fvkFqGtrEFgDEdpcZUb7ejXy6ntrEFgDENvL6gsas4vbdyKt4DACI7TxElJv/Z7udpqFNbAFAbKduy2uU2trttM/x28UWAAAAAAAAAAAAAAAAAAAAAAAAAADgDyPwGmGTCZp7AAAAAElFTkSuQmCC); + background-position:50%; + background-repeat:no-repeat; + background-size:1900px 20px; + cursor:default; + display:block; + height:20px; + margin:15px auto; + outline:0; + width:96%; } -.wp-block-freeform.block-library-rich-text__tinymce img::selection { - background-color: transparent; +.wp-block-freeform.block-library-rich-text__tinymce img::selection{ + background-color:initial; } -.wp-block-freeform.block-library-rich-text__tinymce div.mceTemp { - -ms-user-select: element; +.wp-block-freeform.block-library-rich-text__tinymce div.mceTemp{ + -ms-user-select:element; } -.wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption { - margin: 0; - /* dl browser reset */ - max-width: 100%; +.wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption{ + margin:0; + max-width:100%; } -.wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption a, -.wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption img { - display: block; +.wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption a,.wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption img{ + display:block; } -.wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption, .wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption * { - -webkit-user-drag: none; +.wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption,.wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption *{ + -webkit-user-drag:none; } -.wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption .wp-caption-dd { - padding-top: 0.5em; - margin: 0; - /* browser dd reset */ +.wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption .wp-caption-dd{ + margin:0; + padding-top:.5em; } -.wp-block-freeform.block-library-rich-text__tinymce .wpview { - width: 99.99%; - /* All IE need hasLayout, incl. 11 (ugh, not again!!) */ - position: relative; - clear: both; - margin-bottom: 16px; - border: 1px solid transparent; +.wp-block-freeform.block-library-rich-text__tinymce .wpview{ + border:1px solid transparent; + clear:both; + margin-bottom:16px; + position:relative; + width:99.99%; } -.wp-block-freeform.block-library-rich-text__tinymce .wpview iframe { - display: block; - max-width: 100%; - background: transparent; +.wp-block-freeform.block-library-rich-text__tinymce .wpview iframe{ + background:transparent; + display:block; + max-width:100%; } -.wp-block-freeform.block-library-rich-text__tinymce .wpview .mce-shim { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; +.wp-block-freeform.block-library-rich-text__tinymce .wpview .mce-shim{ + bottom:0; + left:0; + position:absolute; + right:0; + top:0; } -.wp-block-freeform.block-library-rich-text__tinymce .wpview[data-mce-selected="2"] .mce-shim { - display: none; +.wp-block-freeform.block-library-rich-text__tinymce .wpview[data-mce-selected="2"] .mce-shim{ + display:none; } -.wp-block-freeform.block-library-rich-text__tinymce .wpview .loading-placeholder { - border: 1px dashed #ddd; - padding: 10px; +.wp-block-freeform.block-library-rich-text__tinymce .wpview .loading-placeholder{ + border:1px dashed #ddd; + padding:10px; } -.wp-block-freeform.block-library-rich-text__tinymce .wpview .wpview-error { - border: 1px solid #ddd; - padding: 1em 0; - margin: 0; - word-wrap: break-word; +.wp-block-freeform.block-library-rich-text__tinymce .wpview .wpview-error{ + word-wrap:break-word; + border:1px solid #ddd; + margin:0; + padding:1em 0; } -.wp-block-freeform.block-library-rich-text__tinymce .wpview .wpview-error p { - margin: 0; - text-align: center; +.wp-block-freeform.block-library-rich-text__tinymce .wpview .wpview-error p{ + margin:0; + text-align:center; } -.wp-block-freeform.block-library-rich-text__tinymce .wpview[data-mce-selected] .loading-placeholder, .wp-block-freeform.block-library-rich-text__tinymce .wpview[data-mce-selected] .wpview-error { - border-color: transparent; +.wp-block-freeform.block-library-rich-text__tinymce .wpview[data-mce-selected] .loading-placeholder,.wp-block-freeform.block-library-rich-text__tinymce .wpview[data-mce-selected] .wpview-error{ + border-color:transparent; } -.wp-block-freeform.block-library-rich-text__tinymce .wpview .dashicons { - display: block; - margin: 0 auto; - width: 32px; - height: 32px; - font-size: 32px; +.wp-block-freeform.block-library-rich-text__tinymce .wpview .dashicons{ + display:block; + font-size:32px; + height:32px; + margin:0 auto; + width:32px; } -.wp-block-freeform.block-library-rich-text__tinymce .wpview.wpview-type-gallery::after { - content: ""; - display: table; - clear: both; +.wp-block-freeform.block-library-rich-text__tinymce .wpview.wpview-type-gallery:after{ + clear:both; + content:""; + display:table; } -.wp-block-freeform.block-library-rich-text__tinymce .gallery img[data-mce-selected]:focus { - outline: none; +.wp-block-freeform.block-library-rich-text__tinymce .gallery img[data-mce-selected]:focus{ + outline:none; } -.wp-block-freeform.block-library-rich-text__tinymce .gallery a { - cursor: default; +.wp-block-freeform.block-library-rich-text__tinymce .gallery a{ + cursor:default; } -.wp-block-freeform.block-library-rich-text__tinymce .gallery { - margin: auto -6px; - padding: 6px 0; - line-height: 1; - overflow-x: hidden; +.wp-block-freeform.block-library-rich-text__tinymce .gallery{ + line-height:1; + margin:auto -6px; + overflow-x:hidden; + padding:6px 0; } -.wp-block-freeform.block-library-rich-text__tinymce .gallery .gallery-item { - float: left; - margin: 0; - text-align: center; - padding: 6px; - box-sizing: border-box; +.wp-block-freeform.block-library-rich-text__tinymce .gallery .gallery-item{ + box-sizing:border-box; + float:left; + margin:0; + padding:6px; + text-align:center; } -.wp-block-freeform.block-library-rich-text__tinymce .gallery .gallery-caption, -.wp-block-freeform.block-library-rich-text__tinymce .gallery .gallery-icon { - margin: 0; +.wp-block-freeform.block-library-rich-text__tinymce .gallery .gallery-caption,.wp-block-freeform.block-library-rich-text__tinymce .gallery .gallery-icon{ + margin:0; } -.wp-block-freeform.block-library-rich-text__tinymce .gallery .gallery-caption { - font-size: 13px; - margin: 4px 0; +.wp-block-freeform.block-library-rich-text__tinymce .gallery .gallery-caption{ + font-size:13px; + margin:4px 0; } -.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-1 .gallery-item { - width: 100%; +.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-1 .gallery-item{ + width:100%; } -.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-2 .gallery-item { - width: 50%; +.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-2 .gallery-item{ + width:50%; } -.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-3 .gallery-item { - width: 33.3333333333%; +.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-3 .gallery-item{ + width:33.3333333333%; } -.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-4 .gallery-item { - width: 25%; +.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-4 .gallery-item{ + width:25%; } -.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-5 .gallery-item { - width: 20%; +.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-5 .gallery-item{ + width:20%; } -.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-6 .gallery-item { - width: 16.6666666667%; +.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-6 .gallery-item{ + width:16.6666666667%; } -.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-7 .gallery-item { - width: 14.2857142857%; +.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-7 .gallery-item{ + width:14.2857142857%; } -.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-8 .gallery-item { - width: 12.5%; +.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-8 .gallery-item{ + width:12.5%; } -.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-9 .gallery-item { - width: 11.1111111111%; +.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-9 .gallery-item{ + width:11.1111111111%; } -.wp-block-freeform.block-library-rich-text__tinymce .gallery img { - max-width: 100%; - height: auto; - border: none; - padding: 0; +.wp-block-freeform.block-library-rich-text__tinymce .gallery img{ + border:none; + height:auto; + max-width:100%; + padding:0; } -div[data-type="core/freeform"]::before { - transition: border-color 0.1s linear, box-shadow 0.1s linear; - border: 1px solid #ddd; - outline: 1px solid transparent; +div[data-type="core/freeform"]:before{ + border:1px solid #ddd; + outline:1px solid transparent; + transition:border-color .1s linear,box-shadow .1s linear; } -@media (prefers-reduced-motion: reduce) { - div[data-type="core/freeform"]::before { - transition-duration: 0s; - transition-delay: 0s; +@media (prefers-reduced-motion:reduce){ + div[data-type="core/freeform"]:before{ + transition-delay:0s; + transition-duration:0s; } } -div[data-type="core/freeform"].is-selected::before { - border-color: #1e1e1e; +div[data-type="core/freeform"].is-selected:before{ + border-color:#1e1e1e; } -div[data-type="core/freeform"] .block-editor-block-contextual-toolbar + div { - margin-top: 0; - padding-top: 0; +div[data-type="core/freeform"] .block-editor-block-contextual-toolbar+div{ + margin-top:0; + padding-top:0; } -div[data-type="core/freeform"].is-selected .block-library-rich-text__tinymce::after { - content: ""; - display: table; - clear: both; +div[data-type="core/freeform"].is-selected .block-library-rich-text__tinymce:after{ + clear:both; + content:""; + display:table; } -.mce-toolbar-grp .mce-btn.mce-active button, -.mce-toolbar-grp .mce-btn.mce-active:hover button, -.mce-toolbar-grp .mce-btn.mce-active i, -.mce-toolbar-grp .mce-btn.mce-active:hover i { - color: #1e1e1e; +.mce-toolbar-grp .mce-btn.mce-active button,.mce-toolbar-grp .mce-btn.mce-active i,.mce-toolbar-grp .mce-btn.mce-active:hover button,.mce-toolbar-grp .mce-btn.mce-active:hover i{ + color:#1e1e1e; } -.mce-toolbar-grp .mce-rtl .mce-flow-layout-item.mce-last { - margin-right: 0; - margin-left: 8px; +.mce-toolbar-grp .mce-rtl .mce-flow-layout-item.mce-last{ + margin-left:8px; + margin-right:0; } -.mce-toolbar-grp .mce-btn i { - font-style: normal; +.mce-toolbar-grp .mce-btn i{ + font-style:normal; } -.block-library-classic__toolbar { - display: none; - width: auto; - margin: 0; - position: sticky; - z-index: 31; - top: 0; - border: 1px solid #ddd; - border-bottom: none; - border-radius: 2px; - margin-bottom: 8px; - padding: 0; +.block-library-classic__toolbar{ + border:1px solid #ddd; + border-bottom:none; + border-radius:2px; + display:none; + margin:0 0 8px; + padding:0; + position:sticky; + top:0; + width:auto; + z-index:31; } -div[data-type="core/freeform"].is-selected .block-library-classic__toolbar { - display: block; - border-color: #1e1e1e; +div[data-type="core/freeform"].is-selected .block-library-classic__toolbar{ + border-color:#1e1e1e; + display:block; } -.block-library-classic__toolbar .mce-tinymce { - box-shadow: none; +.block-library-classic__toolbar .mce-tinymce{ + box-shadow:none; } -@media (min-width: 600px) { - .block-library-classic__toolbar { - padding: 0; +@media (min-width:600px){ + .block-library-classic__toolbar{ + padding:0; } } -.block-library-classic__toolbar:empty { - display: block; - background: #f5f5f5; - border-bottom: 1px solid #e2e4e7; +.block-library-classic__toolbar:empty{ + background:#f5f5f5; + border-bottom:1px solid #e2e4e7; + display:block; } -.block-library-classic__toolbar:empty::before { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - font-size: 13px; - content: attr(data-placeholder); - color: #555d66; - line-height: 37px; - padding: 14px; +.block-library-classic__toolbar:empty:before{ + color:#555d66; + content:attr(data-placeholder); + font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; + font-size:13px; + line-height:37px; + padding:14px; } -.block-library-classic__toolbar div.mce-toolbar-grp { - border-bottom: 1px solid #1e1e1e; +.block-library-classic__toolbar div.mce-toolbar-grp{ + border-bottom:1px solid #1e1e1e; } -.block-library-classic__toolbar .mce-tinymce-inline, -.block-library-classic__toolbar .mce-tinymce-inline > div, -.block-library-classic__toolbar div.mce-toolbar-grp, -.block-library-classic__toolbar div.mce-toolbar-grp > div, -.block-library-classic__toolbar .mce-menubar, -.block-library-classic__toolbar .mce-menubar > div { - height: auto !important; - width: 100% !important; +.block-library-classic__toolbar .mce-menubar,.block-library-classic__toolbar .mce-menubar>div,.block-library-classic__toolbar .mce-tinymce-inline,.block-library-classic__toolbar .mce-tinymce-inline>div,.block-library-classic__toolbar div.mce-toolbar-grp,.block-library-classic__toolbar div.mce-toolbar-grp>div{ + height:auto !important; + width:100% !important; } -.block-library-classic__toolbar .mce-container-body.mce-abs-layout { - overflow: visible; +.block-library-classic__toolbar .mce-container-body.mce-abs-layout{ + overflow:visible; } -.block-library-classic__toolbar .mce-menubar, -.block-library-classic__toolbar div.mce-toolbar-grp { - position: static; +.block-library-classic__toolbar .mce-menubar,.block-library-classic__toolbar div.mce-toolbar-grp{ + position:static; } -.block-library-classic__toolbar .mce-toolbar-grp > div { - padding: 1px 3px; +.block-library-classic__toolbar .mce-toolbar-grp>div{ + padding:1px 3px; } -.block-library-classic__toolbar .mce-toolbar-grp .mce-toolbar:not(:first-child) { - display: none; +.block-library-classic__toolbar .mce-toolbar-grp .mce-toolbar:not(:first-child){ + display:none; } -.block-library-classic__toolbar.has-advanced-toolbar .mce-toolbar-grp .mce-toolbar { - display: block; +.block-library-classic__toolbar.has-advanced-toolbar .mce-toolbar-grp .mce-toolbar{ + display:block; } \ No newline at end of file diff --git a/wp-includes/blocks/gallery/editor-rtl.css b/wp-includes/blocks/gallery/editor-rtl.css index 67d8126d34..2a369b3995 100644 --- a/wp-includes/blocks/gallery/editor-rtl.css +++ b/wp-includes/blocks/gallery/editor-rtl.css @@ -1,237 +1,151 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -figure.wp-block-gallery { - display: block; +figure.wp-block-gallery{ + display:block; } -figure.wp-block-gallery.has-nested-images .components-drop-zone { - display: none; - pointer-events: none; +figure.wp-block-gallery.has-nested-images .components-drop-zone{ + display:none; + pointer-events:none; } -figure.wp-block-gallery > .blocks-gallery-caption { - flex: 0 0 100%; +figure.wp-block-gallery>.blocks-gallery-caption{ + flex:0 0 100%; } -figure.wp-block-gallery > .blocks-gallery-media-placeholder-wrapper { - flex-basis: 100%; +figure.wp-block-gallery>.blocks-gallery-media-placeholder-wrapper{ + flex-basis:100%; } -figure.wp-block-gallery .wp-block-image .components-notice.is-error { - display: block; +figure.wp-block-gallery .wp-block-image .components-notice.is-error{ + display:block; } -figure.wp-block-gallery .wp-block-image .components-notice__content { - margin: 4px 0; +figure.wp-block-gallery .wp-block-image .components-notice__content{ + margin:4px 0; } -figure.wp-block-gallery .wp-block-image .components-notice__dismiss { - position: absolute; - top: 0; - left: 5px; +figure.wp-block-gallery .wp-block-image .components-notice__dismiss{ + left:5px; + position:absolute; + top:0; } -figure.wp-block-gallery .block-editor-media-placeholder.is-appender .components-placeholder__label { - display: none; +figure.wp-block-gallery .block-editor-media-placeholder.is-appender .components-placeholder__label{ + display:none; } -figure.wp-block-gallery .block-editor-media-placeholder.is-appender .block-editor-media-placeholder__button { - margin-bottom: 0; +figure.wp-block-gallery .block-editor-media-placeholder.is-appender .block-editor-media-placeholder__button{ + margin-bottom:0; } -figure.wp-block-gallery .block-editor-media-placeholder { - margin: 0; +figure.wp-block-gallery .block-editor-media-placeholder{ + margin:0; } -figure.wp-block-gallery .block-editor-media-placeholder .components-placeholder__label { - display: flex; +figure.wp-block-gallery .block-editor-media-placeholder .components-placeholder__label{ + display:flex; } -figure.wp-block-gallery .block-editor-media-placeholder figcaption { - z-index: 2; +figure.wp-block-gallery .block-editor-media-placeholder figcaption{ + z-index:2; } -figure.wp-block-gallery .components-spinner { - position: absolute; - top: 50%; - right: 50%; - margin-top: -9px; - margin-right: -9px; +figure.wp-block-gallery .components-spinner{ + margin-right:-9px; + margin-top:-9px; + position:absolute; + right:50%; + top:50%; +} +.gallery-settings-buttons .components-button:first-child{ + margin-left:8px; } -/** - * Gallery inspector controls settings. - */ -.gallery-settings-buttons .components-button:first-child { - margin-left: 8px; +.gallery-image-sizes .components-base-control__label{ + display:block; + margin-bottom:4px; +} +.gallery-image-sizes .gallery-image-sizes__loading{ + align-items:center; + color:#757575; + display:flex; + font-size:12px; +} +.gallery-image-sizes .components-spinner{ + margin:0 4px 0 8px; +} +.blocks-gallery-item figure:not(.is-selected):focus,.blocks-gallery-item img:focus{ + outline:none; +} +.blocks-gallery-item figure.is-selected:before{ + bottom:0; + box-shadow:0 0 0 1px #fff inset, 0 0 0 3px var(--wp-admin-theme-color) inset; + content:""; + left:0; + outline:2px solid transparent; + pointer-events:none; + position:absolute; + right:0; + top:0; + z-index:1; +} +.blocks-gallery-item figure.is-transient img{ + opacity:.3; +} +.blocks-gallery-item .is-selected .block-library-gallery-item__inline-menu{ + display:inline-flex; +} +.blocks-gallery-item .block-editor-media-placeholder{ + height:100%; + margin:0; +} +.blocks-gallery-item .block-editor-media-placeholder .components-placeholder__label{ + display:flex; } -.gallery-image-sizes .components-base-control__label { - display: block; - margin-bottom: 4px; +.block-library-gallery-item__inline-menu{ + background:#fff; + border:1px solid #1e1e1e; + border-radius:2px; + display:none; + margin:8px; + position:absolute; + top:-2px; + transition:box-shadow .2s ease-out; + z-index:20; } -.gallery-image-sizes .gallery-image-sizes__loading { - display: flex; - align-items: center; - color: #757575; - font-size: 12px; -} -.gallery-image-sizes .components-spinner { - margin: 0 4px 0 8px; -} - -/** - * Deprecated css past this point. This can be removed once all galleries are migrated - * to V2. - */ -.blocks-gallery-item figure:not(.is-selected):focus, -.blocks-gallery-item img:focus { - outline: none; -} -.blocks-gallery-item figure.is-selected::before { - box-shadow: 0 0 0 1px #fff inset, 0 0 0 3px var(--wp-admin-theme-color) inset; - content: ""; - outline: 2px solid transparent; - position: absolute; - top: 0; - left: 0; - bottom: 0; - right: 0; - z-index: 1; - pointer-events: none; -} -.blocks-gallery-item figure.is-transient img { - opacity: 0.3; -} -.blocks-gallery-item .is-selected .block-library-gallery-item__inline-menu { - display: inline-flex; -} -.blocks-gallery-item .block-editor-media-placeholder { - margin: 0; - height: 100%; -} -.blocks-gallery-item .block-editor-media-placeholder .components-placeholder__label { - display: flex; -} - -.block-library-gallery-item__inline-menu { - display: none; - position: absolute; - top: -2px; - margin: 8px; - z-index: 20; - transition: box-shadow 0.2s ease-out; - border-radius: 2px; - background: #fff; - border: 1px solid #1e1e1e; -} -@media (prefers-reduced-motion: reduce) { - .block-library-gallery-item__inline-menu { - transition-duration: 0s; - transition-delay: 0s; +@media (prefers-reduced-motion:reduce){ + .block-library-gallery-item__inline-menu{ + transition-delay:0s; + transition-duration:0s; } } -.block-library-gallery-item__inline-menu:hover { - box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); +.block-library-gallery-item__inline-menu:hover{ + box-shadow:0 2px 6px rgba(0,0,0,.05); } -@media (min-width: 600px) { - .columns-7 .block-library-gallery-item__inline-menu, .columns-8 .block-library-gallery-item__inline-menu { - padding: 2px; +@media (min-width:600px){ + .columns-7 .block-library-gallery-item__inline-menu,.columns-8 .block-library-gallery-item__inline-menu{ + padding:2px; } } -.block-library-gallery-item__inline-menu .components-button.has-icon:not(:focus) { - border: none; - box-shadow: none; +.block-library-gallery-item__inline-menu .components-button.has-icon:not(:focus){ + border:none; + box-shadow:none; } -@media (min-width: 600px) { - .columns-7 .block-library-gallery-item__inline-menu .components-button.has-icon, .columns-8 .block-library-gallery-item__inline-menu .components-button.has-icon { - padding: 0; - width: inherit; - height: inherit; +@media (min-width:600px){ + .columns-7 .block-library-gallery-item__inline-menu .components-button.has-icon,.columns-8 .block-library-gallery-item__inline-menu .components-button.has-icon{ + height:inherit; + padding:0; + width:inherit; } } -.block-library-gallery-item__inline-menu.is-left { - right: -2px; +.block-library-gallery-item__inline-menu.is-left{ + right:-2px; } -.block-library-gallery-item__inline-menu.is-right { - left: -2px; +.block-library-gallery-item__inline-menu.is-right{ + left:-2px; } -.wp-block-gallery ul.blocks-gallery-grid { - padding: 0; - margin: 0; +.wp-block-gallery ul.blocks-gallery-grid{ + margin:0; + padding:0; } -@media (min-width: 600px) { - .wp-block-update-gallery-modal { - max-width: 480px; +@media (min-width:600px){ + .wp-block-update-gallery-modal{ + max-width:480px; } } -.wp-block-update-gallery-modal-buttons { - display: flex; - justify-content: flex-end; - gap: 12px; +.wp-block-update-gallery-modal-buttons{ + display:flex; + gap:12px; + justify-content:flex-end; } \ No newline at end of file diff --git a/wp-includes/blocks/gallery/editor.css b/wp-includes/blocks/gallery/editor.css index 56aec0a472..7e6405e790 100644 --- a/wp-includes/blocks/gallery/editor.css +++ b/wp-includes/blocks/gallery/editor.css @@ -1,237 +1,151 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -figure.wp-block-gallery { - display: block; +figure.wp-block-gallery{ + display:block; } -figure.wp-block-gallery.has-nested-images .components-drop-zone { - display: none; - pointer-events: none; +figure.wp-block-gallery.has-nested-images .components-drop-zone{ + display:none; + pointer-events:none; } -figure.wp-block-gallery > .blocks-gallery-caption { - flex: 0 0 100%; +figure.wp-block-gallery>.blocks-gallery-caption{ + flex:0 0 100%; } -figure.wp-block-gallery > .blocks-gallery-media-placeholder-wrapper { - flex-basis: 100%; +figure.wp-block-gallery>.blocks-gallery-media-placeholder-wrapper{ + flex-basis:100%; } -figure.wp-block-gallery .wp-block-image .components-notice.is-error { - display: block; +figure.wp-block-gallery .wp-block-image .components-notice.is-error{ + display:block; } -figure.wp-block-gallery .wp-block-image .components-notice__content { - margin: 4px 0; +figure.wp-block-gallery .wp-block-image .components-notice__content{ + margin:4px 0; } -figure.wp-block-gallery .wp-block-image .components-notice__dismiss { - position: absolute; - top: 0; - right: 5px; +figure.wp-block-gallery .wp-block-image .components-notice__dismiss{ + position:absolute; + right:5px; + top:0; } -figure.wp-block-gallery .block-editor-media-placeholder.is-appender .components-placeholder__label { - display: none; +figure.wp-block-gallery .block-editor-media-placeholder.is-appender .components-placeholder__label{ + display:none; } -figure.wp-block-gallery .block-editor-media-placeholder.is-appender .block-editor-media-placeholder__button { - margin-bottom: 0; +figure.wp-block-gallery .block-editor-media-placeholder.is-appender .block-editor-media-placeholder__button{ + margin-bottom:0; } -figure.wp-block-gallery .block-editor-media-placeholder { - margin: 0; +figure.wp-block-gallery .block-editor-media-placeholder{ + margin:0; } -figure.wp-block-gallery .block-editor-media-placeholder .components-placeholder__label { - display: flex; +figure.wp-block-gallery .block-editor-media-placeholder .components-placeholder__label{ + display:flex; } -figure.wp-block-gallery .block-editor-media-placeholder figcaption { - z-index: 2; +figure.wp-block-gallery .block-editor-media-placeholder figcaption{ + z-index:2; } -figure.wp-block-gallery .components-spinner { - position: absolute; - top: 50%; - left: 50%; - margin-top: -9px; - margin-left: -9px; +figure.wp-block-gallery .components-spinner{ + left:50%; + margin-left:-9px; + margin-top:-9px; + position:absolute; + top:50%; +} +.gallery-settings-buttons .components-button:first-child{ + margin-right:8px; } -/** - * Gallery inspector controls settings. - */ -.gallery-settings-buttons .components-button:first-child { - margin-right: 8px; +.gallery-image-sizes .components-base-control__label{ + display:block; + margin-bottom:4px; +} +.gallery-image-sizes .gallery-image-sizes__loading{ + align-items:center; + color:#757575; + display:flex; + font-size:12px; +} +.gallery-image-sizes .components-spinner{ + margin:0 8px 0 4px; +} +.blocks-gallery-item figure:not(.is-selected):focus,.blocks-gallery-item img:focus{ + outline:none; +} +.blocks-gallery-item figure.is-selected:before{ + bottom:0; + box-shadow:0 0 0 1px #fff inset, 0 0 0 3px var(--wp-admin-theme-color) inset; + content:""; + left:0; + outline:2px solid transparent; + pointer-events:none; + position:absolute; + right:0; + top:0; + z-index:1; +} +.blocks-gallery-item figure.is-transient img{ + opacity:.3; +} +.blocks-gallery-item .is-selected .block-library-gallery-item__inline-menu{ + display:inline-flex; +} +.blocks-gallery-item .block-editor-media-placeholder{ + height:100%; + margin:0; +} +.blocks-gallery-item .block-editor-media-placeholder .components-placeholder__label{ + display:flex; } -.gallery-image-sizes .components-base-control__label { - display: block; - margin-bottom: 4px; +.block-library-gallery-item__inline-menu{ + background:#fff; + border:1px solid #1e1e1e; + border-radius:2px; + display:none; + margin:8px; + position:absolute; + top:-2px; + transition:box-shadow .2s ease-out; + z-index:20; } -.gallery-image-sizes .gallery-image-sizes__loading { - display: flex; - align-items: center; - color: #757575; - font-size: 12px; -} -.gallery-image-sizes .components-spinner { - margin: 0 8px 0 4px; -} - -/** - * Deprecated css past this point. This can be removed once all galleries are migrated - * to V2. - */ -.blocks-gallery-item figure:not(.is-selected):focus, -.blocks-gallery-item img:focus { - outline: none; -} -.blocks-gallery-item figure.is-selected::before { - box-shadow: 0 0 0 1px #fff inset, 0 0 0 3px var(--wp-admin-theme-color) inset; - content: ""; - outline: 2px solid transparent; - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - z-index: 1; - pointer-events: none; -} -.blocks-gallery-item figure.is-transient img { - opacity: 0.3; -} -.blocks-gallery-item .is-selected .block-library-gallery-item__inline-menu { - display: inline-flex; -} -.blocks-gallery-item .block-editor-media-placeholder { - margin: 0; - height: 100%; -} -.blocks-gallery-item .block-editor-media-placeholder .components-placeholder__label { - display: flex; -} - -.block-library-gallery-item__inline-menu { - display: none; - position: absolute; - top: -2px; - margin: 8px; - z-index: 20; - transition: box-shadow 0.2s ease-out; - border-radius: 2px; - background: #fff; - border: 1px solid #1e1e1e; -} -@media (prefers-reduced-motion: reduce) { - .block-library-gallery-item__inline-menu { - transition-duration: 0s; - transition-delay: 0s; +@media (prefers-reduced-motion:reduce){ + .block-library-gallery-item__inline-menu{ + transition-delay:0s; + transition-duration:0s; } } -.block-library-gallery-item__inline-menu:hover { - box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); +.block-library-gallery-item__inline-menu:hover{ + box-shadow:0 2px 6px rgba(0,0,0,.05); } -@media (min-width: 600px) { - .columns-7 .block-library-gallery-item__inline-menu, .columns-8 .block-library-gallery-item__inline-menu { - padding: 2px; +@media (min-width:600px){ + .columns-7 .block-library-gallery-item__inline-menu,.columns-8 .block-library-gallery-item__inline-menu{ + padding:2px; } } -.block-library-gallery-item__inline-menu .components-button.has-icon:not(:focus) { - border: none; - box-shadow: none; +.block-library-gallery-item__inline-menu .components-button.has-icon:not(:focus){ + border:none; + box-shadow:none; } -@media (min-width: 600px) { - .columns-7 .block-library-gallery-item__inline-menu .components-button.has-icon, .columns-8 .block-library-gallery-item__inline-menu .components-button.has-icon { - padding: 0; - width: inherit; - height: inherit; +@media (min-width:600px){ + .columns-7 .block-library-gallery-item__inline-menu .components-button.has-icon,.columns-8 .block-library-gallery-item__inline-menu .components-button.has-icon{ + height:inherit; + padding:0; + width:inherit; } } -.block-library-gallery-item__inline-menu.is-left { - left: -2px; +.block-library-gallery-item__inline-menu.is-left{ + left:-2px; } -.block-library-gallery-item__inline-menu.is-right { - right: -2px; +.block-library-gallery-item__inline-menu.is-right{ + right:-2px; } -.wp-block-gallery ul.blocks-gallery-grid { - padding: 0; - margin: 0; +.wp-block-gallery ul.blocks-gallery-grid{ + margin:0; + padding:0; } -@media (min-width: 600px) { - .wp-block-update-gallery-modal { - max-width: 480px; +@media (min-width:600px){ + .wp-block-update-gallery-modal{ + max-width:480px; } } -.wp-block-update-gallery-modal-buttons { - display: flex; - justify-content: flex-end; - gap: 12px; +.wp-block-update-gallery-modal-buttons{ + display:flex; + gap:12px; + justify-content:flex-end; } \ No newline at end of file diff --git a/wp-includes/blocks/gallery/style-rtl.css b/wp-includes/blocks/gallery/style-rtl.css index 53050e8c6f..160b97882c 100644 --- a/wp-includes/blocks/gallery/style-rtl.css +++ b/wp-includes/blocks/gallery/style-rtl.css @@ -1,397 +1,232 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.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; +.blocks-gallery-grid:not(.has-nested-images),.wp-block-gallery:not(.has-nested-images){ + display:flex; + flex-wrap:wrap; + list-style-type:none; + margin:0; + padding:0; } -.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; - width: calc(50% - 1em); +.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image,.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item{ + display:flex; + flex-direction:column; + flex-grow:1; + justify-content:center; + margin:0 0 1em 1em; + position:relative; + width:calc(50% - 1em); } -.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; +.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image:nth-of-type(2n),.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item:nth-of-type(2n),.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image:nth-of-type(2n),.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item:nth-of-type(2n){ + margin-left:0; } -.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%; - display: flex; - align-items: flex-end; - justify-content: flex-start; +.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image figure,.blocks-gallery-grid:not(.has-nested-images) .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{ + align-items:flex-end; + display:flex; + height:100%; + justify-content:flex-start; + margin:0; } -.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: auto; +.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image img,.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item img,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image img,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item img{ + display:block; + height:auto; + max-width:100%; + 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%; - max-height: 100%; - overflow: auto; - padding: 3em 0.77em 0.7em; - color: #fff; - text-align: center; - font-size: 0.8em; - 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; - z-index: 2; +.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image figcaption,.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item figcaption,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image figcaption,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item figcaption{ + background:linear-gradient(0deg, rgba(0,0,0,.7), rgba(0,0,0,.3) 70%, transparent); + bottom:0; + box-sizing:border-box; + color:#fff; + font-size:.8em; + margin:0; + max-height:100%; + overflow:auto; + padding:3em .77em .7em; + position:absolute; + text-align:center; + width:100%; + 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; +.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image figcaption img,.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item figcaption img,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image figcaption img,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item figcaption img{ + display:inline; } -.wp-block-gallery:not(.has-nested-images) figcaption, -.blocks-gallery-grid:not(.has-nested-images) figcaption { - flex-grow: 1; +.blocks-gallery-grid:not(.has-nested-images) figcaption,.wp-block-gallery:not(.has-nested-images) figcaption{ + flex-grow:1; } -.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%; - height: 100%; - flex: 1; - -o-object-fit: cover; - object-fit: cover; +.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,.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{ + flex:1; + height:100%; + -o-object-fit:cover; + object-fit:cover; + width:100%; } -.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; +.blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-image,.blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-item,.wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-image,.wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-item{ + margin-left:0; + width:100%; } -@media (min-width: 600px) { - .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; +@media (min-width:600px){ + .blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-image,.blocks-gallery-grid:not(.has-nested-images).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{ + margin-left:1em; + width:calc(33.33333% - .66667em); } - .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; + .blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-image,.blocks-gallery-grid:not(.has-nested-images).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{ + margin-left:1em; + width:calc(25% - .75em); } - .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; + .blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-image,.blocks-gallery-grid:not(.has-nested-images).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{ + margin-left:1em; + width:calc(20% - .8em); } - .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; + .blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-image,.blocks-gallery-grid:not(.has-nested-images).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{ + margin-left:1em; + width:calc(16.66667% - .83333em); } - .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; + .blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-image,.blocks-gallery-grid:not(.has-nested-images).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{ + margin-left:1em; + width:calc(14.28571% - .85714em); } - .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; + .blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-image,.blocks-gallery-grid:not(.has-nested-images).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{ + margin-left:1em; + width:calc(12.5% - .875em); } - .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: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: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: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: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; + .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),.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),.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),.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),.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),.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),.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),.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),.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),.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),.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),.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),.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),.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),.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),.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){ + margin-left:0; } } -.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; +.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image:last-child,.blocks-gallery-grid:not(.has-nested-images) .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{ + margin-left:0; } -.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%; +.blocks-gallery-grid:not(.has-nested-images).alignleft,.blocks-gallery-grid:not(.has-nested-images).alignright,.wp-block-gallery:not(.has-nested-images).alignleft,.wp-block-gallery:not(.has-nested-images).alignright{ + max-width:420px; + width:100%; } -.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; +.blocks-gallery-grid:not(.has-nested-images).aligncenter .blocks-gallery-item figure,.wp-block-gallery: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; +.wp-block-gallery:not(.is-cropped) .blocks-gallery-item{ + align-self:flex-start; } -figure.wp-block-gallery.has-nested-images { - align-items: normal; +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:not(#individual-image){ + margin:0; + width:calc(50% - var(--wp--style--unstable-gallery-gap, 16px)/2); } -.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%; - box-sizing: border-box; +.wp-block-gallery.has-nested-images figure.wp-block-image{ + box-sizing:border-box; + display:flex; + flex-direction:column; + flex-grow:1; + justify-content:center; + max-width:100%; + position:relative; } -.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>a,.wp-block-gallery.has-nested-images figure.wp-block-image>div{ + flex-direction:column; + flex-grow:1; + margin:0; } -.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 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{ + background:linear-gradient(0deg, rgba(0,0,0,.7), rgba(0,0,0,.3) 70%, transparent); + bottom:0; + box-sizing:border-box; + color:#fff; + font-size:13px; + margin-bottom:0; + max-height:60%; + overflow:auto; + padding:0 8px 8px; + position:absolute; + right:0; + text-align:center; + width:100%; } -.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 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 figcaption a{ + color:inherit; } -.wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border img { - box-sizing: border-box; +.wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border img{ + box-sizing:border-box; } -.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, .wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border > div, -.wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border > a { - flex: 1 1 auto; +.wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border>a,.wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border>div,.wp-block-gallery.has-nested-images figure.wp-block-image.is-style-rounded>a,.wp-block-gallery.has-nested-images figure.wp-block-image.is-style-rounded>div{ + flex:1 1 auto; } -.wp-block-gallery.has-nested-images figure.wp-block-image.is-style-rounded figcaption, .wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border figcaption { - flex: initial; - background: none; - color: inherit; - margin: 0; - padding: 10px 10px 9px; - position: relative; +.wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border figcaption,.wp-block-gallery.has-nested-images figure.wp-block-image.is-style-rounded figcaption{ + background:none; + color:inherit; + flex:initial; + 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 figcaption{ + flex-basis:100%; + flex-grow:1; + 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:not(.is-cropped) figure.wp-block-image:not(#individual-image){ + margin-bottom:auto; + margin-top:0; } -.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){ + 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)>div:not(.components-drop-zone){ + 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.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{ + flex:1 0 0%; + height:100%; + -o-object-fit:cover; + object-fit:cover; + width:100%; } -.wp-block-gallery.has-nested-images.columns-1 figure.wp-block-image:not(#individual-image) { - width: 100%; +.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)); +@media (min-width:600px){ + .wp-block-gallery.has-nested-images.columns-3 figure.wp-block-image:not(#individual-image){ + width:calc(33.33333% - var(--wp--style--unstable-gallery-gap, 16px)*.66667); } - .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-4 figure.wp-block-image:not(#individual-image){ + width:calc(25% - var(--wp--style--unstable-gallery-gap, 16px)*.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-5 figure.wp-block-image:not(#individual-image){ + width:calc(20% - var(--wp--style--unstable-gallery-gap, 16px)*.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-6 figure.wp-block-image:not(#individual-image){ + width:calc(16.66667% - var(--wp--style--unstable-gallery-gap, 16px)*.83333); } - .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-7 figure.wp-block-image:not(#individual-image){ + width:calc(14.28571% - var(--wp--style--unstable-gallery-gap, 16px)*.85714); } - .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-8 figure.wp-block-image:not(#individual-image){ + width:calc(12.5% - var(--wp--style--unstable-gallery-gap, 16px)*.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){ + width:calc(33.33% - var(--wp--style--unstable-gallery-gap, 16px)*.66667); } - .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(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)*.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.columns-default figure.wp-block-image:not(#individual-image):first-child:last-child{ + 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.alignleft,.wp-block-gallery.has-nested-images.alignright{ + max-width:420px; + width:100%; } -.wp-block-gallery.has-nested-images.aligncenter { - justify-content: center; +.wp-block-gallery.has-nested-images.aligncenter{ + justify-content:center; } \ No newline at end of file diff --git a/wp-includes/blocks/gallery/style.css b/wp-includes/blocks/gallery/style.css index 404e7a7d36..2f69ac024b 100644 --- a/wp-includes/blocks/gallery/style.css +++ b/wp-includes/blocks/gallery/style.css @@ -1,397 +1,232 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.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; +.blocks-gallery-grid:not(.has-nested-images),.wp-block-gallery:not(.has-nested-images){ + display:flex; + flex-wrap:wrap; + list-style-type:none; + margin:0; + padding:0; } -.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 1em 1em 0; - display: flex; - flex-grow: 1; - flex-direction: column; - justify-content: center; - position: relative; - width: calc(50% - 1em); +.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image,.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item{ + display:flex; + flex-direction:column; + flex-grow:1; + justify-content:center; + margin:0 1em 1em 0; + position:relative; + width:calc(50% - 1em); } -.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-right: 0; +.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image:nth-of-type(2n),.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item:nth-of-type(2n),.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image:nth-of-type(2n),.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item:nth-of-type(2n){ + margin-right:0; } -.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%; - display: flex; - align-items: flex-end; - justify-content: flex-start; +.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image figure,.blocks-gallery-grid:not(.has-nested-images) .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{ + align-items:flex-end; + display:flex; + height:100%; + justify-content:flex-start; + margin:0; } -.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: auto; +.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image img,.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item img,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image img,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item img{ + display:block; + height:auto; + max-width:100%; + 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%; - max-height: 100%; - overflow: auto; - padding: 3em 0.77em 0.7em; - color: #fff; - text-align: center; - font-size: 0.8em; - 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; - z-index: 2; +.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image figcaption,.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item figcaption,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image figcaption,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item figcaption{ + background:linear-gradient(0deg, rgba(0,0,0,.7), rgba(0,0,0,.3) 70%, transparent); + bottom:0; + box-sizing:border-box; + color:#fff; + font-size:.8em; + margin:0; + max-height:100%; + overflow:auto; + padding:3em .77em .7em; + position:absolute; + text-align:center; + width:100%; + 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; +.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image figcaption img,.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item figcaption img,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image figcaption img,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item figcaption img{ + display:inline; } -.wp-block-gallery:not(.has-nested-images) figcaption, -.blocks-gallery-grid:not(.has-nested-images) figcaption { - flex-grow: 1; +.blocks-gallery-grid:not(.has-nested-images) figcaption,.wp-block-gallery:not(.has-nested-images) figcaption{ + flex-grow:1; } -.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%; - height: 100%; - flex: 1; - -o-object-fit: cover; - object-fit: cover; +.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,.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{ + flex:1; + height:100%; + -o-object-fit:cover; + object-fit:cover; + width:100%; } -.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-right: 0; +.blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-image,.blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-item,.wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-image,.wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-item{ + margin-right:0; + width:100%; } -@media (min-width: 600px) { - .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-right: 1em; +@media (min-width:600px){ + .blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-image,.blocks-gallery-grid:not(.has-nested-images).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{ + margin-right:1em; + width:calc(33.33333% - .66667em); } - .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-right: 1em; + .blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-image,.blocks-gallery-grid:not(.has-nested-images).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{ + margin-right:1em; + width:calc(25% - .75em); } - .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-right: 1em; + .blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-image,.blocks-gallery-grid:not(.has-nested-images).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{ + margin-right:1em; + width:calc(20% - .8em); } - .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-right: 1em; + .blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-image,.blocks-gallery-grid:not(.has-nested-images).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{ + margin-right:1em; + width:calc(16.66667% - .83333em); } - .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-right: 1em; + .blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-image,.blocks-gallery-grid:not(.has-nested-images).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{ + margin-right:1em; + width:calc(14.28571% - .85714em); } - .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-right: 1em; + .blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-image,.blocks-gallery-grid:not(.has-nested-images).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{ + margin-right:1em; + width:calc(12.5% - .875em); } - .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-right: 0; - } - .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-right: 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-right: 0; - } - .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-right: 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-right: 0; - } - .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-right: 0; - } - .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-right: 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-right: 0; + .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),.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),.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),.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),.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),.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),.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),.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),.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),.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),.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),.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),.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),.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),.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),.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){ + margin-right:0; } } -.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-right: 0; +.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image:last-child,.blocks-gallery-grid:not(.has-nested-images) .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{ + margin-right:0; } -.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%; +.blocks-gallery-grid:not(.has-nested-images).alignleft,.blocks-gallery-grid:not(.has-nested-images).alignright,.wp-block-gallery:not(.has-nested-images).alignleft,.wp-block-gallery:not(.has-nested-images).alignright{ + max-width:420px; + width:100%; } -.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; +.blocks-gallery-grid:not(.has-nested-images).aligncenter .blocks-gallery-item figure,.wp-block-gallery: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; +.wp-block-gallery:not(.is-cropped) .blocks-gallery-item{ + align-self:flex-start; } -figure.wp-block-gallery.has-nested-images { - align-items: normal; +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:not(#individual-image){ + margin:0; + width:calc(50% - var(--wp--style--unstable-gallery-gap, 16px)/2); } -.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%; - box-sizing: border-box; +.wp-block-gallery.has-nested-images figure.wp-block-image{ + box-sizing:border-box; + display:flex; + flex-direction:column; + flex-grow:1; + justify-content:center; + max-width:100%; + position:relative; } -.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>a,.wp-block-gallery.has-nested-images figure.wp-block-image>div{ + flex-direction:column; + flex-grow:1; + margin:0; } -.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 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; - left: 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{ + background:linear-gradient(0deg, rgba(0,0,0,.7), rgba(0,0,0,.3) 70%, transparent); + bottom:0; + box-sizing:border-box; + color:#fff; + font-size:13px; + left:0; + margin-bottom:0; + max-height:60%; + overflow:auto; + padding:0 8px 8px; + position:absolute; + text-align:center; + width:100%; } -.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 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 figcaption a{ + color:inherit; } -.wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border img { - box-sizing: border-box; +.wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border img{ + box-sizing:border-box; } -.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, .wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border > div, -.wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border > a { - flex: 1 1 auto; +.wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border>a,.wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border>div,.wp-block-gallery.has-nested-images figure.wp-block-image.is-style-rounded>a,.wp-block-gallery.has-nested-images figure.wp-block-image.is-style-rounded>div{ + flex:1 1 auto; } -.wp-block-gallery.has-nested-images figure.wp-block-image.is-style-rounded figcaption, .wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border figcaption { - flex: initial; - background: none; - color: inherit; - margin: 0; - padding: 10px 10px 9px; - position: relative; +.wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border figcaption,.wp-block-gallery.has-nested-images figure.wp-block-image.is-style-rounded figcaption{ + background:none; + color:inherit; + flex:initial; + 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 figcaption{ + flex-basis:100%; + flex-grow:1; + 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:not(.is-cropped) figure.wp-block-image:not(#individual-image){ + margin-bottom:auto; + margin-top:0; } -.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){ + 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)>div:not(.components-drop-zone){ + 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.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{ + flex:1 0 0%; + height:100%; + -o-object-fit:cover; + object-fit:cover; + width:100%; } -.wp-block-gallery.has-nested-images.columns-1 figure.wp-block-image:not(#individual-image) { - width: 100%; +.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)); +@media (min-width:600px){ + .wp-block-gallery.has-nested-images.columns-3 figure.wp-block-image:not(#individual-image){ + width:calc(33.33333% - var(--wp--style--unstable-gallery-gap, 16px)*.66667); } - .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-4 figure.wp-block-image:not(#individual-image){ + width:calc(25% - var(--wp--style--unstable-gallery-gap, 16px)*.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-5 figure.wp-block-image:not(#individual-image){ + width:calc(20% - var(--wp--style--unstable-gallery-gap, 16px)*.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-6 figure.wp-block-image:not(#individual-image){ + width:calc(16.66667% - var(--wp--style--unstable-gallery-gap, 16px)*.83333); } - .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-7 figure.wp-block-image:not(#individual-image){ + width:calc(14.28571% - var(--wp--style--unstable-gallery-gap, 16px)*.85714); } - .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-8 figure.wp-block-image:not(#individual-image){ + width:calc(12.5% - var(--wp--style--unstable-gallery-gap, 16px)*.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){ + width:calc(33.33% - var(--wp--style--unstable-gallery-gap, 16px)*.66667); } - .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(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)*.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.columns-default figure.wp-block-image:not(#individual-image):first-child:last-child{ + 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.alignleft,.wp-block-gallery.has-nested-images.alignright{ + max-width:420px; + width:100%; } -.wp-block-gallery.has-nested-images.aligncenter { - justify-content: center; +.wp-block-gallery.has-nested-images.aligncenter{ + justify-content:center; } \ No newline at end of file diff --git a/wp-includes/blocks/gallery/theme-rtl.css b/wp-includes/blocks/gallery/theme-rtl.css index eaf1a29ac4..94a485afff 100644 --- a/wp-includes/blocks/gallery/theme-rtl.css +++ b/wp-includes/blocks/gallery/theme-rtl.css @@ -1,84 +1,8 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.blocks-gallery-caption { - color: #555; - font-size: 13px; - text-align: center; +.blocks-gallery-caption{ + color:#555; + font-size:13px; + text-align:center; } -.is-dark-theme .blocks-gallery-caption { - color: rgba(255, 255, 255, 0.65); +.is-dark-theme .blocks-gallery-caption{ + color:hsla(0,0%,100%,.65); } \ No newline at end of file diff --git a/wp-includes/blocks/gallery/theme.css b/wp-includes/blocks/gallery/theme.css index eaf1a29ac4..94a485afff 100644 --- a/wp-includes/blocks/gallery/theme.css +++ b/wp-includes/blocks/gallery/theme.css @@ -1,84 +1,8 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.blocks-gallery-caption { - color: #555; - font-size: 13px; - text-align: center; +.blocks-gallery-caption{ + color:#555; + font-size:13px; + text-align:center; } -.is-dark-theme .blocks-gallery-caption { - color: rgba(255, 255, 255, 0.65); +.is-dark-theme .blocks-gallery-caption{ + color:hsla(0,0%,100%,.65); } \ No newline at end of file diff --git a/wp-includes/blocks/group/editor-rtl.css b/wp-includes/blocks/group/editor-rtl.css index 54f0f84c16..ca9dd6e986 100644 --- a/wp-includes/blocks/group/editor-rtl.css +++ b/wp-includes/blocks/group/editor-rtl.css @@ -1,117 +1,36 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -/** -* Group: All Alignment Settings -*/ -.wp-block-group .block-editor-block-list__insertion-point { - right: 0; - left: 0; +.wp-block-group .block-editor-block-list__insertion-point{ + left:0; + right:0; } -[data-type="core/group"].is-selected .block-list-appender { - margin-right: 0; - margin-left: 0; +[data-type="core/group"].is-selected .block-list-appender{ + margin-left:0; + margin-right:0; } -[data-type="core/group"].is-selected .has-background .block-list-appender { - margin-top: 18px; - margin-bottom: 18px; +[data-type="core/group"].is-selected .has-background .block-list-appender{ + margin-bottom:18px; + margin-top:18px; } -.wp-block-group.is-layout-flex.block-editor-block-list__block > .block-list-appender:only-child { - gap: inherit; - pointer-events: none; +.wp-block-group.is-layout-flex.block-editor-block-list__block>.block-list-appender:only-child{ + gap:inherit; + pointer-events:none; } -.wp-block-group.is-layout-flex.block-editor-block-list__block > .block-list-appender:only-child, -.wp-block-group.is-layout-flex.block-editor-block-list__block > .block-list-appender:only-child .block-editor-default-block-appender__content, -.wp-block-group.is-layout-flex.block-editor-block-list__block > .block-list-appender:only-child .block-editor-inserter { - display: inherit; - width: 100%; - flex-direction: inherit; - flex: 1; +.wp-block-group.is-layout-flex.block-editor-block-list__block>.block-list-appender:only-child,.wp-block-group.is-layout-flex.block-editor-block-list__block>.block-list-appender:only-child .block-editor-default-block-appender__content,.wp-block-group.is-layout-flex.block-editor-block-list__block>.block-list-appender:only-child .block-editor-inserter{ + display:inherit; + flex:1; + flex-direction:inherit; + width:100%; } -.wp-block-group.is-layout-flex.block-editor-block-list__block > .block-list-appender:only-child::after { - content: ""; - display: flex; - flex: 1 0 48px; - pointer-events: none; - min-height: 46px; - border: 1px dashed currentColor; - border-radius: 2px; +.wp-block-group.is-layout-flex.block-editor-block-list__block>.block-list-appender:only-child:after{ + border:1px dashed; + border-radius:2px; + content:""; + display:flex; + flex:1 0 48px; + min-height:46px; + pointer-events:none; } -.wp-block-group.is-layout-flex.block-editor-block-list__block > .block-list-appender:only-child .block-editor-inserter { - pointer-events: all; +.wp-block-group.is-layout-flex.block-editor-block-list__block>.block-list-appender:only-child .block-editor-inserter{ + pointer-events:all; } \ No newline at end of file diff --git a/wp-includes/blocks/group/editor.css b/wp-includes/blocks/group/editor.css index 7a83e1813c..ca9dd6e986 100644 --- a/wp-includes/blocks/group/editor.css +++ b/wp-includes/blocks/group/editor.css @@ -1,117 +1,36 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -/** -* Group: All Alignment Settings -*/ -.wp-block-group .block-editor-block-list__insertion-point { - left: 0; - right: 0; +.wp-block-group .block-editor-block-list__insertion-point{ + left:0; + right:0; } -[data-type="core/group"].is-selected .block-list-appender { - margin-left: 0; - margin-right: 0; +[data-type="core/group"].is-selected .block-list-appender{ + margin-left:0; + margin-right:0; } -[data-type="core/group"].is-selected .has-background .block-list-appender { - margin-top: 18px; - margin-bottom: 18px; +[data-type="core/group"].is-selected .has-background .block-list-appender{ + margin-bottom:18px; + margin-top:18px; } -.wp-block-group.is-layout-flex.block-editor-block-list__block > .block-list-appender:only-child { - gap: inherit; - pointer-events: none; +.wp-block-group.is-layout-flex.block-editor-block-list__block>.block-list-appender:only-child{ + gap:inherit; + pointer-events:none; } -.wp-block-group.is-layout-flex.block-editor-block-list__block > .block-list-appender:only-child, -.wp-block-group.is-layout-flex.block-editor-block-list__block > .block-list-appender:only-child .block-editor-default-block-appender__content, -.wp-block-group.is-layout-flex.block-editor-block-list__block > .block-list-appender:only-child .block-editor-inserter { - display: inherit; - width: 100%; - flex-direction: inherit; - flex: 1; +.wp-block-group.is-layout-flex.block-editor-block-list__block>.block-list-appender:only-child,.wp-block-group.is-layout-flex.block-editor-block-list__block>.block-list-appender:only-child .block-editor-default-block-appender__content,.wp-block-group.is-layout-flex.block-editor-block-list__block>.block-list-appender:only-child .block-editor-inserter{ + display:inherit; + flex:1; + flex-direction:inherit; + width:100%; } -.wp-block-group.is-layout-flex.block-editor-block-list__block > .block-list-appender:only-child::after { - content: ""; - display: flex; - flex: 1 0 48px; - pointer-events: none; - min-height: 46px; - border: 1px dashed currentColor; - border-radius: 2px; +.wp-block-group.is-layout-flex.block-editor-block-list__block>.block-list-appender:only-child:after{ + border:1px dashed; + border-radius:2px; + content:""; + display:flex; + flex:1 0 48px; + min-height:46px; + pointer-events:none; } -.wp-block-group.is-layout-flex.block-editor-block-list__block > .block-list-appender:only-child .block-editor-inserter { - pointer-events: all; +.wp-block-group.is-layout-flex.block-editor-block-list__block>.block-list-appender:only-child .block-editor-inserter{ + pointer-events:all; } \ No newline at end of file diff --git a/wp-includes/blocks/group/style-rtl.css b/wp-includes/blocks/group/style-rtl.css index 3633372f7c..5128c344a0 100644 --- a/wp-includes/blocks/group/style-rtl.css +++ b/wp-includes/blocks/group/style-rtl.css @@ -1,79 +1,3 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-group { - box-sizing: border-box; +.wp-block-group{ + box-sizing:border-box; } \ No newline at end of file diff --git a/wp-includes/blocks/group/style.css b/wp-includes/blocks/group/style.css index 3633372f7c..5128c344a0 100644 --- a/wp-includes/blocks/group/style.css +++ b/wp-includes/blocks/group/style.css @@ -1,79 +1,3 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-group { - box-sizing: border-box; +.wp-block-group{ + box-sizing:border-box; } \ No newline at end of file diff --git a/wp-includes/blocks/group/theme-rtl.css b/wp-includes/blocks/group/theme-rtl.css index 151fca81d6..d232b03edc 100644 --- a/wp-includes/blocks/group/theme-rtl.css +++ b/wp-includes/blocks/group/theme-rtl.css @@ -1,79 +1,3 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -:where(.wp-block-group.has-background) { - padding: 1.25em 2.375em; +:where(.wp-block-group.has-background){ + padding:1.25em 2.375em; } \ No newline at end of file diff --git a/wp-includes/blocks/group/theme.css b/wp-includes/blocks/group/theme.css index 151fca81d6..d232b03edc 100644 --- a/wp-includes/blocks/group/theme.css +++ b/wp-includes/blocks/group/theme.css @@ -1,79 +1,3 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -:where(.wp-block-group.has-background) { - padding: 1.25em 2.375em; +:where(.wp-block-group.has-background){ + padding:1.25em 2.375em; } \ No newline at end of file diff --git a/wp-includes/blocks/heading/style-rtl.css b/wp-includes/blocks/heading/style-rtl.css index e9acf56b57..2c9f5264a8 100644 --- a/wp-includes/blocks/heading/style-rtl.css +++ b/wp-includes/blocks/heading/style-rtl.css @@ -1,84 +1,3 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -h1.has-background, -h2.has-background, -h3.has-background, -h4.has-background, -h5.has-background, -h6.has-background { - padding: 1.25em 2.375em; +h1.has-background,h2.has-background,h3.has-background,h4.has-background,h5.has-background,h6.has-background{ + padding:1.25em 2.375em; } \ No newline at end of file diff --git a/wp-includes/blocks/heading/style.css b/wp-includes/blocks/heading/style.css index e9acf56b57..2c9f5264a8 100644 --- a/wp-includes/blocks/heading/style.css +++ b/wp-includes/blocks/heading/style.css @@ -1,84 +1,3 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -h1.has-background, -h2.has-background, -h3.has-background, -h4.has-background, -h5.has-background, -h6.has-background { - padding: 1.25em 2.375em; +h1.has-background,h2.has-background,h3.has-background,h4.has-background,h5.has-background,h6.has-background{ + padding:1.25em 2.375em; } \ No newline at end of file diff --git a/wp-includes/blocks/html/editor-rtl.css b/wp-includes/blocks/html/editor-rtl.css index a38b1dcde9..182be15613 100644 --- a/wp-includes/blocks/html/editor-rtl.css +++ b/wp-includes/blocks/html/editor-rtl.css @@ -1,105 +1,28 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.block-library-html__edit .block-library-html__preview-overlay { - position: absolute; - width: 100%; - height: 100%; - top: 0; - right: 0; +.block-library-html__edit .block-library-html__preview-overlay{ + height:100%; + position:absolute; + right:0; + top:0; + width:100%; } -.block-library-html__edit .block-editor-plain-text { - font-family: Menlo, Consolas, monaco, monospace !important; - color: #1e1e1e !important; - background: #fff !important; - padding: 12px !important; - border: 1px solid #1e1e1e !important; - box-shadow: none !important; - border-radius: 2px !important; - max-height: 250px; - /* Fonts smaller than 16px causes mobile safari to zoom. */ - font-size: 16px !important; +.block-library-html__edit .block-editor-plain-text{ + background:#fff !important; + border:1px solid #1e1e1e !important; + border-radius:2px !important; + box-shadow:none !important; + color:#1e1e1e !important; + font-family:Menlo,Consolas,monaco,monospace !important; + font-size:16px !important; + max-height:250px; + padding:12px !important; } -@media (min-width: 600px) { - .block-library-html__edit .block-editor-plain-text { - font-size: 13px !important; +@media (min-width:600px){ + .block-library-html__edit .block-editor-plain-text{ + font-size:13px !important; } } -.block-library-html__edit .block-editor-plain-text:focus { - border-color: var(--wp-admin-theme-color) !important; - box-shadow: 0 0 0 1px var(--wp-admin-theme-color) !important; - outline: 2px solid transparent !important; +.block-library-html__edit .block-editor-plain-text:focus{ + border-color:var(--wp-admin-theme-color) !important; + box-shadow:0 0 0 1px var(--wp-admin-theme-color) !important; + outline:2px solid transparent !important; } \ No newline at end of file diff --git a/wp-includes/blocks/html/editor.css b/wp-includes/blocks/html/editor.css index a8d2a10297..4b367b1996 100644 --- a/wp-includes/blocks/html/editor.css +++ b/wp-includes/blocks/html/editor.css @@ -1,105 +1,28 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.block-library-html__edit .block-library-html__preview-overlay { - position: absolute; - width: 100%; - height: 100%; - top: 0; - left: 0; +.block-library-html__edit .block-library-html__preview-overlay{ + height:100%; + left:0; + position:absolute; + top:0; + width:100%; } -.block-library-html__edit .block-editor-plain-text { - font-family: Menlo, Consolas, monaco, monospace !important; - color: #1e1e1e !important; - background: #fff !important; - padding: 12px !important; - border: 1px solid #1e1e1e !important; - box-shadow: none !important; - border-radius: 2px !important; - max-height: 250px; - /* Fonts smaller than 16px causes mobile safari to zoom. */ - font-size: 16px !important; +.block-library-html__edit .block-editor-plain-text{ + background:#fff !important; + border:1px solid #1e1e1e !important; + border-radius:2px !important; + box-shadow:none !important; + color:#1e1e1e !important; + font-family:Menlo,Consolas,monaco,monospace !important; + font-size:16px !important; + max-height:250px; + padding:12px !important; } -@media (min-width: 600px) { - .block-library-html__edit .block-editor-plain-text { - font-size: 13px !important; +@media (min-width:600px){ + .block-library-html__edit .block-editor-plain-text{ + font-size:13px !important; } } -.block-library-html__edit .block-editor-plain-text:focus { - border-color: var(--wp-admin-theme-color) !important; - box-shadow: 0 0 0 1px var(--wp-admin-theme-color) !important; - outline: 2px solid transparent !important; +.block-library-html__edit .block-editor-plain-text:focus{ + border-color:var(--wp-admin-theme-color) !important; + box-shadow:0 0 0 1px var(--wp-admin-theme-color) !important; + outline:2px solid transparent !important; } \ No newline at end of file diff --git a/wp-includes/blocks/image/editor-rtl.css b/wp-includes/blocks/image/editor-rtl.css index b017dcf0e2..27098c5893 100644 --- a/wp-includes/blocks/image/editor-rtl.css +++ b/wp-includes/blocks/image/editor-rtl.css @@ -1,221 +1,132 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-image.wp-block-image.is-selected .components-placeholder { - color: #1e1e1e; - background-color: #fff; - box-shadow: inset 0 0 0 1px #1e1e1e; - border: none; - filter: none; - border-radius: 2px; +.wp-block-image.wp-block-image.is-selected .components-placeholder{ + background-color:#fff; + border:none; + border-radius:2px; + box-shadow:inset 0 0 0 1px #1e1e1e; + color:#1e1e1e; + filter:none; } -.wp-block-image.wp-block-image.is-selected .components-placeholder > svg { - opacity: 0; +.wp-block-image.wp-block-image.is-selected .components-placeholder>svg{ + opacity:0; } -.wp-block-image.wp-block-image.is-selected .components-placeholder .components-placeholder__illustration { - display: none; +.wp-block-image.wp-block-image.is-selected .components-placeholder .components-placeholder__illustration{ + display:none; } -.wp-block-image.wp-block-image .components-placeholder__label, -.wp-block-image.wp-block-image .components-placeholder__instructions, -.wp-block-image.wp-block-image .components-button { - transition: none; +.wp-block-image.wp-block-image .components-button,.wp-block-image.wp-block-image .components-placeholder__instructions,.wp-block-image.wp-block-image .components-placeholder__label{ + transition:none; } -figure.wp-block-image:not(.wp-block) { - margin: 0; +figure.wp-block-image:not(.wp-block){ + margin:0; } -.wp-block-image { - position: relative; +.wp-block-image{ + position:relative; } -.wp-block-image .is-applying img, .wp-block-image.is-transient img { - opacity: 0.3; +.wp-block-image .is-applying img,.wp-block-image.is-transient img{ + opacity:.3; } -.wp-block-image figcaption img { - display: inline; +.wp-block-image figcaption img{ + display:inline; } -.wp-block-image .components-spinner { - position: absolute; - top: 50%; - right: 50%; - transform: translate(50%, -50%); +.wp-block-image .components-spinner{ + position:absolute; + right:50%; + top:50%; + transform:translate(50%, -50%); } -.wp-block-image .components-resizable-box__container { - display: inline-block; +.wp-block-image .components-resizable-box__container{ + display:inline-block; } -.wp-block-image .components-resizable-box__container img { - display: block; - width: inherit; - height: inherit; +.wp-block-image .components-resizable-box__container img{ + display:block; + height:inherit; + width:inherit; } -.block-editor-block-list__block[data-type="core/image"] .block-editor-block-toolbar .block-editor-url-input__button-modal { - position: absolute; - right: 0; - left: 0; - margin: -1px 0; +.block-editor-block-list__block[data-type="core/image"] .block-editor-block-toolbar .block-editor-url-input__button-modal{ + left:0; + margin:-1px 0; + position:absolute; + right:0; } -@media (min-width: 600px) { - .block-editor-block-list__block[data-type="core/image"] .block-editor-block-toolbar .block-editor-url-input__button-modal { - margin: -1px; +@media (min-width:600px){ + .block-editor-block-list__block[data-type="core/image"] .block-editor-block-toolbar .block-editor-url-input__button-modal{ + margin:-1px; } } -[data-align=wide] > .wp-block-image img, -[data-align=full] > .wp-block-image img { - height: auto; - width: 100%; +[data-align=full]>.wp-block-image img,[data-align=wide]>.wp-block-image img{ + height:auto; + width:100%; } -.wp-block[data-align=left] > .wp-block-image, -.wp-block[data-align=center] > .wp-block-image, -.wp-block[data-align=right] > .wp-block-image { - display: table; +.wp-block[data-align=center]>.wp-block-image,.wp-block[data-align=left]>.wp-block-image,.wp-block[data-align=right]>.wp-block-image{ + display:table; } -.wp-block[data-align=left] > .wp-block-image > figcaption, -.wp-block[data-align=center] > .wp-block-image > figcaption, -.wp-block[data-align=right] > .wp-block-image > figcaption { - display: table-caption; - caption-side: bottom; +.wp-block[data-align=center]>.wp-block-image>figcaption,.wp-block[data-align=left]>.wp-block-image>figcaption,.wp-block[data-align=right]>.wp-block-image>figcaption{ + caption-side:bottom; + display:table-caption; } -.wp-block[data-align=left] > .wp-block-image { - margin-left: 1em; - margin-right: 0; - margin-top: 0.5em; - margin-bottom: 0.5em; +.wp-block[data-align=left]>.wp-block-image{ + margin:.5em 0 .5em 1em; } -.wp-block[data-align=right] > .wp-block-image { - margin-right: 1em; - margin-left: 0; - margin-top: 0.5em; - margin-bottom: 0.5em; +.wp-block[data-align=right]>.wp-block-image{ + margin:.5em 1em .5em 0; } -.wp-block[data-align=center] > .wp-block-image { - margin-right: auto; - margin-left: auto; - text-align: center; +.wp-block[data-align=center]>.wp-block-image{ + margin-left:auto; + margin-right:auto; + text-align:center; } -.wp-block-image__crop-area { - position: relative; - max-width: 100%; - width: 100%; - overflow: hidden; +.wp-block-image__crop-area{ + max-width:100%; + overflow:hidden; + position:relative; + width:100%; } -.wp-block-image__crop-area .reactEasyCrop_Container .reactEasyCrop_Image { - border: none; +.wp-block-image__crop-area .reactEasyCrop_Container .reactEasyCrop_Image{ + border:none; } -.wp-block-image__crop-icon { - padding: 0 8px; - min-width: 48px; - display: flex; - justify-content: center; - align-items: center; +.wp-block-image__crop-icon{ + align-items:center; + display:flex; + justify-content:center; + min-width:48px; + padding:0 8px; } -.wp-block-image__crop-icon svg { - fill: currentColor; +.wp-block-image__crop-icon svg{ + fill:currentColor; } -.wp-block-image__zoom .components-popover__content { - min-width: 260px; - overflow: visible !important; +.wp-block-image__zoom .components-popover__content{ + min-width:260px; + overflow:visible !important; } -.wp-block-image__zoom .components-range-control { - flex: 1; +.wp-block-image__zoom .components-range-control{ + flex:1; } -.wp-block-image__zoom .components-base-control__field { - display: flex; - margin-bottom: 0; - flex-direction: column; - align-items: flex-start; +.wp-block-image__zoom .components-base-control__field{ + align-items:flex-start; + display:flex; + flex-direction:column; + margin-bottom:0; } -.wp-block-image__aspect-ratio { - height: 46px; - margin-bottom: -8px; - display: flex; - align-items: center; +.wp-block-image__aspect-ratio{ + align-items:center; + display:flex; + height:46px; + margin-bottom:-8px; } -.wp-block-image__aspect-ratio .components-button { - width: 36px; - padding-right: 0; - padding-left: 0; +.wp-block-image__aspect-ratio .components-button{ + padding-left:0; + padding-right:0; + width:36px; } \ No newline at end of file diff --git a/wp-includes/blocks/image/editor.css b/wp-includes/blocks/image/editor.css index 6e44ec3783..03e4be9df3 100644 --- a/wp-includes/blocks/image/editor.css +++ b/wp-includes/blocks/image/editor.css @@ -1,221 +1,132 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-image.wp-block-image.is-selected .components-placeholder { - color: #1e1e1e; - background-color: #fff; - box-shadow: inset 0 0 0 1px #1e1e1e; - border: none; - filter: none; - border-radius: 2px; +.wp-block-image.wp-block-image.is-selected .components-placeholder{ + background-color:#fff; + border:none; + border-radius:2px; + box-shadow:inset 0 0 0 1px #1e1e1e; + color:#1e1e1e; + filter:none; } -.wp-block-image.wp-block-image.is-selected .components-placeholder > svg { - opacity: 0; +.wp-block-image.wp-block-image.is-selected .components-placeholder>svg{ + opacity:0; } -.wp-block-image.wp-block-image.is-selected .components-placeholder .components-placeholder__illustration { - display: none; +.wp-block-image.wp-block-image.is-selected .components-placeholder .components-placeholder__illustration{ + display:none; } -.wp-block-image.wp-block-image .components-placeholder__label, -.wp-block-image.wp-block-image .components-placeholder__instructions, -.wp-block-image.wp-block-image .components-button { - transition: none; +.wp-block-image.wp-block-image .components-button,.wp-block-image.wp-block-image .components-placeholder__instructions,.wp-block-image.wp-block-image .components-placeholder__label{ + transition:none; } -figure.wp-block-image:not(.wp-block) { - margin: 0; +figure.wp-block-image:not(.wp-block){ + margin:0; } -.wp-block-image { - position: relative; +.wp-block-image{ + position:relative; } -.wp-block-image .is-applying img, .wp-block-image.is-transient img { - opacity: 0.3; +.wp-block-image .is-applying img,.wp-block-image.is-transient img{ + opacity:.3; } -.wp-block-image figcaption img { - display: inline; +.wp-block-image figcaption img{ + display:inline; } -.wp-block-image .components-spinner { - position: absolute; - top: 50%; - left: 50%; - transform: translate(-50%, -50%); +.wp-block-image .components-spinner{ + left:50%; + position:absolute; + top:50%; + transform:translate(-50%, -50%); } -.wp-block-image .components-resizable-box__container { - display: inline-block; +.wp-block-image .components-resizable-box__container{ + display:inline-block; } -.wp-block-image .components-resizable-box__container img { - display: block; - width: inherit; - height: inherit; +.wp-block-image .components-resizable-box__container img{ + display:block; + height:inherit; + width:inherit; } -.block-editor-block-list__block[data-type="core/image"] .block-editor-block-toolbar .block-editor-url-input__button-modal { - position: absolute; - left: 0; - right: 0; - margin: -1px 0; +.block-editor-block-list__block[data-type="core/image"] .block-editor-block-toolbar .block-editor-url-input__button-modal{ + left:0; + margin:-1px 0; + position:absolute; + right:0; } -@media (min-width: 600px) { - .block-editor-block-list__block[data-type="core/image"] .block-editor-block-toolbar .block-editor-url-input__button-modal { - margin: -1px; +@media (min-width:600px){ + .block-editor-block-list__block[data-type="core/image"] .block-editor-block-toolbar .block-editor-url-input__button-modal{ + margin:-1px; } } -[data-align=wide] > .wp-block-image img, -[data-align=full] > .wp-block-image img { - height: auto; - width: 100%; +[data-align=full]>.wp-block-image img,[data-align=wide]>.wp-block-image img{ + height:auto; + width:100%; } -.wp-block[data-align=left] > .wp-block-image, -.wp-block[data-align=center] > .wp-block-image, -.wp-block[data-align=right] > .wp-block-image { - display: table; +.wp-block[data-align=center]>.wp-block-image,.wp-block[data-align=left]>.wp-block-image,.wp-block[data-align=right]>.wp-block-image{ + display:table; } -.wp-block[data-align=left] > .wp-block-image > figcaption, -.wp-block[data-align=center] > .wp-block-image > figcaption, -.wp-block[data-align=right] > .wp-block-image > figcaption { - display: table-caption; - caption-side: bottom; +.wp-block[data-align=center]>.wp-block-image>figcaption,.wp-block[data-align=left]>.wp-block-image>figcaption,.wp-block[data-align=right]>.wp-block-image>figcaption{ + caption-side:bottom; + display:table-caption; } -.wp-block[data-align=left] > .wp-block-image { - margin-right: 1em; - margin-left: 0; - margin-top: 0.5em; - margin-bottom: 0.5em; +.wp-block[data-align=left]>.wp-block-image{ + margin:.5em 1em .5em 0; } -.wp-block[data-align=right] > .wp-block-image { - margin-left: 1em; - margin-right: 0; - margin-top: 0.5em; - margin-bottom: 0.5em; +.wp-block[data-align=right]>.wp-block-image{ + margin:.5em 0 .5em 1em; } -.wp-block[data-align=center] > .wp-block-image { - margin-left: auto; - margin-right: auto; - text-align: center; +.wp-block[data-align=center]>.wp-block-image{ + margin-left:auto; + margin-right:auto; + text-align:center; } -.wp-block-image__crop-area { - position: relative; - max-width: 100%; - width: 100%; - overflow: hidden; +.wp-block-image__crop-area{ + max-width:100%; + overflow:hidden; + position:relative; + width:100%; } -.wp-block-image__crop-area .reactEasyCrop_Container .reactEasyCrop_Image { - border: none; +.wp-block-image__crop-area .reactEasyCrop_Container .reactEasyCrop_Image{ + border:none; } -.wp-block-image__crop-icon { - padding: 0 8px; - min-width: 48px; - display: flex; - justify-content: center; - align-items: center; +.wp-block-image__crop-icon{ + align-items:center; + display:flex; + justify-content:center; + min-width:48px; + padding:0 8px; } -.wp-block-image__crop-icon svg { - fill: currentColor; +.wp-block-image__crop-icon svg{ + fill:currentColor; } -.wp-block-image__zoom .components-popover__content { - min-width: 260px; - overflow: visible !important; +.wp-block-image__zoom .components-popover__content{ + min-width:260px; + overflow:visible !important; } -.wp-block-image__zoom .components-range-control { - flex: 1; +.wp-block-image__zoom .components-range-control{ + flex:1; } -.wp-block-image__zoom .components-base-control__field { - display: flex; - margin-bottom: 0; - flex-direction: column; - align-items: flex-start; +.wp-block-image__zoom .components-base-control__field{ + align-items:flex-start; + display:flex; + flex-direction:column; + margin-bottom:0; } -.wp-block-image__aspect-ratio { - height: 46px; - margin-bottom: -8px; - display: flex; - align-items: center; +.wp-block-image__aspect-ratio{ + align-items:center; + display:flex; + height:46px; + margin-bottom:-8px; } -.wp-block-image__aspect-ratio .components-button { - width: 36px; - padding-left: 0; - padding-right: 0; +.wp-block-image__aspect-ratio .components-button{ + padding-left:0; + padding-right:0; + width:36px; } \ No newline at end of file diff --git a/wp-includes/blocks/image/style-rtl.css b/wp-includes/blocks/image/style-rtl.css index 21deb266c7..099177c251 100644 --- a/wp-includes/blocks/image/style-rtl.css +++ b/wp-includes/blocks/image/style-rtl.css @@ -1,184 +1,93 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-image img { - height: auto; - max-width: 100%; - vertical-align: bottom; - box-sizing: border-box; +.wp-block-image img{ + height:auto; + max-width:100%; + vertical-align:bottom; } -.wp-block-image.has-custom-border img { - box-sizing: border-box; +.wp-block-image img,.wp-block-image.has-custom-border img{ + box-sizing:border-box; } -.wp-block-image.aligncenter { - text-align: center; +.wp-block-image.aligncenter{ + text-align:center; } -.wp-block-image.alignfull img, .wp-block-image.alignwide img { - height: auto; - width: 100%; +.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 .aligncenter,.wp-block-image .alignleft,.wp-block-image .alignright,.wp-block-image.aligncenter,.wp-block-image.alignleft,.wp-block-image.alignright{ + 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 { - display: table-caption; - caption-side: bottom; +.wp-block-image .aligncenter>figcaption,.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{ + caption-side:bottom; + display:table-caption; } -.wp-block-image .alignleft { - float: left; - margin-left: 0; - margin-left: 1em; - margin-top: 0.5em; - margin-bottom: 0.5em; +.wp-block-image .alignleft{ + float:left; + margin-bottom:.5em; + margin-left:1em; + margin-top:.5em; } -.wp-block-image .alignright { - float: right; - margin-right: 0; - margin-right: 1em; - margin-top: 0.5em; - margin-bottom: 0.5em; +.wp-block-image .alignright{ + float:right; + margin-bottom:.5em; + margin-right:1em; + margin-top:.5em; } -.wp-block-image .aligncenter { - margin-right: auto; - margin-left: auto; +.wp-block-image .aligncenter{ + margin-left:auto; + margin-right:auto; } -.wp-block-image figcaption { - margin-top: 0.5em; - margin-bottom: 1em; +.wp-block-image figcaption{ + margin-bottom:1em; + margin-top:.5em; } -.wp-block-image.is-style-rounded img, -.wp-block-image .is-style-rounded img { - border-radius: 9999px; +.wp-block-image .is-style-rounded img,.wp-block-image.is-style-circle-mask img,.wp-block-image.is-style-rounded img{ + border-radius:9999px; } -.wp-block-image.is-style-circle-mask img { - border-radius: 9999px; -} -@supports ((-webkit-mask-image: none) or (mask-image: none)) or (-webkit-mask-image: none) { - .wp-block-image.is-style-circle-mask img { - /* stylelint-disable */ - -webkit-mask-image: url('data:image/svg+xml;utf8,'); - mask-image: url('data:image/svg+xml;utf8,'); - /* stylelint-enable */ - mask-mode: alpha; - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - -webkit-mask-size: contain; - mask-size: contain; - -webkit-mask-position: center; - mask-position: center; - border-radius: 0; +@supports ((-webkit-mask-image:none) or (mask-image:none)) or (-webkit-mask-image:none){ + .wp-block-image.is-style-circle-mask img{ + border-radius:0; + -webkit-mask-image:url('data:image/svg+xml;utf8,'); + mask-image:url('data:image/svg+xml;utf8,'); + mask-mode:alpha; + -webkit-mask-position:center; + mask-position:center; + -webkit-mask-repeat:no-repeat; + mask-repeat:initial; + -webkit-mask-size:contain; + mask-size:contain; } } -.wp-block-image :where(.has-border-color) { - border-style: solid; +.wp-block-image :where(.has-border-color){ + border-style:solid; } -.wp-block-image :where([style*="border-top-color"]) { - border-top-style: solid; +.wp-block-image :where([style*=border-top-color]){ + border-top-style:solid; } -.wp-block-image :where([style*="border-right-color"]) { - border-left-style: solid; +.wp-block-image :where([style*=border-right-color]){ + border-left-style:solid; } -.wp-block-image :where([style*="border-bottom-color"]) { - border-bottom-style: solid; +.wp-block-image :where([style*=border-bottom-color]){ + border-bottom-style:solid; } -.wp-block-image :where([style*="border-left-color"]) { - border-right-style: solid; +.wp-block-image :where([style*=border-left-color]){ + border-right-style:solid; } -.wp-block-image :where([style*="border-width"]) { - border-style: solid; +.wp-block-image :where([style*=border-width]){ + border-style:solid; } -.wp-block-image :where([style*="border-top-width"]) { - border-top-style: solid; +.wp-block-image :where([style*=border-top-width]){ + border-top-style:solid; } -.wp-block-image :where([style*="border-right-width"]) { - border-left-style: solid; +.wp-block-image :where([style*=border-right-width]){ + border-left-style:solid; } -.wp-block-image :where([style*="border-bottom-width"]) { - border-bottom-style: solid; +.wp-block-image :where([style*=border-bottom-width]){ + border-bottom-style:solid; } -.wp-block-image :where([style*="border-left-width"]) { - border-right-style: solid; +.wp-block-image :where([style*=border-left-width]){ + border-right-style:solid; } -.wp-block-image figure { - margin: 0; +.wp-block-image figure{ + margin:0; } \ No newline at end of file diff --git a/wp-includes/blocks/image/style.css b/wp-includes/blocks/image/style.css index f621c5f668..f3ea1d9768 100644 --- a/wp-includes/blocks/image/style.css +++ b/wp-includes/blocks/image/style.css @@ -1,188 +1,89 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-image img { - height: auto; - max-width: 100%; - vertical-align: bottom; - box-sizing: border-box; +.wp-block-image img{ + height:auto; + max-width:100%; + vertical-align:bottom; } -.wp-block-image.has-custom-border img { - box-sizing: border-box; +.wp-block-image img,.wp-block-image.has-custom-border img{ + box-sizing:border-box; } -.wp-block-image.aligncenter { - text-align: center; +.wp-block-image.aligncenter{ + text-align:center; } -.wp-block-image.alignfull img, .wp-block-image.alignwide img { - height: auto; - width: 100%; +.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 .aligncenter,.wp-block-image .alignleft,.wp-block-image .alignright,.wp-block-image.aligncenter,.wp-block-image.alignleft,.wp-block-image.alignright{ + 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 { - display: table-caption; - caption-side: bottom; +.wp-block-image .aligncenter>figcaption,.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{ + caption-side:bottom; + display:table-caption; } -.wp-block-image .alignleft { - /*rtl:ignore*/ - float: left; - /*rtl:ignore*/ - margin-left: 0; - margin-right: 1em; - margin-top: 0.5em; - margin-bottom: 0.5em; +.wp-block-image .alignleft{ + float:left; + margin:.5em 1em .5em 0; } -.wp-block-image .alignright { - /*rtl:ignore*/ - float: right; - /*rtl:ignore*/ - margin-right: 0; - margin-left: 1em; - margin-top: 0.5em; - margin-bottom: 0.5em; +.wp-block-image .alignright{ + float:right; + margin:.5em 0 .5em 1em; } -.wp-block-image .aligncenter { - margin-left: auto; - margin-right: auto; +.wp-block-image .aligncenter{ + margin-left:auto; + margin-right:auto; } -.wp-block-image figcaption { - margin-top: 0.5em; - margin-bottom: 1em; +.wp-block-image figcaption{ + margin-bottom:1em; + margin-top:.5em; } -.wp-block-image.is-style-rounded img, -.wp-block-image .is-style-rounded img { - border-radius: 9999px; +.wp-block-image .is-style-rounded img,.wp-block-image.is-style-circle-mask img,.wp-block-image.is-style-rounded img{ + border-radius:9999px; } -.wp-block-image.is-style-circle-mask img { - border-radius: 9999px; -} -@supports ((-webkit-mask-image: none) or (mask-image: none)) or (-webkit-mask-image: none) { - .wp-block-image.is-style-circle-mask img { - /* stylelint-disable */ - -webkit-mask-image: url('data:image/svg+xml;utf8,'); - mask-image: url('data:image/svg+xml;utf8,'); - /* stylelint-enable */ - mask-mode: alpha; - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - -webkit-mask-size: contain; - mask-size: contain; - -webkit-mask-position: center; - mask-position: center; - border-radius: 0; +@supports ((-webkit-mask-image:none) or (mask-image:none)) or (-webkit-mask-image:none){ + .wp-block-image.is-style-circle-mask img{ + border-radius:0; + -webkit-mask-image:url('data:image/svg+xml;utf8,'); + mask-image:url('data:image/svg+xml;utf8,'); + mask-mode:alpha; + -webkit-mask-position:center; + mask-position:center; + -webkit-mask-repeat:no-repeat; + mask-repeat:initial; + -webkit-mask-size:contain; + mask-size:contain; } } -.wp-block-image :where(.has-border-color) { - border-style: solid; +.wp-block-image :where(.has-border-color){ + border-style:solid; } -.wp-block-image :where([style*="border-top-color"]) { - border-top-style: solid; +.wp-block-image :where([style*=border-top-color]){ + border-top-style:solid; } -.wp-block-image :where([style*="border-right-color"]) { - border-right-style: solid; +.wp-block-image :where([style*=border-right-color]){ + border-right-style:solid; } -.wp-block-image :where([style*="border-bottom-color"]) { - border-bottom-style: solid; +.wp-block-image :where([style*=border-bottom-color]){ + border-bottom-style:solid; } -.wp-block-image :where([style*="border-left-color"]) { - border-left-style: solid; +.wp-block-image :where([style*=border-left-color]){ + border-left-style:solid; } -.wp-block-image :where([style*="border-width"]) { - border-style: solid; +.wp-block-image :where([style*=border-width]){ + border-style:solid; } -.wp-block-image :where([style*="border-top-width"]) { - border-top-style: solid; +.wp-block-image :where([style*=border-top-width]){ + border-top-style:solid; } -.wp-block-image :where([style*="border-right-width"]) { - border-right-style: solid; +.wp-block-image :where([style*=border-right-width]){ + border-right-style:solid; } -.wp-block-image :where([style*="border-bottom-width"]) { - border-bottom-style: solid; +.wp-block-image :where([style*=border-bottom-width]){ + border-bottom-style:solid; } -.wp-block-image :where([style*="border-left-width"]) { - border-left-style: solid; +.wp-block-image :where([style*=border-left-width]){ + border-left-style:solid; } -.wp-block-image figure { - margin: 0; +.wp-block-image figure{ + margin:0; } \ No newline at end of file diff --git a/wp-includes/blocks/image/theme-rtl.css b/wp-includes/blocks/image/theme-rtl.css index 1be4e3f7c7..4d1a8391ad 100644 --- a/wp-includes/blocks/image/theme-rtl.css +++ b/wp-includes/blocks/image/theme-rtl.css @@ -1,88 +1,12 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-image figcaption { - color: #555; - font-size: 13px; - text-align: center; +.wp-block-image figcaption{ + color:#555; + font-size:13px; + text-align:center; } -.is-dark-theme .wp-block-image figcaption { - color: rgba(255, 255, 255, 0.65); +.is-dark-theme .wp-block-image figcaption{ + color:hsla(0,0%,100%,.65); } -.wp-block-image { - margin: 0 0 1em 0; +.wp-block-image{ + margin:0 0 1em; } \ No newline at end of file diff --git a/wp-includes/blocks/image/theme.css b/wp-includes/blocks/image/theme.css index 1be4e3f7c7..4d1a8391ad 100644 --- a/wp-includes/blocks/image/theme.css +++ b/wp-includes/blocks/image/theme.css @@ -1,88 +1,12 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-image figcaption { - color: #555; - font-size: 13px; - text-align: center; +.wp-block-image figcaption{ + color:#555; + font-size:13px; + text-align:center; } -.is-dark-theme .wp-block-image figcaption { - color: rgba(255, 255, 255, 0.65); +.is-dark-theme .wp-block-image figcaption{ + color:hsla(0,0%,100%,.65); } -.wp-block-image { - margin: 0 0 1em 0; +.wp-block-image{ + margin:0 0 1em; } \ No newline at end of file diff --git a/wp-includes/blocks/latest-comments/style-rtl.css b/wp-includes/blocks/latest-comments/style-rtl.css index 57d98fb54b..69c3ce26a7 100644 --- a/wp-includes/blocks/latest-comments/style-rtl.css +++ b/wp-includes/blocks/latest-comments/style-rtl.css @@ -1,121 +1,43 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -ol.wp-block-latest-comments { - margin-right: 0; +ol.wp-block-latest-comments{ + margin-right:0; } -.wp-block-latest-comments .wp-block-latest-comments { - padding-right: 0; +.wp-block-latest-comments .wp-block-latest-comments{ + padding-right:0; } -.wp-block-latest-comments__comment { - line-height: 1.1; - list-style: none; - margin-bottom: 1em; +.wp-block-latest-comments__comment{ + line-height:1.1; + list-style:none; + margin-bottom:1em; } -.has-avatars .wp-block-latest-comments__comment { - min-height: 2.25em; - list-style: none; +.has-avatars .wp-block-latest-comments__comment{ + list-style:none; + min-height:2.25em; } -.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta, -.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt { - margin-right: 3.25em; +.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt,.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta{ + margin-right:3.25em; } -.has-dates .wp-block-latest-comments__comment, .has-excerpts .wp-block-latest-comments__comment { - line-height: 1.5; +.has-dates .wp-block-latest-comments__comment,.has-excerpts .wp-block-latest-comments__comment{ + line-height:1.5; } -.wp-block-latest-comments__comment-excerpt p { - font-size: 0.875em; - line-height: 1.8; - margin: 0.36em 0 1.4em; +.wp-block-latest-comments__comment-excerpt p{ + font-size:.875em; + line-height:1.8; + margin:.36em 0 1.4em; } -.wp-block-latest-comments__comment-date { - display: block; - font-size: 0.75em; +.wp-block-latest-comments__comment-date{ + display:block; + font-size:.75em; } -.wp-block-latest-comments .avatar, -.wp-block-latest-comments__comment-avatar { - border-radius: 1.5em; - display: block; - float: right; - height: 2.5em; - margin-left: 0.75em; - width: 2.5em; +.wp-block-latest-comments .avatar,.wp-block-latest-comments__comment-avatar{ + border-radius:1.5em; + display:block; + float:right; + height:2.5em; + margin-left:.75em; + width:2.5em; } \ No newline at end of file diff --git a/wp-includes/blocks/latest-comments/style.css b/wp-includes/blocks/latest-comments/style.css index c2fb27f49f..e1fd94499f 100644 --- a/wp-includes/blocks/latest-comments/style.css +++ b/wp-includes/blocks/latest-comments/style.css @@ -1,121 +1,43 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -ol.wp-block-latest-comments { - margin-left: 0; +ol.wp-block-latest-comments{ + margin-left:0; } -.wp-block-latest-comments .wp-block-latest-comments { - padding-left: 0; +.wp-block-latest-comments .wp-block-latest-comments{ + padding-left:0; } -.wp-block-latest-comments__comment { - line-height: 1.1; - list-style: none; - margin-bottom: 1em; +.wp-block-latest-comments__comment{ + line-height:1.1; + list-style:none; + margin-bottom:1em; } -.has-avatars .wp-block-latest-comments__comment { - min-height: 2.25em; - list-style: none; +.has-avatars .wp-block-latest-comments__comment{ + list-style:none; + min-height:2.25em; } -.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta, -.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt { - margin-left: 3.25em; +.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt,.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta{ + margin-left:3.25em; } -.has-dates .wp-block-latest-comments__comment, .has-excerpts .wp-block-latest-comments__comment { - line-height: 1.5; +.has-dates .wp-block-latest-comments__comment,.has-excerpts .wp-block-latest-comments__comment{ + line-height:1.5; } -.wp-block-latest-comments__comment-excerpt p { - font-size: 0.875em; - line-height: 1.8; - margin: 0.36em 0 1.4em; +.wp-block-latest-comments__comment-excerpt p{ + font-size:.875em; + line-height:1.8; + margin:.36em 0 1.4em; } -.wp-block-latest-comments__comment-date { - display: block; - font-size: 0.75em; +.wp-block-latest-comments__comment-date{ + display:block; + font-size:.75em; } -.wp-block-latest-comments .avatar, -.wp-block-latest-comments__comment-avatar { - border-radius: 1.5em; - display: block; - float: left; - height: 2.5em; - margin-right: 0.75em; - width: 2.5em; +.wp-block-latest-comments .avatar,.wp-block-latest-comments__comment-avatar{ + border-radius:1.5em; + display:block; + float:left; + height:2.5em; + margin-right:.75em; + width:2.5em; } \ No newline at end of file diff --git a/wp-includes/blocks/latest-posts/editor-rtl.css b/wp-includes/blocks/latest-posts/editor-rtl.css index bb2b3859e2..4b51e11336 100644 --- a/wp-includes/blocks/latest-posts/editor-rtl.css +++ b/wp-includes/blocks/latest-posts/editor-rtl.css @@ -1,100 +1,24 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-latest-posts { - padding-right: 2.5em; +.wp-block-latest-posts{ + padding-right:2.5em; } -.wp-block-latest-posts.is-grid { - padding-right: 0; +.wp-block-latest-posts.is-grid{ + padding-right:0; } -.wp-block-latest-posts > li { - overflow: hidden; +.wp-block-latest-posts>li{ + overflow:hidden; } -.wp-block-latest-posts li a > div { - display: inline; +.wp-block-latest-posts li a>div{ + display:inline; } -.edit-post-visual-editor .wp-block-latest-posts.is-grid li { - margin-bottom: 20px; +.edit-post-visual-editor .wp-block-latest-posts.is-grid li{ + margin-bottom:20px; } -.editor-latest-posts-image-alignment-control .components-base-control__label { - display: block; +.editor-latest-posts-image-alignment-control .components-base-control__label{ + display:block; } -.editor-latest-posts-image-alignment-control .components-toolbar { - border-radius: 2px; +.editor-latest-posts-image-alignment-control .components-toolbar{ + border-radius:2px; } \ No newline at end of file diff --git a/wp-includes/blocks/latest-posts/editor.css b/wp-includes/blocks/latest-posts/editor.css index 291a17d634..850c3673e9 100644 --- a/wp-includes/blocks/latest-posts/editor.css +++ b/wp-includes/blocks/latest-posts/editor.css @@ -1,100 +1,24 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-latest-posts { - padding-left: 2.5em; +.wp-block-latest-posts{ + padding-left:2.5em; } -.wp-block-latest-posts.is-grid { - padding-left: 0; +.wp-block-latest-posts.is-grid{ + padding-left:0; } -.wp-block-latest-posts > li { - overflow: hidden; +.wp-block-latest-posts>li{ + overflow:hidden; } -.wp-block-latest-posts li a > div { - display: inline; +.wp-block-latest-posts li a>div{ + display:inline; } -.edit-post-visual-editor .wp-block-latest-posts.is-grid li { - margin-bottom: 20px; +.edit-post-visual-editor .wp-block-latest-posts.is-grid li{ + margin-bottom:20px; } -.editor-latest-posts-image-alignment-control .components-base-control__label { - display: block; +.editor-latest-posts-image-alignment-control .components-base-control__label{ + display:block; } -.editor-latest-posts-image-alignment-control .components-toolbar { - border-radius: 2px; +.editor-latest-posts-image-alignment-control .components-toolbar{ + border-radius:2px; } \ No newline at end of file diff --git a/wp-includes/blocks/latest-posts/style-rtl.css b/wp-includes/blocks/latest-posts/style-rtl.css index 2d6a885dce..df5ec768aa 100644 --- a/wp-includes/blocks/latest-posts/style-rtl.css +++ b/wp-includes/blocks/latest-posts/style-rtl.css @@ -1,162 +1,85 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-latest-posts.alignleft { - margin-right: 2em; +.wp-block-latest-posts.alignleft{ + margin-right:2em; } -.wp-block-latest-posts.alignright { - margin-left: 2em; +.wp-block-latest-posts.alignright{ + margin-left:2em; } -.wp-block-latest-posts.wp-block-latest-posts__list { - list-style: none; - padding-right: 0; +.wp-block-latest-posts.wp-block-latest-posts__list{ + list-style:none; + padding-right:0; } -.wp-block-latest-posts.wp-block-latest-posts__list li { - clear: both; +.wp-block-latest-posts.wp-block-latest-posts__list li{ + clear:both; } -.wp-block-latest-posts.is-grid { - display: flex; - flex-wrap: wrap; - padding: 0; +.wp-block-latest-posts.is-grid{ + display:flex; + flex-wrap:wrap; + padding:0; } -.wp-block-latest-posts.is-grid li { - margin: 0 0 1.25em 1.25em; - width: 100%; +.wp-block-latest-posts.is-grid li{ + margin:0 0 1.25em 1.25em; + width:100%; } -@media (min-width: 600px) { - .wp-block-latest-posts.columns-2 li { - width: calc((100% / 2) - 1.25em + (1.25em / 2)); +@media (min-width:600px){ + .wp-block-latest-posts.columns-2 li{ + width:calc(50% - .625em); } - .wp-block-latest-posts.columns-2 li:nth-child(2n) { - margin-left: 0; + .wp-block-latest-posts.columns-2 li:nth-child(2n){ + margin-left:0; } - .wp-block-latest-posts.columns-3 li { - width: calc((100% / 3) - 1.25em + (1.25em / 3)); + .wp-block-latest-posts.columns-3 li{ + width:calc(33.33333% - .83333em); } - .wp-block-latest-posts.columns-3 li:nth-child(3n) { - margin-left: 0; + .wp-block-latest-posts.columns-3 li:nth-child(3n){ + margin-left:0; } - .wp-block-latest-posts.columns-4 li { - width: calc((100% / 4) - 1.25em + (1.25em / 4)); + .wp-block-latest-posts.columns-4 li{ + width:calc(25% - .9375em); } - .wp-block-latest-posts.columns-4 li:nth-child(4n) { - margin-left: 0; + .wp-block-latest-posts.columns-4 li:nth-child(4n){ + margin-left:0; } - .wp-block-latest-posts.columns-5 li { - width: calc((100% / 5) - 1.25em + (1.25em / 5)); + .wp-block-latest-posts.columns-5 li{ + width:calc(20% - 1em); } - .wp-block-latest-posts.columns-5 li:nth-child(5n) { - margin-left: 0; + .wp-block-latest-posts.columns-5 li:nth-child(5n){ + margin-left:0; } - .wp-block-latest-posts.columns-6 li { - width: calc((100% / 6) - 1.25em + (1.25em / 6)); + .wp-block-latest-posts.columns-6 li{ + width:calc(16.66667% - 1.04167em); } - .wp-block-latest-posts.columns-6 li:nth-child(6n) { - margin-left: 0; + .wp-block-latest-posts.columns-6 li:nth-child(6n){ + margin-left:0; } } -.wp-block-latest-posts__post-date, -.wp-block-latest-posts__post-author { - display: block; - font-size: 0.8125em; +.wp-block-latest-posts__post-author,.wp-block-latest-posts__post-date{ + display:block; + font-size:.8125em; } -.wp-block-latest-posts__post-excerpt { - margin-top: 0.5em; - margin-bottom: 1em; +.wp-block-latest-posts__post-excerpt{ + margin-bottom:1em; + margin-top:.5em; } -.wp-block-latest-posts__featured-image a { - display: inline-block; +.wp-block-latest-posts__featured-image a{ + display:inline-block; } -.wp-block-latest-posts__featured-image img { - height: auto; - width: auto; - max-width: 100%; +.wp-block-latest-posts__featured-image img{ + height:auto; + max-width:100%; + width:auto; } -.wp-block-latest-posts__featured-image.alignleft { - margin-right: 1em; - float: left; +.wp-block-latest-posts__featured-image.alignleft{ + float:left; + margin-right:1em; } -.wp-block-latest-posts__featured-image.alignright { - margin-left: 1em; - float: right; +.wp-block-latest-posts__featured-image.alignright{ + float:right; + margin-left:1em; } -.wp-block-latest-posts__featured-image.aligncenter { - margin-bottom: 1em; - text-align: center; +.wp-block-latest-posts__featured-image.aligncenter{ + margin-bottom:1em; + text-align:center; } \ No newline at end of file diff --git a/wp-includes/blocks/latest-posts/style.css b/wp-includes/blocks/latest-posts/style.css index 97a5b5d12a..38d6058865 100644 --- a/wp-includes/blocks/latest-posts/style.css +++ b/wp-includes/blocks/latest-posts/style.css @@ -1,168 +1,85 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-latest-posts.alignleft { - /*rtl:ignore*/ - margin-right: 2em; +.wp-block-latest-posts.alignleft{ + margin-right:2em; } -.wp-block-latest-posts.alignright { - /*rtl:ignore*/ - margin-left: 2em; +.wp-block-latest-posts.alignright{ + margin-left:2em; } -.wp-block-latest-posts.wp-block-latest-posts__list { - list-style: none; - padding-left: 0; +.wp-block-latest-posts.wp-block-latest-posts__list{ + list-style:none; + padding-left:0; } -.wp-block-latest-posts.wp-block-latest-posts__list li { - clear: both; +.wp-block-latest-posts.wp-block-latest-posts__list li{ + clear:both; } -.wp-block-latest-posts.is-grid { - display: flex; - flex-wrap: wrap; - padding: 0; +.wp-block-latest-posts.is-grid{ + display:flex; + flex-wrap:wrap; + padding:0; } -.wp-block-latest-posts.is-grid li { - margin: 0 1.25em 1.25em 0; - width: 100%; +.wp-block-latest-posts.is-grid li{ + margin:0 1.25em 1.25em 0; + width:100%; } -@media (min-width: 600px) { - .wp-block-latest-posts.columns-2 li { - width: calc((100% / 2) - 1.25em + (1.25em / 2)); +@media (min-width:600px){ + .wp-block-latest-posts.columns-2 li{ + width:calc(50% - .625em); } - .wp-block-latest-posts.columns-2 li:nth-child(2n) { - margin-right: 0; + .wp-block-latest-posts.columns-2 li:nth-child(2n){ + margin-right:0; } - .wp-block-latest-posts.columns-3 li { - width: calc((100% / 3) - 1.25em + (1.25em / 3)); + .wp-block-latest-posts.columns-3 li{ + width:calc(33.33333% - .83333em); } - .wp-block-latest-posts.columns-3 li:nth-child(3n) { - margin-right: 0; + .wp-block-latest-posts.columns-3 li:nth-child(3n){ + margin-right:0; } - .wp-block-latest-posts.columns-4 li { - width: calc((100% / 4) - 1.25em + (1.25em / 4)); + .wp-block-latest-posts.columns-4 li{ + width:calc(25% - .9375em); } - .wp-block-latest-posts.columns-4 li:nth-child(4n) { - margin-right: 0; + .wp-block-latest-posts.columns-4 li:nth-child(4n){ + margin-right:0; } - .wp-block-latest-posts.columns-5 li { - width: calc((100% / 5) - 1.25em + (1.25em / 5)); + .wp-block-latest-posts.columns-5 li{ + width:calc(20% - 1em); } - .wp-block-latest-posts.columns-5 li:nth-child(5n) { - margin-right: 0; + .wp-block-latest-posts.columns-5 li:nth-child(5n){ + margin-right:0; } - .wp-block-latest-posts.columns-6 li { - width: calc((100% / 6) - 1.25em + (1.25em / 6)); + .wp-block-latest-posts.columns-6 li{ + width:calc(16.66667% - 1.04167em); } - .wp-block-latest-posts.columns-6 li:nth-child(6n) { - margin-right: 0; + .wp-block-latest-posts.columns-6 li:nth-child(6n){ + margin-right:0; } } -.wp-block-latest-posts__post-date, -.wp-block-latest-posts__post-author { - display: block; - font-size: 0.8125em; +.wp-block-latest-posts__post-author,.wp-block-latest-posts__post-date{ + display:block; + font-size:.8125em; } -.wp-block-latest-posts__post-excerpt { - margin-top: 0.5em; - margin-bottom: 1em; +.wp-block-latest-posts__post-excerpt{ + margin-bottom:1em; + margin-top:.5em; } -.wp-block-latest-posts__featured-image a { - display: inline-block; +.wp-block-latest-posts__featured-image a{ + display:inline-block; } -.wp-block-latest-posts__featured-image img { - height: auto; - width: auto; - max-width: 100%; +.wp-block-latest-posts__featured-image img{ + height:auto; + max-width:100%; + width:auto; } -.wp-block-latest-posts__featured-image.alignleft { - /*rtl:ignore*/ - margin-right: 1em; - /*rtl:ignore*/ - float: left; +.wp-block-latest-posts__featured-image.alignleft{ + float:left; + margin-right:1em; } -.wp-block-latest-posts__featured-image.alignright { - /*rtl:ignore*/ - margin-left: 1em; - /*rtl:ignore*/ - float: right; +.wp-block-latest-posts__featured-image.alignright{ + float:right; + margin-left:1em; } -.wp-block-latest-posts__featured-image.aligncenter { - margin-bottom: 1em; - text-align: center; +.wp-block-latest-posts__featured-image.aligncenter{ + margin-bottom:1em; + text-align:center; } \ No newline at end of file diff --git a/wp-includes/blocks/list/style-rtl.css b/wp-includes/blocks/list/style-rtl.css index a5a2659fb7..aef9754350 100644 --- a/wp-includes/blocks/list/style-rtl.css +++ b/wp-includes/blocks/list/style-rtl.css @@ -1,84 +1,6 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -ol, -ul { - box-sizing: border-box; +ol,ul{ + box-sizing:border-box; } -ol.has-background, -ul.has-background { - padding: 1.25em 2.375em; +ol.has-background,ul.has-background{ + padding:1.25em 2.375em; } \ No newline at end of file diff --git a/wp-includes/blocks/list/style.css b/wp-includes/blocks/list/style.css index a5a2659fb7..aef9754350 100644 --- a/wp-includes/blocks/list/style.css +++ b/wp-includes/blocks/list/style.css @@ -1,84 +1,6 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -ol, -ul { - box-sizing: border-box; +ol,ul{ + box-sizing:border-box; } -ol.has-background, -ul.has-background { - padding: 1.25em 2.375em; +ol.has-background,ul.has-background{ + padding:1.25em 2.375em; } \ No newline at end of file diff --git a/wp-includes/blocks/media-text/editor-rtl.css b/wp-includes/blocks/media-text/editor-rtl.css index 5280c466ad..de69c8bc7e 100644 --- a/wp-includes/blocks/media-text/editor-rtl.css +++ b/wp-includes/blocks/media-text/editor-rtl.css @@ -1,106 +1,30 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-media-text__media { - position: relative; +.wp-block-media-text__media{ + position:relative; } -.wp-block-media-text__media.is-transient img { - opacity: 0.3; +.wp-block-media-text__media.is-transient img{ + opacity:.3; } -.wp-block-media-text__media .components-spinner { - position: absolute; - top: 50%; - right: 50%; - margin-top: -9px; - margin-right: -9px; +.wp-block-media-text__media .components-spinner{ + margin-right:-9px; + margin-top:-9px; + position:absolute; + right:50%; + top:50%; } -.wp-block-media-text .__resizable_base__ { - grid-column: 1/span 2; - grid-row: 2; +.wp-block-media-text .__resizable_base__{ + grid-column:1 / span 2; + grid-row:2; } -.wp-block-media-text .editor-media-container__resizer { - width: 100% !important; +.wp-block-media-text .editor-media-container__resizer{ + width:100% !important; } -.wp-block-media-text.is-image-fill .editor-media-container__resizer { - height: 100% !important; +.wp-block-media-text.is-image-fill .editor-media-container__resizer{ + height:100% !important; } -.wp-block-media-text > .block-editor-block-list__layout > .block-editor-block-list__block { - max-width: unset; +.wp-block-media-text>.block-editor-block-list__layout>.block-editor-block-list__block{ + max-width:unset; } \ No newline at end of file diff --git a/wp-includes/blocks/media-text/editor.css b/wp-includes/blocks/media-text/editor.css index 0f70aaf6ef..5cf1785c5f 100644 --- a/wp-includes/blocks/media-text/editor.css +++ b/wp-includes/blocks/media-text/editor.css @@ -1,106 +1,30 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-media-text__media { - position: relative; +.wp-block-media-text__media{ + position:relative; } -.wp-block-media-text__media.is-transient img { - opacity: 0.3; +.wp-block-media-text__media.is-transient img{ + opacity:.3; } -.wp-block-media-text__media .components-spinner { - position: absolute; - top: 50%; - left: 50%; - margin-top: -9px; - margin-left: -9px; +.wp-block-media-text__media .components-spinner{ + left:50%; + margin-left:-9px; + margin-top:-9px; + position:absolute; + top:50%; } -.wp-block-media-text .__resizable_base__ { - grid-column: 1/span 2; - grid-row: 2; +.wp-block-media-text .__resizable_base__{ + grid-column:1 / span 2; + grid-row:2; } -.wp-block-media-text .editor-media-container__resizer { - width: 100% !important; +.wp-block-media-text .editor-media-container__resizer{ + width:100% !important; } -.wp-block-media-text.is-image-fill .editor-media-container__resizer { - height: 100% !important; +.wp-block-media-text.is-image-fill .editor-media-container__resizer{ + height:100% !important; } -.wp-block-media-text > .block-editor-block-list__layout > .block-editor-block-list__block { - max-width: unset; +.wp-block-media-text>.block-editor-block-list__layout>.block-editor-block-list__block{ + max-width:unset; } \ No newline at end of file diff --git a/wp-includes/blocks/media-text/style-rtl.css b/wp-includes/blocks/media-text/style-rtl.css index acee5750c6..d9bf156983 100644 --- a/wp-includes/blocks/media-text/style-rtl.css +++ b/wp-includes/blocks/media-text/style-rtl.css @@ -1,178 +1,88 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-media-text { - direction: ltr; - display: grid; - grid-template-columns: 50% 1fr; - grid-template-rows: auto; - box-sizing: border-box; +.wp-block-media-text{ + box-sizing:border-box; + direction:ltr; + display:grid; + grid-template-columns:50% 1fr; + grid-template-rows:auto; } -.wp-block-media-text.has-media-on-the-right { - grid-template-columns: 1fr 50%; +.wp-block-media-text.has-media-on-the-right{ + grid-template-columns:1fr 50%; } -.wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__content, -.wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__media { - align-self: start; +.wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__content,.wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__media{ + align-self:start; } -.wp-block-media-text .wp-block-media-text__content, -.wp-block-media-text .wp-block-media-text__media, -.wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__content, -.wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__media { - align-self: center; +.wp-block-media-text .wp-block-media-text__content,.wp-block-media-text .wp-block-media-text__media,.wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__content,.wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__media{ + align-self:center; } -.wp-block-media-text.is-vertically-aligned-bottom .wp-block-media-text__content, -.wp-block-media-text.is-vertically-aligned-bottom .wp-block-media-text__media { - align-self: end; +.wp-block-media-text.is-vertically-aligned-bottom .wp-block-media-text__content,.wp-block-media-text.is-vertically-aligned-bottom .wp-block-media-text__media{ + align-self:end; } -.wp-block-media-text .wp-block-media-text__media { - grid-column: 1; - grid-row: 1; - margin: 0; +.wp-block-media-text .wp-block-media-text__media{ + grid-column:1; + grid-row:1; + margin:0; } -.wp-block-media-text .wp-block-media-text__content { - direction: rtl; - grid-column: 2; - grid-row: 1; - padding: 0 8% 0 8%; - word-break: break-word; +.wp-block-media-text .wp-block-media-text__content{ + direction:rtl; + grid-column:2; + grid-row:1; + padding:0 8%; + word-break:break-word; } -.wp-block-media-text.has-media-on-the-right .wp-block-media-text__media { - grid-column: 2; - grid-row: 1; +.wp-block-media-text.has-media-on-the-right .wp-block-media-text__media{ + grid-column:2; + grid-row:1; } -.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content { - grid-column: 1; - grid-row: 1; +.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content{ + grid-column:1; + grid-row:1; } -.wp-block-media-text__media img, -.wp-block-media-text__media video { - height: auto; - max-width: unset; - width: 100%; - vertical-align: middle; +.wp-block-media-text__media img,.wp-block-media-text__media video{ + height:auto; + max-width:unset; + vertical-align:middle; + width:100%; } -.wp-block-media-text.is-image-fill .wp-block-media-text__media { - height: 100%; - min-height: 250px; - background-size: cover; +.wp-block-media-text.is-image-fill .wp-block-media-text__media{ + background-size:cover; + height:100%; + min-height:250px; } -.wp-block-media-text.is-image-fill .wp-block-media-text__media > a { - display: block; - height: 100%; +.wp-block-media-text.is-image-fill .wp-block-media-text__media>a{ + display:block; + height:100%; } -.wp-block-media-text.is-image-fill .wp-block-media-text__media img { - position: absolute; - width: 1px; - height: 1px; - padding: 0; - margin: -1px; - overflow: hidden; - clip: rect(0, 0, 0, 0); - border: 0; +.wp-block-media-text.is-image-fill .wp-block-media-text__media img{ + clip:rect(0, 0, 0, 0); + border:0; + height:1px; + margin:-1px; + overflow:hidden; + padding:0; + position:absolute; + width:1px; } - -/* -* Here we here not able to use a mobile first CSS approach. -* Custom widths are set using inline styles, and on mobile, -* we need 100% width, so we use important to overwrite the inline style. -* If the style were set on mobile first, on desktop styles, -* we would have no way of setting the style again to the inline style. -*/ -@media (max-width: 600px) { - .wp-block-media-text.is-stacked-on-mobile { - grid-template-columns: 100% !important; +@media (max-width:600px){ + .wp-block-media-text.is-stacked-on-mobile{ + grid-template-columns:100% !important; } - .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media { - grid-column: 1; - grid-row: 1; + .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media{ + grid-column:1; + grid-row:1; } - .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content { - grid-column: 1; - grid-row: 2; + .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content{ + grid-column:1; + grid-row:2; } } \ No newline at end of file diff --git a/wp-includes/blocks/media-text/style.css b/wp-includes/blocks/media-text/style.css index f951170729..199d4da543 100644 --- a/wp-includes/blocks/media-text/style.css +++ b/wp-includes/blocks/media-text/style.css @@ -1,188 +1,88 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-media-text { - /*!rtl:begin:ignore*/ - direction: ltr; - /*!rtl:end:ignore*/ - display: grid; - grid-template-columns: 50% 1fr; - grid-template-rows: auto; - box-sizing: border-box; +.wp-block-media-text{ + box-sizing:border-box; + direction:ltr; + display:grid; + grid-template-columns:50% 1fr; + grid-template-rows:auto; } -.wp-block-media-text.has-media-on-the-right { - grid-template-columns: 1fr 50%; +.wp-block-media-text.has-media-on-the-right{ + grid-template-columns:1fr 50%; } -.wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__content, -.wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__media { - align-self: start; +.wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__content,.wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__media{ + align-self:start; } -.wp-block-media-text .wp-block-media-text__content, -.wp-block-media-text .wp-block-media-text__media, -.wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__content, -.wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__media { - align-self: center; +.wp-block-media-text .wp-block-media-text__content,.wp-block-media-text .wp-block-media-text__media,.wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__content,.wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__media{ + align-self:center; } -.wp-block-media-text.is-vertically-aligned-bottom .wp-block-media-text__content, -.wp-block-media-text.is-vertically-aligned-bottom .wp-block-media-text__media { - align-self: end; +.wp-block-media-text.is-vertically-aligned-bottom .wp-block-media-text__content,.wp-block-media-text.is-vertically-aligned-bottom .wp-block-media-text__media{ + align-self:end; } -.wp-block-media-text .wp-block-media-text__media { - /*!rtl:begin:ignore*/ - grid-column: 1; - grid-row: 1; - /*!rtl:end:ignore*/ - margin: 0; +.wp-block-media-text .wp-block-media-text__media{ + grid-column:1; + grid-row:1; + margin:0; } -.wp-block-media-text .wp-block-media-text__content { - direction: ltr; - /*!rtl:begin:ignore*/ - grid-column: 2; - grid-row: 1; - /*!rtl:end:ignore*/ - padding: 0 8% 0 8%; - word-break: break-word; +.wp-block-media-text .wp-block-media-text__content{ + direction:ltr; + grid-column:2; + grid-row:1; + padding:0 8%; + word-break:break-word; } -.wp-block-media-text.has-media-on-the-right .wp-block-media-text__media { - /*!rtl:begin:ignore*/ - grid-column: 2; - grid-row: 1; - /*!rtl:end:ignore*/ +.wp-block-media-text.has-media-on-the-right .wp-block-media-text__media{ + grid-column:2; + grid-row:1; } -.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content { - /*!rtl:begin:ignore*/ - grid-column: 1; - grid-row: 1; - /*!rtl:end:ignore*/ +.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content{ + grid-column:1; + grid-row:1; } -.wp-block-media-text__media img, -.wp-block-media-text__media video { - height: auto; - max-width: unset; - width: 100%; - vertical-align: middle; +.wp-block-media-text__media img,.wp-block-media-text__media video{ + height:auto; + max-width:unset; + vertical-align:middle; + width:100%; } -.wp-block-media-text.is-image-fill .wp-block-media-text__media { - height: 100%; - min-height: 250px; - background-size: cover; +.wp-block-media-text.is-image-fill .wp-block-media-text__media{ + background-size:cover; + height:100%; + min-height:250px; } -.wp-block-media-text.is-image-fill .wp-block-media-text__media > a { - display: block; - height: 100%; +.wp-block-media-text.is-image-fill .wp-block-media-text__media>a{ + display:block; + height:100%; } -.wp-block-media-text.is-image-fill .wp-block-media-text__media img { - position: absolute; - width: 1px; - height: 1px; - padding: 0; - margin: -1px; - overflow: hidden; - clip: rect(0, 0, 0, 0); - border: 0; +.wp-block-media-text.is-image-fill .wp-block-media-text__media img{ + clip:rect(0, 0, 0, 0); + border:0; + height:1px; + margin:-1px; + overflow:hidden; + padding:0; + position:absolute; + width:1px; } - -/* -* Here we here not able to use a mobile first CSS approach. -* Custom widths are set using inline styles, and on mobile, -* we need 100% width, so we use important to overwrite the inline style. -* If the style were set on mobile first, on desktop styles, -* we would have no way of setting the style again to the inline style. -*/ -@media (max-width: 600px) { - .wp-block-media-text.is-stacked-on-mobile { - grid-template-columns: 100% !important; +@media (max-width:600px){ + .wp-block-media-text.is-stacked-on-mobile{ + grid-template-columns:100% !important; } - .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media { - grid-column: 1; - grid-row: 1; + .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media{ + grid-column:1; + grid-row:1; } - .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content { - grid-column: 1; - grid-row: 2; + .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content{ + grid-column:1; + grid-row:2; } } \ No newline at end of file diff --git a/wp-includes/blocks/more/editor-rtl.css b/wp-includes/blocks/more/editor-rtl.css index 30905549ca..81da913d22 100644 --- a/wp-includes/blocks/more/editor-rtl.css +++ b/wp-includes/blocks/more/editor-rtl.css @@ -1,117 +1,41 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.block-editor-block-list__block[data-type="core/more"] { - max-width: 100%; - text-align: center; - margin-top: 28px; - margin-bottom: 28px; +.block-editor-block-list__block[data-type="core/more"]{ + margin-bottom:28px; + margin-top:28px; + max-width:100%; + text-align:center; } -.wp-block-more { - display: block; - text-align: center; - white-space: nowrap; +.wp-block-more{ + display:block; + text-align:center; + white-space:nowrap; } -.wp-block-more input[type=text] { - position: relative; - font-size: 13px; - text-transform: uppercase; - font-weight: 600; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - color: #757575; - border: none; - box-shadow: none; - white-space: nowrap; - text-align: center; - margin: 0; - border-radius: 4px; - background: #fff; - padding: 6px 8px; - height: 24px; - max-width: 100%; +.wp-block-more input[type=text]{ + background:#fff; + border:none; + border-radius:4px; + box-shadow:none; + color:#757575; + font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; + font-size:13px; + font-weight:600; + height:24px; + margin:0; + max-width:100%; + padding:6px 8px; + position:relative; + text-align:center; + text-transform:uppercase; + white-space:nowrap; } -.wp-block-more input[type=text]:focus { - box-shadow: none; +.wp-block-more input[type=text]:focus{ + box-shadow:none; } -.wp-block-more::before { - content: ""; - position: absolute; - top: calc(50%); - right: 0; - left: 0; - border-top: 3px dashed #ccc; +.wp-block-more:before{ + border-top:3px dashed #ccc; + content:""; + left:0; + position:absolute; + right:0; + top:50%; } \ No newline at end of file diff --git a/wp-includes/blocks/more/editor.css b/wp-includes/blocks/more/editor.css index a1b1349f92..81da913d22 100644 --- a/wp-includes/blocks/more/editor.css +++ b/wp-includes/blocks/more/editor.css @@ -1,117 +1,41 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.block-editor-block-list__block[data-type="core/more"] { - max-width: 100%; - text-align: center; - margin-top: 28px; - margin-bottom: 28px; +.block-editor-block-list__block[data-type="core/more"]{ + margin-bottom:28px; + margin-top:28px; + max-width:100%; + text-align:center; } -.wp-block-more { - display: block; - text-align: center; - white-space: nowrap; +.wp-block-more{ + display:block; + text-align:center; + white-space:nowrap; } -.wp-block-more input[type=text] { - position: relative; - font-size: 13px; - text-transform: uppercase; - font-weight: 600; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - color: #757575; - border: none; - box-shadow: none; - white-space: nowrap; - text-align: center; - margin: 0; - border-radius: 4px; - background: #fff; - padding: 6px 8px; - height: 24px; - max-width: 100%; +.wp-block-more input[type=text]{ + background:#fff; + border:none; + border-radius:4px; + box-shadow:none; + color:#757575; + font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; + font-size:13px; + font-weight:600; + height:24px; + margin:0; + max-width:100%; + padding:6px 8px; + position:relative; + text-align:center; + text-transform:uppercase; + white-space:nowrap; } -.wp-block-more input[type=text]:focus { - box-shadow: none; +.wp-block-more input[type=text]:focus{ + box-shadow:none; } -.wp-block-more::before { - content: ""; - position: absolute; - top: calc(50%); - left: 0; - right: 0; - border-top: 3px dashed #ccc; +.wp-block-more:before{ + border-top:3px dashed #ccc; + content:""; + left:0; + position:absolute; + right:0; + top:50%; } \ No newline at end of file diff --git a/wp-includes/blocks/navigation-link/editor-rtl.css b/wp-includes/blocks/navigation-link/editor-rtl.css index efbbbda6c7..5db656e0b7 100644 --- a/wp-includes/blocks/navigation-link/editor-rtl.css +++ b/wp-includes/blocks/navigation-link/editor-rtl.css @@ -1,177 +1,83 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -/** -* Submenus. -*/ -.wp-block-navigation .has-child { - cursor: pointer; +.wp-block-navigation .has-child{ + cursor:pointer; } -.wp-block-navigation .has-child .wp-block-navigation__submenu-container { - z-index: 28; +.wp-block-navigation .has-child .wp-block-navigation__submenu-container{ + z-index:28; } -.wp-block-navigation .has-child:hover .wp-block-navigation__submenu-container { - z-index: 29; +.wp-block-navigation .has-child:hover .wp-block-navigation__submenu-container{ + z-index:29; } -.wp-block-navigation .has-child.is-selected > .wp-block-navigation__submenu-container, .wp-block-navigation .has-child.has-child-selected > .wp-block-navigation__submenu-container { - visibility: visible !important; - opacity: 1 !important; - min-width: 200px !important; - height: auto !important; - width: auto !important; - overflow: visible !important; +.wp-block-navigation .has-child.has-child-selected>.wp-block-navigation__submenu-container,.wp-block-navigation .has-child.is-selected>.wp-block-navigation__submenu-container{ + height:auto !important; + min-width:200px !important; + opacity:1 !important; + overflow:visible !important; + visibility:visible !important; + width:auto !important; +} +.wp-block-navigation-item .wp-block-navigation-item__content{ + cursor:text; +} +.wp-block-navigation-item.is-editing,.wp-block-navigation-item.is-selected{ + min-width:20px; +} +.wp-block-navigation-item .block-list-appender{ + margin:16px 16px 16px auto; } -/** - * Navigation Items. - */ -.wp-block-navigation-item .wp-block-navigation-item__content { - cursor: text; -} -.wp-block-navigation-item.is-editing, .wp-block-navigation-item.is-selected { - min-width: 20px; -} -.wp-block-navigation-item .block-list-appender { - margin-top: 16px; - margin-left: auto; - margin-bottom: 16px; - margin-right: 16px; +.wp-block-navigation-link__invalid-item{ + color:#000; } -.wp-block-navigation-link__invalid-item { - color: #000; +.wp-block-navigation-link__missing_text-tooltip{ + height:1px; + margin:-1px; + overflow:hidden; + padding:0; + position:absolute; + width:1px; +} +.wp-block-navigation-link__placeholder{ + background-image:none !important; + box-shadow:none !important; + position:relative; + text-decoration:none !important; +} +.wp-block-navigation-link__placeholder .wp-block-navigation-link__placeholder-text span{ + --wp-underline-color:var(--wp-admin-theme-color); + background-image:linear-gradient(-45deg, transparent 20%, var(--wp-underline-color) 30%, var(--wp-underline-color) 36%, transparent 46%), linear-gradient(-135deg, transparent 54%, var(--wp-underline-color) 64%, var(--wp-underline-color) 70%, transparent 80%); + background-position:100% 100%; + background-repeat:repeat-x; + background-size:6px 3px; + padding-bottom:.1em; +} +.is-dark-theme .wp-block-navigation-link__placeholder .wp-block-navigation-link__placeholder-text span{ + --wp-underline-color:#fff; +} +.wp-block-navigation-link__placeholder.wp-block-navigation-item__content{ + cursor:pointer; +} +.link-control-transform{ + border-top:1px solid #ccc; + padding:0 16px 8px; } -.wp-block-navigation-link__missing_text-tooltip { - position: absolute; - width: 1px; - height: 1px; - padding: 0; - margin: -1px; - overflow: hidden; +.link-control-transform__subheading{ + color:#1e1e1e; + font-size:11px; + font-weight:500; + margin-bottom:1.5em; + text-transform:uppercase; } -/** - * Menu item setup state. Is shown when a menu item has no URL configured. - */ -.wp-block-navigation-link__placeholder { - position: relative; - text-decoration: none !important; - box-shadow: none !important; - background-image: none !important; -} -.wp-block-navigation-link__placeholder .wp-block-navigation-link__placeholder-text span { - --wp-underline-color: var(--wp-admin-theme-color); - background-image: linear-gradient(-45deg, transparent 20%, var(--wp-underline-color) 30%, var(--wp-underline-color) 36%, transparent 46%), linear-gradient(-135deg, transparent 54%, var(--wp-underline-color) 64%, var(--wp-underline-color) 70%, transparent 80%); - background-position: 100% 100%; - background-size: 6px 3px; - background-repeat: repeat-x; - padding-bottom: 0.1em; -} -.is-dark-theme .wp-block-navigation-link__placeholder .wp-block-navigation-link__placeholder-text span { - --wp-underline-color: #fff; -} -.wp-block-navigation-link__placeholder.wp-block-navigation-item__content { - cursor: pointer; +.link-control-transform__items{ + display:flex; + justify-content:space-between; } -/** -* Link Control Transforms -*/ -.link-control-transform { - border-top: 1px solid #ccc; - padding: 0 16px 8px 16px; -} - -.link-control-transform__subheading { - font-size: 11px; - text-transform: uppercase; - font-weight: 500; - color: #1e1e1e; - margin-bottom: 1.5em; -} - -.link-control-transform__items { - display: flex; - justify-content: space-between; -} - -.link-control-transform__item { - flex-basis: 33%; - flex-direction: column; - gap: 8px; - height: auto; +.link-control-transform__item{ + flex-basis:33%; + flex-direction:column; + gap:8px; + height:auto; } \ No newline at end of file diff --git a/wp-includes/blocks/navigation-link/editor.css b/wp-includes/blocks/navigation-link/editor.css index 4c4775612f..7cc97369b4 100644 --- a/wp-includes/blocks/navigation-link/editor.css +++ b/wp-includes/blocks/navigation-link/editor.css @@ -1,177 +1,83 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -/** -* Submenus. -*/ -.wp-block-navigation .has-child { - cursor: pointer; +.wp-block-navigation .has-child{ + cursor:pointer; } -.wp-block-navigation .has-child .wp-block-navigation__submenu-container { - z-index: 28; +.wp-block-navigation .has-child .wp-block-navigation__submenu-container{ + z-index:28; } -.wp-block-navigation .has-child:hover .wp-block-navigation__submenu-container { - z-index: 29; +.wp-block-navigation .has-child:hover .wp-block-navigation__submenu-container{ + z-index:29; } -.wp-block-navigation .has-child.is-selected > .wp-block-navigation__submenu-container, .wp-block-navigation .has-child.has-child-selected > .wp-block-navigation__submenu-container { - visibility: visible !important; - opacity: 1 !important; - min-width: 200px !important; - height: auto !important; - width: auto !important; - overflow: visible !important; +.wp-block-navigation .has-child.has-child-selected>.wp-block-navigation__submenu-container,.wp-block-navigation .has-child.is-selected>.wp-block-navigation__submenu-container{ + height:auto !important; + min-width:200px !important; + opacity:1 !important; + overflow:visible !important; + visibility:visible !important; + width:auto !important; +} +.wp-block-navigation-item .wp-block-navigation-item__content{ + cursor:text; +} +.wp-block-navigation-item.is-editing,.wp-block-navigation-item.is-selected{ + min-width:20px; +} +.wp-block-navigation-item .block-list-appender{ + margin:16px auto 16px 16px; } -/** - * Navigation Items. - */ -.wp-block-navigation-item .wp-block-navigation-item__content { - cursor: text; -} -.wp-block-navigation-item.is-editing, .wp-block-navigation-item.is-selected { - min-width: 20px; -} -.wp-block-navigation-item .block-list-appender { - margin-top: 16px; - margin-right: auto; - margin-bottom: 16px; - margin-left: 16px; +.wp-block-navigation-link__invalid-item{ + color:#000; } -.wp-block-navigation-link__invalid-item { - color: #000; +.wp-block-navigation-link__missing_text-tooltip{ + height:1px; + margin:-1px; + overflow:hidden; + padding:0; + position:absolute; + width:1px; +} +.wp-block-navigation-link__placeholder{ + background-image:none !important; + box-shadow:none !important; + position:relative; + text-decoration:none !important; +} +.wp-block-navigation-link__placeholder .wp-block-navigation-link__placeholder-text span{ + --wp-underline-color:var(--wp-admin-theme-color); + background-image:linear-gradient(45deg, transparent 20%, var(--wp-underline-color) 30%, var(--wp-underline-color) 36%, transparent 46%), linear-gradient(135deg, transparent 54%, var(--wp-underline-color) 64%, var(--wp-underline-color) 70%, transparent 80%); + background-position:0 100%; + background-repeat:repeat-x; + background-size:6px 3px; + padding-bottom:.1em; +} +.is-dark-theme .wp-block-navigation-link__placeholder .wp-block-navigation-link__placeholder-text span{ + --wp-underline-color:#fff; +} +.wp-block-navigation-link__placeholder.wp-block-navigation-item__content{ + cursor:pointer; +} +.link-control-transform{ + border-top:1px solid #ccc; + padding:0 16px 8px; } -.wp-block-navigation-link__missing_text-tooltip { - position: absolute; - width: 1px; - height: 1px; - padding: 0; - margin: -1px; - overflow: hidden; +.link-control-transform__subheading{ + color:#1e1e1e; + font-size:11px; + font-weight:500; + margin-bottom:1.5em; + text-transform:uppercase; } -/** - * Menu item setup state. Is shown when a menu item has no URL configured. - */ -.wp-block-navigation-link__placeholder { - position: relative; - text-decoration: none !important; - box-shadow: none !important; - background-image: none !important; -} -.wp-block-navigation-link__placeholder .wp-block-navigation-link__placeholder-text span { - --wp-underline-color: var(--wp-admin-theme-color); - background-image: linear-gradient(45deg, transparent 20%, var(--wp-underline-color) 30%, var(--wp-underline-color) 36%, transparent 46%), linear-gradient(135deg, transparent 54%, var(--wp-underline-color) 64%, var(--wp-underline-color) 70%, transparent 80%); - background-position: 0 100%; - background-size: 6px 3px; - background-repeat: repeat-x; - padding-bottom: 0.1em; -} -.is-dark-theme .wp-block-navigation-link__placeholder .wp-block-navigation-link__placeholder-text span { - --wp-underline-color: #fff; -} -.wp-block-navigation-link__placeholder.wp-block-navigation-item__content { - cursor: pointer; +.link-control-transform__items{ + display:flex; + justify-content:space-between; } -/** -* Link Control Transforms -*/ -.link-control-transform { - border-top: 1px solid #ccc; - padding: 0 16px 8px 16px; -} - -.link-control-transform__subheading { - font-size: 11px; - text-transform: uppercase; - font-weight: 500; - color: #1e1e1e; - margin-bottom: 1.5em; -} - -.link-control-transform__items { - display: flex; - justify-content: space-between; -} - -.link-control-transform__item { - flex-basis: 33%; - flex-direction: column; - gap: 8px; - height: auto; +.link-control-transform__item{ + flex-basis:33%; + flex-direction:column; + gap:8px; + height:auto; } \ No newline at end of file diff --git a/wp-includes/blocks/navigation-link/style-rtl.css b/wp-includes/blocks/navigation-link/style-rtl.css index c44bb769d8..3957c0c273 100644 --- a/wp-includes/blocks/navigation-link/style-rtl.css +++ b/wp-includes/blocks/navigation-link/style-rtl.css @@ -1,83 +1,7 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-navigation .wp-block-navigation-item__label { - word-break: normal; - overflow-wrap: break-word; +.wp-block-navigation .wp-block-navigation-item__label{ + overflow-wrap:break-word; + word-break:normal; } -.wp-block-navigation .wp-block-navigation-item__description { - display: none; +.wp-block-navigation .wp-block-navigation-item__description{ + display:none; } \ No newline at end of file diff --git a/wp-includes/blocks/navigation-link/style.css b/wp-includes/blocks/navigation-link/style.css index c44bb769d8..3957c0c273 100644 --- a/wp-includes/blocks/navigation-link/style.css +++ b/wp-includes/blocks/navigation-link/style.css @@ -1,83 +1,7 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-navigation .wp-block-navigation-item__label { - word-break: normal; - overflow-wrap: break-word; +.wp-block-navigation .wp-block-navigation-item__label{ + overflow-wrap:break-word; + word-break:normal; } -.wp-block-navigation .wp-block-navigation-item__description { - display: none; +.wp-block-navigation .wp-block-navigation-item__description{ + display:none; } \ No newline at end of file diff --git a/wp-includes/blocks/navigation-submenu/editor-rtl.css b/wp-includes/blocks/navigation-submenu/editor-rtl.css index 7398d5d66f..e13b9ba8e4 100644 --- a/wp-includes/blocks/navigation-submenu/editor-rtl.css +++ b/wp-includes/blocks/navigation-submenu/editor-rtl.css @@ -1,107 +1,31 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-navigation-submenu { - display: block; +.wp-block-navigation-submenu{ + display:block; } -.wp-block-navigation-submenu .wp-block-navigation__submenu-container { - z-index: 28; +.wp-block-navigation-submenu .wp-block-navigation__submenu-container{ + z-index:28; } -.wp-block-navigation-submenu.is-selected > .wp-block-navigation__submenu-container, .wp-block-navigation-submenu.has-child-selected > .wp-block-navigation__submenu-container { - visibility: visible !important; - opacity: 1 !important; - min-width: 200px !important; - height: auto !important; - width: auto !important; - position: absolute; - right: -1px; - top: 100%; +.wp-block-navigation-submenu.has-child-selected>.wp-block-navigation__submenu-container,.wp-block-navigation-submenu.is-selected>.wp-block-navigation__submenu-container{ + height:auto !important; + min-width:200px !important; + opacity:1 !important; + position:absolute; + right:-1px; + top:100%; + visibility:visible !important; + width:auto !important; } -@media (min-width: 782px) { - .wp-block-navigation-submenu.is-selected > .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container, .wp-block-navigation-submenu.has-child-selected > .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container { - right: 100%; - top: -1px; +@media (min-width:782px){ + .wp-block-navigation-submenu.has-child-selected>.wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,.wp-block-navigation-submenu.is-selected>.wp-block-navigation__submenu-container .wp-block-navigation__submenu-container{ + right:100%; + top:-1px; } - .wp-block-navigation-submenu.is-selected > .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container::before, .wp-block-navigation-submenu.has-child-selected > .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container::before { - content: ""; - position: absolute; - left: 100%; - height: 100%; - display: block; - width: 0.5em; - background: transparent; + .wp-block-navigation-submenu.has-child-selected>.wp-block-navigation__submenu-container .wp-block-navigation__submenu-container:before,.wp-block-navigation-submenu.is-selected>.wp-block-navigation__submenu-container .wp-block-navigation__submenu-container:before{ + background:transparent; + content:""; + display:block; + height:100%; + left:100%; + position:absolute; + width:.5em; } } \ No newline at end of file diff --git a/wp-includes/blocks/navigation-submenu/editor.css b/wp-includes/blocks/navigation-submenu/editor.css index 6e81a9be5c..866c2d3c43 100644 --- a/wp-includes/blocks/navigation-submenu/editor.css +++ b/wp-includes/blocks/navigation-submenu/editor.css @@ -1,107 +1,31 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-navigation-submenu { - display: block; +.wp-block-navigation-submenu{ + display:block; } -.wp-block-navigation-submenu .wp-block-navigation__submenu-container { - z-index: 28; +.wp-block-navigation-submenu .wp-block-navigation__submenu-container{ + z-index:28; } -.wp-block-navigation-submenu.is-selected > .wp-block-navigation__submenu-container, .wp-block-navigation-submenu.has-child-selected > .wp-block-navigation__submenu-container { - visibility: visible !important; - opacity: 1 !important; - min-width: 200px !important; - height: auto !important; - width: auto !important; - position: absolute; - left: -1px; - top: 100%; +.wp-block-navigation-submenu.has-child-selected>.wp-block-navigation__submenu-container,.wp-block-navigation-submenu.is-selected>.wp-block-navigation__submenu-container{ + height:auto !important; + left:-1px; + min-width:200px !important; + opacity:1 !important; + position:absolute; + top:100%; + visibility:visible !important; + width:auto !important; } -@media (min-width: 782px) { - .wp-block-navigation-submenu.is-selected > .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container, .wp-block-navigation-submenu.has-child-selected > .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container { - left: 100%; - top: -1px; +@media (min-width:782px){ + .wp-block-navigation-submenu.has-child-selected>.wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,.wp-block-navigation-submenu.is-selected>.wp-block-navigation__submenu-container .wp-block-navigation__submenu-container{ + left:100%; + top:-1px; } - .wp-block-navigation-submenu.is-selected > .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container::before, .wp-block-navigation-submenu.has-child-selected > .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container::before { - content: ""; - position: absolute; - right: 100%; - height: 100%; - display: block; - width: 0.5em; - background: transparent; + .wp-block-navigation-submenu.has-child-selected>.wp-block-navigation__submenu-container .wp-block-navigation__submenu-container:before,.wp-block-navigation-submenu.is-selected>.wp-block-navigation__submenu-container .wp-block-navigation__submenu-container:before{ + background:transparent; + content:""; + display:block; + height:100%; + position:absolute; + right:100%; + width:.5em; } } \ No newline at end of file diff --git a/wp-includes/blocks/navigation/editor-rtl.css b/wp-includes/blocks/navigation/editor-rtl.css index fdd7044b03..83062dc64c 100644 --- a/wp-includes/blocks/navigation/editor-rtl.css +++ b/wp-includes/blocks/navigation/editor-rtl.css @@ -1,544 +1,420 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -/** -* Editor only CSS. -*/ -.editor-styles-wrapper .wp-block-navigation ul { - margin-top: 0; - margin-bottom: 0; - margin-right: 0; - padding-right: 0; +.editor-styles-wrapper .wp-block-navigation ul{ + margin-bottom:0; + margin-right:0; + margin-top:0; + padding-right:0; } -.editor-styles-wrapper .wp-block-navigation .wp-block-navigation-item.wp-block { - margin: revert; +.editor-styles-wrapper .wp-block-navigation .wp-block-navigation-item.wp-block{ + margin:revert; } -.wp-block-navigation-item__label { - display: inline; +.wp-block-navigation-item__label{ + display:inline; +} +.wp-block-navigation__container.is-parent-of-selected-block{ + opacity:1; + overflow:visible; + visibility:visible; } -/** - * Submenus. - */ -.wp-block-navigation__container.is-parent-of-selected-block { - visibility: visible; - opacity: 1; - overflow: visible; +.wp-block-navigation-item,.wp-block-navigation__container{ + background-color:inherit; } -.wp-block-navigation__container, -.wp-block-navigation-item { - background-color: inherit; +.wp-block-navigation:not(.is-selected):not(.has-child-selected) .has-child:hover>.wp-block-navigation__submenu-container{ + opacity:0; + visibility:hidden; } -.wp-block-navigation:not(.is-selected):not(.has-child-selected) .has-child:hover > .wp-block-navigation__submenu-container { - opacity: 0; - visibility: hidden; +.has-child.has-child-selected>.wp-block-navigation__submenu-container,.has-child.is-selected>.wp-block-navigation__submenu-container{ + display:flex; + opacity:1; + visibility:visible; } -.has-child.is-selected > .wp-block-navigation__submenu-container, .has-child.has-child-selected > .wp-block-navigation__submenu-container { - display: flex; - opacity: 1; - visibility: visible; +.is-dragging-components-draggable .has-child.is-dragging-within>.wp-block-navigation__submenu-container{ + opacity:1; + visibility:visible; } -.is-dragging-components-draggable .has-child.is-dragging-within > .wp-block-navigation__submenu-container { - opacity: 1; - visibility: visible; +.is-editing>.wp-block-navigation__container{ + display:flex; + flex-direction:column; + opacity:1; + visibility:visible; } -.is-editing > .wp-block-navigation__container { - visibility: visible; - opacity: 1; - display: flex; - flex-direction: column; +.is-dragging-components-draggable .wp-block-navigation-link>.wp-block-navigation__container{ + opacity:1; + visibility:hidden; +} +.is-dragging-components-draggable .wp-block-navigation-link>.wp-block-navigation__container .block-editor-block-draggable-chip-wrapper{ + visibility:visible; } -.is-dragging-components-draggable .wp-block-navigation-link > .wp-block-navigation__container { - opacity: 1; - visibility: hidden; +.is-editing>.wp-block-navigation__submenu-container>.block-list-appender{ + display:block; + position:static; + width:100%; } -.is-dragging-components-draggable .wp-block-navigation-link > .wp-block-navigation__container .block-editor-block-draggable-chip-wrapper { - visibility: visible; +.is-editing>.wp-block-navigation__submenu-container>.block-list-appender .block-editor-button-block-appender{ + background:#1e1e1e; + border-radius:2px; + color:#fff; + margin-left:0; + margin-right:auto; + padding:0; + width:24px; } -.is-editing > .wp-block-navigation__submenu-container > .block-list-appender { - display: block; - position: static; - width: 100%; +.wp-block-navigation__submenu-container .block-list-appender{ + display:none; } -.is-editing > .wp-block-navigation__submenu-container > .block-list-appender .block-editor-button-block-appender { - color: #fff; - background: #1e1e1e; - padding: 0; - width: 24px; - border-radius: 2px; - margin-left: 0; - margin-right: auto; +.block-library-colors-selector{ + width:auto; +} +.block-library-colors-selector .block-library-colors-selector__toggle{ + display:block; + margin:0 auto; + padding:3px; + width:auto; +} +.block-library-colors-selector .block-library-colors-selector__icon-container{ + align-items:center; + border-radius:4px; + display:flex; + height:30px; + margin:0 auto; + padding:3px; + position:relative; +} +.block-library-colors-selector .block-library-colors-selector__state-selection{ + border-radius:11px; + box-shadow:inset 0 0 0 1px rgba(0,0,0,.2); + height:22px; + line-height:20px; + margin-left:auto; + margin-right:auto; + min-height:22px; + min-width:22px; + padding:2px; + width:22px; +} +.block-library-colors-selector .block-library-colors-selector__state-selection>svg{ + min-width:auto !important; +} +.block-library-colors-selector .block-library-colors-selector__state-selection.has-text-color>svg,.block-library-colors-selector .block-library-colors-selector__state-selection.has-text-color>svg path{ + color:inherit; } -.wp-block-navigation__submenu-container .block-list-appender { - display: none; +.block-library-colors-selector__popover .color-palette-controller-container{ + padding:16px; +} +.block-library-colors-selector__popover .components-base-control__label{ + height:20px; + line-height:20px; +} +.block-library-colors-selector__popover .component-color-indicator{ + float:left; + margin-top:2px; +} +.block-library-colors-selector__popover .components-panel__body-title{ + display:none; } -/** - * Colors Selector component - */ -.block-library-colors-selector { - width: auto; +.wp-block-navigation .wp-block+.block-list-appender .block-editor-button-block-appender{ + background-color:#1e1e1e; + color:#fff; } -.block-library-colors-selector .block-library-colors-selector__toggle { - display: block; - margin: 0 auto; - padding: 3px; - width: auto; -} -.block-library-colors-selector .block-library-colors-selector__icon-container { - height: 30px; - position: relative; - margin: 0 auto; - padding: 3px; - display: flex; - align-items: center; - border-radius: 4px; -} -.block-library-colors-selector .block-library-colors-selector__state-selection { - margin-right: auto; - margin-left: auto; - border-radius: 11px; - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2); - width: 22px; - min-width: 22px; - height: 22px; - min-height: 22px; - line-height: 20px; - padding: 2px; -} -.block-library-colors-selector .block-library-colors-selector__state-selection > svg { - min-width: auto !important; -} -.block-library-colors-selector .block-library-colors-selector__state-selection.has-text-color > svg, -.block-library-colors-selector .block-library-colors-selector__state-selection.has-text-color > svg path { - color: inherit; +.wp-block-navigation .wp-block+.block-list-appender .block-editor-button-block-appender.block-editor-button-block-appender.block-editor-button-block-appender{ + padding:0; } -.block-library-colors-selector__popover .color-palette-controller-container { - padding: 16px; +.wp-block-navigation .wp-block .wp-block .block-editor-button-block-appender{ + background-color:initial; + color:#1e1e1e; } -.block-library-colors-selector__popover .components-base-control__label { - height: 20px; - line-height: 20px; -} -.block-library-colors-selector__popover .component-color-indicator { - float: left; - margin-top: 2px; -} -.block-library-colors-selector__popover .components-panel__body-title { - display: none; -} - -.wp-block-navigation .wp-block + .block-list-appender .block-editor-button-block-appender { - background-color: #1e1e1e; - color: #fff; -} -.wp-block-navigation .wp-block + .block-list-appender .block-editor-button-block-appender.block-editor-button-block-appender.block-editor-button-block-appender { - padding: 0; -} - -.wp-block-navigation .wp-block .wp-block .block-editor-button-block-appender { - background-color: transparent; - color: #1e1e1e; -} - -/** - * Setup state - */ -@keyframes loadingpulse { - 0% { - opacity: 1; +@keyframes loadingpulse{ + 0%{ + opacity:1; } - 50% { - opacity: 0.5; + 50%{ + opacity:.5; } - 100% { - opacity: 1; + to{ + opacity:1; } } -.components-placeholder.wp-block-navigation-placeholder { - outline: none; - padding: 0; - box-shadow: none; - background: none; - min-height: 0; - color: inherit; +.components-placeholder.wp-block-navigation-placeholder{ + background:none; + box-shadow:none; + color:inherit; + min-height:0; + outline:none; + padding:0; } -.components-placeholder.wp-block-navigation-placeholder .components-placeholder__fieldset { - font-size: inherit; +.components-placeholder.wp-block-navigation-placeholder .components-placeholder__fieldset{ + font-size:inherit; } -.components-placeholder.wp-block-navigation-placeholder .components-placeholder__fieldset .components-button { - margin-bottom: 0; +.components-placeholder.wp-block-navigation-placeholder .components-placeholder__fieldset .components-button{ + margin-bottom:0; } -.wp-block-navigation.is-selected .components-placeholder.wp-block-navigation-placeholder { - color: #1e1e1e; +.wp-block-navigation.is-selected .components-placeholder.wp-block-navigation-placeholder{ + color:#1e1e1e; } -.wp-block-navigation-placeholder .components-spinner { - margin-top: 0; +.wp-block-navigation-placeholder .components-spinner{ + margin-top:0; } -.wp-block-navigation-placeholder__preview { - display: flex; - align-items: center; - min-width: 96px; - font-size: 13px; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - color: currentColor; - background: transparent; +.wp-block-navigation-placeholder__preview{ + align-items:center; + background:transparent; + color:currentColor; + display:flex; + font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; + font-size:13px; + min-width:96px; } -.wp-block-navigation.is-selected .wp-block-navigation-placeholder__preview { - display: none; +.wp-block-navigation.is-selected .wp-block-navigation-placeholder__preview{ + display:none; } -.wp-block-navigation-placeholder__preview::before { - content: ""; - display: block; - position: absolute; - top: 0; - left: 0; - bottom: 0; - right: 0; - pointer-events: none; - border: 1px dashed currentColor; - border-radius: 2px; - border-radius: inherit; +.wp-block-navigation-placeholder__preview:before{ + border:1px dashed; + border-radius:2px; + border-radius:inherit; + bottom:0; + content:""; + display:block; + left:0; + pointer-events:none; + position:absolute; + right:0; + top:0; } -.wp-block-navigation-placeholder__preview > svg { - fill: currentColor; +.wp-block-navigation-placeholder__preview>svg{ + fill:currentColor; } -.wp-block-navigation.is-vertical .is-small .components-placeholder__fieldset, -.wp-block-navigation.is-vertical .is-medium .components-placeholder__fieldset { - min-height: 90px; +.wp-block-navigation.is-vertical .is-medium .components-placeholder__fieldset,.wp-block-navigation.is-vertical .is-small .components-placeholder__fieldset{ + min-height:90px; } -.wp-block-navigation.is-vertical .is-large .components-placeholder__fieldset { - min-height: 132px; +.wp-block-navigation.is-vertical .is-large .components-placeholder__fieldset{ + min-height:132px; } -.wp-block-navigation-placeholder__preview, -.wp-block-navigation-placeholder__controls { - padding: 6px 8px; - flex-direction: row; - align-items: flex-start; +.wp-block-navigation-placeholder__controls,.wp-block-navigation-placeholder__preview{ + align-items:flex-start; + flex-direction:row; + padding:6px 8px; } -.wp-block-navigation-placeholder__controls { - border-radius: 2px; - background-color: #fff; - box-shadow: inset 0 0 0 1px #1e1e1e; - display: none; - position: relative; - z-index: 1; - float: right; - width: 100%; +.wp-block-navigation-placeholder__controls{ + background-color:#fff; + border-radius:2px; + box-shadow:inset 0 0 0 1px #1e1e1e; + display:none; + float:right; + position:relative; + width:100%; + z-index:1; } -.wp-block-navigation.is-selected .wp-block-navigation-placeholder__controls { - display: flex; +.wp-block-navigation.is-selected .wp-block-navigation-placeholder__controls{ + display:flex; } -.is-small .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions__indicator, -.is-small .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions__indicator + hr, .is-medium .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions__indicator, -.is-medium .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions__indicator + hr { - display: none; +.is-medium .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions__indicator,.is-medium .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions__indicator+hr,.is-small .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions__indicator,.is-small .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions__indicator+hr{ + display:none; } -.is-small .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions, .wp-block-navigation.is-vertical .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions { - flex-direction: column; - align-items: flex-start; +.is-small .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions,.wp-block-navigation.is-vertical .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions{ + align-items:flex-start; + flex-direction:column; } -.is-small .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions hr, .wp-block-navigation.is-vertical .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions hr { - display: none; +.is-small .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions hr,.wp-block-navigation.is-vertical .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions hr{ + display:none; } -.wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__icon { - margin-left: 12px; - height: 36px; +.wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__icon{ + height:36px; + margin-left:12px; } -.wp-block-navigation-placeholder__actions__indicator { - display: flex; - padding: 0 0 0 6px; - align-items: center; - justify-content: flex-start; - line-height: 0; - height: 36px; - margin-right: 4px; +.wp-block-navigation-placeholder__actions__indicator{ + align-items:center; + display:flex; + height:36px; + justify-content:flex-start; + line-height:0; + margin-right:4px; + padding:0 0 0 6px; } -.wp-block-navigation-placeholder__actions__indicator svg { - margin-left: 4px; - fill: currentColor; +.wp-block-navigation-placeholder__actions__indicator svg{ + fill:currentColor; + margin-left:4px; } -.wp-block-navigation .components-placeholder.is-medium .components-placeholder__fieldset { - flex-direction: row !important; +.wp-block-navigation .components-placeholder.is-medium .components-placeholder__fieldset{ + flex-direction:row !important; } -.wp-block-navigation-placeholder__actions { - display: flex; - font-size: 13px; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - gap: 6px; - align-items: center; - height: 100%; +.wp-block-navigation-placeholder__actions{ + align-items:center; + display:flex; + font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; + font-size:13px; + gap:6px; + height:100%; } -.wp-block-navigation-placeholder__actions .components-dropdown, -.wp-block-navigation-placeholder__actions > .components-button { - margin-left: 0; +.wp-block-navigation-placeholder__actions .components-dropdown,.wp-block-navigation-placeholder__actions>.components-button{ + margin-left:0; } -.wp-block-navigation-placeholder__actions.wp-block-navigation-placeholder__actions hr { - border: 0; - min-height: 1px; - min-width: 1px; - background-color: #1e1e1e; - margin: auto 0; - height: 100%; - max-height: 16px; +.wp-block-navigation-placeholder__actions.wp-block-navigation-placeholder__actions hr{ + background-color:#1e1e1e; + border:0; + height:100%; + margin:auto 0; + max-height:16px; + min-height:1px; + min-width:1px; } - -/** - * Mobile menu. - */ -@media (min-width: 600px) { - .wp-block-navigation__responsive-container:not(.is-menu-open) .components-button.wp-block-navigation__responsive-container-close { - display: none; +@media (min-width:600px){ + .wp-block-navigation__responsive-container:not(.is-menu-open) .components-button.wp-block-navigation__responsive-container-close{ + display:none; } } -.wp-block-navigation__responsive-container.is-menu-open { - position: fixed; - top: 155px; +.wp-block-navigation__responsive-container.is-menu-open{ + position:fixed; + top:155px; } -@media (min-width: 782px) { - .wp-block-navigation__responsive-container.is-menu-open { - top: 93px; +@media (min-width:782px){ + .wp-block-navigation__responsive-container.is-menu-open{ + right:36px; + top:93px; } } -@media (min-width: 782px) { - .wp-block-navigation__responsive-container.is-menu-open { - right: 36px; - } -} -@media (min-width: 960px) { - .wp-block-navigation__responsive-container.is-menu-open { - right: 160px; +@media (min-width:960px){ + .wp-block-navigation__responsive-container.is-menu-open{ + right:160px; } } -@media (min-width: 782px) { - .has-fixed-toolbar .wp-block-navigation__responsive-container.is-menu-open { - top: 141px; +@media (min-width:782px){ + .has-fixed-toolbar .wp-block-navigation__responsive-container.is-menu-open{ + top:141px; } } -.is-mobile-preview .wp-block-navigation__responsive-container.is-menu-open, -.is-tablet-preview .wp-block-navigation__responsive-container.is-menu-open { - top: 141px; +.is-mobile-preview .wp-block-navigation__responsive-container.is-menu-open,.is-tablet-preview .wp-block-navigation__responsive-container.is-menu-open{ + top:141px; } -.is-sidebar-opened .wp-block-navigation__responsive-container.is-menu-open { - left: 280px; +.is-sidebar-opened .wp-block-navigation__responsive-container.is-menu-open{ + left:280px; } -.is-fullscreen-mode .wp-block-navigation__responsive-container.is-menu-open { - right: 0; - top: 155px; +.is-fullscreen-mode .wp-block-navigation__responsive-container.is-menu-open{ + right:0; + top:155px; } -@media (min-width: 782px) { - .is-fullscreen-mode .wp-block-navigation__responsive-container.is-menu-open { - top: 61px; +@media (min-width:782px){ + .is-fullscreen-mode .wp-block-navigation__responsive-container.is-menu-open{ + top:61px; + } + .is-fullscreen-mode .has-fixed-toolbar .wp-block-navigation__responsive-container.is-menu-open{ + top:109px; } } -@media (min-width: 782px) { - .is-fullscreen-mode .has-fixed-toolbar .wp-block-navigation__responsive-container.is-menu-open { - top: 109px; +.is-fullscreen-mode .is-mobile-preview .wp-block-navigation__responsive-container.is-menu-open,.is-fullscreen-mode .is-tablet-preview .wp-block-navigation__responsive-container.is-menu-open{ + top:109px; +} + +body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-open{ + bottom:0; + left:0; + right:0; + top:0; +} + +@media (min-width:600px){ + .wp-block-navigation__responsive-close,.wp-block-navigation__responsive-container{ + pointer-events:none; + } + .wp-block-navigation__responsive-close .block-editor-block-list__layout *,.wp-block-navigation__responsive-close .wp-block-navigation__responsive-container-close,.wp-block-navigation__responsive-container .block-editor-block-list__layout *,.wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-close{ + pointer-events:all; } } -.is-fullscreen-mode .is-mobile-preview .wp-block-navigation__responsive-container.is-menu-open, -.is-fullscreen-mode .is-tablet-preview .wp-block-navigation__responsive-container.is-menu-open { - top: 109px; +.wp-block-navigation__responsive-close .wp-block-pages-list__item__link,.wp-block-navigation__responsive-container .wp-block-pages-list__item__link{ + pointer-events:none; } -body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-open { - top: 0; - left: 0; - bottom: 0; - right: 0; +.components-button.wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close,.components-button.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open{ + color:inherit; + height:auto; + padding:0; } -@media (min-width: 600px) { - .wp-block-navigation__responsive-container, -.wp-block-navigation__responsive-close { - pointer-events: none; +.is-menu-open .wp-block-navigation__responsive-container-content * .block-list-appender{ + margin-top:16px; +} + +@keyframes fadein{ + 0%{ + opacity:0; } - .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-close, -.wp-block-navigation__responsive-container .block-editor-block-list__layout *, -.wp-block-navigation__responsive-close .wp-block-navigation__responsive-container-close, -.wp-block-navigation__responsive-close .block-editor-block-list__layout * { - pointer-events: all; + to{ + opacity:1; } } -.wp-block-navigation__responsive-container .wp-block-pages-list__item__link, -.wp-block-navigation__responsive-close .wp-block-pages-list__item__link { - pointer-events: none; +.wp-block-navigation .components-spinner{ + padding:8px 12px; } -.components-button.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open, -.components-button.wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close { - padding: 0; - height: auto; - color: inherit; -} - -.is-menu-open .wp-block-navigation__responsive-container-content * .block-list-appender { - margin-top: 16px; -} - -@keyframes fadein { - 0% { - opacity: 0; +@keyframes fadeouthalf{ + 0%{ + opacity:1; } - 100% { - opacity: 1; + to{ + opacity:.5; } } -.wp-block-navigation .components-spinner { - padding: 8px 12px; +.wp-block-navigation-delete-menu-button{ + justify-content:center; + margin-bottom:16px; + width:100%; } -@keyframes fadeouthalf { - 0% { - opacity: 1; - } - 100% { - opacity: 0.5; - } +.wp-block-navigation__overlay-menu-preview{ + align-items:center; + background-color:#f0f0f0; + display:flex; + height:64px; + justify-content:space-between; + margin-bottom:12px; + padding:0 24px; + width:100%; } -.wp-block-navigation-delete-menu-button { - width: 100%; - justify-content: center; - margin-bottom: 16px; +.wp-block-navigation__overlay-menu-preview.open{ + background-color:#fff; + box-shadow:inset 0 0 0 1px #e0e0e0; + outline:1px solid transparent; } -.wp-block-navigation__overlay-menu-preview { - display: flex; - align-items: center; - justify-content: space-between; - width: 100%; - background-color: #f0f0f0; - padding: 0 24px; - height: 64px; - margin-bottom: 12px; +.wp-block-navigation-placeholder__actions hr+hr,.wp-block-navigation__toolbar-menu-selector.components-toolbar-group:empty{ + display:none; } -.wp-block-navigation__overlay-menu-preview.open { - box-shadow: inset 0 0 0 1px #e0e0e0; - outline: 1px solid transparent; - background-color: #fff; +.wp-block-navigation__navigation-selector{ + margin-bottom:16px; + width:100%; } -.wp-block-navigation__toolbar-menu-selector.components-toolbar-group:empty { - display: none; +.wp-block-navigation__navigation-selector-button{ + border:1px solid; + justify-content:space-between; + width:100%; } -.wp-block-navigation-placeholder__actions hr + hr { - display: none; -} - -/** - * Navigation selector styles - */ -.wp-block-navigation__navigation-selector { - margin-bottom: 16px; - width: 100%; -} - -.wp-block-navigation__navigation-selector-button { - border: 1px solid; - justify-content: space-between; - width: 100%; -} - -.wp-block-navigation__navigation-selector-button--createnew { - border: 1px solid; - margin-bottom: 16px; - width: 100%; +.wp-block-navigation__navigation-selector-button--createnew{ + border:1px solid; + margin-bottom:16px; + width:100%; } \ No newline at end of file diff --git a/wp-includes/blocks/navigation/editor.css b/wp-includes/blocks/navigation/editor.css index b5bdca0b60..130bcccf22 100644 --- a/wp-includes/blocks/navigation/editor.css +++ b/wp-includes/blocks/navigation/editor.css @@ -1,544 +1,420 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -/** -* Editor only CSS. -*/ -.editor-styles-wrapper .wp-block-navigation ul { - margin-top: 0; - margin-bottom: 0; - margin-left: 0; - padding-left: 0; +.editor-styles-wrapper .wp-block-navigation ul{ + margin-bottom:0; + margin-left:0; + margin-top:0; + padding-left:0; } -.editor-styles-wrapper .wp-block-navigation .wp-block-navigation-item.wp-block { - margin: revert; +.editor-styles-wrapper .wp-block-navigation .wp-block-navigation-item.wp-block{ + margin:revert; } -.wp-block-navigation-item__label { - display: inline; +.wp-block-navigation-item__label{ + display:inline; +} +.wp-block-navigation__container.is-parent-of-selected-block{ + opacity:1; + overflow:visible; + visibility:visible; } -/** - * Submenus. - */ -.wp-block-navigation__container.is-parent-of-selected-block { - visibility: visible; - opacity: 1; - overflow: visible; +.wp-block-navigation-item,.wp-block-navigation__container{ + background-color:inherit; } -.wp-block-navigation__container, -.wp-block-navigation-item { - background-color: inherit; +.wp-block-navigation:not(.is-selected):not(.has-child-selected) .has-child:hover>.wp-block-navigation__submenu-container{ + opacity:0; + visibility:hidden; } -.wp-block-navigation:not(.is-selected):not(.has-child-selected) .has-child:hover > .wp-block-navigation__submenu-container { - opacity: 0; - visibility: hidden; +.has-child.has-child-selected>.wp-block-navigation__submenu-container,.has-child.is-selected>.wp-block-navigation__submenu-container{ + display:flex; + opacity:1; + visibility:visible; } -.has-child.is-selected > .wp-block-navigation__submenu-container, .has-child.has-child-selected > .wp-block-navigation__submenu-container { - display: flex; - opacity: 1; - visibility: visible; +.is-dragging-components-draggable .has-child.is-dragging-within>.wp-block-navigation__submenu-container{ + opacity:1; + visibility:visible; } -.is-dragging-components-draggable .has-child.is-dragging-within > .wp-block-navigation__submenu-container { - opacity: 1; - visibility: visible; +.is-editing>.wp-block-navigation__container{ + display:flex; + flex-direction:column; + opacity:1; + visibility:visible; } -.is-editing > .wp-block-navigation__container { - visibility: visible; - opacity: 1; - display: flex; - flex-direction: column; +.is-dragging-components-draggable .wp-block-navigation-link>.wp-block-navigation__container{ + opacity:1; + visibility:hidden; +} +.is-dragging-components-draggable .wp-block-navigation-link>.wp-block-navigation__container .block-editor-block-draggable-chip-wrapper{ + visibility:visible; } -.is-dragging-components-draggable .wp-block-navigation-link > .wp-block-navigation__container { - opacity: 1; - visibility: hidden; +.is-editing>.wp-block-navigation__submenu-container>.block-list-appender{ + display:block; + position:static; + width:100%; } -.is-dragging-components-draggable .wp-block-navigation-link > .wp-block-navigation__container .block-editor-block-draggable-chip-wrapper { - visibility: visible; +.is-editing>.wp-block-navigation__submenu-container>.block-list-appender .block-editor-button-block-appender{ + background:#1e1e1e; + border-radius:2px; + color:#fff; + margin-left:auto; + margin-right:0; + padding:0; + width:24px; } -.is-editing > .wp-block-navigation__submenu-container > .block-list-appender { - display: block; - position: static; - width: 100%; +.wp-block-navigation__submenu-container .block-list-appender{ + display:none; } -.is-editing > .wp-block-navigation__submenu-container > .block-list-appender .block-editor-button-block-appender { - color: #fff; - background: #1e1e1e; - padding: 0; - width: 24px; - border-radius: 2px; - margin-right: 0; - margin-left: auto; +.block-library-colors-selector{ + width:auto; +} +.block-library-colors-selector .block-library-colors-selector__toggle{ + display:block; + margin:0 auto; + padding:3px; + width:auto; +} +.block-library-colors-selector .block-library-colors-selector__icon-container{ + align-items:center; + border-radius:4px; + display:flex; + height:30px; + margin:0 auto; + padding:3px; + position:relative; +} +.block-library-colors-selector .block-library-colors-selector__state-selection{ + border-radius:11px; + box-shadow:inset 0 0 0 1px rgba(0,0,0,.2); + height:22px; + line-height:20px; + margin-left:auto; + margin-right:auto; + min-height:22px; + min-width:22px; + padding:2px; + width:22px; +} +.block-library-colors-selector .block-library-colors-selector__state-selection>svg{ + min-width:auto !important; +} +.block-library-colors-selector .block-library-colors-selector__state-selection.has-text-color>svg,.block-library-colors-selector .block-library-colors-selector__state-selection.has-text-color>svg path{ + color:inherit; } -.wp-block-navigation__submenu-container .block-list-appender { - display: none; +.block-library-colors-selector__popover .color-palette-controller-container{ + padding:16px; +} +.block-library-colors-selector__popover .components-base-control__label{ + height:20px; + line-height:20px; +} +.block-library-colors-selector__popover .component-color-indicator{ + float:right; + margin-top:2px; +} +.block-library-colors-selector__popover .components-panel__body-title{ + display:none; } -/** - * Colors Selector component - */ -.block-library-colors-selector { - width: auto; +.wp-block-navigation .wp-block+.block-list-appender .block-editor-button-block-appender{ + background-color:#1e1e1e; + color:#fff; } -.block-library-colors-selector .block-library-colors-selector__toggle { - display: block; - margin: 0 auto; - padding: 3px; - width: auto; -} -.block-library-colors-selector .block-library-colors-selector__icon-container { - height: 30px; - position: relative; - margin: 0 auto; - padding: 3px; - display: flex; - align-items: center; - border-radius: 4px; -} -.block-library-colors-selector .block-library-colors-selector__state-selection { - margin-left: auto; - margin-right: auto; - border-radius: 11px; - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2); - width: 22px; - min-width: 22px; - height: 22px; - min-height: 22px; - line-height: 20px; - padding: 2px; -} -.block-library-colors-selector .block-library-colors-selector__state-selection > svg { - min-width: auto !important; -} -.block-library-colors-selector .block-library-colors-selector__state-selection.has-text-color > svg, -.block-library-colors-selector .block-library-colors-selector__state-selection.has-text-color > svg path { - color: inherit; +.wp-block-navigation .wp-block+.block-list-appender .block-editor-button-block-appender.block-editor-button-block-appender.block-editor-button-block-appender{ + padding:0; } -.block-library-colors-selector__popover .color-palette-controller-container { - padding: 16px; +.wp-block-navigation .wp-block .wp-block .block-editor-button-block-appender{ + background-color:initial; + color:#1e1e1e; } -.block-library-colors-selector__popover .components-base-control__label { - height: 20px; - line-height: 20px; -} -.block-library-colors-selector__popover .component-color-indicator { - float: right; - margin-top: 2px; -} -.block-library-colors-selector__popover .components-panel__body-title { - display: none; -} - -.wp-block-navigation .wp-block + .block-list-appender .block-editor-button-block-appender { - background-color: #1e1e1e; - color: #fff; -} -.wp-block-navigation .wp-block + .block-list-appender .block-editor-button-block-appender.block-editor-button-block-appender.block-editor-button-block-appender { - padding: 0; -} - -.wp-block-navigation .wp-block .wp-block .block-editor-button-block-appender { - background-color: transparent; - color: #1e1e1e; -} - -/** - * Setup state - */ -@keyframes loadingpulse { - 0% { - opacity: 1; +@keyframes loadingpulse{ + 0%{ + opacity:1; } - 50% { - opacity: 0.5; + 50%{ + opacity:.5; } - 100% { - opacity: 1; + to{ + opacity:1; } } -.components-placeholder.wp-block-navigation-placeholder { - outline: none; - padding: 0; - box-shadow: none; - background: none; - min-height: 0; - color: inherit; +.components-placeholder.wp-block-navigation-placeholder{ + background:none; + box-shadow:none; + color:inherit; + min-height:0; + outline:none; + padding:0; } -.components-placeholder.wp-block-navigation-placeholder .components-placeholder__fieldset { - font-size: inherit; +.components-placeholder.wp-block-navigation-placeholder .components-placeholder__fieldset{ + font-size:inherit; } -.components-placeholder.wp-block-navigation-placeholder .components-placeholder__fieldset .components-button { - margin-bottom: 0; +.components-placeholder.wp-block-navigation-placeholder .components-placeholder__fieldset .components-button{ + margin-bottom:0; } -.wp-block-navigation.is-selected .components-placeholder.wp-block-navigation-placeholder { - color: #1e1e1e; +.wp-block-navigation.is-selected .components-placeholder.wp-block-navigation-placeholder{ + color:#1e1e1e; } -.wp-block-navigation-placeholder .components-spinner { - margin-top: 0; +.wp-block-navigation-placeholder .components-spinner{ + margin-top:0; } -.wp-block-navigation-placeholder__preview { - display: flex; - align-items: center; - min-width: 96px; - font-size: 13px; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - color: currentColor; - background: transparent; +.wp-block-navigation-placeholder__preview{ + align-items:center; + background:transparent; + color:currentColor; + display:flex; + font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; + font-size:13px; + min-width:96px; } -.wp-block-navigation.is-selected .wp-block-navigation-placeholder__preview { - display: none; +.wp-block-navigation.is-selected .wp-block-navigation-placeholder__preview{ + display:none; } -.wp-block-navigation-placeholder__preview::before { - content: ""; - display: block; - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - pointer-events: none; - border: 1px dashed currentColor; - border-radius: 2px; - border-radius: inherit; +.wp-block-navigation-placeholder__preview:before{ + border:1px dashed; + border-radius:2px; + border-radius:inherit; + bottom:0; + content:""; + display:block; + left:0; + pointer-events:none; + position:absolute; + right:0; + top:0; } -.wp-block-navigation-placeholder__preview > svg { - fill: currentColor; +.wp-block-navigation-placeholder__preview>svg{ + fill:currentColor; } -.wp-block-navigation.is-vertical .is-small .components-placeholder__fieldset, -.wp-block-navigation.is-vertical .is-medium .components-placeholder__fieldset { - min-height: 90px; +.wp-block-navigation.is-vertical .is-medium .components-placeholder__fieldset,.wp-block-navigation.is-vertical .is-small .components-placeholder__fieldset{ + min-height:90px; } -.wp-block-navigation.is-vertical .is-large .components-placeholder__fieldset { - min-height: 132px; +.wp-block-navigation.is-vertical .is-large .components-placeholder__fieldset{ + min-height:132px; } -.wp-block-navigation-placeholder__preview, -.wp-block-navigation-placeholder__controls { - padding: 6px 8px; - flex-direction: row; - align-items: flex-start; +.wp-block-navigation-placeholder__controls,.wp-block-navigation-placeholder__preview{ + align-items:flex-start; + flex-direction:row; + padding:6px 8px; } -.wp-block-navigation-placeholder__controls { - border-radius: 2px; - background-color: #fff; - box-shadow: inset 0 0 0 1px #1e1e1e; - display: none; - position: relative; - z-index: 1; - float: left; - width: 100%; +.wp-block-navigation-placeholder__controls{ + background-color:#fff; + border-radius:2px; + box-shadow:inset 0 0 0 1px #1e1e1e; + display:none; + float:left; + position:relative; + width:100%; + z-index:1; } -.wp-block-navigation.is-selected .wp-block-navigation-placeholder__controls { - display: flex; +.wp-block-navigation.is-selected .wp-block-navigation-placeholder__controls{ + display:flex; } -.is-small .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions__indicator, -.is-small .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions__indicator + hr, .is-medium .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions__indicator, -.is-medium .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions__indicator + hr { - display: none; +.is-medium .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions__indicator,.is-medium .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions__indicator+hr,.is-small .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions__indicator,.is-small .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions__indicator+hr{ + display:none; } -.is-small .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions, .wp-block-navigation.is-vertical .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions { - flex-direction: column; - align-items: flex-start; +.is-small .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions,.wp-block-navigation.is-vertical .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions{ + align-items:flex-start; + flex-direction:column; } -.is-small .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions hr, .wp-block-navigation.is-vertical .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions hr { - display: none; +.is-small .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions hr,.wp-block-navigation.is-vertical .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions hr{ + display:none; } -.wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__icon { - margin-right: 12px; - height: 36px; +.wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__icon{ + height:36px; + margin-right:12px; } -.wp-block-navigation-placeholder__actions__indicator { - display: flex; - padding: 0 6px 0 0; - align-items: center; - justify-content: flex-start; - line-height: 0; - height: 36px; - margin-left: 4px; +.wp-block-navigation-placeholder__actions__indicator{ + align-items:center; + display:flex; + height:36px; + justify-content:flex-start; + line-height:0; + margin-left:4px; + padding:0 6px 0 0; } -.wp-block-navigation-placeholder__actions__indicator svg { - margin-right: 4px; - fill: currentColor; +.wp-block-navigation-placeholder__actions__indicator svg{ + fill:currentColor; + margin-right:4px; } -.wp-block-navigation .components-placeholder.is-medium .components-placeholder__fieldset { - flex-direction: row !important; +.wp-block-navigation .components-placeholder.is-medium .components-placeholder__fieldset{ + flex-direction:row !important; } -.wp-block-navigation-placeholder__actions { - display: flex; - font-size: 13px; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - gap: 6px; - align-items: center; - height: 100%; +.wp-block-navigation-placeholder__actions{ + align-items:center; + display:flex; + font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; + font-size:13px; + gap:6px; + height:100%; } -.wp-block-navigation-placeholder__actions .components-dropdown, -.wp-block-navigation-placeholder__actions > .components-button { - margin-right: 0; +.wp-block-navigation-placeholder__actions .components-dropdown,.wp-block-navigation-placeholder__actions>.components-button{ + margin-right:0; } -.wp-block-navigation-placeholder__actions.wp-block-navigation-placeholder__actions hr { - border: 0; - min-height: 1px; - min-width: 1px; - background-color: #1e1e1e; - margin: auto 0; - height: 100%; - max-height: 16px; +.wp-block-navigation-placeholder__actions.wp-block-navigation-placeholder__actions hr{ + background-color:#1e1e1e; + border:0; + height:100%; + margin:auto 0; + max-height:16px; + min-height:1px; + min-width:1px; } - -/** - * Mobile menu. - */ -@media (min-width: 600px) { - .wp-block-navigation__responsive-container:not(.is-menu-open) .components-button.wp-block-navigation__responsive-container-close { - display: none; +@media (min-width:600px){ + .wp-block-navigation__responsive-container:not(.is-menu-open) .components-button.wp-block-navigation__responsive-container-close{ + display:none; } } -.wp-block-navigation__responsive-container.is-menu-open { - position: fixed; - top: 155px; +.wp-block-navigation__responsive-container.is-menu-open{ + position:fixed; + top:155px; } -@media (min-width: 782px) { - .wp-block-navigation__responsive-container.is-menu-open { - top: 93px; +@media (min-width:782px){ + .wp-block-navigation__responsive-container.is-menu-open{ + left:36px; + top:93px; } } -@media (min-width: 782px) { - .wp-block-navigation__responsive-container.is-menu-open { - left: 36px; - } -} -@media (min-width: 960px) { - .wp-block-navigation__responsive-container.is-menu-open { - left: 160px; +@media (min-width:960px){ + .wp-block-navigation__responsive-container.is-menu-open{ + left:160px; } } -@media (min-width: 782px) { - .has-fixed-toolbar .wp-block-navigation__responsive-container.is-menu-open { - top: 141px; +@media (min-width:782px){ + .has-fixed-toolbar .wp-block-navigation__responsive-container.is-menu-open{ + top:141px; } } -.is-mobile-preview .wp-block-navigation__responsive-container.is-menu-open, -.is-tablet-preview .wp-block-navigation__responsive-container.is-menu-open { - top: 141px; +.is-mobile-preview .wp-block-navigation__responsive-container.is-menu-open,.is-tablet-preview .wp-block-navigation__responsive-container.is-menu-open{ + top:141px; } -.is-sidebar-opened .wp-block-navigation__responsive-container.is-menu-open { - right: 280px; +.is-sidebar-opened .wp-block-navigation__responsive-container.is-menu-open{ + right:280px; } -.is-fullscreen-mode .wp-block-navigation__responsive-container.is-menu-open { - left: 0; - top: 155px; +.is-fullscreen-mode .wp-block-navigation__responsive-container.is-menu-open{ + left:0; + top:155px; } -@media (min-width: 782px) { - .is-fullscreen-mode .wp-block-navigation__responsive-container.is-menu-open { - top: 61px; +@media (min-width:782px){ + .is-fullscreen-mode .wp-block-navigation__responsive-container.is-menu-open{ + top:61px; + } + .is-fullscreen-mode .has-fixed-toolbar .wp-block-navigation__responsive-container.is-menu-open{ + top:109px; } } -@media (min-width: 782px) { - .is-fullscreen-mode .has-fixed-toolbar .wp-block-navigation__responsive-container.is-menu-open { - top: 109px; +.is-fullscreen-mode .is-mobile-preview .wp-block-navigation__responsive-container.is-menu-open,.is-fullscreen-mode .is-tablet-preview .wp-block-navigation__responsive-container.is-menu-open{ + top:109px; +} + +body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-open{ + bottom:0; + left:0; + right:0; + top:0; +} + +@media (min-width:600px){ + .wp-block-navigation__responsive-close,.wp-block-navigation__responsive-container{ + pointer-events:none; + } + .wp-block-navigation__responsive-close .block-editor-block-list__layout *,.wp-block-navigation__responsive-close .wp-block-navigation__responsive-container-close,.wp-block-navigation__responsive-container .block-editor-block-list__layout *,.wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-close{ + pointer-events:all; } } -.is-fullscreen-mode .is-mobile-preview .wp-block-navigation__responsive-container.is-menu-open, -.is-fullscreen-mode .is-tablet-preview .wp-block-navigation__responsive-container.is-menu-open { - top: 109px; +.wp-block-navigation__responsive-close .wp-block-pages-list__item__link,.wp-block-navigation__responsive-container .wp-block-pages-list__item__link{ + pointer-events:none; } -body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-open { - top: 0; - right: 0; - bottom: 0; - left: 0; +.components-button.wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close,.components-button.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open{ + color:inherit; + height:auto; + padding:0; } -@media (min-width: 600px) { - .wp-block-navigation__responsive-container, -.wp-block-navigation__responsive-close { - pointer-events: none; +.is-menu-open .wp-block-navigation__responsive-container-content * .block-list-appender{ + margin-top:16px; +} + +@keyframes fadein{ + 0%{ + opacity:0; } - .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-close, -.wp-block-navigation__responsive-container .block-editor-block-list__layout *, -.wp-block-navigation__responsive-close .wp-block-navigation__responsive-container-close, -.wp-block-navigation__responsive-close .block-editor-block-list__layout * { - pointer-events: all; + to{ + opacity:1; } } -.wp-block-navigation__responsive-container .wp-block-pages-list__item__link, -.wp-block-navigation__responsive-close .wp-block-pages-list__item__link { - pointer-events: none; +.wp-block-navigation .components-spinner{ + padding:8px 12px; } -.components-button.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open, -.components-button.wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close { - padding: 0; - height: auto; - color: inherit; -} - -.is-menu-open .wp-block-navigation__responsive-container-content * .block-list-appender { - margin-top: 16px; -} - -@keyframes fadein { - 0% { - opacity: 0; +@keyframes fadeouthalf{ + 0%{ + opacity:1; } - 100% { - opacity: 1; + to{ + opacity:.5; } } -.wp-block-navigation .components-spinner { - padding: 8px 12px; +.wp-block-navigation-delete-menu-button{ + justify-content:center; + margin-bottom:16px; + width:100%; } -@keyframes fadeouthalf { - 0% { - opacity: 1; - } - 100% { - opacity: 0.5; - } +.wp-block-navigation__overlay-menu-preview{ + align-items:center; + background-color:#f0f0f0; + display:flex; + height:64px; + justify-content:space-between; + margin-bottom:12px; + padding:0 24px; + width:100%; } -.wp-block-navigation-delete-menu-button { - width: 100%; - justify-content: center; - margin-bottom: 16px; +.wp-block-navigation__overlay-menu-preview.open{ + background-color:#fff; + box-shadow:inset 0 0 0 1px #e0e0e0; + outline:1px solid transparent; } -.wp-block-navigation__overlay-menu-preview { - display: flex; - align-items: center; - justify-content: space-between; - width: 100%; - background-color: #f0f0f0; - padding: 0 24px; - height: 64px; - margin-bottom: 12px; +.wp-block-navigation-placeholder__actions hr+hr,.wp-block-navigation__toolbar-menu-selector.components-toolbar-group:empty{ + display:none; } -.wp-block-navigation__overlay-menu-preview.open { - box-shadow: inset 0 0 0 1px #e0e0e0; - outline: 1px solid transparent; - background-color: #fff; +.wp-block-navigation__navigation-selector{ + margin-bottom:16px; + width:100%; } -.wp-block-navigation__toolbar-menu-selector.components-toolbar-group:empty { - display: none; +.wp-block-navigation__navigation-selector-button{ + border:1px solid; + justify-content:space-between; + width:100%; } -.wp-block-navigation-placeholder__actions hr + hr { - display: none; -} - -/** - * Navigation selector styles - */ -.wp-block-navigation__navigation-selector { - margin-bottom: 16px; - width: 100%; -} - -.wp-block-navigation__navigation-selector-button { - border: 1px solid; - justify-content: space-between; - width: 100%; -} - -.wp-block-navigation__navigation-selector-button--createnew { - border: 1px solid; - margin-bottom: 16px; - width: 100%; +.wp-block-navigation__navigation-selector-button--createnew{ + border:1px solid; + margin-bottom:16px; + width:100%; } \ No newline at end of file diff --git a/wp-includes/blocks/navigation/style-rtl.css b/wp-includes/blocks/navigation/style-rtl.css index 762ce40416..08f4c69a3d 100644 --- a/wp-includes/blocks/navigation/style-rtl.css +++ b/wp-includes/blocks/navigation/style-rtl.css @@ -1,570 +1,439 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.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{ + --navigation-layout-justification-setting:flex-start; + --navigation-layout-direction:row; + --navigation-layout-wrap:wrap; + --navigation-layout-justify:flex-start; + --navigation-layout-align:center; + position:relative; } -.wp-block-navigation ul { - margin-top: 0; - margin-bottom: 0; - margin-right: 0; - padding-right: 0; +.wp-block-navigation ul{ + margin-bottom:0; + margin-right:0; + margin-top:0; + padding-right:0; } -.wp-block-navigation ul, -.wp-block-navigation ul li { - list-style: none; - padding: 0; +.wp-block-navigation ul,.wp-block-navigation ul li{ + list-style:none; + padding:0; } -.wp-block-navigation .wp-block-navigation-item { - display: flex; - align-items: center; - position: relative; +.wp-block-navigation .wp-block-navigation-item{ + align-items:center; + display:flex; + position:relative; } -.wp-block-navigation .wp-block-navigation-item .wp-block-navigation__submenu-container:empty { - display: none; +.wp-block-navigation .wp-block-navigation-item .wp-block-navigation__submenu-container:empty{ + display:none; } -.wp-block-navigation .wp-block-navigation-item__content { - display: block; +.wp-block-navigation .wp-block-navigation-item__content{ + display:block; } -.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,.wp-block-navigation.has-text-decoration-underline .wp-block-navigation-item__content:active,.wp-block-navigation.has-text-decoration-underline .wp-block-navigation-item__content:focus{ + 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,.wp-block-navigation.has-text-decoration-line-through .wp-block-navigation-item__content:active,.wp-block-navigation.has-text-decoration-line-through .wp-block-navigation-item__content:focus{ + text-decoration:line-through; } -.wp-block-navigation.has-text-decoration-line-through .wp-block-navigation-item__content { - text-decoration: line-through; +.wp-block-navigation:where(:not([class*=has-text-decoration])) a{ + text-decoration:none; } -.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:active,.wp-block-navigation:where(:not([class*=has-text-decoration])) a:focus{ + text-decoration:none; } -.wp-block-navigation:where(:not([class*="has-text-decoration"])) a { - text-decoration: none; +.wp-block-navigation .wp-block-navigation__submenu-icon{ + align-self:center; + background-color:inherit; + border:none; + color:currentColor; + display:inline-block; + font-size:inherit; + height:.6em; + line-height:0; + margin-right:.25em; + padding:0; + width:.6em; } -.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 .wp-block-navigation__submenu-icon svg{ + stroke:currentColor; + display:inline-block; + height:inherit; + margin-top:.075em; + width:inherit; } -.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.is-vertical{ + --navigation-layout-direction:column; + --navigation-layout-justify:initial; + --navigation-layout-align:flex-start; } -.wp-block-navigation .wp-block-navigation__submenu-icon svg { - display: inline-block; - stroke: currentColor; - width: inherit; - height: inherit; - margin-top: 0.075em; +.wp-block-navigation.no-wrap{ + --navigation-layout-wrap:nowrap; } -.wp-block-navigation.is-vertical { - --navigation-layout-direction: column; - --navigation-layout-justify: initial; - --navigation-layout-align: flex-start; +.wp-block-navigation.items-justified-center{ + --navigation-layout-justification-setting:center; + --navigation-layout-justify:center; } -.wp-block-navigation.no-wrap { - --navigation-layout-wrap: nowrap; +.wp-block-navigation.items-justified-center.is-vertical{ + --navigation-layout-align:center; } -.wp-block-navigation.items-justified-center { - --navigation-layout-justification-setting: center; - --navigation-layout-justify: center; +.wp-block-navigation.items-justified-right{ + --navigation-layout-justification-setting:flex-end; + --navigation-layout-justify:flex-end; } -.wp-block-navigation.items-justified-center.is-vertical { - --navigation-layout-align: center; +.wp-block-navigation.items-justified-right.is-vertical{ + --navigation-layout-align:flex-end; } -.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.items-justified-space-between{ + --navigation-layout-justification-setting:space-between; + --navigation-layout-justify:space-between; } -.wp-block-navigation .has-child .wp-block-navigation__submenu-container { - background-color: inherit; - color: inherit; - position: absolute; - z-index: 2; - display: flex; - flex-direction: column; - align-items: normal; - opacity: 0; - transition: opacity 0.1s linear; - visibility: hidden; - width: 0; - height: 0; - overflow: hidden; - right: -1px; - top: 100%; +.wp-block-navigation .has-child .wp-block-navigation__submenu-container{ + align-items:normal; + background-color:inherit; + color:inherit; + display:flex; + flex-direction:column; + height:0; + opacity:0; + overflow:hidden; + position:absolute; + right:-1px; + top:100%; + transition:opacity .1s linear; + visibility:hidden; + width:0; + z-index:2; } -.wp-block-navigation .has-child .wp-block-navigation__submenu-container > .wp-block-navigation-item > .wp-block-navigation-item__content { - display: flex; - flex-grow: 1; +.wp-block-navigation .has-child .wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content{ + display:flex; + flex-grow:1; } -.wp-block-navigation .has-child .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 .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 .wp-block-navigation__submenu-container .wp-block-navigation-item__content { - margin: 0; +.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation-item__content{ + margin:0; } -@media (min-width: 782px) { - .wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container { - right: 100%; - top: -1px; +@media (min-width:782px){ + .wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container{ + right:100%; + top:-1px; } - .wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container::before { - content: ""; - position: absolute; - left: 100%; - height: 100%; - display: block; - width: 0.5em; - background: transparent; + .wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container:before{ + background:transparent; + content:""; + display:block; + height:100%; + left:100%; + position:absolute; + width:.5em; } - .wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-icon { - margin-left: 0.25em; + .wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-icon{ + margin-left:.25em; } - .wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-icon svg { - transform: rotate(90deg); + .wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-icon svg{ + transform:rotate(90deg); } } -.wp-block-navigation .has-child:not(.open-on-click):hover > .wp-block-navigation__submenu-container { - visibility: visible; - overflow: visible; - opacity: 1; - width: auto; - height: auto; - min-width: 200px; +.wp-block-navigation .has-child:not(.open-on-click):hover>.wp-block-navigation__submenu-container{ + height:auto; + min-width:200px; + opacity:1; + overflow:visible; + visibility:visible; + width:auto; } -.wp-block-navigation .has-child:not(.open-on-click):not(.open-on-hover-click):focus-within > .wp-block-navigation__submenu-container { - visibility: visible; - overflow: visible; - opacity: 1; - width: auto; - height: auto; - min-width: 200px; +.wp-block-navigation .has-child:not(.open-on-click):not(.open-on-hover-click):focus-within>.wp-block-navigation__submenu-container{ + height:auto; + min-width:200px; + opacity:1; + overflow:visible; + visibility:visible; + width:auto; } -.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 .has-child .wp-block-navigation-submenu__toggle[aria-expanded=true]~.wp-block-navigation__submenu-container{ + height:auto; + min-width:200px; + opacity:1; + overflow:visible; + visibility:visible; + width:auto; } -.wp-block-navigation.has-background .has-child .wp-block-navigation__submenu-container { - right: 0; - top: 100%; +.wp-block-navigation.has-background .has-child .wp-block-navigation__submenu-container{ + right:0; + top:100%; } -@media (min-width: 782px) { - .wp-block-navigation.has-background .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container { - right: 100%; - top: 0; +@media (min-width:782px){ + .wp-block-navigation.has-background .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container{ + right:100%; + top:0; } } -.wp-block-navigation-submenu { - position: relative; - display: flex; +.wp-block-navigation-submenu{ + display:flex; + position:relative; } -.wp-block-navigation-submenu .wp-block-navigation__submenu-icon svg { - stroke: currentColor; +.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; +button.wp-block-navigation-item__content{ + background-color:initial; + border:none; + color:currentColor; + font-family:inherit; + font-size:inherit; + font-style:inherit; + font-weight:inherit; + line-height:inherit; + text-align:right; + text-transform:inherit; } -.wp-block-navigation-submenu__toggle { - cursor: pointer; +.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{ + padding-left:.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; +.wp-block-navigation-item.open-on-click .wp-block-navigation-submenu__toggle+.wp-block-navigation__submenu-icon{ + margin-right:-.6em; + pointer-events:none; +} +.wp-block-navigation .wp-block-page-list,.wp-block-navigation__container,.wp-block-navigation__responsive-close,.wp-block-navigation__responsive-container,.wp-block-navigation__responsive-container-content,.wp-block-navigation__responsive-dialog{ + gap:inherit; +} +:where(.wp-block-navigation.has-background .wp-block-navigation-item a:not(.wp-element-button)),:where(.wp-block-navigation.has-background .wp-block-navigation-submenu a:not(.wp-element-button)){ + padding:.5em 1em; } -/** - * Margins - */ -.wp-block-navigation__responsive-container, -.wp-block-navigation__responsive-close, -.wp-block-navigation__responsive-dialog, -.wp-block-navigation .wp-block-page-list, -.wp-block-navigation__container, -.wp-block-navigation__responsive-container-content { - gap: inherit; +:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item a:not(.wp-element-button)),:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-submenu a:not(.wp-element-button)){ + padding:.5em 1em; } - -/** - * Paddings - */ -:where(.wp-block-navigation.has-background .wp-block-navigation-item a:not(.wp-element-button)), -:where(.wp-block-navigation.has-background .wp-block-navigation-submenu a:not(.wp-element-button)) { - padding: 0.5em 1em; +.wp-block-navigation.items-justified-right .wp-block-navigation__container .has-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-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{ + left:0; + right:auto; } - -:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item a:not(.wp-element-button)), -:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-submenu a:not(.wp-element-button)) { - padding: 0.5em 1em; +.wp-block-navigation.items-justified-right .wp-block-navigation__container .has-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-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{ + left:-1px; + right:-1px; } - -/** - * 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%; +@media (min-width:782px){ + .wp-block-navigation.items-justified-right .wp-block-navigation__container .has-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-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{ + left:100%; + right:auto; } } -.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:not(.has-background) .wp-block-navigation__submenu-container{ + background-color:#fff; + border:1px solid rgba(0,0,0,.15); + color:#000; } -.wp-block-navigation__container { - 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; +.wp-block-navigation__container{ + align-items:var(--navigation-layout-align, initial); + display:flex; + flex-direction:var(--navigation-layout-direction, initial); + flex-wrap:var(--navigation-layout-wrap, wrap); + justify-content:var(--navigation-layout-justify, initial); + list-style:none; + margin:0; + padding-right:0; } -.wp-block-navigation__container .is-responsive { - display: none; +.wp-block-navigation__container .is-responsive{ + display:none; } -.wp-block-navigation__container:only-child, -.wp-block-page-list:only-child { - flex-grow: 1; +.wp-block-navigation__container:only-child,.wp-block-page-list:only-child{ + flex-grow:1; } - -/** - * Mobile menu. - */ -@keyframes overlay-menu__fade-in-animation { - from { - opacity: 0; - transform: translateY(0.5em); +@keyframes overlay-menu__fade-in-animation{ + 0%{ + opacity:0; + transform:translateY(.5em); } - to { - opacity: 1; - transform: translateY(0); + to{ + opacity:1; + transform:translateY(0); } } -.wp-block-navigation__responsive-container { - display: none; - position: fixed; - top: 0; - right: 0; - left: 0; - bottom: 0; +.wp-block-navigation__responsive-container{ + bottom:0; + display:none; + left:0; + position:fixed; + right:0; + top:0; } -.wp-block-navigation__responsive-container .wp-block-navigation-link a { - color: inherit; +.wp-block-navigation__responsive-container .wp-block-navigation-link a{ + color:inherit; } -.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 .wp-block-navigation__responsive-container-content{ + align-items:var(--navigation-layout-align, initial); + display:flex; + flex-direction:var(--navigation-layout-direction, initial); + flex-wrap:var(--navigation-layout-wrap, wrap); + justify-content:var(--navigation-layout-justify, 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:not(.is-menu-open.is-menu-open){ + background-color:inherit !important; + color:inherit !important; } -.wp-block-navigation__responsive-container.is-menu-open { - display: flex; - flex-direction: column; - background-color: inherit; - animation: overlay-menu__fade-in-animation 0.1s ease-out; - animation-fill-mode: forwards; - padding-top: var(--wp--style--root--padding-top, 2rem); - padding-left: var(--wp--style--root--padding-right, 2rem); - padding-bottom: var(--wp--style--root--padding-bottom, 2rem); - padding-right: var(--wp--style--root--padding-left, 2rem); - overflow: auto; - z-index: 100000; +.wp-block-navigation__responsive-container.is-menu-open{ + animation:overlay-menu__fade-in-animation .1s ease-out; + animation-fill-mode:forwards; + background-color:inherit; + display:flex; + flex-direction:column; + overflow:auto; + padding:var(--wp--style--root--padding-top, 2rem) var(--wp--style--root--padding-left, 2rem) var(--wp--style--root--padding-bottom, 2rem) var(--wp--style--root--padding-right, 2rem); + z-index:100000; } -@media (prefers-reduced-motion: reduce) { - .wp-block-navigation__responsive-container.is-menu-open { - animation-duration: 1ms; - animation-delay: 0s; +@media (prefers-reduced-motion:reduce){ + .wp-block-navigation__responsive-container.is-menu-open{ + animation-delay:0s; + animation-duration:1ms; } } -.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; - 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{ + align-items:var(--navigation-layout-justification-setting, inherit); + display:flex; + flex-direction:column; + flex-wrap:nowrap; + overflow:visible; + padding-top:calc(2rem + 24px); } -.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__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-page-list{ + 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 .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 .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{ + border:none; + height:auto; + min-width:200px; + opacity:1; + overflow:initial; + padding-left:2rem; + padding-right:2rem; + position:static; + visibility:visible; + width:auto; } -.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__container,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-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__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__responsive-container-content .wp-block-navigation-item__content{ + padding:0; } -.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; - align-items: var(--navigation-layout-justification-setting, initial); +.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-navigation__container,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-page-list{ + align-items:var(--navigation-layout-justification-setting, initial); + display:flex; + flex-direction:column; } -.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-item,.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-page-list{ + background:transparent !important; + color:inherit !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; +.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(.hidden-by-default):not(.is-menu-open) { - display: block; - width: 100%; - position: relative; - z-index: auto; - background-color: inherit; +@media (min-width:600px){ + .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open){ + background-color:inherit; + display:block; + position:relative; + width:100%; + z-index:auto; } - .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:not(.hidden-by-default):not(.is-menu-open) .wp-block-navigation__responsive-container-close{ + display:none; } - .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; + .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; } } -.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open { - background-color: #fff; - color: #000; +.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open{ + background-color:#fff; + color:#000; } -.wp-block-navigation__toggle_button_label { - font-size: 1rem; - font-weight: bold; +.wp-block-navigation__toggle_button_label{ + font-size:1rem; + font-weight:700; } -.wp-block-navigation__responsive-container-open, -.wp-block-navigation__responsive-container-close { - vertical-align: middle; - cursor: pointer; - color: currentColor; - background: transparent; - border: none; - margin: 0; - padding: 0; - text-transform: inherit; +.wp-block-navigation__responsive-container-close,.wp-block-navigation__responsive-container-open{ + background:transparent; + border:none; + color:currentColor; + cursor:pointer; + margin:0; + padding:0; + text-transform:inherit; + vertical-align:middle; } -.wp-block-navigation__responsive-container-open svg, -.wp-block-navigation__responsive-container-close svg { - fill: currentColor; - pointer-events: none; - display: block; - width: 24px; - height: 24px; +.wp-block-navigation__responsive-container-close svg,.wp-block-navigation__responsive-container-open svg{ + fill:currentColor; + display:block; + height:24px; + pointer-events:none; + width:24px; } -.wp-block-navigation__responsive-container-open { - display: flex; +.wp-block-navigation__responsive-container-open{ + display:flex; } -@media (min-width: 600px) { - .wp-block-navigation__responsive-container-open:not(.always-shown) { - display: none; +@media (min-width:600px){ + .wp-block-navigation__responsive-container-open:not(.always-shown){ + display:none; } } -.wp-block-navigation__responsive-container-close { - position: absolute; - top: 0; - left: 0; - z-index: 2; +.wp-block-navigation__responsive-container-close{ + left:0; + position:absolute; + top:0; + z-index:2; } -.wp-block-navigation__responsive-close { - width: 100%; - max-width: var(--wp--style--global--wide-size, 100%); - margin-right: auto; - margin-left: auto; +.wp-block-navigation__responsive-close{ + margin-left:auto; + margin-right:auto; + max-width:var(--wp--style--global--wide-size, 100%); + width:100%; } -.wp-block-navigation__responsive-close:focus { - outline: none; +.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 { - box-sizing: border-box; +.is-menu-open .wp-block-navigation__responsive-close,.is-menu-open .wp-block-navigation__responsive-container-content,.is-menu-open .wp-block-navigation__responsive-dialog{ + box-sizing:border-box; } -.wp-block-navigation__responsive-dialog { - position: relative; +.wp-block-navigation__responsive-dialog{ + position:relative; } -.has-modal-open .admin-bar .is-menu-open .wp-block-navigation__responsive-dialog { - margin-top: 46px; +.has-modal-open .admin-bar .is-menu-open .wp-block-navigation__responsive-dialog{ + margin-top:46px; } -@media (min-width: 782px) { - .has-modal-open .admin-bar .is-menu-open .wp-block-navigation__responsive-dialog { - margin-top: 32px; +@media (min-width:782px){ + .has-modal-open .admin-bar .is-menu-open .wp-block-navigation__responsive-dialog{ + margin-top:32px; } } -html.has-modal-open { - overflow: hidden; +html.has-modal-open{ + overflow:hidden; } \ No newline at end of file diff --git a/wp-includes/blocks/navigation/style.css b/wp-includes/blocks/navigation/style.css index 1d32479364..7454595a14 100644 --- a/wp-includes/blocks/navigation/style.css +++ b/wp-includes/blocks/navigation/style.css @@ -1,570 +1,439 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.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{ + --navigation-layout-justification-setting:flex-start; + --navigation-layout-direction:row; + --navigation-layout-wrap:wrap; + --navigation-layout-justify:flex-start; + --navigation-layout-align:center; + position:relative; } -.wp-block-navigation ul { - margin-top: 0; - margin-bottom: 0; - margin-left: 0; - padding-left: 0; +.wp-block-navigation ul{ + margin-bottom:0; + margin-left:0; + margin-top:0; + padding-left:0; } -.wp-block-navigation ul, -.wp-block-navigation ul li { - list-style: none; - padding: 0; +.wp-block-navigation ul,.wp-block-navigation ul li{ + list-style:none; + padding:0; } -.wp-block-navigation .wp-block-navigation-item { - display: flex; - align-items: center; - position: relative; +.wp-block-navigation .wp-block-navigation-item{ + align-items:center; + display:flex; + position:relative; } -.wp-block-navigation .wp-block-navigation-item .wp-block-navigation__submenu-container:empty { - display: none; +.wp-block-navigation .wp-block-navigation-item .wp-block-navigation__submenu-container:empty{ + display:none; } -.wp-block-navigation .wp-block-navigation-item__content { - display: block; +.wp-block-navigation .wp-block-navigation-item__content{ + display:block; } -.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,.wp-block-navigation.has-text-decoration-underline .wp-block-navigation-item__content:active,.wp-block-navigation.has-text-decoration-underline .wp-block-navigation-item__content:focus{ + 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,.wp-block-navigation.has-text-decoration-line-through .wp-block-navigation-item__content:active,.wp-block-navigation.has-text-decoration-line-through .wp-block-navigation-item__content:focus{ + text-decoration:line-through; } -.wp-block-navigation.has-text-decoration-line-through .wp-block-navigation-item__content { - text-decoration: line-through; +.wp-block-navigation:where(:not([class*=has-text-decoration])) a{ + text-decoration:none; } -.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:active,.wp-block-navigation:where(:not([class*=has-text-decoration])) a:focus{ + text-decoration:none; } -.wp-block-navigation:where(:not([class*="has-text-decoration"])) a { - text-decoration: none; +.wp-block-navigation .wp-block-navigation__submenu-icon{ + align-self:center; + background-color:inherit; + border:none; + color:currentColor; + display:inline-block; + font-size:inherit; + height:.6em; + line-height:0; + margin-left:.25em; + padding:0; + width:.6em; } -.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 .wp-block-navigation__submenu-icon svg{ + stroke:currentColor; + display:inline-block; + height:inherit; + margin-top:.075em; + width:inherit; } -.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-left: 0.25em; +.wp-block-navigation.is-vertical{ + --navigation-layout-direction:column; + --navigation-layout-justify:initial; + --navigation-layout-align:flex-start; } -.wp-block-navigation .wp-block-navigation__submenu-icon svg { - display: inline-block; - stroke: currentColor; - width: inherit; - height: inherit; - margin-top: 0.075em; +.wp-block-navigation.no-wrap{ + --navigation-layout-wrap:nowrap; } -.wp-block-navigation.is-vertical { - --navigation-layout-direction: column; - --navigation-layout-justify: initial; - --navigation-layout-align: flex-start; +.wp-block-navigation.items-justified-center{ + --navigation-layout-justification-setting:center; + --navigation-layout-justify:center; } -.wp-block-navigation.no-wrap { - --navigation-layout-wrap: nowrap; +.wp-block-navigation.items-justified-center.is-vertical{ + --navigation-layout-align:center; } -.wp-block-navigation.items-justified-center { - --navigation-layout-justification-setting: center; - --navigation-layout-justify: center; +.wp-block-navigation.items-justified-right{ + --navigation-layout-justification-setting:flex-end; + --navigation-layout-justify:flex-end; } -.wp-block-navigation.items-justified-center.is-vertical { - --navigation-layout-align: center; +.wp-block-navigation.items-justified-right.is-vertical{ + --navigation-layout-align:flex-end; } -.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.items-justified-space-between{ + --navigation-layout-justification-setting:space-between; + --navigation-layout-justify:space-between; } -.wp-block-navigation .has-child .wp-block-navigation__submenu-container { - background-color: inherit; - color: inherit; - position: absolute; - z-index: 2; - display: flex; - flex-direction: column; - align-items: normal; - opacity: 0; - transition: opacity 0.1s linear; - visibility: hidden; - width: 0; - height: 0; - overflow: hidden; - left: -1px; - top: 100%; +.wp-block-navigation .has-child .wp-block-navigation__submenu-container{ + align-items:normal; + background-color:inherit; + color:inherit; + display:flex; + flex-direction:column; + height:0; + left:-1px; + opacity:0; + overflow:hidden; + position:absolute; + top:100%; + transition:opacity .1s linear; + visibility:hidden; + width:0; + z-index:2; } -.wp-block-navigation .has-child .wp-block-navigation__submenu-container > .wp-block-navigation-item > .wp-block-navigation-item__content { - display: flex; - flex-grow: 1; +.wp-block-navigation .has-child .wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content{ + display:flex; + flex-grow:1; } -.wp-block-navigation .has-child .wp-block-navigation__submenu-container > .wp-block-navigation-item > .wp-block-navigation-item__content .wp-block-navigation__submenu-icon { - margin-right: 0; - margin-left: auto; +.wp-block-navigation .has-child .wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content .wp-block-navigation__submenu-icon{ + margin-left:auto; + margin-right:0; } -.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation-item__content { - margin: 0; +.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation-item__content{ + margin:0; } -@media (min-width: 782px) { - .wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container { - left: 100%; - top: -1px; +@media (min-width:782px){ + .wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container{ + left:100%; + top:-1px; } - .wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container::before { - content: ""; - position: absolute; - right: 100%; - height: 100%; - display: block; - width: 0.5em; - background: transparent; + .wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container:before{ + background:transparent; + content:""; + display:block; + height:100%; + position:absolute; + right:100%; + width:.5em; } - .wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-icon { - margin-right: 0.25em; + .wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-icon{ + margin-right:.25em; } - .wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-icon svg { - transform: rotate(-90deg); + .wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-icon svg{ + transform:rotate(-90deg); } } -.wp-block-navigation .has-child:not(.open-on-click):hover > .wp-block-navigation__submenu-container { - visibility: visible; - overflow: visible; - opacity: 1; - width: auto; - height: auto; - min-width: 200px; +.wp-block-navigation .has-child:not(.open-on-click):hover>.wp-block-navigation__submenu-container{ + height:auto; + min-width:200px; + opacity:1; + overflow:visible; + visibility:visible; + width:auto; } -.wp-block-navigation .has-child:not(.open-on-click):not(.open-on-hover-click):focus-within > .wp-block-navigation__submenu-container { - visibility: visible; - overflow: visible; - opacity: 1; - width: auto; - height: auto; - min-width: 200px; +.wp-block-navigation .has-child:not(.open-on-click):not(.open-on-hover-click):focus-within>.wp-block-navigation__submenu-container{ + height:auto; + min-width:200px; + opacity:1; + overflow:visible; + visibility:visible; + width:auto; } -.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 .has-child .wp-block-navigation-submenu__toggle[aria-expanded=true]~.wp-block-navigation__submenu-container{ + height:auto; + min-width:200px; + opacity:1; + overflow:visible; + visibility:visible; + width:auto; } -.wp-block-navigation.has-background .has-child .wp-block-navigation__submenu-container { - left: 0; - top: 100%; +.wp-block-navigation.has-background .has-child .wp-block-navigation__submenu-container{ + left:0; + top:100%; } -@media (min-width: 782px) { - .wp-block-navigation.has-background .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container { - left: 100%; - top: 0; +@media (min-width:782px){ + .wp-block-navigation.has-background .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container{ + left:100%; + top:0; } } -.wp-block-navigation-submenu { - position: relative; - display: flex; +.wp-block-navigation-submenu{ + display:flex; + position:relative; } -.wp-block-navigation-submenu .wp-block-navigation__submenu-icon svg { - stroke: currentColor; +.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: left; +button.wp-block-navigation-item__content{ + background-color:initial; + border:none; + color:currentColor; + font-family:inherit; + font-size:inherit; + font-style:inherit; + font-weight:inherit; + line-height:inherit; + text-align:left; + text-transform:inherit; } -.wp-block-navigation-submenu__toggle { - cursor: pointer; +.wp-block-navigation-submenu__toggle{ + cursor:pointer; } -.wp-block-navigation-item.open-on-click .wp-block-navigation-submenu__toggle { - padding-right: 0.85em; +.wp-block-navigation-item.open-on-click .wp-block-navigation-submenu__toggle{ + padding-right:.85em; } -.wp-block-navigation-item.open-on-click .wp-block-navigation-submenu__toggle + .wp-block-navigation__submenu-icon { - margin-left: -0.6em; - pointer-events: none; +.wp-block-navigation-item.open-on-click .wp-block-navigation-submenu__toggle+.wp-block-navigation__submenu-icon{ + margin-left:-.6em; + pointer-events:none; +} +.wp-block-navigation .wp-block-page-list,.wp-block-navigation__container,.wp-block-navigation__responsive-close,.wp-block-navigation__responsive-container,.wp-block-navigation__responsive-container-content,.wp-block-navigation__responsive-dialog{ + gap:inherit; +} +:where(.wp-block-navigation.has-background .wp-block-navigation-item a:not(.wp-element-button)),:where(.wp-block-navigation.has-background .wp-block-navigation-submenu a:not(.wp-element-button)){ + padding:.5em 1em; } -/** - * Margins - */ -.wp-block-navigation__responsive-container, -.wp-block-navigation__responsive-close, -.wp-block-navigation__responsive-dialog, -.wp-block-navigation .wp-block-page-list, -.wp-block-navigation__container, -.wp-block-navigation__responsive-container-content { - gap: inherit; +:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item a:not(.wp-element-button)),:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-submenu a:not(.wp-element-button)){ + padding:.5em 1em; } - -/** - * Paddings - */ -:where(.wp-block-navigation.has-background .wp-block-navigation-item a:not(.wp-element-button)), -:where(.wp-block-navigation.has-background .wp-block-navigation-submenu a:not(.wp-element-button)) { - padding: 0.5em 1em; +.wp-block-navigation.items-justified-right .wp-block-navigation__container .has-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-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{ + left:auto; + right:0; } - -:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item a:not(.wp-element-button)), -:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-submenu a:not(.wp-element-button)) { - padding: 0.5em 1em; +.wp-block-navigation.items-justified-right .wp-block-navigation__container .has-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-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{ + left:-1px; + right:-1px; } - -/** - * 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 { - left: auto; - right: 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 { - left: -1px; - right: -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 { - left: auto; - right: 100%; +@media (min-width:782px){ + .wp-block-navigation.items-justified-right .wp-block-navigation__container .has-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-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{ + left:auto; + right: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:not(.has-background) .wp-block-navigation__submenu-container{ + background-color:#fff; + border:1px solid rgba(0,0,0,.15); + color:#000; } -.wp-block-navigation__container { - 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-left: 0; +.wp-block-navigation__container{ + align-items:var(--navigation-layout-align, initial); + display:flex; + flex-direction:var(--navigation-layout-direction, initial); + flex-wrap:var(--navigation-layout-wrap, wrap); + justify-content:var(--navigation-layout-justify, initial); + list-style:none; + margin:0; + padding-left:0; } -.wp-block-navigation__container .is-responsive { - display: none; +.wp-block-navigation__container .is-responsive{ + display:none; } -.wp-block-navigation__container:only-child, -.wp-block-page-list:only-child { - flex-grow: 1; +.wp-block-navigation__container:only-child,.wp-block-page-list:only-child{ + flex-grow:1; } - -/** - * Mobile menu. - */ -@keyframes overlay-menu__fade-in-animation { - from { - opacity: 0; - transform: translateY(0.5em); +@keyframes overlay-menu__fade-in-animation{ + 0%{ + opacity:0; + transform:translateY(.5em); } - to { - opacity: 1; - transform: translateY(0); + to{ + opacity:1; + transform:translateY(0); } } -.wp-block-navigation__responsive-container { - display: none; - position: fixed; - top: 0; - left: 0; - right: 0; - bottom: 0; +.wp-block-navigation__responsive-container{ + bottom:0; + display:none; + left:0; + position:fixed; + right:0; + top:0; } -.wp-block-navigation__responsive-container .wp-block-navigation-link a { - color: inherit; +.wp-block-navigation__responsive-container .wp-block-navigation-link a{ + color:inherit; } -.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 .wp-block-navigation__responsive-container-content{ + align-items:var(--navigation-layout-align, initial); + display:flex; + flex-direction:var(--navigation-layout-direction, initial); + flex-wrap:var(--navigation-layout-wrap, wrap); + justify-content:var(--navigation-layout-justify, 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:not(.is-menu-open.is-menu-open){ + background-color:inherit !important; + color:inherit !important; } -.wp-block-navigation__responsive-container.is-menu-open { - display: flex; - flex-direction: column; - background-color: inherit; - animation: overlay-menu__fade-in-animation 0.1s ease-out; - animation-fill-mode: forwards; - padding-top: var(--wp--style--root--padding-top, 2rem); - padding-right: var(--wp--style--root--padding-right, 2rem); - padding-bottom: var(--wp--style--root--padding-bottom, 2rem); - padding-left: var(--wp--style--root--padding-left, 2rem); - overflow: auto; - z-index: 100000; +.wp-block-navigation__responsive-container.is-menu-open{ + animation:overlay-menu__fade-in-animation .1s ease-out; + animation-fill-mode:forwards; + background-color:inherit; + display:flex; + flex-direction:column; + overflow:auto; + padding:var(--wp--style--root--padding-top, 2rem) var(--wp--style--root--padding-right, 2rem) var(--wp--style--root--padding-bottom, 2rem) var(--wp--style--root--padding-left, 2rem); + z-index:100000; } -@media (prefers-reduced-motion: reduce) { - .wp-block-navigation__responsive-container.is-menu-open { - animation-duration: 1ms; - animation-delay: 0s; +@media (prefers-reduced-motion:reduce){ + .wp-block-navigation__responsive-container.is-menu-open{ + animation-delay:0s; + animation-duration:1ms; } } -.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; - 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{ + align-items:var(--navigation-layout-justification-setting, inherit); + display:flex; + flex-direction:column; + flex-wrap:nowrap; + overflow:visible; + padding-top:calc(2rem + 24px); } -.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__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-page-list{ + 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 .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-left: 2rem; - padding-right: 2rem; +.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{ + border:none; + height:auto; + min-width:200px; + opacity:1; + overflow:initial; + padding-left:2rem; + padding-right:2rem; + position:static; + visibility:visible; + width:auto; } -.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__container,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-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__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__responsive-container-content .wp-block-navigation-item__content{ + padding:0; } -.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; - align-items: var(--navigation-layout-justification-setting, initial); +.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-navigation__container,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-page-list{ + align-items:var(--navigation-layout-justification-setting, initial); + display:flex; + flex-direction:column; } -.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-item,.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-page-list{ + background:transparent !important; + color:inherit !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 { - right: auto; - left: auto; +.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(.hidden-by-default):not(.is-menu-open) { - display: block; - width: 100%; - position: relative; - z-index: auto; - background-color: inherit; +@media (min-width:600px){ + .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open){ + background-color:inherit; + display:block; + position:relative; + width:100%; + z-index:auto; } - .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:not(.hidden-by-default):not(.is-menu-open) .wp-block-navigation__responsive-container-close{ + display:none; } - .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: 0; + .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:0; } } -.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open { - background-color: #fff; - color: #000; +.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open{ + background-color:#fff; + color:#000; } -.wp-block-navigation__toggle_button_label { - font-size: 1rem; - font-weight: bold; +.wp-block-navigation__toggle_button_label{ + font-size:1rem; + font-weight:700; } -.wp-block-navigation__responsive-container-open, -.wp-block-navigation__responsive-container-close { - vertical-align: middle; - cursor: pointer; - color: currentColor; - background: transparent; - border: none; - margin: 0; - padding: 0; - text-transform: inherit; +.wp-block-navigation__responsive-container-close,.wp-block-navigation__responsive-container-open{ + background:transparent; + border:none; + color:currentColor; + cursor:pointer; + margin:0; + padding:0; + text-transform:inherit; + vertical-align:middle; } -.wp-block-navigation__responsive-container-open svg, -.wp-block-navigation__responsive-container-close svg { - fill: currentColor; - pointer-events: none; - display: block; - width: 24px; - height: 24px; +.wp-block-navigation__responsive-container-close svg,.wp-block-navigation__responsive-container-open svg{ + fill:currentColor; + display:block; + height:24px; + pointer-events:none; + width:24px; } -.wp-block-navigation__responsive-container-open { - display: flex; +.wp-block-navigation__responsive-container-open{ + display:flex; } -@media (min-width: 600px) { - .wp-block-navigation__responsive-container-open:not(.always-shown) { - display: none; +@media (min-width:600px){ + .wp-block-navigation__responsive-container-open:not(.always-shown){ + display:none; } } -.wp-block-navigation__responsive-container-close { - position: absolute; - top: 0; - right: 0; - z-index: 2; +.wp-block-navigation__responsive-container-close{ + position:absolute; + right:0; + top:0; + z-index:2; } -.wp-block-navigation__responsive-close { - width: 100%; - max-width: var(--wp--style--global--wide-size, 100%); - margin-left: auto; - margin-right: auto; +.wp-block-navigation__responsive-close{ + margin-left:auto; + margin-right:auto; + max-width:var(--wp--style--global--wide-size, 100%); + width:100%; } -.wp-block-navigation__responsive-close:focus { - outline: none; +.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 { - box-sizing: border-box; +.is-menu-open .wp-block-navigation__responsive-close,.is-menu-open .wp-block-navigation__responsive-container-content,.is-menu-open .wp-block-navigation__responsive-dialog{ + box-sizing:border-box; } -.wp-block-navigation__responsive-dialog { - position: relative; +.wp-block-navigation__responsive-dialog{ + position:relative; } -.has-modal-open .admin-bar .is-menu-open .wp-block-navigation__responsive-dialog { - margin-top: 46px; +.has-modal-open .admin-bar .is-menu-open .wp-block-navigation__responsive-dialog{ + margin-top:46px; } -@media (min-width: 782px) { - .has-modal-open .admin-bar .is-menu-open .wp-block-navigation__responsive-dialog { - margin-top: 32px; +@media (min-width:782px){ + .has-modal-open .admin-bar .is-menu-open .wp-block-navigation__responsive-dialog{ + margin-top:32px; } } -html.has-modal-open { - overflow: hidden; +html.has-modal-open{ + overflow:hidden; } \ No newline at end of file diff --git a/wp-includes/blocks/nextpage/editor-rtl.css b/wp-includes/blocks/nextpage/editor-rtl.css index 99faebf84c..c34f68989e 100644 --- a/wp-includes/blocks/nextpage/editor-rtl.css +++ b/wp-includes/blocks/nextpage/editor-rtl.css @@ -1,108 +1,32 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.block-editor-block-list__block[data-type="core/nextpage"] { - max-width: 100%; - text-align: center; - margin-top: 28px; - margin-bottom: 28px; +.block-editor-block-list__block[data-type="core/nextpage"]{ + margin-bottom:28px; + margin-top:28px; + max-width:100%; + text-align:center; } -.wp-block-nextpage { - display: block; - text-align: center; - white-space: nowrap; +.wp-block-nextpage{ + display:block; + text-align:center; + white-space:nowrap; } -.wp-block-nextpage > span { - font-size: 13px; - position: relative; - text-transform: uppercase; - font-weight: 600; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - color: #757575; - border-radius: 4px; - background: #fff; - padding: 6px 8px; - height: 24px; +.wp-block-nextpage>span{ + background:#fff; + border-radius:4px; + color:#757575; + font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; + font-size:13px; + font-weight:600; + height:24px; + padding:6px 8px; + position:relative; + text-transform:uppercase; } -.wp-block-nextpage::before { - content: ""; - position: absolute; - top: calc(50%); - right: 0; - left: 0; - border-top: 3px dashed #ccc; +.wp-block-nextpage:before{ + border-top:3px dashed #ccc; + content:""; + left:0; + position:absolute; + right:0; + top:50%; } \ No newline at end of file diff --git a/wp-includes/blocks/nextpage/editor.css b/wp-includes/blocks/nextpage/editor.css index 9942ce3ddb..c34f68989e 100644 --- a/wp-includes/blocks/nextpage/editor.css +++ b/wp-includes/blocks/nextpage/editor.css @@ -1,108 +1,32 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.block-editor-block-list__block[data-type="core/nextpage"] { - max-width: 100%; - text-align: center; - margin-top: 28px; - margin-bottom: 28px; +.block-editor-block-list__block[data-type="core/nextpage"]{ + margin-bottom:28px; + margin-top:28px; + max-width:100%; + text-align:center; } -.wp-block-nextpage { - display: block; - text-align: center; - white-space: nowrap; +.wp-block-nextpage{ + display:block; + text-align:center; + white-space:nowrap; } -.wp-block-nextpage > span { - font-size: 13px; - position: relative; - text-transform: uppercase; - font-weight: 600; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - color: #757575; - border-radius: 4px; - background: #fff; - padding: 6px 8px; - height: 24px; +.wp-block-nextpage>span{ + background:#fff; + border-radius:4px; + color:#757575; + font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; + font-size:13px; + font-weight:600; + height:24px; + padding:6px 8px; + position:relative; + text-transform:uppercase; } -.wp-block-nextpage::before { - content: ""; - position: absolute; - top: calc(50%); - left: 0; - right: 0; - border-top: 3px dashed #ccc; +.wp-block-nextpage:before{ + border-top:3px dashed #ccc; + content:""; + left:0; + position:absolute; + right:0; + top:50%; } \ No newline at end of file diff --git a/wp-includes/blocks/page-list/editor-rtl.css b/wp-includes/blocks/page-list/editor-rtl.css index 91fd008813..68299df744 100644 --- a/wp-includes/blocks/page-list/editor-rtl.css +++ b/wp-includes/blocks/page-list/editor-rtl.css @@ -1,116 +1,38 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-navigation .wp-block-page-list > div, -.wp-block-navigation .wp-block-page-list { - background-color: inherit; +.wp-block-navigation .wp-block-page-list,.wp-block-navigation .wp-block-page-list>div{ + background-color:inherit; } -.wp-block-navigation.items-justified-space-between .wp-block-page-list > div, -.wp-block-navigation.items-justified-space-between .wp-block-page-list { - display: contents; - flex: 1; +.wp-block-navigation.items-justified-space-between .wp-block-page-list,.wp-block-navigation.items-justified-space-between .wp-block-page-list>div{ + display:contents; + flex:1; } -.wp-block-navigation.items-justified-space-between.has-child-selected .wp-block-page-list > div, .wp-block-navigation.items-justified-space-between.has-child-selected .wp-block-page-list, .wp-block-navigation.items-justified-space-between.is-selected .wp-block-page-list > div, .wp-block-navigation.items-justified-space-between.is-selected .wp-block-page-list { - flex: inherit; +.wp-block-navigation.items-justified-space-between.has-child-selected .wp-block-page-list,.wp-block-navigation.items-justified-space-between.has-child-selected .wp-block-page-list>div,.wp-block-navigation.items-justified-space-between.is-selected .wp-block-page-list,.wp-block-navigation.items-justified-space-between.is-selected .wp-block-page-list>div{ + flex:inherit; } -.wp-block-pages-list__item__link { - pointer-events: none; +.wp-block-pages-list__item__link{ + pointer-events:none; } -@media (min-width: 600px) { - .wp-block-page-list-modal { - max-width: 480px; +@media (min-width:600px){ + .wp-block-page-list-modal{ + max-width:480px; } } -.wp-block-page-list-modal-buttons { - display: flex; - justify-content: flex-end; - gap: 12px; +.wp-block-page-list-modal-buttons{ + display:flex; + gap:12px; + justify-content:flex-end; } -.wp-block-page-list .open-on-click:focus-within > .wp-block-navigation__submenu-container { - visibility: visible; - opacity: 1; - width: auto; - height: auto; - min-width: 200px; +.wp-block-page-list .open-on-click:focus-within>.wp-block-navigation__submenu-container{ + height:auto; + min-width:200px; + opacity:1; + visibility:visible; + width:auto; } -.wp-block-page-list .components-notice { - margin-right: 0; +.wp-block-page-list .components-notice{ + margin-right:0; } \ No newline at end of file diff --git a/wp-includes/blocks/page-list/editor.css b/wp-includes/blocks/page-list/editor.css index 156452056e..c80f6e90a8 100644 --- a/wp-includes/blocks/page-list/editor.css +++ b/wp-includes/blocks/page-list/editor.css @@ -1,116 +1,38 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-navigation .wp-block-page-list > div, -.wp-block-navigation .wp-block-page-list { - background-color: inherit; +.wp-block-navigation .wp-block-page-list,.wp-block-navigation .wp-block-page-list>div{ + background-color:inherit; } -.wp-block-navigation.items-justified-space-between .wp-block-page-list > div, -.wp-block-navigation.items-justified-space-between .wp-block-page-list { - display: contents; - flex: 1; +.wp-block-navigation.items-justified-space-between .wp-block-page-list,.wp-block-navigation.items-justified-space-between .wp-block-page-list>div{ + display:contents; + flex:1; } -.wp-block-navigation.items-justified-space-between.has-child-selected .wp-block-page-list > div, .wp-block-navigation.items-justified-space-between.has-child-selected .wp-block-page-list, .wp-block-navigation.items-justified-space-between.is-selected .wp-block-page-list > div, .wp-block-navigation.items-justified-space-between.is-selected .wp-block-page-list { - flex: inherit; +.wp-block-navigation.items-justified-space-between.has-child-selected .wp-block-page-list,.wp-block-navigation.items-justified-space-between.has-child-selected .wp-block-page-list>div,.wp-block-navigation.items-justified-space-between.is-selected .wp-block-page-list,.wp-block-navigation.items-justified-space-between.is-selected .wp-block-page-list>div{ + flex:inherit; } -.wp-block-pages-list__item__link { - pointer-events: none; +.wp-block-pages-list__item__link{ + pointer-events:none; } -@media (min-width: 600px) { - .wp-block-page-list-modal { - max-width: 480px; +@media (min-width:600px){ + .wp-block-page-list-modal{ + max-width:480px; } } -.wp-block-page-list-modal-buttons { - display: flex; - justify-content: flex-end; - gap: 12px; +.wp-block-page-list-modal-buttons{ + display:flex; + gap:12px; + justify-content:flex-end; } -.wp-block-page-list .open-on-click:focus-within > .wp-block-navigation__submenu-container { - visibility: visible; - opacity: 1; - width: auto; - height: auto; - min-width: 200px; +.wp-block-page-list .open-on-click:focus-within>.wp-block-navigation__submenu-container{ + height:auto; + min-width:200px; + opacity:1; + visibility:visible; + width:auto; } -.wp-block-page-list .components-notice { - margin-left: 0; +.wp-block-page-list .components-notice{ + margin-left:0; } \ No newline at end of file diff --git a/wp-includes/blocks/page-list/style-rtl.css b/wp-includes/blocks/page-list/style-rtl.css index 084032324e..f0cb762e42 100644 --- a/wp-includes/blocks/page-list/style-rtl.css +++ b/wp-includes/blocks/page-list/style-rtl.css @@ -1,87 +1,11 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-navigation .wp-block-page-list { - display: flex; - 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{ + align-items:var(--navigation-layout-align, initial); + background-color:inherit; + display:flex; + flex-direction:var(--navigation-layout-direction, initial); + flex-wrap:var(--navigation-layout-wrap, wrap); + justify-content:var(--navigation-layout-justify, initial); } -.wp-block-navigation .wp-block-navigation-item { - background-color: inherit; +.wp-block-navigation .wp-block-navigation-item{ + background-color:inherit; } \ No newline at end of file diff --git a/wp-includes/blocks/page-list/style.css b/wp-includes/blocks/page-list/style.css index 084032324e..f0cb762e42 100644 --- a/wp-includes/blocks/page-list/style.css +++ b/wp-includes/blocks/page-list/style.css @@ -1,87 +1,11 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-navigation .wp-block-page-list { - display: flex; - 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{ + align-items:var(--navigation-layout-align, initial); + background-color:inherit; + display:flex; + flex-direction:var(--navigation-layout-direction, initial); + flex-wrap:var(--navigation-layout-wrap, wrap); + justify-content:var(--navigation-layout-justify, initial); } -.wp-block-navigation .wp-block-navigation-item { - background-color: inherit; +.wp-block-navigation .wp-block-navigation-item{ + background-color:inherit; } \ No newline at end of file diff --git a/wp-includes/blocks/paragraph/editor-rtl.css b/wp-includes/blocks/paragraph/editor-rtl.css index 8945f6df63..1544877bfd 100644 --- a/wp-includes/blocks/paragraph/editor-rtl.css +++ b/wp-includes/blocks/paragraph/editor-rtl.css @@ -1,87 +1,11 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.block-editor-block-list__block[data-type="core/paragraph"].has-drop-cap:focus { - min-height: auto !important; +.block-editor-block-list__block[data-type="core/paragraph"].has-drop-cap:focus{ + min-height:auto !important; } -.block-editor-block-list__block[data-empty=true] [data-rich-text-placeholder] { - opacity: 1; +.block-editor-block-list__block[data-empty=true] [data-rich-text-placeholder]{ + opacity:1; } -.block-editor-block-list__block[data-empty=true] + .block-editor-block-list__block[data-empty=true]:not([data-custom-placeholder=true]) [data-rich-text-placeholder] { - opacity: 0; +.block-editor-block-list__block[data-empty=true]+.block-editor-block-list__block[data-empty=true]:not([data-custom-placeholder=true]) [data-rich-text-placeholder]{ + opacity:0; } \ No newline at end of file diff --git a/wp-includes/blocks/paragraph/editor.css b/wp-includes/blocks/paragraph/editor.css index 8945f6df63..1544877bfd 100644 --- a/wp-includes/blocks/paragraph/editor.css +++ b/wp-includes/blocks/paragraph/editor.css @@ -1,87 +1,11 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.block-editor-block-list__block[data-type="core/paragraph"].has-drop-cap:focus { - min-height: auto !important; +.block-editor-block-list__block[data-type="core/paragraph"].has-drop-cap:focus{ + min-height:auto !important; } -.block-editor-block-list__block[data-empty=true] [data-rich-text-placeholder] { - opacity: 1; +.block-editor-block-list__block[data-empty=true] [data-rich-text-placeholder]{ + opacity:1; } -.block-editor-block-list__block[data-empty=true] + .block-editor-block-list__block[data-empty=true]:not([data-custom-placeholder=true]) [data-rich-text-placeholder] { - opacity: 0; +.block-editor-block-list__block[data-empty=true]+.block-editor-block-list__block[data-empty=true]:not([data-custom-placeholder=true]) [data-rich-text-placeholder]{ + opacity:0; } \ No newline at end of file diff --git a/wp-includes/blocks/paragraph/style-rtl.css b/wp-includes/blocks/paragraph/style-rtl.css index b85d1d9203..5735fc9e23 100644 --- a/wp-includes/blocks/paragraph/style-rtl.css +++ b/wp-includes/blocks/paragraph/style-rtl.css @@ -1,113 +1,37 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.is-small-text { - font-size: 0.875em; +.is-small-text{ + font-size:.875em; } -.is-regular-text { - font-size: 1em; +.is-regular-text{ + font-size:1em; } -.is-large-text { - font-size: 2.25em; +.is-large-text{ + font-size:2.25em; } -.is-larger-text { - font-size: 3em; +.is-larger-text{ + font-size:3em; } -.has-drop-cap:not(:focus)::first-letter { - float: right; - font-size: 8.4em; - line-height: 0.68; - font-weight: 100; - margin: 0.05em 0 0 0.1em; - text-transform: uppercase; - font-style: normal; +.has-drop-cap:not(:focus):first-letter{ + float:right; + font-size:8.4em; + font-style:normal; + font-weight:100; + line-height:.68; + margin:.05em 0 0 .1em; + text-transform:uppercase; } -p.has-drop-cap.has-background { - overflow: hidden; +p.has-drop-cap.has-background{ + overflow:hidden; } -p.has-background { - padding: 1.25em 2.375em; +p.has-background{ + padding:1.25em 2.375em; } -:where(p.has-text-color:not(.has-link-color)) a { - color: inherit; +:where(p.has-text-color:not(.has-link-color)) a{ + color:inherit; } \ No newline at end of file diff --git a/wp-includes/blocks/paragraph/style.css b/wp-includes/blocks/paragraph/style.css index 39150a3360..6dd943d5eb 100644 --- a/wp-includes/blocks/paragraph/style.css +++ b/wp-includes/blocks/paragraph/style.css @@ -1,113 +1,37 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.is-small-text { - font-size: 0.875em; +.is-small-text{ + font-size:.875em; } -.is-regular-text { - font-size: 1em; +.is-regular-text{ + font-size:1em; } -.is-large-text { - font-size: 2.25em; +.is-large-text{ + font-size:2.25em; } -.is-larger-text { - font-size: 3em; +.is-larger-text{ + font-size:3em; } -.has-drop-cap:not(:focus)::first-letter { - float: left; - font-size: 8.4em; - line-height: 0.68; - font-weight: 100; - margin: 0.05em 0.1em 0 0; - text-transform: uppercase; - font-style: normal; +.has-drop-cap:not(:focus):first-letter{ + float:left; + font-size:8.4em; + font-style:normal; + font-weight:100; + line-height:.68; + margin:.05em .1em 0 0; + text-transform:uppercase; } -p.has-drop-cap.has-background { - overflow: hidden; +p.has-drop-cap.has-background{ + overflow:hidden; } -p.has-background { - padding: 1.25em 2.375em; +p.has-background{ + padding:1.25em 2.375em; } -:where(p.has-text-color:not(.has-link-color)) a { - color: inherit; +:where(p.has-text-color:not(.has-link-color)) a{ + color:inherit; } \ No newline at end of file diff --git a/wp-includes/blocks/post-author/style-rtl.css b/wp-includes/blocks/post-author/style-rtl.css index f5f136e524..88ef6efafe 100644 --- a/wp-includes/blocks/post-author/style-rtl.css +++ b/wp-includes/blocks/post-author/style-rtl.css @@ -1,100 +1,24 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-post-author { - display: flex; - flex-wrap: wrap; +.wp-block-post-author{ + display:flex; + flex-wrap:wrap; } -.wp-block-post-author__byline { - width: 100%; - margin-top: 0; - margin-bottom: 0; - font-size: 0.5em; +.wp-block-post-author__byline{ + font-size:.5em; + margin-bottom:0; + margin-top:0; + width:100%; } -.wp-block-post-author__avatar { - margin-left: 1em; +.wp-block-post-author__avatar{ + margin-left:1em; } -.wp-block-post-author__bio { - margin-bottom: 0.7em; - font-size: 0.7em; +.wp-block-post-author__bio{ + font-size:.7em; + margin-bottom:.7em; } -.wp-block-post-author__content { - flex-grow: 1; - flex-basis: 0; +.wp-block-post-author__content{ + flex-basis:0; + flex-grow:1; } -.wp-block-post-author__name { - margin: 0; +.wp-block-post-author__name{ + margin:0; } \ No newline at end of file diff --git a/wp-includes/blocks/post-author/style.css b/wp-includes/blocks/post-author/style.css index 822f69286d..6dc3e56427 100644 --- a/wp-includes/blocks/post-author/style.css +++ b/wp-includes/blocks/post-author/style.css @@ -1,100 +1,24 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-post-author { - display: flex; - flex-wrap: wrap; +.wp-block-post-author{ + display:flex; + flex-wrap:wrap; } -.wp-block-post-author__byline { - width: 100%; - margin-top: 0; - margin-bottom: 0; - font-size: 0.5em; +.wp-block-post-author__byline{ + font-size:.5em; + margin-bottom:0; + margin-top:0; + width:100%; } -.wp-block-post-author__avatar { - margin-right: 1em; +.wp-block-post-author__avatar{ + margin-right:1em; } -.wp-block-post-author__bio { - margin-bottom: 0.7em; - font-size: 0.7em; +.wp-block-post-author__bio{ + font-size:.7em; + margin-bottom:.7em; } -.wp-block-post-author__content { - flex-grow: 1; - flex-basis: 0; +.wp-block-post-author__content{ + flex-basis:0; + flex-grow:1; } -.wp-block-post-author__name { - margin: 0; +.wp-block-post-author__name{ + margin:0; } \ No newline at end of file diff --git a/wp-includes/blocks/post-comments-form/editor-rtl.css b/wp-includes/blocks/post-comments-form/editor-rtl.css index 94a9bd162c..0e92022d8a 100644 --- a/wp-includes/blocks/post-comments-form/editor-rtl.css +++ b/wp-includes/blocks/post-comments-form/editor-rtl.css @@ -1,82 +1,6 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-post-comments-form * { - pointer-events: none; +.wp-block-post-comments-form *{ + pointer-events:none; } -.wp-block-post-comments-form *.block-editor-warning * { - pointer-events: auto; +.wp-block-post-comments-form .block-editor-warning *{ + pointer-events:auto; } \ No newline at end of file diff --git a/wp-includes/blocks/post-comments-form/editor.css b/wp-includes/blocks/post-comments-form/editor.css index 94a9bd162c..0e92022d8a 100644 --- a/wp-includes/blocks/post-comments-form/editor.css +++ b/wp-includes/blocks/post-comments-form/editor.css @@ -1,82 +1,6 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-post-comments-form * { - pointer-events: none; +.wp-block-post-comments-form *{ + pointer-events:none; } -.wp-block-post-comments-form *.block-editor-warning * { - pointer-events: auto; +.wp-block-post-comments-form .block-editor-warning *{ + pointer-events:auto; } \ No newline at end of file diff --git a/wp-includes/blocks/post-comments-form/style-rtl.css b/wp-includes/blocks/post-comments-form/style-rtl.css index 157bd87e56..c25b80334e 100644 --- a/wp-includes/blocks/post-comments-form/style-rtl.css +++ b/wp-includes/blocks/post-comments-form/style-rtl.css @@ -1,137 +1,56 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-post-comments-form[style*=font-weight] :where(.comment-reply-title) { - font-weight: inherit; +.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[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[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*=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*=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[style*=letter-spacing] :where(.comment-reply-title){ + letter-spacing:inherit; } -.wp-block-post-comments-form input[type=submit] { - box-shadow: none; - cursor: pointer; - display: inline-block; - text-align: center; - overflow-wrap: break-word; +.wp-block-post-comments-form input[type=submit]{ + box-shadow:none; + cursor:pointer; + display:inline-block; + overflow-wrap:break-word; + text-align:center; } -.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 input:not([type=submit]),.wp-block-post-comments-form textarea{ + border:1px solid #949494; + font-family:inherit; + font-size:1em; } -.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 input:not([type=submit]):not([type=checkbox]),.wp-block-post-comments-form textarea{ + padding:calc(.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 input:not([type=submit]):not([type=checkbox]),.wp-block-post-comments-form .comment-form textarea{ + box-sizing:border-box; + display:block; + 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-author label,.wp-block-post-comments-form .comment-form-email label,.wp-block-post-comments-form .comment-form-url label{ + display:block; + margin-bottom:.25em; } -.wp-block-post-comments-form .comment-form-cookies-consent { - display: flex; - gap: 0.25em; +.wp-block-post-comments-form .comment-form-cookies-consent{ + display:flex; + gap:.25em; } -.wp-block-post-comments-form .comment-form-cookies-consent #wp-comment-cookies-consent { - margin-top: 0.35em; +.wp-block-post-comments-form .comment-form-cookies-consent #wp-comment-cookies-consent{ + margin-top:.35em; } -.wp-block-post-comments-form .comment-reply-title { - margin-bottom: 0; +.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-comments-form .comment-reply-title :where(small){ + font-size:var(--wp--preset--font-size--medium, smaller); + margin-right:.5em; } \ No newline at end of file diff --git a/wp-includes/blocks/post-comments-form/style.css b/wp-includes/blocks/post-comments-form/style.css index 1c2fb4e036..e4c62a5be1 100644 --- a/wp-includes/blocks/post-comments-form/style.css +++ b/wp-includes/blocks/post-comments-form/style.css @@ -1,137 +1,56 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-post-comments-form[style*=font-weight] :where(.comment-reply-title) { - font-weight: inherit; +.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[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[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*=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*=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[style*=letter-spacing] :where(.comment-reply-title){ + letter-spacing:inherit; } -.wp-block-post-comments-form input[type=submit] { - box-shadow: none; - cursor: pointer; - display: inline-block; - text-align: center; - overflow-wrap: break-word; +.wp-block-post-comments-form input[type=submit]{ + box-shadow:none; + cursor:pointer; + display:inline-block; + overflow-wrap:break-word; + text-align:center; } -.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 input:not([type=submit]),.wp-block-post-comments-form textarea{ + border:1px solid #949494; + font-family:inherit; + font-size:1em; } -.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 input:not([type=submit]):not([type=checkbox]),.wp-block-post-comments-form textarea{ + padding:calc(.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 input:not([type=submit]):not([type=checkbox]),.wp-block-post-comments-form .comment-form textarea{ + box-sizing:border-box; + display:block; + 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-author label,.wp-block-post-comments-form .comment-form-email label,.wp-block-post-comments-form .comment-form-url label{ + display:block; + margin-bottom:.25em; } -.wp-block-post-comments-form .comment-form-cookies-consent { - display: flex; - gap: 0.25em; +.wp-block-post-comments-form .comment-form-cookies-consent{ + display:flex; + gap:.25em; } -.wp-block-post-comments-form .comment-form-cookies-consent #wp-comment-cookies-consent { - margin-top: 0.35em; +.wp-block-post-comments-form .comment-form-cookies-consent #wp-comment-cookies-consent{ + margin-top:.35em; } -.wp-block-post-comments-form .comment-reply-title { - margin-bottom: 0; +.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-left: 0.5em; +.wp-block-post-comments-form .comment-reply-title :where(small){ + font-size:var(--wp--preset--font-size--medium, smaller); + margin-left:.5em; } \ No newline at end of file diff --git a/wp-includes/blocks/post-date/style-rtl.css b/wp-includes/blocks/post-date/style-rtl.css index bf562f3b48..f8a38e2f42 100644 --- a/wp-includes/blocks/post-date/style-rtl.css +++ b/wp-includes/blocks/post-date/style-rtl.css @@ -1,79 +1,3 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-post-date { - box-sizing: border-box; +.wp-block-post-date{ + box-sizing:border-box; } \ No newline at end of file diff --git a/wp-includes/blocks/post-date/style.css b/wp-includes/blocks/post-date/style.css index bf562f3b48..f8a38e2f42 100644 --- a/wp-includes/blocks/post-date/style.css +++ b/wp-includes/blocks/post-date/style.css @@ -1,79 +1,3 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-post-date { - box-sizing: border-box; +.wp-block-post-date{ + box-sizing:border-box; } \ No newline at end of file diff --git a/wp-includes/blocks/post-excerpt/editor-rtl.css b/wp-includes/blocks/post-excerpt/editor-rtl.css index 97cb2491d6..d7eef3637b 100644 --- a/wp-includes/blocks/post-excerpt/editor-rtl.css +++ b/wp-includes/blocks/post-excerpt/editor-rtl.css @@ -1,79 +1,3 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-post-excerpt .wp-block-post-excerpt__excerpt.is-inline { - display: inline-block; +.wp-block-post-excerpt .wp-block-post-excerpt__excerpt.is-inline{ + display:inline-block; } \ No newline at end of file diff --git a/wp-includes/blocks/post-excerpt/editor.css b/wp-includes/blocks/post-excerpt/editor.css index 97cb2491d6..d7eef3637b 100644 --- a/wp-includes/blocks/post-excerpt/editor.css +++ b/wp-includes/blocks/post-excerpt/editor.css @@ -1,79 +1,3 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-post-excerpt .wp-block-post-excerpt__excerpt.is-inline { - display: inline-block; +.wp-block-post-excerpt .wp-block-post-excerpt__excerpt.is-inline{ + display:inline-block; } \ No newline at end of file diff --git a/wp-includes/blocks/post-excerpt/style-rtl.css b/wp-includes/blocks/post-excerpt/style-rtl.css index e54be1c0cf..3002673957 100644 --- a/wp-includes/blocks/post-excerpt/style-rtl.css +++ b/wp-includes/blocks/post-excerpt/style-rtl.css @@ -1,79 +1,3 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-post-excerpt__more-link { - display: inline-block; +.wp-block-post-excerpt__more-link{ + display:inline-block; } \ No newline at end of file diff --git a/wp-includes/blocks/post-excerpt/style.css b/wp-includes/blocks/post-excerpt/style.css index e54be1c0cf..3002673957 100644 --- a/wp-includes/blocks/post-excerpt/style.css +++ b/wp-includes/blocks/post-excerpt/style.css @@ -1,79 +1,3 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-post-excerpt__more-link { - display: inline-block; +.wp-block-post-excerpt__more-link{ + display:inline-block; } \ No newline at end of file diff --git a/wp-includes/blocks/post-featured-image/editor-rtl.css b/wp-includes/blocks/post-featured-image/editor-rtl.css index 15c37e0b6a..88d7b8e37b 100644 --- a/wp-includes/blocks/post-featured-image/editor-rtl.css +++ b/wp-includes/blocks/post-featured-image/editor-rtl.css @@ -1,173 +1,73 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-post-featured-image .block-editor-media-placeholder { - z-index: 1; - -webkit-backdrop-filter: none; - backdrop-filter: none; +.wp-block-post-featured-image .block-editor-media-placeholder{ + -webkit-backdrop-filter:none; + backdrop-filter:none; + z-index:1; } -.wp-block-post-featured-image .wp-block-post-featured-image__placeholder, -.wp-block-post-featured-image .components-placeholder { - justify-content: center; - align-items: center; - padding: 0; - min-height: 200px; +.wp-block-post-featured-image .components-placeholder,.wp-block-post-featured-image .wp-block-post-featured-image__placeholder{ + align-items:center; + justify-content:center; + min-height:200px; + padding:0; } -.wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-form-file-upload, -.wp-block-post-featured-image .components-placeholder .components-form-file-upload { - display: none; +.wp-block-post-featured-image .components-placeholder .components-form-file-upload,.wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-form-file-upload{ + display:none; } -.wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-button, -.wp-block-post-featured-image .components-placeholder .components-button { - padding: 0; - display: flex; - justify-content: center; - align-items: center; - width: 48px; - height: 48px; - border-radius: 50%; - position: relative; - background: var(--wp-admin-theme-color); - border-color: var(--wp-admin-theme-color); - border-style: solid; - color: #fff; +.wp-block-post-featured-image .components-placeholder .components-button,.wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-button{ + align-items:center; + background:var(--wp-admin-theme-color); + border-color:var(--wp-admin-theme-color); + border-radius:50%; + border-style:solid; + color:#fff; + display:flex; + height:48px; + justify-content:center; + padding:0; + position:relative; + width:48px; } -.wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-button > svg, -.wp-block-post-featured-image .components-placeholder .components-button > svg { - color: inherit; +.wp-block-post-featured-image .components-placeholder .components-button>svg,.wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-button>svg{ + color:inherit; } -.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where(.has-border-color), -.wp-block-post-featured-image .components-placeholder:where(.has-border-color), -.wp-block-post-featured-image img:where(.has-border-color) { - border-style: solid; +.wp-block-post-featured-image .components-placeholder:where(.has-border-color),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where(.has-border-color),.wp-block-post-featured-image img:where(.has-border-color){ + border-style:solid; } -.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*="border-top-color"]), -.wp-block-post-featured-image .components-placeholder:where([style*="border-top-color"]), -.wp-block-post-featured-image img:where([style*="border-top-color"]) { - border-top-style: solid; +.wp-block-post-featured-image .components-placeholder:where([style*=border-top-color]),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-top-color]),.wp-block-post-featured-image img:where([style*=border-top-color]){ + border-top-style:solid; } -.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*="border-right-color"]), -.wp-block-post-featured-image .components-placeholder:where([style*="border-right-color"]), -.wp-block-post-featured-image img:where([style*="border-right-color"]) { - border-left-style: solid; +.wp-block-post-featured-image .components-placeholder:where([style*=border-right-color]),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-right-color]),.wp-block-post-featured-image img:where([style*=border-right-color]){ + border-left-style:solid; } -.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*="border-bottom-color"]), -.wp-block-post-featured-image .components-placeholder:where([style*="border-bottom-color"]), -.wp-block-post-featured-image img:where([style*="border-bottom-color"]) { - border-bottom-style: solid; +.wp-block-post-featured-image .components-placeholder:where([style*=border-bottom-color]),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-bottom-color]),.wp-block-post-featured-image img:where([style*=border-bottom-color]){ + border-bottom-style:solid; } -.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*="border-left-color"]), -.wp-block-post-featured-image .components-placeholder:where([style*="border-left-color"]), -.wp-block-post-featured-image img:where([style*="border-left-color"]) { - border-right-style: solid; +.wp-block-post-featured-image .components-placeholder:where([style*=border-left-color]),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-left-color]),.wp-block-post-featured-image img:where([style*=border-left-color]){ + border-right-style:solid; } -.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*="border-width"]), -.wp-block-post-featured-image .components-placeholder:where([style*="border-width"]), -.wp-block-post-featured-image img:where([style*="border-width"]) { - border-style: solid; +.wp-block-post-featured-image .components-placeholder:where([style*=border-width]),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-width]),.wp-block-post-featured-image img:where([style*=border-width]){ + border-style:solid; } -.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*="border-top-width"]), -.wp-block-post-featured-image .components-placeholder:where([style*="border-top-width"]), -.wp-block-post-featured-image img:where([style*="border-top-width"]) { - border-top-style: solid; +.wp-block-post-featured-image .components-placeholder:where([style*=border-top-width]),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-top-width]),.wp-block-post-featured-image img:where([style*=border-top-width]){ + border-top-style:solid; } -.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*="border-right-width"]), -.wp-block-post-featured-image .components-placeholder:where([style*="border-right-width"]), -.wp-block-post-featured-image img:where([style*="border-right-width"]) { - border-left-style: solid; +.wp-block-post-featured-image .components-placeholder:where([style*=border-right-width]),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-right-width]),.wp-block-post-featured-image img:where([style*=border-right-width]){ + border-left-style:solid; } -.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*="border-bottom-width"]), -.wp-block-post-featured-image .components-placeholder:where([style*="border-bottom-width"]), -.wp-block-post-featured-image img:where([style*="border-bottom-width"]) { - border-bottom-style: solid; +.wp-block-post-featured-image .components-placeholder:where([style*=border-bottom-width]),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-bottom-width]),.wp-block-post-featured-image img:where([style*=border-bottom-width]){ + border-bottom-style:solid; } -.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*="border-left-width"]), -.wp-block-post-featured-image .components-placeholder:where([style*="border-left-width"]), -.wp-block-post-featured-image img:where([style*="border-left-width"]) { - border-right-style: solid; +.wp-block-post-featured-image .components-placeholder:where([style*=border-left-width]),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-left-width]),.wp-block-post-featured-image img:where([style*=border-left-width]){ + border-right-style:solid; } -.wp-block-post-featured-image[style*=height] .components-placeholder { - min-height: 48px; - min-width: 48px; - height: 100%; - width: 100%; +.wp-block-post-featured-image[style*=height] .components-placeholder{ + height:100%; + min-height:48px; + min-width:48px; + width:100%; } -div[data-type="core/post-featured-image"] img { - max-width: 100%; - height: auto; - display: block; +div[data-type="core/post-featured-image"] img{ + display:block; + height:auto; + max-width:100%; } \ No newline at end of file diff --git a/wp-includes/blocks/post-featured-image/editor.css b/wp-includes/blocks/post-featured-image/editor.css index ec8e6f2191..96db6f2a25 100644 --- a/wp-includes/blocks/post-featured-image/editor.css +++ b/wp-includes/blocks/post-featured-image/editor.css @@ -1,173 +1,73 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-post-featured-image .block-editor-media-placeholder { - z-index: 1; - -webkit-backdrop-filter: none; - backdrop-filter: none; +.wp-block-post-featured-image .block-editor-media-placeholder{ + -webkit-backdrop-filter:none; + backdrop-filter:none; + z-index:1; } -.wp-block-post-featured-image .wp-block-post-featured-image__placeholder, -.wp-block-post-featured-image .components-placeholder { - justify-content: center; - align-items: center; - padding: 0; - min-height: 200px; +.wp-block-post-featured-image .components-placeholder,.wp-block-post-featured-image .wp-block-post-featured-image__placeholder{ + align-items:center; + justify-content:center; + min-height:200px; + padding:0; } -.wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-form-file-upload, -.wp-block-post-featured-image .components-placeholder .components-form-file-upload { - display: none; +.wp-block-post-featured-image .components-placeholder .components-form-file-upload,.wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-form-file-upload{ + display:none; } -.wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-button, -.wp-block-post-featured-image .components-placeholder .components-button { - padding: 0; - display: flex; - justify-content: center; - align-items: center; - width: 48px; - height: 48px; - border-radius: 50%; - position: relative; - background: var(--wp-admin-theme-color); - border-color: var(--wp-admin-theme-color); - border-style: solid; - color: #fff; +.wp-block-post-featured-image .components-placeholder .components-button,.wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-button{ + align-items:center; + background:var(--wp-admin-theme-color); + border-color:var(--wp-admin-theme-color); + border-radius:50%; + border-style:solid; + color:#fff; + display:flex; + height:48px; + justify-content:center; + padding:0; + position:relative; + width:48px; } -.wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-button > svg, -.wp-block-post-featured-image .components-placeholder .components-button > svg { - color: inherit; +.wp-block-post-featured-image .components-placeholder .components-button>svg,.wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-button>svg{ + color:inherit; } -.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where(.has-border-color), -.wp-block-post-featured-image .components-placeholder:where(.has-border-color), -.wp-block-post-featured-image img:where(.has-border-color) { - border-style: solid; +.wp-block-post-featured-image .components-placeholder:where(.has-border-color),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where(.has-border-color),.wp-block-post-featured-image img:where(.has-border-color){ + border-style:solid; } -.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*="border-top-color"]), -.wp-block-post-featured-image .components-placeholder:where([style*="border-top-color"]), -.wp-block-post-featured-image img:where([style*="border-top-color"]) { - border-top-style: solid; +.wp-block-post-featured-image .components-placeholder:where([style*=border-top-color]),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-top-color]),.wp-block-post-featured-image img:where([style*=border-top-color]){ + border-top-style:solid; } -.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*="border-right-color"]), -.wp-block-post-featured-image .components-placeholder:where([style*="border-right-color"]), -.wp-block-post-featured-image img:where([style*="border-right-color"]) { - border-right-style: solid; +.wp-block-post-featured-image .components-placeholder:where([style*=border-right-color]),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-right-color]),.wp-block-post-featured-image img:where([style*=border-right-color]){ + border-right-style:solid; } -.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*="border-bottom-color"]), -.wp-block-post-featured-image .components-placeholder:where([style*="border-bottom-color"]), -.wp-block-post-featured-image img:where([style*="border-bottom-color"]) { - border-bottom-style: solid; +.wp-block-post-featured-image .components-placeholder:where([style*=border-bottom-color]),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-bottom-color]),.wp-block-post-featured-image img:where([style*=border-bottom-color]){ + border-bottom-style:solid; } -.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*="border-left-color"]), -.wp-block-post-featured-image .components-placeholder:where([style*="border-left-color"]), -.wp-block-post-featured-image img:where([style*="border-left-color"]) { - border-left-style: solid; +.wp-block-post-featured-image .components-placeholder:where([style*=border-left-color]),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-left-color]),.wp-block-post-featured-image img:where([style*=border-left-color]){ + border-left-style:solid; } -.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*="border-width"]), -.wp-block-post-featured-image .components-placeholder:where([style*="border-width"]), -.wp-block-post-featured-image img:where([style*="border-width"]) { - border-style: solid; +.wp-block-post-featured-image .components-placeholder:where([style*=border-width]),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-width]),.wp-block-post-featured-image img:where([style*=border-width]){ + border-style:solid; } -.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*="border-top-width"]), -.wp-block-post-featured-image .components-placeholder:where([style*="border-top-width"]), -.wp-block-post-featured-image img:where([style*="border-top-width"]) { - border-top-style: solid; +.wp-block-post-featured-image .components-placeholder:where([style*=border-top-width]),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-top-width]),.wp-block-post-featured-image img:where([style*=border-top-width]){ + border-top-style:solid; } -.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*="border-right-width"]), -.wp-block-post-featured-image .components-placeholder:where([style*="border-right-width"]), -.wp-block-post-featured-image img:where([style*="border-right-width"]) { - border-right-style: solid; +.wp-block-post-featured-image .components-placeholder:where([style*=border-right-width]),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-right-width]),.wp-block-post-featured-image img:where([style*=border-right-width]){ + border-right-style:solid; } -.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*="border-bottom-width"]), -.wp-block-post-featured-image .components-placeholder:where([style*="border-bottom-width"]), -.wp-block-post-featured-image img:where([style*="border-bottom-width"]) { - border-bottom-style: solid; +.wp-block-post-featured-image .components-placeholder:where([style*=border-bottom-width]),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-bottom-width]),.wp-block-post-featured-image img:where([style*=border-bottom-width]){ + border-bottom-style:solid; } -.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*="border-left-width"]), -.wp-block-post-featured-image .components-placeholder:where([style*="border-left-width"]), -.wp-block-post-featured-image img:where([style*="border-left-width"]) { - border-left-style: solid; +.wp-block-post-featured-image .components-placeholder:where([style*=border-left-width]),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-left-width]),.wp-block-post-featured-image img:where([style*=border-left-width]){ + border-left-style:solid; } -.wp-block-post-featured-image[style*=height] .components-placeholder { - min-height: 48px; - min-width: 48px; - height: 100%; - width: 100%; +.wp-block-post-featured-image[style*=height] .components-placeholder{ + height:100%; + min-height:48px; + min-width:48px; + width:100%; } -div[data-type="core/post-featured-image"] img { - max-width: 100%; - height: auto; - display: block; +div[data-type="core/post-featured-image"] img{ + display:block; + height:auto; + max-width:100%; } \ No newline at end of file diff --git a/wp-includes/blocks/post-featured-image/style-rtl.css b/wp-includes/blocks/post-featured-image/style-rtl.css index 34df661fcd..71190a5368 100644 --- a/wp-includes/blocks/post-featured-image/style-rtl.css +++ b/wp-includes/blocks/post-featured-image/style-rtl.css @@ -1,138 +1,62 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-post-featured-image { - margin-right: 0; - margin-left: 0; +.wp-block-post-featured-image{ + margin-left:0; + margin-right:0; } -.wp-block-post-featured-image a { - display: block; +.wp-block-post-featured-image a{ + display:block; } -.wp-block-post-featured-image img { - max-width: 100%; - width: 100%; - height: auto; - vertical-align: bottom; - box-sizing: border-box; +.wp-block-post-featured-image img{ + box-sizing:border-box; + height:auto; + max-width:100%; + vertical-align:bottom; + width:100%; } -.wp-block-post-featured-image.alignwide img, .wp-block-post-featured-image.alignfull img { - width: 100%; +.wp-block-post-featured-image.alignfull img,.wp-block-post-featured-image.alignwide img{ + width:100%; } -.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim { - position: absolute; - inset: 0; - background-color: #000; +.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim{ + background-color:#000; + inset:0; + position:absolute; } -.wp-block-post-featured-image { - position: relative; +.wp-block-post-featured-image{ + position:relative; } -.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-gradient { - background-color: transparent; +.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-gradient{ + background-color:initial; } -.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-0 { - opacity: 0; +.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-0{ + opacity:0; } -.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-10 { - opacity: 0.1; +.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-10{ + opacity:.1; } -.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-20 { - opacity: 0.2; +.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-20{ + opacity:.2; } -.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-30 { - opacity: 0.3; +.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-30{ + opacity:.3; } -.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-40 { - opacity: 0.4; +.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-40{ + opacity:.4; } -.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-50 { - opacity: 0.5; +.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-50{ + opacity:.5; } -.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-60 { - opacity: 0.6; +.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-60{ + opacity:.6; } -.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-70 { - opacity: 0.7; +.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-70{ + opacity:.7; } -.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-80 { - opacity: 0.8; +.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-80{ + opacity:.8; } -.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-90 { - opacity: 0.9; +.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-90{ + opacity:.9; } -.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-100 { - opacity: 1; +.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-100{ + opacity:1; } \ No newline at end of file diff --git a/wp-includes/blocks/post-featured-image/style.css b/wp-includes/blocks/post-featured-image/style.css index 08159124c0..71190a5368 100644 --- a/wp-includes/blocks/post-featured-image/style.css +++ b/wp-includes/blocks/post-featured-image/style.css @@ -1,138 +1,62 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-post-featured-image { - margin-left: 0; - margin-right: 0; +.wp-block-post-featured-image{ + margin-left:0; + margin-right:0; } -.wp-block-post-featured-image a { - display: block; +.wp-block-post-featured-image a{ + display:block; } -.wp-block-post-featured-image img { - max-width: 100%; - width: 100%; - height: auto; - vertical-align: bottom; - box-sizing: border-box; +.wp-block-post-featured-image img{ + box-sizing:border-box; + height:auto; + max-width:100%; + vertical-align:bottom; + width:100%; } -.wp-block-post-featured-image.alignwide img, .wp-block-post-featured-image.alignfull img { - width: 100%; +.wp-block-post-featured-image.alignfull img,.wp-block-post-featured-image.alignwide img{ + width:100%; } -.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim { - position: absolute; - inset: 0; - background-color: #000; +.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim{ + background-color:#000; + inset:0; + position:absolute; } -.wp-block-post-featured-image { - position: relative; +.wp-block-post-featured-image{ + position:relative; } -.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-gradient { - background-color: transparent; +.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-gradient{ + background-color:initial; } -.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-0 { - opacity: 0; +.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-0{ + opacity:0; } -.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-10 { - opacity: 0.1; +.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-10{ + opacity:.1; } -.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-20 { - opacity: 0.2; +.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-20{ + opacity:.2; } -.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-30 { - opacity: 0.3; +.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-30{ + opacity:.3; } -.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-40 { - opacity: 0.4; +.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-40{ + opacity:.4; } -.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-50 { - opacity: 0.5; +.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-50{ + opacity:.5; } -.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-60 { - opacity: 0.6; +.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-60{ + opacity:.6; } -.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-70 { - opacity: 0.7; +.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-70{ + opacity:.7; } -.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-80 { - opacity: 0.8; +.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-80{ + opacity:.8; } -.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-90 { - opacity: 0.9; +.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-90{ + opacity:.9; } -.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-100 { - opacity: 1; +.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-100{ + opacity:1; } \ No newline at end of file diff --git a/wp-includes/blocks/post-template/editor-rtl.css b/wp-includes/blocks/post-template/editor-rtl.css index 84dad96c63..92e578f673 100644 --- a/wp-includes/blocks/post-template/editor-rtl.css +++ b/wp-includes/blocks/post-template/editor-rtl.css @@ -1,81 +1,5 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.editor-styles-wrapper ul.wp-block-post-template { - padding-right: 0; - margin-right: 0; - list-style: none; +.editor-styles-wrapper ul.wp-block-post-template{ + list-style:none; + margin-right:0; + padding-right:0; } \ No newline at end of file diff --git a/wp-includes/blocks/post-template/editor.css b/wp-includes/blocks/post-template/editor.css index 664bffd897..ba8d9f21ef 100644 --- a/wp-includes/blocks/post-template/editor.css +++ b/wp-includes/blocks/post-template/editor.css @@ -1,81 +1,5 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.editor-styles-wrapper ul.wp-block-post-template { - padding-left: 0; - margin-left: 0; - list-style: none; +.editor-styles-wrapper ul.wp-block-post-template{ + list-style:none; + margin-left:0; + padding-left:0; } \ No newline at end of file diff --git a/wp-includes/blocks/post-template/style-rtl.css b/wp-includes/blocks/post-template/style-rtl.css index cd62279f85..9d2f8646b6 100644 --- a/wp-includes/blocks/post-template/style-rtl.css +++ b/wp-includes/blocks/post-template/style-rtl.css @@ -1,113 +1,37 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-post-template { - margin-top: 0; - margin-bottom: 0; - max-width: 100%; - list-style: none; - padding: 0; +.wp-block-post-template{ + list-style:none; + margin-bottom:0; + margin-top:0; + max-width:100%; + padding:0; } -.wp-block-post-template.wp-block-post-template { - background: none; +.wp-block-post-template.wp-block-post-template{ + background:none; } -.wp-block-post-template.is-flex-container { - flex-direction: row; - display: flex; - flex-wrap: wrap; - gap: 1.25em; +.wp-block-post-template.is-flex-container{ + display:flex; + flex-direction:row; + flex-wrap:wrap; + gap:1.25em; } -.wp-block-post-template.is-flex-container li { - margin: 0; - width: 100%; +.wp-block-post-template.is-flex-container li{ + margin:0; + width:100%; } -@media (min-width: 600px) { - .wp-block-post-template.is-flex-container.is-flex-container.columns-2 > li { - width: calc((100% / 2) - 1.25em + (1.25em / 2)); +@media (min-width:600px){ + .wp-block-post-template.is-flex-container.is-flex-container.columns-2>li{ + width:calc(50% - .625em); } - .wp-block-post-template.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{ + width:calc(33.33333% - .83333em); } - .wp-block-post-template.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{ + width:calc(25% - .9375em); } - .wp-block-post-template.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{ + width:calc(20% - 1em); } - .wp-block-post-template.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{ + width:calc(16.66667% - 1.04167em); } } \ No newline at end of file diff --git a/wp-includes/blocks/post-template/style.css b/wp-includes/blocks/post-template/style.css index cd62279f85..9d2f8646b6 100644 --- a/wp-includes/blocks/post-template/style.css +++ b/wp-includes/blocks/post-template/style.css @@ -1,113 +1,37 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-post-template { - margin-top: 0; - margin-bottom: 0; - max-width: 100%; - list-style: none; - padding: 0; +.wp-block-post-template{ + list-style:none; + margin-bottom:0; + margin-top:0; + max-width:100%; + padding:0; } -.wp-block-post-template.wp-block-post-template { - background: none; +.wp-block-post-template.wp-block-post-template{ + background:none; } -.wp-block-post-template.is-flex-container { - flex-direction: row; - display: flex; - flex-wrap: wrap; - gap: 1.25em; +.wp-block-post-template.is-flex-container{ + display:flex; + flex-direction:row; + flex-wrap:wrap; + gap:1.25em; } -.wp-block-post-template.is-flex-container li { - margin: 0; - width: 100%; +.wp-block-post-template.is-flex-container li{ + margin:0; + width:100%; } -@media (min-width: 600px) { - .wp-block-post-template.is-flex-container.is-flex-container.columns-2 > li { - width: calc((100% / 2) - 1.25em + (1.25em / 2)); +@media (min-width:600px){ + .wp-block-post-template.is-flex-container.is-flex-container.columns-2>li{ + width:calc(50% - .625em); } - .wp-block-post-template.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{ + width:calc(33.33333% - .83333em); } - .wp-block-post-template.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{ + width:calc(25% - .9375em); } - .wp-block-post-template.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{ + width:calc(20% - 1em); } - .wp-block-post-template.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{ + width:calc(16.66667% - 1.04167em); } } \ No newline at end of file diff --git a/wp-includes/blocks/post-terms/style-rtl.css b/wp-includes/blocks/post-terms/style-rtl.css index 68b8e2c4bb..a3bbcdaab1 100644 --- a/wp-includes/blocks/post-terms/style-rtl.css +++ b/wp-includes/blocks/post-terms/style-rtl.css @@ -1,79 +1,3 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-post-terms__separator { - white-space: pre-wrap; +.wp-block-post-terms__separator{ + white-space:pre-wrap; } \ No newline at end of file diff --git a/wp-includes/blocks/post-terms/style.css b/wp-includes/blocks/post-terms/style.css index 68b8e2c4bb..a3bbcdaab1 100644 --- a/wp-includes/blocks/post-terms/style.css +++ b/wp-includes/blocks/post-terms/style.css @@ -1,79 +1,3 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-post-terms__separator { - white-space: pre-wrap; +.wp-block-post-terms__separator{ + white-space:pre-wrap; } \ No newline at end of file diff --git a/wp-includes/blocks/post-title/style-rtl.css b/wp-includes/blocks/post-title/style-rtl.css index 41fab33916..0ca7fa1164 100644 --- a/wp-includes/blocks/post-title/style-rtl.css +++ b/wp-includes/blocks/post-title/style-rtl.css @@ -1,83 +1,7 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-post-title { - word-break: break-word; - box-sizing: border-box; +.wp-block-post-title{ + box-sizing:border-box; + word-break:break-word; } -.wp-block-post-title a { - display: inline-block; +.wp-block-post-title a{ + display:inline-block; } \ No newline at end of file diff --git a/wp-includes/blocks/post-title/style.css b/wp-includes/blocks/post-title/style.css index 41fab33916..0ca7fa1164 100644 --- a/wp-includes/blocks/post-title/style.css +++ b/wp-includes/blocks/post-title/style.css @@ -1,83 +1,7 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-post-title { - word-break: break-word; - box-sizing: border-box; +.wp-block-post-title{ + box-sizing:border-box; + word-break:break-word; } -.wp-block-post-title a { - display: inline-block; +.wp-block-post-title a{ + display:inline-block; } \ No newline at end of file diff --git a/wp-includes/blocks/preformatted/style-rtl.css b/wp-includes/blocks/preformatted/style-rtl.css index a661929b06..798cb25681 100644 --- a/wp-includes/blocks/preformatted/style-rtl.css +++ b/wp-includes/blocks/preformatted/style-rtl.css @@ -1,83 +1,7 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-preformatted { - white-space: pre-wrap; +.wp-block-preformatted{ + white-space:pre-wrap; } -.wp-block-preformatted.has-background { - padding: 1.25em 2.375em; +.wp-block-preformatted.has-background{ + padding:1.25em 2.375em; } \ No newline at end of file diff --git a/wp-includes/blocks/preformatted/style.css b/wp-includes/blocks/preformatted/style.css index a661929b06..798cb25681 100644 --- a/wp-includes/blocks/preformatted/style.css +++ b/wp-includes/blocks/preformatted/style.css @@ -1,83 +1,7 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-preformatted { - white-space: pre-wrap; +.wp-block-preformatted{ + white-space:pre-wrap; } -.wp-block-preformatted.has-background { - padding: 1.25em 2.375em; +.wp-block-preformatted.has-background{ + padding:1.25em 2.375em; } \ No newline at end of file diff --git a/wp-includes/blocks/pullquote/editor-rtl.css b/wp-includes/blocks/pullquote/editor-rtl.css index 5cc241b4f1..969221b9bf 100644 --- a/wp-includes/blocks/pullquote/editor-rtl.css +++ b/wp-includes/blocks/pullquote/editor-rtl.css @@ -1,87 +1,11 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-pullquote.is-style-solid-color blockquote p { - font-size: 32px; +.wp-block-pullquote.is-style-solid-color blockquote p{ + font-size:32px; } -.wp-block-pullquote.is-style-solid-color .wp-block-pullquote__citation { - text-transform: none; - font-style: normal; +.wp-block-pullquote.is-style-solid-color .wp-block-pullquote__citation{ + font-style:normal; + text-transform:none; } -.wp-block-pullquote .wp-block-pullquote__citation { - color: inherit; +.wp-block-pullquote .wp-block-pullquote__citation{ + color:inherit; } \ No newline at end of file diff --git a/wp-includes/blocks/pullquote/editor.css b/wp-includes/blocks/pullquote/editor.css index 5cc241b4f1..969221b9bf 100644 --- a/wp-includes/blocks/pullquote/editor.css +++ b/wp-includes/blocks/pullquote/editor.css @@ -1,87 +1,11 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-pullquote.is-style-solid-color blockquote p { - font-size: 32px; +.wp-block-pullquote.is-style-solid-color blockquote p{ + font-size:32px; } -.wp-block-pullquote.is-style-solid-color .wp-block-pullquote__citation { - text-transform: none; - font-style: normal; +.wp-block-pullquote.is-style-solid-color .wp-block-pullquote__citation{ + font-style:normal; + text-transform:none; } -.wp-block-pullquote .wp-block-pullquote__citation { - color: inherit; +.wp-block-pullquote .wp-block-pullquote__citation{ + color:inherit; } \ No newline at end of file diff --git a/wp-includes/blocks/pullquote/style-rtl.css b/wp-includes/blocks/pullquote/style-rtl.css index 3e5fb68e71..0773e626c8 100644 --- a/wp-includes/blocks/pullquote/style-rtl.css +++ b/wp-includes/blocks/pullquote/style-rtl.css @@ -1,128 +1,49 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-pullquote { - margin: 0 0 1em 0; - padding: 3em 0; - text-align: center; - overflow-wrap: break-word; - box-sizing: border-box; +.wp-block-pullquote{ + box-sizing:border-box; + margin:0 0 1em; + overflow-wrap:break-word; + padding:3em 0; + text-align:center; } -.wp-block-pullquote p, -.wp-block-pullquote blockquote, -.wp-block-pullquote cite { - color: inherit; +.wp-block-pullquote blockquote,.wp-block-pullquote cite,.wp-block-pullquote p{ + color:inherit; } -.wp-block-pullquote.alignleft, .wp-block-pullquote.alignright { - max-width: 420px; +.wp-block-pullquote.alignleft,.wp-block-pullquote.alignright{ + max-width:420px; } -.wp-block-pullquote cite, -.wp-block-pullquote footer { - position: relative; +.wp-block-pullquote cite,.wp-block-pullquote footer{ + position:relative; } -.wp-block-pullquote .has-text-color a { - color: inherit; +.wp-block-pullquote .has-text-color a{ + color:inherit; } -.wp-block-pullquote.has-text-align-left blockquote { - text-align: right; +.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.has-text-align-right blockquote{ + text-align:left; } -.wp-block-pullquote.is-style-solid-color { - border: none; +.wp-block-pullquote.is-style-solid-color{ + border:none; } -.wp-block-pullquote.is-style-solid-color blockquote { - margin-right: auto; - margin-left: auto; - max-width: 60%; +.wp-block-pullquote.is-style-solid-color blockquote{ + margin-left:auto; + margin-right:auto; + max-width:60%; } -.wp-block-pullquote.is-style-solid-color blockquote p { - margin-top: 0; - margin-bottom: 0; - font-size: 2em; +.wp-block-pullquote.is-style-solid-color blockquote p{ + font-size:2em; + margin-bottom:0; + margin-top:0; } -.wp-block-pullquote.is-style-solid-color blockquote cite { - text-transform: none; - font-style: normal; +.wp-block-pullquote.is-style-solid-color blockquote cite{ + font-style:normal; + text-transform:none; } -.wp-block-pullquote cite { - color: inherit; +.wp-block-pullquote cite{ + color:inherit; } \ No newline at end of file diff --git a/wp-includes/blocks/pullquote/style.css b/wp-includes/blocks/pullquote/style.css index 3f2d8df9bb..7b90a315c5 100644 --- a/wp-includes/blocks/pullquote/style.css +++ b/wp-includes/blocks/pullquote/style.css @@ -1,128 +1,49 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-pullquote { - margin: 0 0 1em 0; - padding: 3em 0; - text-align: center; - overflow-wrap: break-word; - box-sizing: border-box; +.wp-block-pullquote{ + box-sizing:border-box; + margin:0 0 1em; + overflow-wrap:break-word; + padding:3em 0; + text-align:center; } -.wp-block-pullquote p, -.wp-block-pullquote blockquote, -.wp-block-pullquote cite { - color: inherit; +.wp-block-pullquote blockquote,.wp-block-pullquote cite,.wp-block-pullquote p{ + color:inherit; } -.wp-block-pullquote.alignleft, .wp-block-pullquote.alignright { - max-width: 420px; +.wp-block-pullquote.alignleft,.wp-block-pullquote.alignright{ + max-width:420px; } -.wp-block-pullquote cite, -.wp-block-pullquote footer { - position: relative; +.wp-block-pullquote cite,.wp-block-pullquote footer{ + position:relative; } -.wp-block-pullquote .has-text-color a { - color: inherit; +.wp-block-pullquote .has-text-color a{ + color:inherit; } -.wp-block-pullquote.has-text-align-left blockquote { - text-align: left; +.wp-block-pullquote.has-text-align-left blockquote{ + text-align:left; } -.wp-block-pullquote.has-text-align-right blockquote { - text-align: right; +.wp-block-pullquote.has-text-align-right blockquote{ + text-align:right; } -.wp-block-pullquote.is-style-solid-color { - border: none; +.wp-block-pullquote.is-style-solid-color{ + border:none; } -.wp-block-pullquote.is-style-solid-color blockquote { - margin-left: auto; - margin-right: auto; - max-width: 60%; +.wp-block-pullquote.is-style-solid-color blockquote{ + margin-left:auto; + margin-right:auto; + max-width:60%; } -.wp-block-pullquote.is-style-solid-color blockquote p { - margin-top: 0; - margin-bottom: 0; - font-size: 2em; +.wp-block-pullquote.is-style-solid-color blockquote p{ + font-size:2em; + margin-bottom:0; + margin-top:0; } -.wp-block-pullquote.is-style-solid-color blockquote cite { - text-transform: none; - font-style: normal; +.wp-block-pullquote.is-style-solid-color blockquote cite{ + font-style:normal; + text-transform:none; } -.wp-block-pullquote cite { - color: inherit; +.wp-block-pullquote cite{ + color:inherit; } \ No newline at end of file diff --git a/wp-includes/blocks/pullquote/theme-rtl.css b/wp-includes/blocks/pullquote/theme-rtl.css index aea922effe..ba06da50d4 100644 --- a/wp-includes/blocks/pullquote/theme-rtl.css +++ b/wp-includes/blocks/pullquote/theme-rtl.css @@ -1,89 +1,12 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-pullquote { - border-top: 4px solid currentColor; - border-bottom: 4px solid currentColor; - margin-bottom: 1.75em; - color: currentColor; +.wp-block-pullquote{ + border-bottom:4px solid; + border-top:4px solid; + color:currentColor; + margin-bottom:1.75em; } -.wp-block-pullquote cite, -.wp-block-pullquote footer, .wp-block-pullquote__citation { - color: currentColor; - text-transform: uppercase; - font-size: 0.8125em; - font-style: normal; +.wp-block-pullquote cite,.wp-block-pullquote footer,.wp-block-pullquote__citation{ + color:currentColor; + font-size:.8125em; + font-style:normal; + text-transform:uppercase; } \ No newline at end of file diff --git a/wp-includes/blocks/pullquote/theme.css b/wp-includes/blocks/pullquote/theme.css index aea922effe..ba06da50d4 100644 --- a/wp-includes/blocks/pullquote/theme.css +++ b/wp-includes/blocks/pullquote/theme.css @@ -1,89 +1,12 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-pullquote { - border-top: 4px solid currentColor; - border-bottom: 4px solid currentColor; - margin-bottom: 1.75em; - color: currentColor; +.wp-block-pullquote{ + border-bottom:4px solid; + border-top:4px solid; + color:currentColor; + margin-bottom:1.75em; } -.wp-block-pullquote cite, -.wp-block-pullquote footer, .wp-block-pullquote__citation { - color: currentColor; - text-transform: uppercase; - font-size: 0.8125em; - font-style: normal; +.wp-block-pullquote cite,.wp-block-pullquote footer,.wp-block-pullquote__citation{ + color:currentColor; + font-size:.8125em; + font-style:normal; + text-transform:uppercase; } \ No newline at end of file diff --git a/wp-includes/blocks/query-pagination-numbers/editor-rtl.css b/wp-includes/blocks/query-pagination-numbers/editor-rtl.css index 5a4f6505b0..cbebc0f065 100644 --- a/wp-includes/blocks/query-pagination-numbers/editor-rtl.css +++ b/wp-includes/blocks/query-pagination-numbers/editor-rtl.css @@ -1,85 +1,9 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-query-pagination-numbers a { - text-decoration: underline; +.wp-block-query-pagination-numbers a{ + text-decoration:underline; } -.wp-block-query-pagination-numbers .page-numbers { - margin-left: 2px; +.wp-block-query-pagination-numbers .page-numbers{ + margin-left:2px; } -.wp-block-query-pagination-numbers .page-numbers:last-child { - margin-right: 0; +.wp-block-query-pagination-numbers .page-numbers:last-child{ + margin-right:0; } \ No newline at end of file diff --git a/wp-includes/blocks/query-pagination-numbers/editor.css b/wp-includes/blocks/query-pagination-numbers/editor.css index f107a351bd..3a5e4ba9de 100644 --- a/wp-includes/blocks/query-pagination-numbers/editor.css +++ b/wp-includes/blocks/query-pagination-numbers/editor.css @@ -1,86 +1,9 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-query-pagination-numbers a { - text-decoration: underline; +.wp-block-query-pagination-numbers a{ + text-decoration:underline; } -.wp-block-query-pagination-numbers .page-numbers { - margin-right: 2px; +.wp-block-query-pagination-numbers .page-numbers{ + margin-right:2px; } -.wp-block-query-pagination-numbers .page-numbers:last-child { - /*rtl:ignore*/ - margin-right: 0; +.wp-block-query-pagination-numbers .page-numbers:last-child{ + margin-right:0; } \ No newline at end of file diff --git a/wp-includes/blocks/query-pagination/editor-rtl.css b/wp-includes/blocks/query-pagination/editor-rtl.css index 3283d28891..7f72d3c6ab 100644 --- a/wp-includes/blocks/query-pagination/editor-rtl.css +++ b/wp-includes/blocks/query-pagination/editor-rtl.css @@ -1,100 +1,19 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block[data-align=center] > .wp-block-query-pagination { - justify-content: center; +.wp-block[data-align=center]>.wp-block-query-pagination{ + justify-content:center; } -.editor-styles-wrapper .wp-block-query-pagination { - max-width: 100%; +.editor-styles-wrapper .wp-block-query-pagination{ + max-width:100%; } -.editor-styles-wrapper .wp-block-query-pagination.block-editor-block-list__layout { - margin: 0; +.editor-styles-wrapper .wp-block-query-pagination.block-editor-block-list__layout{ + margin:0; } -.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 { - margin-right: 0; - margin-top: 0.5em; - margin-right: 0.5em; - margin-bottom: 0.5em; +.wp-block-query-pagination>.wp-block-query-pagination-next,.wp-block-query-pagination>.wp-block-query-pagination-numbers,.wp-block-query-pagination>.wp-block-query-pagination-previous{ + margin-bottom:.5em; + margin-right:.5em; + margin-top:.5em; } -.wp-block-query-pagination > .wp-block-query-pagination-next:last-child, -.wp-block-query-pagination > .wp-block-query-pagination-previous:last-child, -.wp-block-query-pagination > .wp-block-query-pagination-numbers:last-child { - margin-right: 0; +.wp-block-query-pagination>.wp-block-query-pagination-next:last-child,.wp-block-query-pagination>.wp-block-query-pagination-numbers:last-child,.wp-block-query-pagination>.wp-block-query-pagination-previous:last-child{ + margin-right:0; } \ No newline at end of file diff --git a/wp-includes/blocks/query-pagination/editor.css b/wp-includes/blocks/query-pagination/editor.css index 58cd6fb604..0ad7b63bc7 100644 --- a/wp-includes/blocks/query-pagination/editor.css +++ b/wp-includes/blocks/query-pagination/editor.css @@ -1,102 +1,17 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block[data-align=center] > .wp-block-query-pagination { - justify-content: center; +.wp-block[data-align=center]>.wp-block-query-pagination{ + justify-content:center; } -.editor-styles-wrapper .wp-block-query-pagination { - max-width: 100%; +.editor-styles-wrapper .wp-block-query-pagination{ + max-width:100%; } -.editor-styles-wrapper .wp-block-query-pagination.block-editor-block-list__layout { - margin: 0; +.editor-styles-wrapper .wp-block-query-pagination.block-editor-block-list__layout{ + margin:0; } -.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 { - margin-left: 0; - margin-top: 0.5em; - /*rtl:ignore*/ - margin-right: 0.5em; - margin-bottom: 0.5em; +.wp-block-query-pagination>.wp-block-query-pagination-next,.wp-block-query-pagination>.wp-block-query-pagination-numbers,.wp-block-query-pagination>.wp-block-query-pagination-previous{ + margin:.5em .5em .5em 0; } -.wp-block-query-pagination > .wp-block-query-pagination-next:last-child, -.wp-block-query-pagination > .wp-block-query-pagination-previous:last-child, -.wp-block-query-pagination > .wp-block-query-pagination-numbers:last-child { - /*rtl:ignore*/ - margin-right: 0; +.wp-block-query-pagination>.wp-block-query-pagination-next:last-child,.wp-block-query-pagination>.wp-block-query-pagination-numbers:last-child,.wp-block-query-pagination>.wp-block-query-pagination-previous:last-child{ + margin-right:0; } \ No newline at end of file diff --git a/wp-includes/blocks/query-pagination/style-rtl.css b/wp-includes/blocks/query-pagination/style-rtl.css index 61956a16bc..06421753de 100644 --- a/wp-includes/blocks/query-pagination/style-rtl.css +++ b/wp-includes/blocks/query-pagination/style-rtl.css @@ -1,110 +1,30 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.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 { - margin-right: 0.5em; - margin-bottom: 0.5em; +.wp-block-query-pagination>.wp-block-query-pagination-next,.wp-block-query-pagination>.wp-block-query-pagination-numbers,.wp-block-query-pagination>.wp-block-query-pagination-previous{ + margin-bottom:.5em; + margin-right:.5em; } -.wp-block-query-pagination > .wp-block-query-pagination-next:last-child, -.wp-block-query-pagination > .wp-block-query-pagination-previous:last-child, -.wp-block-query-pagination > .wp-block-query-pagination-numbers:last-child { - margin-right: 0; +.wp-block-query-pagination>.wp-block-query-pagination-next:last-child,.wp-block-query-pagination>.wp-block-query-pagination-numbers:last-child,.wp-block-query-pagination>.wp-block-query-pagination-previous:last-child{ + margin-right:0; } -.wp-block-query-pagination.is-content-justification-space-between > .wp-block-query-pagination-next:last-child { - margin-inline-start: auto; +.wp-block-query-pagination.is-content-justification-space-between>.wp-block-query-pagination-next:last-child{ + margin-inline-start:auto; } -.wp-block-query-pagination.is-content-justification-space-between > .wp-block-query-pagination-previous:first-child { - margin-inline-end: auto; +.wp-block-query-pagination.is-content-justification-space-between>.wp-block-query-pagination-previous:first-child{ + margin-inline-end:auto; } -.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{ + display:inline-block; + margin-left:1ch; } -.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-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{ + display:inline-block; + margin-right:1ch; } -.wp-block-query-pagination .wp-block-query-pagination-next-arrow:not(.is-arrow-chevron) { - transform: scaleX(-1);; +.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-query-pagination.aligncenter{ + justify-content:center; } \ No newline at end of file diff --git a/wp-includes/blocks/query-pagination/style.css b/wp-includes/blocks/query-pagination/style.css index d0be77d491..c84b97c025 100644 --- a/wp-includes/blocks/query-pagination/style.css +++ b/wp-includes/blocks/query-pagination/style.css @@ -1,112 +1,30 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.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 { - /*rtl:ignore*/ - margin-right: 0.5em; - margin-bottom: 0.5em; +.wp-block-query-pagination>.wp-block-query-pagination-next,.wp-block-query-pagination>.wp-block-query-pagination-numbers,.wp-block-query-pagination>.wp-block-query-pagination-previous{ + margin-bottom:.5em; + margin-right:.5em; } -.wp-block-query-pagination > .wp-block-query-pagination-next:last-child, -.wp-block-query-pagination > .wp-block-query-pagination-previous:last-child, -.wp-block-query-pagination > .wp-block-query-pagination-numbers:last-child { - /*rtl:ignore*/ - margin-right: 0; +.wp-block-query-pagination>.wp-block-query-pagination-next:last-child,.wp-block-query-pagination>.wp-block-query-pagination-numbers:last-child,.wp-block-query-pagination>.wp-block-query-pagination-previous:last-child{ + margin-right:0; } -.wp-block-query-pagination.is-content-justification-space-between > .wp-block-query-pagination-next:last-child { - margin-inline-start: auto; +.wp-block-query-pagination.is-content-justification-space-between>.wp-block-query-pagination-next:last-child{ + margin-inline-start:auto; } -.wp-block-query-pagination.is-content-justification-space-between > .wp-block-query-pagination-previous:first-child { - margin-inline-end: auto; +.wp-block-query-pagination.is-content-justification-space-between>.wp-block-query-pagination-previous:first-child{ + margin-inline-end:auto; } -.wp-block-query-pagination .wp-block-query-pagination-previous-arrow { - margin-right: 1ch; - display: inline-block; +.wp-block-query-pagination .wp-block-query-pagination-previous-arrow{ + display:inline-block; + margin-right:1ch; } -.wp-block-query-pagination .wp-block-query-pagination-previous-arrow:not(.is-arrow-chevron) { - transform: scaleX(1) /*rtl:scaleX(-1);*/; +.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-left: 1ch; - display: inline-block; +.wp-block-query-pagination .wp-block-query-pagination-next-arrow{ + display:inline-block; + margin-left:1ch; } -.wp-block-query-pagination .wp-block-query-pagination-next-arrow:not(.is-arrow-chevron) { - transform: scaleX(1) /*rtl:scaleX(-1);*/; +.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-query-pagination.aligncenter{ + justify-content:center; } \ No newline at end of file diff --git a/wp-includes/blocks/query-title/style-rtl.css b/wp-includes/blocks/query-title/style-rtl.css index ac2dee66a3..9371ffadec 100644 --- a/wp-includes/blocks/query-title/style-rtl.css +++ b/wp-includes/blocks/query-title/style-rtl.css @@ -1,79 +1,3 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-query-title { - box-sizing: border-box; +.wp-block-query-title{ + box-sizing:border-box; } \ No newline at end of file diff --git a/wp-includes/blocks/query-title/style.css b/wp-includes/blocks/query-title/style.css index ac2dee66a3..9371ffadec 100644 --- a/wp-includes/blocks/query-title/style.css +++ b/wp-includes/blocks/query-title/style.css @@ -1,79 +1,3 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-query-title { - box-sizing: border-box; +.wp-block-query-title{ + box-sizing:border-box; } \ No newline at end of file diff --git a/wp-includes/blocks/query/editor-rtl.css b/wp-includes/blocks/query/editor-rtl.css index d7f81cad5f..efd839a801 100644 --- a/wp-includes/blocks/query/editor-rtl.css +++ b/wp-includes/blocks/query/editor-rtl.css @@ -1,129 +1,53 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.block-library-query-toolbar__popover .components-popover__content { - min-width: 230px; +.block-library-query-toolbar__popover .components-popover__content{ + min-width:230px; } -.wp-block-query__create-new-link { - padding: 0 56px 16px 16px; +.wp-block-query__create-new-link{ + padding:0 56px 16px 16px; } -.block-library-query__pattern-selection-content .block-editor-block-patterns-list { - display: grid; - grid-template-columns: 1fr 1fr 1fr; - grid-gap: 8px; +.block-library-query__pattern-selection-content .block-editor-block-patterns-list{ + grid-gap:8px; + display:grid; + grid-template-columns:1fr 1fr 1fr; } -.block-library-query__pattern-selection-content .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item { - margin-bottom: 0; +.block-library-query__pattern-selection-content .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item{ + margin-bottom:0; } -.block-library-query__pattern-selection-content .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item .block-editor-block-preview__container { - max-height: 250px; +.block-library-query__pattern-selection-content .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item .block-editor-block-preview__container{ + max-height:250px; } -.block-editor-query-pattern__selection-modal .components-modal__content { - padding: 0; - margin-bottom: 60px; +.block-editor-query-pattern__selection-modal .components-modal__content{ + margin-bottom:60px; + padding:0; } -.block-editor-query-pattern__selection-modal .components-modal__content::before { - margin-bottom: 0; +.block-editor-query-pattern__selection-modal .components-modal__content:before{ + margin-bottom:0; } -@media (min-width: 600px) { - .block-editor-query-pattern__selection-modal { - width: calc(100% - 32px); - height: calc(100% - 120px); +@media (min-width:600px){ + .block-editor-query-pattern__selection-modal{ + height:calc(100% - 120px); + width:calc(100% - 32px); } } -@media (min-width: 782px) { - .block-editor-query-pattern__selection-modal { - width: 750px; +@media (min-width:782px){ + .block-editor-query-pattern__selection-modal{ + width:750px; } } -@media (min-width: 960px) { - .block-editor-query-pattern__selection-modal { - height: 80%; - width: 80%; - max-height: none; +@media (min-width:960px){ + .block-editor-query-pattern__selection-modal{ + height:80%; + max-height:none; + width:80%; } } -.block-library-query-toolspanel__filters .components-form-token-field__help { - margin-bottom: 0; +.block-library-query-toolspanel__filters .components-form-token-field__help{ + margin-bottom:0; } -.block-library-query-toolspanel__filters .block-library-query-inspector__taxonomy-control:not(:last-child) { - margin-bottom: 24px; +.block-library-query-toolspanel__filters .block-library-query-inspector__taxonomy-control:not(:last-child){ + margin-bottom:24px; } \ No newline at end of file diff --git a/wp-includes/blocks/query/editor.css b/wp-includes/blocks/query/editor.css index 3c06a60a61..096edba4a4 100644 --- a/wp-includes/blocks/query/editor.css +++ b/wp-includes/blocks/query/editor.css @@ -1,129 +1,53 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.block-library-query-toolbar__popover .components-popover__content { - min-width: 230px; +.block-library-query-toolbar__popover .components-popover__content{ + min-width:230px; } -.wp-block-query__create-new-link { - padding: 0 16px 16px 56px; +.wp-block-query__create-new-link{ + padding:0 16px 16px 56px; } -.block-library-query__pattern-selection-content .block-editor-block-patterns-list { - display: grid; - grid-template-columns: 1fr 1fr 1fr; - grid-gap: 8px; +.block-library-query__pattern-selection-content .block-editor-block-patterns-list{ + grid-gap:8px; + display:grid; + grid-template-columns:1fr 1fr 1fr; } -.block-library-query__pattern-selection-content .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item { - margin-bottom: 0; +.block-library-query__pattern-selection-content .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item{ + margin-bottom:0; } -.block-library-query__pattern-selection-content .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item .block-editor-block-preview__container { - max-height: 250px; +.block-library-query__pattern-selection-content .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item .block-editor-block-preview__container{ + max-height:250px; } -.block-editor-query-pattern__selection-modal .components-modal__content { - padding: 0; - margin-bottom: 60px; +.block-editor-query-pattern__selection-modal .components-modal__content{ + margin-bottom:60px; + padding:0; } -.block-editor-query-pattern__selection-modal .components-modal__content::before { - margin-bottom: 0; +.block-editor-query-pattern__selection-modal .components-modal__content:before{ + margin-bottom:0; } -@media (min-width: 600px) { - .block-editor-query-pattern__selection-modal { - width: calc(100% - 32px); - height: calc(100% - 120px); +@media (min-width:600px){ + .block-editor-query-pattern__selection-modal{ + height:calc(100% - 120px); + width:calc(100% - 32px); } } -@media (min-width: 782px) { - .block-editor-query-pattern__selection-modal { - width: 750px; +@media (min-width:782px){ + .block-editor-query-pattern__selection-modal{ + width:750px; } } -@media (min-width: 960px) { - .block-editor-query-pattern__selection-modal { - height: 80%; - width: 80%; - max-height: none; +@media (min-width:960px){ + .block-editor-query-pattern__selection-modal{ + height:80%; + max-height:none; + width:80%; } } -.block-library-query-toolspanel__filters .components-form-token-field__help { - margin-bottom: 0; +.block-library-query-toolspanel__filters .components-form-token-field__help{ + margin-bottom:0; } -.block-library-query-toolspanel__filters .block-library-query-inspector__taxonomy-control:not(:last-child) { - margin-bottom: 24px; +.block-library-query-toolspanel__filters .block-library-query-inspector__taxonomy-control:not(:last-child){ + margin-bottom:24px; } \ No newline at end of file diff --git a/wp-includes/blocks/quote/style-rtl.css b/wp-includes/blocks/quote/style-rtl.css index bf6d3e09df..ffb050aa51 100644 --- a/wp-includes/blocks/quote/style-rtl.css +++ b/wp-includes/blocks/quote/style-rtl.css @@ -1,95 +1,17 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-quote { - box-sizing: border-box; - overflow-wrap: break-word; +.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-large:not(.is-style-plain),.wp-block-quote.is-style-large:not(.is-style-plain){ + margin-bottom:1em; + padding:0 1em; } -.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-large:not(.is-style-plain) p,.wp-block-quote.is-style-large:not(.is-style-plain) p{ + font-size:1.5em; + font-style:italic; + line-height:1.6; } -.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-quote.is-large:not(.is-style-plain) cite,.wp-block-quote.is-large:not(.is-style-plain) footer,.wp-block-quote.is-style-large:not(.is-style-plain) cite,.wp-block-quote.is-style-large:not(.is-style-plain) footer{ + font-size:1.125em; + text-align:left; } \ No newline at end of file diff --git a/wp-includes/blocks/quote/style.css b/wp-includes/blocks/quote/style.css index 3e32ce9bae..0448a1299a 100644 --- a/wp-includes/blocks/quote/style.css +++ b/wp-includes/blocks/quote/style.css @@ -1,95 +1,17 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-quote { - box-sizing: border-box; - overflow-wrap: break-word; +.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-large:not(.is-style-plain),.wp-block-quote.is-style-large:not(.is-style-plain){ + margin-bottom:1em; + padding:0 1em; } -.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-large:not(.is-style-plain) p,.wp-block-quote.is-style-large:not(.is-style-plain) p{ + font-size:1.5em; + font-style:italic; + line-height:1.6; } -.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: right; +.wp-block-quote.is-large:not(.is-style-plain) cite,.wp-block-quote.is-large:not(.is-style-plain) footer,.wp-block-quote.is-style-large:not(.is-style-plain) cite,.wp-block-quote.is-style-large:not(.is-style-plain) footer{ + font-size:1.125em; + text-align:right; } \ No newline at end of file diff --git a/wp-includes/blocks/quote/theme-rtl.css b/wp-includes/blocks/quote/theme-rtl.css index d50d69edce..0b72bd7416 100644 --- a/wp-includes/blocks/quote/theme-rtl.css +++ b/wp-includes/blocks/quote/theme-rtl.css @@ -1,101 +1,24 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-quote { - border-right: 0.25em solid currentColor; - margin: 0 0 1.75em 0; - padding-right: 1em; +.wp-block-quote{ + border-right:.25em solid; + margin:0 0 1.75em; + padding-right:1em; } -.wp-block-quote cite, -.wp-block-quote footer { - color: currentColor; - font-size: 0.8125em; - position: relative; - font-style: normal; +.wp-block-quote cite,.wp-block-quote footer{ + color:currentColor; + font-size:.8125em; + font-style:normal; + position:relative; } -.wp-block-quote.has-text-align-right { - border-right: none; - border-left: 0.25em solid currentColor; - padding-right: 0; - padding-left: 1em; +.wp-block-quote.has-text-align-right{ + border-left:.25em solid; + border-right:none; + padding-left:1em; + padding-right:0; } -.wp-block-quote.has-text-align-center { - border: none; - padding-right: 0; +.wp-block-quote.has-text-align-center{ + border:none; + padding-right:0; } -.wp-block-quote.is-style-plain, .wp-block-quote.is-style-large, .wp-block-quote.is-large { - border: none; +.wp-block-quote.is-large,.wp-block-quote.is-style-large,.wp-block-quote.is-style-plain{ + border:none; } \ No newline at end of file diff --git a/wp-includes/blocks/quote/theme.css b/wp-includes/blocks/quote/theme.css index 2148230ac8..538f1f04bb 100644 --- a/wp-includes/blocks/quote/theme.css +++ b/wp-includes/blocks/quote/theme.css @@ -1,101 +1,24 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-quote { - border-left: 0.25em solid currentColor; - margin: 0 0 1.75em 0; - padding-left: 1em; +.wp-block-quote{ + border-left:.25em solid; + margin:0 0 1.75em; + padding-left:1em; } -.wp-block-quote cite, -.wp-block-quote footer { - color: currentColor; - font-size: 0.8125em; - position: relative; - font-style: normal; +.wp-block-quote cite,.wp-block-quote footer{ + color:currentColor; + font-size:.8125em; + font-style:normal; + position:relative; } -.wp-block-quote.has-text-align-right { - border-left: none; - border-right: 0.25em solid currentColor; - padding-left: 0; - padding-right: 1em; +.wp-block-quote.has-text-align-right{ + border-left:none; + border-right:.25em solid; + padding-left:0; + padding-right:1em; } -.wp-block-quote.has-text-align-center { - border: none; - padding-left: 0; +.wp-block-quote.has-text-align-center{ + border:none; + padding-left:0; } -.wp-block-quote.is-style-plain, .wp-block-quote.is-style-large, .wp-block-quote.is-large { - border: none; +.wp-block-quote.is-large,.wp-block-quote.is-style-large,.wp-block-quote.is-style-plain{ + border:none; } \ No newline at end of file diff --git a/wp-includes/blocks/read-more/style-rtl.css b/wp-includes/blocks/read-more/style-rtl.css index 94b77a94ef..8cfefa83df 100644 --- a/wp-includes/blocks/read-more/style-rtl.css +++ b/wp-includes/blocks/read-more/style-rtl.css @@ -1,87 +1,8 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-read-more { - display: block; - width: -moz-fit-content; - width: fit-content; +.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; +.wp-block-read-more:not([style*=text-decoration]),.wp-block-read-more:not([style*=text-decoration]):active,.wp-block-read-more:not([style*=text-decoration]):focus{ + text-decoration:none; } \ No newline at end of file diff --git a/wp-includes/blocks/read-more/style.css b/wp-includes/blocks/read-more/style.css index 94b77a94ef..8cfefa83df 100644 --- a/wp-includes/blocks/read-more/style.css +++ b/wp-includes/blocks/read-more/style.css @@ -1,87 +1,8 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-read-more { - display: block; - width: -moz-fit-content; - width: fit-content; +.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; +.wp-block-read-more:not([style*=text-decoration]),.wp-block-read-more:not([style*=text-decoration]):active,.wp-block-read-more:not([style*=text-decoration]):focus{ + text-decoration:none; } \ No newline at end of file diff --git a/wp-includes/blocks/rss/editor-rtl.css b/wp-includes/blocks/rss/editor-rtl.css index 33bd6f4796..c61349b5e3 100644 --- a/wp-includes/blocks/rss/editor-rtl.css +++ b/wp-includes/blocks/rss/editor-rtl.css @@ -1,105 +1,28 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-rss li a > div { - display: inline; +.wp-block-rss li a>div{ + display:inline; } -.wp-block-rss__placeholder-form { - display: flex; - align-items: stretch; +.wp-block-rss__placeholder-form{ + align-items:stretch; + display:flex; } -.wp-block-rss__placeholder-form > * { - margin-bottom: 8px; +.wp-block-rss__placeholder-form>*{ + margin-bottom:8px; } -@media (min-width: 782px) { - .wp-block-rss__placeholder-form > * { - margin-bottom: 0; +@media (min-width:782px){ + .wp-block-rss__placeholder-form>*{ + margin-bottom:0; } } -.wp-block-rss__placeholder-input { - display: flex; - align-items: stretch; - flex-grow: 1; +.wp-block-rss__placeholder-input{ + align-items:stretch; + display:flex; + flex-grow:1; } -.wp-block-rss__placeholder-input .components-base-control__field { - margin: 0; - display: flex; - align-items: stretch; - flex-grow: 1; - margin-left: 8px; +.wp-block-rss__placeholder-input .components-base-control__field{ + align-items:stretch; + display:flex; + flex-grow:1; + margin:0 0 0 8px; } \ No newline at end of file diff --git a/wp-includes/blocks/rss/editor.css b/wp-includes/blocks/rss/editor.css index 2495be19a9..d2a0cac640 100644 --- a/wp-includes/blocks/rss/editor.css +++ b/wp-includes/blocks/rss/editor.css @@ -1,105 +1,28 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-rss li a > div { - display: inline; +.wp-block-rss li a>div{ + display:inline; } -.wp-block-rss__placeholder-form { - display: flex; - align-items: stretch; +.wp-block-rss__placeholder-form{ + align-items:stretch; + display:flex; } -.wp-block-rss__placeholder-form > * { - margin-bottom: 8px; +.wp-block-rss__placeholder-form>*{ + margin-bottom:8px; } -@media (min-width: 782px) { - .wp-block-rss__placeholder-form > * { - margin-bottom: 0; +@media (min-width:782px){ + .wp-block-rss__placeholder-form>*{ + margin-bottom:0; } } -.wp-block-rss__placeholder-input { - display: flex; - align-items: stretch; - flex-grow: 1; +.wp-block-rss__placeholder-input{ + align-items:stretch; + display:flex; + flex-grow:1; } -.wp-block-rss__placeholder-input .components-base-control__field { - margin: 0; - display: flex; - align-items: stretch; - flex-grow: 1; - margin-right: 8px; +.wp-block-rss__placeholder-input .components-base-control__field{ + align-items:stretch; + display:flex; + flex-grow:1; + margin:0 8px 0 0; } \ No newline at end of file diff --git a/wp-includes/blocks/rss/style-rtl.css b/wp-includes/blocks/rss/style-rtl.css index ea8a8760ba..2e5edd0047 100644 --- a/wp-includes/blocks/rss/style-rtl.css +++ b/wp-includes/blocks/rss/style-rtl.css @@ -1,122 +1,45 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -ul.wp-block-rss { - list-style: none; - padding: 0; +ul.wp-block-rss{ + list-style:none; + padding:0; } -ul.wp-block-rss.wp-block-rss { - box-sizing: border-box; +ul.wp-block-rss.wp-block-rss{ + box-sizing:border-box; } -ul.wp-block-rss.alignleft { - margin-right: 2em; +ul.wp-block-rss.alignleft{ + margin-right:2em; } -ul.wp-block-rss.alignright { - margin-left: 2em; +ul.wp-block-rss.alignright{ + margin-left:2em; } -ul.wp-block-rss.is-grid { - display: flex; - flex-wrap: wrap; - padding: 0; - list-style: none; +ul.wp-block-rss.is-grid{ + display:flex; + flex-wrap:wrap; + list-style:none; + padding:0; } -ul.wp-block-rss.is-grid li { - margin: 0 0 1em 1em; - width: 100%; +ul.wp-block-rss.is-grid li{ + margin:0 0 1em 1em; + width:100%; } -@media (min-width: 600px) { - ul.wp-block-rss.columns-2 li { - width: calc(( 100% / 2 ) - 1em); +@media (min-width:600px){ + ul.wp-block-rss.columns-2 li{ + width:calc(50% - 1em); } - ul.wp-block-rss.columns-3 li { - width: calc(( 100% / 3 ) - 1em); + ul.wp-block-rss.columns-3 li{ + width:calc(33.33333% - 1em); } - ul.wp-block-rss.columns-4 li { - width: calc(( 100% / 4 ) - 1em); + ul.wp-block-rss.columns-4 li{ + width:calc(25% - 1em); } - ul.wp-block-rss.columns-5 li { - width: calc(( 100% / 5 ) - 1em); + ul.wp-block-rss.columns-5 li{ + width:calc(20% - 1em); } - ul.wp-block-rss.columns-6 li { - width: calc(( 100% / 6 ) - 1em); + ul.wp-block-rss.columns-6 li{ + width:calc(16.66667% - 1em); } } -.wp-block-rss__item-publish-date, -.wp-block-rss__item-author { - display: block; - font-size: 0.8125em; +.wp-block-rss__item-author,.wp-block-rss__item-publish-date{ + display:block; + font-size:.8125em; } \ No newline at end of file diff --git a/wp-includes/blocks/rss/style.css b/wp-includes/blocks/rss/style.css index 9956134a0d..e25bf93759 100644 --- a/wp-includes/blocks/rss/style.css +++ b/wp-includes/blocks/rss/style.css @@ -1,124 +1,45 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -ul.wp-block-rss { - list-style: none; - padding: 0; +ul.wp-block-rss{ + list-style:none; + padding:0; } -ul.wp-block-rss.wp-block-rss { - box-sizing: border-box; +ul.wp-block-rss.wp-block-rss{ + box-sizing:border-box; } -ul.wp-block-rss.alignleft { - /*rtl:ignore*/ - margin-right: 2em; +ul.wp-block-rss.alignleft{ + margin-right:2em; } -ul.wp-block-rss.alignright { - /*rtl:ignore*/ - margin-left: 2em; +ul.wp-block-rss.alignright{ + margin-left:2em; } -ul.wp-block-rss.is-grid { - display: flex; - flex-wrap: wrap; - padding: 0; - list-style: none; +ul.wp-block-rss.is-grid{ + display:flex; + flex-wrap:wrap; + list-style:none; + padding:0; } -ul.wp-block-rss.is-grid li { - margin: 0 1em 1em 0; - width: 100%; +ul.wp-block-rss.is-grid li{ + margin:0 1em 1em 0; + width:100%; } -@media (min-width: 600px) { - ul.wp-block-rss.columns-2 li { - width: calc(( 100% / 2 ) - 1em); +@media (min-width:600px){ + ul.wp-block-rss.columns-2 li{ + width:calc(50% - 1em); } - ul.wp-block-rss.columns-3 li { - width: calc(( 100% / 3 ) - 1em); + ul.wp-block-rss.columns-3 li{ + width:calc(33.33333% - 1em); } - ul.wp-block-rss.columns-4 li { - width: calc(( 100% / 4 ) - 1em); + ul.wp-block-rss.columns-4 li{ + width:calc(25% - 1em); } - ul.wp-block-rss.columns-5 li { - width: calc(( 100% / 5 ) - 1em); + ul.wp-block-rss.columns-5 li{ + width:calc(20% - 1em); } - ul.wp-block-rss.columns-6 li { - width: calc(( 100% / 6 ) - 1em); + ul.wp-block-rss.columns-6 li{ + width:calc(16.66667% - 1em); } } -.wp-block-rss__item-publish-date, -.wp-block-rss__item-author { - display: block; - font-size: 0.8125em; +.wp-block-rss__item-author,.wp-block-rss__item-publish-date{ + display:block; + font-size:.8125em; } \ No newline at end of file diff --git a/wp-includes/blocks/search/editor-rtl.css b/wp-includes/blocks/search/editor-rtl.css index 0dcbd6513e..02dea0c193 100644 --- a/wp-includes/blocks/search/editor-rtl.css +++ b/wp-includes/blocks/search/editor-rtl.css @@ -1,89 +1,13 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block[data-align=center] .wp-block-search .wp-block-search__inside-wrapper { - margin: auto; +.wp-block[data-align=center] .wp-block-search .wp-block-search__inside-wrapper{ + margin:auto; } -.wp-block-search .wp-block-search__button { - height: auto; - border-radius: initial; - display: flex; - align-items: center; +.wp-block-search .wp-block-search__button{ + align-items:center; + border-radius:initial; + display:flex; + height:auto; } -.wp-block-search__components-button-group { - margin-top: 10px; +.wp-block-search__components-button-group{ + margin-top:10px; } \ No newline at end of file diff --git a/wp-includes/blocks/search/editor.css b/wp-includes/blocks/search/editor.css index 0dcbd6513e..02dea0c193 100644 --- a/wp-includes/blocks/search/editor.css +++ b/wp-includes/blocks/search/editor.css @@ -1,89 +1,13 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block[data-align=center] .wp-block-search .wp-block-search__inside-wrapper { - margin: auto; +.wp-block[data-align=center] .wp-block-search .wp-block-search__inside-wrapper{ + margin:auto; } -.wp-block-search .wp-block-search__button { - height: auto; - border-radius: initial; - display: flex; - align-items: center; +.wp-block-search .wp-block-search__button{ + align-items:center; + border-radius:initial; + display:flex; + height:auto; } -.wp-block-search__components-button-group { - margin-top: 10px; +.wp-block-search__components-button-group{ + margin-top:10px; } \ No newline at end of file diff --git a/wp-includes/blocks/search/style-rtl.css b/wp-includes/blocks/search/style-rtl.css index c11f305168..109f3daec0 100644 --- a/wp-includes/blocks/search/style-rtl.css +++ b/wp-includes/blocks/search/style-rtl.css @@ -1,139 +1,63 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-search__button { - margin-right: 0.625em; - word-break: normal; +.wp-block-search__button{ + margin-right:.625em; + word-break:normal; } -.wp-block-search__button.has-icon { - line-height: 0; +.wp-block-search__button.has-icon{ + line-height:0; } -.wp-block-search__button svg { - min-width: 1.5em; - min-height: 1.5em; - fill: currentColor; - vertical-align: text-bottom; +.wp-block-search__button svg{ + fill:currentColor; + min-height:1.5em; + min-width:1.5em; + vertical-align:text-bottom; } -:where(.wp-block-search__button) { - border: 1px solid #ccc; - padding: 0.375em 0.625em; +:where(.wp-block-search__button){ + border:1px solid #ccc; + padding:.375em .625em; } -.wp-block-search__inside-wrapper { - display: flex; - flex: auto; - flex-wrap: nowrap; - max-width: 100%; +.wp-block-search__inside-wrapper{ + display:flex; + flex:auto; + flex-wrap:nowrap; + max-width:100%; } -.wp-block-search__label { - width: 100%; +.wp-block-search__label{ + width:100%; } -.wp-block-search__input { - padding: 8px; - flex-grow: 1; - margin-right: 0; - margin-left: 0; - min-width: 3em; - border: 1px solid #949494; - text-decoration: unset !important; +.wp-block-search__input{ + border:1px solid #949494; + flex-grow:1; + margin-left:0; + margin-right:0; + min-width:3em; + padding:8px; + text-decoration:unset !important; } -.wp-block-search.wp-block-search__button-only .wp-block-search__button { - margin-right: 0; +.wp-block-search.wp-block-search__button-only .wp-block-search__button{ + margin-right:0; } -:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) { - padding: 4px; - border: 1px solid #949494; +:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper){ + border:1px solid #949494; + padding:4px; } -:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) .wp-block-search__input { - border-radius: 0; - border: none; - padding: 0 0.25em 0 0; +:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) .wp-block-search__input{ + border:none; + border-radius:0; + padding:0 .25em 0 0; } -:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) .wp-block-search__input:focus { - outline: none; +:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) .wp-block-search__input:focus{ + outline:none; } -:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) :where(.wp-block-search__button) { - padding: 0.125em 0.5em; +:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) :where(.wp-block-search__button){ + padding:.125em .5em; } -.wp-block-search.aligncenter .wp-block-search__inside-wrapper { - margin: auto; +.wp-block-search.aligncenter .wp-block-search__inside-wrapper{ + margin:auto; } \ No newline at end of file diff --git a/wp-includes/blocks/search/style.css b/wp-includes/blocks/search/style.css index ca699d0d13..a4fcdfd0ed 100644 --- a/wp-includes/blocks/search/style.css +++ b/wp-includes/blocks/search/style.css @@ -1,139 +1,63 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-search__button { - margin-left: 0.625em; - word-break: normal; +.wp-block-search__button{ + margin-left:.625em; + word-break:normal; } -.wp-block-search__button.has-icon { - line-height: 0; +.wp-block-search__button.has-icon{ + line-height:0; } -.wp-block-search__button svg { - min-width: 1.5em; - min-height: 1.5em; - fill: currentColor; - vertical-align: text-bottom; +.wp-block-search__button svg{ + fill:currentColor; + min-height:1.5em; + min-width:1.5em; + vertical-align:text-bottom; } -:where(.wp-block-search__button) { - border: 1px solid #ccc; - padding: 0.375em 0.625em; +:where(.wp-block-search__button){ + border:1px solid #ccc; + padding:.375em .625em; } -.wp-block-search__inside-wrapper { - display: flex; - flex: auto; - flex-wrap: nowrap; - max-width: 100%; +.wp-block-search__inside-wrapper{ + display:flex; + flex:auto; + flex-wrap:nowrap; + max-width:100%; } -.wp-block-search__label { - width: 100%; +.wp-block-search__label{ + width:100%; } -.wp-block-search__input { - padding: 8px; - flex-grow: 1; - margin-left: 0; - margin-right: 0; - min-width: 3em; - border: 1px solid #949494; - text-decoration: unset !important; +.wp-block-search__input{ + border:1px solid #949494; + flex-grow:1; + margin-left:0; + margin-right:0; + min-width:3em; + padding:8px; + text-decoration:unset !important; } -.wp-block-search.wp-block-search__button-only .wp-block-search__button { - margin-left: 0; +.wp-block-search.wp-block-search__button-only .wp-block-search__button{ + margin-left:0; } -:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) { - padding: 4px; - border: 1px solid #949494; +:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper){ + border:1px solid #949494; + padding:4px; } -:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) .wp-block-search__input { - border-radius: 0; - border: none; - padding: 0 0 0 0.25em; +:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) .wp-block-search__input{ + border:none; + border-radius:0; + padding:0 0 0 .25em; } -:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) .wp-block-search__input:focus { - outline: none; +:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) .wp-block-search__input:focus{ + outline:none; } -:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) :where(.wp-block-search__button) { - padding: 0.125em 0.5em; +:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) :where(.wp-block-search__button){ + padding:.125em .5em; } -.wp-block-search.aligncenter .wp-block-search__inside-wrapper { - margin: auto; +.wp-block-search.aligncenter .wp-block-search__inside-wrapper{ + margin:auto; } \ No newline at end of file diff --git a/wp-includes/blocks/search/theme-rtl.css b/wp-includes/blocks/search/theme-rtl.css index e9265a3959..18713bb9ca 100644 --- a/wp-includes/blocks/search/theme-rtl.css +++ b/wp-includes/blocks/search/theme-rtl.css @@ -1,84 +1,8 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-search .wp-block-search__label { - font-weight: bold; +.wp-block-search .wp-block-search__label{ + font-weight:700; } -.wp-block-search__button { - border: 1px solid #ccc; - padding: 0.375em 0.625em; +.wp-block-search__button{ + border:1px solid #ccc; + padding:.375em .625em; } \ No newline at end of file diff --git a/wp-includes/blocks/search/theme.css b/wp-includes/blocks/search/theme.css index e9265a3959..18713bb9ca 100644 --- a/wp-includes/blocks/search/theme.css +++ b/wp-includes/blocks/search/theme.css @@ -1,84 +1,8 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-search .wp-block-search__label { - font-weight: bold; +.wp-block-search .wp-block-search__label{ + font-weight:700; } -.wp-block-search__button { - border: 1px solid #ccc; - padding: 0.375em 0.625em; +.wp-block-search__button{ + border:1px solid #ccc; + padding:.375em .625em; } \ No newline at end of file diff --git a/wp-includes/blocks/separator/editor-rtl.css b/wp-includes/blocks/separator/editor-rtl.css index 0774032487..61ef708da4 100644 --- a/wp-includes/blocks/separator/editor-rtl.css +++ b/wp-includes/blocks/separator/editor-rtl.css @@ -1,84 +1,8 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.block-editor-block-list__block[data-type="core/separator"] { - padding-top: 0.1px; - padding-bottom: 0.1px; +.block-editor-block-list__block[data-type="core/separator"]{ + padding-bottom:.1px; + padding-top:.1px; } -.block-editor-block-list__block[data-type="core/separator"].wp-block-separator.is-style-dots { - background: none !important; - border: none; +.block-editor-block-list__block[data-type="core/separator"].wp-block-separator.is-style-dots{ + background:none !important; + border:none; } \ No newline at end of file diff --git a/wp-includes/blocks/separator/editor.css b/wp-includes/blocks/separator/editor.css index 0774032487..61ef708da4 100644 --- a/wp-includes/blocks/separator/editor.css +++ b/wp-includes/blocks/separator/editor.css @@ -1,84 +1,8 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.block-editor-block-list__block[data-type="core/separator"] { - padding-top: 0.1px; - padding-bottom: 0.1px; +.block-editor-block-list__block[data-type="core/separator"]{ + padding-bottom:.1px; + padding-top:.1px; } -.block-editor-block-list__block[data-type="core/separator"].wp-block-separator.is-style-dots { - background: none !important; - border: none; +.block-editor-block-list__block[data-type="core/separator"].wp-block-separator.is-style-dots{ + background:none !important; + border:none; } \ No newline at end of file diff --git a/wp-includes/blocks/separator/style-rtl.css b/wp-includes/blocks/separator/style-rtl.css index 98c37ee6c4..e0faf6da61 100644 --- a/wp-includes/blocks/separator/style-rtl.css +++ b/wp-includes/blocks/separator/style-rtl.css @@ -1,98 +1,21 @@ @charset "UTF-8"; -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-separator { - border-top: 1px solid currentColor; - border-bottom: 1px solid currentColor; - border-right: none; - border-left: none; +.wp-block-separator{ + border:1px solid; + border-left:none; + border-right:none; } -.wp-block-separator.is-style-dots { - background: none !important; - border: none; - text-align: center; - line-height: 1; - height: auto; +.wp-block-separator.is-style-dots{ + background:none !important; + border:none; + height:auto; + line-height:1; + text-align:center; } -.wp-block-separator.is-style-dots::before { - content: "···"; - color: currentColor; - font-size: 1.5em; - letter-spacing: 2em; - padding-left: 2em; - font-family: serif; +.wp-block-separator.is-style-dots:before{ + color:currentColor; + content:"···"; + font-family:serif; + font-size:1.5em; + letter-spacing:2em; + padding-left:2em; } \ No newline at end of file diff --git a/wp-includes/blocks/separator/style.css b/wp-includes/blocks/separator/style.css index 0208b63a18..e0faf6da61 100644 --- a/wp-includes/blocks/separator/style.css +++ b/wp-includes/blocks/separator/style.css @@ -1,99 +1,21 @@ @charset "UTF-8"; -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-separator { - border-top: 1px solid currentColor; - border-bottom: 1px solid currentColor; - border-left: none; - border-right: none; +.wp-block-separator{ + border:1px solid; + border-left:none; + border-right:none; } -.wp-block-separator.is-style-dots { - background: none !important; - border: none; - text-align: center; - line-height: 1; - height: auto; +.wp-block-separator.is-style-dots{ + background:none !important; + border:none; + height:auto; + line-height:1; + text-align:center; } -.wp-block-separator.is-style-dots::before { - content: "···"; - color: currentColor; - font-size: 1.5em; - letter-spacing: 2em; - /*rtl:ignore*/ - padding-left: 2em; - font-family: serif; +.wp-block-separator.is-style-dots:before{ + color:currentColor; + content:"···"; + font-family:serif; + font-size:1.5em; + letter-spacing:2em; + padding-left:2em; } \ No newline at end of file diff --git a/wp-includes/blocks/separator/theme-rtl.css b/wp-includes/blocks/separator/theme-rtl.css index f0d406f48d..57b48e4906 100644 --- a/wp-includes/blocks/separator/theme-rtl.css +++ b/wp-includes/blocks/separator/theme-rtl.css @@ -1,99 +1,23 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-separator.has-css-opacity { - opacity: 0.4; +.wp-block-separator.has-css-opacity{ + opacity:.4; } -.wp-block-separator { - border: none; - border-bottom: 2px solid currentColor; - margin-right: auto; - margin-left: auto; +.wp-block-separator{ + border:none; + border-bottom:2px solid; + margin-left:auto; + margin-right:auto; } -.wp-block-separator.has-alpha-channel-opacity { - opacity: initial; +.wp-block-separator.has-alpha-channel-opacity{ + opacity:1; } -.wp-block-separator:not(.is-style-wide):not(.is-style-dots) { - width: 100px; +.wp-block-separator:not(.is-style-wide):not(.is-style-dots){ + width:100px; } -.wp-block-separator.has-background:not(.is-style-dots) { - border-bottom: none; - height: 1px; +.wp-block-separator.has-background:not(.is-style-dots){ + border-bottom:none; + height:1px; } -.wp-block-separator.has-background:not(.is-style-wide):not(.is-style-dots) { - height: 2px; +.wp-block-separator.has-background:not(.is-style-wide):not(.is-style-dots){ + height:2px; } \ No newline at end of file diff --git a/wp-includes/blocks/separator/theme.css b/wp-includes/blocks/separator/theme.css index 81c909a41c..57b48e4906 100644 --- a/wp-includes/blocks/separator/theme.css +++ b/wp-includes/blocks/separator/theme.css @@ -1,99 +1,23 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-separator.has-css-opacity { - opacity: 0.4; +.wp-block-separator.has-css-opacity{ + opacity:.4; } -.wp-block-separator { - border: none; - border-bottom: 2px solid currentColor; - margin-left: auto; - margin-right: auto; +.wp-block-separator{ + border:none; + border-bottom:2px solid; + margin-left:auto; + margin-right:auto; } -.wp-block-separator.has-alpha-channel-opacity { - opacity: initial; +.wp-block-separator.has-alpha-channel-opacity{ + opacity:1; } -.wp-block-separator:not(.is-style-wide):not(.is-style-dots) { - width: 100px; +.wp-block-separator:not(.is-style-wide):not(.is-style-dots){ + width:100px; } -.wp-block-separator.has-background:not(.is-style-dots) { - border-bottom: none; - height: 1px; +.wp-block-separator.has-background:not(.is-style-dots){ + border-bottom:none; + height:1px; } -.wp-block-separator.has-background:not(.is-style-wide):not(.is-style-dots) { - height: 2px; +.wp-block-separator.has-background:not(.is-style-wide):not(.is-style-dots){ + height:2px; } \ No newline at end of file diff --git a/wp-includes/blocks/shortcode/editor-rtl.css b/wp-includes/blocks/shortcode/editor-rtl.css index 264d9cfd98..6eeb8ac3cb 100644 --- a/wp-includes/blocks/shortcode/editor-rtl.css +++ b/wp-includes/blocks/shortcode/editor-rtl.css @@ -1,123 +1,44 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -[data-type="core/shortcode"] .block-editor-plain-text { - max-height: 250px; +[data-type="core/shortcode"] .block-editor-plain-text{ + max-height:250px; } -[data-type="core/shortcode"].components-placeholder { - min-height: 0; +[data-type="core/shortcode"].components-placeholder{ + min-height:0; } -.blocks-shortcode__textarea { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - padding: 6px 8px; - box-shadow: 0 0 0 transparent; - transition: box-shadow 0.1s linear; - border-radius: 2px; - border: 1px solid #757575; - /* Fonts smaller than 16px causes mobile safari to zoom. */ - font-size: 16px; - /* Override core line-height. To be reviewed. */ - line-height: normal; +.blocks-shortcode__textarea{ + border:1px solid #757575; + border-radius:2px; + box-shadow:0 0 0 transparent; + font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; + font-size:16px; + line-height:normal; + padding:6px 8px; + transition:box-shadow .1s linear; } -@media (prefers-reduced-motion: reduce) { - .blocks-shortcode__textarea { - transition-duration: 0s; - transition-delay: 0s; +@media (prefers-reduced-motion:reduce){ + .blocks-shortcode__textarea{ + transition-delay:0s; + transition-duration:0s; } } -@media (min-width: 600px) { - .blocks-shortcode__textarea { - font-size: 13px; - /* Override core line-height. To be reviewed. */ - line-height: normal; +@media (min-width:600px){ + .blocks-shortcode__textarea{ + font-size:13px; + line-height:normal; } } -.blocks-shortcode__textarea:focus { - border-color: var(--wp-admin-theme-color); - box-shadow: 0 0 0 1px var(--wp-admin-theme-color); - outline: 2px solid transparent; +.blocks-shortcode__textarea:focus{ + border-color:var(--wp-admin-theme-color); + box-shadow:0 0 0 1px var(--wp-admin-theme-color); + outline:2px solid transparent; } -.blocks-shortcode__textarea::-webkit-input-placeholder { - color: rgba(30, 30, 30, 0.62); +.blocks-shortcode__textarea::-webkit-input-placeholder{ + color:rgba(30,30,30,.62); } -.blocks-shortcode__textarea::-moz-placeholder { - opacity: 1; - color: rgba(30, 30, 30, 0.62); +.blocks-shortcode__textarea::-moz-placeholder{ + color:rgba(30,30,30,.62); + opacity:1; } -.blocks-shortcode__textarea:-ms-input-placeholder { - color: rgba(30, 30, 30, 0.62); +.blocks-shortcode__textarea:-ms-input-placeholder{ + color:rgba(30,30,30,.62); } \ No newline at end of file diff --git a/wp-includes/blocks/shortcode/editor.css b/wp-includes/blocks/shortcode/editor.css index 264d9cfd98..6eeb8ac3cb 100644 --- a/wp-includes/blocks/shortcode/editor.css +++ b/wp-includes/blocks/shortcode/editor.css @@ -1,123 +1,44 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -[data-type="core/shortcode"] .block-editor-plain-text { - max-height: 250px; +[data-type="core/shortcode"] .block-editor-plain-text{ + max-height:250px; } -[data-type="core/shortcode"].components-placeholder { - min-height: 0; +[data-type="core/shortcode"].components-placeholder{ + min-height:0; } -.blocks-shortcode__textarea { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - padding: 6px 8px; - box-shadow: 0 0 0 transparent; - transition: box-shadow 0.1s linear; - border-radius: 2px; - border: 1px solid #757575; - /* Fonts smaller than 16px causes mobile safari to zoom. */ - font-size: 16px; - /* Override core line-height. To be reviewed. */ - line-height: normal; +.blocks-shortcode__textarea{ + border:1px solid #757575; + border-radius:2px; + box-shadow:0 0 0 transparent; + font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; + font-size:16px; + line-height:normal; + padding:6px 8px; + transition:box-shadow .1s linear; } -@media (prefers-reduced-motion: reduce) { - .blocks-shortcode__textarea { - transition-duration: 0s; - transition-delay: 0s; +@media (prefers-reduced-motion:reduce){ + .blocks-shortcode__textarea{ + transition-delay:0s; + transition-duration:0s; } } -@media (min-width: 600px) { - .blocks-shortcode__textarea { - font-size: 13px; - /* Override core line-height. To be reviewed. */ - line-height: normal; +@media (min-width:600px){ + .blocks-shortcode__textarea{ + font-size:13px; + line-height:normal; } } -.blocks-shortcode__textarea:focus { - border-color: var(--wp-admin-theme-color); - box-shadow: 0 0 0 1px var(--wp-admin-theme-color); - outline: 2px solid transparent; +.blocks-shortcode__textarea:focus{ + border-color:var(--wp-admin-theme-color); + box-shadow:0 0 0 1px var(--wp-admin-theme-color); + outline:2px solid transparent; } -.blocks-shortcode__textarea::-webkit-input-placeholder { - color: rgba(30, 30, 30, 0.62); +.blocks-shortcode__textarea::-webkit-input-placeholder{ + color:rgba(30,30,30,.62); } -.blocks-shortcode__textarea::-moz-placeholder { - opacity: 1; - color: rgba(30, 30, 30, 0.62); +.blocks-shortcode__textarea::-moz-placeholder{ + color:rgba(30,30,30,.62); + opacity:1; } -.blocks-shortcode__textarea:-ms-input-placeholder { - color: rgba(30, 30, 30, 0.62); +.blocks-shortcode__textarea:-ms-input-placeholder{ + color:rgba(30,30,30,.62); } \ No newline at end of file diff --git a/wp-includes/blocks/site-logo/editor-rtl.css b/wp-includes/blocks/site-logo/editor-rtl.css index c41d89d4d7..5b7f7ea2bb 100644 --- a/wp-includes/blocks/site-logo/editor-rtl.css +++ b/wp-includes/blocks/site-logo/editor-rtl.css @@ -1,142 +1,61 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block[data-align=center] > .wp-block-site-logo, -.wp-block-site-logo.aligncenter > div { - display: table; - margin-right: auto; - margin-left: auto; +.wp-block-site-logo.aligncenter>div,.wp-block[data-align=center]>.wp-block-site-logo{ + display:table; + margin-left:auto; + margin-right:auto; } -.wp-block-site-logo a { - pointer-events: none; +.wp-block-site-logo a{ + pointer-events:none; } -.wp-block-site-logo .custom-logo-link { - cursor: inherit; +.wp-block-site-logo .custom-logo-link{ + cursor:inherit; } -.wp-block-site-logo .custom-logo-link:focus { - box-shadow: none; +.wp-block-site-logo .custom-logo-link:focus{ + box-shadow:none; } -.wp-block-site-logo .custom-logo-link.is-transient img { - opacity: 0.3; +.wp-block-site-logo .custom-logo-link.is-transient img{ + opacity:.3; } -.wp-block-site-logo img { - display: block; - height: auto; - max-width: 100%; +.wp-block-site-logo img{ + display:block; + height:auto; + max-width:100%; } -.wp-block-site-logo.wp-block-site-logo.is-default-size .components-placeholder { - height: 120px; - width: 120px; +.wp-block-site-logo.wp-block-site-logo.is-default-size .components-placeholder{ + height:120px; + width:120px; } -.wp-block-site-logo.wp-block-site-logo > div, -.wp-block-site-logo.wp-block-site-logo .components-resizable-box__container { - border-radius: inherit; +.wp-block-site-logo.wp-block-site-logo .components-resizable-box__container,.wp-block-site-logo.wp-block-site-logo>div{ + border-radius:inherit; } -.wp-block-site-logo.wp-block-site-logo .components-placeholder { - justify-content: center; - align-items: center; - padding: 0; - border-radius: inherit; - min-height: 48px; - min-width: 48px; - height: 100%; - width: 100%; +.wp-block-site-logo.wp-block-site-logo .components-placeholder{ + align-items:center; + border-radius:inherit; + height:100%; + justify-content:center; + min-height:48px; + min-width:48px; + padding:0; + width:100%; } -.wp-block-site-logo.wp-block-site-logo .components-placeholder .components-form-file-upload { - display: none; +.wp-block-site-logo.wp-block-site-logo .components-placeholder .components-drop-zone__content-text,.wp-block-site-logo.wp-block-site-logo .components-placeholder .components-form-file-upload{ + display:none; } -.wp-block-site-logo.wp-block-site-logo .components-placeholder .components-drop-zone__content-text { - display: none; +.wp-block-site-logo.wp-block-site-logo .components-placeholder .components-button.components-button{ + align-items:center; + background:var(--wp-admin-theme-color); + border-color:var(--wp-admin-theme-color); + border-radius:50%; + border-style:solid; + color:#fff; + display:flex; + height:48px; + justify-content:center; + padding:0; + position:relative; + width:48px; } -.wp-block-site-logo.wp-block-site-logo .components-placeholder .components-button.components-button { - padding: 0; - display: flex; - justify-content: center; - align-items: center; - width: 48px; - height: 48px; - border-radius: 50%; - position: relative; - background: var(--wp-admin-theme-color); - border-color: var(--wp-admin-theme-color); - border-style: solid; - color: #fff; -} -.wp-block-site-logo.wp-block-site-logo .components-placeholder .components-button.components-button > svg { - color: inherit; +.wp-block-site-logo.wp-block-site-logo .components-placeholder .components-button.components-button>svg{ + color:inherit; } \ No newline at end of file diff --git a/wp-includes/blocks/site-logo/editor.css b/wp-includes/blocks/site-logo/editor.css index f8972b42d4..5b7f7ea2bb 100644 --- a/wp-includes/blocks/site-logo/editor.css +++ b/wp-includes/blocks/site-logo/editor.css @@ -1,142 +1,61 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block[data-align=center] > .wp-block-site-logo, -.wp-block-site-logo.aligncenter > div { - display: table; - margin-left: auto; - margin-right: auto; +.wp-block-site-logo.aligncenter>div,.wp-block[data-align=center]>.wp-block-site-logo{ + display:table; + margin-left:auto; + margin-right:auto; } -.wp-block-site-logo a { - pointer-events: none; +.wp-block-site-logo a{ + pointer-events:none; } -.wp-block-site-logo .custom-logo-link { - cursor: inherit; +.wp-block-site-logo .custom-logo-link{ + cursor:inherit; } -.wp-block-site-logo .custom-logo-link:focus { - box-shadow: none; +.wp-block-site-logo .custom-logo-link:focus{ + box-shadow:none; } -.wp-block-site-logo .custom-logo-link.is-transient img { - opacity: 0.3; +.wp-block-site-logo .custom-logo-link.is-transient img{ + opacity:.3; } -.wp-block-site-logo img { - display: block; - height: auto; - max-width: 100%; +.wp-block-site-logo img{ + display:block; + height:auto; + max-width:100%; } -.wp-block-site-logo.wp-block-site-logo.is-default-size .components-placeholder { - height: 120px; - width: 120px; +.wp-block-site-logo.wp-block-site-logo.is-default-size .components-placeholder{ + height:120px; + width:120px; } -.wp-block-site-logo.wp-block-site-logo > div, -.wp-block-site-logo.wp-block-site-logo .components-resizable-box__container { - border-radius: inherit; +.wp-block-site-logo.wp-block-site-logo .components-resizable-box__container,.wp-block-site-logo.wp-block-site-logo>div{ + border-radius:inherit; } -.wp-block-site-logo.wp-block-site-logo .components-placeholder { - justify-content: center; - align-items: center; - padding: 0; - border-radius: inherit; - min-height: 48px; - min-width: 48px; - height: 100%; - width: 100%; +.wp-block-site-logo.wp-block-site-logo .components-placeholder{ + align-items:center; + border-radius:inherit; + height:100%; + justify-content:center; + min-height:48px; + min-width:48px; + padding:0; + width:100%; } -.wp-block-site-logo.wp-block-site-logo .components-placeholder .components-form-file-upload { - display: none; +.wp-block-site-logo.wp-block-site-logo .components-placeholder .components-drop-zone__content-text,.wp-block-site-logo.wp-block-site-logo .components-placeholder .components-form-file-upload{ + display:none; } -.wp-block-site-logo.wp-block-site-logo .components-placeholder .components-drop-zone__content-text { - display: none; +.wp-block-site-logo.wp-block-site-logo .components-placeholder .components-button.components-button{ + align-items:center; + background:var(--wp-admin-theme-color); + border-color:var(--wp-admin-theme-color); + border-radius:50%; + border-style:solid; + color:#fff; + display:flex; + height:48px; + justify-content:center; + padding:0; + position:relative; + width:48px; } -.wp-block-site-logo.wp-block-site-logo .components-placeholder .components-button.components-button { - padding: 0; - display: flex; - justify-content: center; - align-items: center; - width: 48px; - height: 48px; - border-radius: 50%; - position: relative; - background: var(--wp-admin-theme-color); - border-color: var(--wp-admin-theme-color); - border-style: solid; - color: #fff; -} -.wp-block-site-logo.wp-block-site-logo .components-placeholder .components-button.components-button > svg { - color: inherit; +.wp-block-site-logo.wp-block-site-logo .components-placeholder .components-button.components-button>svg{ + color:inherit; } \ No newline at end of file diff --git a/wp-includes/blocks/site-logo/style-rtl.css b/wp-includes/blocks/site-logo/style-rtl.css index 0c7b5daa77..41824bf991 100644 --- a/wp-includes/blocks/site-logo/style-rtl.css +++ b/wp-includes/blocks/site-logo/style-rtl.css @@ -1,103 +1,26 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-site-logo { - box-sizing: border-box; - line-height: 0; +.wp-block-site-logo{ + box-sizing:border-box; + line-height:0; } -.wp-block-site-logo a { - display: inline-block; +.wp-block-site-logo a{ + display:inline-block; } -.wp-block-site-logo.is-default-size img { - width: 120px; - height: auto; +.wp-block-site-logo.is-default-size img{ + height:auto; + width:120px; } -.wp-block-site-logo img { - height: auto; - max-width: 100%; +.wp-block-site-logo img{ + height:auto; + max-width:100%; } -.wp-block-site-logo a, -.wp-block-site-logo img { - border-radius: inherit; +.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.aligncenter{ + margin-left:auto; + margin-right:auto; + text-align:center; } -.wp-block-site-logo.is-style-rounded { - border-radius: 9999px; +.wp-block-site-logo.is-style-rounded{ + border-radius:9999px; } \ No newline at end of file diff --git a/wp-includes/blocks/site-logo/style.css b/wp-includes/blocks/site-logo/style.css index 0e3d3e8bca..41824bf991 100644 --- a/wp-includes/blocks/site-logo/style.css +++ b/wp-includes/blocks/site-logo/style.css @@ -1,103 +1,26 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-site-logo { - box-sizing: border-box; - line-height: 0; +.wp-block-site-logo{ + box-sizing:border-box; + line-height:0; } -.wp-block-site-logo a { - display: inline-block; +.wp-block-site-logo a{ + display:inline-block; } -.wp-block-site-logo.is-default-size img { - width: 120px; - height: auto; +.wp-block-site-logo.is-default-size img{ + height:auto; + width:120px; } -.wp-block-site-logo img { - height: auto; - max-width: 100%; +.wp-block-site-logo img{ + height:auto; + max-width:100%; } -.wp-block-site-logo a, -.wp-block-site-logo img { - border-radius: inherit; +.wp-block-site-logo a,.wp-block-site-logo img{ + border-radius:inherit; } -.wp-block-site-logo.aligncenter { - margin-left: auto; - margin-right: auto; - text-align: center; +.wp-block-site-logo.aligncenter{ + margin-left:auto; + margin-right:auto; + text-align:center; } -.wp-block-site-logo.is-style-rounded { - border-radius: 9999px; +.wp-block-site-logo.is-style-rounded{ + border-radius:9999px; } \ No newline at end of file diff --git a/wp-includes/blocks/site-tagline/editor-rtl.css b/wp-includes/blocks/site-tagline/editor-rtl.css index 9718e9c841..b96a39526e 100644 --- a/wp-includes/blocks/site-tagline/editor-rtl.css +++ b/wp-includes/blocks/site-tagline/editor-rtl.css @@ -1,80 +1,4 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-site-tagline__placeholder { - padding: 1em 0; - border: 1px dashed; +.wp-block-site-tagline__placeholder{ + border:1px dashed; + padding:1em 0; } \ No newline at end of file diff --git a/wp-includes/blocks/site-tagline/editor.css b/wp-includes/blocks/site-tagline/editor.css index 9718e9c841..b96a39526e 100644 --- a/wp-includes/blocks/site-tagline/editor.css +++ b/wp-includes/blocks/site-tagline/editor.css @@ -1,80 +1,4 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-site-tagline__placeholder { - padding: 1em 0; - border: 1px dashed; +.wp-block-site-tagline__placeholder{ + border:1px dashed; + padding:1em 0; } \ No newline at end of file diff --git a/wp-includes/blocks/site-title/editor-rtl.css b/wp-includes/blocks/site-title/editor-rtl.css index 703084c6c9..ac270c5f3a 100644 --- a/wp-includes/blocks/site-title/editor-rtl.css +++ b/wp-includes/blocks/site-title/editor-rtl.css @@ -1,80 +1,4 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-site-title__placeholder { - padding: 1em 0; - border: 1px dashed; +.wp-block-site-title__placeholder{ + border:1px dashed; + padding:1em 0; } \ No newline at end of file diff --git a/wp-includes/blocks/site-title/editor.css b/wp-includes/blocks/site-title/editor.css index 703084c6c9..ac270c5f3a 100644 --- a/wp-includes/blocks/site-title/editor.css +++ b/wp-includes/blocks/site-title/editor.css @@ -1,80 +1,4 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-site-title__placeholder { - padding: 1em 0; - border: 1px dashed; +.wp-block-site-title__placeholder{ + border:1px dashed; + padding:1em 0; } \ No newline at end of file diff --git a/wp-includes/blocks/social-link/editor-rtl.css b/wp-includes/blocks/social-link/editor-rtl.css index bd1bf87e5b..8c16bcf2aa 100644 --- a/wp-includes/blocks/social-link/editor-rtl.css +++ b/wp-includes/blocks/social-link/editor-rtl.css @@ -1,96 +1,20 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-social-links .wp-social-link { - line-height: 0; +.wp-block-social-links .wp-social-link{ + line-height:0; } -.wp-block-social-links .wp-social-link button { - font-size: inherit; - color: currentColor; - height: auto; - line-height: 0; - opacity: 1; - padding: 0.25em; +.wp-block-social-links .wp-social-link button{ + color:currentColor; + font-size:inherit; + height:auto; + line-height:0; + opacity:1; + padding:.25em; } -.wp-block-social-links.is-style-pill-shape .wp-social-link button { - padding-right: calc((2/3) * 1em); - padding-left: calc((2/3) * 1em); +.wp-block-social-links.is-style-pill-shape .wp-social-link button{ + padding-left:.66667em; + padding-right:.66667em; } -.wp-block-social-links.is-style-logos-only .wp-social-link button { - padding: 0; +.wp-block-social-links.is-style-logos-only .wp-social-link button{ + padding:0; } \ No newline at end of file diff --git a/wp-includes/blocks/social-link/editor.css b/wp-includes/blocks/social-link/editor.css index fa6f72ccaf..8c16bcf2aa 100644 --- a/wp-includes/blocks/social-link/editor.css +++ b/wp-includes/blocks/social-link/editor.css @@ -1,96 +1,20 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-social-links .wp-social-link { - line-height: 0; +.wp-block-social-links .wp-social-link{ + line-height:0; } -.wp-block-social-links .wp-social-link button { - font-size: inherit; - color: currentColor; - height: auto; - line-height: 0; - opacity: 1; - padding: 0.25em; +.wp-block-social-links .wp-social-link button{ + color:currentColor; + font-size:inherit; + height:auto; + line-height:0; + opacity:1; + padding:.25em; } -.wp-block-social-links.is-style-pill-shape .wp-social-link button { - padding-left: calc((2/3) * 1em); - padding-right: calc((2/3) * 1em); +.wp-block-social-links.is-style-pill-shape .wp-social-link button{ + padding-left:.66667em; + padding-right:.66667em; } -.wp-block-social-links.is-style-logos-only .wp-social-link button { - padding: 0; +.wp-block-social-links.is-style-logos-only .wp-social-link button{ + padding:0; } \ No newline at end of file diff --git a/wp-includes/blocks/social-links/editor-rtl.css b/wp-includes/blocks/social-links/editor-rtl.css index 15216d0421..734c0653ff 100644 --- a/wp-includes/blocks/social-links/editor-rtl.css +++ b/wp-includes/blocks/social-links/editor-rtl.css @@ -1,165 +1,87 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-social-links div.block-editor-url-input { - display: inline-block; - margin-right: 8px; +.wp-block-social-links div.block-editor-url-input{ + display:inline-block; + margin-right:8px; } -.wp-block-social-links.wp-block-social-links { - background: none; +.wp-block-social-links.wp-block-social-links{ + background:none; } -.wp-social-link:hover { - transform: none; +.wp-social-link:hover{ + transform:none; } -.editor-styles-wrapper .wp-block-social-links { - padding: 0; +.editor-styles-wrapper .wp-block-social-links{ + padding:0; } -.wp-block-social-links__social-placeholder { - display: flex; - opacity: 0.8; - list-style: none; +.wp-block-social-links__social-placeholder{ + display:flex; + list-style:none; + opacity:.8; } -.wp-block-social-links__social-placeholder > .wp-social-link { - padding-right: 0 !important; - margin-right: 0 !important; - padding-left: 0 !important; - margin-left: 0 !important; - width: 0 !important; - visibility: hidden; +.wp-block-social-links__social-placeholder>.wp-social-link{ + margin-left:0 !important; + margin-right:0 !important; + padding-left:0 !important; + padding-right:0 !important; + visibility:hidden; + width:0 !important; } -.wp-block-social-links__social-placeholder > .wp-block-social-links__social-placeholder-icons { - display: flex; +.wp-block-social-links__social-placeholder>.wp-block-social-links__social-placeholder-icons{ + display:flex; } -.wp-block-social-links__social-placeholder .wp-social-link { - padding: 0.25em; +.wp-block-social-links__social-placeholder .wp-social-link{ + padding:.25em; } -.is-style-pill-shape .wp-block-social-links__social-placeholder .wp-social-link { - padding-right: calc((2/3) * 1em); - padding-left: calc((2/3) * 1em); +.is-style-pill-shape .wp-block-social-links__social-placeholder .wp-social-link{ + padding-left:.66667em; + padding-right:.66667em; } -.is-style-logos-only .wp-block-social-links__social-placeholder .wp-social-link { - padding: 0; +.is-style-logos-only .wp-block-social-links__social-placeholder .wp-social-link{ + padding:0; } -.wp-block-social-links__social-placeholder .wp-social-link::before { - content: ""; - display: block; - width: 1em; - height: 1em; - border-radius: 50%; +.wp-block-social-links__social-placeholder .wp-social-link:before{ + border-radius:50%; + content:""; + display:block; + height:1em; + width:1em; } -.is-style-logos-only .wp-block-social-links__social-placeholder .wp-social-link::before { - background: currentColor; +.is-style-logos-only .wp-block-social-links__social-placeholder .wp-social-link:before{ + background:currentColor; } -.wp-block-social-links .wp-block-social-links__social-prompt { - min-height: 24px; - list-style: none; - order: 2; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - font-size: 13px; - line-height: 24px; - margin-top: auto; - margin-bottom: auto; - cursor: default; - padding-left: 8px; +.wp-block-social-links .wp-block-social-links__social-prompt{ + cursor:default; + font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; + font-size:13px; + line-height:24px; + list-style:none; + margin-bottom:auto; + margin-top:auto; + min-height:24px; + order:2; + padding-left:8px; } -.wp-block[data-align=center] > .wp-block-social-links { - justify-content: center; +.wp-block[data-align=center]>.wp-block-social-links{ + justify-content:center; } -.block-editor-block-preview__content .components-button:disabled { - opacity: 1; +.block-editor-block-preview__content .components-button:disabled{ + opacity:1; } -.wp-social-link.wp-social-link__is-incomplete { - opacity: 0.5; +.wp-social-link.wp-social-link__is-incomplete{ + opacity:.5; } -@media (prefers-reduced-motion: reduce) { - .wp-social-link.wp-social-link__is-incomplete { - transition-duration: 0s; - transition-delay: 0s; +@media (prefers-reduced-motion:reduce){ + .wp-social-link.wp-social-link__is-incomplete{ + transition-delay:0s; + transition-duration:0s; } } -.wp-block-social-links .is-selected .wp-social-link__is-incomplete, -.wp-social-link.wp-social-link__is-incomplete:hover, -.wp-social-link.wp-social-link__is-incomplete:focus { - opacity: 1; +.wp-block-social-links .is-selected .wp-social-link__is-incomplete,.wp-social-link.wp-social-link__is-incomplete:focus,.wp-social-link.wp-social-link__is-incomplete:hover{ + opacity:1; } \ No newline at end of file diff --git a/wp-includes/blocks/social-links/editor.css b/wp-includes/blocks/social-links/editor.css index 2a5190b6c4..4f62da6a86 100644 --- a/wp-includes/blocks/social-links/editor.css +++ b/wp-includes/blocks/social-links/editor.css @@ -1,165 +1,87 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-social-links div.block-editor-url-input { - display: inline-block; - margin-left: 8px; +.wp-block-social-links div.block-editor-url-input{ + display:inline-block; + margin-left:8px; } -.wp-block-social-links.wp-block-social-links { - background: none; +.wp-block-social-links.wp-block-social-links{ + background:none; } -.wp-social-link:hover { - transform: none; +.wp-social-link:hover{ + transform:none; } -.editor-styles-wrapper .wp-block-social-links { - padding: 0; +.editor-styles-wrapper .wp-block-social-links{ + padding:0; } -.wp-block-social-links__social-placeholder { - display: flex; - opacity: 0.8; - list-style: none; +.wp-block-social-links__social-placeholder{ + display:flex; + list-style:none; + opacity:.8; } -.wp-block-social-links__social-placeholder > .wp-social-link { - padding-left: 0 !important; - margin-left: 0 !important; - padding-right: 0 !important; - margin-right: 0 !important; - width: 0 !important; - visibility: hidden; +.wp-block-social-links__social-placeholder>.wp-social-link{ + margin-left:0 !important; + margin-right:0 !important; + padding-left:0 !important; + padding-right:0 !important; + visibility:hidden; + width:0 !important; } -.wp-block-social-links__social-placeholder > .wp-block-social-links__social-placeholder-icons { - display: flex; +.wp-block-social-links__social-placeholder>.wp-block-social-links__social-placeholder-icons{ + display:flex; } -.wp-block-social-links__social-placeholder .wp-social-link { - padding: 0.25em; +.wp-block-social-links__social-placeholder .wp-social-link{ + padding:.25em; } -.is-style-pill-shape .wp-block-social-links__social-placeholder .wp-social-link { - padding-left: calc((2/3) * 1em); - padding-right: calc((2/3) * 1em); +.is-style-pill-shape .wp-block-social-links__social-placeholder .wp-social-link{ + padding-left:.66667em; + padding-right:.66667em; } -.is-style-logos-only .wp-block-social-links__social-placeholder .wp-social-link { - padding: 0; +.is-style-logos-only .wp-block-social-links__social-placeholder .wp-social-link{ + padding:0; } -.wp-block-social-links__social-placeholder .wp-social-link::before { - content: ""; - display: block; - width: 1em; - height: 1em; - border-radius: 50%; +.wp-block-social-links__social-placeholder .wp-social-link:before{ + border-radius:50%; + content:""; + display:block; + height:1em; + width:1em; } -.is-style-logos-only .wp-block-social-links__social-placeholder .wp-social-link::before { - background: currentColor; +.is-style-logos-only .wp-block-social-links__social-placeholder .wp-social-link:before{ + background:currentColor; } -.wp-block-social-links .wp-block-social-links__social-prompt { - min-height: 24px; - list-style: none; - order: 2; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - font-size: 13px; - line-height: 24px; - margin-top: auto; - margin-bottom: auto; - cursor: default; - padding-right: 8px; +.wp-block-social-links .wp-block-social-links__social-prompt{ + cursor:default; + font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; + font-size:13px; + line-height:24px; + list-style:none; + margin-bottom:auto; + margin-top:auto; + min-height:24px; + order:2; + padding-right:8px; } -.wp-block[data-align=center] > .wp-block-social-links { - justify-content: center; +.wp-block[data-align=center]>.wp-block-social-links{ + justify-content:center; } -.block-editor-block-preview__content .components-button:disabled { - opacity: 1; +.block-editor-block-preview__content .components-button:disabled{ + opacity:1; } -.wp-social-link.wp-social-link__is-incomplete { - opacity: 0.5; +.wp-social-link.wp-social-link__is-incomplete{ + opacity:.5; } -@media (prefers-reduced-motion: reduce) { - .wp-social-link.wp-social-link__is-incomplete { - transition-duration: 0s; - transition-delay: 0s; +@media (prefers-reduced-motion:reduce){ + .wp-social-link.wp-social-link__is-incomplete{ + transition-delay:0s; + transition-duration:0s; } } -.wp-block-social-links .is-selected .wp-social-link__is-incomplete, -.wp-social-link.wp-social-link__is-incomplete:hover, -.wp-social-link.wp-social-link__is-incomplete:focus { - opacity: 1; +.wp-block-social-links .is-selected .wp-social-link__is-incomplete,.wp-social-link.wp-social-link__is-incomplete:focus,.wp-social-link.wp-social-link__is-incomplete:hover{ + opacity:1; } \ No newline at end of file diff --git a/wp-includes/blocks/social-links/style-rtl.css b/wp-includes/blocks/social-links/style-rtl.css index 7d33464841..3d0cbb81e7 100644 --- a/wp-includes/blocks/social-links/style-rtl.css +++ b/wp-includes/blocks/social-links/style-rtl.css @@ -1,455 +1,377 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-social-links { - box-sizing: border-box; - padding-right: 0; - padding-left: 0; - text-indent: 0; - margin-right: 0; - background: none; +.wp-block-social-links{ + background:none; + box-sizing:border-box; + margin-right:0; + padding-left:0; + padding-right:0; + text-indent:0; } -.wp-block-social-links .wp-social-link a, -.wp-block-social-links .wp-social-link a:hover { - text-decoration: none; - border-bottom: 0; - box-shadow: none; +.wp-block-social-links .wp-social-link a,.wp-block-social-links .wp-social-link a:hover{ + border-bottom:0; + box-shadow:none; + text-decoration:none; } -.wp-block-social-links .wp-social-link a { - padding: 0.25em; +.wp-block-social-links .wp-social-link a{ + padding:.25em; } -.wp-block-social-links .wp-social-link svg { - width: 1em; - height: 1em; +.wp-block-social-links .wp-social-link svg{ + height:1em; + width: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 .wp-social-link span:not(.screen-reader-text){ + font-size:.65em; + margin-left:.5em; + margin-right:.5em; } -.wp-block-social-links.has-small-icon-size { - font-size: 16px; +.wp-block-social-links.has-small-icon-size{ + font-size:16px; } -.wp-block-social-links, .wp-block-social-links.has-normal-icon-size { - font-size: 24px; +.wp-block-social-links,.wp-block-social-links.has-normal-icon-size{ + font-size:24px; } -.wp-block-social-links.has-large-icon-size { - font-size: 36px; +.wp-block-social-links.has-large-icon-size{ + font-size:36px; } -.wp-block-social-links.has-huge-icon-size { - font-size: 48px; +.wp-block-social-links.has-huge-icon-size{ + font-size:48px; } -.wp-block-social-links.aligncenter { - justify-content: center; - display: flex; +.wp-block-social-links.aligncenter{ + display:flex; + justify-content:center; } -.wp-block-social-links.alignright { - justify-content: flex-end; +.wp-block-social-links.alignright{ + justify-content:flex-end; } -.wp-block-social-link { - display: block; - border-radius: 9999px; - transition: transform 0.1s ease; - height: auto; +.wp-block-social-link{ + border-radius:9999px; + display:block; + height:auto; + transition:transform .1s ease; } -@media (prefers-reduced-motion: reduce) { - .wp-block-social-link { - transition-duration: 0s; - transition-delay: 0s; +@media (prefers-reduced-motion:reduce){ + .wp-block-social-link{ + transition-delay:0s; + transition-duration:0s; } } -.wp-block-social-link a { - align-items: center; - display: flex; - line-height: 0; - transition: transform 0.1s ease; +.wp-block-social-link a{ + align-items:center; + display:flex; + line-height:0; + transition:transform .1s ease; } -.wp-block-social-link:hover { - transform: scale(1.1); +.wp-block-social-link:hover{ + transform:scale(1.1); } -.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor, .wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:hover, .wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:active, .wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:visited, -.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor svg { - color: currentColor; - fill: currentColor; +.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor,.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor svg,.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:active,.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:hover,.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:visited{ + fill:currentColor; + color:currentColor; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link { - background-color: #f0f0f0; - color: #444; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link{ + background-color:#f0f0f0; + color:#444; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-amazon { - background-color: #f90; - color: #fff; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-amazon{ + background-color:#f90; + color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-bandcamp { - background-color: #1ea0c3; - color: #fff; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-bandcamp{ + background-color:#1ea0c3; + color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-behance { - background-color: #0757fe; - color: #fff; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-behance{ + background-color:#0757fe; + color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-codepen { - background-color: #1e1f26; - color: #fff; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-codepen{ + background-color:#1e1f26; + color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-deviantart { - background-color: #02e49b; - color: #fff; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-deviantart{ + background-color:#02e49b; + color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-dribbble { - background-color: #e94c89; - color: #fff; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-dribbble{ + background-color:#e94c89; + color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-dropbox { - background-color: #4280ff; - color: #fff; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-dropbox{ + background-color:#4280ff; + color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-etsy { - background-color: #f45800; - color: #fff; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-etsy{ + background-color:#f45800; + color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-facebook { - background-color: #1778f2; - color: #fff; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-facebook{ + background-color:#1778f2; + color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-fivehundredpx { - background-color: #000; - color: #fff; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-fivehundredpx{ + background-color:#000; + color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-flickr { - background-color: #0461dd; - color: #fff; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-flickr{ + background-color:#0461dd; + color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-foursquare { - background-color: #e65678; - color: #fff; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-foursquare{ + background-color:#e65678; + color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-github { - background-color: #24292d; - color: #fff; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-github{ + background-color:#24292d; + color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-goodreads { - background-color: #eceadd; - color: #382110; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-goodreads{ + background-color:#eceadd; + color:#382110; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-google { - background-color: #ea4434; - color: #fff; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-google{ + background-color:#ea4434; + color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-instagram { - background-color: #f00075; - color: #fff; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-instagram{ + background-color:#f00075; + color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-lastfm { - background-color: #e21b24; - color: #fff; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-lastfm{ + background-color:#e21b24; + color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-linkedin { - background-color: #0d66c2; - color: #fff; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-linkedin{ + background-color:#0d66c2; + color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-mastodon { - background-color: #3288d4; - color: #fff; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-mastodon{ + background-color:#3288d4; + color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-medium { - background-color: #02ab6c; - color: #fff; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-medium{ + background-color:#02ab6c; + color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-meetup { - background-color: #f6405f; - color: #fff; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-meetup{ + background-color:#f6405f; + color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-patreon { - background-color: #ff424d; - color: #fff; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-patreon{ + background-color:#ff424d; + color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pinterest { - background-color: #e60122; - color: #fff; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pinterest{ + background-color:#e60122; + color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pocket { - background-color: #ef4155; - color: #fff; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pocket{ + background-color:#ef4155; + color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-reddit { - background-color: #ff4500; - color: #fff; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-reddit{ + background-color:#ff4500; + color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-skype { - background-color: #0478d7; - color: #fff; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-skype{ + background-color:#0478d7; + color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-snapchat { - background-color: #fefc00; - color: #fff; - stroke: #000; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-snapchat{ + stroke:#000; + background-color:#fefc00; + color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-soundcloud { - background-color: #ff5600; - color: #fff; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-soundcloud{ + background-color:#ff5600; + color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-spotify { - background-color: #1bd760; - color: #fff; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-spotify{ + background-color:#1bd760; + color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-telegram { - background-color: #2aabee; - color: #fff; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-telegram{ + background-color:#2aabee; + color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-tiktok { - background-color: #000; - color: #fff; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-tiktok{ + background-color:#000; + color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-tumblr { - background-color: #011835; - color: #fff; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-tumblr{ + background-color:#011835; + color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitch { - background-color: #6440a4; - color: #fff; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitch{ + background-color:#6440a4; + color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitter { - background-color: #1da1f2; - color: #fff; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitter{ + background-color:#1da1f2; + color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-vimeo { - background-color: #1eb7ea; - color: #fff; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-vimeo{ + background-color:#1eb7ea; + color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-vk { - background-color: #4680c2; - color: #fff; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-vk{ + background-color:#4680c2; + color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-wordpress { - background-color: #3499cd; - color: #fff; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-wordpress{ + background-color:#3499cd; + color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-whatsapp { - background-color: #25d366; - color: #fff; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-whatsapp{ + background-color:#25d366; + color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-yelp { - background-color: #d32422; - color: #fff; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-yelp{ + background-color:#d32422; + color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-youtube { - background-color: #f00; - color: #fff; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-youtube{ + background-color:red; + color:#fff; } -.wp-block-social-links.is-style-logos-only .wp-social-link { - background: none; +.wp-block-social-links.is-style-logos-only .wp-social-link{ + background:none; } -.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 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 svg{ + height:1.25em; + width:1.25em; } -.wp-block-social-links.is-style-logos-only .wp-social-link-amazon { - color: #f90; +.wp-block-social-links.is-style-logos-only .wp-social-link-amazon{ + color:#f90; } -.wp-block-social-links.is-style-logos-only .wp-social-link-bandcamp { - color: #1ea0c3; +.wp-block-social-links.is-style-logos-only .wp-social-link-bandcamp{ + color:#1ea0c3; } -.wp-block-social-links.is-style-logos-only .wp-social-link-behance { - color: #0757fe; +.wp-block-social-links.is-style-logos-only .wp-social-link-behance{ + color:#0757fe; } -.wp-block-social-links.is-style-logos-only .wp-social-link-codepen { - color: #1e1f26; +.wp-block-social-links.is-style-logos-only .wp-social-link-codepen{ + color:#1e1f26; } -.wp-block-social-links.is-style-logos-only .wp-social-link-deviantart { - color: #02e49b; +.wp-block-social-links.is-style-logos-only .wp-social-link-deviantart{ + color:#02e49b; } -.wp-block-social-links.is-style-logos-only .wp-social-link-dribbble { - color: #e94c89; +.wp-block-social-links.is-style-logos-only .wp-social-link-dribbble{ + color:#e94c89; } -.wp-block-social-links.is-style-logos-only .wp-social-link-dropbox { - color: #4280ff; +.wp-block-social-links.is-style-logos-only .wp-social-link-dropbox{ + color:#4280ff; } -.wp-block-social-links.is-style-logos-only .wp-social-link-etsy { - color: #f45800; +.wp-block-social-links.is-style-logos-only .wp-social-link-etsy{ + color:#f45800; } -.wp-block-social-links.is-style-logos-only .wp-social-link-facebook { - color: #1778f2; +.wp-block-social-links.is-style-logos-only .wp-social-link-facebook{ + color:#1778f2; } -.wp-block-social-links.is-style-logos-only .wp-social-link-fivehundredpx { - color: #000; +.wp-block-social-links.is-style-logos-only .wp-social-link-fivehundredpx{ + color:#000; } -.wp-block-social-links.is-style-logos-only .wp-social-link-flickr { - color: #0461dd; +.wp-block-social-links.is-style-logos-only .wp-social-link-flickr{ + color:#0461dd; } -.wp-block-social-links.is-style-logos-only .wp-social-link-foursquare { - color: #e65678; +.wp-block-social-links.is-style-logos-only .wp-social-link-foursquare{ + color:#e65678; } -.wp-block-social-links.is-style-logos-only .wp-social-link-github { - color: #24292d; +.wp-block-social-links.is-style-logos-only .wp-social-link-github{ + color:#24292d; } -.wp-block-social-links.is-style-logos-only .wp-social-link-goodreads { - color: #382110; +.wp-block-social-links.is-style-logos-only .wp-social-link-goodreads{ + color:#382110; } -.wp-block-social-links.is-style-logos-only .wp-social-link-google { - color: #ea4434; +.wp-block-social-links.is-style-logos-only .wp-social-link-google{ + color:#ea4434; } -.wp-block-social-links.is-style-logos-only .wp-social-link-instagram { - color: #f00075; +.wp-block-social-links.is-style-logos-only .wp-social-link-instagram{ + color:#f00075; } -.wp-block-social-links.is-style-logos-only .wp-social-link-lastfm { - color: #e21b24; +.wp-block-social-links.is-style-logos-only .wp-social-link-lastfm{ + color:#e21b24; } -.wp-block-social-links.is-style-logos-only .wp-social-link-linkedin { - color: #0d66c2; +.wp-block-social-links.is-style-logos-only .wp-social-link-linkedin{ + color:#0d66c2; } -.wp-block-social-links.is-style-logos-only .wp-social-link-mastodon { - color: #3288d4; +.wp-block-social-links.is-style-logos-only .wp-social-link-mastodon{ + color:#3288d4; } -.wp-block-social-links.is-style-logos-only .wp-social-link-medium { - color: #02ab6c; +.wp-block-social-links.is-style-logos-only .wp-social-link-medium{ + color:#02ab6c; } -.wp-block-social-links.is-style-logos-only .wp-social-link-meetup { - color: #f6405f; +.wp-block-social-links.is-style-logos-only .wp-social-link-meetup{ + color:#f6405f; } -.wp-block-social-links.is-style-logos-only .wp-social-link-patreon { - color: #ff424d; +.wp-block-social-links.is-style-logos-only .wp-social-link-patreon{ + color:#ff424d; } -.wp-block-social-links.is-style-logos-only .wp-social-link-pinterest { - color: #e60122; +.wp-block-social-links.is-style-logos-only .wp-social-link-pinterest{ + color:#e60122; } -.wp-block-social-links.is-style-logos-only .wp-social-link-pocket { - color: #ef4155; +.wp-block-social-links.is-style-logos-only .wp-social-link-pocket{ + color:#ef4155; } -.wp-block-social-links.is-style-logos-only .wp-social-link-reddit { - color: #ff4500; +.wp-block-social-links.is-style-logos-only .wp-social-link-reddit{ + color:#ff4500; } -.wp-block-social-links.is-style-logos-only .wp-social-link-skype { - color: #0478d7; +.wp-block-social-links.is-style-logos-only .wp-social-link-skype{ + color:#0478d7; } -.wp-block-social-links.is-style-logos-only .wp-social-link-snapchat { - color: #fff; - stroke: #000; +.wp-block-social-links.is-style-logos-only .wp-social-link-snapchat{ + stroke:#000; + color:#fff; } -.wp-block-social-links.is-style-logos-only .wp-social-link-soundcloud { - color: #ff5600; +.wp-block-social-links.is-style-logos-only .wp-social-link-soundcloud{ + color:#ff5600; } -.wp-block-social-links.is-style-logos-only .wp-social-link-spotify { - color: #1bd760; +.wp-block-social-links.is-style-logos-only .wp-social-link-spotify{ + color:#1bd760; } -.wp-block-social-links.is-style-logos-only .wp-social-link-telegram { - color: #2aabee; +.wp-block-social-links.is-style-logos-only .wp-social-link-telegram{ + color:#2aabee; } -.wp-block-social-links.is-style-logos-only .wp-social-link-tiktok { - color: #000; +.wp-block-social-links.is-style-logos-only .wp-social-link-tiktok{ + color:#000; } -.wp-block-social-links.is-style-logos-only .wp-social-link-tumblr { - color: #011835; +.wp-block-social-links.is-style-logos-only .wp-social-link-tumblr{ + color:#011835; } -.wp-block-social-links.is-style-logos-only .wp-social-link-twitch { - color: #6440a4; +.wp-block-social-links.is-style-logos-only .wp-social-link-twitch{ + color:#6440a4; } -.wp-block-social-links.is-style-logos-only .wp-social-link-twitter { - color: #1da1f2; +.wp-block-social-links.is-style-logos-only .wp-social-link-twitter{ + color:#1da1f2; } -.wp-block-social-links.is-style-logos-only .wp-social-link-vimeo { - color: #1eb7ea; +.wp-block-social-links.is-style-logos-only .wp-social-link-vimeo{ + color:#1eb7ea; } -.wp-block-social-links.is-style-logos-only .wp-social-link-vk { - color: #4680c2; +.wp-block-social-links.is-style-logos-only .wp-social-link-vk{ + color:#4680c2; } -.wp-block-social-links.is-style-logos-only .wp-social-link-whatsapp { - color: #25d366; +.wp-block-social-links.is-style-logos-only .wp-social-link-whatsapp{ + color:#25d366; } -.wp-block-social-links.is-style-logos-only .wp-social-link-wordpress { - color: #3499cd; +.wp-block-social-links.is-style-logos-only .wp-social-link-wordpress{ + color:#3499cd; } -.wp-block-social-links.is-style-logos-only .wp-social-link-yelp { - color: #d32422; +.wp-block-social-links.is-style-logos-only .wp-social-link-yelp{ + color:#d32422; } -.wp-block-social-links.is-style-logos-only .wp-social-link-youtube { - color: #f00; +.wp-block-social-links.is-style-logos-only .wp-social-link-youtube{ + color:red; } -.wp-block-social-links.is-style-pill-shape .wp-social-link { - width: auto; +.wp-block-social-links.is-style-pill-shape .wp-social-link{ + width:auto; } -.wp-block-social-links.is-style-pill-shape .wp-social-link a { - padding-right: calc((2/3) * 1em); - padding-left: calc((2/3) * 1em); +.wp-block-social-links.is-style-pill-shape .wp-social-link a{ + padding-left:.66667em; + padding-right:.66667em; } \ No newline at end of file diff --git a/wp-includes/blocks/social-links/style.css b/wp-includes/blocks/social-links/style.css index 4ad7f254b0..0b3ce15b2c 100644 --- a/wp-includes/blocks/social-links/style.css +++ b/wp-includes/blocks/social-links/style.css @@ -1,455 +1,377 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-social-links { - box-sizing: border-box; - padding-left: 0; - padding-right: 0; - text-indent: 0; - margin-left: 0; - background: none; +.wp-block-social-links{ + background:none; + box-sizing:border-box; + margin-left:0; + padding-left:0; + padding-right:0; + text-indent:0; } -.wp-block-social-links .wp-social-link a, -.wp-block-social-links .wp-social-link a:hover { - text-decoration: none; - border-bottom: 0; - box-shadow: none; +.wp-block-social-links .wp-social-link a,.wp-block-social-links .wp-social-link a:hover{ + border-bottom:0; + box-shadow:none; + text-decoration:none; } -.wp-block-social-links .wp-social-link a { - padding: 0.25em; +.wp-block-social-links .wp-social-link a{ + padding:.25em; } -.wp-block-social-links .wp-social-link svg { - width: 1em; - height: 1em; +.wp-block-social-links .wp-social-link svg{ + height:1em; + width:1em; } -.wp-block-social-links .wp-social-link span:not(.screen-reader-text) { - margin-left: 0.5em; - margin-right: 0.5em; - font-size: 0.65em; +.wp-block-social-links .wp-social-link span:not(.screen-reader-text){ + font-size:.65em; + margin-left:.5em; + margin-right:.5em; } -.wp-block-social-links.has-small-icon-size { - font-size: 16px; +.wp-block-social-links.has-small-icon-size{ + font-size:16px; } -.wp-block-social-links, .wp-block-social-links.has-normal-icon-size { - font-size: 24px; +.wp-block-social-links,.wp-block-social-links.has-normal-icon-size{ + font-size:24px; } -.wp-block-social-links.has-large-icon-size { - font-size: 36px; +.wp-block-social-links.has-large-icon-size{ + font-size:36px; } -.wp-block-social-links.has-huge-icon-size { - font-size: 48px; +.wp-block-social-links.has-huge-icon-size{ + font-size:48px; } -.wp-block-social-links.aligncenter { - justify-content: center; - display: flex; +.wp-block-social-links.aligncenter{ + display:flex; + justify-content:center; } -.wp-block-social-links.alignright { - justify-content: flex-end; +.wp-block-social-links.alignright{ + justify-content:flex-end; } -.wp-block-social-link { - display: block; - border-radius: 9999px; - transition: transform 0.1s ease; - height: auto; +.wp-block-social-link{ + border-radius:9999px; + display:block; + height:auto; + transition:transform .1s ease; } -@media (prefers-reduced-motion: reduce) { - .wp-block-social-link { - transition-duration: 0s; - transition-delay: 0s; +@media (prefers-reduced-motion:reduce){ + .wp-block-social-link{ + transition-delay:0s; + transition-duration:0s; } } -.wp-block-social-link a { - align-items: center; - display: flex; - line-height: 0; - transition: transform 0.1s ease; +.wp-block-social-link a{ + align-items:center; + display:flex; + line-height:0; + transition:transform .1s ease; } -.wp-block-social-link:hover { - transform: scale(1.1); +.wp-block-social-link:hover{ + transform:scale(1.1); } -.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor, .wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:hover, .wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:active, .wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:visited, -.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor svg { - color: currentColor; - fill: currentColor; +.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor,.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor svg,.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:active,.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:hover,.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:visited{ + fill:currentColor; + color:currentColor; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link { - background-color: #f0f0f0; - color: #444; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link{ + background-color:#f0f0f0; + color:#444; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-amazon { - background-color: #f90; - color: #fff; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-amazon{ + background-color:#f90; + color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-bandcamp { - background-color: #1ea0c3; - color: #fff; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-bandcamp{ + background-color:#1ea0c3; + color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-behance { - background-color: #0757fe; - color: #fff; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-behance{ + background-color:#0757fe; + color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-codepen { - background-color: #1e1f26; - color: #fff; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-codepen{ + background-color:#1e1f26; + color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-deviantart { - background-color: #02e49b; - color: #fff; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-deviantart{ + background-color:#02e49b; + color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-dribbble { - background-color: #e94c89; - color: #fff; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-dribbble{ + background-color:#e94c89; + color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-dropbox { - background-color: #4280ff; - color: #fff; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-dropbox{ + background-color:#4280ff; + color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-etsy { - background-color: #f45800; - color: #fff; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-etsy{ + background-color:#f45800; + color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-facebook { - background-color: #1778f2; - color: #fff; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-facebook{ + background-color:#1778f2; + color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-fivehundredpx { - background-color: #000; - color: #fff; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-fivehundredpx{ + background-color:#000; + color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-flickr { - background-color: #0461dd; - color: #fff; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-flickr{ + background-color:#0461dd; + color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-foursquare { - background-color: #e65678; - color: #fff; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-foursquare{ + background-color:#e65678; + color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-github { - background-color: #24292d; - color: #fff; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-github{ + background-color:#24292d; + color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-goodreads { - background-color: #eceadd; - color: #382110; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-goodreads{ + background-color:#eceadd; + color:#382110; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-google { - background-color: #ea4434; - color: #fff; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-google{ + background-color:#ea4434; + color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-instagram { - background-color: #f00075; - color: #fff; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-instagram{ + background-color:#f00075; + color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-lastfm { - background-color: #e21b24; - color: #fff; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-lastfm{ + background-color:#e21b24; + color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-linkedin { - background-color: #0d66c2; - color: #fff; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-linkedin{ + background-color:#0d66c2; + color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-mastodon { - background-color: #3288d4; - color: #fff; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-mastodon{ + background-color:#3288d4; + color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-medium { - background-color: #02ab6c; - color: #fff; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-medium{ + background-color:#02ab6c; + color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-meetup { - background-color: #f6405f; - color: #fff; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-meetup{ + background-color:#f6405f; + color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-patreon { - background-color: #ff424d; - color: #fff; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-patreon{ + background-color:#ff424d; + color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pinterest { - background-color: #e60122; - color: #fff; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pinterest{ + background-color:#e60122; + color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pocket { - background-color: #ef4155; - color: #fff; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pocket{ + background-color:#ef4155; + color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-reddit { - background-color: #ff4500; - color: #fff; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-reddit{ + background-color:#ff4500; + color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-skype { - background-color: #0478d7; - color: #fff; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-skype{ + background-color:#0478d7; + color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-snapchat { - background-color: #fefc00; - color: #fff; - stroke: #000; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-snapchat{ + stroke:#000; + background-color:#fefc00; + color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-soundcloud { - background-color: #ff5600; - color: #fff; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-soundcloud{ + background-color:#ff5600; + color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-spotify { - background-color: #1bd760; - color: #fff; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-spotify{ + background-color:#1bd760; + color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-telegram { - background-color: #2aabee; - color: #fff; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-telegram{ + background-color:#2aabee; + color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-tiktok { - background-color: #000; - color: #fff; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-tiktok{ + background-color:#000; + color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-tumblr { - background-color: #011835; - color: #fff; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-tumblr{ + background-color:#011835; + color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitch { - background-color: #6440a4; - color: #fff; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitch{ + background-color:#6440a4; + color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitter { - background-color: #1da1f2; - color: #fff; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitter{ + background-color:#1da1f2; + color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-vimeo { - background-color: #1eb7ea; - color: #fff; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-vimeo{ + background-color:#1eb7ea; + color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-vk { - background-color: #4680c2; - color: #fff; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-vk{ + background-color:#4680c2; + color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-wordpress { - background-color: #3499cd; - color: #fff; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-wordpress{ + background-color:#3499cd; + color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-whatsapp { - background-color: #25d366; - color: #fff; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-whatsapp{ + background-color:#25d366; + color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-yelp { - background-color: #d32422; - color: #fff; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-yelp{ + background-color:#d32422; + color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-youtube { - background-color: #f00; - color: #fff; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-youtube{ + background-color:red; + color:#fff; } -.wp-block-social-links.is-style-logos-only .wp-social-link { - background: none; +.wp-block-social-links.is-style-logos-only .wp-social-link{ + background:none; } -.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 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 svg{ + height:1.25em; + width:1.25em; } -.wp-block-social-links.is-style-logos-only .wp-social-link-amazon { - color: #f90; +.wp-block-social-links.is-style-logos-only .wp-social-link-amazon{ + color:#f90; } -.wp-block-social-links.is-style-logos-only .wp-social-link-bandcamp { - color: #1ea0c3; +.wp-block-social-links.is-style-logos-only .wp-social-link-bandcamp{ + color:#1ea0c3; } -.wp-block-social-links.is-style-logos-only .wp-social-link-behance { - color: #0757fe; +.wp-block-social-links.is-style-logos-only .wp-social-link-behance{ + color:#0757fe; } -.wp-block-social-links.is-style-logos-only .wp-social-link-codepen { - color: #1e1f26; +.wp-block-social-links.is-style-logos-only .wp-social-link-codepen{ + color:#1e1f26; } -.wp-block-social-links.is-style-logos-only .wp-social-link-deviantart { - color: #02e49b; +.wp-block-social-links.is-style-logos-only .wp-social-link-deviantart{ + color:#02e49b; } -.wp-block-social-links.is-style-logos-only .wp-social-link-dribbble { - color: #e94c89; +.wp-block-social-links.is-style-logos-only .wp-social-link-dribbble{ + color:#e94c89; } -.wp-block-social-links.is-style-logos-only .wp-social-link-dropbox { - color: #4280ff; +.wp-block-social-links.is-style-logos-only .wp-social-link-dropbox{ + color:#4280ff; } -.wp-block-social-links.is-style-logos-only .wp-social-link-etsy { - color: #f45800; +.wp-block-social-links.is-style-logos-only .wp-social-link-etsy{ + color:#f45800; } -.wp-block-social-links.is-style-logos-only .wp-social-link-facebook { - color: #1778f2; +.wp-block-social-links.is-style-logos-only .wp-social-link-facebook{ + color:#1778f2; } -.wp-block-social-links.is-style-logos-only .wp-social-link-fivehundredpx { - color: #000; +.wp-block-social-links.is-style-logos-only .wp-social-link-fivehundredpx{ + color:#000; } -.wp-block-social-links.is-style-logos-only .wp-social-link-flickr { - color: #0461dd; +.wp-block-social-links.is-style-logos-only .wp-social-link-flickr{ + color:#0461dd; } -.wp-block-social-links.is-style-logos-only .wp-social-link-foursquare { - color: #e65678; +.wp-block-social-links.is-style-logos-only .wp-social-link-foursquare{ + color:#e65678; } -.wp-block-social-links.is-style-logos-only .wp-social-link-github { - color: #24292d; +.wp-block-social-links.is-style-logos-only .wp-social-link-github{ + color:#24292d; } -.wp-block-social-links.is-style-logos-only .wp-social-link-goodreads { - color: #382110; +.wp-block-social-links.is-style-logos-only .wp-social-link-goodreads{ + color:#382110; } -.wp-block-social-links.is-style-logos-only .wp-social-link-google { - color: #ea4434; +.wp-block-social-links.is-style-logos-only .wp-social-link-google{ + color:#ea4434; } -.wp-block-social-links.is-style-logos-only .wp-social-link-instagram { - color: #f00075; +.wp-block-social-links.is-style-logos-only .wp-social-link-instagram{ + color:#f00075; } -.wp-block-social-links.is-style-logos-only .wp-social-link-lastfm { - color: #e21b24; +.wp-block-social-links.is-style-logos-only .wp-social-link-lastfm{ + color:#e21b24; } -.wp-block-social-links.is-style-logos-only .wp-social-link-linkedin { - color: #0d66c2; +.wp-block-social-links.is-style-logos-only .wp-social-link-linkedin{ + color:#0d66c2; } -.wp-block-social-links.is-style-logos-only .wp-social-link-mastodon { - color: #3288d4; +.wp-block-social-links.is-style-logos-only .wp-social-link-mastodon{ + color:#3288d4; } -.wp-block-social-links.is-style-logos-only .wp-social-link-medium { - color: #02ab6c; +.wp-block-social-links.is-style-logos-only .wp-social-link-medium{ + color:#02ab6c; } -.wp-block-social-links.is-style-logos-only .wp-social-link-meetup { - color: #f6405f; +.wp-block-social-links.is-style-logos-only .wp-social-link-meetup{ + color:#f6405f; } -.wp-block-social-links.is-style-logos-only .wp-social-link-patreon { - color: #ff424d; +.wp-block-social-links.is-style-logos-only .wp-social-link-patreon{ + color:#ff424d; } -.wp-block-social-links.is-style-logos-only .wp-social-link-pinterest { - color: #e60122; +.wp-block-social-links.is-style-logos-only .wp-social-link-pinterest{ + color:#e60122; } -.wp-block-social-links.is-style-logos-only .wp-social-link-pocket { - color: #ef4155; +.wp-block-social-links.is-style-logos-only .wp-social-link-pocket{ + color:#ef4155; } -.wp-block-social-links.is-style-logos-only .wp-social-link-reddit { - color: #ff4500; +.wp-block-social-links.is-style-logos-only .wp-social-link-reddit{ + color:#ff4500; } -.wp-block-social-links.is-style-logos-only .wp-social-link-skype { - color: #0478d7; +.wp-block-social-links.is-style-logos-only .wp-social-link-skype{ + color:#0478d7; } -.wp-block-social-links.is-style-logos-only .wp-social-link-snapchat { - color: #fff; - stroke: #000; +.wp-block-social-links.is-style-logos-only .wp-social-link-snapchat{ + stroke:#000; + color:#fff; } -.wp-block-social-links.is-style-logos-only .wp-social-link-soundcloud { - color: #ff5600; +.wp-block-social-links.is-style-logos-only .wp-social-link-soundcloud{ + color:#ff5600; } -.wp-block-social-links.is-style-logos-only .wp-social-link-spotify { - color: #1bd760; +.wp-block-social-links.is-style-logos-only .wp-social-link-spotify{ + color:#1bd760; } -.wp-block-social-links.is-style-logos-only .wp-social-link-telegram { - color: #2aabee; +.wp-block-social-links.is-style-logos-only .wp-social-link-telegram{ + color:#2aabee; } -.wp-block-social-links.is-style-logos-only .wp-social-link-tiktok { - color: #000; +.wp-block-social-links.is-style-logos-only .wp-social-link-tiktok{ + color:#000; } -.wp-block-social-links.is-style-logos-only .wp-social-link-tumblr { - color: #011835; +.wp-block-social-links.is-style-logos-only .wp-social-link-tumblr{ + color:#011835; } -.wp-block-social-links.is-style-logos-only .wp-social-link-twitch { - color: #6440a4; +.wp-block-social-links.is-style-logos-only .wp-social-link-twitch{ + color:#6440a4; } -.wp-block-social-links.is-style-logos-only .wp-social-link-twitter { - color: #1da1f2; +.wp-block-social-links.is-style-logos-only .wp-social-link-twitter{ + color:#1da1f2; } -.wp-block-social-links.is-style-logos-only .wp-social-link-vimeo { - color: #1eb7ea; +.wp-block-social-links.is-style-logos-only .wp-social-link-vimeo{ + color:#1eb7ea; } -.wp-block-social-links.is-style-logos-only .wp-social-link-vk { - color: #4680c2; +.wp-block-social-links.is-style-logos-only .wp-social-link-vk{ + color:#4680c2; } -.wp-block-social-links.is-style-logos-only .wp-social-link-whatsapp { - color: #25d366; +.wp-block-social-links.is-style-logos-only .wp-social-link-whatsapp{ + color:#25d366; } -.wp-block-social-links.is-style-logos-only .wp-social-link-wordpress { - color: #3499cd; +.wp-block-social-links.is-style-logos-only .wp-social-link-wordpress{ + color:#3499cd; } -.wp-block-social-links.is-style-logos-only .wp-social-link-yelp { - color: #d32422; +.wp-block-social-links.is-style-logos-only .wp-social-link-yelp{ + color:#d32422; } -.wp-block-social-links.is-style-logos-only .wp-social-link-youtube { - color: #f00; +.wp-block-social-links.is-style-logos-only .wp-social-link-youtube{ + color:red; } -.wp-block-social-links.is-style-pill-shape .wp-social-link { - width: auto; +.wp-block-social-links.is-style-pill-shape .wp-social-link{ + width:auto; } -.wp-block-social-links.is-style-pill-shape .wp-social-link a { - padding-left: calc((2/3) * 1em); - padding-right: calc((2/3) * 1em); +.wp-block-social-links.is-style-pill-shape .wp-social-link a{ + padding-left:.66667em; + padding-right:.66667em; } \ No newline at end of file diff --git a/wp-includes/blocks/spacer/editor-rtl.css b/wp-includes/blocks/spacer/editor-rtl.css index 366480c30e..809bf8a414 100644 --- a/wp-includes/blocks/spacer/editor-rtl.css +++ b/wp-includes/blocks/spacer/editor-rtl.css @@ -1,109 +1,31 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.block-editor-block-list__block[data-type="core/spacer"]::before { - content: ""; - display: block; - position: absolute; - z-index: 1; - width: 100%; - min-height: 8px; - min-width: 8px; - height: 100%; +.block-editor-block-list__block[data-type="core/spacer"]:before{ + content:""; + display:block; + height:100%; + min-height:8px; + min-width:8px; + position:absolute; + width:100%; + z-index:1; } -.wp-block-spacer.is-hovered .block-library-spacer__resize-container, -.block-library-spacer__resize-container.has-show-handle { - background: rgba(0, 0, 0, 0.1); +.block-library-spacer__resize-container.has-show-handle,.wp-block-spacer.is-hovered .block-library-spacer__resize-container{ + background:rgba(0,0,0,.1); } -.is-dark-theme .wp-block-spacer.is-hovered .block-library-spacer__resize-container, -.is-dark-theme .block-library-spacer__resize-container.has-show-handle { - background: rgba(255, 255, 255, 0.15); +.is-dark-theme .block-library-spacer__resize-container.has-show-handle,.is-dark-theme .wp-block-spacer.is-hovered .block-library-spacer__resize-container{ + background:hsla(0,0%,100%,.15); } -.block-library-spacer__resize-container { - clear: both; +.block-library-spacer__resize-container{ + clear:both; } -.block-library-spacer__resize-container:not(.is-resizing) { - height: 100% !important; - width: 100% !important; +.block-library-spacer__resize-container:not(.is-resizing){ + height:100% !important; + width:100% !important; } -.block-library-spacer__resize-container .components-resizable-box__handle::before { - content: none; +.block-library-spacer__resize-container .components-resizable-box__handle:before{ + content:none; } -.block-library-spacer__resize-container.resize-horizontal { - margin-bottom: 0; +.block-library-spacer__resize-container.resize-horizontal{ + margin-bottom:0; } \ No newline at end of file diff --git a/wp-includes/blocks/spacer/editor.css b/wp-includes/blocks/spacer/editor.css index 366480c30e..809bf8a414 100644 --- a/wp-includes/blocks/spacer/editor.css +++ b/wp-includes/blocks/spacer/editor.css @@ -1,109 +1,31 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.block-editor-block-list__block[data-type="core/spacer"]::before { - content: ""; - display: block; - position: absolute; - z-index: 1; - width: 100%; - min-height: 8px; - min-width: 8px; - height: 100%; +.block-editor-block-list__block[data-type="core/spacer"]:before{ + content:""; + display:block; + height:100%; + min-height:8px; + min-width:8px; + position:absolute; + width:100%; + z-index:1; } -.wp-block-spacer.is-hovered .block-library-spacer__resize-container, -.block-library-spacer__resize-container.has-show-handle { - background: rgba(0, 0, 0, 0.1); +.block-library-spacer__resize-container.has-show-handle,.wp-block-spacer.is-hovered .block-library-spacer__resize-container{ + background:rgba(0,0,0,.1); } -.is-dark-theme .wp-block-spacer.is-hovered .block-library-spacer__resize-container, -.is-dark-theme .block-library-spacer__resize-container.has-show-handle { - background: rgba(255, 255, 255, 0.15); +.is-dark-theme .block-library-spacer__resize-container.has-show-handle,.is-dark-theme .wp-block-spacer.is-hovered .block-library-spacer__resize-container{ + background:hsla(0,0%,100%,.15); } -.block-library-spacer__resize-container { - clear: both; +.block-library-spacer__resize-container{ + clear:both; } -.block-library-spacer__resize-container:not(.is-resizing) { - height: 100% !important; - width: 100% !important; +.block-library-spacer__resize-container:not(.is-resizing){ + height:100% !important; + width:100% !important; } -.block-library-spacer__resize-container .components-resizable-box__handle::before { - content: none; +.block-library-spacer__resize-container .components-resizable-box__handle:before{ + content:none; } -.block-library-spacer__resize-container.resize-horizontal { - margin-bottom: 0; +.block-library-spacer__resize-container.resize-horizontal{ + margin-bottom:0; } \ No newline at end of file diff --git a/wp-includes/blocks/spacer/style-rtl.css b/wp-includes/blocks/spacer/style-rtl.css index 281b4faca8..2f725beb62 100644 --- a/wp-includes/blocks/spacer/style-rtl.css +++ b/wp-includes/blocks/spacer/style-rtl.css @@ -1,79 +1,3 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-spacer { - clear: both; +.wp-block-spacer{ + clear:both; } \ No newline at end of file diff --git a/wp-includes/blocks/spacer/style.css b/wp-includes/blocks/spacer/style.css index 281b4faca8..2f725beb62 100644 --- a/wp-includes/blocks/spacer/style.css +++ b/wp-includes/blocks/spacer/style.css @@ -1,79 +1,3 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-spacer { - clear: both; +.wp-block-spacer{ + clear:both; } \ No newline at end of file diff --git a/wp-includes/blocks/table/editor-rtl.css b/wp-includes/blocks/table/editor-rtl.css index c0f4206abc..06a1ae1159 100644 --- a/wp-includes/blocks/table/editor-rtl.css +++ b/wp-includes/blocks/table/editor-rtl.css @@ -1,154 +1,68 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-table { - margin: 0; +.wp-block-table{ + margin:0; } -.wp-block[data-align=left] > .wp-block-table, .wp-block[data-align=right] > .wp-block-table, .wp-block[data-align=center] > .wp-block-table { - height: auto; +.wp-block[data-align=center]>.wp-block-table,.wp-block[data-align=left]>.wp-block-table,.wp-block[data-align=right]>.wp-block-table{ + height:auto; } -.wp-block[data-align=left] > .wp-block-table table, .wp-block[data-align=right] > .wp-block-table table, .wp-block[data-align=center] > .wp-block-table table { - width: auto; +.wp-block[data-align=center]>.wp-block-table table,.wp-block[data-align=left]>.wp-block-table table,.wp-block[data-align=right]>.wp-block-table table{ + width:auto; } -.wp-block[data-align=left] > .wp-block-table td, -.wp-block[data-align=left] > .wp-block-table th, .wp-block[data-align=right] > .wp-block-table td, -.wp-block[data-align=right] > .wp-block-table th, .wp-block[data-align=center] > .wp-block-table td, -.wp-block[data-align=center] > .wp-block-table th { - word-break: break-word; +.wp-block[data-align=center]>.wp-block-table td,.wp-block[data-align=center]>.wp-block-table th,.wp-block[data-align=left]>.wp-block-table td,.wp-block[data-align=left]>.wp-block-table th,.wp-block[data-align=right]>.wp-block-table td,.wp-block[data-align=right]>.wp-block-table th{ + word-break:break-word; } -.wp-block[data-align=center] > .wp-block-table { - text-align: initial; +.wp-block[data-align=center]>.wp-block-table{ + text-align:initial; } -.wp-block[data-align=center] > .wp-block-table table { - margin: 0 auto; +.wp-block[data-align=center]>.wp-block-table table{ + margin:0 auto; } -.wp-block-table td, -.wp-block-table th { - border: 1px solid; - padding: 0.5em; +.wp-block-table td,.wp-block-table th{ + border:1px solid; + padding:.5em; } -.wp-block-table td.is-selected, -.wp-block-table th.is-selected { - border-color: var(--wp-admin-theme-color); - box-shadow: inset 0 0 0 1px var(--wp-admin-theme-color); - border-style: double; +.wp-block-table td.is-selected,.wp-block-table th.is-selected{ + border-color:var(--wp-admin-theme-color); + border-style:double; + box-shadow:inset 0 0 0 1px var(--wp-admin-theme-color); } -.wp-block-table figcaption { - color: #555; - font-size: 13px; - text-align: center; +.wp-block-table figcaption{ + color:#555; + font-size:13px; + text-align:center; } -.is-dark-theme .wp-block-table figcaption { - color: rgba(255, 255, 255, 0.65); +.is-dark-theme .wp-block-table figcaption{ + color:hsla(0,0%,100%,.65); } -.wp-block-table table.has-individual-borders > *, -.wp-block-table table.has-individual-borders tr, -.wp-block-table table.has-individual-borders th, -.wp-block-table table.has-individual-borders td { - border-width: 1px; - border-style: solid; - border-color: currentColor; +.wp-block-table table.has-individual-borders td,.wp-block-table table.has-individual-borders th,.wp-block-table table.has-individual-borders tr,.wp-block-table table.has-individual-borders>*{ + border:1px solid; } -.blocks-table__placeholder-form.blocks-table__placeholder-form { - display: flex; - flex-direction: column; - align-items: flex-start; +.blocks-table__placeholder-form.blocks-table__placeholder-form{ + align-items:flex-start; + display:flex; + flex-direction:column; } -.blocks-table__placeholder-form.blocks-table__placeholder-form > * { - margin-bottom: 8px; +.blocks-table__placeholder-form.blocks-table__placeholder-form>*{ + margin-bottom:8px; } -@media (min-width: 782px) { - .blocks-table__placeholder-form.blocks-table__placeholder-form { - flex-direction: row; - align-items: flex-end; +@media (min-width:782px){ + .blocks-table__placeholder-form.blocks-table__placeholder-form{ + align-items:flex-end; + flex-direction:row; } - .blocks-table__placeholder-form.blocks-table__placeholder-form > * { - margin-bottom: 0; + .blocks-table__placeholder-form.blocks-table__placeholder-form>*{ + margin-bottom:0; } } -.blocks-table__placeholder-input { - width: 112px; - margin-left: 8px; - margin-bottom: 0; +.blocks-table__placeholder-input{ + margin-bottom:0; + margin-left:8px; + width:112px; } -.blocks-table__placeholder-input input { - height: 36px; +.blocks-table__placeholder-input input{ + height:36px; } -.blocks-table__placeholder-input .components-base-control__field { - margin-bottom: 0; +.blocks-table__placeholder-input .components-base-control__field{ + margin-bottom:0; } \ No newline at end of file diff --git a/wp-includes/blocks/table/editor.css b/wp-includes/blocks/table/editor.css index 3181fc4593..b56f0caa30 100644 --- a/wp-includes/blocks/table/editor.css +++ b/wp-includes/blocks/table/editor.css @@ -1,154 +1,68 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-table { - margin: 0; +.wp-block-table{ + margin:0; } -.wp-block[data-align=left] > .wp-block-table, .wp-block[data-align=right] > .wp-block-table, .wp-block[data-align=center] > .wp-block-table { - height: auto; +.wp-block[data-align=center]>.wp-block-table,.wp-block[data-align=left]>.wp-block-table,.wp-block[data-align=right]>.wp-block-table{ + height:auto; } -.wp-block[data-align=left] > .wp-block-table table, .wp-block[data-align=right] > .wp-block-table table, .wp-block[data-align=center] > .wp-block-table table { - width: auto; +.wp-block[data-align=center]>.wp-block-table table,.wp-block[data-align=left]>.wp-block-table table,.wp-block[data-align=right]>.wp-block-table table{ + width:auto; } -.wp-block[data-align=left] > .wp-block-table td, -.wp-block[data-align=left] > .wp-block-table th, .wp-block[data-align=right] > .wp-block-table td, -.wp-block[data-align=right] > .wp-block-table th, .wp-block[data-align=center] > .wp-block-table td, -.wp-block[data-align=center] > .wp-block-table th { - word-break: break-word; +.wp-block[data-align=center]>.wp-block-table td,.wp-block[data-align=center]>.wp-block-table th,.wp-block[data-align=left]>.wp-block-table td,.wp-block[data-align=left]>.wp-block-table th,.wp-block[data-align=right]>.wp-block-table td,.wp-block[data-align=right]>.wp-block-table th{ + word-break:break-word; } -.wp-block[data-align=center] > .wp-block-table { - text-align: initial; +.wp-block[data-align=center]>.wp-block-table{ + text-align:initial; } -.wp-block[data-align=center] > .wp-block-table table { - margin: 0 auto; +.wp-block[data-align=center]>.wp-block-table table{ + margin:0 auto; } -.wp-block-table td, -.wp-block-table th { - border: 1px solid; - padding: 0.5em; +.wp-block-table td,.wp-block-table th{ + border:1px solid; + padding:.5em; } -.wp-block-table td.is-selected, -.wp-block-table th.is-selected { - border-color: var(--wp-admin-theme-color); - box-shadow: inset 0 0 0 1px var(--wp-admin-theme-color); - border-style: double; +.wp-block-table td.is-selected,.wp-block-table th.is-selected{ + border-color:var(--wp-admin-theme-color); + border-style:double; + box-shadow:inset 0 0 0 1px var(--wp-admin-theme-color); } -.wp-block-table figcaption { - color: #555; - font-size: 13px; - text-align: center; +.wp-block-table figcaption{ + color:#555; + font-size:13px; + text-align:center; } -.is-dark-theme .wp-block-table figcaption { - color: rgba(255, 255, 255, 0.65); +.is-dark-theme .wp-block-table figcaption{ + color:hsla(0,0%,100%,.65); } -.wp-block-table table.has-individual-borders > *, -.wp-block-table table.has-individual-borders tr, -.wp-block-table table.has-individual-borders th, -.wp-block-table table.has-individual-borders td { - border-width: 1px; - border-style: solid; - border-color: currentColor; +.wp-block-table table.has-individual-borders td,.wp-block-table table.has-individual-borders th,.wp-block-table table.has-individual-borders tr,.wp-block-table table.has-individual-borders>*{ + border:1px solid; } -.blocks-table__placeholder-form.blocks-table__placeholder-form { - display: flex; - flex-direction: column; - align-items: flex-start; +.blocks-table__placeholder-form.blocks-table__placeholder-form{ + align-items:flex-start; + display:flex; + flex-direction:column; } -.blocks-table__placeholder-form.blocks-table__placeholder-form > * { - margin-bottom: 8px; +.blocks-table__placeholder-form.blocks-table__placeholder-form>*{ + margin-bottom:8px; } -@media (min-width: 782px) { - .blocks-table__placeholder-form.blocks-table__placeholder-form { - flex-direction: row; - align-items: flex-end; +@media (min-width:782px){ + .blocks-table__placeholder-form.blocks-table__placeholder-form{ + align-items:flex-end; + flex-direction:row; } - .blocks-table__placeholder-form.blocks-table__placeholder-form > * { - margin-bottom: 0; + .blocks-table__placeholder-form.blocks-table__placeholder-form>*{ + margin-bottom:0; } } -.blocks-table__placeholder-input { - width: 112px; - margin-right: 8px; - margin-bottom: 0; +.blocks-table__placeholder-input{ + margin-bottom:0; + margin-right:8px; + width:112px; } -.blocks-table__placeholder-input input { - height: 36px; +.blocks-table__placeholder-input input{ + height:36px; } -.blocks-table__placeholder-input .components-base-control__field { - margin-bottom: 0; +.blocks-table__placeholder-input .components-base-control__field{ + margin-bottom:0; } \ No newline at end of file diff --git a/wp-includes/blocks/table/style-rtl.css b/wp-includes/blocks/table/style-rtl.css index c4833ee74e..0ecc81ca37 100644 --- a/wp-includes/blocks/table/style-rtl.css +++ b/wp-includes/blocks/table/style-rtl.css @@ -1,200 +1,89 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-table { - overflow-x: auto; +.wp-block-table{ + overflow-x:auto; } -.wp-block-table table { - border-collapse: collapse; - width: 100%; +.wp-block-table table{ + border-collapse:collapse; + width:100%; } -.wp-block-table td, -.wp-block-table th { - border: 1px solid; - padding: 0.5em; +.wp-block-table td,.wp-block-table th{ + border:1px solid; + padding:.5em; } -.wp-block-table .has-fixed-layout { - table-layout: fixed; - width: 100%; +.wp-block-table .has-fixed-layout{ + table-layout:fixed; + width:100%; } -.wp-block-table .has-fixed-layout td, -.wp-block-table .has-fixed-layout th { - word-break: break-word; +.wp-block-table .has-fixed-layout td,.wp-block-table .has-fixed-layout th{ + word-break:break-word; } -.wp-block-table.alignleft, .wp-block-table.aligncenter, .wp-block-table.alignright { - display: table; - width: auto; +.wp-block-table.aligncenter,.wp-block-table.alignleft,.wp-block-table.alignright{ + display:table; + width:auto; } -.wp-block-table.alignleft td, -.wp-block-table.alignleft th, .wp-block-table.aligncenter td, -.wp-block-table.aligncenter th, .wp-block-table.alignright td, -.wp-block-table.alignright th { - word-break: break-word; +.wp-block-table.aligncenter td,.wp-block-table.aligncenter th,.wp-block-table.alignleft td,.wp-block-table.alignleft th,.wp-block-table.alignright td,.wp-block-table.alignright th{ + word-break:break-word; } -.wp-block-table .has-subtle-light-gray-background-color { - background-color: #f3f4f5; +.wp-block-table .has-subtle-light-gray-background-color{ + background-color:#f3f4f5; } -.wp-block-table .has-subtle-pale-green-background-color { - background-color: #e9fbe5; +.wp-block-table .has-subtle-pale-green-background-color{ + background-color:#e9fbe5; } -.wp-block-table .has-subtle-pale-blue-background-color { - background-color: #e7f5fe; +.wp-block-table .has-subtle-pale-blue-background-color{ + background-color:#e7f5fe; } -.wp-block-table .has-subtle-pale-pink-background-color { - background-color: #fcf0ef; +.wp-block-table .has-subtle-pale-pink-background-color{ + background-color:#fcf0ef; } -.wp-block-table.is-style-stripes { - border-spacing: 0; - border-collapse: inherit; - background-color: transparent; - border-bottom: 1px solid #f0f0f0; +.wp-block-table.is-style-stripes{ + background-color:initial; + border-bottom:1px solid #f0f0f0; + border-collapse:inherit; + border-spacing:0; } -.wp-block-table.is-style-stripes tbody tr:nth-child(odd) { - background-color: #f0f0f0; +.wp-block-table.is-style-stripes tbody tr:nth-child(odd){ + background-color:#f0f0f0; } -.wp-block-table.is-style-stripes.has-subtle-light-gray-background-color tbody tr:nth-child(odd) { - background-color: #f3f4f5; +.wp-block-table.is-style-stripes.has-subtle-light-gray-background-color tbody tr:nth-child(odd){ + background-color:#f3f4f5; } -.wp-block-table.is-style-stripes.has-subtle-pale-green-background-color tbody tr:nth-child(odd) { - background-color: #e9fbe5; +.wp-block-table.is-style-stripes.has-subtle-pale-green-background-color tbody tr:nth-child(odd){ + background-color:#e9fbe5; } -.wp-block-table.is-style-stripes.has-subtle-pale-blue-background-color tbody tr:nth-child(odd) { - background-color: #e7f5fe; +.wp-block-table.is-style-stripes.has-subtle-pale-blue-background-color tbody tr:nth-child(odd){ + background-color:#e7f5fe; } -.wp-block-table.is-style-stripes.has-subtle-pale-pink-background-color tbody tr:nth-child(odd) { - background-color: #fcf0ef; +.wp-block-table.is-style-stripes.has-subtle-pale-pink-background-color tbody tr:nth-child(odd){ + background-color:#fcf0ef; } -.wp-block-table.is-style-stripes th, -.wp-block-table.is-style-stripes td { - border-color: transparent; +.wp-block-table.is-style-stripes td,.wp-block-table.is-style-stripes th{ + border-color:transparent; } -.wp-block-table .has-border-color > *, -.wp-block-table .has-border-color tr, -.wp-block-table .has-border-color th, -.wp-block-table .has-border-color td { - border-color: inherit; +.wp-block-table .has-border-color td,.wp-block-table .has-border-color th,.wp-block-table .has-border-color tr,.wp-block-table .has-border-color>*{ + border-color:inherit; } -.wp-block-table table[style*=border-top-color] > *, -.wp-block-table table[style*=border-top-color] tr:first-child { - border-top-color: inherit; +.wp-block-table table[style*=border-top-color] tr:first-child,.wp-block-table table[style*=border-top-color] tr:first-child td,.wp-block-table table[style*=border-top-color] tr:first-child th,.wp-block-table table[style*=border-top-color]>*,.wp-block-table table[style*=border-top-color]>* td,.wp-block-table table[style*=border-top-color]>* th{ + border-top-color:inherit; } -.wp-block-table table[style*=border-top-color] > * th, -.wp-block-table table[style*=border-top-color] > * td, -.wp-block-table table[style*=border-top-color] tr:first-child th, -.wp-block-table table[style*=border-top-color] tr:first-child td { - border-top-color: inherit; +.wp-block-table table[style*=border-top-color] tr:not(:first-child){ + border-top-color:initial; } -.wp-block-table table[style*=border-top-color] tr:not(:first-child) { - border-top-color: currentColor; +.wp-block-table table[style*=border-right-color] td:last-child,.wp-block-table table[style*=border-right-color] th,.wp-block-table table[style*=border-right-color] tr,.wp-block-table table[style*=border-right-color]>*{ + border-left-color:inherit; } -.wp-block-table table[style*=border-right-color] > *, -.wp-block-table table[style*=border-right-color] tr, -.wp-block-table table[style*=border-right-color] th, -.wp-block-table table[style*=border-right-color] td:last-child { - border-left-color: inherit; +.wp-block-table table[style*=border-bottom-color] tr:last-child,.wp-block-table table[style*=border-bottom-color] tr:last-child td,.wp-block-table table[style*=border-bottom-color] tr:last-child th,.wp-block-table table[style*=border-bottom-color]>*,.wp-block-table table[style*=border-bottom-color]>* td,.wp-block-table table[style*=border-bottom-color]>* th{ + border-bottom-color:inherit; } -.wp-block-table table[style*=border-bottom-color] > *, -.wp-block-table table[style*=border-bottom-color] tr:last-child { - border-bottom-color: inherit; +.wp-block-table table[style*=border-bottom-color] tr:not(:last-child){ + border-bottom-color:initial; } -.wp-block-table table[style*=border-bottom-color] > * th, -.wp-block-table table[style*=border-bottom-color] > * td, -.wp-block-table table[style*=border-bottom-color] tr:last-child th, -.wp-block-table table[style*=border-bottom-color] tr:last-child td { - border-bottom-color: inherit; +.wp-block-table table[style*=border-left-color] td:first-child,.wp-block-table table[style*=border-left-color] th,.wp-block-table table[style*=border-left-color] tr,.wp-block-table table[style*=border-left-color]>*{ + border-right-color:inherit; } -.wp-block-table table[style*=border-bottom-color] tr:not(:last-child) { - border-bottom-color: currentColor; +.wp-block-table table[style*=border-style] td,.wp-block-table table[style*=border-style] th,.wp-block-table table[style*=border-style] tr,.wp-block-table table[style*=border-style]>*{ + border-style:inherit; } -.wp-block-table table[style*=border-left-color] > *, -.wp-block-table table[style*=border-left-color] tr, -.wp-block-table table[style*=border-left-color] th, -.wp-block-table table[style*=border-left-color] td:first-child { - border-right-color: inherit; -} -.wp-block-table table[style*=border-style] > *, -.wp-block-table table[style*=border-style] tr, -.wp-block-table table[style*=border-style] th, -.wp-block-table table[style*=border-style] td { - border-style: inherit; -} -.wp-block-table table[style*=border-width] > *, -.wp-block-table table[style*=border-width] tr, -.wp-block-table table[style*=border-width] th, -.wp-block-table table[style*=border-width] td { - border-width: inherit; - border-style: inherit; +.wp-block-table table[style*=border-width] td,.wp-block-table table[style*=border-width] th,.wp-block-table table[style*=border-width] tr,.wp-block-table table[style*=border-width]>*{ + border-style:inherit; + border-width:inherit; } \ No newline at end of file diff --git a/wp-includes/blocks/table/style.css b/wp-includes/blocks/table/style.css index d86a9bc6e6..20f8f350d3 100644 --- a/wp-includes/blocks/table/style.css +++ b/wp-includes/blocks/table/style.css @@ -1,200 +1,89 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-table { - overflow-x: auto; +.wp-block-table{ + overflow-x:auto; } -.wp-block-table table { - border-collapse: collapse; - width: 100%; +.wp-block-table table{ + border-collapse:collapse; + width:100%; } -.wp-block-table td, -.wp-block-table th { - border: 1px solid; - padding: 0.5em; +.wp-block-table td,.wp-block-table th{ + border:1px solid; + padding:.5em; } -.wp-block-table .has-fixed-layout { - table-layout: fixed; - width: 100%; +.wp-block-table .has-fixed-layout{ + table-layout:fixed; + width:100%; } -.wp-block-table .has-fixed-layout td, -.wp-block-table .has-fixed-layout th { - word-break: break-word; +.wp-block-table .has-fixed-layout td,.wp-block-table .has-fixed-layout th{ + word-break:break-word; } -.wp-block-table.alignleft, .wp-block-table.aligncenter, .wp-block-table.alignright { - display: table; - width: auto; +.wp-block-table.aligncenter,.wp-block-table.alignleft,.wp-block-table.alignright{ + display:table; + width:auto; } -.wp-block-table.alignleft td, -.wp-block-table.alignleft th, .wp-block-table.aligncenter td, -.wp-block-table.aligncenter th, .wp-block-table.alignright td, -.wp-block-table.alignright th { - word-break: break-word; +.wp-block-table.aligncenter td,.wp-block-table.aligncenter th,.wp-block-table.alignleft td,.wp-block-table.alignleft th,.wp-block-table.alignright td,.wp-block-table.alignright th{ + word-break:break-word; } -.wp-block-table .has-subtle-light-gray-background-color { - background-color: #f3f4f5; +.wp-block-table .has-subtle-light-gray-background-color{ + background-color:#f3f4f5; } -.wp-block-table .has-subtle-pale-green-background-color { - background-color: #e9fbe5; +.wp-block-table .has-subtle-pale-green-background-color{ + background-color:#e9fbe5; } -.wp-block-table .has-subtle-pale-blue-background-color { - background-color: #e7f5fe; +.wp-block-table .has-subtle-pale-blue-background-color{ + background-color:#e7f5fe; } -.wp-block-table .has-subtle-pale-pink-background-color { - background-color: #fcf0ef; +.wp-block-table .has-subtle-pale-pink-background-color{ + background-color:#fcf0ef; } -.wp-block-table.is-style-stripes { - border-spacing: 0; - border-collapse: inherit; - background-color: transparent; - border-bottom: 1px solid #f0f0f0; +.wp-block-table.is-style-stripes{ + background-color:initial; + border-bottom:1px solid #f0f0f0; + border-collapse:inherit; + border-spacing:0; } -.wp-block-table.is-style-stripes tbody tr:nth-child(odd) { - background-color: #f0f0f0; +.wp-block-table.is-style-stripes tbody tr:nth-child(odd){ + background-color:#f0f0f0; } -.wp-block-table.is-style-stripes.has-subtle-light-gray-background-color tbody tr:nth-child(odd) { - background-color: #f3f4f5; +.wp-block-table.is-style-stripes.has-subtle-light-gray-background-color tbody tr:nth-child(odd){ + background-color:#f3f4f5; } -.wp-block-table.is-style-stripes.has-subtle-pale-green-background-color tbody tr:nth-child(odd) { - background-color: #e9fbe5; +.wp-block-table.is-style-stripes.has-subtle-pale-green-background-color tbody tr:nth-child(odd){ + background-color:#e9fbe5; } -.wp-block-table.is-style-stripes.has-subtle-pale-blue-background-color tbody tr:nth-child(odd) { - background-color: #e7f5fe; +.wp-block-table.is-style-stripes.has-subtle-pale-blue-background-color tbody tr:nth-child(odd){ + background-color:#e7f5fe; } -.wp-block-table.is-style-stripes.has-subtle-pale-pink-background-color tbody tr:nth-child(odd) { - background-color: #fcf0ef; +.wp-block-table.is-style-stripes.has-subtle-pale-pink-background-color tbody tr:nth-child(odd){ + background-color:#fcf0ef; } -.wp-block-table.is-style-stripes th, -.wp-block-table.is-style-stripes td { - border-color: transparent; +.wp-block-table.is-style-stripes td,.wp-block-table.is-style-stripes th{ + border-color:transparent; } -.wp-block-table .has-border-color > *, -.wp-block-table .has-border-color tr, -.wp-block-table .has-border-color th, -.wp-block-table .has-border-color td { - border-color: inherit; +.wp-block-table .has-border-color td,.wp-block-table .has-border-color th,.wp-block-table .has-border-color tr,.wp-block-table .has-border-color>*{ + border-color:inherit; } -.wp-block-table table[style*=border-top-color] > *, -.wp-block-table table[style*=border-top-color] tr:first-child { - border-top-color: inherit; +.wp-block-table table[style*=border-top-color] tr:first-child,.wp-block-table table[style*=border-top-color] tr:first-child td,.wp-block-table table[style*=border-top-color] tr:first-child th,.wp-block-table table[style*=border-top-color]>*,.wp-block-table table[style*=border-top-color]>* td,.wp-block-table table[style*=border-top-color]>* th{ + border-top-color:inherit; } -.wp-block-table table[style*=border-top-color] > * th, -.wp-block-table table[style*=border-top-color] > * td, -.wp-block-table table[style*=border-top-color] tr:first-child th, -.wp-block-table table[style*=border-top-color] tr:first-child td { - border-top-color: inherit; +.wp-block-table table[style*=border-top-color] tr:not(:first-child){ + border-top-color:initial; } -.wp-block-table table[style*=border-top-color] tr:not(:first-child) { - border-top-color: currentColor; +.wp-block-table table[style*=border-right-color] td:last-child,.wp-block-table table[style*=border-right-color] th,.wp-block-table table[style*=border-right-color] tr,.wp-block-table table[style*=border-right-color]>*{ + border-right-color:inherit; } -.wp-block-table table[style*=border-right-color] > *, -.wp-block-table table[style*=border-right-color] tr, -.wp-block-table table[style*=border-right-color] th, -.wp-block-table table[style*=border-right-color] td:last-child { - border-right-color: inherit; +.wp-block-table table[style*=border-bottom-color] tr:last-child,.wp-block-table table[style*=border-bottom-color] tr:last-child td,.wp-block-table table[style*=border-bottom-color] tr:last-child th,.wp-block-table table[style*=border-bottom-color]>*,.wp-block-table table[style*=border-bottom-color]>* td,.wp-block-table table[style*=border-bottom-color]>* th{ + border-bottom-color:inherit; } -.wp-block-table table[style*=border-bottom-color] > *, -.wp-block-table table[style*=border-bottom-color] tr:last-child { - border-bottom-color: inherit; +.wp-block-table table[style*=border-bottom-color] tr:not(:last-child){ + border-bottom-color:initial; } -.wp-block-table table[style*=border-bottom-color] > * th, -.wp-block-table table[style*=border-bottom-color] > * td, -.wp-block-table table[style*=border-bottom-color] tr:last-child th, -.wp-block-table table[style*=border-bottom-color] tr:last-child td { - border-bottom-color: inherit; +.wp-block-table table[style*=border-left-color] td:first-child,.wp-block-table table[style*=border-left-color] th,.wp-block-table table[style*=border-left-color] tr,.wp-block-table table[style*=border-left-color]>*{ + border-left-color:inherit; } -.wp-block-table table[style*=border-bottom-color] tr:not(:last-child) { - border-bottom-color: currentColor; +.wp-block-table table[style*=border-style] td,.wp-block-table table[style*=border-style] th,.wp-block-table table[style*=border-style] tr,.wp-block-table table[style*=border-style]>*{ + border-style:inherit; } -.wp-block-table table[style*=border-left-color] > *, -.wp-block-table table[style*=border-left-color] tr, -.wp-block-table table[style*=border-left-color] th, -.wp-block-table table[style*=border-left-color] td:first-child { - border-left-color: inherit; -} -.wp-block-table table[style*=border-style] > *, -.wp-block-table table[style*=border-style] tr, -.wp-block-table table[style*=border-style] th, -.wp-block-table table[style*=border-style] td { - border-style: inherit; -} -.wp-block-table table[style*=border-width] > *, -.wp-block-table table[style*=border-width] tr, -.wp-block-table table[style*=border-width] th, -.wp-block-table table[style*=border-width] td { - border-width: inherit; - border-style: inherit; +.wp-block-table table[style*=border-width] td,.wp-block-table table[style*=border-width] th,.wp-block-table table[style*=border-width] tr,.wp-block-table table[style*=border-width]>*{ + border-style:inherit; + border-width:inherit; } \ No newline at end of file diff --git a/wp-includes/blocks/table/theme-rtl.css b/wp-includes/blocks/table/theme-rtl.css index d426c2a64e..7af9a365e6 100644 --- a/wp-includes/blocks/table/theme-rtl.css +++ b/wp-includes/blocks/table/theme-rtl.css @@ -1,97 +1,20 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-table { - margin: "0 0" 1em 0; +.wp-block-table{ + margin:"0 0" 1em 0; } -.wp-block-table thead { - border-bottom: 3px solid; +.wp-block-table thead{ + border-bottom:3px solid; } -.wp-block-table tfoot { - border-top: 3px solid; +.wp-block-table tfoot{ + border-top:3px solid; } -.wp-block-table td, -.wp-block-table th { - word-break: normal; +.wp-block-table td,.wp-block-table th{ + word-break:normal; } -.wp-block-table figcaption { - color: #555; - font-size: 13px; - text-align: center; +.wp-block-table figcaption{ + color:#555; + font-size:13px; + text-align:center; } -.is-dark-theme .wp-block-table figcaption { - color: rgba(255, 255, 255, 0.65); +.is-dark-theme .wp-block-table figcaption{ + color:hsla(0,0%,100%,.65); } \ No newline at end of file diff --git a/wp-includes/blocks/table/theme.css b/wp-includes/blocks/table/theme.css index 4d96b17ea0..be31129dd8 100644 --- a/wp-includes/blocks/table/theme.css +++ b/wp-includes/blocks/table/theme.css @@ -1,97 +1,20 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-table { - margin: "0 0 1em 0"; +.wp-block-table{ + margin:"0 0 1em 0"; } -.wp-block-table thead { - border-bottom: 3px solid; +.wp-block-table thead{ + border-bottom:3px solid; } -.wp-block-table tfoot { - border-top: 3px solid; +.wp-block-table tfoot{ + border-top:3px solid; } -.wp-block-table td, -.wp-block-table th { - word-break: normal; +.wp-block-table td,.wp-block-table th{ + word-break:normal; } -.wp-block-table figcaption { - color: #555; - font-size: 13px; - text-align: center; +.wp-block-table figcaption{ + color:#555; + font-size:13px; + text-align:center; } -.is-dark-theme .wp-block-table figcaption { - color: rgba(255, 255, 255, 0.65); +.is-dark-theme .wp-block-table figcaption{ + color:hsla(0,0%,100%,.65); } \ No newline at end of file diff --git a/wp-includes/blocks/tag-cloud/style-rtl.css b/wp-includes/blocks/tag-cloud/style-rtl.css index 41b6d7eb0d..aae1c1fb88 100644 --- a/wp-includes/blocks/tag-cloud/style-rtl.css +++ b/wp-includes/blocks/tag-cloud/style-rtl.css @@ -1,105 +1,29 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-tag-cloud.aligncenter { - text-align: center; - justify-content: center; +.wp-block-tag-cloud.aligncenter{ + justify-content:center; + text-align:center; } -.wp-block-tag-cloud.alignfull { - padding-right: 1em; - padding-left: 1em; +.wp-block-tag-cloud.alignfull{ + padding-left:1em; + padding-right:1em; } -.wp-block-tag-cloud a { - display: inline-block; - margin-left: 5px; +.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 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{ + 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-tag-cloud.is-style-outline a{ + border:1px solid; + font-size:unset !important; + margin-left:0; + padding:1ch 2ch; + text-decoration:none !important; } \ No newline at end of file diff --git a/wp-includes/blocks/tag-cloud/style.css b/wp-includes/blocks/tag-cloud/style.css index ea41212138..55a352fbe3 100644 --- a/wp-includes/blocks/tag-cloud/style.css +++ b/wp-includes/blocks/tag-cloud/style.css @@ -1,105 +1,29 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-tag-cloud.aligncenter { - text-align: center; - justify-content: center; +.wp-block-tag-cloud.aligncenter{ + justify-content:center; + text-align:center; } -.wp-block-tag-cloud.alignfull { - padding-left: 1em; - padding-right: 1em; +.wp-block-tag-cloud.alignfull{ + padding-left:1em; + padding-right:1em; } -.wp-block-tag-cloud a { - display: inline-block; - margin-right: 5px; +.wp-block-tag-cloud a{ + display:inline-block; + margin-right:5px; } -.wp-block-tag-cloud span { - display: inline-block; - margin-left: 5px; - text-decoration: none; +.wp-block-tag-cloud span{ + display:inline-block; + margin-left: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{ + display:flex; + flex-wrap:wrap; + gap:1ch; } -.wp-block-tag-cloud.is-style-outline a { - border: 1px solid currentColor; - font-size: unset !important; - margin-right: 0; - padding: 1ch 2ch; - text-decoration: none !important; +.wp-block-tag-cloud.is-style-outline a{ + border:1px solid; + font-size:unset !important; + margin-right:0; + padding:1ch 2ch; + text-decoration:none !important; } \ No newline at end of file diff --git a/wp-includes/blocks/template-part/editor-rtl.css b/wp-includes/blocks/template-part/editor-rtl.css index 9e387da01c..7e3bcef5c7 100644 --- a/wp-includes/blocks/template-part/editor-rtl.css +++ b/wp-includes/blocks/template-part/editor-rtl.css @@ -1,103 +1,27 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.block-editor-template-part__selection-modal { - z-index: 1000001; +.block-editor-template-part__selection-modal{ + z-index:1000001; } -@media (min-width: 600px) { - .block-editor-template-part__selection-modal .components-modal__frame { - width: calc(100% - 32px); - height: calc(100% - 120px); +@media (min-width:600px){ + .block-editor-template-part__selection-modal .components-modal__frame{ + height:calc(100% - 120px); + width:calc(100% - 32px); } } -@media (min-width: 782px) { - .block-editor-template-part__selection-modal .components-modal__frame { - width: 750px; +@media (min-width:782px){ + .block-editor-template-part__selection-modal .components-modal__frame{ + width:750px; } } -@media (min-width: 960px) { - .block-editor-template-part__selection-modal .components-modal__frame { - height: 70%; +@media (min-width:960px){ + .block-editor-template-part__selection-modal .components-modal__frame{ + height:70%; } } -.block-library-template-part__selection-search { - background: #fff; - position: sticky; - top: 0; - padding: 16px 0; - z-index: 1; +.block-library-template-part__selection-search{ + background:#fff; + padding:16px 0; + position:sticky; + top:0; + z-index:1; } \ No newline at end of file diff --git a/wp-includes/blocks/template-part/editor.css b/wp-includes/blocks/template-part/editor.css index 9e387da01c..7e3bcef5c7 100644 --- a/wp-includes/blocks/template-part/editor.css +++ b/wp-includes/blocks/template-part/editor.css @@ -1,103 +1,27 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.block-editor-template-part__selection-modal { - z-index: 1000001; +.block-editor-template-part__selection-modal{ + z-index:1000001; } -@media (min-width: 600px) { - .block-editor-template-part__selection-modal .components-modal__frame { - width: calc(100% - 32px); - height: calc(100% - 120px); +@media (min-width:600px){ + .block-editor-template-part__selection-modal .components-modal__frame{ + height:calc(100% - 120px); + width:calc(100% - 32px); } } -@media (min-width: 782px) { - .block-editor-template-part__selection-modal .components-modal__frame { - width: 750px; +@media (min-width:782px){ + .block-editor-template-part__selection-modal .components-modal__frame{ + width:750px; } } -@media (min-width: 960px) { - .block-editor-template-part__selection-modal .components-modal__frame { - height: 70%; +@media (min-width:960px){ + .block-editor-template-part__selection-modal .components-modal__frame{ + height:70%; } } -.block-library-template-part__selection-search { - background: #fff; - position: sticky; - top: 0; - padding: 16px 0; - z-index: 1; +.block-library-template-part__selection-search{ + background:#fff; + padding:16px 0; + position:sticky; + top:0; + z-index:1; } \ No newline at end of file diff --git a/wp-includes/blocks/template-part/theme-rtl.css b/wp-includes/blocks/template-part/theme-rtl.css index 975853880e..6c5262c630 100644 --- a/wp-includes/blocks/template-part/theme-rtl.css +++ b/wp-includes/blocks/template-part/theme-rtl.css @@ -1,81 +1,5 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-template-part.has-background { - padding: 1.25em 2.375em; - margin-top: 0; - margin-bottom: 0; +.wp-block-template-part.has-background{ + margin-bottom:0; + margin-top:0; + padding:1.25em 2.375em; } \ No newline at end of file diff --git a/wp-includes/blocks/template-part/theme.css b/wp-includes/blocks/template-part/theme.css index 975853880e..6c5262c630 100644 --- a/wp-includes/blocks/template-part/theme.css +++ b/wp-includes/blocks/template-part/theme.css @@ -1,81 +1,5 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-template-part.has-background { - padding: 1.25em 2.375em; - margin-top: 0; - margin-bottom: 0; +.wp-block-template-part.has-background{ + margin-bottom:0; + margin-top:0; + padding:1.25em 2.375em; } \ No newline at end of file diff --git a/wp-includes/blocks/text-columns/editor-rtl.css b/wp-includes/blocks/text-columns/editor-rtl.css index 593177994d..713c3e0dd4 100644 --- a/wp-includes/blocks/text-columns/editor-rtl.css +++ b/wp-includes/blocks/text-columns/editor-rtl.css @@ -1,79 +1,3 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-text-columns .block-editor-rich-text__editable:focus { - outline: 1px solid #ddd; +.wp-block-text-columns .block-editor-rich-text__editable:focus{ + outline:1px solid #ddd; } \ No newline at end of file diff --git a/wp-includes/blocks/text-columns/editor.css b/wp-includes/blocks/text-columns/editor.css index 593177994d..713c3e0dd4 100644 --- a/wp-includes/blocks/text-columns/editor.css +++ b/wp-includes/blocks/text-columns/editor.css @@ -1,79 +1,3 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-text-columns .block-editor-rich-text__editable:focus { - outline: 1px solid #ddd; +.wp-block-text-columns .block-editor-rich-text__editable:focus{ + outline:1px solid #ddd; } \ No newline at end of file diff --git a/wp-includes/blocks/text-columns/style-rtl.css b/wp-includes/blocks/text-columns/style-rtl.css index 184dd3d79f..2d78912199 100644 --- a/wp-includes/blocks/text-columns/style-rtl.css +++ b/wp-includes/blocks/text-columns/style-rtl.css @@ -1,101 +1,22 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-text-columns { - display: flex; +.wp-block-text-columns,.wp-block-text-columns.aligncenter{ + display:flex; } -.wp-block-text-columns.aligncenter { - display: flex; +.wp-block-text-columns .wp-block-column{ + margin:0 1em; + padding:0; } -.wp-block-text-columns .wp-block-column { - margin: 0 1em; - padding: 0; +.wp-block-text-columns .wp-block-column:first-child{ + margin-right:0; } -.wp-block-text-columns .wp-block-column:first-child { - margin-right: 0; +.wp-block-text-columns .wp-block-column:last-child{ + margin-left:0; } -.wp-block-text-columns .wp-block-column:last-child { - margin-left: 0; +.wp-block-text-columns.columns-2 .wp-block-column{ + width:50%; } -.wp-block-text-columns.columns-2 .wp-block-column { - width: calc(100% / 2); +.wp-block-text-columns.columns-3 .wp-block-column{ + width:33.33333%; } -.wp-block-text-columns.columns-3 .wp-block-column { - width: calc(100% / 3); -} -.wp-block-text-columns.columns-4 .wp-block-column { - width: calc(100% / 4); +.wp-block-text-columns.columns-4 .wp-block-column{ + width:25%; } \ No newline at end of file diff --git a/wp-includes/blocks/text-columns/style.css b/wp-includes/blocks/text-columns/style.css index b726ae4e25..3bd86ae7d0 100644 --- a/wp-includes/blocks/text-columns/style.css +++ b/wp-includes/blocks/text-columns/style.css @@ -1,101 +1,22 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-text-columns { - display: flex; +.wp-block-text-columns,.wp-block-text-columns.aligncenter{ + display:flex; } -.wp-block-text-columns.aligncenter { - display: flex; +.wp-block-text-columns .wp-block-column{ + margin:0 1em; + padding:0; } -.wp-block-text-columns .wp-block-column { - margin: 0 1em; - padding: 0; +.wp-block-text-columns .wp-block-column:first-child{ + margin-left:0; } -.wp-block-text-columns .wp-block-column:first-child { - margin-left: 0; +.wp-block-text-columns .wp-block-column:last-child{ + margin-right:0; } -.wp-block-text-columns .wp-block-column:last-child { - margin-right: 0; +.wp-block-text-columns.columns-2 .wp-block-column{ + width:50%; } -.wp-block-text-columns.columns-2 .wp-block-column { - width: calc(100% / 2); +.wp-block-text-columns.columns-3 .wp-block-column{ + width:33.33333%; } -.wp-block-text-columns.columns-3 .wp-block-column { - width: calc(100% / 3); -} -.wp-block-text-columns.columns-4 .wp-block-column { - width: calc(100% / 4); +.wp-block-text-columns.columns-4 .wp-block-column{ + width:25%; } \ No newline at end of file diff --git a/wp-includes/blocks/verse/style-rtl.css b/wp-includes/blocks/verse/style-rtl.css index d85f01378a..49cfe6b7dc 100644 --- a/wp-includes/blocks/verse/style-rtl.css +++ b/wp-includes/blocks/verse/style-rtl.css @@ -1,81 +1,5 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -pre.wp-block-verse { - font-family: inherit; - overflow: auto; - white-space: pre-wrap; +pre.wp-block-verse{ + font-family:inherit; + overflow:auto; + white-space:pre-wrap; } \ No newline at end of file diff --git a/wp-includes/blocks/verse/style.css b/wp-includes/blocks/verse/style.css index d85f01378a..49cfe6b7dc 100644 --- a/wp-includes/blocks/verse/style.css +++ b/wp-includes/blocks/verse/style.css @@ -1,81 +1,5 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -pre.wp-block-verse { - font-family: inherit; - overflow: auto; - white-space: pre-wrap; +pre.wp-block-verse{ + font-family:inherit; + overflow:auto; + white-space:pre-wrap; } \ No newline at end of file diff --git a/wp-includes/blocks/video/editor-rtl.css b/wp-includes/blocks/video/editor-rtl.css index 05a90f87d2..84f1bf43ce 100644 --- a/wp-includes/blocks/video/editor-rtl.css +++ b/wp-includes/blocks/video/editor-rtl.css @@ -1,171 +1,92 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block[data-align=center] > .wp-block-video { - text-align: center; +.wp-block[data-align=center]>.wp-block-video{ + text-align:center; } -.wp-block-video { - position: relative; +.wp-block-video{ + position:relative; } -.wp-block-video.is-transient video { - opacity: 0.3; +.wp-block-video.is-transient video{ + opacity:.3; } -.wp-block-video .components-spinner { - position: absolute; - top: 50%; - right: 50%; - margin-top: -9px; - margin-right: -9px; +.wp-block-video .components-spinner{ + margin-right:-9px; + margin-top:-9px; + position:absolute; + right:50%; + top:50%; } -.editor-video-poster-control .components-base-control__label { - display: block; +.editor-video-poster-control .components-base-control__label{ + display:block; } -.editor-video-poster-control .components-button { - margin-left: 8px; +.editor-video-poster-control .components-button{ + margin-left:8px; } -.block-library-video-tracks-editor { - z-index: 159990; +.block-library-video-tracks-editor{ + z-index:159990; } -.block-library-video-tracks-editor__track-list-track { - display: flex; - place-content: space-between; - align-items: baseline; - padding-right: 12px; +.block-library-video-tracks-editor__track-list-track{ + align-items:baseline; + display:flex; + padding-right:12px; + place-content:space-between; } -.block-library-video-tracks-editor__single-track-editor-label-language { - display: flex; - margin-top: 12px; +.block-library-video-tracks-editor__single-track-editor-label-language{ + display:flex; + margin-top:12px; } -.block-library-video-tracks-editor__single-track-editor-label-language > .components-base-control { - width: 50%; +.block-library-video-tracks-editor__single-track-editor-label-language>.components-base-control{ + width:50%; } -.block-library-video-tracks-editor__single-track-editor-label-language > .components-base-control:first-child { - margin-left: 16px; +.block-library-video-tracks-editor__single-track-editor-label-language>.components-base-control:first-child{ + margin-left:16px; } -.block-library-video-tracks-editor__single-track-editor-kind-select { - max-width: 240px; +.block-library-video-tracks-editor__single-track-editor-kind-select{ + max-width:240px; } -.block-library-video-tracks-editor__single-track-editor-buttons-container { - display: flex; - place-content: space-between; - margin-top: 32px; +.block-library-video-tracks-editor__single-track-editor-buttons-container{ + display:flex; + margin-top:32px; + place-content:space-between; } -.block-library-video-tracks-editor__single-track-editor-edit-track-label { - margin-top: 4px; - margin-bottom: 12px; - color: #757575; - text-transform: uppercase; - font-size: 11px; - font-weight: 500; - display: block; +.block-library-video-tracks-editor__single-track-editor-edit-track-label{ + color:#757575; + display:block; + font-size:11px; + font-weight:500; + margin-bottom:12px; + margin-top:4px; + text-transform:uppercase; } -.block-library-video-tracks-editor > .components-popover__content { - width: 360px; - padding: 0; +.block-library-video-tracks-editor>.components-popover__content{ + padding:0; + width:360px; } -.block-library-video-tracks-editor__track-list .components-menu-group__label, -.block-library-video-tracks-editor__add-tracks-container .components-menu-group__label { - padding: 0; +.block-library-video-tracks-editor__add-tracks-container .components-menu-group__label,.block-library-video-tracks-editor__track-list .components-menu-group__label{ + padding:0; } -.block-library-video-tracks-editor__single-track-editor, -.block-library-video-tracks-editor__track-list, -.block-library-video-tracks-editor__add-tracks-container { - padding: 12px; +.block-library-video-tracks-editor__add-tracks-container,.block-library-video-tracks-editor__single-track-editor,.block-library-video-tracks-editor__track-list{ + padding:12px; } -.block-library-video-tracks-editor__single-track-editor .components-base-control .components-base-control__label { - margin-bottom: 4px; +.block-library-video-tracks-editor__single-track-editor .components-base-control .components-base-control__label{ + margin-bottom:4px; } -.block-library-video-tracks-editor__single-track-editor .components-base-control .components-base-control__field { - margin-bottom: 12px; +.block-library-video-tracks-editor__single-track-editor .components-base-control .components-base-control__field{ + margin-bottom:12px; } -.block-library-video-tracks-editor__single-track-editor .components-base-control .components-text-control__input { - margin-right: 0; +.block-library-video-tracks-editor__single-track-editor .components-base-control .components-text-control__input{ + margin-right:0; } -.block-library-video-tracks-editor__single-track-editor .components-base-control .components-input-control__label { - margin-bottom: 4px; +.block-library-video-tracks-editor__single-track-editor .components-base-control .components-input-control__label{ + margin-bottom:4px; } \ No newline at end of file diff --git a/wp-includes/blocks/video/editor.css b/wp-includes/blocks/video/editor.css index b7c19b1096..a1f5d1be74 100644 --- a/wp-includes/blocks/video/editor.css +++ b/wp-includes/blocks/video/editor.css @@ -1,171 +1,92 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block[data-align=center] > .wp-block-video { - text-align: center; +.wp-block[data-align=center]>.wp-block-video{ + text-align:center; } -.wp-block-video { - position: relative; +.wp-block-video{ + position:relative; } -.wp-block-video.is-transient video { - opacity: 0.3; +.wp-block-video.is-transient video{ + opacity:.3; } -.wp-block-video .components-spinner { - position: absolute; - top: 50%; - left: 50%; - margin-top: -9px; - margin-left: -9px; +.wp-block-video .components-spinner{ + left:50%; + margin-left:-9px; + margin-top:-9px; + position:absolute; + top:50%; } -.editor-video-poster-control .components-base-control__label { - display: block; +.editor-video-poster-control .components-base-control__label{ + display:block; } -.editor-video-poster-control .components-button { - margin-right: 8px; +.editor-video-poster-control .components-button{ + margin-right:8px; } -.block-library-video-tracks-editor { - z-index: 159990; +.block-library-video-tracks-editor{ + z-index:159990; } -.block-library-video-tracks-editor__track-list-track { - display: flex; - place-content: space-between; - align-items: baseline; - padding-left: 12px; +.block-library-video-tracks-editor__track-list-track{ + align-items:baseline; + display:flex; + padding-left:12px; + place-content:space-between; } -.block-library-video-tracks-editor__single-track-editor-label-language { - display: flex; - margin-top: 12px; +.block-library-video-tracks-editor__single-track-editor-label-language{ + display:flex; + margin-top:12px; } -.block-library-video-tracks-editor__single-track-editor-label-language > .components-base-control { - width: 50%; +.block-library-video-tracks-editor__single-track-editor-label-language>.components-base-control{ + width:50%; } -.block-library-video-tracks-editor__single-track-editor-label-language > .components-base-control:first-child { - margin-right: 16px; +.block-library-video-tracks-editor__single-track-editor-label-language>.components-base-control:first-child{ + margin-right:16px; } -.block-library-video-tracks-editor__single-track-editor-kind-select { - max-width: 240px; +.block-library-video-tracks-editor__single-track-editor-kind-select{ + max-width:240px; } -.block-library-video-tracks-editor__single-track-editor-buttons-container { - display: flex; - place-content: space-between; - margin-top: 32px; +.block-library-video-tracks-editor__single-track-editor-buttons-container{ + display:flex; + margin-top:32px; + place-content:space-between; } -.block-library-video-tracks-editor__single-track-editor-edit-track-label { - margin-top: 4px; - margin-bottom: 12px; - color: #757575; - text-transform: uppercase; - font-size: 11px; - font-weight: 500; - display: block; +.block-library-video-tracks-editor__single-track-editor-edit-track-label{ + color:#757575; + display:block; + font-size:11px; + font-weight:500; + margin-bottom:12px; + margin-top:4px; + text-transform:uppercase; } -.block-library-video-tracks-editor > .components-popover__content { - width: 360px; - padding: 0; +.block-library-video-tracks-editor>.components-popover__content{ + padding:0; + width:360px; } -.block-library-video-tracks-editor__track-list .components-menu-group__label, -.block-library-video-tracks-editor__add-tracks-container .components-menu-group__label { - padding: 0; +.block-library-video-tracks-editor__add-tracks-container .components-menu-group__label,.block-library-video-tracks-editor__track-list .components-menu-group__label{ + padding:0; } -.block-library-video-tracks-editor__single-track-editor, -.block-library-video-tracks-editor__track-list, -.block-library-video-tracks-editor__add-tracks-container { - padding: 12px; +.block-library-video-tracks-editor__add-tracks-container,.block-library-video-tracks-editor__single-track-editor,.block-library-video-tracks-editor__track-list{ + padding:12px; } -.block-library-video-tracks-editor__single-track-editor .components-base-control .components-base-control__label { - margin-bottom: 4px; +.block-library-video-tracks-editor__single-track-editor .components-base-control .components-base-control__label{ + margin-bottom:4px; } -.block-library-video-tracks-editor__single-track-editor .components-base-control .components-base-control__field { - margin-bottom: 12px; +.block-library-video-tracks-editor__single-track-editor .components-base-control .components-base-control__field{ + margin-bottom:12px; } -.block-library-video-tracks-editor__single-track-editor .components-base-control .components-text-control__input { - margin-left: 0; +.block-library-video-tracks-editor__single-track-editor .components-base-control .components-text-control__input{ + margin-left:0; } -.block-library-video-tracks-editor__single-track-editor .components-base-control .components-input-control__label { - margin-bottom: 4px; +.block-library-video-tracks-editor__single-track-editor .components-base-control .components-input-control__label{ + margin-bottom:4px; } \ No newline at end of file diff --git a/wp-includes/blocks/video/style-rtl.css b/wp-includes/blocks/video/style-rtl.css index d375838389..6f31609588 100644 --- a/wp-includes/blocks/video/style-rtl.css +++ b/wp-includes/blocks/video/style-rtl.css @@ -1,95 +1,19 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-video { - box-sizing: border-box; +.wp-block-video{ + box-sizing:border-box; } -.wp-block-video video { - width: 100%; +.wp-block-video video{ + width:100%; } -@supports (position: sticky) { - .wp-block-video [poster] { - -o-object-fit: cover; - object-fit: cover; +@supports (position:sticky){ + .wp-block-video [poster]{ + -o-object-fit:cover; + object-fit:cover; } } -.wp-block-video.aligncenter { - text-align: center; +.wp-block-video.aligncenter{ + text-align:center; } -.wp-block-video figcaption { - margin-top: 0.5em; - margin-bottom: 1em; +.wp-block-video figcaption{ + margin-bottom:1em; + margin-top:.5em; } \ No newline at end of file diff --git a/wp-includes/blocks/video/style.css b/wp-includes/blocks/video/style.css index d375838389..6f31609588 100644 --- a/wp-includes/blocks/video/style.css +++ b/wp-includes/blocks/video/style.css @@ -1,95 +1,19 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-video { - box-sizing: border-box; +.wp-block-video{ + box-sizing:border-box; } -.wp-block-video video { - width: 100%; +.wp-block-video video{ + width:100%; } -@supports (position: sticky) { - .wp-block-video [poster] { - -o-object-fit: cover; - object-fit: cover; +@supports (position:sticky){ + .wp-block-video [poster]{ + -o-object-fit:cover; + object-fit:cover; } } -.wp-block-video.aligncenter { - text-align: center; +.wp-block-video.aligncenter{ + text-align:center; } -.wp-block-video figcaption { - margin-top: 0.5em; - margin-bottom: 1em; +.wp-block-video figcaption{ + margin-bottom:1em; + margin-top:.5em; } \ No newline at end of file diff --git a/wp-includes/blocks/video/theme-rtl.css b/wp-includes/blocks/video/theme-rtl.css index dc7e552052..384cff9556 100644 --- a/wp-includes/blocks/video/theme-rtl.css +++ b/wp-includes/blocks/video/theme-rtl.css @@ -1,88 +1,12 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-video figcaption { - color: #555; - font-size: 13px; - text-align: center; +.wp-block-video figcaption{ + color:#555; + font-size:13px; + text-align:center; } -.is-dark-theme .wp-block-video figcaption { - color: rgba(255, 255, 255, 0.65); +.is-dark-theme .wp-block-video figcaption{ + color:hsla(0,0%,100%,.65); } -.wp-block-video { - margin: 0 0 1em 0; +.wp-block-video{ + margin:0 0 1em; } \ No newline at end of file diff --git a/wp-includes/blocks/video/theme.css b/wp-includes/blocks/video/theme.css index dc7e552052..384cff9556 100644 --- a/wp-includes/blocks/video/theme.css +++ b/wp-includes/blocks/video/theme.css @@ -1,88 +1,12 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-video figcaption { - color: #555; - font-size: 13px; - text-align: center; +.wp-block-video figcaption{ + color:#555; + font-size:13px; + text-align:center; } -.is-dark-theme .wp-block-video figcaption { - color: rgba(255, 255, 255, 0.65); +.is-dark-theme .wp-block-video figcaption{ + color:hsla(0,0%,100%,.65); } -.wp-block-video { - margin: 0 0 1em 0; +.wp-block-video{ + margin:0 0 1em; } \ No newline at end of file diff --git a/wp-includes/css/dist/block-directory/style-rtl.css b/wp-includes/css/dist/block-directory/style-rtl.css index c2204d8681..29a7104197 100644 --- a/wp-includes/css/dist/block-directory/style-rtl.css +++ b/wp-includes/css/dist/block-directory/style-rtl.css @@ -1,258 +1,182 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -:root { - --wp-admin-theme-color: #007cba; - --wp-admin-theme-color--rgb: 0, 124, 186; - --wp-admin-theme-color-darker-10: #006ba1; - --wp-admin-theme-color-darker-10--rgb: 0, 107, 161; - --wp-admin-theme-color-darker-20: #005a87; - --wp-admin-theme-color-darker-20--rgb: 0, 90, 135; - --wp-admin-border-width-focus: 2px; +:root{ + --wp-admin-theme-color:#007cba; + --wp-admin-theme-color--rgb:0, 124, 186; + --wp-admin-theme-color-darker-10:#006ba1; + --wp-admin-theme-color-darker-10--rgb:0, 107, 161; + --wp-admin-theme-color-darker-20:#005a87; + --wp-admin-theme-color-darker-20--rgb:0, 90, 135; + --wp-admin-border-width-focus:2px; } -@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { - :root { - --wp-admin-border-width-focus: 1.5px; +@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ + :root{ + --wp-admin-border-width-focus:1.5px; } } -.block-directory-block-ratings > span { - display: flex; +.block-directory-block-ratings>span{ + display:flex; } -.block-directory-block-ratings svg { - fill: #1e1e1e; - margin-right: -4px; +.block-directory-block-ratings svg{ + fill:#1e1e1e; + margin-right:-4px; } -.block-directory-block-ratings .block-directory-block-ratings__star-empty { - fill: #ccc; +.block-directory-block-ratings .block-directory-block-ratings__star-empty{ + fill:#ccc; } -.block-directory-compact-list { - margin: 0; - list-style: none; +.block-directory-compact-list{ + list-style:none; + margin:0; } -.block-directory-compact-list__item { - display: flex; - flex-direction: row; - align-items: center; - margin-bottom: 16px; +.block-directory-compact-list__item{ + align-items:center; + display:flex; + flex-direction:row; + margin-bottom:16px; } -.block-directory-compact-list__item:last-child { - margin-bottom: 0; +.block-directory-compact-list__item:last-child{ + margin-bottom:0; } -.block-directory-compact-list__item-details { - margin-right: 8px; +.block-directory-compact-list__item-details{ + margin-right:8px; } -.block-directory-compact-list__item-title { - font-weight: 500; +.block-directory-compact-list__item-title{ + font-weight:500; } -.block-directory-compact-list__item-author { - color: #757575; - font-size: 11px; +.block-directory-compact-list__item-author{ + color:#757575; + font-size:11px; } -.block-directory-downloadable-block-icon { - min-width: 54px; - width: 54px; - height: 54px; - vertical-align: middle; - border: 1px solid #ddd; +.block-directory-downloadable-block-icon{ + border:1px solid #ddd; + height:54px; + min-width:54px; + vertical-align:middle; + width:54px; } -.block-directory-downloadable-block-list-item { - padding: 12px; - width: 100%; - height: auto; - text-align: right; - display: grid; - grid-template-columns: auto 1fr; +.block-directory-downloadable-block-list-item{ + display:grid; + grid-template-columns:auto 1fr; + height:auto; + padding:12px; + text-align:right; + width:100%; } -.block-directory-downloadable-block-list-item:hover { - box-shadow: 0 0 0 2px var(--wp-admin-theme-color); +.block-directory-downloadable-block-list-item:hover{ + box-shadow:0 0 0 2px var(--wp-admin-theme-color); } -.block-directory-downloadable-block-list-item.is-busy { - background: transparent; +.block-directory-downloadable-block-list-item.is-busy{ + background:transparent; } -.block-directory-downloadable-block-list-item.is-busy .block-directory-downloadable-block-list-item__author { - border: 0; - clip: rect(1px, 1px, 1px, 1px); - -webkit-clip-path: inset(50%); - clip-path: inset(50%); - height: 1px; - margin: -1px; - overflow: hidden; - padding: 0; - position: absolute; - width: 1px; - word-wrap: normal !important; +.block-directory-downloadable-block-list-item.is-busy .block-directory-downloadable-block-list-item__author{ + clip:rect(1px, 1px, 1px, 1px); + word-wrap:normal !important; + border:0; + -webkit-clip-path:inset(50%); + clip-path:inset(50%); + height:1px; + margin:-1px; + overflow:hidden; + padding:0; + position:absolute; + width:1px; } -.block-directory-downloadable-block-list-item:disabled, .block-directory-downloadable-block-list-item[aria-disabled] { - opacity: 1; +.block-directory-downloadable-block-list-item:disabled,.block-directory-downloadable-block-list-item[aria-disabled]{ + opacity:1; } -.block-directory-downloadable-block-list-item__icon { - position: relative; - margin-left: 16px; - align-self: flex-start; +.block-directory-downloadable-block-list-item__icon{ + align-self:flex-start; + margin-left:16px; + position:relative; } -.block-directory-downloadable-block-list-item__icon .block-directory-downloadable-block-list-item__spinner { - position: absolute; - top: 0; - left: 0; - bottom: 0; - right: 0; - background: rgba(255, 255, 255, 0.75); - display: flex; - align-items: center; - justify-content: center; +.block-directory-downloadable-block-list-item__icon .block-directory-downloadable-block-list-item__spinner{ + align-items:center; + background:hsla(0,0%,100%,.75); + bottom:0; + display:flex; + justify-content:center; + left:0; + position:absolute; + right:0; + top:0; } -.block-directory-block-ratings { - display: block; - margin-top: 4px; +.block-directory-block-ratings{ + display:block; + margin-top:4px; } -.block-directory-downloadable-block-list-item__details { - color: #1e1e1e; +.block-directory-downloadable-block-list-item__details{ + color:#1e1e1e; } -.block-directory-downloadable-block-list-item__title { - display: block; - font-weight: 600; +.block-directory-downloadable-block-list-item__title{ + display:block; + font-weight:600; } -.block-directory-downloadable-block-list-item__author { - display: block; - margin-top: 4px; - font-weight: normal; +.block-directory-downloadable-block-list-item__author{ + display:block; + font-weight:400; + margin-top:4px; } -.block-directory-downloadable-block-list-item__desc { - display: block; - margin-top: 8px; +.block-directory-downloadable-block-list-item__desc{ + display:block; + margin-top:8px; } -.block-directory-downloadable-block-notice { - margin: 8px 0 0; - color: #cc1818; +.block-directory-downloadable-block-notice{ + color:#cc1818; + margin:8px 0 0; } -.block-directory-downloadable-block-notice__content { - padding-left: 12px; - margin-bottom: 8px; +.block-directory-downloadable-block-notice__content{ + margin-bottom:8px; + padding-left:12px; } -.block-directory-downloadable-blocks-panel { - padding: 16px; +.block-directory-downloadable-blocks-panel{ + padding:16px; } -.block-directory-downloadable-blocks-panel.has-blocks-loading { - font-style: normal; - padding: 0; - margin: 112px 0; - text-align: center; - color: #757575; +.block-directory-downloadable-blocks-panel.has-blocks-loading{ + color:#757575; + font-style:normal; + margin:112px 0; + padding:0; + text-align:center; } -.block-directory-downloadable-blocks-panel.has-blocks-loading .components-spinner { - float: inherit; +.block-directory-downloadable-blocks-panel.has-blocks-loading .components-spinner{ + float:inherit; } -.block-directory-downloadable-blocks-panel__no-local { - margin: 48px 0; - padding: 0 64px; - color: #757575; - text-align: center; +.block-directory-downloadable-blocks-panel__no-local{ + color:#757575; + margin:48px 0; + padding:0 64px; + text-align:center; } -.block-directory-downloadable-blocks-panel__title { - margin: 0 0 4px; - font-size: 14px; +.block-directory-downloadable-blocks-panel__title{ + font-size:14px; + margin:0 0 4px; } -.block-directory-downloadable-blocks-panel__description { - margin-top: 0; +.block-directory-downloadable-blocks-panel__description{ + margin-top:0; } -.block-directory-downloadable-blocks-panel button { - margin-top: 4px; +.block-directory-downloadable-blocks-panel button{ + margin-top:4px; } -.installed-blocks-pre-publish-panel__copy { - margin-top: 0; +.installed-blocks-pre-publish-panel__copy{ + margin-top:0; } \ No newline at end of file diff --git a/wp-includes/css/dist/block-directory/style.css b/wp-includes/css/dist/block-directory/style.css index e2750b510f..6beeec0c89 100644 --- a/wp-includes/css/dist/block-directory/style.css +++ b/wp-includes/css/dist/block-directory/style.css @@ -1,258 +1,182 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -:root { - --wp-admin-theme-color: #007cba; - --wp-admin-theme-color--rgb: 0, 124, 186; - --wp-admin-theme-color-darker-10: #006ba1; - --wp-admin-theme-color-darker-10--rgb: 0, 107, 161; - --wp-admin-theme-color-darker-20: #005a87; - --wp-admin-theme-color-darker-20--rgb: 0, 90, 135; - --wp-admin-border-width-focus: 2px; +:root{ + --wp-admin-theme-color:#007cba; + --wp-admin-theme-color--rgb:0, 124, 186; + --wp-admin-theme-color-darker-10:#006ba1; + --wp-admin-theme-color-darker-10--rgb:0, 107, 161; + --wp-admin-theme-color-darker-20:#005a87; + --wp-admin-theme-color-darker-20--rgb:0, 90, 135; + --wp-admin-border-width-focus:2px; } -@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { - :root { - --wp-admin-border-width-focus: 1.5px; +@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ + :root{ + --wp-admin-border-width-focus:1.5px; } } -.block-directory-block-ratings > span { - display: flex; +.block-directory-block-ratings>span{ + display:flex; } -.block-directory-block-ratings svg { - fill: #1e1e1e; - margin-left: -4px; +.block-directory-block-ratings svg{ + fill:#1e1e1e; + margin-left:-4px; } -.block-directory-block-ratings .block-directory-block-ratings__star-empty { - fill: #ccc; +.block-directory-block-ratings .block-directory-block-ratings__star-empty{ + fill:#ccc; } -.block-directory-compact-list { - margin: 0; - list-style: none; +.block-directory-compact-list{ + list-style:none; + margin:0; } -.block-directory-compact-list__item { - display: flex; - flex-direction: row; - align-items: center; - margin-bottom: 16px; +.block-directory-compact-list__item{ + align-items:center; + display:flex; + flex-direction:row; + margin-bottom:16px; } -.block-directory-compact-list__item:last-child { - margin-bottom: 0; +.block-directory-compact-list__item:last-child{ + margin-bottom:0; } -.block-directory-compact-list__item-details { - margin-left: 8px; +.block-directory-compact-list__item-details{ + margin-left:8px; } -.block-directory-compact-list__item-title { - font-weight: 500; +.block-directory-compact-list__item-title{ + font-weight:500; } -.block-directory-compact-list__item-author { - color: #757575; - font-size: 11px; +.block-directory-compact-list__item-author{ + color:#757575; + font-size:11px; } -.block-directory-downloadable-block-icon { - min-width: 54px; - width: 54px; - height: 54px; - vertical-align: middle; - border: 1px solid #ddd; +.block-directory-downloadable-block-icon{ + border:1px solid #ddd; + height:54px; + min-width:54px; + vertical-align:middle; + width:54px; } -.block-directory-downloadable-block-list-item { - padding: 12px; - width: 100%; - height: auto; - text-align: left; - display: grid; - grid-template-columns: auto 1fr; +.block-directory-downloadable-block-list-item{ + display:grid; + grid-template-columns:auto 1fr; + height:auto; + padding:12px; + text-align:left; + width:100%; } -.block-directory-downloadable-block-list-item:hover { - box-shadow: 0 0 0 2px var(--wp-admin-theme-color); +.block-directory-downloadable-block-list-item:hover{ + box-shadow:0 0 0 2px var(--wp-admin-theme-color); } -.block-directory-downloadable-block-list-item.is-busy { - background: transparent; +.block-directory-downloadable-block-list-item.is-busy{ + background:transparent; } -.block-directory-downloadable-block-list-item.is-busy .block-directory-downloadable-block-list-item__author { - border: 0; - clip: rect(1px, 1px, 1px, 1px); - -webkit-clip-path: inset(50%); - clip-path: inset(50%); - height: 1px; - margin: -1px; - overflow: hidden; - padding: 0; - position: absolute; - width: 1px; - word-wrap: normal !important; +.block-directory-downloadable-block-list-item.is-busy .block-directory-downloadable-block-list-item__author{ + clip:rect(1px, 1px, 1px, 1px); + word-wrap:normal !important; + border:0; + -webkit-clip-path:inset(50%); + clip-path:inset(50%); + height:1px; + margin:-1px; + overflow:hidden; + padding:0; + position:absolute; + width:1px; } -.block-directory-downloadable-block-list-item:disabled, .block-directory-downloadable-block-list-item[aria-disabled] { - opacity: 1; +.block-directory-downloadable-block-list-item:disabled,.block-directory-downloadable-block-list-item[aria-disabled]{ + opacity:1; } -.block-directory-downloadable-block-list-item__icon { - position: relative; - margin-right: 16px; - align-self: flex-start; +.block-directory-downloadable-block-list-item__icon{ + align-self:flex-start; + margin-right:16px; + position:relative; } -.block-directory-downloadable-block-list-item__icon .block-directory-downloadable-block-list-item__spinner { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - background: rgba(255, 255, 255, 0.75); - display: flex; - align-items: center; - justify-content: center; +.block-directory-downloadable-block-list-item__icon .block-directory-downloadable-block-list-item__spinner{ + align-items:center; + background:hsla(0,0%,100%,.75); + bottom:0; + display:flex; + justify-content:center; + left:0; + position:absolute; + right:0; + top:0; } -.block-directory-block-ratings { - display: block; - margin-top: 4px; +.block-directory-block-ratings{ + display:block; + margin-top:4px; } -.block-directory-downloadable-block-list-item__details { - color: #1e1e1e; +.block-directory-downloadable-block-list-item__details{ + color:#1e1e1e; } -.block-directory-downloadable-block-list-item__title { - display: block; - font-weight: 600; +.block-directory-downloadable-block-list-item__title{ + display:block; + font-weight:600; } -.block-directory-downloadable-block-list-item__author { - display: block; - margin-top: 4px; - font-weight: normal; +.block-directory-downloadable-block-list-item__author{ + display:block; + font-weight:400; + margin-top:4px; } -.block-directory-downloadable-block-list-item__desc { - display: block; - margin-top: 8px; +.block-directory-downloadable-block-list-item__desc{ + display:block; + margin-top:8px; } -.block-directory-downloadable-block-notice { - margin: 8px 0 0; - color: #cc1818; +.block-directory-downloadable-block-notice{ + color:#cc1818; + margin:8px 0 0; } -.block-directory-downloadable-block-notice__content { - padding-right: 12px; - margin-bottom: 8px; +.block-directory-downloadable-block-notice__content{ + margin-bottom:8px; + padding-right:12px; } -.block-directory-downloadable-blocks-panel { - padding: 16px; +.block-directory-downloadable-blocks-panel{ + padding:16px; } -.block-directory-downloadable-blocks-panel.has-blocks-loading { - font-style: normal; - padding: 0; - margin: 112px 0; - text-align: center; - color: #757575; +.block-directory-downloadable-blocks-panel.has-blocks-loading{ + color:#757575; + font-style:normal; + margin:112px 0; + padding:0; + text-align:center; } -.block-directory-downloadable-blocks-panel.has-blocks-loading .components-spinner { - float: inherit; +.block-directory-downloadable-blocks-panel.has-blocks-loading .components-spinner{ + float:inherit; } -.block-directory-downloadable-blocks-panel__no-local { - margin: 48px 0; - padding: 0 64px; - color: #757575; - text-align: center; +.block-directory-downloadable-blocks-panel__no-local{ + color:#757575; + margin:48px 0; + padding:0 64px; + text-align:center; } -.block-directory-downloadable-blocks-panel__title { - margin: 0 0 4px; - font-size: 14px; +.block-directory-downloadable-blocks-panel__title{ + font-size:14px; + margin:0 0 4px; } -.block-directory-downloadable-blocks-panel__description { - margin-top: 0; +.block-directory-downloadable-blocks-panel__description{ + margin-top:0; } -.block-directory-downloadable-blocks-panel button { - margin-top: 4px; +.block-directory-downloadable-blocks-panel button{ + margin-top:4px; } -.installed-blocks-pre-publish-panel__copy { - margin-top: 0; +.installed-blocks-pre-publish-panel__copy{ + margin-top:0; } \ No newline at end of file diff --git a/wp-includes/css/dist/block-editor/default-editor-styles-rtl.css b/wp-includes/css/dist/block-editor/default-editor-styles-rtl.css index 2a4fb54a44..6f639e4341 100644 --- a/wp-includes/css/dist/block-editor/default-editor-styles-rtl.css +++ b/wp-includes/css/dist/block-editor/default-editor-styles-rtl.css @@ -1,114 +1,31 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -:root { - --wp-admin-theme-color: #007cba; - --wp-admin-theme-color--rgb: 0, 124, 186; - --wp-admin-theme-color-darker-10: #006ba1; - --wp-admin-theme-color-darker-10--rgb: 0, 107, 161; - --wp-admin-theme-color-darker-20: #005a87; - --wp-admin-theme-color-darker-20--rgb: 0, 90, 135; - --wp-admin-border-width-focus: 2px; +:root{ + --wp-admin-theme-color:#007cba; + --wp-admin-theme-color--rgb:0, 124, 186; + --wp-admin-theme-color-darker-10:#006ba1; + --wp-admin-theme-color-darker-10--rgb:0, 107, 161; + --wp-admin-theme-color-darker-20:#005a87; + --wp-admin-theme-color-darker-20--rgb:0, 90, 135; + --wp-admin-border-width-focus:2px; } -@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { - :root { - --wp-admin-border-width-focus: 1.5px; +@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ + :root{ + --wp-admin-border-width-focus:1.5px; } } - -/** -* Default editor styles. -* -* These styles are shown if a theme does not register its own editor style, -* a theme.json file, or has toggled off "Use theme styles" in preferences. -*/ -body { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - font-size: 18px; - line-height: 1.5; - --wp--style--block-gap: 2em; +body{ + --wp--style--block-gap:2em; + font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; + font-size:18px; + line-height:1.5; } -p { - line-height: 1.8; +p{ + line-height:1.8; } -.editor-post-title__block { - margin-top: 2em; - margin-bottom: 1em; - font-size: 2.5em; - font-weight: 800; +.editor-post-title__block{ + font-size:2.5em; + font-weight:800; + margin-bottom:1em; + margin-top:2em; } \ No newline at end of file diff --git a/wp-includes/css/dist/block-editor/default-editor-styles.css b/wp-includes/css/dist/block-editor/default-editor-styles.css index 2a4fb54a44..6f639e4341 100644 --- a/wp-includes/css/dist/block-editor/default-editor-styles.css +++ b/wp-includes/css/dist/block-editor/default-editor-styles.css @@ -1,114 +1,31 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -:root { - --wp-admin-theme-color: #007cba; - --wp-admin-theme-color--rgb: 0, 124, 186; - --wp-admin-theme-color-darker-10: #006ba1; - --wp-admin-theme-color-darker-10--rgb: 0, 107, 161; - --wp-admin-theme-color-darker-20: #005a87; - --wp-admin-theme-color-darker-20--rgb: 0, 90, 135; - --wp-admin-border-width-focus: 2px; +:root{ + --wp-admin-theme-color:#007cba; + --wp-admin-theme-color--rgb:0, 124, 186; + --wp-admin-theme-color-darker-10:#006ba1; + --wp-admin-theme-color-darker-10--rgb:0, 107, 161; + --wp-admin-theme-color-darker-20:#005a87; + --wp-admin-theme-color-darker-20--rgb:0, 90, 135; + --wp-admin-border-width-focus:2px; } -@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { - :root { - --wp-admin-border-width-focus: 1.5px; +@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ + :root{ + --wp-admin-border-width-focus:1.5px; } } - -/** -* Default editor styles. -* -* These styles are shown if a theme does not register its own editor style, -* a theme.json file, or has toggled off "Use theme styles" in preferences. -*/ -body { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - font-size: 18px; - line-height: 1.5; - --wp--style--block-gap: 2em; +body{ + --wp--style--block-gap:2em; + font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; + font-size:18px; + line-height:1.5; } -p { - line-height: 1.8; +p{ + line-height:1.8; } -.editor-post-title__block { - margin-top: 2em; - margin-bottom: 1em; - font-size: 2.5em; - font-weight: 800; +.editor-post-title__block{ + font-size:2.5em; + font-weight:800; + margin-bottom:1em; + margin-top:2em; } \ No newline at end of file diff --git a/wp-includes/css/dist/block-editor/style-rtl.css b/wp-includes/css/dist/block-editor/style-rtl.css index d642893b9c..9f1cb59c0f 100644 --- a/wp-includes/css/dist/block-editor/style-rtl.css +++ b/wp-includes/css/dist/block-editor/style-rtl.css @@ -1,4516 +1,4158 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -:root { - --wp-admin-theme-color: #007cba; - --wp-admin-theme-color--rgb: 0, 124, 186; - --wp-admin-theme-color-darker-10: #006ba1; - --wp-admin-theme-color-darker-10--rgb: 0, 107, 161; - --wp-admin-theme-color-darker-20: #005a87; - --wp-admin-theme-color-darker-20--rgb: 0, 90, 135; - --wp-admin-border-width-focus: 2px; -} -@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { - :root { - --wp-admin-border-width-focus: 1.5px; +:root{ + --wp-admin-theme-color:#007cba; + --wp-admin-theme-color--rgb:0, 124, 186; + --wp-admin-theme-color-darker-10:#006ba1; + --wp-admin-theme-color-darker-10--rgb:0, 107, 161; + --wp-admin-theme-color-darker-20:#005a87; + --wp-admin-theme-color-darker-20--rgb:0, 90, 135; + --wp-admin-border-width-focus:2px; +} +@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ + :root{ + --wp-admin-border-width-focus:1.5px; } } -.block-editor-autocompleters__block { - white-space: nowrap; +.block-editor-autocompleters__block{ + white-space:nowrap; } -.block-editor-autocompleters__block .block-editor-block-icon { - margin-left: 8px; +.block-editor-autocompleters__block .block-editor-block-icon{ + margin-left:8px; } -.block-editor-autocompleters__link { - white-space: nowrap; +.block-editor-autocompleters__link{ + white-space:nowrap; } -.block-editor-autocompleters__link .block-editor-block-icon { - margin-left: 8px; +.block-editor-autocompleters__link .block-editor-block-icon{ + margin-left:8px; } -.block-editor-block-alignment-control__menu-group .components-menu-item__info { - margin-top: 0; +.block-editor-block-alignment-control__menu-group .components-menu-item__info{ + margin-top:0; } -.block-editor-block-icon { - display: flex; - align-items: center; - justify-content: center; - width: 24px; - height: 24px; +.block-editor-block-icon{ + align-items:center; + display:flex; + height:24px; + justify-content:center; + width:24px; } -.block-editor-block-icon.has-colors svg { - fill: currentColor; +.block-editor-block-icon.has-colors svg{ + fill:currentColor; } -@media (forced-colors: active) { - .block-editor-block-icon.has-colors svg { - fill: CanvasText; +@media (forced-colors:active){ + .block-editor-block-icon.has-colors svg{ + fill:CanvasText; } } -.block-editor-block-icon svg { - min-width: 20px; - min-height: 20px; - max-width: 24px; - max-height: 24px; +.block-editor-block-icon svg{ + max-height:24px; + max-width:24px; + min-height:20px; + min-width:20px; } -.block-editor-block-inspector p:not(.components-base-control__help) { - margin-top: 0; +.block-editor-block-inspector p:not(.components-base-control__help){ + margin-top:0; } -.block-editor-block-inspector h2, -.block-editor-block-inspector h3 { - font-size: 13px; - color: #1e1e1e; - margin-bottom: 1.5em; +.block-editor-block-inspector h2,.block-editor-block-inspector h3{ + color:#1e1e1e; + font-size:13px; + margin-bottom:1.5em; } -.block-editor-block-inspector .components-base-control { - margin-bottom: 24px; +.block-editor-block-inspector .components-base-control{ + margin-bottom:24px; } -.block-editor-block-inspector .components-base-control:last-child { - margin-bottom: 8px; +.block-editor-block-inspector .components-base-control:last-child{ + margin-bottom:8px; } -.block-editor-block-inspector .components-panel__body { - border: none; - border-top: 1px solid #e0e0e0; +.block-editor-block-inspector .components-panel__body{ + border:none; + border-top:1px solid #e0e0e0; } -.block-editor-block-inspector .block-editor-block-card { - padding: 16px; +.block-editor-block-inspector .block-editor-block-card{ + padding:16px; } -.block-editor-block-inspector__no-blocks { - display: block; - font-size: 13px; - background: #fff; - padding: 32px 16px; - text-align: center; +.block-editor-block-inspector__no-blocks{ + background:#fff; + display:block; + font-size:13px; + padding:32px 16px; + text-align:center; } -.block-editor-block-inspector__block-buttons-container { - border-top: 1px solid #e0e0e0; - padding: 16px; +.block-editor-block-inspector__block-buttons-container{ + border-top:1px solid #e0e0e0; + padding:16px; } -.block-editor-block-styles .block-editor-block-list__block { - margin: 0; +.block-editor-block-styles .block-editor-block-list__block{ + margin:0; } - -/** - * Cross-Block Selection - */ -@keyframes selection-overlay__fade-in-animation { - from { - opacity: 0; +@keyframes selection-overlay__fade-in-animation{ + 0%{ + opacity:0; } - to { - opacity: 0.4; + to{ + opacity:.4; } } -.block-editor-block-list__layout { - position: relative; -} -.block-editor-block-list__layout::selection { - background: transparent; -} -.has-multi-selection .block-editor-block-list__layout::selection { - background: transparent; -} -.block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not(.is-partially-selected)::selection, .block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not(.is-partially-selected) ::selection { - background: transparent; -} -.block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not(.is-partially-selected)::after { - content: ""; - position: absolute; - z-index: 1; - pointer-events: none; - top: 1px; - left: 1px; - bottom: 1px; - right: 1px; - background: var(--wp-admin-theme-color); - opacity: 0.4; - animation: selection-overlay__fade-in-animation 0.1s ease-out; - animation-fill-mode: forwards; - outline: 2px solid transparent; -} -@media (prefers-reduced-motion: reduce) { - .block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not(.is-partially-selected)::after { - animation-duration: 1ms; - animation-delay: 0s; +.block-editor-block-list__layout{ + position:relative; +} +.block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not(.is-partially-selected) ::selection,.block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not(.is-partially-selected)::selection,.block-editor-block-list__layout::selection,.has-multi-selection .block-editor-block-list__layout::selection{ + background:transparent; +} +.block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not(.is-partially-selected):after{ + animation:selection-overlay__fade-in-animation .1s ease-out; + animation-fill-mode:forwards; + background:var(--wp-admin-theme-color); + bottom:1px; + content:""; + left:1px; + opacity:.4; + outline:2px solid transparent; + pointer-events:none; + position:absolute; + right:1px; + top:1px; + z-index:1; +} +@media (prefers-reduced-motion:reduce){ + .block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not(.is-partially-selected):after{ + animation-delay:0s; + animation-duration:1ms; } } -.block-editor-block-list__layout .block-editor-block-list__block.is-highlighted, -.block-editor-block-list__layout .block-editor-block-list__block.is-highlighted ~ .is-multi-selected, .block-editor-block-list__layout.is-navigate-mode .block-editor-block-list__block.is-selected, .block-editor-block-list__layout .is-block-moving-mode.block-editor-block-list__block.has-child-selected { - border-radius: 2px; - box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); - outline: 2px solid transparent; -} -.block-editor-block-list__layout .block-editor-block-list__block:not([contenteditable]):focus { - outline: none; -} -.block-editor-block-list__layout .block-editor-block-list__block:not([contenteditable]):focus::after { - content: ""; - position: absolute; - z-index: 1; - pointer-events: none; - top: 1px; - left: 1px; - bottom: 1px; - right: 1px; - box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); - border-radius: 1px; - outline: 2px solid transparent; -} -.is-dark-theme .block-editor-block-list__layout .block-editor-block-list__block:not([contenteditable]):focus::after { - box-shadow: 0 0 0 var(--wp-admin-border-width-focus) #fff; -} -.block-editor-block-list__layout .is-block-moving-mode.block-editor-block-list__block.is-selected { - box-shadow: none; - outline: none; -} -.block-editor-block-list__layout .is-block-moving-mode.block-editor-block-list__block.is-selected::after { - content: ""; - position: absolute; - z-index: 0; - pointer-events: none; - transition: border-color 0.1s linear, border-style 0.1s linear, box-shadow 0.1s linear; - left: 0; - right: 0; - top: -14px; - border-radius: 2px; - border-top: 4px solid #ccc; -} -.block-editor-block-list__layout .is-block-moving-mode.can-insert-moving-block.block-editor-block-list__block.is-selected::after { - border-color: var(--wp-admin-theme-color); -} -.has-multi-selection .block-editor-block-list__layout { - -webkit-user-select: none; - user-select: none; +.block-editor-block-list__layout .block-editor-block-list__block.is-highlighted,.block-editor-block-list__layout .block-editor-block-list__block.is-highlighted~.is-multi-selected,.block-editor-block-list__layout .is-block-moving-mode.block-editor-block-list__block.has-child-selected,.block-editor-block-list__layout.is-navigate-mode .block-editor-block-list__block.is-selected{ + border-radius:2px; + box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); + outline:2px solid transparent; +} +.block-editor-block-list__layout .block-editor-block-list__block:not([contenteditable]):focus{ + outline:none; +} +.block-editor-block-list__layout .block-editor-block-list__block:not([contenteditable]):focus:after{ + border-radius:1px; + bottom:1px; + box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); + content:""; + left:1px; + outline:2px solid transparent; + pointer-events:none; + position:absolute; + right:1px; + top:1px; + z-index:1; +} +.is-dark-theme .block-editor-block-list__layout .block-editor-block-list__block:not([contenteditable]):focus:after{ + box-shadow:0 0 0 var(--wp-admin-border-width-focus) #fff; +} +.block-editor-block-list__layout .is-block-moving-mode.block-editor-block-list__block.is-selected{ + box-shadow:none; + outline:none; } -.block-editor-block-list__layout [class^=components-] { - -webkit-user-select: text; - user-select: text; +.block-editor-block-list__layout .is-block-moving-mode.block-editor-block-list__block.is-selected:after{ + border-radius:2px; + border-top:4px solid #ccc; + content:""; + left:0; + pointer-events:none; + position:absolute; + right:0; + top:-14px; + transition:border-color .1s linear,border-style .1s linear,box-shadow .1s linear; + z-index:0; } - -.is-block-moving-mode.block-editor-block-list__block-selection-button { - opacity: 0; - font-size: 1px; - height: 1px; - padding: 0; -} - -.is-content-locked .block-editor-block-list__block { - pointer-events: none; -} -.is-content-locked .is-content-block { - pointer-events: initial; -} - -.block-editor-block-list__layout .block-editor-block-list__block { - position: relative; - -webkit-user-select: text; - user-select: text; - overflow-wrap: break-word; - /** - * Notices - */ -} -.block-editor-block-list__layout .block-editor-block-list__block .reusable-block-edit-panel * { - z-index: 1; -} -.block-editor-block-list__layout .block-editor-block-list__block .components-placeholder .components-with-notices-ui { - margin: -10px 0 12px 0; -} -.block-editor-block-list__layout .block-editor-block-list__block .components-with-notices-ui { - margin: 0 0 12px 0; - width: 100%; -} -.block-editor-block-list__layout .block-editor-block-list__block .components-with-notices-ui .components-notice { - margin-right: 0; - margin-left: 0; -} -.block-editor-block-list__layout .block-editor-block-list__block .components-with-notices-ui .components-notice .components-notice__content { - font-size: 13px; -} -.block-editor-block-list__layout .block-editor-block-list__block.has-warning { - min-height: 48px; -} -.block-editor-block-list__layout .block-editor-block-list__block.has-warning > * { - pointer-events: none; - -webkit-user-select: none; - user-select: none; -} -.block-editor-block-list__layout .block-editor-block-list__block.has-warning .block-editor-warning { - pointer-events: all; -} -.block-editor-block-list__layout .block-editor-block-list__block.has-warning::after { - content: ""; - position: absolute; - top: 0; - left: 0; - bottom: 0; - right: 0; - border-radius: 2px; - background-color: rgba(255, 255, 255, 0.4); +.block-editor-block-list__layout .is-block-moving-mode.can-insert-moving-block.block-editor-block-list__block.is-selected:after{ + border-color:var(--wp-admin-theme-color); } -.block-editor-block-list__layout .block-editor-block-list__block.has-warning.is-multi-selected::after { - background-color: transparent; +.has-multi-selection .block-editor-block-list__layout{ + -webkit-user-select:none; + user-select:none; } -.block-editor-block-list__layout .block-editor-block-list__block.is-reusable > .block-editor-inner-blocks > .block-editor-block-list__layout.has-overlay::after { - display: none; +.block-editor-block-list__layout [class^=components-]{ + -webkit-user-select:text; + user-select:text; } -.block-editor-block-list__layout .block-editor-block-list__block.is-reusable > .block-editor-inner-blocks > .block-editor-block-list__layout.has-overlay .block-editor-block-list__layout.has-overlay::after { - display: block; + +.is-block-moving-mode.block-editor-block-list__block-selection-button{ + font-size:1px; + height:1px; + opacity:0; + padding:0; } -.block-editor-block-list__layout .block-editor-block-list__block.is-reusable.has-child-selected::after { - box-shadow: 0 0 0 1px var(--wp-admin-theme-color); + +.is-content-locked .block-editor-block-list__block{ + pointer-events:none; } -.block-editor-block-list__layout .block-editor-block-list__block[data-clear=true] { - float: none; +.is-content-locked .is-content-block{ + pointer-events:auto; } -.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-hovered { - cursor: default; - box-shadow: inset 0 0 0 1px var(--wp-admin-theme-color); - border-radius: 2px; +.block-editor-block-list__layout .block-editor-block-list__block{ + overflow-wrap:break-word; + position:relative; + -webkit-user-select:text; + user-select:text; +} +.block-editor-block-list__layout .block-editor-block-list__block .reusable-block-edit-panel *{ + z-index:1; +} +.block-editor-block-list__layout .block-editor-block-list__block .components-placeholder .components-with-notices-ui{ + margin:-10px 0 12px; +} +.block-editor-block-list__layout .block-editor-block-list__block .components-with-notices-ui{ + margin:0 0 12px; + width:100%; +} +.block-editor-block-list__layout .block-editor-block-list__block .components-with-notices-ui .components-notice{ + margin-left:0; + margin-right:0; +} +.block-editor-block-list__layout .block-editor-block-list__block .components-with-notices-ui .components-notice .components-notice__content{ + font-size:13px; +} +.block-editor-block-list__layout .block-editor-block-list__block.has-warning{ + min-height:48px; +} +.block-editor-block-list__layout .block-editor-block-list__block.has-warning>*{ + pointer-events:none; + -webkit-user-select:none; + user-select:none; } -.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-selected { - cursor: default; - box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); - border-radius: 2px; +.block-editor-block-list__layout .block-editor-block-list__block.has-warning .block-editor-warning{ + pointer-events:all; } -.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-selected.rich-text { - cursor: unset; +.block-editor-block-list__layout .block-editor-block-list__block.has-warning:after{ + background-color:hsla(0,0%,100%,.4); + border-radius:2px; + bottom:0; + content:""; + left:0; + position:absolute; + right:0; + top:0; } -.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-selected:focus { - box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); +.block-editor-block-list__layout .block-editor-block-list__block.has-warning.is-multi-selected:after{ + background-color:initial; +} +.block-editor-block-list__layout .block-editor-block-list__block.is-reusable>.block-editor-inner-blocks>.block-editor-block-list__layout.has-overlay:after{ + display:none; +} +.block-editor-block-list__layout .block-editor-block-list__block.is-reusable>.block-editor-inner-blocks>.block-editor-block-list__layout.has-overlay .block-editor-block-list__layout.has-overlay:after{ + display:block; +} +.block-editor-block-list__layout .block-editor-block-list__block.is-reusable.has-child-selected:after{ + box-shadow:0 0 0 1px var(--wp-admin-theme-color); +} +.block-editor-block-list__layout .block-editor-block-list__block[data-clear=true]{ + float:none; } -.is-focus-mode .block-editor-block-list__block:not(.has-child-selected) { - opacity: 0.2; - transition: opacity 0.1s linear; +.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-hovered{ + border-radius:2px; + box-shadow:inset 0 0 0 1px var(--wp-admin-theme-color); + cursor:default; } -@media (prefers-reduced-motion: reduce) { - .is-focus-mode .block-editor-block-list__block:not(.has-child-selected) { - transition-duration: 0s; - transition-delay: 0s; - } +.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-selected{ + border-radius:2px; + box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); + cursor:default; } -.is-focus-mode .block-editor-block-list__block:not(.has-child-selected) .block-editor-block-list__block, .is-focus-mode .block-editor-block-list__block:not(.has-child-selected).is-selected, .is-focus-mode .block-editor-block-list__block:not(.has-child-selected).is-multi-selected { - opacity: 1; +.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-selected.rich-text{ + cursor:unset; +} +.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-selected:focus{ + box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); } -.is-focus-mode .block-editor-block-list__block.is-content-locked.has-child-selected, .is-focus-mode .block-editor-block-list__block.is-content-locked.has-child-selected .block-editor-block-list__block, -.is-focus-mode .block-editor-block-list__block.is-content-locked-temporarily-editing-as-blocks.has-child-selected, -.is-focus-mode .block-editor-block-list__block.is-content-locked-temporarily-editing-as-blocks.has-child-selected .block-editor-block-list__block { - opacity: 1; +.is-focus-mode .block-editor-block-list__block:not(.has-child-selected){ + opacity:.2; + transition:opacity .1s linear; +} +@media (prefers-reduced-motion:reduce){ + .is-focus-mode .block-editor-block-list__block:not(.has-child-selected){ + transition-delay:0s; + transition-duration:0s; + } } -.wp-block[data-align=left] > *, -.wp-block[data-align=right] > *, -.wp-block.alignleft, -.wp-block.alignright { - z-index: 21; +.is-focus-mode .block-editor-block-list__block.is-content-locked-temporarily-editing-as-blocks.has-child-selected,.is-focus-mode .block-editor-block-list__block.is-content-locked-temporarily-editing-as-blocks.has-child-selected .block-editor-block-list__block,.is-focus-mode .block-editor-block-list__block.is-content-locked.has-child-selected,.is-focus-mode .block-editor-block-list__block.is-content-locked.has-child-selected .block-editor-block-list__block,.is-focus-mode .block-editor-block-list__block:not(.has-child-selected) .block-editor-block-list__block,.is-focus-mode .block-editor-block-list__block:not(.has-child-selected).is-multi-selected,.is-focus-mode .block-editor-block-list__block:not(.has-child-selected).is-selected{ + opacity:1; } -.wp-site-blocks > [data-align=left] { - float: right; - margin-left: 2em; +.wp-block.alignleft,.wp-block.alignright,.wp-block[data-align=left]>*,.wp-block[data-align=right]>*{ + z-index:21; } -.wp-site-blocks > [data-align=right] { - float: left; - margin-right: 2em; +.wp-site-blocks>[data-align=left]{ + float:right; + margin-left:2em; } -.wp-site-blocks > [data-align=center] { - justify-content: center; - margin-right: auto; - margin-left: auto; +.wp-site-blocks>[data-align=right]{ + float:left; + margin-right:2em; } -/** - * In-Canvas Inserter - */ -.block-editor-block-list .block-editor-inserter { - margin: 8px; - cursor: move; - cursor: grab; +.wp-site-blocks>[data-align=center]{ + justify-content:center; + margin-left:auto; + margin-right:auto; +} +.block-editor-block-list .block-editor-inserter{ + cursor:move; + cursor:grab; + margin:8px; } -@keyframes block-editor-inserter__toggle__fade-in-animation { - from { - opacity: 0; +@keyframes block-editor-inserter__toggle__fade-in-animation{ + 0%{ + opacity:0; } - to { - opacity: 1; + to{ + opacity:1; } } -.wp-block .block-list-appender .block-editor-inserter__toggle { - animation: block-editor-inserter__toggle__fade-in-animation 0.1s ease; - animation-fill-mode: forwards; +.wp-block .block-list-appender .block-editor-inserter__toggle{ + animation:block-editor-inserter__toggle__fade-in-animation .1s ease; + animation-fill-mode:forwards; } -@media (prefers-reduced-motion: reduce) { - .wp-block .block-list-appender .block-editor-inserter__toggle { - animation-duration: 1ms; - animation-delay: 0s; +@media (prefers-reduced-motion:reduce){ + .wp-block .block-list-appender .block-editor-inserter__toggle{ + animation-delay:0s; + animation-duration:1ms; } } -.block-editor-block-list__block:not(.is-selected):not(.has-child-selected) .block-editor-default-block-appender { - display: none; -} -.block-editor-block-list__block:not(.is-selected):not(.has-child-selected) .block-editor-default-block-appender .block-editor-inserter__toggle { - opacity: 0; - transform: scale(0); -} - -.block-editor-block-list__block .block-editor-block-list__block-html-textarea { - display: block; - margin: 0; - padding: 12px; - width: 100%; - border: none; - outline: none; - border-radius: 2px; - box-shadow: inset 0 0 0 1px #1e1e1e; - resize: none; - overflow: hidden; - font-family: Menlo, Consolas, monaco, monospace; - font-size: 15px; - line-height: 1.5; - transition: padding 0.2s linear; -} -@media (prefers-reduced-motion: reduce) { - .block-editor-block-list__block .block-editor-block-list__block-html-textarea { - transition-duration: 0s; - transition-delay: 0s; +.block-editor-block-list__block:not(.is-selected):not(.has-child-selected) .block-editor-default-block-appender{ + display:none; +} +.block-editor-block-list__block:not(.is-selected):not(.has-child-selected) .block-editor-default-block-appender .block-editor-inserter__toggle{ + opacity:0; + transform:scale(0); +} + +.block-editor-block-list__block .block-editor-block-list__block-html-textarea{ + border:none; + border-radius:2px; + box-shadow:inset 0 0 0 1px #1e1e1e; + display:block; + font-family:Menlo,Consolas,monaco,monospace; + font-size:15px; + line-height:1.5; + margin:0; + outline:none; + overflow:hidden; + padding:12px; + resize:none; + transition:padding .2s linear; + width:100%; +} +@media (prefers-reduced-motion:reduce){ + .block-editor-block-list__block .block-editor-block-list__block-html-textarea{ + transition-delay:0s; + transition-duration:0s; } } -.block-editor-block-list__block .block-editor-block-list__block-html-textarea:focus { - box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); +.block-editor-block-list__block .block-editor-block-list__block-html-textarea:focus{ + box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); } - -/** - * Warnings. - */ -.block-editor-block-list__block .block-editor-warning { - z-index: 5; - position: relative; +.block-editor-block-list__block .block-editor-warning{ + position:relative; + z-index:5; } -.block-editor-block-list__block .block-editor-warning.block-editor-block-list__block-crash-warning { - margin-bottom: auto; +.block-editor-block-list__block .block-editor-warning.block-editor-block-list__block-crash-warning{ + margin-bottom:auto; } - -/** Zoom Out mode styles **/ -.block-editor-iframe__body { - transition: all 0.3s; - transform-origin: top center; +.block-editor-iframe__body{ + transform-origin:top center; + transition:all .3s; } -.block-editor-iframe__body.is-zoomed-out { - margin: 100px 0; - transform: scale(0.45); +.block-editor-iframe__body.is-zoomed-out{ + margin:100px 0; + transform:scale(.45); } -.block-editor-iframe__body.is-zoomed-out .wp-site-blocks > * + * { - margin-block-start: 2.5rem; +.block-editor-iframe__body.is-zoomed-out .wp-site-blocks>*+*{ + margin-block-start:2.5rem; } -.block-editor-iframe__body.is-zoomed-out > .block-list-appender { - display: none; +.block-editor-iframe__body.is-zoomed-out>.block-list-appender{ + display:none; } - -/** - * Insertion Point. - */ -.block-editor-block-list__insertion-point { - position: absolute; - top: 0; - bottom: 0; - right: 0; - left: 0; +.block-editor-block-list__insertion-point{ + bottom:0; + left:0; + position:absolute; + right:0; + top:0; } -.block-editor-block-list__insertion-point-indicator { - position: absolute; - background: var(--wp-admin-theme-color); +.block-editor-block-list__insertion-point-indicator{ + background:var(--wp-admin-theme-color); + position:absolute; } -.block-editor-block-list__insertion-point.is-vertical > .block-editor-block-list__insertion-point-indicator { - top: 50%; - height: 1px; +.block-editor-block-list__insertion-point.is-vertical>.block-editor-block-list__insertion-point-indicator{ + height:1px; + top:50%; } -.block-editor-block-list__insertion-point.is-horizontal > .block-editor-block-list__insertion-point-indicator { - top: 0; - left: 0; - right: 50%; - width: 1px; +.block-editor-block-list__insertion-point.is-horizontal>.block-editor-block-list__insertion-point-indicator{ + left:0; + right:50%; + top:0; + width:1px; } -.block-editor-block-list__insertion-point-inserter { - display: none; - position: absolute; - justify-content: center; - top: calc(50% - 12px); - right: calc(50% - 12px); +.block-editor-block-list__insertion-point-inserter{ + display:none; + justify-content:center; + position:absolute; + right:calc(50% - 12px); + top:calc(50% - 12px); } -@media (min-width: 480px) { - .block-editor-block-list__insertion-point-inserter { - display: flex; +@media (min-width:480px){ + .block-editor-block-list__insertion-point-inserter{ + display:flex; } } -.block-editor-block-list__block-side-inserter-popover .components-popover__content > div { - pointer-events: none; -} -.block-editor-block-list__block-side-inserter-popover .components-popover__content > div > * { - pointer-events: all; -} - -.block-editor-block-list__empty-block-inserter .block-editor-inserter__toggle.components-button.has-icon, -.block-editor-default-block-appender .block-editor-inserter__toggle.components-button.has-icon, -.block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button.has-icon { - background: #1e1e1e; - border-radius: 2px; - color: #fff; - padding: 0; - min-width: 24px; - height: 24px; -} -.block-editor-block-list__empty-block-inserter .block-editor-inserter__toggle.components-button.has-icon:hover, -.block-editor-default-block-appender .block-editor-inserter__toggle.components-button.has-icon:hover, -.block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button.has-icon:hover { - color: #fff; - background: var(--wp-admin-theme-color); -} - -.block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button.has-icon { - background: var(--wp-admin-theme-color); -} -.block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button.has-icon:hover { - background: #1e1e1e; -} - -/** - * Block Toolbar when contextual. - */ -.block-editor-block-contextual-toolbar { - display: inline-flex; - border: 1px solid #1e1e1e; - border-radius: 2px; - background-color: #fff; -} -.block-editor-block-contextual-toolbar .block-editor-block-toolbar .components-toolbar-group, -.block-editor-block-contextual-toolbar .block-editor-block-toolbar .components-toolbar { - border-left-color: #1e1e1e; -} -.block-editor-block-contextual-toolbar.is-fixed { - position: sticky; - top: 0; - width: 100%; - z-index: 31; - min-height: 48px; - display: block; - border: none; - border-bottom: 1px solid #e0e0e0; - border-radius: 0; -} -.block-editor-block-contextual-toolbar.is-fixed .block-editor-block-toolbar .components-toolbar-group, -.block-editor-block-contextual-toolbar.is-fixed .block-editor-block-toolbar .components-toolbar { - border-left-color: #e0e0e0; -} - -/** - * Block Label for Navigation/Selection Mode - */ -.block-editor-block-list__block-selection-button { - display: inline-flex; - padding: 0 12px; - z-index: 22; - border-radius: 2px; - background-color: #1e1e1e; - font-size: 13px; - height: 48px; -} -.block-editor-block-list__block-selection-button .block-editor-block-list__block-selection-button__content { - margin: auto; - display: inline-flex; - align-items: center; -} -.block-editor-block-list__block-selection-button .block-editor-block-list__block-selection-button__content > .components-flex__item { - margin-left: 6px; -} -.block-editor-block-list__block-selection-button .components-button.has-icon.block-selection-button_drag-handle { - cursor: grab; - padding: 0; - height: 24px; - min-width: 24px; - margin-right: -2px; -} -.block-editor-block-list__block-selection-button .components-button.has-icon.block-selection-button_drag-handle svg { - min-width: 18px; - min-height: 18px; -} -.block-editor-block-list__block-selection-button .block-editor-block-icon { - font-size: 13px; - color: #fff; - height: 48px; -} -.block-editor-block-list__block-selection-button .components-button { - min-width: 36px; - color: #fff; - height: 48px; - display: flex; -} -.block-editor-block-list__block-selection-button .components-button:focus { - box-shadow: none; - border: none; -} -.block-editor-block-list__block-selection-button .components-button:active { - color: #fff; -} -.block-editor-block-list__block-selection-button .block-selection-button_select-button.components-button { - padding: 0; -} -.block-editor-block-list__block-selection-button .block-editor-block-mover { - background: unset; - border: none; -} - -@keyframes hide-during-dragging { - to { - position: fixed; - transform: translate(-9999px, 9999px); +.block-editor-block-list__block-side-inserter-popover .components-popover__content>div{ + pointer-events:none; +} +.block-editor-block-list__block-side-inserter-popover .components-popover__content>div>*{ + pointer-events:all; +} + +.block-editor-block-list__empty-block-inserter .block-editor-inserter__toggle.components-button.has-icon,.block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button.has-icon,.block-editor-default-block-appender .block-editor-inserter__toggle.components-button.has-icon{ + background:#1e1e1e; + border-radius:2px; + color:#fff; + height:24px; + min-width:24px; + padding:0; +} +.block-editor-block-list__empty-block-inserter .block-editor-inserter__toggle.components-button.has-icon:hover,.block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button.has-icon:hover,.block-editor-default-block-appender .block-editor-inserter__toggle.components-button.has-icon:hover{ + background:var(--wp-admin-theme-color); + color:#fff; +} + +.block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button.has-icon{ + background:var(--wp-admin-theme-color); +} +.block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button.has-icon:hover{ + background:#1e1e1e; +} +.block-editor-block-contextual-toolbar{ + background-color:#fff; + border:1px solid #1e1e1e; + border-radius:2px; + display:inline-flex; +} +.block-editor-block-contextual-toolbar .block-editor-block-toolbar .components-toolbar,.block-editor-block-contextual-toolbar .block-editor-block-toolbar .components-toolbar-group{ + border-left-color:#1e1e1e; +} +.block-editor-block-contextual-toolbar.is-fixed{ + border:none; + border-bottom:1px solid #e0e0e0; + border-radius:0; + display:block; + min-height:48px; + position:sticky; + top:0; + width:100%; + z-index:31; +} +.block-editor-block-contextual-toolbar.is-fixed .block-editor-block-toolbar .components-toolbar,.block-editor-block-contextual-toolbar.is-fixed .block-editor-block-toolbar .components-toolbar-group{ + border-left-color:#e0e0e0; +} +.block-editor-block-list__block-selection-button{ + background-color:#1e1e1e; + border-radius:2px; + display:inline-flex; + font-size:13px; + height:48px; + padding:0 12px; + z-index:22; +} +.block-editor-block-list__block-selection-button .block-editor-block-list__block-selection-button__content{ + align-items:center; + display:inline-flex; + margin:auto; +} +.block-editor-block-list__block-selection-button .block-editor-block-list__block-selection-button__content>.components-flex__item{ + margin-left:6px; +} +.block-editor-block-list__block-selection-button .components-button.has-icon.block-selection-button_drag-handle{ + cursor:grab; + height:24px; + margin-right:-2px; + min-width:24px; + padding:0; +} +.block-editor-block-list__block-selection-button .components-button.has-icon.block-selection-button_drag-handle svg{ + min-height:18px; + min-width:18px; +} +.block-editor-block-list__block-selection-button .block-editor-block-icon{ + color:#fff; + font-size:13px; + height:48px; +} +.block-editor-block-list__block-selection-button .components-button{ + color:#fff; + display:flex; + height:48px; + min-width:36px; +} +.block-editor-block-list__block-selection-button .components-button:focus{ + border:none; + box-shadow:none; +} +.block-editor-block-list__block-selection-button .components-button:active{ + color:#fff; +} +.block-editor-block-list__block-selection-button .block-selection-button_select-button.components-button{ + padding:0; +} +.block-editor-block-list__block-selection-button .block-editor-block-mover{ + background:unset; + border:none; +} + +@keyframes hide-during-dragging{ + to{ + position:fixed; + transform:translate(-9999px, 9999px); } } -.components-popover.block-editor-block-list__block-popover .block-editor-block-list__block-selection-button, -.components-popover.block-editor-block-list__block-popover .block-editor-block-contextual-toolbar { - pointer-events: all; - margin-top: 12px; - margin-bottom: 12px; +.components-popover.block-editor-block-list__block-popover .block-editor-block-contextual-toolbar,.components-popover.block-editor-block-list__block-popover .block-editor-block-list__block-selection-button{ + margin-bottom:12px; + margin-top:12px; + pointer-events:all; } -.components-popover.block-editor-block-list__block-popover.is-insertion-point-visible { - visibility: hidden; +.components-popover.block-editor-block-list__block-popover.is-insertion-point-visible{ + visibility:hidden; } -.is-dragging-components-draggable .components-popover.block-editor-block-list__block-popover { - opacity: 0; - animation: hide-during-dragging 1ms linear forwards; +.is-dragging-components-draggable .components-popover.block-editor-block-list__block-popover{ + animation:hide-during-dragging 1ms linear forwards; + opacity:0; } -.is-dragging-components-draggable .components-tooltip { - display: none; +.is-dragging-components-draggable .components-tooltip{ + display:none; } -.is-vertical .block-list-appender { - width: 24px; - margin-left: auto; - margin-top: 12px; - margin-right: 12px; +.is-vertical .block-list-appender{ + margin-left:auto; + margin-right:12px; + margin-top:12px; + width:24px; } -.block-list-appender > .block-editor-inserter { - display: block; +.block-list-appender>.block-editor-inserter{ + display:block; } -.block-editor-block-list__block:not(.is-selected):not(.has-child-selected):not(.block-editor-block-list__layout) .block-editor-block-list__layout > .block-list-appender .block-list-appender__toggle { - opacity: 0; - transform: scale(0); +.block-editor-block-list__block:not(.is-selected):not(.has-child-selected):not(.block-editor-block-list__layout) .block-editor-block-list__layout>.block-list-appender .block-list-appender__toggle{ + opacity:0; + transform:scale(0); } -.block-editor-block-lock-modal { - z-index: 1000001; +.block-editor-block-lock-modal{ + z-index:1000001; } -@media (min-width: 600px) { - .block-editor-block-lock-modal .components-modal__frame { - max-width: 480px; +@media (min-width:600px){ + .block-editor-block-lock-modal .components-modal__frame{ + max-width:480px; } } -.block-editor-block-lock-modal__checklist { - margin: 0; +.block-editor-block-lock-modal__checklist{ + margin:0; } -.block-editor-block-lock-modal__options-title { - padding: 12px 0; +.block-editor-block-lock-modal__options-title{ + padding:12px 0; } -.block-editor-block-lock-modal__options-title .components-checkbox-control__label { - font-weight: 600; +.block-editor-block-lock-modal__options-title .components-checkbox-control__label{ + font-weight:600; } -.block-editor-block-lock-modal__options-title .components-base-control__field { - align-items: center; - display: flex; - margin: 0; +.block-editor-block-lock-modal__options-title .components-base-control__field{ + align-items:center; + display:flex; + margin:0; } -.block-editor-block-lock-modal__checklist-item { - margin-bottom: 0; - padding: 12px 32px 12px 0; +.block-editor-block-lock-modal__checklist-item{ + margin-bottom:0; + padding:12px 32px 12px 0; } -.block-editor-block-lock-modal__checklist-item .components-base-control__field { - align-items: center; - display: flex; - margin: 0; +.block-editor-block-lock-modal__checklist-item .components-base-control__field{ + align-items:center; + display:flex; + margin:0; } -.block-editor-block-lock-modal__checklist-item .components-checkbox-control__label { - display: flex; - align-items: center; - justify-content: space-between; - flex-grow: 1; +.block-editor-block-lock-modal__checklist-item .components-checkbox-control__label{ + align-items:center; + display:flex; + flex-grow:1; + justify-content:space-between; } -.block-editor-block-lock-modal__checklist-item .components-checkbox-control__label svg { - margin-left: 12px; - fill: #1e1e1e; +.block-editor-block-lock-modal__checklist-item .components-checkbox-control__label svg{ + fill:#1e1e1e; + margin-left:12px; } -.block-editor-block-lock-modal__checklist-item:hover { - background-color: #f0f0f0; - border-radius: 2px; +.block-editor-block-lock-modal__checklist-item:hover{ + background-color:#f0f0f0; + border-radius:2px; } -.block-editor-block-lock-modal__template-lock { - border-top: 1px solid #ddd; - margin-top: 16px; - padding: 12px 0; +.block-editor-block-lock-modal__template-lock{ + border-top:1px solid #ddd; + margin-top:16px; + padding:12px 0; } -.block-editor-block-lock-modal__template-lock .components-base-control__field { - margin: 0; +.block-editor-block-lock-modal__template-lock .components-base-control__field{ + margin:0; } -.block-editor-block-lock-modal__actions { - margin-top: 24px; +.block-editor-block-lock-modal__actions{ + margin-top:24px; } -.block-editor-block-lock-toolbar .components-button.has-icon { - min-width: 36px !important; - padding-right: 0 !important; +.block-editor-block-lock-toolbar .components-button.has-icon{ + min-width:36px !important; + padding-right:0 !important; } -.block-editor-block-lock-toolbar .components-button.has-icon:focus::before { - left: 8px !important; +.block-editor-block-lock-toolbar .components-button.has-icon:focus:before{ + left:8px !important; } -.block-editor-block-breadcrumb { - list-style: none; - padding: 0; - margin: 0; +.block-editor-block-breadcrumb{ + list-style:none; + margin:0; + padding:0; } -.block-editor-block-breadcrumb li { - display: inline-flex; - margin: 0; +.block-editor-block-breadcrumb li{ + display:inline-flex; + margin:0; } -.block-editor-block-breadcrumb li .block-editor-block-breadcrumb__separator { - fill: currentColor; - margin-right: -4px; - margin-left: -4px; - transform: scaleX(-1);; +.block-editor-block-breadcrumb li .block-editor-block-breadcrumb__separator{ + fill:currentColor; + margin-left:-4px; + margin-right:-4px; + transform:scaleX(-1);; } -.block-editor-block-breadcrumb li:last-child .block-editor-block-breadcrumb__separator { - display: none; +.block-editor-block-breadcrumb li:last-child .block-editor-block-breadcrumb__separator{ + display:none; } -.block-editor-block-breadcrumb__button.components-button { - height: 24px; - line-height: 24px; - padding: 0; - position: relative; +.block-editor-block-breadcrumb__button.components-button{ + height:24px; + line-height:24px; + padding:0; + position:relative; } -.block-editor-block-breadcrumb__button.components-button:hover:not(:disabled) { - text-decoration: underline; - box-shadow: none; +.block-editor-block-breadcrumb__button.components-button:hover:not(:disabled){ + box-shadow:none; + text-decoration:underline; } -.block-editor-block-breadcrumb__button.components-button:focus { - box-shadow: none; +.block-editor-block-breadcrumb__button.components-button:focus{ + box-shadow:none; } -.block-editor-block-breadcrumb__button.components-button:focus::before { - content: ""; - display: block; - position: absolute; - border-radius: 2px; - top: 1px; - left: 1px; - bottom: 1px; - right: 1px; - box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); +.block-editor-block-breadcrumb__button.components-button:focus:before{ + border-radius:2px; + bottom:1px; + box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); + content:""; + display:block; + left:1px; + position:absolute; + right:1px; + top:1px; } -.block-editor-block-breadcrumb__current { - cursor: default; +.block-editor-block-breadcrumb__current{ + cursor:default; } -.block-editor-block-breadcrumb__button.components-button, -.block-editor-block-breadcrumb__current { - color: #1e1e1e; - padding: 0 8px; - font-size: inherit; +.block-editor-block-breadcrumb__button.components-button,.block-editor-block-breadcrumb__current{ + color:#1e1e1e; + font-size:inherit; + padding:0 8px; } -.block-editor-block-card { - display: flex; - align-items: flex-start; +.block-editor-block-card{ + align-items:flex-start; + display:flex; } -.block-editor-block-card__content { - flex-grow: 1; - margin-bottom: 4px; +.block-editor-block-card__content{ + flex-grow:1; + margin-bottom:4px; } -.block-editor-block-card__title { - font-weight: 500; +.block-editor-block-card__title{ + font-weight:500; } -.block-editor-block-card__title.block-editor-block-card__title { - line-height: 24px; - margin: 0 0 4px; +.block-editor-block-card__title.block-editor-block-card__title{ + line-height:24px; + margin:0 0 4px; } -.block-editor-block-card__description { - font-size: 13px; +.block-editor-block-card__description{ + font-size:13px; } -.block-editor-block-card .block-editor-block-icon { - flex: 0 0 24px; - margin-right: 0; - margin-left: 12px; - width: 24px; - height: 24px; +.block-editor-block-card .block-editor-block-icon{ + flex:0 0 24px; + height:24px; + margin-left:12px; + margin-right:0; + width:24px; } - -/** - * Invalid block comparison - */ -.block-editor-block-compare { - height: auto; +.block-editor-block-compare{ + height:auto; } -.block-editor-block-compare__wrapper { - display: flex; - padding-bottom: 16px; +.block-editor-block-compare__wrapper{ + display:flex; + padding-bottom:16px; } -.block-editor-block-compare__wrapper > div { - display: flex; - justify-content: space-between; - flex-direction: column; - width: 50%; - padding: 0 0 0 16px; - min-width: 200px; - max-width: 600px; +.block-editor-block-compare__wrapper>div{ + display:flex; + flex-direction:column; + justify-content:space-between; + max-width:600px; + min-width:200px; + padding:0 0 0 16px; + width:50%; } -.block-editor-block-compare__wrapper > div button { - float: left; +.block-editor-block-compare__wrapper>div button{ + float:left; } -.block-editor-block-compare__wrapper .block-editor-block-compare__converted { - border-right: 1px solid #ddd; - padding-right: 15px; - padding-left: 0; +.block-editor-block-compare__wrapper .block-editor-block-compare__converted{ + border-right:1px solid #ddd; + padding-left:0; + padding-right:15px; } -.block-editor-block-compare__wrapper .block-editor-block-compare__html { - font-family: Menlo, Consolas, monaco, monospace; - font-size: 12px; - color: #1e1e1e; - border-bottom: 1px solid #ddd; - padding-bottom: 15px; - line-height: 1.7; +.block-editor-block-compare__wrapper .block-editor-block-compare__html{ + border-bottom:1px solid #ddd; + color:#1e1e1e; + font-family:Menlo,Consolas,monaco,monospace; + font-size:12px; + line-height:1.7; + padding-bottom:15px; } -.block-editor-block-compare__wrapper .block-editor-block-compare__html span { - background-color: #e6ffed; - padding-top: 3px; - padding-bottom: 3px; +.block-editor-block-compare__wrapper .block-editor-block-compare__html span{ + background-color:#e6ffed; + padding-bottom:3px; + padding-top:3px; } -.block-editor-block-compare__wrapper .block-editor-block-compare__html span.block-editor-block-compare__added { - background-color: #acf2bd; +.block-editor-block-compare__wrapper .block-editor-block-compare__html span.block-editor-block-compare__added{ + background-color:#acf2bd; } -.block-editor-block-compare__wrapper .block-editor-block-compare__html span.block-editor-block-compare__removed { - background-color: #cc1818; +.block-editor-block-compare__wrapper .block-editor-block-compare__html span.block-editor-block-compare__removed{ + background-color:#cc1818; } -.block-editor-block-compare__wrapper .block-editor-block-compare__preview { - padding: 0; - padding-top: 16px; +.block-editor-block-compare__wrapper .block-editor-block-compare__preview{ + padding:16px 0 0; } -.block-editor-block-compare__wrapper .block-editor-block-compare__preview p { - font-size: 12px; - margin-top: 0; +.block-editor-block-compare__wrapper .block-editor-block-compare__preview p{ + font-size:12px; + margin-top:0; } -.block-editor-block-compare__wrapper .block-editor-block-compare__action { - margin-top: 16px; +.block-editor-block-compare__wrapper .block-editor-block-compare__action{ + margin-top:16px; } -.block-editor-block-compare__wrapper .block-editor-block-compare__heading { - font-size: 1em; - font-weight: 400; - margin: 0.67em 0; +.block-editor-block-compare__wrapper .block-editor-block-compare__heading{ + font-size:1em; + font-weight:400; + margin:.67em 0; } -.block-editor-block-list__block.has-block-overlay { - cursor: default; +.block-editor-block-list__block.has-block-overlay{ + cursor:default; +} +.block-editor-block-list__block.has-block-overlay:before{ + background:transparent; + border:none; + border-radius:2px; + content:""; + height:100%; + position:absolute; + right:0; + top:0; + width:100%; + z-index:10; +} +.block-editor-block-list__block.has-block-overlay:after{ + content:none !important; } -.block-editor-block-list__block.has-block-overlay::before { - content: ""; - position: absolute; - top: 0; - right: 0; - width: 100%; - height: 100%; - background: transparent; - border: none; - border-radius: 2px; - z-index: 10; +.block-editor-block-list__block.has-block-overlay:hover:not(.is-dragging-blocks):before{ + background:rgba(var(--wp-admin-theme-color--rgb), .3); + box-shadow:0 0 0 1px var(--wp-admin-theme-color) inset; } -.block-editor-block-list__block.has-block-overlay::after { - content: none !important; +.block-editor-block-list__block.has-block-overlay.is-selected:not(.is-dragging-blocks):before{ + box-shadow:0 0 0 1px var(--wp-admin-theme-color) inset; } -.block-editor-block-list__block.has-block-overlay:hover:not(.is-dragging-blocks)::before { - background: rgba(var(--wp-admin-theme-color--rgb), 0.3); - box-shadow: 0 0 0 1px var(--wp-admin-theme-color) inset; +.block-editor-block-list__block.has-block-overlay .block-editor-block-list__block{ + pointer-events:none; } -.block-editor-block-list__block.has-block-overlay.is-selected:not(.is-dragging-blocks)::before { - box-shadow: 0 0 0 1px var(--wp-admin-theme-color) inset; -} -.block-editor-block-list__block.has-block-overlay .block-editor-block-list__block { - pointer-events: none; -} -.block-editor-iframe__body.is-zoomed-out .block-editor-block-list__block.has-block-overlay::before { - width: calc(100vw); - right: calc(( 100% - 100vw ) / 2); +.block-editor-iframe__body.is-zoomed-out .block-editor-block-list__block.has-block-overlay:before{ + right:calc(50% - 50vw); + width:100vw; } -.block-editor-block-draggable-chip-wrapper { - position: absolute; - top: -24px; - right: 0; -} - -.block-editor-block-draggable-chip { - background-color: #1e1e1e; - border-radius: 2px; - box-shadow: 0 6px 8px rgba(0, 0, 0, 0.3); - color: #fff; - cursor: grabbing; - display: inline-flex; - height: 48px; - padding: 0 13px; - -webkit-user-select: none; - user-select: none; -} -.block-editor-block-draggable-chip svg { - fill: currentColor; +.block-editor-block-draggable-chip-wrapper{ + position:absolute; + right:0; + top:-24px; } -.block-editor-block-draggable-chip .block-editor-block-draggable-chip__content { - margin: auto; - justify-content: flex-start; + +.block-editor-block-draggable-chip{ + background-color:#1e1e1e; + border-radius:2px; + box-shadow:0 6px 8px rgba(0,0,0,.3); + color:#fff; + cursor:grabbing; + display:inline-flex; + height:48px; + padding:0 13px; + -webkit-user-select:none; + user-select:none; +} +.block-editor-block-draggable-chip svg{ + fill:currentColor; +} +.block-editor-block-draggable-chip .block-editor-block-draggable-chip__content{ + justify-content:flex-start; + margin:auto; } -.block-editor-block-draggable-chip .block-editor-block-draggable-chip__content > .components-flex__item { - margin-left: 6px; +.block-editor-block-draggable-chip .block-editor-block-draggable-chip__content>.components-flex__item{ + margin-left:6px; } -.block-editor-block-draggable-chip .block-editor-block-draggable-chip__content > .components-flex__item:last-child { - margin-left: 0; +.block-editor-block-draggable-chip .block-editor-block-draggable-chip__content>.components-flex__item:last-child{ + margin-left:0; } -.block-editor-block-draggable-chip .block-editor-block-draggable-chip__content .block-editor-block-icon svg { - min-width: 18px; - min-height: 18px; +.block-editor-block-draggable-chip .block-editor-block-draggable-chip__content .block-editor-block-icon svg{ + min-height:18px; + min-width:18px; } -.block-editor-block-draggable-chip .components-flex__item { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - font-size: 13px; +.block-editor-block-draggable-chip .components-flex__item{ + font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; + font-size:13px; } -.block-editor-block-list__layout .is-dragging { - background-color: currentColor !important; - opacity: 0.05 !important; - border-radius: 2px !important; - pointer-events: none !important; +.block-editor-block-list__layout .is-dragging{ + background-color:currentColor !important; + border-radius:2px !important; + opacity:.05 !important; + pointer-events:none !important; } -.block-editor-block-list__layout .is-dragging::selection { - background: transparent !important; +.block-editor-block-list__layout .is-dragging::selection{ + background:transparent !important; } -.block-editor-block-list__layout .is-dragging::after { - content: none !important; +.block-editor-block-list__layout .is-dragging:after{ + content:none !important; } -.block-editor-block-mover__move-button-container { - display: flex; - padding: 0; - border: none; +.block-editor-block-mover__move-button-container{ + border:none; + display:flex; + padding:0; } -@media (min-width: 600px) { - .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover__move-button-container { - flex-direction: column; - width: 36px; +@media (min-width:600px){ + .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover__move-button-container{ + flex-direction:column; + width:36px; } - .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover__move-button-container > * { - height: 24px; - width: 100%; - min-width: 0 !important; + .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover__move-button-container>*{ + height:24px; + min-width:0 !important; + width:100%; } - .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover__move-button-container > *::before { - height: 100%; - width: 100%; + .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover__move-button-container>:before{ + height:100%; + width:100%; } - .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover__move-button-container .block-editor-block-mover-button.is-up-button svg { - top: 5px; - flex-shrink: 0; + .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover__move-button-container .block-editor-block-mover-button.is-up-button svg{ + flex-shrink:0; + top:5px; } - .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover__move-button-container .block-editor-block-mover-button.is-down-button svg { - bottom: 5px; - flex-shrink: 0; + .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover__move-button-container .block-editor-block-mover-button.is-down-button svg{ + bottom:5px; + flex-shrink:0; } - .block-editor-block-mover.is-horizontal .block-editor-block-mover__move-button-container { - width: 48px; + .block-editor-block-mover.is-horizontal .block-editor-block-mover__move-button-container{ + width:48px; } - .block-editor-block-mover.is-horizontal .block-editor-block-mover__move-button-container > * { - width: 24px; - min-width: 0 !important; - padding-right: 0 !important; - padding-left: 0 !important; - overflow: hidden; + .block-editor-block-mover.is-horizontal .block-editor-block-mover__move-button-container>*{ + min-width:0 !important; + overflow:hidden; + padding-left:0 !important; + padding-right:0 !important; + width:24px; } - .block-editor-block-mover.is-horizontal .block-editor-block-mover__move-button-container > *::before { - height: 100%; + .block-editor-block-mover.is-horizontal .block-editor-block-mover__move-button-container>:before{ + height:100%; } - .block-editor-block-mover.is-horizontal .block-editor-block-mover__move-button-container .block-editor-block-mover-button.is-up-button svg { - right: 5px; + .block-editor-block-mover.is-horizontal .block-editor-block-mover__move-button-container .block-editor-block-mover-button.is-up-button svg{ + right:5px; } - .block-editor-block-mover.is-horizontal .block-editor-block-mover__move-button-container .block-editor-block-mover-button.is-down-button svg { - left: 5px; + .block-editor-block-mover.is-horizontal .block-editor-block-mover__move-button-container .block-editor-block-mover-button.is-down-button svg{ + left:5px; } -} - -@media (min-width: 600px) { - .block-editor-block-mover__drag-handle { - width: 24px; - min-width: 0 !important; - padding-right: 0 !important; - padding-left: 0 !important; - overflow: hidden; + .block-editor-block-mover__drag-handle{ + min-width:0 !important; + overflow:hidden; + padding-left:0 !important; + padding-right:0 !important; + width:24px; } } -.block-editor-block-navigation__container { - min-width: 280px; +.block-editor-block-navigation__container{ + min-width:280px; } -.block-editor-block-navigation__label { - margin: 0 0 12px; - color: #757575; - text-transform: uppercase; - font-size: 11px; - font-weight: 500; +.block-editor-block-navigation__label{ + color:#757575; + font-size:11px; + font-weight:500; + margin:0 0 12px; + text-transform:uppercase; } -.block-editor-block-parent-selector { - background: #fff; - border-radius: 2px; +.block-editor-block-parent-selector{ + background:#fff; + border-radius:2px; } -.block-editor-block-parent-selector .block-editor-block-parent-selector__button { - width: 48px; - height: 48px; - border: 1px solid #1e1e1e; - border-radius: 2px; +.block-editor-block-parent-selector .block-editor-block-parent-selector__button{ + border:1px solid #1e1e1e; + border-radius:2px; + height:48px; + width:48px; } -.block-editor-block-patterns-list__list-item { - cursor: pointer; - margin-bottom: 24px; - position: relative; +.block-editor-block-patterns-list__list-item{ + cursor:pointer; + margin-bottom:24px; + position:relative; } -.block-editor-block-patterns-list__list-item.is-placeholder { - min-height: 100px; +.block-editor-block-patterns-list__list-item.is-placeholder{ + min-height:100px; } -.block-editor-block-patterns-list__list-item[draggable=true] .block-editor-block-preview__container { - cursor: grab; +.block-editor-block-patterns-list__list-item[draggable=true] .block-editor-block-preview__container{ + cursor:grab; } -.block-editor-block-patterns-list__item { - height: 100%; +.block-editor-block-patterns-list__item{ + height:100%; } -.block-editor-block-patterns-list__item .block-editor-block-preview__container { - display: flex; - align-items: center; - overflow: hidden; - border-radius: 2px; - border: 1px solid #f0f0f0; +.block-editor-block-patterns-list__item .block-editor-block-preview__container{ + align-items:center; + border:1px solid #f0f0f0; + border-radius:2px; + display:flex; + overflow:hidden; } -.block-editor-block-patterns-list__item .block-editor-block-patterns-list__item-title { - padding-top: 8px; - font-size: 12px; - text-align: center; +.block-editor-block-patterns-list__item .block-editor-block-patterns-list__item-title{ + font-size:12px; + padding-top:8px; + text-align:center; } -.block-editor-block-patterns-list__item:hover .block-editor-block-preview__container { - border: 1px solid var(--wp-admin-theme-color); +.block-editor-block-patterns-list__item:hover .block-editor-block-preview__container{ + border:1px solid var(--wp-admin-theme-color); } -.block-editor-block-patterns-list__item:focus .block-editor-block-preview__container { - box-shadow: inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); - outline: 2px solid transparent; +.block-editor-block-patterns-list__item:focus .block-editor-block-preview__container{ + box-shadow:inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); + outline:2px solid transparent; } -.block-editor-block-patterns-list__item:hover .block-editor-block-patterns-list__item-title, .block-editor-block-patterns-list__item:focus .block-editor-block-patterns-list__item-title { - color: var(--wp-admin-theme-color); +.block-editor-block-patterns-list__item:focus .block-editor-block-patterns-list__item-title,.block-editor-block-patterns-list__item:hover .block-editor-block-patterns-list__item-title{ + color:var(--wp-admin-theme-color); } -.components-popover.block-editor-block-popover { - z-index: 31; - position: absolute; - margin: 0 !important; - pointer-events: none; +.components-popover.block-editor-block-popover{ + margin:0 !important; + pointer-events:none; + position:absolute; + z-index:31; } -.components-popover.block-editor-block-popover .components-popover__content { - margin: 0 !important; - min-width: auto; - width: max-content; - background: none; - border: none; - outline: none; - box-shadow: none; - overflow-y: visible; +.components-popover.block-editor-block-popover .components-popover__content{ + background:none; + border:none; + box-shadow:none; + margin:0 !important; + min-width:auto; + outline:none; + overflow-y:visible; + width:max-content; } -.components-popover.block-editor-block-popover:not(.block-editor-block-popover__inbetween, .block-editor-block-list__block-side-inserter-popover) .components-popover__content * { - pointer-events: all; +.components-popover.block-editor-block-popover:not(.block-editor-block-popover__inbetween,.block-editor-block-list__block-side-inserter-popover) .components-popover__content *{ + pointer-events:all; } - -.components-popover.block-editor-block-popover__inbetween { - pointer-events: none; +.components-popover.block-editor-block-popover__inbetween,.components-popover.block-editor-block-popover__inbetween *{ + pointer-events:none; } -.components-popover.block-editor-block-popover__inbetween * { - pointer-events: none; -} -.components-popover.block-editor-block-popover__inbetween .is-with-inserter { - pointer-events: all; -} -.components-popover.block-editor-block-popover__inbetween .is-with-inserter * { - pointer-events: all; +.components-popover.block-editor-block-popover__inbetween .is-with-inserter,.components-popover.block-editor-block-popover__inbetween .is-with-inserter *{ + pointer-events:all; } -.block-editor-block-preview__container { - position: relative; - width: 100%; - overflow: hidden; -} -.block-editor-block-preview__container .block-editor-block-preview__content { - top: 0; - right: 0; - transform-origin: top right; - text-align: initial; - margin: 0; - overflow: visible; - min-height: auto; +.block-editor-block-preview__container{ + overflow:hidden; + position:relative; + width:100%; } -.block-editor-block-preview__container .block-editor-block-preview__content .block-editor-block-list__insertion-point, -.block-editor-block-preview__container .block-editor-block-preview__content .block-editor-block-drop-zone, -.block-editor-block-preview__container .block-editor-block-preview__content .reusable-block-indicator, -.block-editor-block-preview__container .block-editor-block-preview__content .block-list-appender { - display: none; +.block-editor-block-preview__container .block-editor-block-preview__content{ + margin:0; + min-height:auto; + overflow:visible; + right:0; + text-align:initial; + top:0; + transform-origin:top right; } -.block-editor-block-preview__content-iframe .block-list-appender { - display: none; +.block-editor-block-preview__container .block-editor-block-preview__content .block-editor-block-drop-zone,.block-editor-block-preview__container .block-editor-block-preview__content .block-editor-block-list__insertion-point,.block-editor-block-preview__container .block-editor-block-preview__content .block-list-appender,.block-editor-block-preview__container .block-editor-block-preview__content .reusable-block-indicator,.block-editor-block-preview__content-iframe .block-list-appender{ + display:none; } -.block-editor-block-preview__live-content * { - pointer-events: none; +.block-editor-block-preview__live-content *{ + pointer-events:none; } -.block-editor-block-preview__live-content .block-list-appender { - display: none; +.block-editor-block-preview__live-content .block-list-appender{ + display:none; } -.block-editor-block-preview__live-content .components-button:disabled { - opacity: initial; +.block-editor-block-preview__live-content .components-button:disabled{ + opacity:1; } -.block-editor-block-preview__live-content .components-placeholder, -.block-editor-block-preview__live-content .block-editor-block-list__block[data-empty=true] { - display: none; +.block-editor-block-preview__live-content .block-editor-block-list__block[data-empty=true],.block-editor-block-preview__live-content .components-placeholder{ + display:none; } -.block-editor-block-settings-menu__popover .components-dropdown-menu__menu { - padding: 0; +.block-editor-block-settings-menu__popover .components-dropdown-menu__menu{ + padding:0; } -.block-editor-block-styles + .default-style-picker__default-switcher { - margin-top: 16px; +.block-editor-block-styles+.default-style-picker__default-switcher{ + margin-top:16px; } -.block-editor-block-styles__preview-panel { - display: none; - position: absolute; - left: 16px; - right: auto; - z-index: 90; +.block-editor-block-styles__preview-panel{ + display:none; + left:16px; + position:absolute; + right:auto; + z-index:90; } -@media (min-width: 782px) { - .block-editor-block-styles__preview-panel { - display: block; +@media (min-width:782px){ + .block-editor-block-styles__preview-panel{ + display:block; } } -.block-editor-block-styles__preview-panel .block-editor-inserter__preview-container { - right: auto; - left: auto; - top: auto; - position: static; +.block-editor-block-styles__preview-panel .block-editor-inserter__preview-container{ + left:auto; + position:static; + right:auto; + top:auto; } -.block-editor-block-styles__preview-panel .block-editor-block-card__title.block-editor-block-card__title { - margin: 0; +.block-editor-block-styles__preview-panel .block-editor-block-card__title.block-editor-block-card__title{ + margin:0; } -.block-editor-block-styles__preview-panel .block-editor-block-icon { - display: none; +.block-editor-block-styles__preview-panel .block-editor-block-icon{ + display:none; } -.block-editor-block-styles__variants { - display: flex; - flex-wrap: wrap; - justify-content: space-between; - gap: 8px; +.block-editor-block-styles__variants{ + display:flex; + flex-wrap:wrap; + gap:8px; + justify-content:space-between; } -.block-editor-block-styles__variants .block-editor-block-styles__item { - color: #2f2f2f; - box-shadow: inset 0 0 0 1px #ccc; - display: inline-block; - width: calc(50% - 4px); +.block-editor-block-styles__variants .block-editor-block-styles__item{ + box-shadow:inset 0 0 0 1px #ccc; + color:#2f2f2f; + display:inline-block; + width:calc(50% - 4px); } -.block-editor-block-styles__variants .block-editor-block-styles__item:focus, .block-editor-block-styles__variants .block-editor-block-styles__item:hover { - color: var(--wp-admin-theme-color); - box-shadow: inset 0 0 0 2px var(--wp-admin-theme-color); +.block-editor-block-styles__variants .block-editor-block-styles__item:focus,.block-editor-block-styles__variants .block-editor-block-styles__item:hover{ + box-shadow:inset 0 0 0 2px var(--wp-admin-theme-color); + color:var(--wp-admin-theme-color); } -.block-editor-block-styles__variants .block-editor-block-styles__item.is-active, .block-editor-block-styles__variants .block-editor-block-styles__item.is-active:hover { - background-color: #2f2f2f; - box-shadow: none; +.block-editor-block-styles__variants .block-editor-block-styles__item.is-active,.block-editor-block-styles__variants .block-editor-block-styles__item.is-active:hover{ + background-color:#2f2f2f; + box-shadow:none; } -.block-editor-block-styles__variants .block-editor-block-styles__item.is-active .block-editor-block-styles__item-text, .block-editor-block-styles__variants .block-editor-block-styles__item.is-active:hover .block-editor-block-styles__item-text { - color: #fff; +.block-editor-block-styles__variants .block-editor-block-styles__item.is-active .block-editor-block-styles__item-text,.block-editor-block-styles__variants .block-editor-block-styles__item.is-active:hover .block-editor-block-styles__item-text{ + color:#fff; } -.block-editor-block-styles__variants .block-editor-block-styles__item.is-active:focus { - box-shadow: inset 0 0 0 1px #fff, 0 0 0 2px var(--wp-admin-theme-color); +.block-editor-block-styles__variants .block-editor-block-styles__item.is-active:focus{ + box-shadow:inset 0 0 0 1px #fff, 0 0 0 2px var(--wp-admin-theme-color); } -.block-editor-block-styles__variants .block-editor-block-styles__item-text { - word-break: break-all; - white-space: normal; - text-align: start; - text-align-last: center; +.block-editor-block-styles__variants .block-editor-block-styles__item-text{ + text-align:start; + text-align-last:center; + white-space:normal; + word-break:break-all; } -.block-editor-block-styles__block-preview-container, -.block-editor-block-styles__block-preview-container * { - box-sizing: border-box !important; +.block-editor-block-styles__block-preview-container,.block-editor-block-styles__block-preview-container *{ + box-sizing:border-box !important; } -.block-editor-block-switcher { - position: relative; +.block-editor-block-switcher{ + position:relative; } -.block-editor-block-switcher .components-button.components-dropdown-menu__toggle.has-icon.has-icon { - min-width: 36px; +.block-editor-block-switcher .components-button.components-dropdown-menu__toggle.has-icon.has-icon{ + min-width:36px; } -.block-editor-block-switcher__no-switcher-icon, -.block-editor-block-switcher__toggle { - position: relative; +.block-editor-block-switcher__no-switcher-icon,.block-editor-block-switcher__toggle{ + position:relative; } -.components-button.block-editor-block-switcher__toggle, -.components-button.block-editor-block-switcher__no-switcher-icon { - margin: 0; - display: block; - height: 48px; +.components-button.block-editor-block-switcher__no-switcher-icon,.components-button.block-editor-block-switcher__toggle{ + display:block; + height:48px; + margin:0; } -.components-button.block-editor-block-switcher__toggle .block-editor-block-icon, -.components-button.block-editor-block-switcher__no-switcher-icon .block-editor-block-icon { - margin: auto; +.components-button.block-editor-block-switcher__no-switcher-icon .block-editor-block-icon,.components-button.block-editor-block-switcher__toggle .block-editor-block-icon{ + margin:auto; } -.block-editor-block-switcher__toggle-text { - margin-right: 8px; +.block-editor-block-switcher__toggle-text{ + margin-right:8px; } -.show-icon-labels .block-editor-block-switcher__toggle-text { - display: none; +.show-icon-labels .block-editor-block-switcher__toggle-text{ + display:none; } -.show-icon-labels .block-editor-block-toolbar .block-editor-block-switcher .components-button.has-icon::after { - font-size: 14px; +.show-icon-labels .block-editor-block-toolbar .block-editor-block-switcher .components-button.has-icon:after{ + font-size:14px; } -.components-button.block-editor-block-switcher__no-switcher-icon { - display: flex; +.components-button.block-editor-block-switcher__no-switcher-icon{ + display:flex; } -.components-button.block-editor-block-switcher__no-switcher-icon .block-editor-block-icon { - margin-left: auto; - margin-right: auto; - min-width: 24px !important; +.components-button.block-editor-block-switcher__no-switcher-icon .block-editor-block-icon{ + margin-left:auto; + margin-right:auto; + min-width:24px !important; } -.components-button.block-editor-block-switcher__no-switcher-icon:disabled { - opacity: 1; +.components-button.block-editor-block-switcher__no-switcher-icon:disabled{ + opacity:1; } -.components-button.block-editor-block-switcher__no-switcher-icon:disabled, -.components-button.block-editor-block-switcher__no-switcher-icon:disabled .block-editor-block-icon.has-colors { - color: #1e1e1e; +.components-button.block-editor-block-switcher__no-switcher-icon:disabled,.components-button.block-editor-block-switcher__no-switcher-icon:disabled .block-editor-block-icon.has-colors{ + color:#1e1e1e; } -.block-editor-block-toolbar .components-toolbar-group .components-button.block-editor-block-switcher__no-switcher-icon.has-icon.has-icon .block-editor-block-icon, -.block-editor-block-toolbar .components-toolbar .components-button.block-editor-block-switcher__no-switcher-icon.has-icon.has-icon .block-editor-block-icon, -.block-editor-block-toolbar .components-toolbar-group .components-button.block-editor-block-switcher__toggle.has-icon.has-icon .block-editor-block-icon, -.block-editor-block-toolbar .components-toolbar .components-button.block-editor-block-switcher__toggle.has-icon.has-icon .block-editor-block-icon { - height: 100%; - position: relative; - margin: 0 auto; - display: flex; - align-items: center; - min-width: 100%; +.block-editor-block-toolbar .components-toolbar .components-button.block-editor-block-switcher__no-switcher-icon.has-icon.has-icon .block-editor-block-icon,.block-editor-block-toolbar .components-toolbar .components-button.block-editor-block-switcher__toggle.has-icon.has-icon .block-editor-block-icon,.block-editor-block-toolbar .components-toolbar-group .components-button.block-editor-block-switcher__no-switcher-icon.has-icon.has-icon .block-editor-block-icon,.block-editor-block-toolbar .components-toolbar-group .components-button.block-editor-block-switcher__toggle.has-icon.has-icon .block-editor-block-icon{ + align-items:center; + display:flex; + height:100%; + margin:0 auto; + min-width:100%; + position:relative; } -.block-editor-block-toolbar .components-toolbar-group .components-button.block-editor-block-switcher__no-switcher-icon.has-icon.has-icon::before, -.block-editor-block-toolbar .components-toolbar .components-button.block-editor-block-switcher__no-switcher-icon.has-icon.has-icon::before, -.block-editor-block-toolbar .components-toolbar-group .components-button.block-editor-block-switcher__toggle.has-icon.has-icon::before, -.block-editor-block-toolbar .components-toolbar .components-button.block-editor-block-switcher__toggle.has-icon.has-icon::before { - top: 8px; - left: 8px; - bottom: 8px; - right: 8px; +.block-editor-block-toolbar .components-toolbar .components-button.block-editor-block-switcher__no-switcher-icon.has-icon.has-icon:before,.block-editor-block-toolbar .components-toolbar .components-button.block-editor-block-switcher__toggle.has-icon.has-icon:before,.block-editor-block-toolbar .components-toolbar-group .components-button.block-editor-block-switcher__no-switcher-icon.has-icon.has-icon:before,.block-editor-block-toolbar .components-toolbar-group .components-button.block-editor-block-switcher__toggle.has-icon.has-icon:before{ + bottom:8px; + left:8px; + right:8px; + top:8px; } -.components-popover.block-editor-block-switcher__popover .components-popover__content { - min-width: 300px; +.components-popover.block-editor-block-switcher__popover .components-popover__content{ + min-width:300px; } -.block-editor-block-switcher__popover__preview__parent .block-editor-block-switcher__popover__preview__container { - position: absolute; - top: -12px; - right: calc(100% + 16px); +.block-editor-block-switcher__popover__preview__parent .block-editor-block-switcher__popover__preview__container{ + position:absolute; + right:calc(100% + 16px); + top:-12px; } -.block-editor-block-switcher__preview__popover { - display: none; +.block-editor-block-switcher__preview__popover{ + display:none; } -.block-editor-block-switcher__preview__popover.components-popover { - margin-top: 11px; +.block-editor-block-switcher__preview__popover.components-popover{ + margin-top:11px; } -@media (min-width: 782px) { - .block-editor-block-switcher__preview__popover { - display: block; +@media (min-width:782px){ + .block-editor-block-switcher__preview__popover{ + display:block; } } -.block-editor-block-switcher__preview__popover .components-popover__content { - box-shadow: none; - border: 1px solid #1e1e1e; - background: #fff; - border-radius: 2px; - outline: none; +.block-editor-block-switcher__preview__popover .components-popover__content{ + background:#fff; + border:1px solid #1e1e1e; + border-radius:2px; + box-shadow:none; + outline:none; } -.block-editor-block-switcher__preview__popover .block-editor-block-switcher__preview { - width: 300px; - height: auto; - max-height: calc(500px - 32px); - margin: 16px; - overflow: hidden; +.block-editor-block-switcher__preview__popover .block-editor-block-switcher__preview{ + height:auto; + margin:16px; + max-height:468px; + overflow:hidden; + width:300px; } -.block-editor-block-switcher__preview-title { - margin-bottom: 12px; - color: #757575; - text-transform: uppercase; - font-size: 11px; - font-weight: 500; +.block-editor-block-switcher__preview-title{ + color:#757575; + font-size:11px; + font-weight:500; + margin-bottom:12px; + text-transform:uppercase; } -.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__no-switcher-icon { - min-width: 36px; +.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__no-switcher-icon{ + min-width:36px; } -.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__no-switcher-icon, -.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__toggle { - height: 48px; +.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__no-switcher-icon,.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__toggle{ + height:48px; } -.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__no-switcher-icon .block-editor-block-icon, -.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__no-switcher-icon .block-editor-block-switcher__transform, -.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__toggle .block-editor-block-icon, -.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__toggle .block-editor-block-switcher__transform { - width: 48px; - height: 48px; +.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__no-switcher-icon .block-editor-block-icon,.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__no-switcher-icon .block-editor-block-switcher__transform,.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__toggle .block-editor-block-icon,.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__toggle .block-editor-block-switcher__transform{ + height:48px; + width:48px; } -.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__no-switcher-icon .block-editor-block-switcher__transform, -.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__toggle .block-editor-block-switcher__transform { - padding: 12px; +.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__no-switcher-icon .block-editor-block-switcher__transform,.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__toggle .block-editor-block-switcher__transform{ + padding:12px; } -.block-editor-block-switcher__preview-patterns-container { - padding-bottom: 16px; +.block-editor-block-switcher__preview-patterns-container{ + padding-bottom:16px; } -.block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item { - margin-top: 16px; +.block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item{ + margin-top:16px; } -.block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-preview__container { - cursor: pointer; +.block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-preview__container{ + cursor:pointer; } -.block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-switcher__preview-patterns-container-list__item { - height: 100%; - border-radius: 2px; - transition: all 0.05s ease-in-out; - position: relative; - border: 1px solid transparent; +.block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-switcher__preview-patterns-container-list__item{ + border:1px solid transparent; + border-radius:2px; + height:100%; + position:relative; + transition:all .05s ease-in-out; } -.block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-switcher__preview-patterns-container-list__item:hover, .block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-switcher__preview-patterns-container-list__item:focus { - box-shadow: inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); - outline: 2px solid transparent; +.block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-switcher__preview-patterns-container-list__item:focus,.block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-switcher__preview-patterns-container-list__item:hover{ + box-shadow:inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); + outline:2px solid transparent; } -.block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-switcher__preview-patterns-container-list__item:hover { - box-shadow: inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) #1e1e1e; +.block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-switcher__preview-patterns-container-list__item:hover{ + box-shadow:inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) #1e1e1e; } -.block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-switcher__preview-patterns-container-list__item .block-editor-block-switcher__preview-patterns-container-list__item-title { - padding: 4px; - font-size: 12px; - text-align: center; - cursor: pointer; +.block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-switcher__preview-patterns-container-list__item .block-editor-block-switcher__preview-patterns-container-list__item-title{ + cursor:pointer; + font-size:12px; + padding:4px; + text-align:center; } -.block-editor-block-types-list > [role=presentation] { - overflow: hidden; - display: flex; - flex-wrap: wrap; +.block-editor-block-types-list>[role=presentation]{ + display:flex; + flex-wrap:wrap; + overflow:hidden; } -.block-editor-block-variation-picker .components-placeholder__instructions { - margin-bottom: 0; +.block-editor-block-variation-picker .components-placeholder__instructions{ + margin-bottom:0; } -.block-editor-block-variation-picker .components-placeholder__fieldset { - flex-direction: column; +.block-editor-block-variation-picker .components-placeholder__fieldset{ + flex-direction:column; } -.block-editor-block-variation-picker.has-many-variations .components-placeholder__fieldset { - max-width: 90%; +.block-editor-block-variation-picker.has-many-variations .components-placeholder__fieldset{ + max-width:90%; } -.block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations { - display: flex; - justify-content: flex-start; - flex-direction: row; - flex-wrap: wrap; - width: 100%; - margin: 16px 0; - padding: 0; - list-style: none; +.block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations{ + display:flex; + flex-direction:row; + flex-wrap:wrap; + justify-content:flex-start; + list-style:none; + margin:16px 0; + padding:0; + width:100%; } -.block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations > li { - list-style: none; - margin: 8px 0 0 20px; - flex-shrink: 1; - width: 75px; - text-align: center; +.block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations>li{ + flex-shrink:1; + list-style:none; + margin:8px 0 0 20px; + text-align:center; + width:75px; } -.block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations > li button { - display: inline-flex; - margin-left: 0; +.block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations>li button{ + display:inline-flex; + margin-left:0; } -.block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations .block-editor-block-variation-picker__variation { - padding: 8px; +.block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations .block-editor-block-variation-picker__variation{ + padding:8px; } -.block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations .block-editor-block-variation-picker__variation-label { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - font-size: 12px; - display: block; - line-height: 1.4; +.block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations .block-editor-block-variation-picker__variation-label{ + display:block; + font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; + font-size:12px; + line-height:1.4; } -.block-editor-block-variation-picker__variation { - width: 100%; +.block-editor-block-variation-picker__variation{ + width:100%; } -.block-editor-block-variation-picker__variation.components-button.has-icon { - justify-content: center; - width: auto; +.block-editor-block-variation-picker__variation.components-button.has-icon{ + justify-content:center; + width:auto; } -.block-editor-block-variation-picker__variation.components-button.has-icon.is-secondary { - background-color: #fff; +.block-editor-block-variation-picker__variation.components-button.has-icon.is-secondary{ + background-color:#fff; } -.block-editor-block-variation-picker__variation.components-button { - height: auto; - padding: 0; +.block-editor-block-variation-picker__variation.components-button{ + height:auto; + padding:0; } -.block-editor-block-variation-picker__variation::before { - content: ""; - padding-bottom: 100%; +.block-editor-block-variation-picker__variation:before{ + content:""; + padding-bottom:100%; } -.block-editor-block-variation-picker__variation:first-child { - margin-right: 0; +.block-editor-block-variation-picker__variation:first-child{ + margin-right:0; } -.block-editor-block-variation-picker__variation:last-child { - margin-left: 0; +.block-editor-block-variation-picker__variation:last-child{ + margin-left:0; } -.block-editor-block-pattern-setup { - display: flex; - flex-direction: column; - justify-content: center; - align-items: flex-start; - width: 100%; - border-radius: 2px; -} -.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__toolbar { - justify-content: center; +.block-editor-block-pattern-setup{ + align-items:flex-start; + border-radius:2px; + display:flex; + flex-direction:column; + justify-content:center; + width:100%; } -.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container { - column-gap: 24px; - display: block; - width: 100%; - padding: 32px; - padding-bottom: 0; - padding-top: 0; - column-count: 2; +.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__toolbar{ + justify-content:center; } -@media (min-width: 1440px) { - .block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container { - column-count: 3; +.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container{ + column-count:2; + column-gap:24px; + display:block; + padding:0 32px; + width:100%; +} +@media (min-width:1440px){ + .block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container{ + column-count:3; } } -.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-preview__container, -.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container div[role=button] { - cursor: pointer; -} -.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__list-item { - break-inside: avoid-column; - margin-bottom: 24px; -} -.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__list-item .block-editor-block-preview__container { - min-height: 100px; - border-radius: 2px; - border: 1px solid #ddd; -} -.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__list-item .block-editor-block-preview__content { - width: 100%; -} -.block-editor-block-pattern-setup .block-editor-block-pattern-setup__toolbar { - height: 60px; - box-sizing: border-box; - padding: 16px; - width: 100%; - text-align: right; - margin: 0; - color: #1e1e1e; - position: absolute; - bottom: 0; - background-color: #fff; - display: flex; - flex-direction: row; - align-items: center; - justify-content: space-between; - border-top: 1px solid #ddd; - align-self: flex-end; -} -.block-editor-block-pattern-setup .block-editor-block-pattern-setup__toolbar .block-editor-block-pattern-setup__display-controls { - display: flex; -} -.block-editor-block-pattern-setup .block-editor-block-pattern-setup__toolbar .block-editor-block-pattern-setup__navigation, -.block-editor-block-pattern-setup .block-editor-block-pattern-setup__toolbar .block-editor-block-pattern-setup__actions { - width: calc(50% - 36px); - display: flex; -} -.block-editor-block-pattern-setup .block-editor-block-pattern-setup__toolbar .block-editor-block-pattern-setup__actions { - justify-content: flex-end; -} -.block-editor-block-pattern-setup .block-editor-block-pattern-setup__container { - display: flex; - flex-direction: column; - width: 100%; - box-sizing: border-box; -} -.block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container { - overflow: hidden; - position: relative; - padding: 0; - margin: 0; - list-style: none; - transform-style: preserve-3d; -} -.block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container * { - box-sizing: border-box; -} -.block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container .pattern-slide { - position: absolute; - top: 0; - width: 100%; - margin: auto; - padding: 0; - transition: transform 0.5s, z-index 0.5s; - z-index: 100; -} -.block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container .pattern-slide.active-slide { - opacity: 1; - position: relative; - z-index: 102; -} -.block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container .pattern-slide.previous-slide { - transform: translateX(100%); - z-index: 101; -} -.block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container .pattern-slide.next-slide { - transform: translateX(-100%); - z-index: 101; -} -.block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .block-list-appender { - display: none; -} - -.block-editor-block-pattern-setup__carousel, -.block-editor-block-pattern-setup__grid { - width: 100%; -} - -.block-editor-block-variation-transforms { - padding: 0 52px 16px 16px; - width: 100%; -} -.block-editor-block-variation-transforms .components-dropdown-menu__toggle { - border: 1px solid #757575; - border-radius: 2px; - min-height: 30px; - width: 100%; - position: relative; - text-align: right; - justify-content: left; - padding: 6px 12px; -} -.block-editor-block-variation-transforms .components-dropdown-menu__toggle.components-dropdown-menu__toggle { - padding-left: 24px; -} -.block-editor-block-variation-transforms .components-dropdown-menu__toggle:focus:not(:disabled) { - border-color: var(--wp-admin-theme-color); - box-shadow: 0 0 0 calc(var(--wp-admin-border-width-focus) - 1px) var(--wp-admin-theme-color); -} -.block-editor-block-variation-transforms .components-dropdown-menu__toggle svg { - height: 100%; - padding: 0; - position: absolute; - left: 0; - top: 0; -} - -.block-editor-block-variation-transforms__popover .components-popover__content { - min-width: 230px; -} - -.components-border-radius-control { - margin-bottom: 12px; -} -.components-border-radius-control legend { - margin-bottom: 8px; +.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-preview__container,.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container div[role=button]{ + cursor:pointer; +} +.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__list-item{ + break-inside:avoid-column; + margin-bottom:24px; +} +.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__list-item .block-editor-block-preview__container{ + border:1px solid #ddd; + border-radius:2px; + min-height:100px; +} +.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__list-item .block-editor-block-preview__content{ + width:100%; +} +.block-editor-block-pattern-setup .block-editor-block-pattern-setup__toolbar{ + align-items:center; + align-self:flex-end; + background-color:#fff; + border-top:1px solid #ddd; + bottom:0; + box-sizing:border-box; + color:#1e1e1e; + display:flex; + flex-direction:row; + height:60px; + justify-content:space-between; + margin:0; + padding:16px; + position:absolute; + text-align:right; + width:100%; +} +.block-editor-block-pattern-setup .block-editor-block-pattern-setup__toolbar .block-editor-block-pattern-setup__display-controls{ + display:flex; +} +.block-editor-block-pattern-setup .block-editor-block-pattern-setup__toolbar .block-editor-block-pattern-setup__actions,.block-editor-block-pattern-setup .block-editor-block-pattern-setup__toolbar .block-editor-block-pattern-setup__navigation{ + display:flex; + width:calc(50% - 36px); +} +.block-editor-block-pattern-setup .block-editor-block-pattern-setup__toolbar .block-editor-block-pattern-setup__actions{ + justify-content:flex-end; +} +.block-editor-block-pattern-setup .block-editor-block-pattern-setup__container{ + box-sizing:border-box; + display:flex; + flex-direction:column; + width:100%; +} +.block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container{ + list-style:none; + margin:0; + overflow:hidden; + padding:0; + position:relative; + transform-style:preserve-3d; +} +.block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container *{ + box-sizing:border-box; +} +.block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container .pattern-slide{ + margin:auto; + padding:0; + position:absolute; + top:0; + transition:transform .5s,z-index .5s; + width:100%; + z-index:100; +} +.block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container .pattern-slide.active-slide{ + opacity:1; + position:relative; + z-index:102; +} +.block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container .pattern-slide.previous-slide{ + transform:translateX(100%); + z-index:101; +} +.block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container .pattern-slide.next-slide{ + transform:translateX(-100%); + z-index:101; +} +.block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .block-list-appender{ + display:none; +} + +.block-editor-block-pattern-setup__carousel,.block-editor-block-pattern-setup__grid{ + width:100%; +} + +.block-editor-block-variation-transforms{ + padding:0 52px 16px 16px; + width:100%; +} +.block-editor-block-variation-transforms .components-dropdown-menu__toggle{ + border:1px solid #757575; + border-radius:2px; + justify-content:left; + min-height:30px; + padding:6px 12px; + position:relative; + text-align:right; + width:100%; +} +.block-editor-block-variation-transforms .components-dropdown-menu__toggle.components-dropdown-menu__toggle{ + padding-left:24px; +} +.block-editor-block-variation-transforms .components-dropdown-menu__toggle:focus:not(:disabled){ + border-color:var(--wp-admin-theme-color); + box-shadow:0 0 0 calc(var(--wp-admin-border-width-focus) - 1px) var(--wp-admin-theme-color); +} +.block-editor-block-variation-transforms .components-dropdown-menu__toggle svg{ + height:100%; + left:0; + padding:0; + position:absolute; + top:0; +} + +.block-editor-block-variation-transforms__popover .components-popover__content{ + min-width:230px; +} + +.components-border-radius-control{ + margin-bottom:12px; +} +.components-border-radius-control legend{ + margin-bottom:8px; } -.components-border-radius-control .components-border-radius-control__wrapper { - display: flex; - justify-content: space-between; - align-items: flex-start; +.components-border-radius-control .components-border-radius-control__wrapper{ + align-items:flex-start; + display:flex; + justify-content:space-between; } -.components-border-radius-control .components-border-radius-control__wrapper > .components-unit-control-wrapper { - width: 110px; - margin-bottom: 0; - margin-left: 12px; - flex-shrink: 0; +.components-border-radius-control .components-border-radius-control__wrapper>.components-unit-control-wrapper{ + flex-shrink:0; + margin-bottom:0; + margin-left:12px; + width:110px; } -.components-border-radius-control .components-border-radius-control__wrapper .components-range-control { - flex: 1; - margin-bottom: 0; +.components-border-radius-control .components-border-radius-control__wrapper .components-range-control{ + flex:1; + margin-bottom:0; } -.components-border-radius-control .components-border-radius-control__wrapper .components-range-control .components-base-control__field { - margin-bottom: 0; - height: 30px; +.components-border-radius-control .components-border-radius-control__wrapper .components-range-control .components-base-control__field{ + height:30px; + margin-bottom:0; } -.components-border-radius-control .components-border-radius-control__wrapper .components-range-control .components-range-control__wrapper { - margin-left: 10px; +.components-border-radius-control .components-border-radius-control__wrapper .components-range-control .components-range-control__wrapper{ + margin-left:10px; } -.components-border-radius-control .components-border-radius-control__wrapper > span { - flex: 0 0 auto; +.components-border-radius-control .components-border-radius-control__wrapper>span{ + flex:0 0 auto; } -.components-border-radius-control .components-border-radius-control__input-controls-wrapper { - display: flex; - width: 70%; - flex-wrap: wrap; +.components-border-radius-control .components-border-radius-control__input-controls-wrapper{ + display:flex; + flex-wrap:wrap; + width:70%; } -.components-border-radius-control .components-border-radius-control__input-controls-wrapper .components-border-radius-control__tooltip-wrapper { - width: calc(50% - 8px); - margin-bottom: 8px; - margin-left: 8px; +.components-border-radius-control .components-border-radius-control__input-controls-wrapper .components-border-radius-control__tooltip-wrapper{ + margin-bottom:8px; + margin-left:8px; + width:calc(50% - 8px); } -.components-border-radius-control .component-border-radius-control__linked-button.has-icon { - display: flex; - justify-content: center; - margin-right: 2px; - margin-top: 3px; +.components-border-radius-control .component-border-radius-control__linked-button.has-icon{ + display:flex; + justify-content:center; + margin-right:2px; + margin-top:3px; } -.components-border-radius-control .component-border-radius-control__linked-button.has-icon svg { - margin-left: 0; +.components-border-radius-control .component-border-radius-control__linked-button.has-icon svg{ + margin-left:0; } -.block-editor-button-block-appender { - display: flex; - flex-direction: column; - align-items: center; - justify-content: center; - width: 100%; - height: auto; - color: #1e1e1e; - box-shadow: inset 0 0 0 1px #1e1e1e; +.block-editor-button-block-appender{ + align-items:center; + box-shadow:inset 0 0 0 1px #1e1e1e; + color:#1e1e1e; + display:flex; + flex-direction:column; + height:auto; + justify-content:center; + width:100%; } -.block-editor-button-block-appender.components-button.components-button { - padding: 12px; +.block-editor-button-block-appender.components-button.components-button{ + padding:12px; } -.is-dark-theme .block-editor-button-block-appender { - color: rgba(255, 255, 255, 0.65); - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.65); +.is-dark-theme .block-editor-button-block-appender{ + box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.65); + color:hsla(0,0%,100%,.65); } -.block-editor-button-block-appender:hover { - color: var(--wp-admin-theme-color); - box-shadow: inset 0 0 0 1px var(--wp-admin-theme-color); +.block-editor-button-block-appender:hover{ + box-shadow:inset 0 0 0 1px var(--wp-admin-theme-color); + color:var(--wp-admin-theme-color); } -.block-editor-button-block-appender:focus { - box-shadow: inset 0 0 0 2px var(--wp-admin-theme-color); +.block-editor-button-block-appender:focus{ + box-shadow:inset 0 0 0 2px var(--wp-admin-theme-color); } -.block-editor-button-block-appender:active { - color: #000; +.block-editor-button-block-appender:active{ + color:#000; } -.is-layout-constrained.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child, .is-layout-flow.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child, .is-layout-constrained.block-editor-block-list__block:not(.is-selected) > .wp-block-group__inner-container > .block-list-appender:only-child, .is-layout-flow.block-editor-block-list__block:not(.is-selected) > .wp-block-group__inner-container > .block-list-appender:only-child { - pointer-events: none; +.is-layout-constrained.block-editor-block-list__block:not(.is-selected)>.block-list-appender:only-child,.is-layout-constrained.block-editor-block-list__block:not(.is-selected)>.wp-block-group__inner-container>.block-list-appender:only-child,.is-layout-flow.block-editor-block-list__block:not(.is-selected)>.block-list-appender:only-child,.is-layout-flow.block-editor-block-list__block:not(.is-selected)>.wp-block-group__inner-container>.block-list-appender:only-child{ + pointer-events:none; } -.is-layout-constrained.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child::after, .is-layout-flow.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child::after, .is-layout-constrained.block-editor-block-list__block:not(.is-selected) > .wp-block-group__inner-container > .block-list-appender:only-child::after, .is-layout-flow.block-editor-block-list__block:not(.is-selected) > .wp-block-group__inner-container > .block-list-appender:only-child::after { - content: ""; - position: absolute; - top: 0; - left: 0; - bottom: 0; - right: 0; - pointer-events: none; - border: 1px dashed currentColor; - border-radius: 2px; +.is-layout-constrained.block-editor-block-list__block:not(.is-selected)>.block-list-appender:only-child:after,.is-layout-constrained.block-editor-block-list__block:not(.is-selected)>.wp-block-group__inner-container>.block-list-appender:only-child:after,.is-layout-flow.block-editor-block-list__block:not(.is-selected)>.block-list-appender:only-child:after,.is-layout-flow.block-editor-block-list__block:not(.is-selected)>.wp-block-group__inner-container>.block-list-appender:only-child:after{ + border:1px dashed; + border-radius:2px; + bottom:0; + content:""; + left:0; + pointer-events:none; + position:absolute; + right:0; + top:0; } -.is-layout-constrained.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child .block-editor-inserter, .is-layout-flow.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child .block-editor-inserter, .is-layout-constrained.block-editor-block-list__block:not(.is-selected) > .wp-block-group__inner-container > .block-list-appender:only-child .block-editor-inserter, .is-layout-flow.block-editor-block-list__block:not(.is-selected) > .wp-block-group__inner-container > .block-list-appender:only-child .block-editor-inserter { - visibility: hidden; +.is-layout-constrained.block-editor-block-list__block:not(.is-selected)>.block-list-appender:only-child .block-editor-inserter,.is-layout-constrained.block-editor-block-list__block:not(.is-selected)>.wp-block-group__inner-container>.block-list-appender:only-child .block-editor-inserter,.is-layout-flow.block-editor-block-list__block:not(.is-selected)>.block-list-appender:only-child .block-editor-inserter,.is-layout-flow.block-editor-block-list__block:not(.is-selected)>.wp-block-group__inner-container>.block-list-appender:only-child .block-editor-inserter{ + visibility:hidden; } -.block-editor-color-gradient-control .block-editor-color-gradient-control__color-indicator { - margin-bottom: 12px; +.block-editor-color-gradient-control .block-editor-color-gradient-control__color-indicator{ + margin-bottom:12px; } -.block-editor-color-gradient-control__fieldset { - min-width: 0; +.block-editor-color-gradient-control__fieldset{ + min-width:0; } -.block-editor-color-gradient-control__tabs .block-editor-color-gradient-control__panel { - padding: 16px; +.block-editor-color-gradient-control__tabs .block-editor-color-gradient-control__panel{ + padding:16px; } -.block-editor-panel-color-gradient-settings.block-editor-panel-color-gradient-settings, .block-editor-panel-color-gradient-settings.block-editor-panel-color-gradient-settings > div:not(:first-of-type) { - display: block; +.block-editor-panel-color-gradient-settings.block-editor-panel-color-gradient-settings,.block-editor-panel-color-gradient-settings.block-editor-panel-color-gradient-settings>div:not(:first-of-type){ + display:block; } -@media screen and (min-width: 782px) { - .block-editor-panel-color-gradient-settings .components-circular-option-picker__swatches { - display: grid; - grid-template-columns: repeat(6, 28px); - justify-content: space-between; +@media screen and (min-width:782px){ + .block-editor-panel-color-gradient-settings .components-circular-option-picker__swatches{ + display:grid; + grid-template-columns:repeat(6, 28px); + justify-content:space-between; } } -.block-editor-block-inspector .block-editor-panel-color-gradient-settings .components-base-control { - margin-bottom: inherit; +.block-editor-block-inspector .block-editor-panel-color-gradient-settings .components-base-control{ + margin-bottom:inherit; } -.block-editor-panel-color-gradient-settings__dropdown-content .block-editor-color-gradient-control__panel { - width: 260px; - padding: 16px; +.block-editor-panel-color-gradient-settings__dropdown-content .block-editor-color-gradient-control__panel{ + padding:16px; + width:260px; } -.block-editor-panel-color-gradient-settings__color-indicator { - background: linear-gradient(45deg, transparent 48%, #ddd 48%, #ddd 52%, transparent 52%); +.block-editor-panel-color-gradient-settings__color-indicator{ + background:linear-gradient(45deg, transparent 48%, #ddd 0, #ddd 52%, transparent 0); +} +.block-editor-tools-panel-color-gradient-settings__item{ + border-bottom:1px solid rgba(0,0,0,.1); + border-left:1px solid rgba(0,0,0,.1); + border-right:1px solid rgba(0,0,0,.1); + max-width:100%; + padding:0; +} +.block-editor-tools-panel-color-gradient-settings__item.first{ + border-top:1px solid rgba(0,0,0,.1); + border-top-left-radius:2px; + border-top-right-radius:2px; + margin-top:24px; +} +.block-editor-tools-panel-color-gradient-settings__item.last{ + border-bottom-left-radius:2px; + border-bottom-right-radius:2px; +} +.block-editor-tools-panel-color-gradient-settings__item>div,.block-editor-tools-panel-color-gradient-settings__item>div>button{ + border-radius:inherit; } -/** -* The following styles replicate the separated border of the -* `ItemGroup` component but allows for hidden items. This is because -* to maintain the order of `ToolsPanel` controls, each `ToolsPanelItem` -* must at least render a placeholder which would otherwise interfere -* with the `:last-child` styles. -*/ -.block-editor-tools-panel-color-gradient-settings__item { - padding: 0; - max-width: 100%; - border-right: 1px solid rgba(0, 0, 0, 0.1); - border-left: 1px solid rgba(0, 0, 0, 0.1); - border-bottom: 1px solid rgba(0, 0, 0, 0.1); +.block-editor-tools-panel-color-gradient-settings__dropdown{ + display:block; + padding:0; } -.block-editor-tools-panel-color-gradient-settings__item.first { - margin-top: 24px; - border-top-right-radius: 2px; - border-top-left-radius: 2px; - border-top: 1px solid rgba(0, 0, 0, 0.1); +.block-editor-tools-panel-color-gradient-settings__dropdown>button{ + height:auto; + padding-bottom:10px; + padding-top:10px; + text-align:right; } -.block-editor-tools-panel-color-gradient-settings__item.last { - border-bottom-right-radius: 2px; - border-bottom-left-radius: 2px; -} -.block-editor-tools-panel-color-gradient-settings__item > div, -.block-editor-tools-panel-color-gradient-settings__item > div > button { - border-radius: inherit; -} - -.block-editor-tools-panel-color-gradient-settings__dropdown { - display: block; - padding: 0; -} -.block-editor-tools-panel-color-gradient-settings__dropdown > button { - height: auto; - padding-top: 10px; - padding-bottom: 10px; - text-align: right; -} -.block-editor-tools-panel-color-gradient-settings__dropdown > button.is-open { - background: #f0f0f0; - color: var(--wp-admin-theme-color); -} -.block-editor-tools-panel-color-gradient-settings__dropdown .block-editor-panel-color-gradient-settings__color-name { - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; -} - -.block-editor-panel-color-gradient-settings__dropdown { - width: 100%; +.block-editor-tools-panel-color-gradient-settings__dropdown>button.is-open{ + background:#f0f0f0; + color:var(--wp-admin-theme-color); } -.block-editor-panel-color-gradient-settings__dropdown .component-color-indicator { - flex-shrink: 0; +.block-editor-tools-panel-color-gradient-settings__dropdown .block-editor-panel-color-gradient-settings__color-name{ + overflow:hidden; + text-overflow:ellipsis; + white-space:nowrap; } -.block-editor-contrast-checker > .components-notice { - margin: 0; +.block-editor-panel-color-gradient-settings__dropdown{ + width:100%; +} +.block-editor-panel-color-gradient-settings__dropdown .component-color-indicator{ + flex-shrink:0; } -/** - * Default block appender. - * - * This component shows up in 3 places: - * - the black plus that sits at the end of the canvas, if the last block isn't a paragraph - * - on the right, inside empty paragraphs - * - absolute positioned and blue inside nesting containers - */ -.block-editor-default-block-appender { - clear: both; - margin-right: auto; - margin-left: auto; - position: relative; +.block-editor-contrast-checker>.components-notice{ + margin:0; +} +.block-editor-default-block-appender{ + clear:both; + margin-left:auto; + margin-right:auto; + position:relative; } -.block-editor-default-block-appender[data-root-client-id=""] .block-editor-default-block-appender__content:hover { - outline: 1px solid transparent; +.block-editor-default-block-appender[data-root-client-id=""] .block-editor-default-block-appender__content:hover{ + outline:1px solid transparent; } -.block-editor-default-block-appender .block-editor-default-block-appender__content { - opacity: 0.62; +.block-editor-default-block-appender .block-editor-default-block-appender__content{ + opacity:.62; } -.block-editor-default-block-appender .components-drop-zone__content-icon { - display: none; +.block-editor-default-block-appender .components-drop-zone__content-icon{ + display:none; } -.block-editor-block-list__empty-block-inserter.block-editor-block-list__empty-block-inserter, -.block-editor-default-block-appender .block-editor-inserter { - position: absolute; - top: 0; - left: 0; - line-height: 0; +.block-editor-block-list__empty-block-inserter.block-editor-block-list__empty-block-inserter,.block-editor-default-block-appender .block-editor-inserter{ + left:0; + line-height:0; + position:absolute; + top:0; } -.block-editor-block-list__empty-block-inserter.block-editor-block-list__empty-block-inserter:disabled, -.block-editor-default-block-appender .block-editor-inserter:disabled { - display: none; +.block-editor-block-list__empty-block-inserter.block-editor-block-list__empty-block-inserter:disabled,.block-editor-default-block-appender .block-editor-inserter:disabled{ + display:none; } - -/** - * Fixed position appender. - * These styles apply to all in-canvas inserters that exist inside nesting containers. - */ -.block-editor-block-list__block .block-list-appender { - position: absolute; - list-style: none; - padding: 0; - z-index: 2; - bottom: 0; - left: 0; +.block-editor-block-list__block .block-list-appender{ + bottom:0; + left:0; + list-style:none; + padding:0; + position:absolute; + z-index:2; } -.block-editor-block-list__block .block-list-appender.block-list-appender { - margin: 0; - line-height: 0; +.block-editor-block-list__block .block-list-appender.block-list-appender{ + line-height:0; + margin:0; } -.block-editor-block-list__block .block-list-appender .block-editor-default-block-appender { - height: 24px; +.block-editor-block-list__block .block-list-appender .block-editor-default-block-appender{ + height:24px; } -.block-editor-block-list__block .block-list-appender .block-editor-inserter__toggle.components-button.has-icon, -.block-editor-block-list__block .block-list-appender .block-list-appender__toggle { - flex-direction: row; - box-shadow: none; - height: 24px; - width: 24px; - display: none; - padding: 0 !important; - background: #1e1e1e; - color: #fff; +.block-editor-block-list__block .block-list-appender .block-editor-inserter__toggle.components-button.has-icon,.block-editor-block-list__block .block-list-appender .block-list-appender__toggle{ + background:#1e1e1e; + box-shadow:none; + color:#fff; + display:none; + flex-direction:row; + height:24px; + padding:0 !important; + width:24px; } -.block-editor-block-list__block .block-list-appender .block-editor-inserter__toggle.components-button.has-icon:hover, -.block-editor-block-list__block .block-list-appender .block-list-appender__toggle:hover { - color: #fff; - background: var(--wp-admin-theme-color); +.block-editor-block-list__block .block-list-appender .block-editor-inserter__toggle.components-button.has-icon:hover,.block-editor-block-list__block .block-list-appender .block-list-appender__toggle:hover{ + background:var(--wp-admin-theme-color); + color:#fff; } -.block-editor-block-list__block .block-list-appender .block-editor-default-block-appender__content { - display: none; +.block-editor-block-list__block .block-list-appender .block-editor-default-block-appender__content{ + display:none; } -.block-editor-block-list__block .block-list-appender:only-child { - position: relative; - left: auto; - align-self: center; - list-style: none; - line-height: inherit; +.block-editor-block-list__block .block-list-appender:only-child{ + align-self:center; + left:auto; + line-height:inherit; + list-style:none; + position:relative; } -.block-editor-block-list__block .block-list-appender:only-child .block-editor-default-block-appender__content { - display: block; +.block-editor-block-list__block .block-list-appender:only-child .block-editor-default-block-appender__content{ + display:block; } -.block-editor-block-list__block.is-selected .block-editor-block-list__layout > .block-list-appender .block-editor-inserter__toggle.components-button.has-icon, -.block-editor-block-list__block.is-selected .block-editor-block-list__layout > .block-list-appender .block-list-appender__toggle, -.block-editor-block-list__block.is-selected > .block-list-appender .block-editor-inserter__toggle.components-button.has-icon, -.block-editor-block-list__block.is-selected > .block-list-appender .block-list-appender__toggle { - display: flex; +.block-editor-block-list__block.is-selected .block-editor-block-list__layout>.block-list-appender .block-editor-inserter__toggle.components-button.has-icon,.block-editor-block-list__block.is-selected .block-editor-block-list__layout>.block-list-appender .block-list-appender__toggle,.block-editor-block-list__block.is-selected>.block-list-appender .block-editor-inserter__toggle.components-button.has-icon,.block-editor-block-list__block.is-selected>.block-list-appender .block-list-appender__toggle{ + display:flex; } -.block-editor-default-block-appender__content { - cursor: text; +.block-editor-default-block-appender__content{ + cursor:text; } -.block-editor-date-format-picker { - margin-bottom: 16px; +.block-editor-date-format-picker{ + margin-bottom:16px; } -.block-editor-date-format-picker__default-format-toggle-control__hint { - color: #757575; - display: block; +.block-editor-date-format-picker__default-format-toggle-control__hint{ + color:#757575; + display:block; } -.block-editor-date-format-picker__custom-format-select-control.components-base-control { - margin-bottom: 0; +.block-editor-date-format-picker__custom-format-select-control.components-base-control{ + margin-bottom:0; } -.block-editor-date-format-picker__custom-format-select-control__custom-option { - border-top: 1px solid #ddd; +.block-editor-date-format-picker__custom-format-select-control__custom-option{ + border-top:1px solid #ddd; } -.block-editor-date-format-picker__custom-format-select-control__custom-option.has-hint { - grid-template-columns: auto 30px; +.block-editor-date-format-picker__custom-format-select-control__custom-option.has-hint{ + grid-template-columns:auto 30px; } -.block-editor-date-format-picker__custom-format-select-control__custom-option .components-custom-select-control__item-hint { - grid-row: 2; - text-align: right; +.block-editor-date-format-picker__custom-format-select-control__custom-option .components-custom-select-control__item-hint{ + grid-row:2; + text-align:right; } -.block-editor-duotone-control__popover > .components-popover__content { - padding: 16px; - width: 280px; +.block-editor-duotone-control__popover>.components-popover__content{ + padding:16px; + width:280px; } -.block-editor-duotone-control__popover .components-menu-group__label { - padding: 0; +.block-editor-duotone-control__popover .components-menu-group__label{ + padding:0; } -.block-editor-duotone-control__popover .components-circular-option-picker__swatches { - display: grid; - grid-template-columns: repeat(6, 28px); - gap: 12px; - justify-content: space-between; +.block-editor-duotone-control__popover .components-circular-option-picker__swatches{ + display:grid; + gap:12px; + grid-template-columns:repeat(6, 28px); + justify-content:space-between; } -.block-editor-duotone-control__description { - margin: 16px 0; - font-size: 12px; +.block-editor-duotone-control__description{ + font-size:12px; + margin:16px 0; } -.block-editor-duotone-control__unset-indicator { - background: linear-gradient(45deg, transparent 48%, #ddd 48%, #ddd 52%, transparent 52%); +.block-editor-duotone-control__unset-indicator{ + background:linear-gradient(45deg, transparent 48%, #ddd 0, #ddd 52%, transparent 0); } -.components-font-appearance-control ul li { - color: #1e1e1e; - text-transform: capitalize; +.components-font-appearance-control ul li{ + color:#1e1e1e; + text-transform:capitalize; } -.block-editor-image-size-control { - margin-bottom: 1em; +.block-editor-image-size-control{ + margin-bottom:1em; } -.block-editor-image-size-control .block-editor-image-size-control__row { - display: flex; - justify-content: space-between; +.block-editor-image-size-control .block-editor-image-size-control__row{ + display:flex; + justify-content:space-between; } -.block-editor-image-size-control .block-editor-image-size-control__row .block-editor-image-size-control__width, -.block-editor-image-size-control .block-editor-image-size-control__row .block-editor-image-size-control__height { - margin-bottom: 0.5em; +.block-editor-image-size-control .block-editor-image-size-control__row .block-editor-image-size-control__height,.block-editor-image-size-control .block-editor-image-size-control__row .block-editor-image-size-control__width{ + margin-bottom:.5em; } -.block-editor-image-size-control .block-editor-image-size-control__row .block-editor-image-size-control__width input, -.block-editor-image-size-control .block-editor-image-size-control__row .block-editor-image-size-control__height input { - line-height: 1.25; +.block-editor-image-size-control .block-editor-image-size-control__row .block-editor-image-size-control__height input,.block-editor-image-size-control .block-editor-image-size-control__row .block-editor-image-size-control__width input{ + line-height:1.25; } -.block-editor-image-size-control .block-editor-image-size-control__row .block-editor-image-size-control__width { - margin-left: 5px; +.block-editor-image-size-control .block-editor-image-size-control__row .block-editor-image-size-control__width{ + margin-left:5px; } -.block-editor-image-size-control .block-editor-image-size-control__row .block-editor-image-size-control__height { - margin-right: 5px; +.block-editor-image-size-control .block-editor-image-size-control__row .block-editor-image-size-control__height{ + margin-right:5px; } -.block-editor-block-list__layout.has-overlay::after { - content: ""; - position: absolute; - top: 0; - left: 0; - bottom: 0; - right: 0; - z-index: 60; +.block-editor-block-list__layout.has-overlay:after{ + bottom:0; + content:""; + left:0; + position:absolute; + right:0; + top:0; + z-index:60; } -.block-editor-block-types-list__list-item { - display: block; - width: 33.33%; - padding: 0; - margin: 0; +.block-editor-block-types-list__list-item{ + display:block; + margin:0; + padding:0; + width:33.33%; } -.components-button.block-editor-block-types-list__item { - display: flex; - flex-direction: column; - width: 100%; - font-size: 13px; - color: #1e1e1e; - padding: 8px; - align-items: stretch; - justify-content: center; - cursor: pointer; - background: transparent; - word-break: break-word; - border-radius: 2px; - transition: all 0.05s ease-in-out; - position: relative; - height: auto; +.components-button.block-editor-block-types-list__item{ + align-items:stretch; + background:transparent; + border-radius:2px; + color:#1e1e1e; + cursor:pointer; + display:flex; + flex-direction:column; + font-size:13px; + height:auto; + justify-content:center; + padding:8px; + position:relative; + transition:all .05s ease-in-out; + width:100%; + word-break:break-word; } -@media (prefers-reduced-motion: reduce) { - .components-button.block-editor-block-types-list__item { - transition-duration: 0s; - transition-delay: 0s; +@media (prefers-reduced-motion:reduce){ + .components-button.block-editor-block-types-list__item{ + transition-delay:0s; + transition-duration:0s; } } -.components-button.block-editor-block-types-list__item:disabled { - opacity: 0.6; - cursor: default; +.components-button.block-editor-block-types-list__item:disabled{ + cursor:default; + opacity:.6; } -.components-button.block-editor-block-types-list__item:not(:disabled):hover { - color: var(--wp-admin-theme-color) !important; +.components-button.block-editor-block-types-list__item:not(:disabled):hover{ + color:var(--wp-admin-theme-color) !important; } -.components-button.block-editor-block-types-list__item:not(:disabled):focus { - box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); +.components-button.block-editor-block-types-list__item:not(:disabled):focus{ + box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); } -.components-button.block-editor-block-types-list__item:not(:disabled).is-active { - color: #fff; - background: #1e1e1e; - outline: 2px solid transparent; - outline-offset: -2px; +.components-button.block-editor-block-types-list__item:not(:disabled).is-active{ + background:#1e1e1e; + color:#fff; + outline:2px solid transparent; + outline-offset:-2px; } -.block-editor-block-types-list__item-icon { - padding: 12px 20px; - border-radius: 2px; - color: #1e1e1e; - transition: all 0.05s ease-in-out; +.block-editor-block-types-list__item-icon{ + border-radius:2px; + color:#1e1e1e; + padding:12px 20px; + transition:all .05s ease-in-out; } -@media (prefers-reduced-motion: reduce) { - .block-editor-block-types-list__item-icon { - transition-duration: 0s; - transition-delay: 0s; +@media (prefers-reduced-motion:reduce){ + .block-editor-block-types-list__item-icon{ + transition-delay:0s; + transition-duration:0s; } } -.block-editor-block-types-list__item-icon .block-editor-block-icon { - margin-right: auto; - margin-left: auto; +.block-editor-block-types-list__item-icon .block-editor-block-icon{ + margin-left:auto; + margin-right:auto; } -.block-editor-block-types-list__item-icon svg { - transition: all 0.15s ease-out; +.block-editor-block-types-list__item-icon svg{ + transition:all .15s ease-out; } -@media (prefers-reduced-motion: reduce) { - .block-editor-block-types-list__item-icon svg { - transition-duration: 0s; - transition-delay: 0s; +@media (prefers-reduced-motion:reduce){ + .block-editor-block-types-list__item-icon svg{ + transition-delay:0s; + transition-duration:0s; } } -.block-editor-block-types-list__list-item[draggable=true] .block-editor-block-types-list__item-icon { - cursor: grab; +.block-editor-block-types-list__list-item[draggable=true] .block-editor-block-types-list__item-icon{ + cursor:grab; } -.block-editor-block-types-list__item-title { - padding: 4px 2px 8px; - font-size: 12px; +.block-editor-block-types-list__item-title{ + font-size:12px; + padding:4px 2px 8px; } -.block-editor-inspector-popover-header { - margin-bottom: 16px; +.block-editor-inspector-popover-header{ + margin-bottom:16px; } -[class].block-editor-inspector-popover-header__action { - height: 24px; +[class].block-editor-inspector-popover-header__action{ + height:24px; } -[class].block-editor-inspector-popover-header__action.has-icon { - min-width: 24px; - padding: 0; +[class].block-editor-inspector-popover-header__action.has-icon{ + min-width:24px; + padding:0; } -[class].block-editor-inspector-popover-header__action:not(.has-icon) { - text-decoration: underline; +[class].block-editor-inspector-popover-header__action:not(.has-icon){ + text-decoration:underline; } -.items-justified-left { - justify-content: flex-start; +.items-justified-left{ + justify-content:flex-start; } -.items-justified-center { - justify-content: center; +.items-justified-center{ + justify-content:center; } -.items-justified-right { - justify-content: flex-end; +.items-justified-right{ + justify-content:flex-end; } -.items-justified-space-between { - justify-content: space-between; +.items-justified-space-between{ + justify-content:space-between; } -@keyframes loadingpulse { - 0% { - opacity: 1; +@keyframes loadingpulse{ + 0%{ + opacity:1; } - 50% { - opacity: 0; + 50%{ + opacity:0; } - 100% { - opacity: 1; + to{ + opacity:1; } } -.block-editor-link-control { - position: relative; - min-width: 360px; -} -.components-popover__content .block-editor-link-control { - min-width: auto; - width: 90vw; - max-width: 360px; +.block-editor-link-control{ + min-width:360px; + position:relative; } - -.block-editor-link-control__search-input-wrapper { - position: relative; +.components-popover__content .block-editor-link-control{ + max-width:360px; + min-width:auto; + width:90vw; } -.block-editor-link-control__search-input-container { - position: relative; +.block-editor-link-control__search-input-container,.block-editor-link-control__search-input-wrapper{ + position:relative; } -.block-editor-link-control__search-input.has-no-label .block-editor-url-input__input { - flex: 1; +.block-editor-link-control__search-input.has-no-label .block-editor-url-input__input{ + flex:1; } -.block-editor-link-control__field { - margin: 16px; +.block-editor-link-control__field{ + margin:16px; } -.block-editor-link-control__field > .components-base-control__field { - display: flex; - align-items: center; - margin: 0; +.block-editor-link-control__field>.components-base-control__field{ + align-items:center; + display:flex; + margin:0; } -.block-editor-link-control__field .components-base-control__label { - margin-left: 16px; - margin-bottom: 0; +.block-editor-link-control__field .components-base-control__label{ + margin-bottom:0; + margin-left:16px; } -.block-editor-link-control__field input[type=text], .block-editor-link-control__field.block-editor-url-input input[type=text].block-editor-url-input__input { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - padding: 6px 8px; - box-shadow: 0 0 0 transparent; - transition: box-shadow 0.1s linear; - border-radius: 2px; - border: 1px solid #757575; - /* Fonts smaller than 16px causes mobile safari to zoom. */ - font-size: 16px; - /* Override core line-height. To be reviewed. */ - line-height: normal; - width: calc(100% - 32px); - display: block; - padding: 11px 16px; - padding-left: 36px; - margin: 0; - position: relative; - border: 1px solid #ddd; - border-radius: 2px; +.block-editor-link-control__field input[type=text],.block-editor-link-control__field.block-editor-url-input input[type=text].block-editor-url-input__input{ + border:1px solid #ddd; + border-radius:2px; + box-shadow:0 0 0 transparent; + display:block; + font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; + font-size:16px; + line-height:normal; + margin:0; + padding:11px 16px 11px 36px; + position:relative; + transition:box-shadow .1s linear; + width:calc(100% - 32px); } -@media (prefers-reduced-motion: reduce) { - .block-editor-link-control__field input[type=text], .block-editor-link-control__field.block-editor-url-input input[type=text].block-editor-url-input__input { - transition-duration: 0s; - transition-delay: 0s; +@media (prefers-reduced-motion:reduce){ + .block-editor-link-control__field input[type=text],.block-editor-link-control__field.block-editor-url-input input[type=text].block-editor-url-input__input{ + transition-delay:0s; + transition-duration:0s; } } -@media (min-width: 600px) { - .block-editor-link-control__field input[type=text], .block-editor-link-control__field.block-editor-url-input input[type=text].block-editor-url-input__input { - font-size: 13px; - /* Override core line-height. To be reviewed. */ - line-height: normal; +@media (min-width:600px){ + .block-editor-link-control__field input[type=text],.block-editor-link-control__field.block-editor-url-input input[type=text].block-editor-url-input__input{ + font-size:13px; + line-height:normal; } } -.block-editor-link-control__field input[type=text]:focus, .block-editor-link-control__field.block-editor-url-input input[type=text].block-editor-url-input__input:focus { - border-color: var(--wp-admin-theme-color); - box-shadow: 0 0 0 1px var(--wp-admin-theme-color); - outline: 2px solid transparent; +.block-editor-link-control__field input[type=text]:focus,.block-editor-link-control__field.block-editor-url-input input[type=text].block-editor-url-input__input:focus{ + border-color:var(--wp-admin-theme-color); + box-shadow:0 0 0 1px var(--wp-admin-theme-color); + outline:2px solid transparent; } -.block-editor-link-control__field input[type=text]::-webkit-input-placeholder, .block-editor-link-control__field.block-editor-url-input input[type=text].block-editor-url-input__input::-webkit-input-placeholder { - color: rgba(30, 30, 30, 0.62); +.block-editor-link-control__field input[type=text]::-webkit-input-placeholder,.block-editor-link-control__field.block-editor-url-input input[type=text].block-editor-url-input__input::-webkit-input-placeholder{ + color:rgba(30,30,30,.62); } -.block-editor-link-control__field input[type=text]::-moz-placeholder, .block-editor-link-control__field.block-editor-url-input input[type=text].block-editor-url-input__input::-moz-placeholder { - opacity: 1; - color: rgba(30, 30, 30, 0.62); -} -.block-editor-link-control__field input[type=text]:-ms-input-placeholder, .block-editor-link-control__field.block-editor-url-input input[type=text].block-editor-url-input__input:-ms-input-placeholder { - color: rgba(30, 30, 30, 0.62); -} - -.block-editor-link-control__search-error { - margin: -8px 16px 16px; -} - -.block-editor-link-control__search-actions { - position: absolute; - /* - * Actions must be positioned on top of URLInput, since the input will grow - * when suggestions are rendered. - * - * Compensate for: - * - Border (1px) - * - Vertically, for the difference in height between the input (40px) and - * the icon buttons. - * - Horizontally, pad to the minimum of: default input padding, or the - * equivalent of the vertical padding. - */ - top: 3px; - left: 19px; -} - -.components-button .block-editor-link-control__search-submit .has-icon { - margin: -1px; -} - -.block-editor-link-control__search-results-wrapper { - position: relative; - margin-top: -15px; -} -.block-editor-link-control__search-results-wrapper::before, .block-editor-link-control__search-results-wrapper::after { - content: ""; - position: absolute; - right: -1px; - left: 16px; - display: block; - pointer-events: none; - z-index: 100; -} -.block-editor-link-control__search-results-wrapper::before { - height: 8px; - top: 0; - bottom: auto; -} -.block-editor-link-control__search-results-wrapper::after { - height: 16px; - bottom: 0; - top: auto; -} - -.block-editor-link-control__search-results-label { - padding: 16px 32px 0; - display: block; - font-weight: 600; -} - -.block-editor-link-control__search-results { - margin: 0; - padding: 8px 16px 8px; - max-height: 200px; - overflow-y: auto; -} -.block-editor-link-control__search-results.is-loading { - opacity: 0.2; -} - -.block-editor-link-control__search-item { - position: relative; - display: flex; - align-items: flex-start; - font-size: 13px; - cursor: pointer; - background: #fff; - width: 100%; - border: none; - text-align: right; - padding: 12px 16px; - border-radius: 2px; - height: auto; -} -.block-editor-link-control__search-item:hover, .block-editor-link-control__search-item:focus { - background-color: #f0f0f0; -} -.block-editor-link-control__search-item:hover .block-editor-link-control__search-item-type, .block-editor-link-control__search-item:focus .block-editor-link-control__search-item-type { - background: #fff; -} -.block-editor-link-control__search-item:focus:not(:disabled) { - box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color) inset; -} -.block-editor-link-control__search-item.is-selected { - background: #f0f0f0; -} -.block-editor-link-control__search-item.is-selected .block-editor-link-control__search-item-type { - background: #fff; -} -.block-editor-link-control__search-item.is-current { - flex-direction: column; - background: transparent; - border: 0; - width: 100%; - cursor: default; - padding: 16px; -} -.block-editor-link-control__search-item .block-editor-link-control__search-item-header { - display: block; - flex-direction: row; - align-items: flex-start; - margin-left: 8px; - white-space: pre-wrap; - overflow-wrap: break-word; -} -.block-editor-link-control__search-item .block-editor-link-control__search-item-header .block-editor-link-control__search-item-info { - word-break: break-all; -} -.block-editor-link-control__search-item.is-preview .block-editor-link-control__search-item-header { - display: flex; - flex: 1; -} -.block-editor-link-control__search-item.is-error .block-editor-link-control__search-item-header { - align-items: center; -} -.block-editor-link-control__search-item .block-editor-link-control__search-item-icon { - position: relative; - top: 0.2em; - margin-left: 8px; - max-height: 24px; - flex-shrink: 0; - width: 24px; - display: flex; - justify-content: center; -} -.block-editor-link-control__search-item .block-editor-link-control__search-item-icon img { - width: 16px; -} -.block-editor-link-control__search-item.is-error .block-editor-link-control__search-item-icon { - top: 0; - width: 32px; - max-height: 32px; -} -.block-editor-link-control__search-item .block-editor-link-control__search-item-info, -.block-editor-link-control__search-item .block-editor-link-control__search-item-title { - overflow: hidden; - text-overflow: ellipsis; -} -.block-editor-link-control__search-item .block-editor-link-control__search-item-info .components-external-link__icon, -.block-editor-link-control__search-item .block-editor-link-control__search-item-title .components-external-link__icon { - position: absolute; - left: 0; - margin-top: 0; -} -.block-editor-link-control__search-item .block-editor-link-control__search-item-title { - display: block; - margin-bottom: 0.2em; - font-weight: 500; - position: relative; -} -.block-editor-link-control__search-item .block-editor-link-control__search-item-title mark { - font-weight: 700; - color: inherit; - background-color: transparent; -} -.block-editor-link-control__search-item .block-editor-link-control__search-item-title span { - font-weight: normal; -} -.block-editor-link-control__search-item .block-editor-link-control__search-item-title svg { - display: none; -} -.block-editor-link-control__search-item .block-editor-link-control__search-item-info { - display: block; - color: #757575; - font-size: 0.9em; - line-height: 1.3; -} -.block-editor-link-control__search-item .block-editor-link-control__search-item-error-notice { - font-style: italic; - font-size: 1.1em; -} -.block-editor-link-control__search-item .block-editor-link-control__search-item-type { - display: block; - padding: 3px 6px; - margin-right: auto; - font-size: 0.9em; - background-color: #f0f0f0; - border-radius: 2px; - white-space: nowrap; -} -.block-editor-link-control__search-item .block-editor-link-control__search-item-description { - padding-top: 12px; - margin: 0; -} -.block-editor-link-control__search-item .block-editor-link-control__search-item-description.is-placeholder { - margin-top: 12px; - padding-top: 0; - height: 28px; - display: flex; - flex-direction: column; - justify-content: space-around; -} -.block-editor-link-control__search-item .block-editor-link-control__search-item-description.is-placeholder::before, .block-editor-link-control__search-item .block-editor-link-control__search-item-description.is-placeholder::after { - display: block; - content: ""; - height: 0.7em; - width: 100%; - background-color: #f0f0f0; - border-radius: 3px; -} -.block-editor-link-control__search-item .block-editor-link-control__search-item-description .components-text { - font-size: 0.9em; -} -.block-editor-link-control__search-item .block-editor-link-control__search-item-image { - display: flex; - width: 100%; - background-color: #f0f0f0; - justify-content: center; - height: 140px; - max-height: 140px; - overflow: hidden; - border-radius: 2px; - margin-top: 12px; -} -.block-editor-link-control__search-item .block-editor-link-control__search-item-image.is-placeholder { - background-color: #f0f0f0; - border-radius: 3px; -} -.block-editor-link-control__search-item .block-editor-link-control__search-item-image img { - display: block; - max-width: 100%; - height: 140px; - max-height: 140px; +.block-editor-link-control__field input[type=text]::-moz-placeholder,.block-editor-link-control__field.block-editor-url-input input[type=text].block-editor-url-input__input::-moz-placeholder{ + color:rgba(30,30,30,.62); + opacity:1; +} +.block-editor-link-control__field input[type=text]:-ms-input-placeholder,.block-editor-link-control__field.block-editor-url-input input[type=text].block-editor-url-input__input:-ms-input-placeholder{ + color:rgba(30,30,30,.62); +} + +.block-editor-link-control__search-error{ + margin:-8px 16px 16px; } -.block-editor-link-control__search-item-top { - display: flex; - flex-direction: row; - width: 100%; +.block-editor-link-control__search-actions{ + left:19px; + position:absolute; + top:3px; } -.block-editor-link-control__search-item-bottom { - transition: opacity 1.5s; - width: 100%; +.components-button .block-editor-link-control__search-submit .has-icon{ + margin:-1px; } -.block-editor-link-control__search-item.is-fetching .block-editor-link-control__search-item-description::before, .block-editor-link-control__search-item.is-fetching .block-editor-link-control__search-item-description::after { - animation: loadingpulse 1s linear infinite; - animation-delay: 0.5s; -} -.block-editor-link-control__search-item.is-fetching .block-editor-link-control__search-item-image { - animation: loadingpulse 1s linear infinite; - animation-delay: 0.5s; -} -.block-editor-link-control__search-item.is-fetching .block-editor-link-control__search-item-icon svg, -.block-editor-link-control__search-item.is-fetching .block-editor-link-control__search-item-icon img { - opacity: 0; +.block-editor-link-control__search-results-wrapper{ + margin-top:-15px; + position:relative; } -.block-editor-link-control__search-item.is-fetching .block-editor-link-control__search-item-icon::before { - content: ""; - display: block; - background-color: #f0f0f0; - position: absolute; - top: 0; - right: 0; - left: 0; - bottom: 0; - border-radius: 100%; - animation: loadingpulse 1s linear infinite; - animation-delay: 0.5s; +.block-editor-link-control__search-results-wrapper:after,.block-editor-link-control__search-results-wrapper:before{ + content:""; + display:block; + left:16px; + pointer-events:none; + position:absolute; + right:-1px; + z-index:100; +} +.block-editor-link-control__search-results-wrapper:before{ + bottom:auto; + height:8px; + top:0; +} +.block-editor-link-control__search-results-wrapper:after{ + bottom:0; + height:16px; + top:auto; } -.block-editor-link-control__loading { - margin: 16px; - display: flex; - align-items: center; +.block-editor-link-control__search-results-label{ + display:block; + font-weight:600; + padding:16px 32px 0; +} + +.block-editor-link-control__search-results{ + margin:0; + max-height:200px; + overflow-y:auto; + padding:8px 16px; } -.block-editor-link-control__loading .components-spinner { - margin-top: 0; +.block-editor-link-control__search-results.is-loading{ + opacity:.2; } -.components-button + .block-editor-link-control__search-create { - overflow: visible; - padding: 12px 16px; +.block-editor-link-control__search-item{ + align-items:flex-start; + background:#fff; + border:none; + border-radius:2px; + cursor:pointer; + display:flex; + font-size:13px; + height:auto; + padding:12px 16px; + position:relative; + text-align:right; + width:100%; +} +.block-editor-link-control__search-item:focus,.block-editor-link-control__search-item:hover{ + background-color:#f0f0f0; +} +.block-editor-link-control__search-item:focus .block-editor-link-control__search-item-type,.block-editor-link-control__search-item:hover .block-editor-link-control__search-item-type{ + background:#fff; +} +.block-editor-link-control__search-item:focus:not(:disabled){ + box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color) inset; +} +.block-editor-link-control__search-item.is-selected{ + background:#f0f0f0; +} +.block-editor-link-control__search-item.is-selected .block-editor-link-control__search-item-type{ + background:#fff; +} +.block-editor-link-control__search-item.is-current{ + background:transparent; + border:0; + cursor:default; + flex-direction:column; + padding:16px; + width:100%; +} +.block-editor-link-control__search-item .block-editor-link-control__search-item-header{ + align-items:flex-start; + display:block; + flex-direction:row; + margin-left:8px; + overflow-wrap:break-word; + white-space:pre-wrap; +} +.block-editor-link-control__search-item .block-editor-link-control__search-item-header .block-editor-link-control__search-item-info{ + word-break:break-all; +} +.block-editor-link-control__search-item.is-preview .block-editor-link-control__search-item-header{ + display:flex; + flex:1; +} +.block-editor-link-control__search-item.is-error .block-editor-link-control__search-item-header{ + align-items:center; +} +.block-editor-link-control__search-item .block-editor-link-control__search-item-icon{ + display:flex; + flex-shrink:0; + justify-content:center; + margin-left:8px; + max-height:24px; + position:relative; + top:.2em; + width:24px; +} +.block-editor-link-control__search-item .block-editor-link-control__search-item-icon img{ + width:16px; +} +.block-editor-link-control__search-item.is-error .block-editor-link-control__search-item-icon{ + max-height:32px; + top:0; + width:32px; +} +.block-editor-link-control__search-item .block-editor-link-control__search-item-info,.block-editor-link-control__search-item .block-editor-link-control__search-item-title{ + overflow:hidden; + text-overflow:ellipsis; +} +.block-editor-link-control__search-item .block-editor-link-control__search-item-info .components-external-link__icon,.block-editor-link-control__search-item .block-editor-link-control__search-item-title .components-external-link__icon{ + left:0; + margin-top:0; + position:absolute; +} +.block-editor-link-control__search-item .block-editor-link-control__search-item-title{ + display:block; + font-weight:500; + margin-bottom:.2em; + position:relative; +} +.block-editor-link-control__search-item .block-editor-link-control__search-item-title mark{ + background-color:initial; + color:inherit; + font-weight:700; +} +.block-editor-link-control__search-item .block-editor-link-control__search-item-title span{ + font-weight:400; +} +.block-editor-link-control__search-item .block-editor-link-control__search-item-title svg{ + display:none; +} +.block-editor-link-control__search-item .block-editor-link-control__search-item-info{ + color:#757575; + display:block; + font-size:.9em; + line-height:1.3; +} +.block-editor-link-control__search-item .block-editor-link-control__search-item-error-notice{ + font-size:1.1em; + font-style:italic; +} +.block-editor-link-control__search-item .block-editor-link-control__search-item-type{ + background-color:#f0f0f0; + border-radius:2px; + display:block; + font-size:.9em; + margin-right:auto; + padding:3px 6px; + white-space:nowrap; +} +.block-editor-link-control__search-item .block-editor-link-control__search-item-description{ + margin:0; + padding-top:12px; +} +.block-editor-link-control__search-item .block-editor-link-control__search-item-description.is-placeholder{ + display:flex; + flex-direction:column; + height:28px; + justify-content:space-around; + margin-top:12px; + padding-top:0; +} +.block-editor-link-control__search-item .block-editor-link-control__search-item-description.is-placeholder:after,.block-editor-link-control__search-item .block-editor-link-control__search-item-description.is-placeholder:before{ + background-color:#f0f0f0; + border-radius:3px; + content:""; + display:block; + height:.7em; + width:100%; +} +.block-editor-link-control__search-item .block-editor-link-control__search-item-description .components-text{ + font-size:.9em; +} +.block-editor-link-control__search-item .block-editor-link-control__search-item-image{ + background-color:#f0f0f0; + border-radius:2px; + display:flex; + height:140px; + justify-content:center; + margin-top:12px; + max-height:140px; + overflow:hidden; + width:100%; +} +.block-editor-link-control__search-item .block-editor-link-control__search-item-image.is-placeholder{ + background-color:#f0f0f0; + border-radius:3px; +} +.block-editor-link-control__search-item .block-editor-link-control__search-item-image img{ + display:block; + height:140px; + max-height:140px; + max-width:100%; +} + +.block-editor-link-control__search-item-top{ + display:flex; + flex-direction:row; + width:100%; +} + +.block-editor-link-control__search-item-bottom{ + transition:opacity 1.5s; + width:100%; } -.components-button + .block-editor-link-control__search-create::before { - content: ""; - position: absolute; - top: -10px; - right: 0; - display: block; - width: 100%; +.block-editor-link-control__search-item.is-fetching .block-editor-link-control__search-item-description:after,.block-editor-link-control__search-item.is-fetching .block-editor-link-control__search-item-description:before,.block-editor-link-control__search-item.is-fetching .block-editor-link-control__search-item-image{ + animation:loadingpulse 1s linear infinite; + animation-delay:.5s; +} +.block-editor-link-control__search-item.is-fetching .block-editor-link-control__search-item-icon img,.block-editor-link-control__search-item.is-fetching .block-editor-link-control__search-item-icon svg{ + opacity:0; +} +.block-editor-link-control__search-item.is-fetching .block-editor-link-control__search-item-icon:before{ + animation:loadingpulse 1s linear infinite; + animation-delay:.5s; + background-color:#f0f0f0; + border-radius:100%; + bottom:0; + content:""; + display:block; + left:0; + position:absolute; + right:0; + top:0; +} + +.block-editor-link-control__loading{ + align-items:center; + display:flex; + margin:16px; +} +.block-editor-link-control__loading .components-spinner{ + margin-top:0; } -.block-editor-link-control__search-create { - align-items: center; +.components-button+.block-editor-link-control__search-create{ + overflow:visible; + padding:12px 16px; } -.block-editor-link-control__search-create .block-editor-link-control__search-item-title { - margin-bottom: 0; +.components-button+.block-editor-link-control__search-create:before{ + content:""; + display:block; + position:absolute; + right:0; + top:-10px; + width:100%; } -.block-editor-link-control__search-create .block-editor-link-control__search-item-icon { - top: 0; + +.block-editor-link-control__search-create{ + align-items:center; +} +.block-editor-link-control__search-create .block-editor-link-control__search-item-title{ + margin-bottom:0; +} +.block-editor-link-control__search-create .block-editor-link-control__search-item-icon{ + top:0; } -.block-editor-link-control__search-results div[role=menu] > .block-editor-link-control__search-item.block-editor-link-control__search-item { - padding: 10px; +.block-editor-link-control__search-results div[role=menu]>.block-editor-link-control__search-item.block-editor-link-control__search-item{ + padding:10px; } -.block-editor-link-control__tools { - display: flex; - align-items: center; - border-top: 1px solid #ddd; - margin: 0; - padding: 16px; +.block-editor-link-control__tools{ + align-items:center; + border-top:1px solid #ddd; + display:flex; + margin:0; + padding:16px; } -.block-editor-link-control__unlink { - padding-right: 16px; - padding-left: 16px; +.block-editor-link-control__unlink{ + padding-left:16px; + padding-right:16px; } -.block-editor-link-control__settings { - flex: 1; - margin: 0; +.block-editor-link-control__settings{ + flex:1; + margin:0; } -.block-editor-link-control__settings :last-child { - margin-bottom: 0; +.block-editor-link-control__settings :last-child{ + margin-bottom:0; } -.is-alternate .block-editor-link-control__settings { - border-top: 1px solid #1e1e1e; +.is-alternate .block-editor-link-control__settings{ + border-top:1px solid #1e1e1e; } -.block-editor-link-control__setting { - margin-bottom: 16px; +.block-editor-link-control__setting{ + margin-bottom:16px; } -.block-editor-link-control__setting :last-child { - margin-bottom: 0; +.block-editor-link-control__setting :last-child{ + margin-bottom:0; } -.block-editor-link-control .block-editor-link-control__search-input .components-spinner { - display: block; +.block-editor-link-control .block-editor-link-control__search-input .components-spinner{ + display:block; } -.block-editor-link-control .block-editor-link-control__search-input .components-spinner.components-spinner { - position: absolute; - right: auto; - bottom: auto; - /* - * Position spinner to the left of the actions. - * - * Compensate for: - * - Input padding right ($button-size) - */ - top: calc(50% - 16px / 2); - left: 36px; +.block-editor-link-control .block-editor-link-control__search-input .components-spinner.components-spinner{ + bottom:auto; + left:36px; + position:absolute; + right:auto; + top:calc(50% - 8px); } -.block-editor-link-control__search-item-action { - margin-right: auto; - flex-shrink: 0; +.block-editor-link-control__search-item-action{ + flex-shrink:0; + margin-right:auto; } -.block-editor-list-view-tree { - width: 100%; - border-collapse: collapse; - padding: 0; - margin: 0; +.block-editor-list-view-tree{ + border-collapse:collapse; + margin:0; + padding:0; + width:100%; } -.components-modal__content .block-editor-list-view-tree { - margin: -12px -6px 0; - width: calc(100% + 12px); +.components-modal__content .block-editor-list-view-tree{ + margin:-12px -6px 0; + width:calc(100% + 12px); } -.block-editor-list-view-leaf { - position: relative; +.block-editor-list-view-leaf{ + position:relative; } -.block-editor-list-view-leaf.is-selected td { - background: var(--wp-admin-theme-color); +.block-editor-list-view-leaf.is-selected td{ + background:var(--wp-admin-theme-color); } -.block-editor-list-view-leaf.is-selected .block-editor-list-view-block-contents, .block-editor-list-view-leaf.is-selected .components-button.has-icon { - color: #fff; +.block-editor-list-view-leaf.is-selected .block-editor-list-view-block-contents,.block-editor-list-view-leaf.is-selected .components-button.has-icon{ + color:#fff; } -.is-dragging-components-draggable .block-editor-list-view-leaf.is-selected .block-editor-list-view-block-contents { - background: none; - color: #1e1e1e; +.is-dragging-components-draggable .block-editor-list-view-leaf.is-selected .block-editor-list-view-block-contents{ + background:none; + color:#1e1e1e; } -.block-editor-list-view-leaf.is-selected .block-editor-list-view-block-contents:focus::after { - box-shadow: inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); +.block-editor-list-view-leaf.is-selected .block-editor-list-view-block-contents:focus:after{ + box-shadow:inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); } -.block-editor-list-view-leaf.is-selected .block-editor-list-view-block__menu:focus { - box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) #fff; +.block-editor-list-view-leaf.is-selected .block-editor-list-view-block__menu:focus{ + box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) #fff; } -.block-editor-list-view-leaf.is-dragging { - display: none; +.block-editor-list-view-leaf.is-dragging{ + display:none; } -.block-editor-list-view-leaf.is-first-selected td:first-child { - border-top-right-radius: 2px; +.block-editor-list-view-leaf.is-first-selected td:first-child{ + border-top-right-radius:2px; } -.block-editor-list-view-leaf.is-first-selected td:last-child { - border-top-left-radius: 2px; +.block-editor-list-view-leaf.is-first-selected td:last-child{ + border-top-left-radius:2px; } -.block-editor-list-view-leaf.is-last-selected td:first-child { - border-bottom-right-radius: 2px; +.block-editor-list-view-leaf.is-last-selected td:first-child{ + border-bottom-right-radius:2px; } -.block-editor-list-view-leaf.is-last-selected td:last-child { - border-bottom-left-radius: 2px; +.block-editor-list-view-leaf.is-last-selected td:last-child{ + border-bottom-left-radius:2px; } -.block-editor-list-view-leaf.is-branch-selected:not(.is-selected) { - background: linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)), linear-gradient(var(--wp-admin-theme-color), var(--wp-admin-theme-color)); +.block-editor-list-view-leaf.is-branch-selected:not(.is-selected){ + background:linear-gradient(hsla(0,0%,100%,.9), hsla(0,0%,100%,.9)), linear-gradient(var(--wp-admin-theme-color), var(--wp-admin-theme-color)); } -.block-editor-list-view-leaf.is-branch-selected.is-first-selected td:first-child { - border-top-right-radius: 2px; +.block-editor-list-view-leaf.is-branch-selected.is-first-selected td:first-child{ + border-top-right-radius:2px; } -.block-editor-list-view-leaf.is-branch-selected.is-first-selected td:last-child { - border-top-left-radius: 2px; +.block-editor-list-view-leaf.is-branch-selected.is-first-selected td:last-child{ + border-top-left-radius:2px; } -.block-editor-list-view-leaf[aria-expanded=false].is-branch-selected.is-first-selected td:first-child { - border-top-right-radius: 2px; +.block-editor-list-view-leaf[aria-expanded=false].is-branch-selected.is-first-selected td:first-child{ + border-top-right-radius:2px; } -.block-editor-list-view-leaf[aria-expanded=false].is-branch-selected.is-first-selected td:last-child { - border-top-left-radius: 2px; +.block-editor-list-view-leaf[aria-expanded=false].is-branch-selected.is-first-selected td:last-child{ + border-top-left-radius:2px; } -.block-editor-list-view-leaf[aria-expanded=false].is-branch-selected.is-last-selected td:first-child { - border-bottom-right-radius: 2px; +.block-editor-list-view-leaf[aria-expanded=false].is-branch-selected.is-last-selected td:first-child{ + border-bottom-right-radius:2px; } -.block-editor-list-view-leaf[aria-expanded=false].is-branch-selected.is-last-selected td:last-child { - border-bottom-left-radius: 2px; +.block-editor-list-view-leaf[aria-expanded=false].is-branch-selected.is-last-selected td:last-child{ + border-bottom-left-radius:2px; } -.block-editor-list-view-leaf.is-branch-selected:not(.is-selected) td { - border-radius: 0; +.block-editor-list-view-leaf.is-branch-selected:not(.is-selected) td{ + border-radius:0; } -.block-editor-list-view-leaf .block-editor-list-view-block-contents { - display: flex; - align-items: center; - width: 100%; - height: auto; - padding: 6px 0 6px 4px; - text-align: right; - color: #1e1e1e; - border-radius: 2px; - position: relative; - white-space: nowrap; -} -.block-editor-list-view-leaf .block-editor-list-view-block-contents.is-dropping-before::before { - content: ""; - position: absolute; - pointer-events: none; - transition: border-color 0.1s linear, border-style 0.1s linear, box-shadow 0.1s linear; - top: -2px; - left: 0; - right: 0; - border-top: 4px solid var(--wp-admin-theme-color); +.block-editor-list-view-leaf .block-editor-list-view-block-contents{ + align-items:center; + border-radius:2px; + color:#1e1e1e; + display:flex; + height:auto; + padding:6px 0 6px 4px; + position:relative; + text-align:right; + white-space:nowrap; + width:100%; } -.components-modal__content .block-editor-list-view-leaf .block-editor-list-view-block-contents { - padding-right: 0; - padding-left: 0; +.block-editor-list-view-leaf .block-editor-list-view-block-contents.is-dropping-before:before{ + border-top:4px solid var(--wp-admin-theme-color); + content:""; + left:0; + pointer-events:none; + position:absolute; + right:0; + top:-2px; + transition:border-color .1s linear,border-style .1s linear,box-shadow .1s linear; } -.block-editor-list-view-leaf .block-editor-list-view-block-contents:focus { - box-shadow: none; +.components-modal__content .block-editor-list-view-leaf .block-editor-list-view-block-contents{ + padding-left:0; + padding-right:0; } -.block-editor-list-view-leaf .block-editor-list-view-block-contents:focus::after { - content: ""; - position: absolute; - top: 0; - left: -29px; - bottom: 0; - right: 0; - border-radius: inherit; - box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); - z-index: 2; - pointer-events: none; +.block-editor-list-view-leaf .block-editor-list-view-block-contents:focus{ + box-shadow:none; } -.is-dragging-components-draggable .block-editor-list-view-leaf .block-editor-list-view-block-contents:focus::after { - box-shadow: none; -} -.block-editor-list-view-leaf.has-single-cell .block-editor-list-view-block-contents:focus::after { - left: 0; -} -.block-editor-list-view-leaf .block-editor-list-view-block__menu:focus { - box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); - z-index: 1; -} -.is-dragging-components-draggable .block-editor-list-view-leaf .block-editor-list-view-block__menu:focus { - box-shadow: none; -} -.block-editor-list-view-leaf.is-visible .block-editor-list-view-block-contents { - opacity: 1; - animation: edit-post__fade-in-animation 0.2s ease-out 0s; - animation-fill-mode: forwards; -} -@media (prefers-reduced-motion: reduce) { - .block-editor-list-view-leaf.is-visible .block-editor-list-view-block-contents { - animation-duration: 1ms; - animation-delay: 0s; +.block-editor-list-view-leaf .block-editor-list-view-block-contents:focus:after{ + border-radius:inherit; + bottom:0; + box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); + content:""; + left:-29px; + pointer-events:none; + position:absolute; + right:0; + top:0; + z-index:2; +} +.is-dragging-components-draggable .block-editor-list-view-leaf .block-editor-list-view-block-contents:focus:after{ + box-shadow:none; +} +.block-editor-list-view-leaf.has-single-cell .block-editor-list-view-block-contents:focus:after{ + left:0; +} +.block-editor-list-view-leaf .block-editor-list-view-block__menu:focus{ + box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); + z-index:1; +} +.is-dragging-components-draggable .block-editor-list-view-leaf .block-editor-list-view-block__menu:focus{ + box-shadow:none; +} +.block-editor-list-view-leaf.is-visible .block-editor-list-view-block-contents{ + animation:edit-post__fade-in-animation .2s ease-out 0s; + animation-fill-mode:forwards; + opacity:1; +} +@media (prefers-reduced-motion:reduce){ + .block-editor-list-view-leaf.is-visible .block-editor-list-view-block-contents{ + animation-delay:0s; + animation-duration:1ms; } } -.block-editor-list-view-leaf .block-editor-block-icon { - align-self: flex-start; - margin-left: 8px; - width: 24px; -} -.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell, -.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell, -.block-editor-list-view-leaf .block-editor-list-view-block__contents-cell { - padding-top: 0; - padding-bottom: 0; -} -.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell, -.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell { - line-height: 0; - width: 36px; - vertical-align: middle; -} -@media (prefers-reduced-motion: reduce) { - .block-editor-list-view-leaf .block-editor-list-view-block__menu-cell, -.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell { - transition-duration: 0s; - transition-delay: 0s; +.block-editor-list-view-leaf .block-editor-block-icon{ + align-self:flex-start; + margin-left:8px; + width:24px; +} +.block-editor-list-view-leaf .block-editor-list-view-block__contents-cell,.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell,.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell{ + padding-bottom:0; + padding-top:0; +} +.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell,.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell{ + line-height:0; + vertical-align:middle; + width:36px; +} +@media (prefers-reduced-motion:reduce){ + .block-editor-list-view-leaf .block-editor-list-view-block__menu-cell,.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell{ + transition-delay:0s; + transition-duration:0s; } } -.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell > *, -.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell > * { - opacity: 0; -} -.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell:hover, .block-editor-list-view-leaf .block-editor-list-view-block__menu-cell.is-visible, -.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell:hover, -.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell.is-visible { - position: relative; - z-index: 1; -} -.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell:hover > *, .block-editor-list-view-leaf .block-editor-list-view-block__menu-cell.is-visible > *, -.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell:hover > *, -.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell.is-visible > * { - opacity: 1; - animation: edit-post__fade-in-animation 0.2s ease-out 0s; - animation-fill-mode: forwards; -} -@media (prefers-reduced-motion: reduce) { - .block-editor-list-view-leaf .block-editor-list-view-block__menu-cell:hover > *, .block-editor-list-view-leaf .block-editor-list-view-block__menu-cell.is-visible > *, -.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell:hover > *, -.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell.is-visible > * { - animation-duration: 1ms; - animation-delay: 0s; +.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell>*,.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell>*{ + opacity:0; +} +.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell.is-visible,.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell:hover,.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell.is-visible,.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell:hover{ + position:relative; + z-index:1; +} +.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell.is-visible>*,.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell:hover>*,.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell.is-visible>*,.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell:hover>*{ + animation:edit-post__fade-in-animation .2s ease-out 0s; + animation-fill-mode:forwards; + opacity:1; +} +@media (prefers-reduced-motion:reduce){ + .block-editor-list-view-leaf .block-editor-list-view-block__menu-cell.is-visible>*,.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell:hover>*,.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell.is-visible>*,.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell:hover>*{ + animation-delay:0s; + animation-duration:1ms; } } -.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell, -.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell .components-button.has-icon, -.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell, -.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell .components-button.has-icon { - width: 24px; - min-width: 24px; - padding: 0; -} -.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell { - padding-left: 4px; -} -.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell .components-button.has-icon { - height: 24px; -} -.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell-alignment-wrapper { - display: flex; - height: 100%; - flex-direction: column; - align-items: center; -} -.block-editor-list-view-leaf .block-editor-block-mover-button { - position: relative; - width: 36px; - height: 24px; -} -.block-editor-list-view-leaf .block-editor-block-mover-button svg { - position: relative; - height: 24px; -} -.block-editor-list-view-leaf .block-editor-block-mover-button.is-up-button { - margin-top: -6px; - align-items: flex-end; -} -.block-editor-list-view-leaf .block-editor-block-mover-button.is-up-button svg { - bottom: -4px; -} -.block-editor-list-view-leaf .block-editor-block-mover-button.is-down-button { - margin-bottom: -6px; - align-items: flex-start; -} -.block-editor-list-view-leaf .block-editor-block-mover-button.is-down-button svg { - top: -4px; -} -.block-editor-list-view-leaf .block-editor-block-mover-button:focus:enabled { - box-shadow: none; - outline: none; -} -.block-editor-list-view-leaf .block-editor-block-mover-button:focus { - box-shadow: none; - outline: none; -} -.block-editor-list-view-leaf .block-editor-block-mover-button:focus::before { - box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 0 0 4px #fff; - outline: 2px solid transparent; -} -.block-editor-list-view-leaf .block-editor-block-mover-button::before { - content: ""; - position: absolute; - display: block; - border-radius: 2px; - height: 16px; - min-width: 100%; - right: 0; - left: 0; - animation: components-button__appear-animation 0.1s ease; - animation-fill-mode: forwards; -} -@media (prefers-reduced-motion: reduce) { - .block-editor-list-view-leaf .block-editor-block-mover-button::before { - animation-duration: 1ms; - animation-delay: 0s; +.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell,.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell .components-button.has-icon,.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell,.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell .components-button.has-icon{ + min-width:24px; + padding:0; + width:24px; +} +.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell{ + padding-left:4px; +} +.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell .components-button.has-icon{ + height:24px; +} +.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell-alignment-wrapper{ + align-items:center; + display:flex; + flex-direction:column; + height:100%; +} +.block-editor-list-view-leaf .block-editor-block-mover-button{ + height:24px; + position:relative; + width:36px; +} +.block-editor-list-view-leaf .block-editor-block-mover-button svg{ + height:24px; + position:relative; +} +.block-editor-list-view-leaf .block-editor-block-mover-button.is-up-button{ + align-items:flex-end; + margin-top:-6px; +} +.block-editor-list-view-leaf .block-editor-block-mover-button.is-up-button svg{ + bottom:-4px; +} +.block-editor-list-view-leaf .block-editor-block-mover-button.is-down-button{ + align-items:flex-start; + margin-bottom:-6px; +} +.block-editor-list-view-leaf .block-editor-block-mover-button.is-down-button svg{ + top:-4px; +} +.block-editor-list-view-leaf .block-editor-block-mover-button:focus,.block-editor-list-view-leaf .block-editor-block-mover-button:focus:enabled{ + box-shadow:none; + outline:none; +} +.block-editor-list-view-leaf .block-editor-block-mover-button:focus:before{ + box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 0 0 4px #fff; + outline:2px solid transparent; +} +.block-editor-list-view-leaf .block-editor-block-mover-button:before{ + animation:components-button__appear-animation .1s ease; + animation-fill-mode:forwards; + border-radius:2px; + content:""; + display:block; + height:16px; + left:0; + min-width:100%; + position:absolute; + right:0; +} +@media (prefers-reduced-motion:reduce){ + .block-editor-list-view-leaf .block-editor-block-mover-button:before{ + animation-delay:0s; + animation-duration:1ms; } } -.block-editor-list-view-leaf .block-editor-inserter__toggle { - background: #1e1e1e; - color: #fff; - height: 24px; - margin: 6px 1px 6px 6px; - min-width: 24px; +.block-editor-list-view-leaf .block-editor-inserter__toggle{ + background:#1e1e1e; + color:#fff; + height:24px; + margin:6px 1px 6px 6px; + min-width:24px; } -.block-editor-list-view-leaf .block-editor-inserter__toggle:active { - color: #fff; +.block-editor-list-view-leaf .block-editor-inserter__toggle:active{ + color:#fff; } -.block-editor-list-view-leaf .block-editor-list-view-block-select-button__label-wrapper { - min-width: 120px; +.block-editor-list-view-leaf .block-editor-list-view-block-select-button__label-wrapper{ + min-width:120px; } -.block-editor-list-view-leaf .block-editor-list-view-block-select-button__title { - flex: 1; - position: relative; +.block-editor-list-view-leaf .block-editor-list-view-block-select-button__title{ + flex:1; + position:relative; } -.block-editor-list-view-leaf .block-editor-list-view-block-select-button__title .components-truncate { - position: absolute; - width: 100%; - transform: translateY(-50%); +.block-editor-list-view-leaf .block-editor-list-view-block-select-button__title .components-truncate{ + position:absolute; + transform:translateY(-50%); + width:100%; } -.block-editor-list-view-leaf .block-editor-list-view-block-select-button__anchor-wrapper { - position: relative; - max-width: min(110px, 40%); - width: 100%; +.block-editor-list-view-leaf .block-editor-list-view-block-select-button__anchor-wrapper{ + max-width:min(110px, 40%); + position:relative; + width:100%; } -.block-editor-list-view-leaf .block-editor-list-view-block-select-button__anchor { - position: absolute; - left: 0; - transform: translateY(-50%); - background: rgba(0, 0, 0, 0.1); - border-radius: 2px; - padding: 2px 6px; - max-width: 100%; - box-sizing: border-box; +.block-editor-list-view-leaf .block-editor-list-view-block-select-button__anchor{ + background:rgba(0,0,0,.1); + border-radius:2px; + box-sizing:border-box; + left:0; + max-width:100%; + padding:2px 6px; + position:absolute; + transform:translateY(-50%); } -.block-editor-list-view-leaf.is-selected .block-editor-list-view-block-select-button__anchor { - background: rgba(0, 0, 0, 0.3); +.block-editor-list-view-leaf.is-selected .block-editor-list-view-block-select-button__anchor{ + background:rgba(0,0,0,.3); } -.block-editor-list-view-leaf .block-editor-list-view-block-select-button__lock { - line-height: 0; - width: 24px; - min-width: 24px; - margin-right: auto; - padding: 0; - vertical-align: middle; +.block-editor-list-view-leaf .block-editor-list-view-block-select-button__lock{ + line-height:0; + margin-right:auto; + min-width:24px; + padding:0; + vertical-align:middle; + width:24px; } -.block-editor-list-view-block-select-button__description, -.block-editor-list-view-appender__description { - display: none; +.block-editor-list-view-appender__description,.block-editor-list-view-block-select-button__description{ + display:none; } -.block-editor-list-view-block__contents-cell .block-editor-list-view-block__contents-container, -.block-editor-list-view-block__contents-cell .block-editor-list-view-appender__container, -.block-editor-list-view-appender__cell .block-editor-list-view-block__contents-container, -.block-editor-list-view-appender__cell .block-editor-list-view-appender__container { - display: flex; +.block-editor-list-view-appender__cell .block-editor-list-view-appender__container,.block-editor-list-view-appender__cell .block-editor-list-view-block__contents-container,.block-editor-list-view-block__contents-cell .block-editor-list-view-appender__container,.block-editor-list-view-block__contents-cell .block-editor-list-view-block__contents-container{ + display:flex; } -.block-editor-list-view__expander { - height: 24px; - margin-right: 4px; - width: 24px; +.block-editor-list-view__expander{ + height:24px; + margin-right:4px; + width:24px; } -.block-editor-list-view-leaf[aria-level] .block-editor-list-view__expander { - margin-right: 220px; +.block-editor-list-view-leaf[aria-level] .block-editor-list-view__expander{ + margin-right:220px; } -.block-editor-list-view-leaf:not([aria-level="1"]) .block-editor-list-view__expander { - margin-left: 4px; +.block-editor-list-view-leaf:not([aria-level="1"]) .block-editor-list-view__expander{ + margin-left:4px; } -.block-editor-list-view-leaf[aria-level="1"] .block-editor-list-view__expander { - margin-right: 0px; +.block-editor-list-view-leaf[aria-level="1"] .block-editor-list-view__expander{ + margin-right:0; } -.block-editor-list-view-leaf[aria-level="2"] .block-editor-list-view__expander { - margin-right: 24px; +.block-editor-list-view-leaf[aria-level="2"] .block-editor-list-view__expander{ + margin-right:24px; } -.block-editor-list-view-leaf[aria-level="3"] .block-editor-list-view__expander { - margin-right: 52px; +.block-editor-list-view-leaf[aria-level="3"] .block-editor-list-view__expander{ + margin-right:52px; } -.block-editor-list-view-leaf[aria-level="4"] .block-editor-list-view__expander { - margin-right: 80px; +.block-editor-list-view-leaf[aria-level="4"] .block-editor-list-view__expander{ + margin-right:80px; } -.block-editor-list-view-leaf[aria-level="5"] .block-editor-list-view__expander { - margin-right: 108px; +.block-editor-list-view-leaf[aria-level="5"] .block-editor-list-view__expander{ + margin-right:108px; } -.block-editor-list-view-leaf[aria-level="6"] .block-editor-list-view__expander { - margin-right: 136px; +.block-editor-list-view-leaf[aria-level="6"] .block-editor-list-view__expander{ + margin-right:136px; } -.block-editor-list-view-leaf[aria-level="7"] .block-editor-list-view__expander { - margin-right: 164px; +.block-editor-list-view-leaf[aria-level="7"] .block-editor-list-view__expander{ + margin-right:164px; } -.block-editor-list-view-leaf[aria-level="8"] .block-editor-list-view__expander { - margin-right: 192px; +.block-editor-list-view-leaf[aria-level="8"] .block-editor-list-view__expander{ + margin-right:192px; } -.block-editor-list-view-leaf .block-editor-list-view__expander { - visibility: hidden; +.block-editor-list-view-leaf .block-editor-list-view__expander{ + visibility:hidden; } -.block-editor-list-view-leaf[aria-expanded=true] .block-editor-list-view__expander svg { - visibility: visible; - transition: transform 0.2s ease; - transform: rotate(-90deg); +.block-editor-list-view-leaf[aria-expanded=true] .block-editor-list-view__expander svg{ + transform:rotate(-90deg); + transition:transform .2s ease; + visibility:visible; } -@media (prefers-reduced-motion: reduce) { - .block-editor-list-view-leaf[aria-expanded=true] .block-editor-list-view__expander svg { - transition-duration: 0s; - transition-delay: 0s; +@media (prefers-reduced-motion:reduce){ + .block-editor-list-view-leaf[aria-expanded=true] .block-editor-list-view__expander svg{ + transition-delay:0s; + transition-duration:0s; } } -.block-editor-list-view-leaf[aria-expanded=false] .block-editor-list-view__expander svg { - visibility: visible; - transform: rotate(0deg); - transition: transform 0.2s ease; +.block-editor-list-view-leaf[aria-expanded=false] .block-editor-list-view__expander svg{ + transform:rotate(0deg); + transition:transform .2s ease; + visibility:visible; } -@media (prefers-reduced-motion: reduce) { - .block-editor-list-view-leaf[aria-expanded=false] .block-editor-list-view__expander svg { - transition-duration: 0s; - transition-delay: 0s; +@media (prefers-reduced-motion:reduce){ + .block-editor-list-view-leaf[aria-expanded=false] .block-editor-list-view__expander svg{ + transition-delay:0s; + transition-duration:0s; } } -.block-editor-list-view-drop-indicator { - pointer-events: none; +.block-editor-list-view-drop-indicator{ + pointer-events:none; } -.block-editor-list-view-drop-indicator .block-editor-list-view-drop-indicator__line { - background: var(--wp-admin-theme-color); - height: 1px; +.block-editor-list-view-drop-indicator .block-editor-list-view-drop-indicator__line{ + background:var(--wp-admin-theme-color); + height:1px; } -.block-editor-list-view-drop-indicator > .components-popover__content { - margin-right: 0; - border: none; - box-shadow: none; - outline: none; +.block-editor-list-view-drop-indicator>.components-popover__content{ + border:none; + box-shadow:none; + margin-right:0; + outline:none; } -.block-editor-list-view-placeholder { - padding: 0; - margin: 0; - height: 36px; +.block-editor-list-view-placeholder{ + height:36px; + margin:0; + padding:0; } -.modal-open .block-editor-media-replace-flow__options { - display: none; +.modal-open .block-editor-media-replace-flow__options{ + display:none; } -.block-editor-media-replace-flow__indicator { - margin-right: 4px; +.block-editor-media-replace-flow__indicator{ + margin-right:4px; } -.block-editor-media-flow__url-input { - border-top: 1px solid #1e1e1e; - margin-top: 8px; - margin-left: -8px; - margin-right: -8px; - padding: 16px; +.block-editor-media-flow__url-input{ + border-top:1px solid #1e1e1e; + margin-left:-8px; + margin-right:-8px; + margin-top:8px; + padding:16px; } -.block-editor-media-flow__url-input .block-editor-media-replace-flow__image-url-label { - display: block; - top: 16px; - margin-bottom: 8px; +.block-editor-media-flow__url-input .block-editor-media-replace-flow__image-url-label{ + display:block; + margin-bottom:8px; + top:16px; } -.block-editor-media-flow__url-input .block-editor-link-control { - width: 220px; +.block-editor-media-flow__url-input .block-editor-link-control{ + width:220px; } -.block-editor-media-flow__url-input .block-editor-link-control .block-editor-url-input { - padding: 0; - margin: 0; +.block-editor-media-flow__url-input .block-editor-link-control .block-editor-url-input{ + margin:0; + padding:0; } -.block-editor-media-flow__url-input .block-editor-link-control .components-base-control .components-base-control__field { - margin-bottom: 0; +.block-editor-media-flow__url-input .block-editor-link-control .components-base-control .components-base-control__field{ + margin-bottom:0; } -.block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-item-title { - max-width: 180px; - white-space: nowrap; +.block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-item-title{ + max-width:180px; + white-space:nowrap; } -.block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-item-info { - white-space: nowrap; +.block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-item-info{ + white-space:nowrap; } -.block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-item.is-current { - width: auto; - padding: 0; +.block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-item.is-current{ + padding:0; + width:auto; } -.block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type=text] { - margin: 0; - width: 100%; +.block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type=text]{ + margin:0; + width:100%; } -.block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-actions { - top: 0; - left: 4px; +.block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-actions{ + left:4px; + top:0; } -.block-editor-media-flow__error { - padding: 0 20px 20px 20px; - max-width: 255px; +.block-editor-media-flow__error{ + max-width:255px; + padding:0 20px 20px; } -.block-editor-media-flow__error .components-with-notices-ui { - max-width: 255px; +.block-editor-media-flow__error .components-with-notices-ui{ + max-width:255px; } -.block-editor-media-flow__error .components-with-notices-ui .components-notice__content { - overflow: hidden; - word-wrap: break-word; +.block-editor-media-flow__error .components-with-notices-ui .components-notice__content{ + word-wrap:break-word; + overflow:hidden; } -.block-editor-media-flow__error .components-with-notices-ui .components-notice__dismiss { - position: absolute; - left: 10px; +.block-editor-media-flow__error .components-with-notices-ui .components-notice__dismiss{ + left:10px; + position:absolute; } -.block-editor-media-placeholder__url-input-container .block-editor-media-placeholder__button { - margin-bottom: 0; +.block-editor-media-placeholder__url-input-container .block-editor-media-placeholder__button{ + margin-bottom:0; } -.block-editor-media-placeholder__url-input-form { - display: flex; +.block-editor-media-placeholder__url-input-form{ + display:flex; } -.block-editor-media-placeholder__url-input-form input[type=url].block-editor-media-placeholder__url-input-field { - width: 100%; - min-width: 200px; - flex-grow: 1; - border: none; - border-radius: 0; - margin: 2px; +.block-editor-media-placeholder__url-input-form input[type=url].block-editor-media-placeholder__url-input-field{ + border:none; + border-radius:0; + flex-grow:1; + margin:2px; + min-width:200px; + width:100%; } -@media (min-width: 600px) { - .block-editor-media-placeholder__url-input-form input[type=url].block-editor-media-placeholder__url-input-field { - width: 300px; +@media (min-width:600px){ + .block-editor-media-placeholder__url-input-form input[type=url].block-editor-media-placeholder__url-input-field{ + width:300px; } } -.block-editor-media-placeholder__url-input-submit-button { - flex-shrink: 1; +.block-editor-media-placeholder__url-input-submit-button{ + flex-shrink:1; } -.block-editor-media-placeholder__button { - margin-bottom: 0.5rem; +.block-editor-media-placeholder__button{ + margin-bottom:.5rem; } -.block-editor-media-placeholder__cancel-button.is-link { - margin: 1em; - display: block; +.block-editor-media-placeholder__cancel-button.is-link{ + display:block; + margin:1em; } -.block-editor-media-placeholder.is-appender { - min-height: 0; +.block-editor-media-placeholder.is-appender{ + min-height:0; } -.block-editor-media-placeholder.is-appender:hover { - cursor: pointer; - box-shadow: 0 0 0 1px var(--wp-admin-theme-color); +.block-editor-media-placeholder.is-appender:hover{ + box-shadow:0 0 0 1px var(--wp-admin-theme-color); + cursor:pointer; } -.block-editor-multi-selection-inspector__card { - display: flex; - align-items: flex-start; - padding: 16px; +.block-editor-multi-selection-inspector__card{ + align-items:flex-start; + display:flex; + padding:16px; } -.block-editor-multi-selection-inspector__card-content { - flex-grow: 1; +.block-editor-multi-selection-inspector__card-content{ + flex-grow:1; } -.block-editor-multi-selection-inspector__card-title { - font-weight: 500; - margin-bottom: 5px; +.block-editor-multi-selection-inspector__card-title{ + font-weight:500; + margin-bottom:5px; } -.block-editor-multi-selection-inspector__card-description { - font-size: 13px; +.block-editor-multi-selection-inspector__card-description{ + font-size:13px; } -.block-editor-multi-selection-inspector__card .block-editor-block-icon { - margin-right: -2px; - margin-left: 10px; - padding: 0 3px; - width: 36px; - height: 24px; +.block-editor-multi-selection-inspector__card .block-editor-block-icon{ + height:24px; + margin-left:10px; + margin-right:-2px; + padding:0 3px; + width:36px; } -.block-editor-plain-text { - box-shadow: none; - font-family: inherit; - font-size: inherit; - color: inherit; - line-height: inherit; - border: none; - padding: 0; - margin: 0; - width: 100%; +.block-editor-plain-text{ + border:none; + box-shadow:none; + color:inherit; + font-family:inherit; + font-size:inherit; + line-height:inherit; + margin:0; + padding:0; + width:100%; } -.block-editor-responsive-block-control { - margin-bottom: 28px; - border-bottom: 1px solid #ccc; - padding-bottom: 14px; +.block-editor-responsive-block-control{ + border-bottom:1px solid #ccc; + margin-bottom:28px; + padding-bottom:14px; } -.block-editor-responsive-block-control:last-child { - padding-bottom: 0; - border-bottom: 0; +.block-editor-responsive-block-control:last-child{ + border-bottom:0; + padding-bottom:0; } -.block-editor-responsive-block-control__title { - margin: 0; - margin-bottom: 0.6em; - margin-right: -3px; +.block-editor-responsive-block-control__title{ + margin:0 -3px .6em 0; } -.block-editor-responsive-block-control__label { - font-weight: 600; - margin-bottom: 0.6em; - margin-right: -3px; +.block-editor-responsive-block-control__label{ + font-weight:600; + margin-bottom:.6em; + margin-right:-3px; } -.block-editor-responsive-block-control__inner { - margin-right: -1px; +.block-editor-responsive-block-control__inner{ + margin-right:-1px; } -.block-editor-responsive-block-control__toggle { - margin-right: 1px; +.block-editor-responsive-block-control__toggle{ + margin-right:1px; } -.block-editor-responsive-block-control .components-base-control__help { - border: 0; - clip: rect(1px, 1px, 1px, 1px); - clip-path: inset(50%); - height: 1px; - margin: -1px; - overflow: hidden; - padding: 0; - position: absolute; - width: 1px; - word-wrap: normal !important; +.block-editor-responsive-block-control .components-base-control__help{ + clip:rect(1px, 1px, 1px, 1px); + word-wrap:normal !important; + border:0; + clip-path:inset(50%); + height:1px; + margin:-1px; + overflow:hidden; + padding:0; + position:absolute; + width:1px; } -.rich-text [data-rich-text-placeholder] { - pointer-events: none; +.rich-text [data-rich-text-placeholder]{ + pointer-events:none; } -.rich-text [data-rich-text-placeholder]::after { - content: attr(data-rich-text-placeholder); - opacity: 0.62; +.rich-text [data-rich-text-placeholder]:after{ + content:attr(data-rich-text-placeholder); + opacity:.62; } -.rich-text:focus { - outline: none; +.rich-text:focus{ + outline:none; } -.rich-text:focus [data-rich-text-format-boundary] { - border-radius: 2px; +.rich-text:focus [data-rich-text-format-boundary]{ + border-radius:2px; } -.block-editor-rich-text__editable > p:first-child { - margin-top: 0; +.block-editor-rich-text__editable>p:first-child{ + margin-top:0; } -figcaption.block-editor-rich-text__editable [data-rich-text-placeholder]::before { - opacity: 0.8; +figcaption.block-editor-rich-text__editable [data-rich-text-placeholder]:before{ + opacity:.8; } -.components-popover.block-editor-rich-text__inline-format-toolbar { - z-index: 99998; +.components-popover.block-editor-rich-text__inline-format-toolbar{ + z-index:99998; } -.components-popover.block-editor-rich-text__inline-format-toolbar .components-popover__content { - width: auto; - min-width: auto; - margin-bottom: 8px; - box-shadow: none; - outline: none; +.components-popover.block-editor-rich-text__inline-format-toolbar .components-popover__content{ + box-shadow:none; + margin-bottom:8px; + min-width:auto; + outline:none; + width:auto; } -.components-popover.block-editor-rich-text__inline-format-toolbar .components-toolbar { - border-radius: 2px; +.components-popover.block-editor-rich-text__inline-format-toolbar .components-toolbar{ + border-radius:2px; } -.components-popover.block-editor-rich-text__inline-format-toolbar .components-toolbar__control, -.components-popover.block-editor-rich-text__inline-format-toolbar .components-dropdown-menu__toggle { - min-width: 48px; - min-height: 48px; - padding-right: 12px; - padding-left: 12px; +.components-popover.block-editor-rich-text__inline-format-toolbar .components-dropdown-menu__toggle,.components-popover.block-editor-rich-text__inline-format-toolbar .components-toolbar__control{ + min-height:48px; + min-width:48px; + padding-left:12px; + padding-right:12px; } -.block-editor-rich-text__inline-format-toolbar-group .components-dropdown-menu__toggle { - justify-content: center; +.block-editor-rich-text__inline-format-toolbar-group .components-dropdown-menu__toggle{ + justify-content:center; } -.show-icon-labels .block-editor-rich-text__inline-format-toolbar-group .components-button.has-icon { - width: auto; +.show-icon-labels .block-editor-rich-text__inline-format-toolbar-group .components-button.has-icon{ + width:auto; } -.show-icon-labels .block-editor-rich-text__inline-format-toolbar-group .components-button.has-icon svg { - display: none; +.show-icon-labels .block-editor-rich-text__inline-format-toolbar-group .components-button.has-icon svg{ + display:none; } -.show-icon-labels .block-editor-rich-text__inline-format-toolbar-group .components-button.has-icon::after { - content: attr(aria-label); +.show-icon-labels .block-editor-rich-text__inline-format-toolbar-group .components-button.has-icon:after{ + content:attr(aria-label); } -[data-rich-text-script] { - display: inline; +[data-rich-text-script]{ + display:inline; } -[data-rich-text-script]::before { - content: ""; - background: yellow; +[data-rich-text-script]:before{ + background:#ff0; + content:""; } -.block-editor-skip-to-selected-block { - position: absolute; - top: -9999em; +.block-editor-skip-to-selected-block{ + position:absolute; + top:-9999em; } -.block-editor-skip-to-selected-block:focus { - height: auto; - width: auto; - display: block; - font-size: 14px; - font-weight: 600; - padding: 15px 23px 14px; - background: #f1f1f1; - color: var(--wp-admin-theme-color); - line-height: normal; - box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); - text-decoration: none; - outline: none; - z-index: 100000; +.block-editor-skip-to-selected-block:focus{ + background:#f1f1f1; + box-shadow:0 0 2px 2px rgba(0,0,0,.6); + color:var(--wp-admin-theme-color); + display:block; + font-size:14px; + font-weight:600; + height:auto; + line-height:normal; + outline:none; + padding:15px 23px 14px; + text-decoration:none; + width:auto; + z-index:100000; } -.block-editor-text-decoration-control { - border: 0; - margin: 0; - padding: 0; +.block-editor-text-decoration-control{ + border:0; + margin:0; + padding:0; } -.block-editor-text-decoration-control .block-editor-text-decoration-control__buttons { - padding: 4px 0; - display: flex; +.block-editor-text-decoration-control .block-editor-text-decoration-control__buttons{ + display:flex; + padding:4px 0; } -.block-editor-text-decoration-control .components-button.has-icon { - height: 32px; - margin-left: 4px; - min-width: 32px; - padding: 0; +.block-editor-text-decoration-control .components-button.has-icon{ + height:32px; + margin-left:4px; + min-width:32px; + padding:0; } -.block-editor-text-transform-control { - border: 0; - margin: 0; - padding: 0; +.block-editor-text-transform-control{ + border:0; + margin:0; + padding:0; } -.block-editor-text-transform-control .block-editor-text-transform-control__buttons { - padding: 4px 0; - display: flex; +.block-editor-text-transform-control .block-editor-text-transform-control__buttons{ + display:flex; + padding:4px 0; } -.block-editor-text-transform-control .components-button.has-icon { - height: 32px; - margin-left: 4px; - min-width: 32px; - padding: 0; -} - -.block-editor-tool-selector__help { - margin-top: 8px; - margin-right: -8px; - margin-left: -8px; - margin-bottom: -8px; - padding: 16px; - border-top: 1px solid #ddd; - color: #757575; - min-width: 280px; -} - -.block-editor-block-list__block .block-editor-url-input, -.components-popover .block-editor-url-input, -.block-editor-url-input { - flex-grow: 1; - position: relative; - padding: 1px; -} -.block-editor-block-list__block .block-editor-url-input input[type=text], -.components-popover .block-editor-url-input input[type=text], -.block-editor-url-input input[type=text] { - width: 100%; - padding: 8px 12px 8px 8px; - border: none; - border-radius: 0; - margin-right: 0; - margin-left: 0; - /* Fonts smaller than 16px causes mobile safari to zoom. */ - font-size: 16px; -} -@media (min-width: 600px) { - .block-editor-block-list__block .block-editor-url-input input[type=text], -.components-popover .block-editor-url-input input[type=text], -.block-editor-url-input input[type=text] { - width: 300px; - } +.block-editor-text-transform-control .components-button.has-icon{ + height:32px; + margin-left:4px; + min-width:32px; + padding:0; +} + +.block-editor-tool-selector__help{ + border-top:1px solid #ddd; + color:#757575; + margin:8px -8px -8px; + min-width:280px; + padding:16px; +} + +.block-editor-block-list__block .block-editor-url-input,.block-editor-url-input,.components-popover .block-editor-url-input{ + flex-grow:1; + padding:1px; + position:relative; +} +.block-editor-block-list__block .block-editor-url-input input[type=text],.block-editor-url-input input[type=text],.components-popover .block-editor-url-input input[type=text]{ + border:none; + border-radius:0; + font-size:16px; + margin-left:0; + margin-right:0; + padding:8px 12px 8px 8px; + width:100%; } -@media (min-width: 600px) { - .block-editor-block-list__block .block-editor-url-input input[type=text], -.components-popover .block-editor-url-input input[type=text], -.block-editor-url-input input[type=text] { - font-size: 13px; +@media (min-width:600px){ + .block-editor-block-list__block .block-editor-url-input input[type=text],.block-editor-url-input input[type=text],.components-popover .block-editor-url-input input[type=text]{ + font-size:13px; + width:300px; } } -.block-editor-block-list__block .block-editor-url-input input[type=text]::-ms-clear, -.components-popover .block-editor-url-input input[type=text]::-ms-clear, -.block-editor-url-input input[type=text]::-ms-clear { - display: none; -} -.block-editor-block-list__block .block-editor-url-input.is-full-width, -.components-popover .block-editor-url-input.is-full-width, -.block-editor-url-input.is-full-width { - width: 100%; -} -.block-editor-block-list__block .block-editor-url-input.is-full-width .block-editor-url-input__input[type=text], -.components-popover .block-editor-url-input.is-full-width .block-editor-url-input__input[type=text], -.block-editor-url-input.is-full-width .block-editor-url-input__input[type=text] { - width: 100%; -} -.block-editor-block-list__block .block-editor-url-input.is-full-width__suggestions, -.components-popover .block-editor-url-input.is-full-width__suggestions, -.block-editor-url-input.is-full-width__suggestions { - width: 100%; -} -.block-editor-block-list__block .block-editor-url-input .components-spinner, -.components-popover .block-editor-url-input .components-spinner, -.block-editor-url-input .components-spinner { - position: absolute; - margin: 0; - top: calc(50% - 16px / 2); - left: 8px; -} - -.block-editor-url-input__input[type=text] { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - padding: 6px 8px; - box-shadow: 0 0 0 transparent; - transition: box-shadow 0.1s linear; - border-radius: 2px; - border: 1px solid #757575; - /* Fonts smaller than 16px causes mobile safari to zoom. */ - font-size: 16px; - /* Override core line-height. To be reviewed. */ - line-height: normal; -} -@media (prefers-reduced-motion: reduce) { - .block-editor-url-input__input[type=text] { - transition-duration: 0s; - transition-delay: 0s; +.block-editor-block-list__block .block-editor-url-input input[type=text]::-ms-clear,.block-editor-url-input input[type=text]::-ms-clear,.components-popover .block-editor-url-input input[type=text]::-ms-clear{ + display:none; +} +.block-editor-block-list__block .block-editor-url-input.is-full-width,.block-editor-block-list__block .block-editor-url-input.is-full-width .block-editor-url-input__input[type=text],.block-editor-block-list__block .block-editor-url-input.is-full-width__suggestions,.block-editor-url-input.is-full-width,.block-editor-url-input.is-full-width .block-editor-url-input__input[type=text],.block-editor-url-input.is-full-width__suggestions,.components-popover .block-editor-url-input.is-full-width,.components-popover .block-editor-url-input.is-full-width .block-editor-url-input__input[type=text],.components-popover .block-editor-url-input.is-full-width__suggestions{ + width:100%; +} +.block-editor-block-list__block .block-editor-url-input .components-spinner,.block-editor-url-input .components-spinner,.components-popover .block-editor-url-input .components-spinner{ + left:8px; + margin:0; + position:absolute; + top:calc(50% - 8px); +} + +.block-editor-url-input__input[type=text]{ + border:1px solid #757575; + border-radius:2px; + box-shadow:0 0 0 transparent; + font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; + font-size:16px; + line-height:normal; + padding:6px 8px; + transition:box-shadow .1s linear; +} +@media (prefers-reduced-motion:reduce){ + .block-editor-url-input__input[type=text]{ + transition-delay:0s; + transition-duration:0s; } } -@media (min-width: 600px) { - .block-editor-url-input__input[type=text] { - font-size: 13px; - /* Override core line-height. To be reviewed. */ - line-height: normal; +@media (min-width:600px){ + .block-editor-url-input__input[type=text]{ + font-size:13px; + line-height:normal; } } -.block-editor-url-input__input[type=text]:focus { - border-color: var(--wp-admin-theme-color); - box-shadow: 0 0 0 1px var(--wp-admin-theme-color); - outline: 2px solid transparent; +.block-editor-url-input__input[type=text]:focus{ + border-color:var(--wp-admin-theme-color); + box-shadow:0 0 0 1px var(--wp-admin-theme-color); + outline:2px solid transparent; } -.block-editor-url-input__input[type=text]::-webkit-input-placeholder { - color: rgba(30, 30, 30, 0.62); +.block-editor-url-input__input[type=text]::-webkit-input-placeholder{ + color:rgba(30,30,30,.62); } -.block-editor-url-input__input[type=text]::-moz-placeholder { - opacity: 1; - color: rgba(30, 30, 30, 0.62); +.block-editor-url-input__input[type=text]::-moz-placeholder{ + color:rgba(30,30,30,.62); + opacity:1; } -.block-editor-url-input__input[type=text]:-ms-input-placeholder { - color: rgba(30, 30, 30, 0.62); +.block-editor-url-input__input[type=text]:-ms-input-placeholder{ + color:rgba(30,30,30,.62); } -.block-editor-url-input__suggestions { - max-height: 200px; - transition: all 0.15s ease-in-out; - padding: 4px 0; - width: 302px; - overflow-y: auto; +.block-editor-url-input__suggestions{ + max-height:200px; + overflow-y:auto; + padding:4px 0; + transition:all .15s ease-in-out; + width:302px; } -@media (prefers-reduced-motion: reduce) { - .block-editor-url-input__suggestions { - transition-duration: 0s; - transition-delay: 0s; +@media (prefers-reduced-motion:reduce){ + .block-editor-url-input__suggestions{ + transition-delay:0s; + transition-duration:0s; } } -.block-editor-url-input__suggestions, -.block-editor-url-input .components-spinner { - display: none; +.block-editor-url-input .components-spinner,.block-editor-url-input__suggestions{ + display:none; } -@media (min-width: 600px) { - .block-editor-url-input__suggestions, -.block-editor-url-input .components-spinner { - display: grid; +@media (min-width:600px){ + .block-editor-url-input .components-spinner,.block-editor-url-input__suggestions{ + display:grid; } } -.block-editor-url-input__suggestion { - min-height: 36px; - height: auto; - color: #757575; - display: block; - font-size: 13px; - cursor: pointer; - background: #fff; - width: 100%; - border: none; - text-align: right; - box-shadow: none; +.block-editor-url-input__suggestion{ + background:#fff; + border:none; + box-shadow:none; + color:#757575; + cursor:pointer; + display:block; + font-size:13px; + height:auto; + min-height:36px; + text-align:right; + width:100%; } -.block-editor-url-input__suggestion:hover { - background: #ddd; +.block-editor-url-input__suggestion:hover{ + background:#ddd; } -.block-editor-url-input__suggestion:focus, .block-editor-url-input__suggestion.is-selected { - background: var(--wp-admin-theme-color-darker-20); - color: #fff; - outline: none; +.block-editor-url-input__suggestion.is-selected,.block-editor-url-input__suggestion:focus{ + background:var(--wp-admin-theme-color-darker-20); + color:#fff; + outline:none; } -.components-toolbar-group > .block-editor-url-input__button, -.components-toolbar > .block-editor-url-input__button { - position: inherit; +.components-toolbar-group>.block-editor-url-input__button,.components-toolbar>.block-editor-url-input__button{ + position:inherit; } -.block-editor-url-input__button .block-editor-url-input__back { - margin-left: 4px; - overflow: visible; +.block-editor-url-input__button .block-editor-url-input__back{ + margin-left:4px; + overflow:visible; } -.block-editor-url-input__button .block-editor-url-input__back::after { - content: ""; - position: absolute; - display: block; - width: 1px; - height: 24px; - left: -1px; - background: #ddd; +.block-editor-url-input__button .block-editor-url-input__back:after{ + background:#ddd; + content:""; + display:block; + height:24px; + left:-1px; + position:absolute; + width:1px; } -.block-editor-url-input__button-modal { - box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); - border: 1px solid #ddd; - background: #fff; +.block-editor-url-input__button-modal{ + background:#fff; + border:1px solid #ddd; + box-shadow:0 2px 6px rgba(0,0,0,.05); } -.block-editor-url-input__button-modal-line { - display: flex; - flex-direction: row; - flex-grow: 1; - flex-shrink: 1; - min-width: 0; - align-items: flex-start; +.block-editor-url-input__button-modal-line{ + align-items:flex-start; + display:flex; + flex-direction:row; + flex-grow:1; + flex-shrink:1; + min-width:0; } -.block-editor-url-input__button-modal-line .components-button { - flex-shrink: 0; - width: 36px; - height: 36px; +.block-editor-url-input__button-modal-line .components-button{ + flex-shrink:0; + height:36px; + width:36px; } -.block-editor-url-popover__additional-controls { - border-top: 1px solid #ddd; +.block-editor-url-popover__additional-controls{ + border-top:1px solid #ddd; } -.block-editor-url-popover__additional-controls > div[role=menu] .components-button:not(:disabled):not([aria-disabled=true]):not(.is-secondary) > svg { - box-shadow: none; +.block-editor-url-popover__additional-controls>div[role=menu] .components-button:not(:disabled):not([aria-disabled=true]):not(.is-secondary)>svg{ + box-shadow:none; } -.block-editor-url-popover__additional-controls div[role=menu] > .components-button { - padding-right: 12px; +.block-editor-url-popover__additional-controls div[role=menu]>.components-button{ + padding-right:12px; } -.block-editor-url-popover__row { - display: flex; +.block-editor-url-popover__row{ + display:flex; } -.block-editor-url-popover__row > :not(.block-editor-url-popover__settings-toggle) { - flex-grow: 1; +.block-editor-url-popover__row>:not(.block-editor-url-popover__settings-toggle){ + flex-grow:1; } -.block-editor-url-popover .components-button.has-icon { - padding: 3px; +.block-editor-url-popover .components-button.has-icon{ + padding:3px; } -.block-editor-url-popover .components-button.has-icon > svg { - padding: 5px; - border-radius: 2px; - height: 30px; - width: 30px; +.block-editor-url-popover .components-button.has-icon>svg{ + border-radius:2px; + height:30px; + padding:5px; + width:30px; } -.block-editor-url-popover .components-button.has-icon:not(:disabled):focus { - box-shadow: none; +.block-editor-url-popover .components-button.has-icon:not(:disabled):focus{ + box-shadow:none; } -.block-editor-url-popover .components-button.has-icon:not(:disabled):focus > svg { - box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 0 0 4px #fff; - outline: 2px solid transparent; +.block-editor-url-popover .components-button.has-icon:not(:disabled):focus>svg{ + box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 0 0 4px #fff; + outline:2px solid transparent; } -.block-editor-url-popover__settings-toggle { - flex-shrink: 0; - border-radius: 0; - border-right: 1px solid #ddd; - margin-right: 1px; +.block-editor-url-popover__settings-toggle{ + border-radius:0; + border-right:1px solid #ddd; + flex-shrink:0; + margin-right:1px; } -.block-editor-url-popover__settings-toggle[aria-expanded=true] .dashicon { - transform: rotate(-180deg); +.block-editor-url-popover__settings-toggle[aria-expanded=true] .dashicon{ + transform:rotate(-180deg); } -.block-editor-url-popover__input-container .components-base-control:last-child, -.block-editor-url-popover__input-container .components-base-control:last-child .components-base-control__field { - margin-bottom: 0; +.block-editor-url-popover__input-container .components-base-control:last-child,.block-editor-url-popover__input-container .components-base-control:last-child .components-base-control__field{ + margin-bottom:0; } -.block-editor-url-popover__settings { - display: block; - padding: 16px; - border-top: 1px solid #ddd; +.block-editor-url-popover__settings{ + border-top:1px solid #ddd; + display:block; + padding:16px; } -.block-editor-url-popover__link-editor, -.block-editor-url-popover__link-viewer { - display: flex; +.block-editor-url-popover__link-editor,.block-editor-url-popover__link-viewer{ + display:flex; } -.block-editor-url-popover__link-editor .block-editor-url-input .components-base-control__field, -.block-editor-url-popover__link-viewer .block-editor-url-input .components-base-control__field { - margin-bottom: 0; +.block-editor-url-popover__link-editor .block-editor-url-input .components-base-control__field,.block-editor-url-popover__link-viewer .block-editor-url-input .components-base-control__field{ + margin-bottom:0; } -.block-editor-url-popover__link-viewer-url { - margin: 7px; - flex-grow: 1; - flex-shrink: 1; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - min-width: 150px; - max-width: 500px; +.block-editor-url-popover__link-viewer-url{ + flex-grow:1; + flex-shrink:1; + margin:7px; + max-width:500px; + min-width:150px; + overflow:hidden; + text-overflow:ellipsis; + white-space:nowrap; } -.block-editor-url-popover__link-viewer-url.has-invalid-link { - color: #cc1818; +.block-editor-url-popover__link-viewer-url.has-invalid-link{ + color:#cc1818; } -.block-editor-warning { - align-items: center; - display: flex; - flex-wrap: wrap; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - padding: 1em; - border: 1px solid #1e1e1e; - border-radius: 2px; - background-color: #fff; +.block-editor-warning{ + align-items:center; + background-color:#fff; + border:1px solid #1e1e1e; + border-radius:2px; + display:flex; + flex-wrap:wrap; + padding:1em; } -.block-editor-warning .block-editor-warning__message { - line-height: 1.4; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - font-size: 13px; - color: #1e1e1e; - margin: 0; +.block-editor-warning,.block-editor-warning .block-editor-warning__message{ + font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; } -.block-editor-warning p.block-editor-warning__message.block-editor-warning__message { - min-height: auto; +.block-editor-warning .block-editor-warning__message{ + color:#1e1e1e; + font-size:13px; + line-height:1.4; + margin:0; } -.block-editor-warning .block-editor-warning__contents { - display: flex; - flex-direction: row; - justify-content: space-between; - flex-wrap: wrap; - align-items: baseline; - width: 100%; +.block-editor-warning p.block-editor-warning__message.block-editor-warning__message{ + min-height:auto; } -.block-editor-warning .block-editor-warning__actions { - display: flex; - margin-top: 1em; +.block-editor-warning .block-editor-warning__contents{ + align-items:baseline; + display:flex; + flex-direction:row; + flex-wrap:wrap; + justify-content:space-between; + width:100%; } -.block-editor-warning .block-editor-warning__action { - margin: 0 0 0 8px; +.block-editor-warning .block-editor-warning__actions{ + display:flex; + margin-top:1em; } - -.block-editor-warning__secondary { - margin: auto 8px auto 0; -} - -.components-popover.block-editor-warning__dropdown { - z-index: 99998; +.block-editor-warning .block-editor-warning__action{ + margin:0 0 0 8px; } -.html-anchor-control .components-external-link { - display: block; - margin-top: 8px; +.block-editor-warning__secondary{ + margin:auto 8px auto 0; } -.block-editor-hooks__layout-controls { - display: flex; - margin-bottom: 8px; -} -.block-editor-hooks__layout-controls .block-editor-hooks__layout-controls-unit { - display: flex; - margin-left: 24px; -} -.block-editor-hooks__layout-controls .block-editor-hooks__layout-controls-unit svg { - margin: auto 8px 4px 0; +.components-popover.block-editor-warning__dropdown{ + z-index:99998; } -.block-editor-hooks__layout-controls-reset { - display: flex; - justify-content: flex-end; - margin-bottom: 24px; +.html-anchor-control .components-external-link{ + display:block; + margin-top:8px; } -.block-editor-hooks__layout-controls-helptext { - color: #757575; - font-size: 12px; - margin-bottom: 16px; +.block-editor-hooks__layout-controls{ + display:flex; + margin-bottom:8px; } - -.block-editor-hooks__flex-layout-justification-controls, -.block-editor-hooks__flex-layout-orientation-controls { - margin-bottom: 12px; +.block-editor-hooks__layout-controls .block-editor-hooks__layout-controls-unit{ + display:flex; + margin-left:24px; } -.block-editor-hooks__flex-layout-justification-controls legend, -.block-editor-hooks__flex-layout-orientation-controls legend { - margin-bottom: 8px; +.block-editor-hooks__layout-controls .block-editor-hooks__layout-controls-unit svg{ + margin:auto 8px 4px 0; } -.block-editor-hooks__toggle-control.block-editor-hooks__toggle-control { - margin-bottom: 16px; +.block-editor-hooks__layout-controls-reset{ + display:flex; + justify-content:flex-end; + margin-bottom:24px; } -.border-block-support-panel .single-column { - grid-column: span 1; +.block-editor-hooks__layout-controls-helptext{ + color:#757575; + font-size:12px; + margin-bottom:16px; } -.dimensions-block-support-panel .single-column { - grid-column: span 1; +.block-editor-hooks__flex-layout-justification-controls,.block-editor-hooks__flex-layout-orientation-controls{ + margin-bottom:12px; +} +.block-editor-hooks__flex-layout-justification-controls legend,.block-editor-hooks__flex-layout-orientation-controls legend{ + margin-bottom:8px; } -.typography-block-support-panel .single-column { - grid-column: span 1; +.block-editor-hooks__toggle-control.block-editor-hooks__toggle-control{ + margin-bottom:16px; } -.color-block-support-panel { - /* Increased specificity required to remove the slot wrapper's row gap */ - /** - * After converting PanelColorGradientSettings to render as a ToolsPanel - * we need to remove the top margin when wrapping inner content due to - * rendering via SlotFills. - */ +.border-block-support-panel .single-column,.dimensions-block-support-panel .single-column,.typography-block-support-panel .single-column{ + grid-column:span 1; } -.color-block-support-panel .block-editor-contrast-checker { - /** - * Contrast checkers are forced to the bottom of the panel so all - * injected color controls can appear as a single item group without - * the contrast checkers suddenly appearing between items. - */ - order: 9999; - grid-column: span 2; - margin-top: 16px; +.color-block-support-panel .block-editor-contrast-checker{ + grid-column:span 2; + margin-top:16px; + order:9999; } -.color-block-support-panel .block-editor-contrast-checker .components-notice__content { - margin-left: 0; +.color-block-support-panel .block-editor-contrast-checker .components-notice__content{ + margin-left:0; } -.color-block-support-panel.color-block-support-panel .color-block-support-panel__inner-wrapper { - row-gap: 0; +.color-block-support-panel.color-block-support-panel .color-block-support-panel__inner-wrapper{ + row-gap:0; } -.color-block-support-panel .block-editor-tools-panel-color-gradient-settings__item.first { - margin-top: 0; +.color-block-support-panel .block-editor-tools-panel-color-gradient-settings__item.first{ + margin-top:0; } -.block-editor__padding-visualizer { - position: absolute; - top: 0; - bottom: 0; - right: 0; - left: 0; - opacity: 0.5; - border-color: var(--wp-admin-theme-color); - border-style: solid; - pointer-events: none; - box-sizing: border-box; +.block-editor__padding-visualizer{ + border-color:var(--wp-admin-theme-color); + border-style:solid; + bottom:0; + box-sizing:border-box; + left:0; + opacity:.5; + pointer-events:none; + position:absolute; + right:0; + top:0; } - -/** - * Block Toolbar - */ -.block-editor-block-toolbar { - display: flex; - flex-grow: 1; - width: 100%; - position: relative; - overflow-y: hidden; - overflow-x: auto; - transition: border-color 0.1s linear, box-shadow 0.1s linear; +.block-editor-block-toolbar{ + display:flex; + flex-grow:1; + overflow-x:auto; + overflow-y:hidden; + position:relative; + transition:border-color .1s linear,box-shadow .1s linear; + width:100%; } -@media (prefers-reduced-motion: reduce) { - .block-editor-block-toolbar { - transition-duration: 0s; - transition-delay: 0s; +@media (prefers-reduced-motion:reduce){ + .block-editor-block-toolbar{ + transition-delay:0s; + transition-duration:0s; } } -@media (min-width: 600px) { - .block-editor-block-toolbar { - overflow: inherit; +@media (min-width:600px){ + .block-editor-block-toolbar{ + overflow:inherit; } } -.block-editor-block-toolbar .components-toolbar-group, -.block-editor-block-toolbar .components-toolbar { - background: none; - line-height: 0; - margin-top: -1px; - margin-bottom: -1px; - border: 0; - border-left: 1px solid #ddd; +.block-editor-block-toolbar .components-toolbar,.block-editor-block-toolbar .components-toolbar-group{ + background:none; + border:0; + border-left:1px solid #ddd; + line-height:0; + margin-bottom:-1px; + margin-top:-1px; } -.block-editor-block-toolbar > :last-child, -.block-editor-block-toolbar > :last-child .components-toolbar-group, -.block-editor-block-toolbar > :last-child .components-toolbar { - border-left: none; +.block-editor-block-toolbar>:last-child,.block-editor-block-toolbar>:last-child .components-toolbar,.block-editor-block-toolbar>:last-child .components-toolbar-group{ + border-left:none; } -.block-editor-block-contextual-toolbar.has-parent:not(.is-fixed) { - margin-right: calc(48px + 8px); +.block-editor-block-contextual-toolbar.has-parent:not(.is-fixed){ + margin-right:56px; } -.show-icon-labels .block-editor-block-contextual-toolbar.has-parent:not(.is-fixed) { - margin-right: 0; +.show-icon-labels .block-editor-block-contextual-toolbar.has-parent:not(.is-fixed){ + margin-right:0; } -.block-editor-block-parent-selector { - position: absolute; - top: -1px; - right: calc(-48px - 8px - 1px); +.block-editor-block-parent-selector{ + position:absolute; + right:-57px; + top:-1px; } -.show-icon-labels .block-editor-block-parent-selector { - position: relative; - right: auto; - top: auto; - margin-top: -1px; - margin-right: -1px; - margin-bottom: -1px; +.show-icon-labels .block-editor-block-parent-selector{ + margin-bottom:-1px; + margin-right:-1px; + margin-top:-1px; + position:relative; + right:auto; + top:auto; } -.block-editor-block-toolbar__block-controls .block-editor-block-switcher .components-dropdown-menu__toggle .block-editor-block-icon, -.block-editor-block-toolbar__block-controls .block-editor-block-switcher__no-switcher-icon .block-editor-block-icon { - width: 24px !important; - margin: 0 !important; +.block-editor-block-toolbar__block-controls .block-editor-block-switcher .components-dropdown-menu__toggle .block-editor-block-icon,.block-editor-block-toolbar__block-controls .block-editor-block-switcher__no-switcher-icon .block-editor-block-icon{ + margin:0 !important; + width:24px !important; } -.block-editor-block-toolbar__block-controls .block-editor-block-lock-toolbar { - margin-right: -6px !important; +.block-editor-block-toolbar__block-controls .block-editor-block-lock-toolbar{ + margin-right:-6px !important; } -.block-editor-block-toolbar__block-controls .components-toolbar-group { - padding: 0; +.block-editor-block-toolbar__block-controls .components-toolbar-group{ + padding:0; } -.block-editor-block-toolbar .components-toolbar-group, -.block-editor-block-toolbar .components-toolbar, -.block-editor-rich-text__inline-format-toolbar-group .components-toolbar-group, -.block-editor-rich-text__inline-format-toolbar-group .components-toolbar { - display: flex; - flex-wrap: nowrap; +.block-editor-block-toolbar .components-toolbar,.block-editor-block-toolbar .components-toolbar-group,.block-editor-rich-text__inline-format-toolbar-group .components-toolbar,.block-editor-rich-text__inline-format-toolbar-group .components-toolbar-group{ + display:flex; + flex-wrap:nowrap; } -.block-editor-block-toolbar__slot { - display: inline-block; - line-height: 0; +.block-editor-block-toolbar__slot{ + display:inline-block; + line-height:0; } -@supports (position: sticky) { - .block-editor-block-toolbar__slot { - display: inline-flex; +@supports (position:sticky){ + .block-editor-block-toolbar__slot{ + display:inline-flex; } } -.show-icon-labels .block-editor-block-toolbar .components-button.has-icon { - width: auto; +.show-icon-labels .block-editor-block-toolbar .components-button.has-icon{ + width:auto; } -.show-icon-labels .block-editor-block-toolbar .components-button.has-icon svg { - display: none; +.show-icon-labels .block-editor-block-toolbar .components-button.has-icon svg{ + display:none; } -.show-icon-labels .block-editor-block-toolbar .components-button.has-icon::after { - content: attr(aria-label); - font-size: 12px; +.show-icon-labels .block-editor-block-toolbar .components-button.has-icon:after{ + content:attr(aria-label); + font-size:12px; } -.show-icon-labels .components-accessible-toolbar .components-toolbar-group > div:first-child:last-child > .components-button.has-icon { - padding-right: 6px; - padding-left: 6px; +.show-icon-labels .components-accessible-toolbar .components-toolbar-group>div:first-child:last-child>.components-button.has-icon{ + padding-left:6px; + padding-right:6px; } -.show-icon-labels .block-editor-block-switcher { - border-left: 1px solid #1e1e1e; +.show-icon-labels .block-editor-block-switcher{ + border-left:1px solid #1e1e1e; } -.show-icon-labels .block-editor-block-switcher .components-dropdown-menu__toggle { - margin-right: 0; +.show-icon-labels .block-editor-block-switcher .components-dropdown-menu__toggle{ + margin-right:0; } -.show-icon-labels .block-editor-block-switcher .components-dropdown-menu__toggle .block-editor-block-icon, -.show-icon-labels .block-editor-block-switcher__no-switcher-icon .block-editor-block-icon { - width: 0 !important; - height: 0 !important; +.show-icon-labels .block-editor-block-switcher .components-dropdown-menu__toggle .block-editor-block-icon,.show-icon-labels .block-editor-block-switcher__no-switcher-icon .block-editor-block-icon{ + height:0 !important; + width:0 !important; } -.show-icon-labels .block-editor-block-parent-selector__button .block-editor-block-icon { - width: 0; +.show-icon-labels .block-editor-block-parent-selector__button .block-editor-block-icon{ + width:0; } -.show-icon-labels .block-editor-block-toolbar__block-controls .block-editor-block-mover { - margin-right: 0; - white-space: nowrap; +.show-icon-labels .block-editor-block-toolbar__block-controls .block-editor-block-mover{ + margin-right:0; + white-space:nowrap; } -.show-icon-labels .block-editor-block-mover-button { - padding-right: 8px !important; - padding-left: 8px !important; +.show-icon-labels .block-editor-block-mover-button{ + padding-left:8px !important; + padding-right:8px !important; } -.show-icon-labels .block-editor-block-mover__drag-handle.has-icon { - padding-right: 6px !important; - padding-left: 6px !important; - border-left: 1px solid #1e1e1e; +.show-icon-labels .block-editor-block-mover__drag-handle.has-icon{ + border-left:1px solid #1e1e1e; + padding-left:6px !important; + padding-right:6px !important; } -@media (min-width: 600px) { - .show-icon-labels .is-up-button.is-up-button.is-up-button { - border-bottom: 1px solid #1e1e1e; - margin-left: 0; - border-radius: 0; +@media (min-width:600px){ + .show-icon-labels .is-up-button.is-up-button.is-up-button{ + border-bottom:1px solid #1e1e1e; + border-radius:0; + margin-left:0; } } -.show-icon-labels .block-editor-block-contextual-toolbar .block-editor-block-mover.is-horizontal .block-editor-block-mover-button.block-editor-block-mover-button { - width: auto; +.show-icon-labels .block-editor-block-contextual-toolbar .block-editor-block-mover.is-horizontal .block-editor-block-mover-button.block-editor-block-mover-button{ + width:auto; } -.show-icon-labels .components-toolbar, -.show-icon-labels .components-toolbar-group { - flex-shrink: 1; +.show-icon-labels .components-toolbar,.show-icon-labels .components-toolbar-group{ + flex-shrink:1; } -.show-icon-labels .block-editor-rich-text__inline-format-toolbar-group .components-button + .components-button { - margin-right: 6px; +.show-icon-labels .block-editor-rich-text__inline-format-toolbar-group .components-button+.components-button{ + margin-right:6px; } -.block-editor-inserter { - display: inline-block; - background: none; - border: none; - padding: 0; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - font-size: 13px; - line-height: 0; +.block-editor-inserter{ + background:none; + border:none; + display:inline-block; + font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; + font-size:13px; + line-height:0; + padding:0; } -@media (min-width: 782px) { - .block-editor-inserter { - position: relative; +@media (min-width:782px){ + .block-editor-inserter{ + position:relative; } } -.block-editor-inserter__main-area { - position: relative; - display: flex; - flex-direction: column; - height: 100%; - gap: 16px; - width: auto; +.block-editor-inserter__main-area{ + display:flex; + flex-direction:column; + gap:16px; + height:100%; + position:relative; + width:auto; } -@media (min-width: 782px) { - .block-editor-inserter__main-area { - width: 350px; +@media (min-width:782px){ + .block-editor-inserter__main-area{ + width:350px; } } -.block-editor-inserter__main-area.show-as-tabs { - gap: 0; +.block-editor-inserter__main-area.show-as-tabs{ + gap:0; } -.block-editor-inserter__popover.is-quick .components-popover__content { - border: none; - outline: none; +.block-editor-inserter__popover.is-quick .components-popover__content{ + border:none; + outline:none; } -.block-editor-inserter__popover.is-quick .components-popover__content .block-editor-inserter__quick-inserter > * { - border-right: 1px solid #ccc; - border-left: 1px solid #ccc; +.block-editor-inserter__popover.is-quick .components-popover__content .block-editor-inserter__quick-inserter>*{ + border-left:1px solid #ccc; + border-right:1px solid #ccc; } -.block-editor-inserter__popover.is-quick .components-popover__content .block-editor-inserter__quick-inserter > *:first-child { - border-top: 1px solid #ccc; +.block-editor-inserter__popover.is-quick .components-popover__content .block-editor-inserter__quick-inserter>:first-child{ + border-top:1px solid #ccc; } -.block-editor-inserter__popover.is-quick .components-popover__content .block-editor-inserter__quick-inserter > *:last-child { - border-bottom: 1px solid #ccc; +.block-editor-inserter__popover.is-quick .components-popover__content .block-editor-inserter__quick-inserter>:last-child{ + border-bottom:1px solid #ccc; } -.block-editor-inserter__popover.is-quick .components-popover__content .block-editor-inserter__quick-inserter > *.components-button { - border: 1px solid #1e1e1e; +.block-editor-inserter__popover.is-quick .components-popover__content .block-editor-inserter__quick-inserter>.components-button{ + border:1px solid #1e1e1e; } -.block-editor-inserter__popover .block-editor-inserter__menu { - margin: -12px; +.block-editor-inserter__popover .block-editor-inserter__menu{ + margin:-12px; } -.block-editor-inserter__popover .block-editor-inserter__menu .block-editor-inserter__tabs .components-tab-panel__tabs { - top: 60px; +.block-editor-inserter__popover .block-editor-inserter__menu .block-editor-inserter__tabs .components-tab-panel__tabs{ + top:60px; } -.block-editor-inserter__popover .block-editor-inserter__menu .block-editor-inserter__main-area { - overflow: visible; - height: auto; +.block-editor-inserter__popover .block-editor-inserter__menu .block-editor-inserter__main-area{ + height:auto; + overflow:visible; } -.block-editor-inserter__popover .block-editor-inserter__menu .block-editor-inserter__preview-container { - display: none; +.block-editor-inserter__popover .block-editor-inserter__menu .block-editor-inserter__preview-container{ + display:none; } -.block-editor-inserter__toggle.components-button { - display: inline-flex; - align-items: center; - cursor: pointer; - border: none; - outline: none; - padding: 0; - transition: color 0.2s ease; +.block-editor-inserter__toggle.components-button{ + align-items:center; + border:none; + cursor:pointer; + display:inline-flex; + outline:none; + padding:0; + transition:color .2s ease; } -@media (prefers-reduced-motion: reduce) { - .block-editor-inserter__toggle.components-button { - transition-duration: 0s; - transition-delay: 0s; +@media (prefers-reduced-motion:reduce){ + .block-editor-inserter__toggle.components-button{ + transition-delay:0s; + transition-duration:0s; } } -.block-editor-inserter__menu { - height: 100%; - position: relative; - overflow: visible; +.block-editor-inserter__menu{ + height:100%; + overflow:visible; + position:relative; } -.block-editor-inserter__inline-elements { - margin-top: -1px; +.block-editor-inserter__inline-elements{ + margin-top:-1px; } -.block-editor-inserter__menu.is-bottom::after { - border-bottom-color: #fff; +.block-editor-inserter__menu.is-bottom:after{ + border-bottom-color:#fff; } -.components-popover.block-editor-inserter__popover { - z-index: 99999; +.components-popover.block-editor-inserter__popover{ + z-index:99999; } -.block-editor-inserter__search { - padding: 16px 16px 0 16px; +.block-editor-inserter__search{ + padding:16px 16px 0; } -.block-editor-inserter__search .components-search-control__icon { - left: 20px; +.block-editor-inserter__search .components-search-control__icon{ + left:20px; } -.block-editor-inserter__search .components-base-control__field { - margin-bottom: 0; +.block-editor-inserter__search .components-base-control__field{ + margin-bottom:0; } -.block-editor-inserter__tabs { - flex-grow: 1; - display: flex; - flex-direction: column; - overflow: hidden; +.block-editor-inserter__tabs{ + display:flex; + flex-direction:column; + flex-grow:1; + overflow:hidden; } -.block-editor-inserter__tabs .components-tab-panel__tabs { - border-bottom: 1px solid #ddd; +.block-editor-inserter__tabs .components-tab-panel__tabs{ + border-bottom:1px solid #ddd; } -.block-editor-inserter__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item { - flex-grow: 1; - margin-bottom: -1px; +.block-editor-inserter__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item{ + flex-grow:1; + margin-bottom:-1px; } -.block-editor-inserter__tabs .components-tab-panel__tab-content { - display: flex; - flex-grow: 1; - flex-direction: column; - overflow-y: auto; +.block-editor-inserter__tabs .components-tab-panel__tab-content{ + display:flex; + flex-direction:column; + flex-grow:1; + overflow-y:auto; } -.block-editor-inserter__no-tab-container { - overflow-y: auto; - flex-grow: 1; +.block-editor-inserter__no-tab-container{ + flex-grow:1; + overflow-y:auto; } -.block-editor-inserter__panel-header { - display: inline-flex; - align-items: center; - padding: 16px 16px 0; +.block-editor-inserter__panel-header{ + align-items:center; + display:inline-flex; + padding:16px 16px 0; } -.block-editor-inserter__panel-header-patterns { - padding: 16px 16px 0; +.block-editor-inserter__panel-header-patterns{ + padding:16px 16px 0; } -.block-editor-inserter__panel-content { - padding: 16px; +.block-editor-inserter__panel-content{ + padding:16px; } -.block-editor-inserter__panel-title, -.block-editor-inserter__panel-title button { - margin: 0 0 0 12px; - color: #757575; - text-transform: uppercase; - font-size: 11px; - font-weight: 500; +.block-editor-inserter__panel-title,.block-editor-inserter__panel-title button{ + color:#757575; + font-size:11px; + font-weight:500; + margin:0 0 0 12px; + text-transform:uppercase; } -.block-editor-inserter__panel-dropdown select.components-select-control__input.components-select-control__input.components-select-control__input { - height: 36px; - line-height: 36px; +.block-editor-inserter__panel-dropdown select.components-select-control__input.components-select-control__input.components-select-control__input{ + height:36px; + line-height:36px; } -.block-editor-inserter__panel-dropdown select { - border: none; +.block-editor-inserter__panel-dropdown select{ + border:none; } -.block-editor-inserter__reusable-blocks-panel { - position: relative; - text-align: left; +.block-editor-inserter__reusable-blocks-panel{ + position:relative; + text-align:left; } -.block-editor-inserter__manage-reusable-blocks { - display: inline-block; - margin: 16px; +.block-editor-inserter__manage-reusable-blocks{ + display:inline-block; + margin:16px; } -.block-editor-inserter__no-results { - padding: 32px; - text-align: center; +.block-editor-inserter__no-results{ + padding:32px; + text-align:center; } -.block-editor-inserter__no-results-icon { - fill: #949494; +.block-editor-inserter__no-results-icon{ + fill:#949494; } -.block-editor-inserter__child-blocks { - padding: 0 16px; +.block-editor-inserter__child-blocks{ + padding:0 16px; } -.block-editor-inserter__parent-block-header { - display: flex; - align-items: center; +.block-editor-inserter__parent-block-header{ + align-items:center; + display:flex; } -.block-editor-inserter__parent-block-header h2 { - font-size: 13px; +.block-editor-inserter__parent-block-header h2{ + font-size:13px; } -.block-editor-inserter__parent-block-header .block-editor-block-icon { - margin-left: 8px; +.block-editor-inserter__parent-block-header .block-editor-block-icon{ + margin-left:8px; } -.block-editor-inserter__preview-container { - display: none; - width: 300px; - background: #fff; - border-radius: 2px; - border: 1px solid #ddd; - position: absolute; - top: 16px; - right: calc(100% + 16px); - max-height: calc(100% - 32px); - overflow-y: hidden; +.block-editor-inserter__preview-container{ + background:#fff; + border:1px solid #ddd; + border-radius:2px; + display:none; + max-height:calc(100% - 32px); + overflow-y:hidden; + position:absolute; + right:calc(100% + 16px); + top:16px; + width:300px; } -@media (min-width: 782px) { - .block-editor-inserter__preview-container { - display: block; +@media (min-width:782px){ + .block-editor-inserter__preview-container{ + display:block; } } -.block-editor-inserter__preview-container .block-editor-block-card { - padding: 16px; +.block-editor-inserter__preview-container .block-editor-block-card{ + padding:16px; } -.block-editor-inserter__preview-container .block-editor-block-card__title { - font-size: 13px; +.block-editor-inserter__preview-container .block-editor-block-card__title{ + font-size:13px; } -.block-editor-inserter__preview-content { - min-height: 144px; - background: #f0f0f0; - display: grid; - flex-grow: 1; - align-items: center; +.block-editor-inserter__preview-content{ + align-items:center; + background:#f0f0f0; + display:grid; + flex-grow:1; + min-height:144px; } -.block-editor-inserter__preview-content-missing { - flex: 1; - display: flex; - justify-content: center; - align-items: center; - min-height: 144px; - color: #757575; - background: #f0f0f0; +.block-editor-inserter__preview-content-missing{ + align-items:center; + background:#f0f0f0; + color:#757575; + display:flex; + flex:1; + justify-content:center; + min-height:144px; } -.block-editor-inserter__tips { - border-top: 1px solid #ddd; - padding: 16px; - flex-shrink: 0; - position: relative; +.block-editor-inserter__tips{ + border-top:1px solid #ddd; + flex-shrink:0; + padding:16px; + position:relative; } -.block-editor-inserter__manage-reusable-blocks-container { - padding: 16px; +.block-editor-inserter__manage-reusable-blocks-container{ + padding:16px; } -.block-editor-inserter__quick-inserter { - width: 100%; - max-width: 100%; +.block-editor-inserter__quick-inserter{ + max-width:100%; + width:100%; } -@media (min-width: 782px) { - .block-editor-inserter__quick-inserter { - width: 350px; +@media (min-width:782px){ + .block-editor-inserter__quick-inserter{ + width:350px; } } -.block-editor-inserter__quick-inserter-results .block-editor-inserter__panel-header { - height: 0; - padding: 0; - float: right; +.block-editor-inserter__quick-inserter-results .block-editor-inserter__panel-header{ + float:right; + height:0; + padding:0; } -.block-editor-inserter__quick-inserter.has-search .block-editor-inserter__panel-content, -.block-editor-inserter__quick-inserter.has-expand .block-editor-inserter__panel-content { - padding: 16px; +.block-editor-inserter__quick-inserter.has-expand .block-editor-inserter__panel-content,.block-editor-inserter__quick-inserter.has-search .block-editor-inserter__panel-content{ + padding:16px; } -.block-editor-inserter__quick-inserter-patterns .block-editor-block-patterns-list { - display: grid; - grid-template-columns: 1fr 1fr; - grid-gap: 8px; +.block-editor-inserter__quick-inserter-patterns .block-editor-block-patterns-list{ + grid-gap:8px; + display:grid; + grid-template-columns:1fr 1fr; } -.block-editor-inserter__quick-inserter-patterns .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item { - margin-bottom: 0; +.block-editor-inserter__quick-inserter-patterns .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item{ + margin-bottom:0; } -.block-editor-inserter__quick-inserter-patterns .block-editor-block-patterns-list .block-editor-block-preview__container { - min-height: 100px; +.block-editor-inserter__quick-inserter-patterns .block-editor-block-patterns-list .block-editor-block-preview__container{ + min-height:100px; } -.block-editor-inserter__quick-inserter-separator { - border-top: 1px solid #ddd; +.block-editor-inserter__quick-inserter-separator{ + border-top:1px solid #ddd; } -.block-editor-inserter__popover.is-quick > .components-popover__content { - padding: 0; +.block-editor-inserter__popover.is-quick>.components-popover__content{ + padding:0; } -.block-editor-inserter__quick-inserter-expand.components-button { - display: block; - background: #1e1e1e; - color: #fff; - width: 100%; - height: 44px; - border-radius: 0; +.block-editor-inserter__quick-inserter-expand.components-button{ + background:#1e1e1e; + border-radius:0; + color:#fff; + display:block; + height:44px; + width:100%; } -.block-editor-inserter__quick-inserter-expand.components-button:hover { - color: #fff; +.block-editor-inserter__quick-inserter-expand.components-button:hover{ + color:#fff; } -.block-editor-inserter__quick-inserter-expand.components-button:active { - color: #ccc; +.block-editor-inserter__quick-inserter-expand.components-button:active{ + color:#ccc; } -.block-editor-inserter__quick-inserter-expand.components-button.components-button:focus:not(:disabled) { - box-shadow: none; - background: var(--wp-admin-theme-color); - border-color: var(--wp-admin-theme-color); +.block-editor-inserter__quick-inserter-expand.components-button.components-button:focus:not(:disabled){ + background:var(--wp-admin-theme-color); + border-color:var(--wp-admin-theme-color); + box-shadow:none; } -.block-editor-block-patterns-explorer__sidebar { - position: absolute; - top: 76px; - right: 0; - bottom: 0; - width: 280px; - padding: 24px 32px 32px; - overflow-x: visible; - overflow-y: scroll; +.block-editor-block-patterns-explorer__sidebar{ + bottom:0; + overflow-x:visible; + overflow-y:scroll; + padding:24px 32px 32px; + position:absolute; + right:0; + top:76px; + width:280px; } -.block-editor-block-patterns-explorer__sidebar__categories-list__item { - display: block; - width: 100%; - height: 48px; - text-align: right; +.block-editor-block-patterns-explorer__sidebar__categories-list__item{ + display:block; + height:48px; + text-align:right; + width:100%; } -.block-editor-block-patterns-explorer__search { - margin-bottom: 32px; +.block-editor-block-patterns-explorer__search{ + margin-bottom:32px; } -.block-editor-block-patterns-explorer__search-results-count { - padding-bottom: 32px; +.block-editor-block-patterns-explorer__search-results-count{ + padding-bottom:32px; } -.block-editor-block-patterns-explorer__list { - margin-right: 248px; +.block-editor-block-patterns-explorer__list{ + margin-right:248px; } -.block-editor-block-patterns-explorer .block-editor-block-patterns-list { - display: grid; - grid-gap: 32px; - grid-template-columns: repeat(1, 1fr); +.block-editor-block-patterns-explorer .block-editor-block-patterns-list{ + grid-gap:32px; + display:grid; + grid-template-columns:repeat(1, 1fr); } -@media (min-width: 1080px) { - .block-editor-block-patterns-explorer .block-editor-block-patterns-list { - grid-template-columns: repeat(2, 1fr); +@media (min-width:1080px){ + .block-editor-block-patterns-explorer .block-editor-block-patterns-list{ + grid-template-columns:repeat(2, 1fr); } } -@media (min-width: 1440px) { - .block-editor-block-patterns-explorer .block-editor-block-patterns-list { - grid-template-columns: repeat(3, 1fr); +@media (min-width:1440px){ + .block-editor-block-patterns-explorer .block-editor-block-patterns-list{ + grid-template-columns:repeat(3, 1fr); } } -.block-editor-block-patterns-explorer .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item { - min-height: 240px; +.block-editor-block-patterns-explorer .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item{ + min-height:240px; } -.block-editor-block-patterns-explorer .block-editor-block-patterns-list .block-editor-block-preview__container { - height: inherit; - min-height: 100px; - max-height: 800px; +.block-editor-block-patterns-explorer .block-editor-block-patterns-list .block-editor-block-preview__container{ + height:inherit; + max-height:800px; + min-height:100px; } -.block-editor-post-preview__dropdown { - padding: 0; +.block-editor-post-preview__dropdown{ + padding:0; } -.block-editor-post-preview__button-resize.block-editor-post-preview__button-resize { - padding-right: 40px; +.block-editor-post-preview__button-resize.block-editor-post-preview__button-resize{ + padding-right:40px; } -.block-editor-post-preview__button-resize.block-editor-post-preview__button-resize.has-icon { - padding-right: 8px; +.block-editor-post-preview__button-resize.block-editor-post-preview__button-resize.has-icon{ + padding-right:8px; } -.block-editor-post-preview__dropdown-content.edit-post-post-preview-dropdown .components-menu-group:first-child { - padding-bottom: 8px; +.block-editor-post-preview__dropdown-content.edit-post-post-preview-dropdown .components-menu-group:first-child{ + padding-bottom:8px; } -.block-editor-post-preview__dropdown-content.edit-post-post-preview-dropdown .components-menu-group:last-child { - margin-bottom: 0; +.block-editor-post-preview__dropdown-content.edit-post-post-preview-dropdown .components-menu-group:last-child{ + margin-bottom:0; } -.block-editor-post-preview__dropdown-content .components-menu-group + .components-menu-group { - padding: 8px; +.block-editor-post-preview__dropdown-content .components-menu-group+.components-menu-group{ + padding:8px; } -@media (min-width: 600px) { - .edit-post-header__settings .editor-post-preview, -.edit-site-header__actions .editor-post-preview { - display: none; +@media (min-width:600px){ + .edit-post-header__settings .editor-post-preview,.edit-site-header__actions .editor-post-preview{ + display:none; } -} - -@media (min-width: 600px) { - .edit-post-header.has-reduced-ui .edit-post-header__settings .editor-post-save-draft, -.edit-post-header.has-reduced-ui .edit-post-header__settings .editor-post-saved-state, -.edit-post-header.has-reduced-ui .edit-post-header__settings .block-editor-post-preview__button-toggle { - transition: opacity 0.1s linear; + .edit-post-header.has-reduced-ui .edit-post-header__settings .block-editor-post-preview__button-toggle,.edit-post-header.has-reduced-ui .edit-post-header__settings .editor-post-save-draft,.edit-post-header.has-reduced-ui .edit-post-header__settings .editor-post-saved-state{ + transition:opacity .1s linear; } } -@media (min-width: 600px) and (prefers-reduced-motion: reduce) { - .edit-post-header.has-reduced-ui .edit-post-header__settings .editor-post-save-draft, -.edit-post-header.has-reduced-ui .edit-post-header__settings .editor-post-saved-state, -.edit-post-header.has-reduced-ui .edit-post-header__settings .block-editor-post-preview__button-toggle { - transition-duration: 0s; - transition-delay: 0s; +@media (min-width:600px) and (prefers-reduced-motion:reduce){ + .edit-post-header.has-reduced-ui .edit-post-header__settings .block-editor-post-preview__button-toggle,.edit-post-header.has-reduced-ui .edit-post-header__settings .editor-post-save-draft,.edit-post-header.has-reduced-ui .edit-post-header__settings .editor-post-saved-state{ + transition-delay:0s; + transition-duration:0s; } } -@media (min-width: 600px) { - .edit-post-header.has-reduced-ui:not(:hover) .edit-post-header__settings .editor-post-save-draft, -.edit-post-header.has-reduced-ui:not(:hover) .edit-post-header__settings .editor-post-saved-state, -.edit-post-header.has-reduced-ui:not(:hover) .edit-post-header__settings .block-editor-post-preview__button-toggle { - opacity: 0; +@media (min-width:600px){ + .edit-post-header.has-reduced-ui:not(:hover) .edit-post-header__settings .block-editor-post-preview__button-toggle,.edit-post-header.has-reduced-ui:not(:hover) .edit-post-header__settings .editor-post-save-draft,.edit-post-header.has-reduced-ui:not(:hover) .edit-post-header__settings .editor-post-saved-state{ + opacity:0; } - .edit-post-header.has-reduced-ui:not(:hover) .edit-post-header__settings .block-editor-post-preview__button-toggle.is-opened { - opacity: 1; + .edit-post-header.has-reduced-ui:not(:hover) .edit-post-header__settings .block-editor-post-preview__button-toggle.is-opened{ + opacity:1; } } -.tools-panel-item-spacing { - display: grid; - grid-template-columns: auto 1fr auto; - align-items: center; - grid-template-rows: 16px auto; -} - -.component-spacing-sizes-control { - box-sizing: border-box; - padding-bottom: 12px; - width: 100%; - display: contents; -} -.component-spacing-sizes-control legend { - padding: 0; - grid-column: 1/1; - grid-row: 1/1; - align-self: center; -} -.component-spacing-sizes-control .components-base-control__label { - margin-bottom: 0; - height: 16px; -} -.component-spacing-sizes-control .components-spacing-sizes-control__side-labels { - grid-column: 1/1; - justify-content: left; - height: 16px; - margin-top: 16px; -} -.component-spacing-sizes-control .components-spacing-sizes-control__side-label { - grid-column: 1/1; - justify-self: left; - margin-bottom: 0; -} -.component-spacing-sizes-control.is-unlinked .components-range-control.components-spacing-sizes-control__range-control, -.component-spacing-sizes-control.is-unlinked .components-spacing-sizes-control__custom-value-input { - margin-top: 8px; -} -.component-spacing-sizes-control .components-spacing-sizes-control__hint-single, -.component-spacing-sizes-control .components-spacing-sizes-control__hint-all { - color: #757575; - margin-bottom: 0; -} -.component-spacing-sizes-control .components-spacing-sizes-control__hint-all { - grid-column: 2/2; - justify-self: left; - grid-row: 1/1; - align-self: center; - margin-right: 4px; -} -.component-spacing-sizes-control .components-spacing-sizes-control__custom-toggle-all { - grid-column: 2/2; - grid-row: 1/1; - justify-self: end; - margin-top: -4px; -} -.component-spacing-sizes-control .component-spacing-sizes-control__linked-button ~ .components-spacing-sizes-control__custom-toggle-all { - margin-left: 4px; -} -.component-spacing-sizes-control .components-spacing-sizes-control__custom-toggle-single { - grid-column: 3/3; - justify-self: end; - margin-top: 12px; -} -.component-spacing-sizes-control .component-spacing-sizes-control__linked-button { - grid-column: 3/3; - grid-row: 1/1; - justify-self: end; - line-height: 0; - margin-top: -4px; -} -.component-spacing-sizes-control .components-spacing-sizes-control__custom-value-range { - grid-column: span 2; - margin-right: 16px; - margin-top: 8px; -} -.component-spacing-sizes-control .components-spacing-sizes-control__custom-value-input { - width: 124px; - margin-top: 8px; -} -.component-spacing-sizes-control .components-range-control { - height: 40px; - /* Vertically center the RangeControl until it has true 40px height. */ - display: flex; - align-items: center; -} -.component-spacing-sizes-control .components-range-control > .components-base-control__field { - /* Fixes RangeControl contents when the outer wrapper is flex */ - flex: 1; -} -.component-spacing-sizes-control .components-spacing-sizes-control__range-control { - grid-column: span 3; - margin-top: 8px; -} -.component-spacing-sizes-control .components-range-control__mark { - height: 4px; - width: 3px; - background-color: #fff; - z-index: 1; -} -.component-spacing-sizes-control .components-range-control__marks { - margin-top: 17px; -} -.component-spacing-sizes-control .components-range-control__marks :first-child { - display: none; -} -.component-spacing-sizes-control [class*=ThumbWrapper-thumbColor] { - z-index: 3; -} -.component-spacing-sizes-control .components-spacing-sizes-control__custom-select-control { - grid-column: span 3; - margin-top: 8px; -} - -body.admin-color-light { - --wp-admin-theme-color: #0085ba; - --wp-admin-theme-color--rgb: 0, 133, 186; - --wp-admin-theme-color-darker-10: #0073a1; - --wp-admin-theme-color-darker-10--rgb: 0, 115, 161; - --wp-admin-theme-color-darker-20: #006187; - --wp-admin-theme-color-darker-20--rgb: 0, 97, 135; - --wp-admin-border-width-focus: 2px; -} -@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { - body.admin-color-light { - --wp-admin-border-width-focus: 1.5px; +.tools-panel-item-spacing{ + align-items:center; + display:grid; + grid-template-columns:auto 1fr auto; + grid-template-rows:16px auto; +} + +.component-spacing-sizes-control{ + box-sizing:border-box; + display:contents; + padding-bottom:12px; + width:100%; +} +.component-spacing-sizes-control legend{ + align-self:center; + grid-column:1 / 1; + grid-row:1 / 1; + padding:0; +} +.component-spacing-sizes-control .components-base-control__label{ + height:16px; + margin-bottom:0; +} +.component-spacing-sizes-control .components-spacing-sizes-control__side-labels{ + grid-column:1 / 1; + height:16px; + justify-content:left; + margin-top:16px; +} +.component-spacing-sizes-control .components-spacing-sizes-control__side-label{ + grid-column:1 / 1; + justify-self:left; + margin-bottom:0; +} +.component-spacing-sizes-control.is-unlinked .components-range-control.components-spacing-sizes-control__range-control,.component-spacing-sizes-control.is-unlinked .components-spacing-sizes-control__custom-value-input{ + margin-top:8px; +} +.component-spacing-sizes-control .components-spacing-sizes-control__hint-all,.component-spacing-sizes-control .components-spacing-sizes-control__hint-single{ + color:#757575; + margin-bottom:0; +} +.component-spacing-sizes-control .components-spacing-sizes-control__hint-all{ + align-self:center; + grid-column:2 / 2; + grid-row:1 / 1; + justify-self:left; + margin-right:4px; +} +.component-spacing-sizes-control .components-spacing-sizes-control__custom-toggle-all{ + grid-column:2 / 2; + grid-row:1 / 1; + justify-self:end; + margin-top:-4px; +} +.component-spacing-sizes-control .component-spacing-sizes-control__linked-button~.components-spacing-sizes-control__custom-toggle-all{ + margin-left:4px; +} +.component-spacing-sizes-control .components-spacing-sizes-control__custom-toggle-single{ + grid-column:3 / 3; + justify-self:end; + margin-top:12px; +} +.component-spacing-sizes-control .component-spacing-sizes-control__linked-button{ + grid-column:3 / 3; + grid-row:1 / 1; + justify-self:end; + line-height:0; + margin-top:-4px; +} +.component-spacing-sizes-control .components-spacing-sizes-control__custom-value-range{ + grid-column:span 2; + margin-right:16px; + margin-top:8px; +} +.component-spacing-sizes-control .components-spacing-sizes-control__custom-value-input{ + margin-top:8px; + width:124px; +} +.component-spacing-sizes-control .components-range-control{ + align-items:center; + display:flex; + height:40px; +} +.component-spacing-sizes-control .components-range-control>.components-base-control__field{ + flex:1; +} +.component-spacing-sizes-control .components-spacing-sizes-control__range-control{ + grid-column:span 3; + margin-top:8px; +} +.component-spacing-sizes-control .components-range-control__mark{ + background-color:#fff; + height:4px; + width:3px; + z-index:1; +} +.component-spacing-sizes-control .components-range-control__marks{ + margin-top:17px; +} +.component-spacing-sizes-control .components-range-control__marks :first-child{ + display:none; +} +.component-spacing-sizes-control [class*=ThumbWrapper-thumbColor]{ + z-index:3; +} +.component-spacing-sizes-control .components-spacing-sizes-control__custom-select-control{ + grid-column:span 3; + margin-top:8px; +} + +body.admin-color-light{ + --wp-admin-theme-color:#0085ba; + --wp-admin-theme-color--rgb:0, 133, 186; + --wp-admin-theme-color-darker-10:#0073a1; + --wp-admin-theme-color-darker-10--rgb:0, 115, 161; + --wp-admin-theme-color-darker-20:#006187; + --wp-admin-theme-color-darker-20--rgb:0, 97, 135; + --wp-admin-border-width-focus:2px; +} +@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ + body.admin-color-light{ + --wp-admin-border-width-focus:1.5px; } } -body.admin-color-modern { - --wp-admin-theme-color: #3858e9; - --wp-admin-theme-color--rgb: 56, 88, 233; - --wp-admin-theme-color-darker-10: #2145e6; - --wp-admin-theme-color-darker-10--rgb: 33, 69, 230; - --wp-admin-theme-color-darker-20: #183ad6; - --wp-admin-theme-color-darker-20--rgb: 24, 58, 214; - --wp-admin-border-width-focus: 2px; +body.admin-color-modern{ + --wp-admin-theme-color:#3858e9; + --wp-admin-theme-color--rgb:56, 88, 233; + --wp-admin-theme-color-darker-10:#2145e6; + --wp-admin-theme-color-darker-10--rgb:33, 69, 230; + --wp-admin-theme-color-darker-20:#183ad6; + --wp-admin-theme-color-darker-20--rgb:24, 58, 214; + --wp-admin-border-width-focus:2px; } -@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { - body.admin-color-modern { - --wp-admin-border-width-focus: 1.5px; +@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ + body.admin-color-modern{ + --wp-admin-border-width-focus:1.5px; } } -body.admin-color-blue { - --wp-admin-theme-color: #096484; - --wp-admin-theme-color--rgb: 9, 100, 132; - --wp-admin-theme-color-darker-10: #07526c; - --wp-admin-theme-color-darker-10--rgb: 7, 82, 108; - --wp-admin-theme-color-darker-20: #064054; - --wp-admin-theme-color-darker-20--rgb: 6, 64, 84; - --wp-admin-border-width-focus: 2px; +body.admin-color-blue{ + --wp-admin-theme-color:#096484; + --wp-admin-theme-color--rgb:9, 100, 132; + --wp-admin-theme-color-darker-10:#07526c; + --wp-admin-theme-color-darker-10--rgb:7, 82, 108; + --wp-admin-theme-color-darker-20:#064054; + --wp-admin-theme-color-darker-20--rgb:6, 64, 84; + --wp-admin-border-width-focus:2px; } -@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { - body.admin-color-blue { - --wp-admin-border-width-focus: 1.5px; +@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ + body.admin-color-blue{ + --wp-admin-border-width-focus:1.5px; } } -body.admin-color-coffee { - --wp-admin-theme-color: #46403c; - --wp-admin-theme-color--rgb: 70, 64, 60; - --wp-admin-theme-color-darker-10: #383330; - --wp-admin-theme-color-darker-10--rgb: 56, 51, 48; - --wp-admin-theme-color-darker-20: #2b2724; - --wp-admin-theme-color-darker-20--rgb: 43, 39, 36; - --wp-admin-border-width-focus: 2px; +body.admin-color-coffee{ + --wp-admin-theme-color:#46403c; + --wp-admin-theme-color--rgb:70, 64, 60; + --wp-admin-theme-color-darker-10:#383330; + --wp-admin-theme-color-darker-10--rgb:56, 51, 48; + --wp-admin-theme-color-darker-20:#2b2724; + --wp-admin-theme-color-darker-20--rgb:43, 39, 36; + --wp-admin-border-width-focus:2px; } -@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { - body.admin-color-coffee { - --wp-admin-border-width-focus: 1.5px; +@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ + body.admin-color-coffee{ + --wp-admin-border-width-focus:1.5px; } } -body.admin-color-ectoplasm { - --wp-admin-theme-color: #523f6d; - --wp-admin-theme-color--rgb: 82, 63, 109; - --wp-admin-theme-color-darker-10: #46365d; - --wp-admin-theme-color-darker-10--rgb: 70, 54, 93; - --wp-admin-theme-color-darker-20: #3a2c4d; - --wp-admin-theme-color-darker-20--rgb: 58, 44, 77; - --wp-admin-border-width-focus: 2px; +body.admin-color-ectoplasm{ + --wp-admin-theme-color:#523f6d; + --wp-admin-theme-color--rgb:82, 63, 109; + --wp-admin-theme-color-darker-10:#46365d; + --wp-admin-theme-color-darker-10--rgb:70, 54, 93; + --wp-admin-theme-color-darker-20:#3a2c4d; + --wp-admin-theme-color-darker-20--rgb:58, 44, 77; + --wp-admin-border-width-focus:2px; } -@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { - body.admin-color-ectoplasm { - --wp-admin-border-width-focus: 1.5px; +@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ + body.admin-color-ectoplasm{ + --wp-admin-border-width-focus:1.5px; } } -body.admin-color-midnight { - --wp-admin-theme-color: #e14d43; - --wp-admin-theme-color--rgb: 225, 77, 67; - --wp-admin-theme-color-darker-10: #dd382d; - --wp-admin-theme-color-darker-10--rgb: 221, 56, 45; - --wp-admin-theme-color-darker-20: #d02c21; - --wp-admin-theme-color-darker-20--rgb: 208, 44, 33; - --wp-admin-border-width-focus: 2px; +body.admin-color-midnight{ + --wp-admin-theme-color:#e14d43; + --wp-admin-theme-color--rgb:225, 77, 67; + --wp-admin-theme-color-darker-10:#dd382d; + --wp-admin-theme-color-darker-10--rgb:221, 56, 45; + --wp-admin-theme-color-darker-20:#d02c21; + --wp-admin-theme-color-darker-20--rgb:208, 44, 33; + --wp-admin-border-width-focus:2px; } -@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { - body.admin-color-midnight { - --wp-admin-border-width-focus: 1.5px; +@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ + body.admin-color-midnight{ + --wp-admin-border-width-focus:1.5px; } } -body.admin-color-ocean { - --wp-admin-theme-color: #627c83; - --wp-admin-theme-color--rgb: 98, 124, 131; - --wp-admin-theme-color-darker-10: #576e74; - --wp-admin-theme-color-darker-10--rgb: 87, 110, 116; - --wp-admin-theme-color-darker-20: #4c6066; - --wp-admin-theme-color-darker-20--rgb: 76, 96, 102; - --wp-admin-border-width-focus: 2px; +body.admin-color-ocean{ + --wp-admin-theme-color:#627c83; + --wp-admin-theme-color--rgb:98, 124, 131; + --wp-admin-theme-color-darker-10:#576e74; + --wp-admin-theme-color-darker-10--rgb:87, 110, 116; + --wp-admin-theme-color-darker-20:#4c6066; + --wp-admin-theme-color-darker-20--rgb:76, 96, 102; + --wp-admin-border-width-focus:2px; } -@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { - body.admin-color-ocean { - --wp-admin-border-width-focus: 1.5px; +@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ + body.admin-color-ocean{ + --wp-admin-border-width-focus:1.5px; } } -body.admin-color-sunrise { - --wp-admin-theme-color: #dd823b; - --wp-admin-theme-color--rgb: 221, 130, 59; - --wp-admin-theme-color-darker-10: #d97426; - --wp-admin-theme-color-darker-10--rgb: 217, 116, 38; - --wp-admin-theme-color-darker-20: #c36922; - --wp-admin-theme-color-darker-20--rgb: 195, 105, 34; - --wp-admin-border-width-focus: 2px; +body.admin-color-sunrise{ + --wp-admin-theme-color:#dd823b; + --wp-admin-theme-color--rgb:221, 130, 59; + --wp-admin-theme-color-darker-10:#d97426; + --wp-admin-theme-color-darker-10--rgb:217, 116, 38; + --wp-admin-theme-color-darker-20:#c36922; + --wp-admin-theme-color-darker-20--rgb:195, 105, 34; + --wp-admin-border-width-focus:2px; } -@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { - body.admin-color-sunrise { - --wp-admin-border-width-focus: 1.5px; +@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ + body.admin-color-sunrise{ + --wp-admin-border-width-focus:1.5px; } } \ No newline at end of file diff --git a/wp-includes/css/dist/block-editor/style.css b/wp-includes/css/dist/block-editor/style.css index 2d0244361c..71f8abfe44 100644 --- a/wp-includes/css/dist/block-editor/style.css +++ b/wp-includes/css/dist/block-editor/style.css @@ -1,4516 +1,4158 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -:root { - --wp-admin-theme-color: #007cba; - --wp-admin-theme-color--rgb: 0, 124, 186; - --wp-admin-theme-color-darker-10: #006ba1; - --wp-admin-theme-color-darker-10--rgb: 0, 107, 161; - --wp-admin-theme-color-darker-20: #005a87; - --wp-admin-theme-color-darker-20--rgb: 0, 90, 135; - --wp-admin-border-width-focus: 2px; -} -@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { - :root { - --wp-admin-border-width-focus: 1.5px; +:root{ + --wp-admin-theme-color:#007cba; + --wp-admin-theme-color--rgb:0, 124, 186; + --wp-admin-theme-color-darker-10:#006ba1; + --wp-admin-theme-color-darker-10--rgb:0, 107, 161; + --wp-admin-theme-color-darker-20:#005a87; + --wp-admin-theme-color-darker-20--rgb:0, 90, 135; + --wp-admin-border-width-focus:2px; +} +@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ + :root{ + --wp-admin-border-width-focus:1.5px; } } -.block-editor-autocompleters__block { - white-space: nowrap; +.block-editor-autocompleters__block{ + white-space:nowrap; } -.block-editor-autocompleters__block .block-editor-block-icon { - margin-right: 8px; +.block-editor-autocompleters__block .block-editor-block-icon{ + margin-right:8px; } -.block-editor-autocompleters__link { - white-space: nowrap; +.block-editor-autocompleters__link{ + white-space:nowrap; } -.block-editor-autocompleters__link .block-editor-block-icon { - margin-right: 8px; +.block-editor-autocompleters__link .block-editor-block-icon{ + margin-right:8px; } -.block-editor-block-alignment-control__menu-group .components-menu-item__info { - margin-top: 0; +.block-editor-block-alignment-control__menu-group .components-menu-item__info{ + margin-top:0; } -.block-editor-block-icon { - display: flex; - align-items: center; - justify-content: center; - width: 24px; - height: 24px; +.block-editor-block-icon{ + align-items:center; + display:flex; + height:24px; + justify-content:center; + width:24px; } -.block-editor-block-icon.has-colors svg { - fill: currentColor; +.block-editor-block-icon.has-colors svg{ + fill:currentColor; } -@media (forced-colors: active) { - .block-editor-block-icon.has-colors svg { - fill: CanvasText; +@media (forced-colors:active){ + .block-editor-block-icon.has-colors svg{ + fill:CanvasText; } } -.block-editor-block-icon svg { - min-width: 20px; - min-height: 20px; - max-width: 24px; - max-height: 24px; +.block-editor-block-icon svg{ + max-height:24px; + max-width:24px; + min-height:20px; + min-width:20px; } -.block-editor-block-inspector p:not(.components-base-control__help) { - margin-top: 0; +.block-editor-block-inspector p:not(.components-base-control__help){ + margin-top:0; } -.block-editor-block-inspector h2, -.block-editor-block-inspector h3 { - font-size: 13px; - color: #1e1e1e; - margin-bottom: 1.5em; +.block-editor-block-inspector h2,.block-editor-block-inspector h3{ + color:#1e1e1e; + font-size:13px; + margin-bottom:1.5em; } -.block-editor-block-inspector .components-base-control { - margin-bottom: 24px; +.block-editor-block-inspector .components-base-control{ + margin-bottom:24px; } -.block-editor-block-inspector .components-base-control:last-child { - margin-bottom: 8px; +.block-editor-block-inspector .components-base-control:last-child{ + margin-bottom:8px; } -.block-editor-block-inspector .components-panel__body { - border: none; - border-top: 1px solid #e0e0e0; +.block-editor-block-inspector .components-panel__body{ + border:none; + border-top:1px solid #e0e0e0; } -.block-editor-block-inspector .block-editor-block-card { - padding: 16px; +.block-editor-block-inspector .block-editor-block-card{ + padding:16px; } -.block-editor-block-inspector__no-blocks { - display: block; - font-size: 13px; - background: #fff; - padding: 32px 16px; - text-align: center; +.block-editor-block-inspector__no-blocks{ + background:#fff; + display:block; + font-size:13px; + padding:32px 16px; + text-align:center; } -.block-editor-block-inspector__block-buttons-container { - border-top: 1px solid #e0e0e0; - padding: 16px; +.block-editor-block-inspector__block-buttons-container{ + border-top:1px solid #e0e0e0; + padding:16px; } -.block-editor-block-styles .block-editor-block-list__block { - margin: 0; +.block-editor-block-styles .block-editor-block-list__block{ + margin:0; } - -/** - * Cross-Block Selection - */ -@keyframes selection-overlay__fade-in-animation { - from { - opacity: 0; +@keyframes selection-overlay__fade-in-animation{ + 0%{ + opacity:0; } - to { - opacity: 0.4; + to{ + opacity:.4; } } -.block-editor-block-list__layout { - position: relative; -} -.block-editor-block-list__layout::selection { - background: transparent; -} -.has-multi-selection .block-editor-block-list__layout::selection { - background: transparent; -} -.block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not(.is-partially-selected)::selection, .block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not(.is-partially-selected) ::selection { - background: transparent; -} -.block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not(.is-partially-selected)::after { - content: ""; - position: absolute; - z-index: 1; - pointer-events: none; - top: 1px; - right: 1px; - bottom: 1px; - left: 1px; - background: var(--wp-admin-theme-color); - opacity: 0.4; - animation: selection-overlay__fade-in-animation 0.1s ease-out; - animation-fill-mode: forwards; - outline: 2px solid transparent; -} -@media (prefers-reduced-motion: reduce) { - .block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not(.is-partially-selected)::after { - animation-duration: 1ms; - animation-delay: 0s; +.block-editor-block-list__layout{ + position:relative; +} +.block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not(.is-partially-selected) ::selection,.block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not(.is-partially-selected)::selection,.block-editor-block-list__layout::selection,.has-multi-selection .block-editor-block-list__layout::selection{ + background:transparent; +} +.block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not(.is-partially-selected):after{ + animation:selection-overlay__fade-in-animation .1s ease-out; + animation-fill-mode:forwards; + background:var(--wp-admin-theme-color); + bottom:1px; + content:""; + left:1px; + opacity:.4; + outline:2px solid transparent; + pointer-events:none; + position:absolute; + right:1px; + top:1px; + z-index:1; +} +@media (prefers-reduced-motion:reduce){ + .block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not(.is-partially-selected):after{ + animation-delay:0s; + animation-duration:1ms; } } -.block-editor-block-list__layout .block-editor-block-list__block.is-highlighted, -.block-editor-block-list__layout .block-editor-block-list__block.is-highlighted ~ .is-multi-selected, .block-editor-block-list__layout.is-navigate-mode .block-editor-block-list__block.is-selected, .block-editor-block-list__layout .is-block-moving-mode.block-editor-block-list__block.has-child-selected { - border-radius: 2px; - box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); - outline: 2px solid transparent; -} -.block-editor-block-list__layout .block-editor-block-list__block:not([contenteditable]):focus { - outline: none; -} -.block-editor-block-list__layout .block-editor-block-list__block:not([contenteditable]):focus::after { - content: ""; - position: absolute; - z-index: 1; - pointer-events: none; - top: 1px; - right: 1px; - bottom: 1px; - left: 1px; - box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); - border-radius: 1px; - outline: 2px solid transparent; -} -.is-dark-theme .block-editor-block-list__layout .block-editor-block-list__block:not([contenteditable]):focus::after { - box-shadow: 0 0 0 var(--wp-admin-border-width-focus) #fff; -} -.block-editor-block-list__layout .is-block-moving-mode.block-editor-block-list__block.is-selected { - box-shadow: none; - outline: none; -} -.block-editor-block-list__layout .is-block-moving-mode.block-editor-block-list__block.is-selected::after { - content: ""; - position: absolute; - z-index: 0; - pointer-events: none; - transition: border-color 0.1s linear, border-style 0.1s linear, box-shadow 0.1s linear; - right: 0; - left: 0; - top: -14px; - border-radius: 2px; - border-top: 4px solid #ccc; -} -.block-editor-block-list__layout .is-block-moving-mode.can-insert-moving-block.block-editor-block-list__block.is-selected::after { - border-color: var(--wp-admin-theme-color); -} -.has-multi-selection .block-editor-block-list__layout { - -webkit-user-select: none; - user-select: none; +.block-editor-block-list__layout .block-editor-block-list__block.is-highlighted,.block-editor-block-list__layout .block-editor-block-list__block.is-highlighted~.is-multi-selected,.block-editor-block-list__layout .is-block-moving-mode.block-editor-block-list__block.has-child-selected,.block-editor-block-list__layout.is-navigate-mode .block-editor-block-list__block.is-selected{ + border-radius:2px; + box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); + outline:2px solid transparent; +} +.block-editor-block-list__layout .block-editor-block-list__block:not([contenteditable]):focus{ + outline:none; +} +.block-editor-block-list__layout .block-editor-block-list__block:not([contenteditable]):focus:after{ + border-radius:1px; + bottom:1px; + box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); + content:""; + left:1px; + outline:2px solid transparent; + pointer-events:none; + position:absolute; + right:1px; + top:1px; + z-index:1; +} +.is-dark-theme .block-editor-block-list__layout .block-editor-block-list__block:not([contenteditable]):focus:after{ + box-shadow:0 0 0 var(--wp-admin-border-width-focus) #fff; +} +.block-editor-block-list__layout .is-block-moving-mode.block-editor-block-list__block.is-selected{ + box-shadow:none; + outline:none; } -.block-editor-block-list__layout [class^=components-] { - -webkit-user-select: text; - user-select: text; +.block-editor-block-list__layout .is-block-moving-mode.block-editor-block-list__block.is-selected:after{ + border-radius:2px; + border-top:4px solid #ccc; + content:""; + left:0; + pointer-events:none; + position:absolute; + right:0; + top:-14px; + transition:border-color .1s linear,border-style .1s linear,box-shadow .1s linear; + z-index:0; } - -.is-block-moving-mode.block-editor-block-list__block-selection-button { - opacity: 0; - font-size: 1px; - height: 1px; - padding: 0; -} - -.is-content-locked .block-editor-block-list__block { - pointer-events: none; -} -.is-content-locked .is-content-block { - pointer-events: initial; -} - -.block-editor-block-list__layout .block-editor-block-list__block { - position: relative; - -webkit-user-select: text; - user-select: text; - overflow-wrap: break-word; - /** - * Notices - */ -} -.block-editor-block-list__layout .block-editor-block-list__block .reusable-block-edit-panel * { - z-index: 1; -} -.block-editor-block-list__layout .block-editor-block-list__block .components-placeholder .components-with-notices-ui { - margin: -10px 0 12px 0; -} -.block-editor-block-list__layout .block-editor-block-list__block .components-with-notices-ui { - margin: 0 0 12px 0; - width: 100%; -} -.block-editor-block-list__layout .block-editor-block-list__block .components-with-notices-ui .components-notice { - margin-left: 0; - margin-right: 0; -} -.block-editor-block-list__layout .block-editor-block-list__block .components-with-notices-ui .components-notice .components-notice__content { - font-size: 13px; -} -.block-editor-block-list__layout .block-editor-block-list__block.has-warning { - min-height: 48px; -} -.block-editor-block-list__layout .block-editor-block-list__block.has-warning > * { - pointer-events: none; - -webkit-user-select: none; - user-select: none; -} -.block-editor-block-list__layout .block-editor-block-list__block.has-warning .block-editor-warning { - pointer-events: all; -} -.block-editor-block-list__layout .block-editor-block-list__block.has-warning::after { - content: ""; - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - border-radius: 2px; - background-color: rgba(255, 255, 255, 0.4); +.block-editor-block-list__layout .is-block-moving-mode.can-insert-moving-block.block-editor-block-list__block.is-selected:after{ + border-color:var(--wp-admin-theme-color); } -.block-editor-block-list__layout .block-editor-block-list__block.has-warning.is-multi-selected::after { - background-color: transparent; +.has-multi-selection .block-editor-block-list__layout{ + -webkit-user-select:none; + user-select:none; } -.block-editor-block-list__layout .block-editor-block-list__block.is-reusable > .block-editor-inner-blocks > .block-editor-block-list__layout.has-overlay::after { - display: none; +.block-editor-block-list__layout [class^=components-]{ + -webkit-user-select:text; + user-select:text; } -.block-editor-block-list__layout .block-editor-block-list__block.is-reusable > .block-editor-inner-blocks > .block-editor-block-list__layout.has-overlay .block-editor-block-list__layout.has-overlay::after { - display: block; + +.is-block-moving-mode.block-editor-block-list__block-selection-button{ + font-size:1px; + height:1px; + opacity:0; + padding:0; } -.block-editor-block-list__layout .block-editor-block-list__block.is-reusable.has-child-selected::after { - box-shadow: 0 0 0 1px var(--wp-admin-theme-color); + +.is-content-locked .block-editor-block-list__block{ + pointer-events:none; } -.block-editor-block-list__layout .block-editor-block-list__block[data-clear=true] { - float: none; +.is-content-locked .is-content-block{ + pointer-events:auto; } -.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-hovered { - cursor: default; - box-shadow: inset 0 0 0 1px var(--wp-admin-theme-color); - border-radius: 2px; +.block-editor-block-list__layout .block-editor-block-list__block{ + overflow-wrap:break-word; + position:relative; + -webkit-user-select:text; + user-select:text; +} +.block-editor-block-list__layout .block-editor-block-list__block .reusable-block-edit-panel *{ + z-index:1; +} +.block-editor-block-list__layout .block-editor-block-list__block .components-placeholder .components-with-notices-ui{ + margin:-10px 0 12px; +} +.block-editor-block-list__layout .block-editor-block-list__block .components-with-notices-ui{ + margin:0 0 12px; + width:100%; +} +.block-editor-block-list__layout .block-editor-block-list__block .components-with-notices-ui .components-notice{ + margin-left:0; + margin-right:0; +} +.block-editor-block-list__layout .block-editor-block-list__block .components-with-notices-ui .components-notice .components-notice__content{ + font-size:13px; +} +.block-editor-block-list__layout .block-editor-block-list__block.has-warning{ + min-height:48px; +} +.block-editor-block-list__layout .block-editor-block-list__block.has-warning>*{ + pointer-events:none; + -webkit-user-select:none; + user-select:none; } -.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-selected { - cursor: default; - box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); - border-radius: 2px; +.block-editor-block-list__layout .block-editor-block-list__block.has-warning .block-editor-warning{ + pointer-events:all; } -.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-selected.rich-text { - cursor: unset; +.block-editor-block-list__layout .block-editor-block-list__block.has-warning:after{ + background-color:hsla(0,0%,100%,.4); + border-radius:2px; + bottom:0; + content:""; + left:0; + position:absolute; + right:0; + top:0; } -.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-selected:focus { - box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); +.block-editor-block-list__layout .block-editor-block-list__block.has-warning.is-multi-selected:after{ + background-color:initial; +} +.block-editor-block-list__layout .block-editor-block-list__block.is-reusable>.block-editor-inner-blocks>.block-editor-block-list__layout.has-overlay:after{ + display:none; +} +.block-editor-block-list__layout .block-editor-block-list__block.is-reusable>.block-editor-inner-blocks>.block-editor-block-list__layout.has-overlay .block-editor-block-list__layout.has-overlay:after{ + display:block; +} +.block-editor-block-list__layout .block-editor-block-list__block.is-reusable.has-child-selected:after{ + box-shadow:0 0 0 1px var(--wp-admin-theme-color); +} +.block-editor-block-list__layout .block-editor-block-list__block[data-clear=true]{ + float:none; } -.is-focus-mode .block-editor-block-list__block:not(.has-child-selected) { - opacity: 0.2; - transition: opacity 0.1s linear; +.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-hovered{ + border-radius:2px; + box-shadow:inset 0 0 0 1px var(--wp-admin-theme-color); + cursor:default; } -@media (prefers-reduced-motion: reduce) { - .is-focus-mode .block-editor-block-list__block:not(.has-child-selected) { - transition-duration: 0s; - transition-delay: 0s; - } +.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-selected{ + border-radius:2px; + box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); + cursor:default; } -.is-focus-mode .block-editor-block-list__block:not(.has-child-selected) .block-editor-block-list__block, .is-focus-mode .block-editor-block-list__block:not(.has-child-selected).is-selected, .is-focus-mode .block-editor-block-list__block:not(.has-child-selected).is-multi-selected { - opacity: 1; +.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-selected.rich-text{ + cursor:unset; +} +.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-selected:focus{ + box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); } -.is-focus-mode .block-editor-block-list__block.is-content-locked.has-child-selected, .is-focus-mode .block-editor-block-list__block.is-content-locked.has-child-selected .block-editor-block-list__block, -.is-focus-mode .block-editor-block-list__block.is-content-locked-temporarily-editing-as-blocks.has-child-selected, -.is-focus-mode .block-editor-block-list__block.is-content-locked-temporarily-editing-as-blocks.has-child-selected .block-editor-block-list__block { - opacity: 1; +.is-focus-mode .block-editor-block-list__block:not(.has-child-selected){ + opacity:.2; + transition:opacity .1s linear; +} +@media (prefers-reduced-motion:reduce){ + .is-focus-mode .block-editor-block-list__block:not(.has-child-selected){ + transition-delay:0s; + transition-duration:0s; + } } -.wp-block[data-align=left] > *, -.wp-block[data-align=right] > *, -.wp-block.alignleft, -.wp-block.alignright { - z-index: 21; +.is-focus-mode .block-editor-block-list__block.is-content-locked-temporarily-editing-as-blocks.has-child-selected,.is-focus-mode .block-editor-block-list__block.is-content-locked-temporarily-editing-as-blocks.has-child-selected .block-editor-block-list__block,.is-focus-mode .block-editor-block-list__block.is-content-locked.has-child-selected,.is-focus-mode .block-editor-block-list__block.is-content-locked.has-child-selected .block-editor-block-list__block,.is-focus-mode .block-editor-block-list__block:not(.has-child-selected) .block-editor-block-list__block,.is-focus-mode .block-editor-block-list__block:not(.has-child-selected).is-multi-selected,.is-focus-mode .block-editor-block-list__block:not(.has-child-selected).is-selected{ + opacity:1; } -.wp-site-blocks > [data-align=left] { - float: left; - margin-right: 2em; +.wp-block.alignleft,.wp-block.alignright,.wp-block[data-align=left]>*,.wp-block[data-align=right]>*{ + z-index:21; } -.wp-site-blocks > [data-align=right] { - float: right; - margin-left: 2em; +.wp-site-blocks>[data-align=left]{ + float:left; + margin-right:2em; } -.wp-site-blocks > [data-align=center] { - justify-content: center; - margin-left: auto; - margin-right: auto; +.wp-site-blocks>[data-align=right]{ + float:right; + margin-left:2em; } -/** - * In-Canvas Inserter - */ -.block-editor-block-list .block-editor-inserter { - margin: 8px; - cursor: move; - cursor: grab; +.wp-site-blocks>[data-align=center]{ + justify-content:center; + margin-left:auto; + margin-right:auto; +} +.block-editor-block-list .block-editor-inserter{ + cursor:move; + cursor:grab; + margin:8px; } -@keyframes block-editor-inserter__toggle__fade-in-animation { - from { - opacity: 0; +@keyframes block-editor-inserter__toggle__fade-in-animation{ + 0%{ + opacity:0; } - to { - opacity: 1; + to{ + opacity:1; } } -.wp-block .block-list-appender .block-editor-inserter__toggle { - animation: block-editor-inserter__toggle__fade-in-animation 0.1s ease; - animation-fill-mode: forwards; +.wp-block .block-list-appender .block-editor-inserter__toggle{ + animation:block-editor-inserter__toggle__fade-in-animation .1s ease; + animation-fill-mode:forwards; } -@media (prefers-reduced-motion: reduce) { - .wp-block .block-list-appender .block-editor-inserter__toggle { - animation-duration: 1ms; - animation-delay: 0s; +@media (prefers-reduced-motion:reduce){ + .wp-block .block-list-appender .block-editor-inserter__toggle{ + animation-delay:0s; + animation-duration:1ms; } } -.block-editor-block-list__block:not(.is-selected):not(.has-child-selected) .block-editor-default-block-appender { - display: none; -} -.block-editor-block-list__block:not(.is-selected):not(.has-child-selected) .block-editor-default-block-appender .block-editor-inserter__toggle { - opacity: 0; - transform: scale(0); -} - -.block-editor-block-list__block .block-editor-block-list__block-html-textarea { - display: block; - margin: 0; - padding: 12px; - width: 100%; - border: none; - outline: none; - border-radius: 2px; - box-shadow: inset 0 0 0 1px #1e1e1e; - resize: none; - overflow: hidden; - font-family: Menlo, Consolas, monaco, monospace; - font-size: 15px; - line-height: 1.5; - transition: padding 0.2s linear; -} -@media (prefers-reduced-motion: reduce) { - .block-editor-block-list__block .block-editor-block-list__block-html-textarea { - transition-duration: 0s; - transition-delay: 0s; +.block-editor-block-list__block:not(.is-selected):not(.has-child-selected) .block-editor-default-block-appender{ + display:none; +} +.block-editor-block-list__block:not(.is-selected):not(.has-child-selected) .block-editor-default-block-appender .block-editor-inserter__toggle{ + opacity:0; + transform:scale(0); +} + +.block-editor-block-list__block .block-editor-block-list__block-html-textarea{ + border:none; + border-radius:2px; + box-shadow:inset 0 0 0 1px #1e1e1e; + display:block; + font-family:Menlo,Consolas,monaco,monospace; + font-size:15px; + line-height:1.5; + margin:0; + outline:none; + overflow:hidden; + padding:12px; + resize:none; + transition:padding .2s linear; + width:100%; +} +@media (prefers-reduced-motion:reduce){ + .block-editor-block-list__block .block-editor-block-list__block-html-textarea{ + transition-delay:0s; + transition-duration:0s; } } -.block-editor-block-list__block .block-editor-block-list__block-html-textarea:focus { - box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); +.block-editor-block-list__block .block-editor-block-list__block-html-textarea:focus{ + box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); } - -/** - * Warnings. - */ -.block-editor-block-list__block .block-editor-warning { - z-index: 5; - position: relative; +.block-editor-block-list__block .block-editor-warning{ + position:relative; + z-index:5; } -.block-editor-block-list__block .block-editor-warning.block-editor-block-list__block-crash-warning { - margin-bottom: auto; +.block-editor-block-list__block .block-editor-warning.block-editor-block-list__block-crash-warning{ + margin-bottom:auto; } - -/** Zoom Out mode styles **/ -.block-editor-iframe__body { - transition: all 0.3s; - transform-origin: top center; +.block-editor-iframe__body{ + transform-origin:top center; + transition:all .3s; } -.block-editor-iframe__body.is-zoomed-out { - margin: 100px 0; - transform: scale(0.45); +.block-editor-iframe__body.is-zoomed-out{ + margin:100px 0; + transform:scale(.45); } -.block-editor-iframe__body.is-zoomed-out .wp-site-blocks > * + * { - margin-block-start: 2.5rem; +.block-editor-iframe__body.is-zoomed-out .wp-site-blocks>*+*{ + margin-block-start:2.5rem; } -.block-editor-iframe__body.is-zoomed-out > .block-list-appender { - display: none; +.block-editor-iframe__body.is-zoomed-out>.block-list-appender{ + display:none; } - -/** - * Insertion Point. - */ -.block-editor-block-list__insertion-point { - position: absolute; - top: 0; - bottom: 0; - left: 0; - right: 0; +.block-editor-block-list__insertion-point{ + bottom:0; + left:0; + position:absolute; + right:0; + top:0; } -.block-editor-block-list__insertion-point-indicator { - position: absolute; - background: var(--wp-admin-theme-color); +.block-editor-block-list__insertion-point-indicator{ + background:var(--wp-admin-theme-color); + position:absolute; } -.block-editor-block-list__insertion-point.is-vertical > .block-editor-block-list__insertion-point-indicator { - top: 50%; - height: 1px; +.block-editor-block-list__insertion-point.is-vertical>.block-editor-block-list__insertion-point-indicator{ + height:1px; + top:50%; } -.block-editor-block-list__insertion-point.is-horizontal > .block-editor-block-list__insertion-point-indicator { - top: 0; - right: 0; - left: 50%; - width: 1px; +.block-editor-block-list__insertion-point.is-horizontal>.block-editor-block-list__insertion-point-indicator{ + left:50%; + right:0; + top:0; + width:1px; } -.block-editor-block-list__insertion-point-inserter { - display: none; - position: absolute; - justify-content: center; - top: calc(50% - 12px); - left: calc(50% - 12px); +.block-editor-block-list__insertion-point-inserter{ + display:none; + justify-content:center; + left:calc(50% - 12px); + position:absolute; + top:calc(50% - 12px); } -@media (min-width: 480px) { - .block-editor-block-list__insertion-point-inserter { - display: flex; +@media (min-width:480px){ + .block-editor-block-list__insertion-point-inserter{ + display:flex; } } -.block-editor-block-list__block-side-inserter-popover .components-popover__content > div { - pointer-events: none; -} -.block-editor-block-list__block-side-inserter-popover .components-popover__content > div > * { - pointer-events: all; -} - -.block-editor-block-list__empty-block-inserter .block-editor-inserter__toggle.components-button.has-icon, -.block-editor-default-block-appender .block-editor-inserter__toggle.components-button.has-icon, -.block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button.has-icon { - background: #1e1e1e; - border-radius: 2px; - color: #fff; - padding: 0; - min-width: 24px; - height: 24px; -} -.block-editor-block-list__empty-block-inserter .block-editor-inserter__toggle.components-button.has-icon:hover, -.block-editor-default-block-appender .block-editor-inserter__toggle.components-button.has-icon:hover, -.block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button.has-icon:hover { - color: #fff; - background: var(--wp-admin-theme-color); -} - -.block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button.has-icon { - background: var(--wp-admin-theme-color); -} -.block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button.has-icon:hover { - background: #1e1e1e; -} - -/** - * Block Toolbar when contextual. - */ -.block-editor-block-contextual-toolbar { - display: inline-flex; - border: 1px solid #1e1e1e; - border-radius: 2px; - background-color: #fff; -} -.block-editor-block-contextual-toolbar .block-editor-block-toolbar .components-toolbar-group, -.block-editor-block-contextual-toolbar .block-editor-block-toolbar .components-toolbar { - border-right-color: #1e1e1e; -} -.block-editor-block-contextual-toolbar.is-fixed { - position: sticky; - top: 0; - width: 100%; - z-index: 31; - min-height: 48px; - display: block; - border: none; - border-bottom: 1px solid #e0e0e0; - border-radius: 0; -} -.block-editor-block-contextual-toolbar.is-fixed .block-editor-block-toolbar .components-toolbar-group, -.block-editor-block-contextual-toolbar.is-fixed .block-editor-block-toolbar .components-toolbar { - border-right-color: #e0e0e0; -} - -/** - * Block Label for Navigation/Selection Mode - */ -.block-editor-block-list__block-selection-button { - display: inline-flex; - padding: 0 12px; - z-index: 22; - border-radius: 2px; - background-color: #1e1e1e; - font-size: 13px; - height: 48px; -} -.block-editor-block-list__block-selection-button .block-editor-block-list__block-selection-button__content { - margin: auto; - display: inline-flex; - align-items: center; -} -.block-editor-block-list__block-selection-button .block-editor-block-list__block-selection-button__content > .components-flex__item { - margin-right: 6px; -} -.block-editor-block-list__block-selection-button .components-button.has-icon.block-selection-button_drag-handle { - cursor: grab; - padding: 0; - height: 24px; - min-width: 24px; - margin-left: -2px; -} -.block-editor-block-list__block-selection-button .components-button.has-icon.block-selection-button_drag-handle svg { - min-width: 18px; - min-height: 18px; -} -.block-editor-block-list__block-selection-button .block-editor-block-icon { - font-size: 13px; - color: #fff; - height: 48px; -} -.block-editor-block-list__block-selection-button .components-button { - min-width: 36px; - color: #fff; - height: 48px; - display: flex; -} -.block-editor-block-list__block-selection-button .components-button:focus { - box-shadow: none; - border: none; -} -.block-editor-block-list__block-selection-button .components-button:active { - color: #fff; -} -.block-editor-block-list__block-selection-button .block-selection-button_select-button.components-button { - padding: 0; -} -.block-editor-block-list__block-selection-button .block-editor-block-mover { - background: unset; - border: none; -} - -@keyframes hide-during-dragging { - to { - position: fixed; - transform: translate(9999px, 9999px); +.block-editor-block-list__block-side-inserter-popover .components-popover__content>div{ + pointer-events:none; +} +.block-editor-block-list__block-side-inserter-popover .components-popover__content>div>*{ + pointer-events:all; +} + +.block-editor-block-list__empty-block-inserter .block-editor-inserter__toggle.components-button.has-icon,.block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button.has-icon,.block-editor-default-block-appender .block-editor-inserter__toggle.components-button.has-icon{ + background:#1e1e1e; + border-radius:2px; + color:#fff; + height:24px; + min-width:24px; + padding:0; +} +.block-editor-block-list__empty-block-inserter .block-editor-inserter__toggle.components-button.has-icon:hover,.block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button.has-icon:hover,.block-editor-default-block-appender .block-editor-inserter__toggle.components-button.has-icon:hover{ + background:var(--wp-admin-theme-color); + color:#fff; +} + +.block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button.has-icon{ + background:var(--wp-admin-theme-color); +} +.block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button.has-icon:hover{ + background:#1e1e1e; +} +.block-editor-block-contextual-toolbar{ + background-color:#fff; + border:1px solid #1e1e1e; + border-radius:2px; + display:inline-flex; +} +.block-editor-block-contextual-toolbar .block-editor-block-toolbar .components-toolbar,.block-editor-block-contextual-toolbar .block-editor-block-toolbar .components-toolbar-group{ + border-right-color:#1e1e1e; +} +.block-editor-block-contextual-toolbar.is-fixed{ + border:none; + border-bottom:1px solid #e0e0e0; + border-radius:0; + display:block; + min-height:48px; + position:sticky; + top:0; + width:100%; + z-index:31; +} +.block-editor-block-contextual-toolbar.is-fixed .block-editor-block-toolbar .components-toolbar,.block-editor-block-contextual-toolbar.is-fixed .block-editor-block-toolbar .components-toolbar-group{ + border-right-color:#e0e0e0; +} +.block-editor-block-list__block-selection-button{ + background-color:#1e1e1e; + border-radius:2px; + display:inline-flex; + font-size:13px; + height:48px; + padding:0 12px; + z-index:22; +} +.block-editor-block-list__block-selection-button .block-editor-block-list__block-selection-button__content{ + align-items:center; + display:inline-flex; + margin:auto; +} +.block-editor-block-list__block-selection-button .block-editor-block-list__block-selection-button__content>.components-flex__item{ + margin-right:6px; +} +.block-editor-block-list__block-selection-button .components-button.has-icon.block-selection-button_drag-handle{ + cursor:grab; + height:24px; + margin-left:-2px; + min-width:24px; + padding:0; +} +.block-editor-block-list__block-selection-button .components-button.has-icon.block-selection-button_drag-handle svg{ + min-height:18px; + min-width:18px; +} +.block-editor-block-list__block-selection-button .block-editor-block-icon{ + color:#fff; + font-size:13px; + height:48px; +} +.block-editor-block-list__block-selection-button .components-button{ + color:#fff; + display:flex; + height:48px; + min-width:36px; +} +.block-editor-block-list__block-selection-button .components-button:focus{ + border:none; + box-shadow:none; +} +.block-editor-block-list__block-selection-button .components-button:active{ + color:#fff; +} +.block-editor-block-list__block-selection-button .block-selection-button_select-button.components-button{ + padding:0; +} +.block-editor-block-list__block-selection-button .block-editor-block-mover{ + background:unset; + border:none; +} + +@keyframes hide-during-dragging{ + to{ + position:fixed; + transform:translate(9999px, 9999px); } } -.components-popover.block-editor-block-list__block-popover .block-editor-block-list__block-selection-button, -.components-popover.block-editor-block-list__block-popover .block-editor-block-contextual-toolbar { - pointer-events: all; - margin-top: 12px; - margin-bottom: 12px; +.components-popover.block-editor-block-list__block-popover .block-editor-block-contextual-toolbar,.components-popover.block-editor-block-list__block-popover .block-editor-block-list__block-selection-button{ + margin-bottom:12px; + margin-top:12px; + pointer-events:all; } -.components-popover.block-editor-block-list__block-popover.is-insertion-point-visible { - visibility: hidden; +.components-popover.block-editor-block-list__block-popover.is-insertion-point-visible{ + visibility:hidden; } -.is-dragging-components-draggable .components-popover.block-editor-block-list__block-popover { - opacity: 0; - animation: hide-during-dragging 1ms linear forwards; +.is-dragging-components-draggable .components-popover.block-editor-block-list__block-popover{ + animation:hide-during-dragging 1ms linear forwards; + opacity:0; } -.is-dragging-components-draggable .components-tooltip { - display: none; +.is-dragging-components-draggable .components-tooltip{ + display:none; } -.is-vertical .block-list-appender { - width: 24px; - margin-right: auto; - margin-top: 12px; - margin-left: 12px; +.is-vertical .block-list-appender{ + margin-left:12px; + margin-right:auto; + margin-top:12px; + width:24px; } -.block-list-appender > .block-editor-inserter { - display: block; +.block-list-appender>.block-editor-inserter{ + display:block; } -.block-editor-block-list__block:not(.is-selected):not(.has-child-selected):not(.block-editor-block-list__layout) .block-editor-block-list__layout > .block-list-appender .block-list-appender__toggle { - opacity: 0; - transform: scale(0); +.block-editor-block-list__block:not(.is-selected):not(.has-child-selected):not(.block-editor-block-list__layout) .block-editor-block-list__layout>.block-list-appender .block-list-appender__toggle{ + opacity:0; + transform:scale(0); } -.block-editor-block-lock-modal { - z-index: 1000001; +.block-editor-block-lock-modal{ + z-index:1000001; } -@media (min-width: 600px) { - .block-editor-block-lock-modal .components-modal__frame { - max-width: 480px; +@media (min-width:600px){ + .block-editor-block-lock-modal .components-modal__frame{ + max-width:480px; } } -.block-editor-block-lock-modal__checklist { - margin: 0; +.block-editor-block-lock-modal__checklist{ + margin:0; } -.block-editor-block-lock-modal__options-title { - padding: 12px 0; +.block-editor-block-lock-modal__options-title{ + padding:12px 0; } -.block-editor-block-lock-modal__options-title .components-checkbox-control__label { - font-weight: 600; +.block-editor-block-lock-modal__options-title .components-checkbox-control__label{ + font-weight:600; } -.block-editor-block-lock-modal__options-title .components-base-control__field { - align-items: center; - display: flex; - margin: 0; +.block-editor-block-lock-modal__options-title .components-base-control__field{ + align-items:center; + display:flex; + margin:0; } -.block-editor-block-lock-modal__checklist-item { - margin-bottom: 0; - padding: 12px 0 12px 32px; +.block-editor-block-lock-modal__checklist-item{ + margin-bottom:0; + padding:12px 0 12px 32px; } -.block-editor-block-lock-modal__checklist-item .components-base-control__field { - align-items: center; - display: flex; - margin: 0; +.block-editor-block-lock-modal__checklist-item .components-base-control__field{ + align-items:center; + display:flex; + margin:0; } -.block-editor-block-lock-modal__checklist-item .components-checkbox-control__label { - display: flex; - align-items: center; - justify-content: space-between; - flex-grow: 1; +.block-editor-block-lock-modal__checklist-item .components-checkbox-control__label{ + align-items:center; + display:flex; + flex-grow:1; + justify-content:space-between; } -.block-editor-block-lock-modal__checklist-item .components-checkbox-control__label svg { - margin-right: 12px; - fill: #1e1e1e; +.block-editor-block-lock-modal__checklist-item .components-checkbox-control__label svg{ + fill:#1e1e1e; + margin-right:12px; } -.block-editor-block-lock-modal__checklist-item:hover { - background-color: #f0f0f0; - border-radius: 2px; +.block-editor-block-lock-modal__checklist-item:hover{ + background-color:#f0f0f0; + border-radius:2px; } -.block-editor-block-lock-modal__template-lock { - border-top: 1px solid #ddd; - margin-top: 16px; - padding: 12px 0; +.block-editor-block-lock-modal__template-lock{ + border-top:1px solid #ddd; + margin-top:16px; + padding:12px 0; } -.block-editor-block-lock-modal__template-lock .components-base-control__field { - margin: 0; +.block-editor-block-lock-modal__template-lock .components-base-control__field{ + margin:0; } -.block-editor-block-lock-modal__actions { - margin-top: 24px; +.block-editor-block-lock-modal__actions{ + margin-top:24px; } -.block-editor-block-lock-toolbar .components-button.has-icon { - min-width: 36px !important; - padding-left: 0 !important; +.block-editor-block-lock-toolbar .components-button.has-icon{ + min-width:36px !important; + padding-left:0 !important; } -.block-editor-block-lock-toolbar .components-button.has-icon:focus::before { - right: 8px !important; +.block-editor-block-lock-toolbar .components-button.has-icon:focus:before{ + right:8px !important; } -.block-editor-block-breadcrumb { - list-style: none; - padding: 0; - margin: 0; +.block-editor-block-breadcrumb{ + list-style:none; + margin:0; + padding:0; } -.block-editor-block-breadcrumb li { - display: inline-flex; - margin: 0; +.block-editor-block-breadcrumb li{ + display:inline-flex; + margin:0; } -.block-editor-block-breadcrumb li .block-editor-block-breadcrumb__separator { - fill: currentColor; - margin-left: -4px; - margin-right: -4px; - transform: scaleX(1) /*rtl:scaleX(-1);*/; +.block-editor-block-breadcrumb li .block-editor-block-breadcrumb__separator{ + fill:currentColor; + margin-left:-4px; + margin-right:-4px; + transform:scaleX(1); } -.block-editor-block-breadcrumb li:last-child .block-editor-block-breadcrumb__separator { - display: none; +.block-editor-block-breadcrumb li:last-child .block-editor-block-breadcrumb__separator{ + display:none; } -.block-editor-block-breadcrumb__button.components-button { - height: 24px; - line-height: 24px; - padding: 0; - position: relative; +.block-editor-block-breadcrumb__button.components-button{ + height:24px; + line-height:24px; + padding:0; + position:relative; } -.block-editor-block-breadcrumb__button.components-button:hover:not(:disabled) { - text-decoration: underline; - box-shadow: none; +.block-editor-block-breadcrumb__button.components-button:hover:not(:disabled){ + box-shadow:none; + text-decoration:underline; } -.block-editor-block-breadcrumb__button.components-button:focus { - box-shadow: none; +.block-editor-block-breadcrumb__button.components-button:focus{ + box-shadow:none; } -.block-editor-block-breadcrumb__button.components-button:focus::before { - content: ""; - display: block; - position: absolute; - border-radius: 2px; - top: 1px; - right: 1px; - bottom: 1px; - left: 1px; - box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); +.block-editor-block-breadcrumb__button.components-button:focus:before{ + border-radius:2px; + bottom:1px; + box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); + content:""; + display:block; + left:1px; + position:absolute; + right:1px; + top:1px; } -.block-editor-block-breadcrumb__current { - cursor: default; +.block-editor-block-breadcrumb__current{ + cursor:default; } -.block-editor-block-breadcrumb__button.components-button, -.block-editor-block-breadcrumb__current { - color: #1e1e1e; - padding: 0 8px; - font-size: inherit; +.block-editor-block-breadcrumb__button.components-button,.block-editor-block-breadcrumb__current{ + color:#1e1e1e; + font-size:inherit; + padding:0 8px; } -.block-editor-block-card { - display: flex; - align-items: flex-start; +.block-editor-block-card{ + align-items:flex-start; + display:flex; } -.block-editor-block-card__content { - flex-grow: 1; - margin-bottom: 4px; +.block-editor-block-card__content{ + flex-grow:1; + margin-bottom:4px; } -.block-editor-block-card__title { - font-weight: 500; +.block-editor-block-card__title{ + font-weight:500; } -.block-editor-block-card__title.block-editor-block-card__title { - line-height: 24px; - margin: 0 0 4px; +.block-editor-block-card__title.block-editor-block-card__title{ + line-height:24px; + margin:0 0 4px; } -.block-editor-block-card__description { - font-size: 13px; +.block-editor-block-card__description{ + font-size:13px; } -.block-editor-block-card .block-editor-block-icon { - flex: 0 0 24px; - margin-left: 0; - margin-right: 12px; - width: 24px; - height: 24px; +.block-editor-block-card .block-editor-block-icon{ + flex:0 0 24px; + height:24px; + margin-left:0; + margin-right:12px; + width:24px; } - -/** - * Invalid block comparison - */ -.block-editor-block-compare { - height: auto; +.block-editor-block-compare{ + height:auto; } -.block-editor-block-compare__wrapper { - display: flex; - padding-bottom: 16px; +.block-editor-block-compare__wrapper{ + display:flex; + padding-bottom:16px; } -.block-editor-block-compare__wrapper > div { - display: flex; - justify-content: space-between; - flex-direction: column; - width: 50%; - padding: 0 16px 0 0; - min-width: 200px; - max-width: 600px; +.block-editor-block-compare__wrapper>div{ + display:flex; + flex-direction:column; + justify-content:space-between; + max-width:600px; + min-width:200px; + padding:0 16px 0 0; + width:50%; } -.block-editor-block-compare__wrapper > div button { - float: right; +.block-editor-block-compare__wrapper>div button{ + float:right; } -.block-editor-block-compare__wrapper .block-editor-block-compare__converted { - border-left: 1px solid #ddd; - padding-left: 15px; - padding-right: 0; +.block-editor-block-compare__wrapper .block-editor-block-compare__converted{ + border-left:1px solid #ddd; + padding-left:15px; + padding-right:0; } -.block-editor-block-compare__wrapper .block-editor-block-compare__html { - font-family: Menlo, Consolas, monaco, monospace; - font-size: 12px; - color: #1e1e1e; - border-bottom: 1px solid #ddd; - padding-bottom: 15px; - line-height: 1.7; +.block-editor-block-compare__wrapper .block-editor-block-compare__html{ + border-bottom:1px solid #ddd; + color:#1e1e1e; + font-family:Menlo,Consolas,monaco,monospace; + font-size:12px; + line-height:1.7; + padding-bottom:15px; } -.block-editor-block-compare__wrapper .block-editor-block-compare__html span { - background-color: #e6ffed; - padding-top: 3px; - padding-bottom: 3px; +.block-editor-block-compare__wrapper .block-editor-block-compare__html span{ + background-color:#e6ffed; + padding-bottom:3px; + padding-top:3px; } -.block-editor-block-compare__wrapper .block-editor-block-compare__html span.block-editor-block-compare__added { - background-color: #acf2bd; +.block-editor-block-compare__wrapper .block-editor-block-compare__html span.block-editor-block-compare__added{ + background-color:#acf2bd; } -.block-editor-block-compare__wrapper .block-editor-block-compare__html span.block-editor-block-compare__removed { - background-color: #cc1818; +.block-editor-block-compare__wrapper .block-editor-block-compare__html span.block-editor-block-compare__removed{ + background-color:#cc1818; } -.block-editor-block-compare__wrapper .block-editor-block-compare__preview { - padding: 0; - padding-top: 16px; +.block-editor-block-compare__wrapper .block-editor-block-compare__preview{ + padding:16px 0 0; } -.block-editor-block-compare__wrapper .block-editor-block-compare__preview p { - font-size: 12px; - margin-top: 0; +.block-editor-block-compare__wrapper .block-editor-block-compare__preview p{ + font-size:12px; + margin-top:0; } -.block-editor-block-compare__wrapper .block-editor-block-compare__action { - margin-top: 16px; +.block-editor-block-compare__wrapper .block-editor-block-compare__action{ + margin-top:16px; } -.block-editor-block-compare__wrapper .block-editor-block-compare__heading { - font-size: 1em; - font-weight: 400; - margin: 0.67em 0; +.block-editor-block-compare__wrapper .block-editor-block-compare__heading{ + font-size:1em; + font-weight:400; + margin:.67em 0; } -.block-editor-block-list__block.has-block-overlay { - cursor: default; +.block-editor-block-list__block.has-block-overlay{ + cursor:default; +} +.block-editor-block-list__block.has-block-overlay:before{ + background:transparent; + border:none; + border-radius:2px; + content:""; + height:100%; + left:0; + position:absolute; + top:0; + width:100%; + z-index:10; +} +.block-editor-block-list__block.has-block-overlay:after{ + content:none !important; } -.block-editor-block-list__block.has-block-overlay::before { - content: ""; - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - background: transparent; - border: none; - border-radius: 2px; - z-index: 10; +.block-editor-block-list__block.has-block-overlay:hover:not(.is-dragging-blocks):before{ + background:rgba(var(--wp-admin-theme-color--rgb), .3); + box-shadow:0 0 0 1px var(--wp-admin-theme-color) inset; } -.block-editor-block-list__block.has-block-overlay::after { - content: none !important; +.block-editor-block-list__block.has-block-overlay.is-selected:not(.is-dragging-blocks):before{ + box-shadow:0 0 0 1px var(--wp-admin-theme-color) inset; } -.block-editor-block-list__block.has-block-overlay:hover:not(.is-dragging-blocks)::before { - background: rgba(var(--wp-admin-theme-color--rgb), 0.3); - box-shadow: 0 0 0 1px var(--wp-admin-theme-color) inset; +.block-editor-block-list__block.has-block-overlay .block-editor-block-list__block{ + pointer-events:none; } -.block-editor-block-list__block.has-block-overlay.is-selected:not(.is-dragging-blocks)::before { - box-shadow: 0 0 0 1px var(--wp-admin-theme-color) inset; -} -.block-editor-block-list__block.has-block-overlay .block-editor-block-list__block { - pointer-events: none; -} -.block-editor-iframe__body.is-zoomed-out .block-editor-block-list__block.has-block-overlay::before { - width: calc(100vw); - left: calc(( 100% - 100vw ) / 2); +.block-editor-iframe__body.is-zoomed-out .block-editor-block-list__block.has-block-overlay:before{ + left:calc(50% - 50vw); + width:100vw; } -.block-editor-block-draggable-chip-wrapper { - position: absolute; - top: -24px; - left: 0; -} - -.block-editor-block-draggable-chip { - background-color: #1e1e1e; - border-radius: 2px; - box-shadow: 0 6px 8px rgba(0, 0, 0, 0.3); - color: #fff; - cursor: grabbing; - display: inline-flex; - height: 48px; - padding: 0 13px; - -webkit-user-select: none; - user-select: none; -} -.block-editor-block-draggable-chip svg { - fill: currentColor; +.block-editor-block-draggable-chip-wrapper{ + left:0; + position:absolute; + top:-24px; } -.block-editor-block-draggable-chip .block-editor-block-draggable-chip__content { - margin: auto; - justify-content: flex-start; + +.block-editor-block-draggable-chip{ + background-color:#1e1e1e; + border-radius:2px; + box-shadow:0 6px 8px rgba(0,0,0,.3); + color:#fff; + cursor:grabbing; + display:inline-flex; + height:48px; + padding:0 13px; + -webkit-user-select:none; + user-select:none; +} +.block-editor-block-draggable-chip svg{ + fill:currentColor; +} +.block-editor-block-draggable-chip .block-editor-block-draggable-chip__content{ + justify-content:flex-start; + margin:auto; } -.block-editor-block-draggable-chip .block-editor-block-draggable-chip__content > .components-flex__item { - margin-right: 6px; +.block-editor-block-draggable-chip .block-editor-block-draggable-chip__content>.components-flex__item{ + margin-right:6px; } -.block-editor-block-draggable-chip .block-editor-block-draggable-chip__content > .components-flex__item:last-child { - margin-right: 0; +.block-editor-block-draggable-chip .block-editor-block-draggable-chip__content>.components-flex__item:last-child{ + margin-right:0; } -.block-editor-block-draggable-chip .block-editor-block-draggable-chip__content .block-editor-block-icon svg { - min-width: 18px; - min-height: 18px; +.block-editor-block-draggable-chip .block-editor-block-draggable-chip__content .block-editor-block-icon svg{ + min-height:18px; + min-width:18px; } -.block-editor-block-draggable-chip .components-flex__item { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - font-size: 13px; +.block-editor-block-draggable-chip .components-flex__item{ + font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; + font-size:13px; } -.block-editor-block-list__layout .is-dragging { - background-color: currentColor !important; - opacity: 0.05 !important; - border-radius: 2px !important; - pointer-events: none !important; +.block-editor-block-list__layout .is-dragging{ + background-color:currentColor !important; + border-radius:2px !important; + opacity:.05 !important; + pointer-events:none !important; } -.block-editor-block-list__layout .is-dragging::selection { - background: transparent !important; +.block-editor-block-list__layout .is-dragging::selection{ + background:transparent !important; } -.block-editor-block-list__layout .is-dragging::after { - content: none !important; +.block-editor-block-list__layout .is-dragging:after{ + content:none !important; } -.block-editor-block-mover__move-button-container { - display: flex; - padding: 0; - border: none; +.block-editor-block-mover__move-button-container{ + border:none; + display:flex; + padding:0; } -@media (min-width: 600px) { - .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover__move-button-container { - flex-direction: column; - width: 36px; +@media (min-width:600px){ + .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover__move-button-container{ + flex-direction:column; + width:36px; } - .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover__move-button-container > * { - height: 24px; - width: 100%; - min-width: 0 !important; + .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover__move-button-container>*{ + height:24px; + min-width:0 !important; + width:100%; } - .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover__move-button-container > *::before { - height: 100%; - width: 100%; + .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover__move-button-container>:before{ + height:100%; + width:100%; } - .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover__move-button-container .block-editor-block-mover-button.is-up-button svg { - top: 5px; - flex-shrink: 0; + .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover__move-button-container .block-editor-block-mover-button.is-up-button svg{ + flex-shrink:0; + top:5px; } - .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover__move-button-container .block-editor-block-mover-button.is-down-button svg { - bottom: 5px; - flex-shrink: 0; + .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover__move-button-container .block-editor-block-mover-button.is-down-button svg{ + bottom:5px; + flex-shrink:0; } - .block-editor-block-mover.is-horizontal .block-editor-block-mover__move-button-container { - width: 48px; + .block-editor-block-mover.is-horizontal .block-editor-block-mover__move-button-container{ + width:48px; } - .block-editor-block-mover.is-horizontal .block-editor-block-mover__move-button-container > * { - width: 24px; - min-width: 0 !important; - padding-left: 0 !important; - padding-right: 0 !important; - overflow: hidden; + .block-editor-block-mover.is-horizontal .block-editor-block-mover__move-button-container>*{ + min-width:0 !important; + overflow:hidden; + padding-left:0 !important; + padding-right:0 !important; + width:24px; } - .block-editor-block-mover.is-horizontal .block-editor-block-mover__move-button-container > *::before { - height: 100%; + .block-editor-block-mover.is-horizontal .block-editor-block-mover__move-button-container>:before{ + height:100%; } - .block-editor-block-mover.is-horizontal .block-editor-block-mover__move-button-container .block-editor-block-mover-button.is-up-button svg { - left: 5px; + .block-editor-block-mover.is-horizontal .block-editor-block-mover__move-button-container .block-editor-block-mover-button.is-up-button svg{ + left:5px; } - .block-editor-block-mover.is-horizontal .block-editor-block-mover__move-button-container .block-editor-block-mover-button.is-down-button svg { - right: 5px; + .block-editor-block-mover.is-horizontal .block-editor-block-mover__move-button-container .block-editor-block-mover-button.is-down-button svg{ + right:5px; } -} - -@media (min-width: 600px) { - .block-editor-block-mover__drag-handle { - width: 24px; - min-width: 0 !important; - padding-left: 0 !important; - padding-right: 0 !important; - overflow: hidden; + .block-editor-block-mover__drag-handle{ + min-width:0 !important; + overflow:hidden; + padding-left:0 !important; + padding-right:0 !important; + width:24px; } } -.block-editor-block-navigation__container { - min-width: 280px; +.block-editor-block-navigation__container{ + min-width:280px; } -.block-editor-block-navigation__label { - margin: 0 0 12px; - color: #757575; - text-transform: uppercase; - font-size: 11px; - font-weight: 500; +.block-editor-block-navigation__label{ + color:#757575; + font-size:11px; + font-weight:500; + margin:0 0 12px; + text-transform:uppercase; } -.block-editor-block-parent-selector { - background: #fff; - border-radius: 2px; +.block-editor-block-parent-selector{ + background:#fff; + border-radius:2px; } -.block-editor-block-parent-selector .block-editor-block-parent-selector__button { - width: 48px; - height: 48px; - border: 1px solid #1e1e1e; - border-radius: 2px; +.block-editor-block-parent-selector .block-editor-block-parent-selector__button{ + border:1px solid #1e1e1e; + border-radius:2px; + height:48px; + width:48px; } -.block-editor-block-patterns-list__list-item { - cursor: pointer; - margin-bottom: 24px; - position: relative; +.block-editor-block-patterns-list__list-item{ + cursor:pointer; + margin-bottom:24px; + position:relative; } -.block-editor-block-patterns-list__list-item.is-placeholder { - min-height: 100px; +.block-editor-block-patterns-list__list-item.is-placeholder{ + min-height:100px; } -.block-editor-block-patterns-list__list-item[draggable=true] .block-editor-block-preview__container { - cursor: grab; +.block-editor-block-patterns-list__list-item[draggable=true] .block-editor-block-preview__container{ + cursor:grab; } -.block-editor-block-patterns-list__item { - height: 100%; +.block-editor-block-patterns-list__item{ + height:100%; } -.block-editor-block-patterns-list__item .block-editor-block-preview__container { - display: flex; - align-items: center; - overflow: hidden; - border-radius: 2px; - border: 1px solid #f0f0f0; +.block-editor-block-patterns-list__item .block-editor-block-preview__container{ + align-items:center; + border:1px solid #f0f0f0; + border-radius:2px; + display:flex; + overflow:hidden; } -.block-editor-block-patterns-list__item .block-editor-block-patterns-list__item-title { - padding-top: 8px; - font-size: 12px; - text-align: center; +.block-editor-block-patterns-list__item .block-editor-block-patterns-list__item-title{ + font-size:12px; + padding-top:8px; + text-align:center; } -.block-editor-block-patterns-list__item:hover .block-editor-block-preview__container { - border: 1px solid var(--wp-admin-theme-color); +.block-editor-block-patterns-list__item:hover .block-editor-block-preview__container{ + border:1px solid var(--wp-admin-theme-color); } -.block-editor-block-patterns-list__item:focus .block-editor-block-preview__container { - box-shadow: inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); - outline: 2px solid transparent; +.block-editor-block-patterns-list__item:focus .block-editor-block-preview__container{ + box-shadow:inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); + outline:2px solid transparent; } -.block-editor-block-patterns-list__item:hover .block-editor-block-patterns-list__item-title, .block-editor-block-patterns-list__item:focus .block-editor-block-patterns-list__item-title { - color: var(--wp-admin-theme-color); +.block-editor-block-patterns-list__item:focus .block-editor-block-patterns-list__item-title,.block-editor-block-patterns-list__item:hover .block-editor-block-patterns-list__item-title{ + color:var(--wp-admin-theme-color); } -.components-popover.block-editor-block-popover { - z-index: 31; - position: absolute; - margin: 0 !important; - pointer-events: none; +.components-popover.block-editor-block-popover{ + margin:0 !important; + pointer-events:none; + position:absolute; + z-index:31; } -.components-popover.block-editor-block-popover .components-popover__content { - margin: 0 !important; - min-width: auto; - width: max-content; - background: none; - border: none; - outline: none; - box-shadow: none; - overflow-y: visible; +.components-popover.block-editor-block-popover .components-popover__content{ + background:none; + border:none; + box-shadow:none; + margin:0 !important; + min-width:auto; + outline:none; + overflow-y:visible; + width:max-content; } -.components-popover.block-editor-block-popover:not(.block-editor-block-popover__inbetween, .block-editor-block-list__block-side-inserter-popover) .components-popover__content * { - pointer-events: all; +.components-popover.block-editor-block-popover:not(.block-editor-block-popover__inbetween,.block-editor-block-list__block-side-inserter-popover) .components-popover__content *{ + pointer-events:all; } - -.components-popover.block-editor-block-popover__inbetween { - pointer-events: none; +.components-popover.block-editor-block-popover__inbetween,.components-popover.block-editor-block-popover__inbetween *{ + pointer-events:none; } -.components-popover.block-editor-block-popover__inbetween * { - pointer-events: none; -} -.components-popover.block-editor-block-popover__inbetween .is-with-inserter { - pointer-events: all; -} -.components-popover.block-editor-block-popover__inbetween .is-with-inserter * { - pointer-events: all; +.components-popover.block-editor-block-popover__inbetween .is-with-inserter,.components-popover.block-editor-block-popover__inbetween .is-with-inserter *{ + pointer-events:all; } -.block-editor-block-preview__container { - position: relative; - width: 100%; - overflow: hidden; -} -.block-editor-block-preview__container .block-editor-block-preview__content { - top: 0; - left: 0; - transform-origin: top left; - text-align: initial; - margin: 0; - overflow: visible; - min-height: auto; +.block-editor-block-preview__container{ + overflow:hidden; + position:relative; + width:100%; } -.block-editor-block-preview__container .block-editor-block-preview__content .block-editor-block-list__insertion-point, -.block-editor-block-preview__container .block-editor-block-preview__content .block-editor-block-drop-zone, -.block-editor-block-preview__container .block-editor-block-preview__content .reusable-block-indicator, -.block-editor-block-preview__container .block-editor-block-preview__content .block-list-appender { - display: none; +.block-editor-block-preview__container .block-editor-block-preview__content{ + left:0; + margin:0; + min-height:auto; + overflow:visible; + text-align:initial; + top:0; + transform-origin:top left; } -.block-editor-block-preview__content-iframe .block-list-appender { - display: none; +.block-editor-block-preview__container .block-editor-block-preview__content .block-editor-block-drop-zone,.block-editor-block-preview__container .block-editor-block-preview__content .block-editor-block-list__insertion-point,.block-editor-block-preview__container .block-editor-block-preview__content .block-list-appender,.block-editor-block-preview__container .block-editor-block-preview__content .reusable-block-indicator,.block-editor-block-preview__content-iframe .block-list-appender{ + display:none; } -.block-editor-block-preview__live-content * { - pointer-events: none; +.block-editor-block-preview__live-content *{ + pointer-events:none; } -.block-editor-block-preview__live-content .block-list-appender { - display: none; +.block-editor-block-preview__live-content .block-list-appender{ + display:none; } -.block-editor-block-preview__live-content .components-button:disabled { - opacity: initial; +.block-editor-block-preview__live-content .components-button:disabled{ + opacity:1; } -.block-editor-block-preview__live-content .components-placeholder, -.block-editor-block-preview__live-content .block-editor-block-list__block[data-empty=true] { - display: none; +.block-editor-block-preview__live-content .block-editor-block-list__block[data-empty=true],.block-editor-block-preview__live-content .components-placeholder{ + display:none; } -.block-editor-block-settings-menu__popover .components-dropdown-menu__menu { - padding: 0; +.block-editor-block-settings-menu__popover .components-dropdown-menu__menu{ + padding:0; } -.block-editor-block-styles + .default-style-picker__default-switcher { - margin-top: 16px; +.block-editor-block-styles+.default-style-picker__default-switcher{ + margin-top:16px; } -.block-editor-block-styles__preview-panel { - display: none; - position: absolute; - right: 16px; - left: auto; - z-index: 90; +.block-editor-block-styles__preview-panel{ + display:none; + left:auto; + position:absolute; + right:16px; + z-index:90; } -@media (min-width: 782px) { - .block-editor-block-styles__preview-panel { - display: block; +@media (min-width:782px){ + .block-editor-block-styles__preview-panel{ + display:block; } } -.block-editor-block-styles__preview-panel .block-editor-inserter__preview-container { - left: auto; - right: auto; - top: auto; - position: static; +.block-editor-block-styles__preview-panel .block-editor-inserter__preview-container{ + left:auto; + position:static; + right:auto; + top:auto; } -.block-editor-block-styles__preview-panel .block-editor-block-card__title.block-editor-block-card__title { - margin: 0; +.block-editor-block-styles__preview-panel .block-editor-block-card__title.block-editor-block-card__title{ + margin:0; } -.block-editor-block-styles__preview-panel .block-editor-block-icon { - display: none; +.block-editor-block-styles__preview-panel .block-editor-block-icon{ + display:none; } -.block-editor-block-styles__variants { - display: flex; - flex-wrap: wrap; - justify-content: space-between; - gap: 8px; +.block-editor-block-styles__variants{ + display:flex; + flex-wrap:wrap; + gap:8px; + justify-content:space-between; } -.block-editor-block-styles__variants .block-editor-block-styles__item { - color: #2f2f2f; - box-shadow: inset 0 0 0 1px #ccc; - display: inline-block; - width: calc(50% - 4px); +.block-editor-block-styles__variants .block-editor-block-styles__item{ + box-shadow:inset 0 0 0 1px #ccc; + color:#2f2f2f; + display:inline-block; + width:calc(50% - 4px); } -.block-editor-block-styles__variants .block-editor-block-styles__item:focus, .block-editor-block-styles__variants .block-editor-block-styles__item:hover { - color: var(--wp-admin-theme-color); - box-shadow: inset 0 0 0 2px var(--wp-admin-theme-color); +.block-editor-block-styles__variants .block-editor-block-styles__item:focus,.block-editor-block-styles__variants .block-editor-block-styles__item:hover{ + box-shadow:inset 0 0 0 2px var(--wp-admin-theme-color); + color:var(--wp-admin-theme-color); } -.block-editor-block-styles__variants .block-editor-block-styles__item.is-active, .block-editor-block-styles__variants .block-editor-block-styles__item.is-active:hover { - background-color: #2f2f2f; - box-shadow: none; +.block-editor-block-styles__variants .block-editor-block-styles__item.is-active,.block-editor-block-styles__variants .block-editor-block-styles__item.is-active:hover{ + background-color:#2f2f2f; + box-shadow:none; } -.block-editor-block-styles__variants .block-editor-block-styles__item.is-active .block-editor-block-styles__item-text, .block-editor-block-styles__variants .block-editor-block-styles__item.is-active:hover .block-editor-block-styles__item-text { - color: #fff; +.block-editor-block-styles__variants .block-editor-block-styles__item.is-active .block-editor-block-styles__item-text,.block-editor-block-styles__variants .block-editor-block-styles__item.is-active:hover .block-editor-block-styles__item-text{ + color:#fff; } -.block-editor-block-styles__variants .block-editor-block-styles__item.is-active:focus { - box-shadow: inset 0 0 0 1px #fff, 0 0 0 2px var(--wp-admin-theme-color); +.block-editor-block-styles__variants .block-editor-block-styles__item.is-active:focus{ + box-shadow:inset 0 0 0 1px #fff, 0 0 0 2px var(--wp-admin-theme-color); } -.block-editor-block-styles__variants .block-editor-block-styles__item-text { - word-break: break-all; - white-space: normal; - text-align: start; - text-align-last: center; +.block-editor-block-styles__variants .block-editor-block-styles__item-text{ + text-align:start; + text-align-last:center; + white-space:normal; + word-break:break-all; } -.block-editor-block-styles__block-preview-container, -.block-editor-block-styles__block-preview-container * { - box-sizing: border-box !important; +.block-editor-block-styles__block-preview-container,.block-editor-block-styles__block-preview-container *{ + box-sizing:border-box !important; } -.block-editor-block-switcher { - position: relative; +.block-editor-block-switcher{ + position:relative; } -.block-editor-block-switcher .components-button.components-dropdown-menu__toggle.has-icon.has-icon { - min-width: 36px; +.block-editor-block-switcher .components-button.components-dropdown-menu__toggle.has-icon.has-icon{ + min-width:36px; } -.block-editor-block-switcher__no-switcher-icon, -.block-editor-block-switcher__toggle { - position: relative; +.block-editor-block-switcher__no-switcher-icon,.block-editor-block-switcher__toggle{ + position:relative; } -.components-button.block-editor-block-switcher__toggle, -.components-button.block-editor-block-switcher__no-switcher-icon { - margin: 0; - display: block; - height: 48px; +.components-button.block-editor-block-switcher__no-switcher-icon,.components-button.block-editor-block-switcher__toggle{ + display:block; + height:48px; + margin:0; } -.components-button.block-editor-block-switcher__toggle .block-editor-block-icon, -.components-button.block-editor-block-switcher__no-switcher-icon .block-editor-block-icon { - margin: auto; +.components-button.block-editor-block-switcher__no-switcher-icon .block-editor-block-icon,.components-button.block-editor-block-switcher__toggle .block-editor-block-icon{ + margin:auto; } -.block-editor-block-switcher__toggle-text { - margin-left: 8px; +.block-editor-block-switcher__toggle-text{ + margin-left:8px; } -.show-icon-labels .block-editor-block-switcher__toggle-text { - display: none; +.show-icon-labels .block-editor-block-switcher__toggle-text{ + display:none; } -.show-icon-labels .block-editor-block-toolbar .block-editor-block-switcher .components-button.has-icon::after { - font-size: 14px; +.show-icon-labels .block-editor-block-toolbar .block-editor-block-switcher .components-button.has-icon:after{ + font-size:14px; } -.components-button.block-editor-block-switcher__no-switcher-icon { - display: flex; +.components-button.block-editor-block-switcher__no-switcher-icon{ + display:flex; } -.components-button.block-editor-block-switcher__no-switcher-icon .block-editor-block-icon { - margin-right: auto; - margin-left: auto; - min-width: 24px !important; +.components-button.block-editor-block-switcher__no-switcher-icon .block-editor-block-icon{ + margin-left:auto; + margin-right:auto; + min-width:24px !important; } -.components-button.block-editor-block-switcher__no-switcher-icon:disabled { - opacity: 1; +.components-button.block-editor-block-switcher__no-switcher-icon:disabled{ + opacity:1; } -.components-button.block-editor-block-switcher__no-switcher-icon:disabled, -.components-button.block-editor-block-switcher__no-switcher-icon:disabled .block-editor-block-icon.has-colors { - color: #1e1e1e; +.components-button.block-editor-block-switcher__no-switcher-icon:disabled,.components-button.block-editor-block-switcher__no-switcher-icon:disabled .block-editor-block-icon.has-colors{ + color:#1e1e1e; } -.block-editor-block-toolbar .components-toolbar-group .components-button.block-editor-block-switcher__no-switcher-icon.has-icon.has-icon .block-editor-block-icon, -.block-editor-block-toolbar .components-toolbar .components-button.block-editor-block-switcher__no-switcher-icon.has-icon.has-icon .block-editor-block-icon, -.block-editor-block-toolbar .components-toolbar-group .components-button.block-editor-block-switcher__toggle.has-icon.has-icon .block-editor-block-icon, -.block-editor-block-toolbar .components-toolbar .components-button.block-editor-block-switcher__toggle.has-icon.has-icon .block-editor-block-icon { - height: 100%; - position: relative; - margin: 0 auto; - display: flex; - align-items: center; - min-width: 100%; +.block-editor-block-toolbar .components-toolbar .components-button.block-editor-block-switcher__no-switcher-icon.has-icon.has-icon .block-editor-block-icon,.block-editor-block-toolbar .components-toolbar .components-button.block-editor-block-switcher__toggle.has-icon.has-icon .block-editor-block-icon,.block-editor-block-toolbar .components-toolbar-group .components-button.block-editor-block-switcher__no-switcher-icon.has-icon.has-icon .block-editor-block-icon,.block-editor-block-toolbar .components-toolbar-group .components-button.block-editor-block-switcher__toggle.has-icon.has-icon .block-editor-block-icon{ + align-items:center; + display:flex; + height:100%; + margin:0 auto; + min-width:100%; + position:relative; } -.block-editor-block-toolbar .components-toolbar-group .components-button.block-editor-block-switcher__no-switcher-icon.has-icon.has-icon::before, -.block-editor-block-toolbar .components-toolbar .components-button.block-editor-block-switcher__no-switcher-icon.has-icon.has-icon::before, -.block-editor-block-toolbar .components-toolbar-group .components-button.block-editor-block-switcher__toggle.has-icon.has-icon::before, -.block-editor-block-toolbar .components-toolbar .components-button.block-editor-block-switcher__toggle.has-icon.has-icon::before { - top: 8px; - right: 8px; - bottom: 8px; - left: 8px; +.block-editor-block-toolbar .components-toolbar .components-button.block-editor-block-switcher__no-switcher-icon.has-icon.has-icon:before,.block-editor-block-toolbar .components-toolbar .components-button.block-editor-block-switcher__toggle.has-icon.has-icon:before,.block-editor-block-toolbar .components-toolbar-group .components-button.block-editor-block-switcher__no-switcher-icon.has-icon.has-icon:before,.block-editor-block-toolbar .components-toolbar-group .components-button.block-editor-block-switcher__toggle.has-icon.has-icon:before{ + bottom:8px; + left:8px; + right:8px; + top:8px; } -.components-popover.block-editor-block-switcher__popover .components-popover__content { - min-width: 300px; +.components-popover.block-editor-block-switcher__popover .components-popover__content{ + min-width:300px; } -.block-editor-block-switcher__popover__preview__parent .block-editor-block-switcher__popover__preview__container { - position: absolute; - top: -12px; - left: calc(100% + 16px); +.block-editor-block-switcher__popover__preview__parent .block-editor-block-switcher__popover__preview__container{ + left:calc(100% + 16px); + position:absolute; + top:-12px; } -.block-editor-block-switcher__preview__popover { - display: none; +.block-editor-block-switcher__preview__popover{ + display:none; } -.block-editor-block-switcher__preview__popover.components-popover { - margin-top: 11px; +.block-editor-block-switcher__preview__popover.components-popover{ + margin-top:11px; } -@media (min-width: 782px) { - .block-editor-block-switcher__preview__popover { - display: block; +@media (min-width:782px){ + .block-editor-block-switcher__preview__popover{ + display:block; } } -.block-editor-block-switcher__preview__popover .components-popover__content { - box-shadow: none; - border: 1px solid #1e1e1e; - background: #fff; - border-radius: 2px; - outline: none; +.block-editor-block-switcher__preview__popover .components-popover__content{ + background:#fff; + border:1px solid #1e1e1e; + border-radius:2px; + box-shadow:none; + outline:none; } -.block-editor-block-switcher__preview__popover .block-editor-block-switcher__preview { - width: 300px; - height: auto; - max-height: calc(500px - 32px); - margin: 16px; - overflow: hidden; +.block-editor-block-switcher__preview__popover .block-editor-block-switcher__preview{ + height:auto; + margin:16px; + max-height:468px; + overflow:hidden; + width:300px; } -.block-editor-block-switcher__preview-title { - margin-bottom: 12px; - color: #757575; - text-transform: uppercase; - font-size: 11px; - font-weight: 500; +.block-editor-block-switcher__preview-title{ + color:#757575; + font-size:11px; + font-weight:500; + margin-bottom:12px; + text-transform:uppercase; } -.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__no-switcher-icon { - min-width: 36px; +.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__no-switcher-icon{ + min-width:36px; } -.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__no-switcher-icon, -.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__toggle { - height: 48px; +.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__no-switcher-icon,.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__toggle{ + height:48px; } -.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__no-switcher-icon .block-editor-block-icon, -.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__no-switcher-icon .block-editor-block-switcher__transform, -.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__toggle .block-editor-block-icon, -.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__toggle .block-editor-block-switcher__transform { - width: 48px; - height: 48px; +.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__no-switcher-icon .block-editor-block-icon,.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__no-switcher-icon .block-editor-block-switcher__transform,.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__toggle .block-editor-block-icon,.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__toggle .block-editor-block-switcher__transform{ + height:48px; + width:48px; } -.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__no-switcher-icon .block-editor-block-switcher__transform, -.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__toggle .block-editor-block-switcher__transform { - padding: 12px; +.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__no-switcher-icon .block-editor-block-switcher__transform,.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__toggle .block-editor-block-switcher__transform{ + padding:12px; } -.block-editor-block-switcher__preview-patterns-container { - padding-bottom: 16px; +.block-editor-block-switcher__preview-patterns-container{ + padding-bottom:16px; } -.block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item { - margin-top: 16px; +.block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item{ + margin-top:16px; } -.block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-preview__container { - cursor: pointer; +.block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-preview__container{ + cursor:pointer; } -.block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-switcher__preview-patterns-container-list__item { - height: 100%; - border-radius: 2px; - transition: all 0.05s ease-in-out; - position: relative; - border: 1px solid transparent; +.block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-switcher__preview-patterns-container-list__item{ + border:1px solid transparent; + border-radius:2px; + height:100%; + position:relative; + transition:all .05s ease-in-out; } -.block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-switcher__preview-patterns-container-list__item:hover, .block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-switcher__preview-patterns-container-list__item:focus { - box-shadow: inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); - outline: 2px solid transparent; +.block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-switcher__preview-patterns-container-list__item:focus,.block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-switcher__preview-patterns-container-list__item:hover{ + box-shadow:inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); + outline:2px solid transparent; } -.block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-switcher__preview-patterns-container-list__item:hover { - box-shadow: inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) #1e1e1e; +.block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-switcher__preview-patterns-container-list__item:hover{ + box-shadow:inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) #1e1e1e; } -.block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-switcher__preview-patterns-container-list__item .block-editor-block-switcher__preview-patterns-container-list__item-title { - padding: 4px; - font-size: 12px; - text-align: center; - cursor: pointer; +.block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-switcher__preview-patterns-container-list__item .block-editor-block-switcher__preview-patterns-container-list__item-title{ + cursor:pointer; + font-size:12px; + padding:4px; + text-align:center; } -.block-editor-block-types-list > [role=presentation] { - overflow: hidden; - display: flex; - flex-wrap: wrap; +.block-editor-block-types-list>[role=presentation]{ + display:flex; + flex-wrap:wrap; + overflow:hidden; } -.block-editor-block-variation-picker .components-placeholder__instructions { - margin-bottom: 0; +.block-editor-block-variation-picker .components-placeholder__instructions{ + margin-bottom:0; } -.block-editor-block-variation-picker .components-placeholder__fieldset { - flex-direction: column; +.block-editor-block-variation-picker .components-placeholder__fieldset{ + flex-direction:column; } -.block-editor-block-variation-picker.has-many-variations .components-placeholder__fieldset { - max-width: 90%; +.block-editor-block-variation-picker.has-many-variations .components-placeholder__fieldset{ + max-width:90%; } -.block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations { - display: flex; - justify-content: flex-start; - flex-direction: row; - flex-wrap: wrap; - width: 100%; - margin: 16px 0; - padding: 0; - list-style: none; +.block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations{ + display:flex; + flex-direction:row; + flex-wrap:wrap; + justify-content:flex-start; + list-style:none; + margin:16px 0; + padding:0; + width:100%; } -.block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations > li { - list-style: none; - margin: 8px 20px 0 0; - flex-shrink: 1; - width: 75px; - text-align: center; +.block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations>li{ + flex-shrink:1; + list-style:none; + margin:8px 20px 0 0; + text-align:center; + width:75px; } -.block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations > li button { - display: inline-flex; - margin-right: 0; +.block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations>li button{ + display:inline-flex; + margin-right:0; } -.block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations .block-editor-block-variation-picker__variation { - padding: 8px; +.block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations .block-editor-block-variation-picker__variation{ + padding:8px; } -.block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations .block-editor-block-variation-picker__variation-label { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - font-size: 12px; - display: block; - line-height: 1.4; +.block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations .block-editor-block-variation-picker__variation-label{ + display:block; + font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; + font-size:12px; + line-height:1.4; } -.block-editor-block-variation-picker__variation { - width: 100%; +.block-editor-block-variation-picker__variation{ + width:100%; } -.block-editor-block-variation-picker__variation.components-button.has-icon { - justify-content: center; - width: auto; +.block-editor-block-variation-picker__variation.components-button.has-icon{ + justify-content:center; + width:auto; } -.block-editor-block-variation-picker__variation.components-button.has-icon.is-secondary { - background-color: #fff; +.block-editor-block-variation-picker__variation.components-button.has-icon.is-secondary{ + background-color:#fff; } -.block-editor-block-variation-picker__variation.components-button { - height: auto; - padding: 0; +.block-editor-block-variation-picker__variation.components-button{ + height:auto; + padding:0; } -.block-editor-block-variation-picker__variation::before { - content: ""; - padding-bottom: 100%; +.block-editor-block-variation-picker__variation:before{ + content:""; + padding-bottom:100%; } -.block-editor-block-variation-picker__variation:first-child { - margin-left: 0; +.block-editor-block-variation-picker__variation:first-child{ + margin-left:0; } -.block-editor-block-variation-picker__variation:last-child { - margin-right: 0; +.block-editor-block-variation-picker__variation:last-child{ + margin-right:0; } -.block-editor-block-pattern-setup { - display: flex; - flex-direction: column; - justify-content: center; - align-items: flex-start; - width: 100%; - border-radius: 2px; -} -.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__toolbar { - justify-content: center; +.block-editor-block-pattern-setup{ + align-items:flex-start; + border-radius:2px; + display:flex; + flex-direction:column; + justify-content:center; + width:100%; } -.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container { - column-gap: 24px; - display: block; - width: 100%; - padding: 32px; - padding-bottom: 0; - padding-top: 0; - column-count: 2; +.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__toolbar{ + justify-content:center; } -@media (min-width: 1440px) { - .block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container { - column-count: 3; +.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container{ + column-count:2; + column-gap:24px; + display:block; + padding:0 32px; + width:100%; +} +@media (min-width:1440px){ + .block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container{ + column-count:3; } } -.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-preview__container, -.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container div[role=button] { - cursor: pointer; -} -.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__list-item { - break-inside: avoid-column; - margin-bottom: 24px; -} -.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__list-item .block-editor-block-preview__container { - min-height: 100px; - border-radius: 2px; - border: 1px solid #ddd; -} -.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__list-item .block-editor-block-preview__content { - width: 100%; -} -.block-editor-block-pattern-setup .block-editor-block-pattern-setup__toolbar { - height: 60px; - box-sizing: border-box; - padding: 16px; - width: 100%; - text-align: left; - margin: 0; - color: #1e1e1e; - position: absolute; - bottom: 0; - background-color: #fff; - display: flex; - flex-direction: row; - align-items: center; - justify-content: space-between; - border-top: 1px solid #ddd; - align-self: flex-end; -} -.block-editor-block-pattern-setup .block-editor-block-pattern-setup__toolbar .block-editor-block-pattern-setup__display-controls { - display: flex; -} -.block-editor-block-pattern-setup .block-editor-block-pattern-setup__toolbar .block-editor-block-pattern-setup__navigation, -.block-editor-block-pattern-setup .block-editor-block-pattern-setup__toolbar .block-editor-block-pattern-setup__actions { - width: calc(50% - 36px); - display: flex; -} -.block-editor-block-pattern-setup .block-editor-block-pattern-setup__toolbar .block-editor-block-pattern-setup__actions { - justify-content: flex-end; -} -.block-editor-block-pattern-setup .block-editor-block-pattern-setup__container { - display: flex; - flex-direction: column; - width: 100%; - box-sizing: border-box; -} -.block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container { - overflow: hidden; - position: relative; - padding: 0; - margin: 0; - list-style: none; - transform-style: preserve-3d; -} -.block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container * { - box-sizing: border-box; -} -.block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container .pattern-slide { - position: absolute; - top: 0; - width: 100%; - margin: auto; - padding: 0; - transition: transform 0.5s, z-index 0.5s; - z-index: 100; -} -.block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container .pattern-slide.active-slide { - opacity: 1; - position: relative; - z-index: 102; -} -.block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container .pattern-slide.previous-slide { - transform: translateX(-100%); - z-index: 101; -} -.block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container .pattern-slide.next-slide { - transform: translateX(100%); - z-index: 101; -} -.block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .block-list-appender { - display: none; -} - -.block-editor-block-pattern-setup__carousel, -.block-editor-block-pattern-setup__grid { - width: 100%; -} - -.block-editor-block-variation-transforms { - padding: 0 16px 16px 52px; - width: 100%; -} -.block-editor-block-variation-transforms .components-dropdown-menu__toggle { - border: 1px solid #757575; - border-radius: 2px; - min-height: 30px; - width: 100%; - position: relative; - text-align: left; - justify-content: left; - padding: 6px 12px; -} -.block-editor-block-variation-transforms .components-dropdown-menu__toggle.components-dropdown-menu__toggle { - padding-right: 24px; -} -.block-editor-block-variation-transforms .components-dropdown-menu__toggle:focus:not(:disabled) { - border-color: var(--wp-admin-theme-color); - box-shadow: 0 0 0 calc(var(--wp-admin-border-width-focus) - 1px) var(--wp-admin-theme-color); -} -.block-editor-block-variation-transforms .components-dropdown-menu__toggle svg { - height: 100%; - padding: 0; - position: absolute; - right: 0; - top: 0; -} - -.block-editor-block-variation-transforms__popover .components-popover__content { - min-width: 230px; -} - -.components-border-radius-control { - margin-bottom: 12px; -} -.components-border-radius-control legend { - margin-bottom: 8px; +.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-preview__container,.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container div[role=button]{ + cursor:pointer; +} +.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__list-item{ + break-inside:avoid-column; + margin-bottom:24px; +} +.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__list-item .block-editor-block-preview__container{ + border:1px solid #ddd; + border-radius:2px; + min-height:100px; +} +.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__list-item .block-editor-block-preview__content{ + width:100%; +} +.block-editor-block-pattern-setup .block-editor-block-pattern-setup__toolbar{ + align-items:center; + align-self:flex-end; + background-color:#fff; + border-top:1px solid #ddd; + bottom:0; + box-sizing:border-box; + color:#1e1e1e; + display:flex; + flex-direction:row; + height:60px; + justify-content:space-between; + margin:0; + padding:16px; + position:absolute; + text-align:left; + width:100%; +} +.block-editor-block-pattern-setup .block-editor-block-pattern-setup__toolbar .block-editor-block-pattern-setup__display-controls{ + display:flex; +} +.block-editor-block-pattern-setup .block-editor-block-pattern-setup__toolbar .block-editor-block-pattern-setup__actions,.block-editor-block-pattern-setup .block-editor-block-pattern-setup__toolbar .block-editor-block-pattern-setup__navigation{ + display:flex; + width:calc(50% - 36px); +} +.block-editor-block-pattern-setup .block-editor-block-pattern-setup__toolbar .block-editor-block-pattern-setup__actions{ + justify-content:flex-end; +} +.block-editor-block-pattern-setup .block-editor-block-pattern-setup__container{ + box-sizing:border-box; + display:flex; + flex-direction:column; + width:100%; +} +.block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container{ + list-style:none; + margin:0; + overflow:hidden; + padding:0; + position:relative; + transform-style:preserve-3d; +} +.block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container *{ + box-sizing:border-box; +} +.block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container .pattern-slide{ + margin:auto; + padding:0; + position:absolute; + top:0; + transition:transform .5s,z-index .5s; + width:100%; + z-index:100; +} +.block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container .pattern-slide.active-slide{ + opacity:1; + position:relative; + z-index:102; +} +.block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container .pattern-slide.previous-slide{ + transform:translateX(-100%); + z-index:101; +} +.block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container .pattern-slide.next-slide{ + transform:translateX(100%); + z-index:101; +} +.block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .block-list-appender{ + display:none; +} + +.block-editor-block-pattern-setup__carousel,.block-editor-block-pattern-setup__grid{ + width:100%; +} + +.block-editor-block-variation-transforms{ + padding:0 16px 16px 52px; + width:100%; +} +.block-editor-block-variation-transforms .components-dropdown-menu__toggle{ + border:1px solid #757575; + border-radius:2px; + justify-content:left; + min-height:30px; + padding:6px 12px; + position:relative; + text-align:left; + width:100%; +} +.block-editor-block-variation-transforms .components-dropdown-menu__toggle.components-dropdown-menu__toggle{ + padding-right:24px; +} +.block-editor-block-variation-transforms .components-dropdown-menu__toggle:focus:not(:disabled){ + border-color:var(--wp-admin-theme-color); + box-shadow:0 0 0 calc(var(--wp-admin-border-width-focus) - 1px) var(--wp-admin-theme-color); +} +.block-editor-block-variation-transforms .components-dropdown-menu__toggle svg{ + height:100%; + padding:0; + position:absolute; + right:0; + top:0; +} + +.block-editor-block-variation-transforms__popover .components-popover__content{ + min-width:230px; +} + +.components-border-radius-control{ + margin-bottom:12px; +} +.components-border-radius-control legend{ + margin-bottom:8px; } -.components-border-radius-control .components-border-radius-control__wrapper { - display: flex; - justify-content: space-between; - align-items: flex-start; +.components-border-radius-control .components-border-radius-control__wrapper{ + align-items:flex-start; + display:flex; + justify-content:space-between; } -.components-border-radius-control .components-border-radius-control__wrapper > .components-unit-control-wrapper { - width: 110px; - margin-bottom: 0; - margin-right: 12px; - flex-shrink: 0; +.components-border-radius-control .components-border-radius-control__wrapper>.components-unit-control-wrapper{ + flex-shrink:0; + margin-bottom:0; + margin-right:12px; + width:110px; } -.components-border-radius-control .components-border-radius-control__wrapper .components-range-control { - flex: 1; - margin-bottom: 0; +.components-border-radius-control .components-border-radius-control__wrapper .components-range-control{ + flex:1; + margin-bottom:0; } -.components-border-radius-control .components-border-radius-control__wrapper .components-range-control .components-base-control__field { - margin-bottom: 0; - height: 30px; +.components-border-radius-control .components-border-radius-control__wrapper .components-range-control .components-base-control__field{ + height:30px; + margin-bottom:0; } -.components-border-radius-control .components-border-radius-control__wrapper .components-range-control .components-range-control__wrapper { - margin-right: 10px; +.components-border-radius-control .components-border-radius-control__wrapper .components-range-control .components-range-control__wrapper{ + margin-right:10px; } -.components-border-radius-control .components-border-radius-control__wrapper > span { - flex: 0 0 auto; +.components-border-radius-control .components-border-radius-control__wrapper>span{ + flex:0 0 auto; } -.components-border-radius-control .components-border-radius-control__input-controls-wrapper { - display: flex; - width: 70%; - flex-wrap: wrap; +.components-border-radius-control .components-border-radius-control__input-controls-wrapper{ + display:flex; + flex-wrap:wrap; + width:70%; } -.components-border-radius-control .components-border-radius-control__input-controls-wrapper .components-border-radius-control__tooltip-wrapper { - width: calc(50% - 8px); - margin-bottom: 8px; - margin-right: 8px; +.components-border-radius-control .components-border-radius-control__input-controls-wrapper .components-border-radius-control__tooltip-wrapper{ + margin-bottom:8px; + margin-right:8px; + width:calc(50% - 8px); } -.components-border-radius-control .component-border-radius-control__linked-button.has-icon { - display: flex; - justify-content: center; - margin-left: 2px; - margin-top: 3px; +.components-border-radius-control .component-border-radius-control__linked-button.has-icon{ + display:flex; + justify-content:center; + margin-left:2px; + margin-top:3px; } -.components-border-radius-control .component-border-radius-control__linked-button.has-icon svg { - margin-right: 0; +.components-border-radius-control .component-border-radius-control__linked-button.has-icon svg{ + margin-right:0; } -.block-editor-button-block-appender { - display: flex; - flex-direction: column; - align-items: center; - justify-content: center; - width: 100%; - height: auto; - color: #1e1e1e; - box-shadow: inset 0 0 0 1px #1e1e1e; +.block-editor-button-block-appender{ + align-items:center; + box-shadow:inset 0 0 0 1px #1e1e1e; + color:#1e1e1e; + display:flex; + flex-direction:column; + height:auto; + justify-content:center; + width:100%; } -.block-editor-button-block-appender.components-button.components-button { - padding: 12px; +.block-editor-button-block-appender.components-button.components-button{ + padding:12px; } -.is-dark-theme .block-editor-button-block-appender { - color: rgba(255, 255, 255, 0.65); - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.65); +.is-dark-theme .block-editor-button-block-appender{ + box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.65); + color:hsla(0,0%,100%,.65); } -.block-editor-button-block-appender:hover { - color: var(--wp-admin-theme-color); - box-shadow: inset 0 0 0 1px var(--wp-admin-theme-color); +.block-editor-button-block-appender:hover{ + box-shadow:inset 0 0 0 1px var(--wp-admin-theme-color); + color:var(--wp-admin-theme-color); } -.block-editor-button-block-appender:focus { - box-shadow: inset 0 0 0 2px var(--wp-admin-theme-color); +.block-editor-button-block-appender:focus{ + box-shadow:inset 0 0 0 2px var(--wp-admin-theme-color); } -.block-editor-button-block-appender:active { - color: #000; +.block-editor-button-block-appender:active{ + color:#000; } -.is-layout-constrained.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child, .is-layout-flow.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child, .is-layout-constrained.block-editor-block-list__block:not(.is-selected) > .wp-block-group__inner-container > .block-list-appender:only-child, .is-layout-flow.block-editor-block-list__block:not(.is-selected) > .wp-block-group__inner-container > .block-list-appender:only-child { - pointer-events: none; +.is-layout-constrained.block-editor-block-list__block:not(.is-selected)>.block-list-appender:only-child,.is-layout-constrained.block-editor-block-list__block:not(.is-selected)>.wp-block-group__inner-container>.block-list-appender:only-child,.is-layout-flow.block-editor-block-list__block:not(.is-selected)>.block-list-appender:only-child,.is-layout-flow.block-editor-block-list__block:not(.is-selected)>.wp-block-group__inner-container>.block-list-appender:only-child{ + pointer-events:none; } -.is-layout-constrained.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child::after, .is-layout-flow.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child::after, .is-layout-constrained.block-editor-block-list__block:not(.is-selected) > .wp-block-group__inner-container > .block-list-appender:only-child::after, .is-layout-flow.block-editor-block-list__block:not(.is-selected) > .wp-block-group__inner-container > .block-list-appender:only-child::after { - content: ""; - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - pointer-events: none; - border: 1px dashed currentColor; - border-radius: 2px; +.is-layout-constrained.block-editor-block-list__block:not(.is-selected)>.block-list-appender:only-child:after,.is-layout-constrained.block-editor-block-list__block:not(.is-selected)>.wp-block-group__inner-container>.block-list-appender:only-child:after,.is-layout-flow.block-editor-block-list__block:not(.is-selected)>.block-list-appender:only-child:after,.is-layout-flow.block-editor-block-list__block:not(.is-selected)>.wp-block-group__inner-container>.block-list-appender:only-child:after{ + border:1px dashed; + border-radius:2px; + bottom:0; + content:""; + left:0; + pointer-events:none; + position:absolute; + right:0; + top:0; } -.is-layout-constrained.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child .block-editor-inserter, .is-layout-flow.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child .block-editor-inserter, .is-layout-constrained.block-editor-block-list__block:not(.is-selected) > .wp-block-group__inner-container > .block-list-appender:only-child .block-editor-inserter, .is-layout-flow.block-editor-block-list__block:not(.is-selected) > .wp-block-group__inner-container > .block-list-appender:only-child .block-editor-inserter { - visibility: hidden; +.is-layout-constrained.block-editor-block-list__block:not(.is-selected)>.block-list-appender:only-child .block-editor-inserter,.is-layout-constrained.block-editor-block-list__block:not(.is-selected)>.wp-block-group__inner-container>.block-list-appender:only-child .block-editor-inserter,.is-layout-flow.block-editor-block-list__block:not(.is-selected)>.block-list-appender:only-child .block-editor-inserter,.is-layout-flow.block-editor-block-list__block:not(.is-selected)>.wp-block-group__inner-container>.block-list-appender:only-child .block-editor-inserter{ + visibility:hidden; } -.block-editor-color-gradient-control .block-editor-color-gradient-control__color-indicator { - margin-bottom: 12px; +.block-editor-color-gradient-control .block-editor-color-gradient-control__color-indicator{ + margin-bottom:12px; } -.block-editor-color-gradient-control__fieldset { - min-width: 0; +.block-editor-color-gradient-control__fieldset{ + min-width:0; } -.block-editor-color-gradient-control__tabs .block-editor-color-gradient-control__panel { - padding: 16px; +.block-editor-color-gradient-control__tabs .block-editor-color-gradient-control__panel{ + padding:16px; } -.block-editor-panel-color-gradient-settings.block-editor-panel-color-gradient-settings, .block-editor-panel-color-gradient-settings.block-editor-panel-color-gradient-settings > div:not(:first-of-type) { - display: block; +.block-editor-panel-color-gradient-settings.block-editor-panel-color-gradient-settings,.block-editor-panel-color-gradient-settings.block-editor-panel-color-gradient-settings>div:not(:first-of-type){ + display:block; } -@media screen and (min-width: 782px) { - .block-editor-panel-color-gradient-settings .components-circular-option-picker__swatches { - display: grid; - grid-template-columns: repeat(6, 28px); - justify-content: space-between; +@media screen and (min-width:782px){ + .block-editor-panel-color-gradient-settings .components-circular-option-picker__swatches{ + display:grid; + grid-template-columns:repeat(6, 28px); + justify-content:space-between; } } -.block-editor-block-inspector .block-editor-panel-color-gradient-settings .components-base-control { - margin-bottom: inherit; +.block-editor-block-inspector .block-editor-panel-color-gradient-settings .components-base-control{ + margin-bottom:inherit; } -.block-editor-panel-color-gradient-settings__dropdown-content .block-editor-color-gradient-control__panel { - width: 260px; - padding: 16px; +.block-editor-panel-color-gradient-settings__dropdown-content .block-editor-color-gradient-control__panel{ + padding:16px; + width:260px; } -.block-editor-panel-color-gradient-settings__color-indicator { - background: linear-gradient(-45deg, transparent 48%, #ddd 48%, #ddd 52%, transparent 52%); +.block-editor-panel-color-gradient-settings__color-indicator{ + background:linear-gradient(-45deg, transparent 48%, #ddd 0, #ddd 52%, transparent 0); +} +.block-editor-tools-panel-color-gradient-settings__item{ + border-bottom:1px solid rgba(0,0,0,.1); + border-left:1px solid rgba(0,0,0,.1); + border-right:1px solid rgba(0,0,0,.1); + max-width:100%; + padding:0; +} +.block-editor-tools-panel-color-gradient-settings__item.first{ + border-top:1px solid rgba(0,0,0,.1); + border-top-left-radius:2px; + border-top-right-radius:2px; + margin-top:24px; +} +.block-editor-tools-panel-color-gradient-settings__item.last{ + border-bottom-left-radius:2px; + border-bottom-right-radius:2px; +} +.block-editor-tools-panel-color-gradient-settings__item>div,.block-editor-tools-panel-color-gradient-settings__item>div>button{ + border-radius:inherit; } -/** -* The following styles replicate the separated border of the -* `ItemGroup` component but allows for hidden items. This is because -* to maintain the order of `ToolsPanel` controls, each `ToolsPanelItem` -* must at least render a placeholder which would otherwise interfere -* with the `:last-child` styles. -*/ -.block-editor-tools-panel-color-gradient-settings__item { - padding: 0; - max-width: 100%; - border-left: 1px solid rgba(0, 0, 0, 0.1); - border-right: 1px solid rgba(0, 0, 0, 0.1); - border-bottom: 1px solid rgba(0, 0, 0, 0.1); +.block-editor-tools-panel-color-gradient-settings__dropdown{ + display:block; + padding:0; } -.block-editor-tools-panel-color-gradient-settings__item.first { - margin-top: 24px; - border-top-left-radius: 2px; - border-top-right-radius: 2px; - border-top: 1px solid rgba(0, 0, 0, 0.1); +.block-editor-tools-panel-color-gradient-settings__dropdown>button{ + height:auto; + padding-bottom:10px; + padding-top:10px; + text-align:left; } -.block-editor-tools-panel-color-gradient-settings__item.last { - border-bottom-left-radius: 2px; - border-bottom-right-radius: 2px; -} -.block-editor-tools-panel-color-gradient-settings__item > div, -.block-editor-tools-panel-color-gradient-settings__item > div > button { - border-radius: inherit; -} - -.block-editor-tools-panel-color-gradient-settings__dropdown { - display: block; - padding: 0; -} -.block-editor-tools-panel-color-gradient-settings__dropdown > button { - height: auto; - padding-top: 10px; - padding-bottom: 10px; - text-align: left; -} -.block-editor-tools-panel-color-gradient-settings__dropdown > button.is-open { - background: #f0f0f0; - color: var(--wp-admin-theme-color); -} -.block-editor-tools-panel-color-gradient-settings__dropdown .block-editor-panel-color-gradient-settings__color-name { - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; -} - -.block-editor-panel-color-gradient-settings__dropdown { - width: 100%; +.block-editor-tools-panel-color-gradient-settings__dropdown>button.is-open{ + background:#f0f0f0; + color:var(--wp-admin-theme-color); } -.block-editor-panel-color-gradient-settings__dropdown .component-color-indicator { - flex-shrink: 0; +.block-editor-tools-panel-color-gradient-settings__dropdown .block-editor-panel-color-gradient-settings__color-name{ + overflow:hidden; + text-overflow:ellipsis; + white-space:nowrap; } -.block-editor-contrast-checker > .components-notice { - margin: 0; +.block-editor-panel-color-gradient-settings__dropdown{ + width:100%; +} +.block-editor-panel-color-gradient-settings__dropdown .component-color-indicator{ + flex-shrink:0; } -/** - * Default block appender. - * - * This component shows up in 3 places: - * - the black plus that sits at the end of the canvas, if the last block isn't a paragraph - * - on the right, inside empty paragraphs - * - absolute positioned and blue inside nesting containers - */ -.block-editor-default-block-appender { - clear: both; - margin-left: auto; - margin-right: auto; - position: relative; +.block-editor-contrast-checker>.components-notice{ + margin:0; +} +.block-editor-default-block-appender{ + clear:both; + margin-left:auto; + margin-right:auto; + position:relative; } -.block-editor-default-block-appender[data-root-client-id=""] .block-editor-default-block-appender__content:hover { - outline: 1px solid transparent; +.block-editor-default-block-appender[data-root-client-id=""] .block-editor-default-block-appender__content:hover{ + outline:1px solid transparent; } -.block-editor-default-block-appender .block-editor-default-block-appender__content { - opacity: 0.62; +.block-editor-default-block-appender .block-editor-default-block-appender__content{ + opacity:.62; } -.block-editor-default-block-appender .components-drop-zone__content-icon { - display: none; +.block-editor-default-block-appender .components-drop-zone__content-icon{ + display:none; } -.block-editor-block-list__empty-block-inserter.block-editor-block-list__empty-block-inserter, -.block-editor-default-block-appender .block-editor-inserter { - position: absolute; - top: 0; - right: 0; - line-height: 0; +.block-editor-block-list__empty-block-inserter.block-editor-block-list__empty-block-inserter,.block-editor-default-block-appender .block-editor-inserter{ + line-height:0; + position:absolute; + right:0; + top:0; } -.block-editor-block-list__empty-block-inserter.block-editor-block-list__empty-block-inserter:disabled, -.block-editor-default-block-appender .block-editor-inserter:disabled { - display: none; +.block-editor-block-list__empty-block-inserter.block-editor-block-list__empty-block-inserter:disabled,.block-editor-default-block-appender .block-editor-inserter:disabled{ + display:none; } - -/** - * Fixed position appender. - * These styles apply to all in-canvas inserters that exist inside nesting containers. - */ -.block-editor-block-list__block .block-list-appender { - position: absolute; - list-style: none; - padding: 0; - z-index: 2; - bottom: 0; - right: 0; +.block-editor-block-list__block .block-list-appender{ + bottom:0; + list-style:none; + padding:0; + position:absolute; + right:0; + z-index:2; } -.block-editor-block-list__block .block-list-appender.block-list-appender { - margin: 0; - line-height: 0; +.block-editor-block-list__block .block-list-appender.block-list-appender{ + line-height:0; + margin:0; } -.block-editor-block-list__block .block-list-appender .block-editor-default-block-appender { - height: 24px; +.block-editor-block-list__block .block-list-appender .block-editor-default-block-appender{ + height:24px; } -.block-editor-block-list__block .block-list-appender .block-editor-inserter__toggle.components-button.has-icon, -.block-editor-block-list__block .block-list-appender .block-list-appender__toggle { - flex-direction: row; - box-shadow: none; - height: 24px; - width: 24px; - display: none; - padding: 0 !important; - background: #1e1e1e; - color: #fff; +.block-editor-block-list__block .block-list-appender .block-editor-inserter__toggle.components-button.has-icon,.block-editor-block-list__block .block-list-appender .block-list-appender__toggle{ + background:#1e1e1e; + box-shadow:none; + color:#fff; + display:none; + flex-direction:row; + height:24px; + padding:0 !important; + width:24px; } -.block-editor-block-list__block .block-list-appender .block-editor-inserter__toggle.components-button.has-icon:hover, -.block-editor-block-list__block .block-list-appender .block-list-appender__toggle:hover { - color: #fff; - background: var(--wp-admin-theme-color); +.block-editor-block-list__block .block-list-appender .block-editor-inserter__toggle.components-button.has-icon:hover,.block-editor-block-list__block .block-list-appender .block-list-appender__toggle:hover{ + background:var(--wp-admin-theme-color); + color:#fff; } -.block-editor-block-list__block .block-list-appender .block-editor-default-block-appender__content { - display: none; +.block-editor-block-list__block .block-list-appender .block-editor-default-block-appender__content{ + display:none; } -.block-editor-block-list__block .block-list-appender:only-child { - position: relative; - right: auto; - align-self: center; - list-style: none; - line-height: inherit; +.block-editor-block-list__block .block-list-appender:only-child{ + align-self:center; + line-height:inherit; + list-style:none; + position:relative; + right:auto; } -.block-editor-block-list__block .block-list-appender:only-child .block-editor-default-block-appender__content { - display: block; +.block-editor-block-list__block .block-list-appender:only-child .block-editor-default-block-appender__content{ + display:block; } -.block-editor-block-list__block.is-selected .block-editor-block-list__layout > .block-list-appender .block-editor-inserter__toggle.components-button.has-icon, -.block-editor-block-list__block.is-selected .block-editor-block-list__layout > .block-list-appender .block-list-appender__toggle, -.block-editor-block-list__block.is-selected > .block-list-appender .block-editor-inserter__toggle.components-button.has-icon, -.block-editor-block-list__block.is-selected > .block-list-appender .block-list-appender__toggle { - display: flex; +.block-editor-block-list__block.is-selected .block-editor-block-list__layout>.block-list-appender .block-editor-inserter__toggle.components-button.has-icon,.block-editor-block-list__block.is-selected .block-editor-block-list__layout>.block-list-appender .block-list-appender__toggle,.block-editor-block-list__block.is-selected>.block-list-appender .block-editor-inserter__toggle.components-button.has-icon,.block-editor-block-list__block.is-selected>.block-list-appender .block-list-appender__toggle{ + display:flex; } -.block-editor-default-block-appender__content { - cursor: text; +.block-editor-default-block-appender__content{ + cursor:text; } -.block-editor-date-format-picker { - margin-bottom: 16px; +.block-editor-date-format-picker{ + margin-bottom:16px; } -.block-editor-date-format-picker__default-format-toggle-control__hint { - color: #757575; - display: block; +.block-editor-date-format-picker__default-format-toggle-control__hint{ + color:#757575; + display:block; } -.block-editor-date-format-picker__custom-format-select-control.components-base-control { - margin-bottom: 0; +.block-editor-date-format-picker__custom-format-select-control.components-base-control{ + margin-bottom:0; } -.block-editor-date-format-picker__custom-format-select-control__custom-option { - border-top: 1px solid #ddd; +.block-editor-date-format-picker__custom-format-select-control__custom-option{ + border-top:1px solid #ddd; } -.block-editor-date-format-picker__custom-format-select-control__custom-option.has-hint { - grid-template-columns: auto 30px; +.block-editor-date-format-picker__custom-format-select-control__custom-option.has-hint{ + grid-template-columns:auto 30px; } -.block-editor-date-format-picker__custom-format-select-control__custom-option .components-custom-select-control__item-hint { - grid-row: 2; - text-align: left; +.block-editor-date-format-picker__custom-format-select-control__custom-option .components-custom-select-control__item-hint{ + grid-row:2; + text-align:left; } -.block-editor-duotone-control__popover > .components-popover__content { - padding: 16px; - width: 280px; +.block-editor-duotone-control__popover>.components-popover__content{ + padding:16px; + width:280px; } -.block-editor-duotone-control__popover .components-menu-group__label { - padding: 0; +.block-editor-duotone-control__popover .components-menu-group__label{ + padding:0; } -.block-editor-duotone-control__popover .components-circular-option-picker__swatches { - display: grid; - grid-template-columns: repeat(6, 28px); - gap: 12px; - justify-content: space-between; +.block-editor-duotone-control__popover .components-circular-option-picker__swatches{ + display:grid; + gap:12px; + grid-template-columns:repeat(6, 28px); + justify-content:space-between; } -.block-editor-duotone-control__description { - margin: 16px 0; - font-size: 12px; +.block-editor-duotone-control__description{ + font-size:12px; + margin:16px 0; } -.block-editor-duotone-control__unset-indicator { - background: linear-gradient(-45deg, transparent 48%, #ddd 48%, #ddd 52%, transparent 52%); +.block-editor-duotone-control__unset-indicator{ + background:linear-gradient(-45deg, transparent 48%, #ddd 0, #ddd 52%, transparent 0); } -.components-font-appearance-control ul li { - color: #1e1e1e; - text-transform: capitalize; +.components-font-appearance-control ul li{ + color:#1e1e1e; + text-transform:capitalize; } -.block-editor-image-size-control { - margin-bottom: 1em; +.block-editor-image-size-control{ + margin-bottom:1em; } -.block-editor-image-size-control .block-editor-image-size-control__row { - display: flex; - justify-content: space-between; +.block-editor-image-size-control .block-editor-image-size-control__row{ + display:flex; + justify-content:space-between; } -.block-editor-image-size-control .block-editor-image-size-control__row .block-editor-image-size-control__width, -.block-editor-image-size-control .block-editor-image-size-control__row .block-editor-image-size-control__height { - margin-bottom: 0.5em; +.block-editor-image-size-control .block-editor-image-size-control__row .block-editor-image-size-control__height,.block-editor-image-size-control .block-editor-image-size-control__row .block-editor-image-size-control__width{ + margin-bottom:.5em; } -.block-editor-image-size-control .block-editor-image-size-control__row .block-editor-image-size-control__width input, -.block-editor-image-size-control .block-editor-image-size-control__row .block-editor-image-size-control__height input { - line-height: 1.25; +.block-editor-image-size-control .block-editor-image-size-control__row .block-editor-image-size-control__height input,.block-editor-image-size-control .block-editor-image-size-control__row .block-editor-image-size-control__width input{ + line-height:1.25; } -.block-editor-image-size-control .block-editor-image-size-control__row .block-editor-image-size-control__width { - margin-right: 5px; +.block-editor-image-size-control .block-editor-image-size-control__row .block-editor-image-size-control__width{ + margin-right:5px; } -.block-editor-image-size-control .block-editor-image-size-control__row .block-editor-image-size-control__height { - margin-left: 5px; +.block-editor-image-size-control .block-editor-image-size-control__row .block-editor-image-size-control__height{ + margin-left:5px; } -.block-editor-block-list__layout.has-overlay::after { - content: ""; - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - z-index: 60; +.block-editor-block-list__layout.has-overlay:after{ + bottom:0; + content:""; + left:0; + position:absolute; + right:0; + top:0; + z-index:60; } -.block-editor-block-types-list__list-item { - display: block; - width: 33.33%; - padding: 0; - margin: 0; +.block-editor-block-types-list__list-item{ + display:block; + margin:0; + padding:0; + width:33.33%; } -.components-button.block-editor-block-types-list__item { - display: flex; - flex-direction: column; - width: 100%; - font-size: 13px; - color: #1e1e1e; - padding: 8px; - align-items: stretch; - justify-content: center; - cursor: pointer; - background: transparent; - word-break: break-word; - border-radius: 2px; - transition: all 0.05s ease-in-out; - position: relative; - height: auto; +.components-button.block-editor-block-types-list__item{ + align-items:stretch; + background:transparent; + border-radius:2px; + color:#1e1e1e; + cursor:pointer; + display:flex; + flex-direction:column; + font-size:13px; + height:auto; + justify-content:center; + padding:8px; + position:relative; + transition:all .05s ease-in-out; + width:100%; + word-break:break-word; } -@media (prefers-reduced-motion: reduce) { - .components-button.block-editor-block-types-list__item { - transition-duration: 0s; - transition-delay: 0s; +@media (prefers-reduced-motion:reduce){ + .components-button.block-editor-block-types-list__item{ + transition-delay:0s; + transition-duration:0s; } } -.components-button.block-editor-block-types-list__item:disabled { - opacity: 0.6; - cursor: default; +.components-button.block-editor-block-types-list__item:disabled{ + cursor:default; + opacity:.6; } -.components-button.block-editor-block-types-list__item:not(:disabled):hover { - color: var(--wp-admin-theme-color) !important; +.components-button.block-editor-block-types-list__item:not(:disabled):hover{ + color:var(--wp-admin-theme-color) !important; } -.components-button.block-editor-block-types-list__item:not(:disabled):focus { - box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); +.components-button.block-editor-block-types-list__item:not(:disabled):focus{ + box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); } -.components-button.block-editor-block-types-list__item:not(:disabled).is-active { - color: #fff; - background: #1e1e1e; - outline: 2px solid transparent; - outline-offset: -2px; +.components-button.block-editor-block-types-list__item:not(:disabled).is-active{ + background:#1e1e1e; + color:#fff; + outline:2px solid transparent; + outline-offset:-2px; } -.block-editor-block-types-list__item-icon { - padding: 12px 20px; - border-radius: 2px; - color: #1e1e1e; - transition: all 0.05s ease-in-out; +.block-editor-block-types-list__item-icon{ + border-radius:2px; + color:#1e1e1e; + padding:12px 20px; + transition:all .05s ease-in-out; } -@media (prefers-reduced-motion: reduce) { - .block-editor-block-types-list__item-icon { - transition-duration: 0s; - transition-delay: 0s; +@media (prefers-reduced-motion:reduce){ + .block-editor-block-types-list__item-icon{ + transition-delay:0s; + transition-duration:0s; } } -.block-editor-block-types-list__item-icon .block-editor-block-icon { - margin-left: auto; - margin-right: auto; +.block-editor-block-types-list__item-icon .block-editor-block-icon{ + margin-left:auto; + margin-right:auto; } -.block-editor-block-types-list__item-icon svg { - transition: all 0.15s ease-out; +.block-editor-block-types-list__item-icon svg{ + transition:all .15s ease-out; } -@media (prefers-reduced-motion: reduce) { - .block-editor-block-types-list__item-icon svg { - transition-duration: 0s; - transition-delay: 0s; +@media (prefers-reduced-motion:reduce){ + .block-editor-block-types-list__item-icon svg{ + transition-delay:0s; + transition-duration:0s; } } -.block-editor-block-types-list__list-item[draggable=true] .block-editor-block-types-list__item-icon { - cursor: grab; +.block-editor-block-types-list__list-item[draggable=true] .block-editor-block-types-list__item-icon{ + cursor:grab; } -.block-editor-block-types-list__item-title { - padding: 4px 2px 8px; - font-size: 12px; +.block-editor-block-types-list__item-title{ + font-size:12px; + padding:4px 2px 8px; } -.block-editor-inspector-popover-header { - margin-bottom: 16px; +.block-editor-inspector-popover-header{ + margin-bottom:16px; } -[class].block-editor-inspector-popover-header__action { - height: 24px; +[class].block-editor-inspector-popover-header__action{ + height:24px; } -[class].block-editor-inspector-popover-header__action.has-icon { - min-width: 24px; - padding: 0; +[class].block-editor-inspector-popover-header__action.has-icon{ + min-width:24px; + padding:0; } -[class].block-editor-inspector-popover-header__action:not(.has-icon) { - text-decoration: underline; +[class].block-editor-inspector-popover-header__action:not(.has-icon){ + text-decoration:underline; } -.items-justified-left { - justify-content: flex-start; +.items-justified-left{ + justify-content:flex-start; } -.items-justified-center { - justify-content: center; +.items-justified-center{ + justify-content:center; } -.items-justified-right { - justify-content: flex-end; +.items-justified-right{ + justify-content:flex-end; } -.items-justified-space-between { - justify-content: space-between; +.items-justified-space-between{ + justify-content:space-between; } -@keyframes loadingpulse { - 0% { - opacity: 1; +@keyframes loadingpulse{ + 0%{ + opacity:1; } - 50% { - opacity: 0; + 50%{ + opacity:0; } - 100% { - opacity: 1; + to{ + opacity:1; } } -.block-editor-link-control { - position: relative; - min-width: 360px; -} -.components-popover__content .block-editor-link-control { - min-width: auto; - width: 90vw; - max-width: 360px; +.block-editor-link-control{ + min-width:360px; + position:relative; } - -.block-editor-link-control__search-input-wrapper { - position: relative; +.components-popover__content .block-editor-link-control{ + max-width:360px; + min-width:auto; + width:90vw; } -.block-editor-link-control__search-input-container { - position: relative; +.block-editor-link-control__search-input-container,.block-editor-link-control__search-input-wrapper{ + position:relative; } -.block-editor-link-control__search-input.has-no-label .block-editor-url-input__input { - flex: 1; +.block-editor-link-control__search-input.has-no-label .block-editor-url-input__input{ + flex:1; } -.block-editor-link-control__field { - margin: 16px; +.block-editor-link-control__field{ + margin:16px; } -.block-editor-link-control__field > .components-base-control__field { - display: flex; - align-items: center; - margin: 0; +.block-editor-link-control__field>.components-base-control__field{ + align-items:center; + display:flex; + margin:0; } -.block-editor-link-control__field .components-base-control__label { - margin-right: 16px; - margin-bottom: 0; +.block-editor-link-control__field .components-base-control__label{ + margin-bottom:0; + margin-right:16px; } -.block-editor-link-control__field input[type=text], .block-editor-link-control__field.block-editor-url-input input[type=text].block-editor-url-input__input { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - padding: 6px 8px; - box-shadow: 0 0 0 transparent; - transition: box-shadow 0.1s linear; - border-radius: 2px; - border: 1px solid #757575; - /* Fonts smaller than 16px causes mobile safari to zoom. */ - font-size: 16px; - /* Override core line-height. To be reviewed. */ - line-height: normal; - width: calc(100% - 32px); - display: block; - padding: 11px 16px; - padding-right: 36px; - margin: 0; - position: relative; - border: 1px solid #ddd; - border-radius: 2px; +.block-editor-link-control__field input[type=text],.block-editor-link-control__field.block-editor-url-input input[type=text].block-editor-url-input__input{ + border:1px solid #ddd; + border-radius:2px; + box-shadow:0 0 0 transparent; + display:block; + font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; + font-size:16px; + line-height:normal; + margin:0; + padding:11px 36px 11px 16px; + position:relative; + transition:box-shadow .1s linear; + width:calc(100% - 32px); } -@media (prefers-reduced-motion: reduce) { - .block-editor-link-control__field input[type=text], .block-editor-link-control__field.block-editor-url-input input[type=text].block-editor-url-input__input { - transition-duration: 0s; - transition-delay: 0s; +@media (prefers-reduced-motion:reduce){ + .block-editor-link-control__field input[type=text],.block-editor-link-control__field.block-editor-url-input input[type=text].block-editor-url-input__input{ + transition-delay:0s; + transition-duration:0s; } } -@media (min-width: 600px) { - .block-editor-link-control__field input[type=text], .block-editor-link-control__field.block-editor-url-input input[type=text].block-editor-url-input__input { - font-size: 13px; - /* Override core line-height. To be reviewed. */ - line-height: normal; +@media (min-width:600px){ + .block-editor-link-control__field input[type=text],.block-editor-link-control__field.block-editor-url-input input[type=text].block-editor-url-input__input{ + font-size:13px; + line-height:normal; } } -.block-editor-link-control__field input[type=text]:focus, .block-editor-link-control__field.block-editor-url-input input[type=text].block-editor-url-input__input:focus { - border-color: var(--wp-admin-theme-color); - box-shadow: 0 0 0 1px var(--wp-admin-theme-color); - outline: 2px solid transparent; +.block-editor-link-control__field input[type=text]:focus,.block-editor-link-control__field.block-editor-url-input input[type=text].block-editor-url-input__input:focus{ + border-color:var(--wp-admin-theme-color); + box-shadow:0 0 0 1px var(--wp-admin-theme-color); + outline:2px solid transparent; } -.block-editor-link-control__field input[type=text]::-webkit-input-placeholder, .block-editor-link-control__field.block-editor-url-input input[type=text].block-editor-url-input__input::-webkit-input-placeholder { - color: rgba(30, 30, 30, 0.62); +.block-editor-link-control__field input[type=text]::-webkit-input-placeholder,.block-editor-link-control__field.block-editor-url-input input[type=text].block-editor-url-input__input::-webkit-input-placeholder{ + color:rgba(30,30,30,.62); } -.block-editor-link-control__field input[type=text]::-moz-placeholder, .block-editor-link-control__field.block-editor-url-input input[type=text].block-editor-url-input__input::-moz-placeholder { - opacity: 1; - color: rgba(30, 30, 30, 0.62); -} -.block-editor-link-control__field input[type=text]:-ms-input-placeholder, .block-editor-link-control__field.block-editor-url-input input[type=text].block-editor-url-input__input:-ms-input-placeholder { - color: rgba(30, 30, 30, 0.62); -} - -.block-editor-link-control__search-error { - margin: -8px 16px 16px; -} - -.block-editor-link-control__search-actions { - position: absolute; - /* - * Actions must be positioned on top of URLInput, since the input will grow - * when suggestions are rendered. - * - * Compensate for: - * - Border (1px) - * - Vertically, for the difference in height between the input (40px) and - * the icon buttons. - * - Horizontally, pad to the minimum of: default input padding, or the - * equivalent of the vertical padding. - */ - top: 3px; - right: 19px; -} - -.components-button .block-editor-link-control__search-submit .has-icon { - margin: -1px; -} - -.block-editor-link-control__search-results-wrapper { - position: relative; - margin-top: -15px; -} -.block-editor-link-control__search-results-wrapper::before, .block-editor-link-control__search-results-wrapper::after { - content: ""; - position: absolute; - left: -1px; - right: 16px; - display: block; - pointer-events: none; - z-index: 100; -} -.block-editor-link-control__search-results-wrapper::before { - height: 8px; - top: 0; - bottom: auto; -} -.block-editor-link-control__search-results-wrapper::after { - height: 16px; - bottom: 0; - top: auto; -} - -.block-editor-link-control__search-results-label { - padding: 16px 32px 0; - display: block; - font-weight: 600; -} - -.block-editor-link-control__search-results { - margin: 0; - padding: 8px 16px 8px; - max-height: 200px; - overflow-y: auto; -} -.block-editor-link-control__search-results.is-loading { - opacity: 0.2; -} - -.block-editor-link-control__search-item { - position: relative; - display: flex; - align-items: flex-start; - font-size: 13px; - cursor: pointer; - background: #fff; - width: 100%; - border: none; - text-align: left; - padding: 12px 16px; - border-radius: 2px; - height: auto; -} -.block-editor-link-control__search-item:hover, .block-editor-link-control__search-item:focus { - background-color: #f0f0f0; -} -.block-editor-link-control__search-item:hover .block-editor-link-control__search-item-type, .block-editor-link-control__search-item:focus .block-editor-link-control__search-item-type { - background: #fff; -} -.block-editor-link-control__search-item:focus:not(:disabled) { - box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color) inset; -} -.block-editor-link-control__search-item.is-selected { - background: #f0f0f0; -} -.block-editor-link-control__search-item.is-selected .block-editor-link-control__search-item-type { - background: #fff; -} -.block-editor-link-control__search-item.is-current { - flex-direction: column; - background: transparent; - border: 0; - width: 100%; - cursor: default; - padding: 16px; -} -.block-editor-link-control__search-item .block-editor-link-control__search-item-header { - display: block; - flex-direction: row; - align-items: flex-start; - margin-right: 8px; - white-space: pre-wrap; - overflow-wrap: break-word; -} -.block-editor-link-control__search-item .block-editor-link-control__search-item-header .block-editor-link-control__search-item-info { - word-break: break-all; -} -.block-editor-link-control__search-item.is-preview .block-editor-link-control__search-item-header { - display: flex; - flex: 1; -} -.block-editor-link-control__search-item.is-error .block-editor-link-control__search-item-header { - align-items: center; -} -.block-editor-link-control__search-item .block-editor-link-control__search-item-icon { - position: relative; - top: 0.2em; - margin-right: 8px; - max-height: 24px; - flex-shrink: 0; - width: 24px; - display: flex; - justify-content: center; -} -.block-editor-link-control__search-item .block-editor-link-control__search-item-icon img { - width: 16px; -} -.block-editor-link-control__search-item.is-error .block-editor-link-control__search-item-icon { - top: 0; - width: 32px; - max-height: 32px; -} -.block-editor-link-control__search-item .block-editor-link-control__search-item-info, -.block-editor-link-control__search-item .block-editor-link-control__search-item-title { - overflow: hidden; - text-overflow: ellipsis; -} -.block-editor-link-control__search-item .block-editor-link-control__search-item-info .components-external-link__icon, -.block-editor-link-control__search-item .block-editor-link-control__search-item-title .components-external-link__icon { - position: absolute; - right: 0; - margin-top: 0; -} -.block-editor-link-control__search-item .block-editor-link-control__search-item-title { - display: block; - margin-bottom: 0.2em; - font-weight: 500; - position: relative; -} -.block-editor-link-control__search-item .block-editor-link-control__search-item-title mark { - font-weight: 700; - color: inherit; - background-color: transparent; -} -.block-editor-link-control__search-item .block-editor-link-control__search-item-title span { - font-weight: normal; -} -.block-editor-link-control__search-item .block-editor-link-control__search-item-title svg { - display: none; -} -.block-editor-link-control__search-item .block-editor-link-control__search-item-info { - display: block; - color: #757575; - font-size: 0.9em; - line-height: 1.3; -} -.block-editor-link-control__search-item .block-editor-link-control__search-item-error-notice { - font-style: italic; - font-size: 1.1em; -} -.block-editor-link-control__search-item .block-editor-link-control__search-item-type { - display: block; - padding: 3px 6px; - margin-left: auto; - font-size: 0.9em; - background-color: #f0f0f0; - border-radius: 2px; - white-space: nowrap; -} -.block-editor-link-control__search-item .block-editor-link-control__search-item-description { - padding-top: 12px; - margin: 0; -} -.block-editor-link-control__search-item .block-editor-link-control__search-item-description.is-placeholder { - margin-top: 12px; - padding-top: 0; - height: 28px; - display: flex; - flex-direction: column; - justify-content: space-around; -} -.block-editor-link-control__search-item .block-editor-link-control__search-item-description.is-placeholder::before, .block-editor-link-control__search-item .block-editor-link-control__search-item-description.is-placeholder::after { - display: block; - content: ""; - height: 0.7em; - width: 100%; - background-color: #f0f0f0; - border-radius: 3px; -} -.block-editor-link-control__search-item .block-editor-link-control__search-item-description .components-text { - font-size: 0.9em; -} -.block-editor-link-control__search-item .block-editor-link-control__search-item-image { - display: flex; - width: 100%; - background-color: #f0f0f0; - justify-content: center; - height: 140px; - max-height: 140px; - overflow: hidden; - border-radius: 2px; - margin-top: 12px; -} -.block-editor-link-control__search-item .block-editor-link-control__search-item-image.is-placeholder { - background-color: #f0f0f0; - border-radius: 3px; -} -.block-editor-link-control__search-item .block-editor-link-control__search-item-image img { - display: block; - max-width: 100%; - height: 140px; - max-height: 140px; +.block-editor-link-control__field input[type=text]::-moz-placeholder,.block-editor-link-control__field.block-editor-url-input input[type=text].block-editor-url-input__input::-moz-placeholder{ + color:rgba(30,30,30,.62); + opacity:1; +} +.block-editor-link-control__field input[type=text]:-ms-input-placeholder,.block-editor-link-control__field.block-editor-url-input input[type=text].block-editor-url-input__input:-ms-input-placeholder{ + color:rgba(30,30,30,.62); +} + +.block-editor-link-control__search-error{ + margin:-8px 16px 16px; } -.block-editor-link-control__search-item-top { - display: flex; - flex-direction: row; - width: 100%; +.block-editor-link-control__search-actions{ + position:absolute; + right:19px; + top:3px; } -.block-editor-link-control__search-item-bottom { - transition: opacity 1.5s; - width: 100%; +.components-button .block-editor-link-control__search-submit .has-icon{ + margin:-1px; } -.block-editor-link-control__search-item.is-fetching .block-editor-link-control__search-item-description::before, .block-editor-link-control__search-item.is-fetching .block-editor-link-control__search-item-description::after { - animation: loadingpulse 1s linear infinite; - animation-delay: 0.5s; -} -.block-editor-link-control__search-item.is-fetching .block-editor-link-control__search-item-image { - animation: loadingpulse 1s linear infinite; - animation-delay: 0.5s; -} -.block-editor-link-control__search-item.is-fetching .block-editor-link-control__search-item-icon svg, -.block-editor-link-control__search-item.is-fetching .block-editor-link-control__search-item-icon img { - opacity: 0; +.block-editor-link-control__search-results-wrapper{ + margin-top:-15px; + position:relative; } -.block-editor-link-control__search-item.is-fetching .block-editor-link-control__search-item-icon::before { - content: ""; - display: block; - background-color: #f0f0f0; - position: absolute; - top: 0; - left: 0; - right: 0; - bottom: 0; - border-radius: 100%; - animation: loadingpulse 1s linear infinite; - animation-delay: 0.5s; +.block-editor-link-control__search-results-wrapper:after,.block-editor-link-control__search-results-wrapper:before{ + content:""; + display:block; + left:-1px; + pointer-events:none; + position:absolute; + right:16px; + z-index:100; +} +.block-editor-link-control__search-results-wrapper:before{ + bottom:auto; + height:8px; + top:0; +} +.block-editor-link-control__search-results-wrapper:after{ + bottom:0; + height:16px; + top:auto; } -.block-editor-link-control__loading { - margin: 16px; - display: flex; - align-items: center; +.block-editor-link-control__search-results-label{ + display:block; + font-weight:600; + padding:16px 32px 0; +} + +.block-editor-link-control__search-results{ + margin:0; + max-height:200px; + overflow-y:auto; + padding:8px 16px; } -.block-editor-link-control__loading .components-spinner { - margin-top: 0; +.block-editor-link-control__search-results.is-loading{ + opacity:.2; } -.components-button + .block-editor-link-control__search-create { - overflow: visible; - padding: 12px 16px; +.block-editor-link-control__search-item{ + align-items:flex-start; + background:#fff; + border:none; + border-radius:2px; + cursor:pointer; + display:flex; + font-size:13px; + height:auto; + padding:12px 16px; + position:relative; + text-align:left; + width:100%; +} +.block-editor-link-control__search-item:focus,.block-editor-link-control__search-item:hover{ + background-color:#f0f0f0; +} +.block-editor-link-control__search-item:focus .block-editor-link-control__search-item-type,.block-editor-link-control__search-item:hover .block-editor-link-control__search-item-type{ + background:#fff; +} +.block-editor-link-control__search-item:focus:not(:disabled){ + box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color) inset; +} +.block-editor-link-control__search-item.is-selected{ + background:#f0f0f0; +} +.block-editor-link-control__search-item.is-selected .block-editor-link-control__search-item-type{ + background:#fff; +} +.block-editor-link-control__search-item.is-current{ + background:transparent; + border:0; + cursor:default; + flex-direction:column; + padding:16px; + width:100%; +} +.block-editor-link-control__search-item .block-editor-link-control__search-item-header{ + align-items:flex-start; + display:block; + flex-direction:row; + margin-right:8px; + overflow-wrap:break-word; + white-space:pre-wrap; +} +.block-editor-link-control__search-item .block-editor-link-control__search-item-header .block-editor-link-control__search-item-info{ + word-break:break-all; +} +.block-editor-link-control__search-item.is-preview .block-editor-link-control__search-item-header{ + display:flex; + flex:1; +} +.block-editor-link-control__search-item.is-error .block-editor-link-control__search-item-header{ + align-items:center; +} +.block-editor-link-control__search-item .block-editor-link-control__search-item-icon{ + display:flex; + flex-shrink:0; + justify-content:center; + margin-right:8px; + max-height:24px; + position:relative; + top:.2em; + width:24px; +} +.block-editor-link-control__search-item .block-editor-link-control__search-item-icon img{ + width:16px; +} +.block-editor-link-control__search-item.is-error .block-editor-link-control__search-item-icon{ + max-height:32px; + top:0; + width:32px; +} +.block-editor-link-control__search-item .block-editor-link-control__search-item-info,.block-editor-link-control__search-item .block-editor-link-control__search-item-title{ + overflow:hidden; + text-overflow:ellipsis; +} +.block-editor-link-control__search-item .block-editor-link-control__search-item-info .components-external-link__icon,.block-editor-link-control__search-item .block-editor-link-control__search-item-title .components-external-link__icon{ + margin-top:0; + position:absolute; + right:0; +} +.block-editor-link-control__search-item .block-editor-link-control__search-item-title{ + display:block; + font-weight:500; + margin-bottom:.2em; + position:relative; +} +.block-editor-link-control__search-item .block-editor-link-control__search-item-title mark{ + background-color:initial; + color:inherit; + font-weight:700; +} +.block-editor-link-control__search-item .block-editor-link-control__search-item-title span{ + font-weight:400; +} +.block-editor-link-control__search-item .block-editor-link-control__search-item-title svg{ + display:none; +} +.block-editor-link-control__search-item .block-editor-link-control__search-item-info{ + color:#757575; + display:block; + font-size:.9em; + line-height:1.3; +} +.block-editor-link-control__search-item .block-editor-link-control__search-item-error-notice{ + font-size:1.1em; + font-style:italic; +} +.block-editor-link-control__search-item .block-editor-link-control__search-item-type{ + background-color:#f0f0f0; + border-radius:2px; + display:block; + font-size:.9em; + margin-left:auto; + padding:3px 6px; + white-space:nowrap; +} +.block-editor-link-control__search-item .block-editor-link-control__search-item-description{ + margin:0; + padding-top:12px; +} +.block-editor-link-control__search-item .block-editor-link-control__search-item-description.is-placeholder{ + display:flex; + flex-direction:column; + height:28px; + justify-content:space-around; + margin-top:12px; + padding-top:0; +} +.block-editor-link-control__search-item .block-editor-link-control__search-item-description.is-placeholder:after,.block-editor-link-control__search-item .block-editor-link-control__search-item-description.is-placeholder:before{ + background-color:#f0f0f0; + border-radius:3px; + content:""; + display:block; + height:.7em; + width:100%; +} +.block-editor-link-control__search-item .block-editor-link-control__search-item-description .components-text{ + font-size:.9em; +} +.block-editor-link-control__search-item .block-editor-link-control__search-item-image{ + background-color:#f0f0f0; + border-radius:2px; + display:flex; + height:140px; + justify-content:center; + margin-top:12px; + max-height:140px; + overflow:hidden; + width:100%; +} +.block-editor-link-control__search-item .block-editor-link-control__search-item-image.is-placeholder{ + background-color:#f0f0f0; + border-radius:3px; +} +.block-editor-link-control__search-item .block-editor-link-control__search-item-image img{ + display:block; + height:140px; + max-height:140px; + max-width:100%; +} + +.block-editor-link-control__search-item-top{ + display:flex; + flex-direction:row; + width:100%; +} + +.block-editor-link-control__search-item-bottom{ + transition:opacity 1.5s; + width:100%; } -.components-button + .block-editor-link-control__search-create::before { - content: ""; - position: absolute; - top: -10px; - left: 0; - display: block; - width: 100%; +.block-editor-link-control__search-item.is-fetching .block-editor-link-control__search-item-description:after,.block-editor-link-control__search-item.is-fetching .block-editor-link-control__search-item-description:before,.block-editor-link-control__search-item.is-fetching .block-editor-link-control__search-item-image{ + animation:loadingpulse 1s linear infinite; + animation-delay:.5s; +} +.block-editor-link-control__search-item.is-fetching .block-editor-link-control__search-item-icon img,.block-editor-link-control__search-item.is-fetching .block-editor-link-control__search-item-icon svg{ + opacity:0; +} +.block-editor-link-control__search-item.is-fetching .block-editor-link-control__search-item-icon:before{ + animation:loadingpulse 1s linear infinite; + animation-delay:.5s; + background-color:#f0f0f0; + border-radius:100%; + bottom:0; + content:""; + display:block; + left:0; + position:absolute; + right:0; + top:0; +} + +.block-editor-link-control__loading{ + align-items:center; + display:flex; + margin:16px; +} +.block-editor-link-control__loading .components-spinner{ + margin-top:0; } -.block-editor-link-control__search-create { - align-items: center; +.components-button+.block-editor-link-control__search-create{ + overflow:visible; + padding:12px 16px; } -.block-editor-link-control__search-create .block-editor-link-control__search-item-title { - margin-bottom: 0; +.components-button+.block-editor-link-control__search-create:before{ + content:""; + display:block; + left:0; + position:absolute; + top:-10px; + width:100%; } -.block-editor-link-control__search-create .block-editor-link-control__search-item-icon { - top: 0; + +.block-editor-link-control__search-create{ + align-items:center; +} +.block-editor-link-control__search-create .block-editor-link-control__search-item-title{ + margin-bottom:0; +} +.block-editor-link-control__search-create .block-editor-link-control__search-item-icon{ + top:0; } -.block-editor-link-control__search-results div[role=menu] > .block-editor-link-control__search-item.block-editor-link-control__search-item { - padding: 10px; +.block-editor-link-control__search-results div[role=menu]>.block-editor-link-control__search-item.block-editor-link-control__search-item{ + padding:10px; } -.block-editor-link-control__tools { - display: flex; - align-items: center; - border-top: 1px solid #ddd; - margin: 0; - padding: 16px; +.block-editor-link-control__tools{ + align-items:center; + border-top:1px solid #ddd; + display:flex; + margin:0; + padding:16px; } -.block-editor-link-control__unlink { - padding-left: 16px; - padding-right: 16px; +.block-editor-link-control__unlink{ + padding-left:16px; + padding-right:16px; } -.block-editor-link-control__settings { - flex: 1; - margin: 0; +.block-editor-link-control__settings{ + flex:1; + margin:0; } -.block-editor-link-control__settings :last-child { - margin-bottom: 0; +.block-editor-link-control__settings :last-child{ + margin-bottom:0; } -.is-alternate .block-editor-link-control__settings { - border-top: 1px solid #1e1e1e; +.is-alternate .block-editor-link-control__settings{ + border-top:1px solid #1e1e1e; } -.block-editor-link-control__setting { - margin-bottom: 16px; +.block-editor-link-control__setting{ + margin-bottom:16px; } -.block-editor-link-control__setting :last-child { - margin-bottom: 0; +.block-editor-link-control__setting :last-child{ + margin-bottom:0; } -.block-editor-link-control .block-editor-link-control__search-input .components-spinner { - display: block; +.block-editor-link-control .block-editor-link-control__search-input .components-spinner{ + display:block; } -.block-editor-link-control .block-editor-link-control__search-input .components-spinner.components-spinner { - position: absolute; - left: auto; - bottom: auto; - /* - * Position spinner to the left of the actions. - * - * Compensate for: - * - Input padding right ($button-size) - */ - top: calc(50% - 16px / 2); - right: 36px; +.block-editor-link-control .block-editor-link-control__search-input .components-spinner.components-spinner{ + bottom:auto; + left:auto; + position:absolute; + right:36px; + top:calc(50% - 8px); } -.block-editor-link-control__search-item-action { - margin-left: auto; - flex-shrink: 0; +.block-editor-link-control__search-item-action{ + flex-shrink:0; + margin-left:auto; } -.block-editor-list-view-tree { - width: 100%; - border-collapse: collapse; - padding: 0; - margin: 0; +.block-editor-list-view-tree{ + border-collapse:collapse; + margin:0; + padding:0; + width:100%; } -.components-modal__content .block-editor-list-view-tree { - margin: -12px -6px 0; - width: calc(100% + 12px); +.components-modal__content .block-editor-list-view-tree{ + margin:-12px -6px 0; + width:calc(100% + 12px); } -.block-editor-list-view-leaf { - position: relative; +.block-editor-list-view-leaf{ + position:relative; } -.block-editor-list-view-leaf.is-selected td { - background: var(--wp-admin-theme-color); +.block-editor-list-view-leaf.is-selected td{ + background:var(--wp-admin-theme-color); } -.block-editor-list-view-leaf.is-selected .block-editor-list-view-block-contents, .block-editor-list-view-leaf.is-selected .components-button.has-icon { - color: #fff; +.block-editor-list-view-leaf.is-selected .block-editor-list-view-block-contents,.block-editor-list-view-leaf.is-selected .components-button.has-icon{ + color:#fff; } -.is-dragging-components-draggable .block-editor-list-view-leaf.is-selected .block-editor-list-view-block-contents { - background: none; - color: #1e1e1e; +.is-dragging-components-draggable .block-editor-list-view-leaf.is-selected .block-editor-list-view-block-contents{ + background:none; + color:#1e1e1e; } -.block-editor-list-view-leaf.is-selected .block-editor-list-view-block-contents:focus::after { - box-shadow: inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); +.block-editor-list-view-leaf.is-selected .block-editor-list-view-block-contents:focus:after{ + box-shadow:inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); } -.block-editor-list-view-leaf.is-selected .block-editor-list-view-block__menu:focus { - box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) #fff; +.block-editor-list-view-leaf.is-selected .block-editor-list-view-block__menu:focus{ + box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) #fff; } -.block-editor-list-view-leaf.is-dragging { - display: none; +.block-editor-list-view-leaf.is-dragging{ + display:none; } -.block-editor-list-view-leaf.is-first-selected td:first-child { - border-top-left-radius: 2px; +.block-editor-list-view-leaf.is-first-selected td:first-child{ + border-top-left-radius:2px; } -.block-editor-list-view-leaf.is-first-selected td:last-child { - border-top-right-radius: 2px; +.block-editor-list-view-leaf.is-first-selected td:last-child{ + border-top-right-radius:2px; } -.block-editor-list-view-leaf.is-last-selected td:first-child { - border-bottom-left-radius: 2px; +.block-editor-list-view-leaf.is-last-selected td:first-child{ + border-bottom-left-radius:2px; } -.block-editor-list-view-leaf.is-last-selected td:last-child { - border-bottom-right-radius: 2px; +.block-editor-list-view-leaf.is-last-selected td:last-child{ + border-bottom-right-radius:2px; } -.block-editor-list-view-leaf.is-branch-selected:not(.is-selected) { - background: linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)), linear-gradient(var(--wp-admin-theme-color), var(--wp-admin-theme-color)); +.block-editor-list-view-leaf.is-branch-selected:not(.is-selected){ + background:linear-gradient(hsla(0,0%,100%,.9), hsla(0,0%,100%,.9)), linear-gradient(var(--wp-admin-theme-color), var(--wp-admin-theme-color)); } -.block-editor-list-view-leaf.is-branch-selected.is-first-selected td:first-child { - border-top-left-radius: 2px; +.block-editor-list-view-leaf.is-branch-selected.is-first-selected td:first-child{ + border-top-left-radius:2px; } -.block-editor-list-view-leaf.is-branch-selected.is-first-selected td:last-child { - border-top-right-radius: 2px; +.block-editor-list-view-leaf.is-branch-selected.is-first-selected td:last-child{ + border-top-right-radius:2px; } -.block-editor-list-view-leaf[aria-expanded=false].is-branch-selected.is-first-selected td:first-child { - border-top-left-radius: 2px; +.block-editor-list-view-leaf[aria-expanded=false].is-branch-selected.is-first-selected td:first-child{ + border-top-left-radius:2px; } -.block-editor-list-view-leaf[aria-expanded=false].is-branch-selected.is-first-selected td:last-child { - border-top-right-radius: 2px; +.block-editor-list-view-leaf[aria-expanded=false].is-branch-selected.is-first-selected td:last-child{ + border-top-right-radius:2px; } -.block-editor-list-view-leaf[aria-expanded=false].is-branch-selected.is-last-selected td:first-child { - border-bottom-left-radius: 2px; +.block-editor-list-view-leaf[aria-expanded=false].is-branch-selected.is-last-selected td:first-child{ + border-bottom-left-radius:2px; } -.block-editor-list-view-leaf[aria-expanded=false].is-branch-selected.is-last-selected td:last-child { - border-bottom-right-radius: 2px; +.block-editor-list-view-leaf[aria-expanded=false].is-branch-selected.is-last-selected td:last-child{ + border-bottom-right-radius:2px; } -.block-editor-list-view-leaf.is-branch-selected:not(.is-selected) td { - border-radius: 0; +.block-editor-list-view-leaf.is-branch-selected:not(.is-selected) td{ + border-radius:0; } -.block-editor-list-view-leaf .block-editor-list-view-block-contents { - display: flex; - align-items: center; - width: 100%; - height: auto; - padding: 6px 4px 6px 0; - text-align: left; - color: #1e1e1e; - border-radius: 2px; - position: relative; - white-space: nowrap; -} -.block-editor-list-view-leaf .block-editor-list-view-block-contents.is-dropping-before::before { - content: ""; - position: absolute; - pointer-events: none; - transition: border-color 0.1s linear, border-style 0.1s linear, box-shadow 0.1s linear; - top: -2px; - right: 0; - left: 0; - border-top: 4px solid var(--wp-admin-theme-color); +.block-editor-list-view-leaf .block-editor-list-view-block-contents{ + align-items:center; + border-radius:2px; + color:#1e1e1e; + display:flex; + height:auto; + padding:6px 4px 6px 0; + position:relative; + text-align:left; + white-space:nowrap; + width:100%; } -.components-modal__content .block-editor-list-view-leaf .block-editor-list-view-block-contents { - padding-left: 0; - padding-right: 0; +.block-editor-list-view-leaf .block-editor-list-view-block-contents.is-dropping-before:before{ + border-top:4px solid var(--wp-admin-theme-color); + content:""; + left:0; + pointer-events:none; + position:absolute; + right:0; + top:-2px; + transition:border-color .1s linear,border-style .1s linear,box-shadow .1s linear; } -.block-editor-list-view-leaf .block-editor-list-view-block-contents:focus { - box-shadow: none; +.components-modal__content .block-editor-list-view-leaf .block-editor-list-view-block-contents{ + padding-left:0; + padding-right:0; } -.block-editor-list-view-leaf .block-editor-list-view-block-contents:focus::after { - content: ""; - position: absolute; - top: 0; - right: -29px; - bottom: 0; - left: 0; - border-radius: inherit; - box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); - z-index: 2; - pointer-events: none; +.block-editor-list-view-leaf .block-editor-list-view-block-contents:focus{ + box-shadow:none; } -.is-dragging-components-draggable .block-editor-list-view-leaf .block-editor-list-view-block-contents:focus::after { - box-shadow: none; -} -.block-editor-list-view-leaf.has-single-cell .block-editor-list-view-block-contents:focus::after { - right: 0; -} -.block-editor-list-view-leaf .block-editor-list-view-block__menu:focus { - box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); - z-index: 1; -} -.is-dragging-components-draggable .block-editor-list-view-leaf .block-editor-list-view-block__menu:focus { - box-shadow: none; -} -.block-editor-list-view-leaf.is-visible .block-editor-list-view-block-contents { - opacity: 1; - animation: edit-post__fade-in-animation 0.2s ease-out 0s; - animation-fill-mode: forwards; -} -@media (prefers-reduced-motion: reduce) { - .block-editor-list-view-leaf.is-visible .block-editor-list-view-block-contents { - animation-duration: 1ms; - animation-delay: 0s; +.block-editor-list-view-leaf .block-editor-list-view-block-contents:focus:after{ + border-radius:inherit; + bottom:0; + box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); + content:""; + left:0; + pointer-events:none; + position:absolute; + right:-29px; + top:0; + z-index:2; +} +.is-dragging-components-draggable .block-editor-list-view-leaf .block-editor-list-view-block-contents:focus:after{ + box-shadow:none; +} +.block-editor-list-view-leaf.has-single-cell .block-editor-list-view-block-contents:focus:after{ + right:0; +} +.block-editor-list-view-leaf .block-editor-list-view-block__menu:focus{ + box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); + z-index:1; +} +.is-dragging-components-draggable .block-editor-list-view-leaf .block-editor-list-view-block__menu:focus{ + box-shadow:none; +} +.block-editor-list-view-leaf.is-visible .block-editor-list-view-block-contents{ + animation:edit-post__fade-in-animation .2s ease-out 0s; + animation-fill-mode:forwards; + opacity:1; +} +@media (prefers-reduced-motion:reduce){ + .block-editor-list-view-leaf.is-visible .block-editor-list-view-block-contents{ + animation-delay:0s; + animation-duration:1ms; } } -.block-editor-list-view-leaf .block-editor-block-icon { - align-self: flex-start; - margin-right: 8px; - width: 24px; -} -.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell, -.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell, -.block-editor-list-view-leaf .block-editor-list-view-block__contents-cell { - padding-top: 0; - padding-bottom: 0; -} -.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell, -.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell { - line-height: 0; - width: 36px; - vertical-align: middle; -} -@media (prefers-reduced-motion: reduce) { - .block-editor-list-view-leaf .block-editor-list-view-block__menu-cell, -.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell { - transition-duration: 0s; - transition-delay: 0s; +.block-editor-list-view-leaf .block-editor-block-icon{ + align-self:flex-start; + margin-right:8px; + width:24px; +} +.block-editor-list-view-leaf .block-editor-list-view-block__contents-cell,.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell,.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell{ + padding-bottom:0; + padding-top:0; +} +.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell,.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell{ + line-height:0; + vertical-align:middle; + width:36px; +} +@media (prefers-reduced-motion:reduce){ + .block-editor-list-view-leaf .block-editor-list-view-block__menu-cell,.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell{ + transition-delay:0s; + transition-duration:0s; } } -.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell > *, -.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell > * { - opacity: 0; -} -.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell:hover, .block-editor-list-view-leaf .block-editor-list-view-block__menu-cell.is-visible, -.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell:hover, -.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell.is-visible { - position: relative; - z-index: 1; -} -.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell:hover > *, .block-editor-list-view-leaf .block-editor-list-view-block__menu-cell.is-visible > *, -.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell:hover > *, -.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell.is-visible > * { - opacity: 1; - animation: edit-post__fade-in-animation 0.2s ease-out 0s; - animation-fill-mode: forwards; -} -@media (prefers-reduced-motion: reduce) { - .block-editor-list-view-leaf .block-editor-list-view-block__menu-cell:hover > *, .block-editor-list-view-leaf .block-editor-list-view-block__menu-cell.is-visible > *, -.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell:hover > *, -.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell.is-visible > * { - animation-duration: 1ms; - animation-delay: 0s; +.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell>*,.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell>*{ + opacity:0; +} +.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell.is-visible,.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell:hover,.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell.is-visible,.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell:hover{ + position:relative; + z-index:1; +} +.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell.is-visible>*,.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell:hover>*,.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell.is-visible>*,.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell:hover>*{ + animation:edit-post__fade-in-animation .2s ease-out 0s; + animation-fill-mode:forwards; + opacity:1; +} +@media (prefers-reduced-motion:reduce){ + .block-editor-list-view-leaf .block-editor-list-view-block__menu-cell.is-visible>*,.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell:hover>*,.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell.is-visible>*,.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell:hover>*{ + animation-delay:0s; + animation-duration:1ms; } } -.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell, -.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell .components-button.has-icon, -.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell, -.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell .components-button.has-icon { - width: 24px; - min-width: 24px; - padding: 0; -} -.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell { - padding-right: 4px; -} -.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell .components-button.has-icon { - height: 24px; -} -.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell-alignment-wrapper { - display: flex; - height: 100%; - flex-direction: column; - align-items: center; -} -.block-editor-list-view-leaf .block-editor-block-mover-button { - position: relative; - width: 36px; - height: 24px; -} -.block-editor-list-view-leaf .block-editor-block-mover-button svg { - position: relative; - height: 24px; -} -.block-editor-list-view-leaf .block-editor-block-mover-button.is-up-button { - margin-top: -6px; - align-items: flex-end; -} -.block-editor-list-view-leaf .block-editor-block-mover-button.is-up-button svg { - bottom: -4px; -} -.block-editor-list-view-leaf .block-editor-block-mover-button.is-down-button { - margin-bottom: -6px; - align-items: flex-start; -} -.block-editor-list-view-leaf .block-editor-block-mover-button.is-down-button svg { - top: -4px; -} -.block-editor-list-view-leaf .block-editor-block-mover-button:focus:enabled { - box-shadow: none; - outline: none; -} -.block-editor-list-view-leaf .block-editor-block-mover-button:focus { - box-shadow: none; - outline: none; -} -.block-editor-list-view-leaf .block-editor-block-mover-button:focus::before { - box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 0 0 4px #fff; - outline: 2px solid transparent; -} -.block-editor-list-view-leaf .block-editor-block-mover-button::before { - content: ""; - position: absolute; - display: block; - border-radius: 2px; - height: 16px; - min-width: 100%; - left: 0; - right: 0; - animation: components-button__appear-animation 0.1s ease; - animation-fill-mode: forwards; -} -@media (prefers-reduced-motion: reduce) { - .block-editor-list-view-leaf .block-editor-block-mover-button::before { - animation-duration: 1ms; - animation-delay: 0s; +.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell,.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell .components-button.has-icon,.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell,.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell .components-button.has-icon{ + min-width:24px; + padding:0; + width:24px; +} +.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell{ + padding-right:4px; +} +.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell .components-button.has-icon{ + height:24px; +} +.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell-alignment-wrapper{ + align-items:center; + display:flex; + flex-direction:column; + height:100%; +} +.block-editor-list-view-leaf .block-editor-block-mover-button{ + height:24px; + position:relative; + width:36px; +} +.block-editor-list-view-leaf .block-editor-block-mover-button svg{ + height:24px; + position:relative; +} +.block-editor-list-view-leaf .block-editor-block-mover-button.is-up-button{ + align-items:flex-end; + margin-top:-6px; +} +.block-editor-list-view-leaf .block-editor-block-mover-button.is-up-button svg{ + bottom:-4px; +} +.block-editor-list-view-leaf .block-editor-block-mover-button.is-down-button{ + align-items:flex-start; + margin-bottom:-6px; +} +.block-editor-list-view-leaf .block-editor-block-mover-button.is-down-button svg{ + top:-4px; +} +.block-editor-list-view-leaf .block-editor-block-mover-button:focus,.block-editor-list-view-leaf .block-editor-block-mover-button:focus:enabled{ + box-shadow:none; + outline:none; +} +.block-editor-list-view-leaf .block-editor-block-mover-button:focus:before{ + box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 0 0 4px #fff; + outline:2px solid transparent; +} +.block-editor-list-view-leaf .block-editor-block-mover-button:before{ + animation:components-button__appear-animation .1s ease; + animation-fill-mode:forwards; + border-radius:2px; + content:""; + display:block; + height:16px; + left:0; + min-width:100%; + position:absolute; + right:0; +} +@media (prefers-reduced-motion:reduce){ + .block-editor-list-view-leaf .block-editor-block-mover-button:before{ + animation-delay:0s; + animation-duration:1ms; } } -.block-editor-list-view-leaf .block-editor-inserter__toggle { - background: #1e1e1e; - color: #fff; - height: 24px; - margin: 6px 6px 6px 1px; - min-width: 24px; +.block-editor-list-view-leaf .block-editor-inserter__toggle{ + background:#1e1e1e; + color:#fff; + height:24px; + margin:6px 6px 6px 1px; + min-width:24px; } -.block-editor-list-view-leaf .block-editor-inserter__toggle:active { - color: #fff; +.block-editor-list-view-leaf .block-editor-inserter__toggle:active{ + color:#fff; } -.block-editor-list-view-leaf .block-editor-list-view-block-select-button__label-wrapper { - min-width: 120px; +.block-editor-list-view-leaf .block-editor-list-view-block-select-button__label-wrapper{ + min-width:120px; } -.block-editor-list-view-leaf .block-editor-list-view-block-select-button__title { - flex: 1; - position: relative; +.block-editor-list-view-leaf .block-editor-list-view-block-select-button__title{ + flex:1; + position:relative; } -.block-editor-list-view-leaf .block-editor-list-view-block-select-button__title .components-truncate { - position: absolute; - width: 100%; - transform: translateY(-50%); +.block-editor-list-view-leaf .block-editor-list-view-block-select-button__title .components-truncate{ + position:absolute; + transform:translateY(-50%); + width:100%; } -.block-editor-list-view-leaf .block-editor-list-view-block-select-button__anchor-wrapper { - position: relative; - max-width: min(110px, 40%); - width: 100%; +.block-editor-list-view-leaf .block-editor-list-view-block-select-button__anchor-wrapper{ + max-width:min(110px, 40%); + position:relative; + width:100%; } -.block-editor-list-view-leaf .block-editor-list-view-block-select-button__anchor { - position: absolute; - right: 0; - transform: translateY(-50%); - background: rgba(0, 0, 0, 0.1); - border-radius: 2px; - padding: 2px 6px; - max-width: 100%; - box-sizing: border-box; +.block-editor-list-view-leaf .block-editor-list-view-block-select-button__anchor{ + background:rgba(0,0,0,.1); + border-radius:2px; + box-sizing:border-box; + max-width:100%; + padding:2px 6px; + position:absolute; + right:0; + transform:translateY(-50%); } -.block-editor-list-view-leaf.is-selected .block-editor-list-view-block-select-button__anchor { - background: rgba(0, 0, 0, 0.3); +.block-editor-list-view-leaf.is-selected .block-editor-list-view-block-select-button__anchor{ + background:rgba(0,0,0,.3); } -.block-editor-list-view-leaf .block-editor-list-view-block-select-button__lock { - line-height: 0; - width: 24px; - min-width: 24px; - margin-left: auto; - padding: 0; - vertical-align: middle; +.block-editor-list-view-leaf .block-editor-list-view-block-select-button__lock{ + line-height:0; + margin-left:auto; + min-width:24px; + padding:0; + vertical-align:middle; + width:24px; } -.block-editor-list-view-block-select-button__description, -.block-editor-list-view-appender__description { - display: none; +.block-editor-list-view-appender__description,.block-editor-list-view-block-select-button__description{ + display:none; } -.block-editor-list-view-block__contents-cell .block-editor-list-view-block__contents-container, -.block-editor-list-view-block__contents-cell .block-editor-list-view-appender__container, -.block-editor-list-view-appender__cell .block-editor-list-view-block__contents-container, -.block-editor-list-view-appender__cell .block-editor-list-view-appender__container { - display: flex; +.block-editor-list-view-appender__cell .block-editor-list-view-appender__container,.block-editor-list-view-appender__cell .block-editor-list-view-block__contents-container,.block-editor-list-view-block__contents-cell .block-editor-list-view-appender__container,.block-editor-list-view-block__contents-cell .block-editor-list-view-block__contents-container{ + display:flex; } -.block-editor-list-view__expander { - height: 24px; - margin-left: 4px; - width: 24px; +.block-editor-list-view__expander{ + height:24px; + margin-left:4px; + width:24px; } -.block-editor-list-view-leaf[aria-level] .block-editor-list-view__expander { - margin-left: 220px; +.block-editor-list-view-leaf[aria-level] .block-editor-list-view__expander{ + margin-left:220px; } -.block-editor-list-view-leaf:not([aria-level="1"]) .block-editor-list-view__expander { - margin-right: 4px; +.block-editor-list-view-leaf:not([aria-level="1"]) .block-editor-list-view__expander{ + margin-right:4px; } -.block-editor-list-view-leaf[aria-level="1"] .block-editor-list-view__expander { - margin-left: 0px; +.block-editor-list-view-leaf[aria-level="1"] .block-editor-list-view__expander{ + margin-left:0; } -.block-editor-list-view-leaf[aria-level="2"] .block-editor-list-view__expander { - margin-left: 24px; +.block-editor-list-view-leaf[aria-level="2"] .block-editor-list-view__expander{ + margin-left:24px; } -.block-editor-list-view-leaf[aria-level="3"] .block-editor-list-view__expander { - margin-left: 52px; +.block-editor-list-view-leaf[aria-level="3"] .block-editor-list-view__expander{ + margin-left:52px; } -.block-editor-list-view-leaf[aria-level="4"] .block-editor-list-view__expander { - margin-left: 80px; +.block-editor-list-view-leaf[aria-level="4"] .block-editor-list-view__expander{ + margin-left:80px; } -.block-editor-list-view-leaf[aria-level="5"] .block-editor-list-view__expander { - margin-left: 108px; +.block-editor-list-view-leaf[aria-level="5"] .block-editor-list-view__expander{ + margin-left:108px; } -.block-editor-list-view-leaf[aria-level="6"] .block-editor-list-view__expander { - margin-left: 136px; +.block-editor-list-view-leaf[aria-level="6"] .block-editor-list-view__expander{ + margin-left:136px; } -.block-editor-list-view-leaf[aria-level="7"] .block-editor-list-view__expander { - margin-left: 164px; +.block-editor-list-view-leaf[aria-level="7"] .block-editor-list-view__expander{ + margin-left:164px; } -.block-editor-list-view-leaf[aria-level="8"] .block-editor-list-view__expander { - margin-left: 192px; +.block-editor-list-view-leaf[aria-level="8"] .block-editor-list-view__expander{ + margin-left:192px; } -.block-editor-list-view-leaf .block-editor-list-view__expander { - visibility: hidden; +.block-editor-list-view-leaf .block-editor-list-view__expander{ + visibility:hidden; } -.block-editor-list-view-leaf[aria-expanded=true] .block-editor-list-view__expander svg { - visibility: visible; - transition: transform 0.2s ease; - transform: rotate(90deg); +.block-editor-list-view-leaf[aria-expanded=true] .block-editor-list-view__expander svg{ + transform:rotate(90deg); + transition:transform .2s ease; + visibility:visible; } -@media (prefers-reduced-motion: reduce) { - .block-editor-list-view-leaf[aria-expanded=true] .block-editor-list-view__expander svg { - transition-duration: 0s; - transition-delay: 0s; +@media (prefers-reduced-motion:reduce){ + .block-editor-list-view-leaf[aria-expanded=true] .block-editor-list-view__expander svg{ + transition-delay:0s; + transition-duration:0s; } } -.block-editor-list-view-leaf[aria-expanded=false] .block-editor-list-view__expander svg { - visibility: visible; - transform: rotate(0deg); - transition: transform 0.2s ease; +.block-editor-list-view-leaf[aria-expanded=false] .block-editor-list-view__expander svg{ + transform:rotate(0deg); + transition:transform .2s ease; + visibility:visible; } -@media (prefers-reduced-motion: reduce) { - .block-editor-list-view-leaf[aria-expanded=false] .block-editor-list-view__expander svg { - transition-duration: 0s; - transition-delay: 0s; +@media (prefers-reduced-motion:reduce){ + .block-editor-list-view-leaf[aria-expanded=false] .block-editor-list-view__expander svg{ + transition-delay:0s; + transition-duration:0s; } } -.block-editor-list-view-drop-indicator { - pointer-events: none; +.block-editor-list-view-drop-indicator{ + pointer-events:none; } -.block-editor-list-view-drop-indicator .block-editor-list-view-drop-indicator__line { - background: var(--wp-admin-theme-color); - height: 1px; +.block-editor-list-view-drop-indicator .block-editor-list-view-drop-indicator__line{ + background:var(--wp-admin-theme-color); + height:1px; } -.block-editor-list-view-drop-indicator > .components-popover__content { - margin-left: 0; - border: none; - box-shadow: none; - outline: none; +.block-editor-list-view-drop-indicator>.components-popover__content{ + border:none; + box-shadow:none; + margin-left:0; + outline:none; } -.block-editor-list-view-placeholder { - padding: 0; - margin: 0; - height: 36px; +.block-editor-list-view-placeholder{ + height:36px; + margin:0; + padding:0; } -.modal-open .block-editor-media-replace-flow__options { - display: none; +.modal-open .block-editor-media-replace-flow__options{ + display:none; } -.block-editor-media-replace-flow__indicator { - margin-left: 4px; +.block-editor-media-replace-flow__indicator{ + margin-left:4px; } -.block-editor-media-flow__url-input { - border-top: 1px solid #1e1e1e; - margin-top: 8px; - margin-right: -8px; - margin-left: -8px; - padding: 16px; +.block-editor-media-flow__url-input{ + border-top:1px solid #1e1e1e; + margin-left:-8px; + margin-right:-8px; + margin-top:8px; + padding:16px; } -.block-editor-media-flow__url-input .block-editor-media-replace-flow__image-url-label { - display: block; - top: 16px; - margin-bottom: 8px; +.block-editor-media-flow__url-input .block-editor-media-replace-flow__image-url-label{ + display:block; + margin-bottom:8px; + top:16px; } -.block-editor-media-flow__url-input .block-editor-link-control { - width: 220px; +.block-editor-media-flow__url-input .block-editor-link-control{ + width:220px; } -.block-editor-media-flow__url-input .block-editor-link-control .block-editor-url-input { - padding: 0; - margin: 0; +.block-editor-media-flow__url-input .block-editor-link-control .block-editor-url-input{ + margin:0; + padding:0; } -.block-editor-media-flow__url-input .block-editor-link-control .components-base-control .components-base-control__field { - margin-bottom: 0; +.block-editor-media-flow__url-input .block-editor-link-control .components-base-control .components-base-control__field{ + margin-bottom:0; } -.block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-item-title { - max-width: 180px; - white-space: nowrap; +.block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-item-title{ + max-width:180px; + white-space:nowrap; } -.block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-item-info { - white-space: nowrap; +.block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-item-info{ + white-space:nowrap; } -.block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-item.is-current { - width: auto; - padding: 0; +.block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-item.is-current{ + padding:0; + width:auto; } -.block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type=text] { - margin: 0; - width: 100%; +.block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type=text]{ + margin:0; + width:100%; } -.block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-actions { - top: 0; - right: 4px; +.block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-actions{ + right:4px; + top:0; } -.block-editor-media-flow__error { - padding: 0 20px 20px 20px; - max-width: 255px; +.block-editor-media-flow__error{ + max-width:255px; + padding:0 20px 20px; } -.block-editor-media-flow__error .components-with-notices-ui { - max-width: 255px; +.block-editor-media-flow__error .components-with-notices-ui{ + max-width:255px; } -.block-editor-media-flow__error .components-with-notices-ui .components-notice__content { - overflow: hidden; - word-wrap: break-word; +.block-editor-media-flow__error .components-with-notices-ui .components-notice__content{ + word-wrap:break-word; + overflow:hidden; } -.block-editor-media-flow__error .components-with-notices-ui .components-notice__dismiss { - position: absolute; - right: 10px; +.block-editor-media-flow__error .components-with-notices-ui .components-notice__dismiss{ + position:absolute; + right:10px; } -.block-editor-media-placeholder__url-input-container .block-editor-media-placeholder__button { - margin-bottom: 0; +.block-editor-media-placeholder__url-input-container .block-editor-media-placeholder__button{ + margin-bottom:0; } -.block-editor-media-placeholder__url-input-form { - display: flex; +.block-editor-media-placeholder__url-input-form{ + display:flex; } -.block-editor-media-placeholder__url-input-form input[type=url].block-editor-media-placeholder__url-input-field { - width: 100%; - min-width: 200px; - flex-grow: 1; - border: none; - border-radius: 0; - margin: 2px; +.block-editor-media-placeholder__url-input-form input[type=url].block-editor-media-placeholder__url-input-field{ + border:none; + border-radius:0; + flex-grow:1; + margin:2px; + min-width:200px; + width:100%; } -@media (min-width: 600px) { - .block-editor-media-placeholder__url-input-form input[type=url].block-editor-media-placeholder__url-input-field { - width: 300px; +@media (min-width:600px){ + .block-editor-media-placeholder__url-input-form input[type=url].block-editor-media-placeholder__url-input-field{ + width:300px; } } -.block-editor-media-placeholder__url-input-submit-button { - flex-shrink: 1; +.block-editor-media-placeholder__url-input-submit-button{ + flex-shrink:1; } -.block-editor-media-placeholder__button { - margin-bottom: 0.5rem; +.block-editor-media-placeholder__button{ + margin-bottom:.5rem; } -.block-editor-media-placeholder__cancel-button.is-link { - margin: 1em; - display: block; +.block-editor-media-placeholder__cancel-button.is-link{ + display:block; + margin:1em; } -.block-editor-media-placeholder.is-appender { - min-height: 0; +.block-editor-media-placeholder.is-appender{ + min-height:0; } -.block-editor-media-placeholder.is-appender:hover { - cursor: pointer; - box-shadow: 0 0 0 1px var(--wp-admin-theme-color); +.block-editor-media-placeholder.is-appender:hover{ + box-shadow:0 0 0 1px var(--wp-admin-theme-color); + cursor:pointer; } -.block-editor-multi-selection-inspector__card { - display: flex; - align-items: flex-start; - padding: 16px; +.block-editor-multi-selection-inspector__card{ + align-items:flex-start; + display:flex; + padding:16px; } -.block-editor-multi-selection-inspector__card-content { - flex-grow: 1; +.block-editor-multi-selection-inspector__card-content{ + flex-grow:1; } -.block-editor-multi-selection-inspector__card-title { - font-weight: 500; - margin-bottom: 5px; +.block-editor-multi-selection-inspector__card-title{ + font-weight:500; + margin-bottom:5px; } -.block-editor-multi-selection-inspector__card-description { - font-size: 13px; +.block-editor-multi-selection-inspector__card-description{ + font-size:13px; } -.block-editor-multi-selection-inspector__card .block-editor-block-icon { - margin-left: -2px; - margin-right: 10px; - padding: 0 3px; - width: 36px; - height: 24px; +.block-editor-multi-selection-inspector__card .block-editor-block-icon{ + height:24px; + margin-left:-2px; + margin-right:10px; + padding:0 3px; + width:36px; } -.block-editor-plain-text { - box-shadow: none; - font-family: inherit; - font-size: inherit; - color: inherit; - line-height: inherit; - border: none; - padding: 0; - margin: 0; - width: 100%; +.block-editor-plain-text{ + border:none; + box-shadow:none; + color:inherit; + font-family:inherit; + font-size:inherit; + line-height:inherit; + margin:0; + padding:0; + width:100%; } -.block-editor-responsive-block-control { - margin-bottom: 28px; - border-bottom: 1px solid #ccc; - padding-bottom: 14px; +.block-editor-responsive-block-control{ + border-bottom:1px solid #ccc; + margin-bottom:28px; + padding-bottom:14px; } -.block-editor-responsive-block-control:last-child { - padding-bottom: 0; - border-bottom: 0; +.block-editor-responsive-block-control:last-child{ + border-bottom:0; + padding-bottom:0; } -.block-editor-responsive-block-control__title { - margin: 0; - margin-bottom: 0.6em; - margin-left: -3px; +.block-editor-responsive-block-control__title{ + margin:0 0 .6em -3px; } -.block-editor-responsive-block-control__label { - font-weight: 600; - margin-bottom: 0.6em; - margin-left: -3px; +.block-editor-responsive-block-control__label{ + font-weight:600; + margin-bottom:.6em; + margin-left:-3px; } -.block-editor-responsive-block-control__inner { - margin-left: -1px; +.block-editor-responsive-block-control__inner{ + margin-left:-1px; } -.block-editor-responsive-block-control__toggle { - margin-left: 1px; +.block-editor-responsive-block-control__toggle{ + margin-left:1px; } -.block-editor-responsive-block-control .components-base-control__help { - border: 0; - clip: rect(1px, 1px, 1px, 1px); - clip-path: inset(50%); - height: 1px; - margin: -1px; - overflow: hidden; - padding: 0; - position: absolute; - width: 1px; - word-wrap: normal !important; +.block-editor-responsive-block-control .components-base-control__help{ + clip:rect(1px, 1px, 1px, 1px); + word-wrap:normal !important; + border:0; + clip-path:inset(50%); + height:1px; + margin:-1px; + overflow:hidden; + padding:0; + position:absolute; + width:1px; } -.rich-text [data-rich-text-placeholder] { - pointer-events: none; +.rich-text [data-rich-text-placeholder]{ + pointer-events:none; } -.rich-text [data-rich-text-placeholder]::after { - content: attr(data-rich-text-placeholder); - opacity: 0.62; +.rich-text [data-rich-text-placeholder]:after{ + content:attr(data-rich-text-placeholder); + opacity:.62; } -.rich-text:focus { - outline: none; +.rich-text:focus{ + outline:none; } -.rich-text:focus [data-rich-text-format-boundary] { - border-radius: 2px; +.rich-text:focus [data-rich-text-format-boundary]{ + border-radius:2px; } -.block-editor-rich-text__editable > p:first-child { - margin-top: 0; +.block-editor-rich-text__editable>p:first-child{ + margin-top:0; } -figcaption.block-editor-rich-text__editable [data-rich-text-placeholder]::before { - opacity: 0.8; +figcaption.block-editor-rich-text__editable [data-rich-text-placeholder]:before{ + opacity:.8; } -.components-popover.block-editor-rich-text__inline-format-toolbar { - z-index: 99998; +.components-popover.block-editor-rich-text__inline-format-toolbar{ + z-index:99998; } -.components-popover.block-editor-rich-text__inline-format-toolbar .components-popover__content { - width: auto; - min-width: auto; - margin-bottom: 8px; - box-shadow: none; - outline: none; +.components-popover.block-editor-rich-text__inline-format-toolbar .components-popover__content{ + box-shadow:none; + margin-bottom:8px; + min-width:auto; + outline:none; + width:auto; } -.components-popover.block-editor-rich-text__inline-format-toolbar .components-toolbar { - border-radius: 2px; +.components-popover.block-editor-rich-text__inline-format-toolbar .components-toolbar{ + border-radius:2px; } -.components-popover.block-editor-rich-text__inline-format-toolbar .components-toolbar__control, -.components-popover.block-editor-rich-text__inline-format-toolbar .components-dropdown-menu__toggle { - min-width: 48px; - min-height: 48px; - padding-left: 12px; - padding-right: 12px; +.components-popover.block-editor-rich-text__inline-format-toolbar .components-dropdown-menu__toggle,.components-popover.block-editor-rich-text__inline-format-toolbar .components-toolbar__control{ + min-height:48px; + min-width:48px; + padding-left:12px; + padding-right:12px; } -.block-editor-rich-text__inline-format-toolbar-group .components-dropdown-menu__toggle { - justify-content: center; +.block-editor-rich-text__inline-format-toolbar-group .components-dropdown-menu__toggle{ + justify-content:center; } -.show-icon-labels .block-editor-rich-text__inline-format-toolbar-group .components-button.has-icon { - width: auto; +.show-icon-labels .block-editor-rich-text__inline-format-toolbar-group .components-button.has-icon{ + width:auto; } -.show-icon-labels .block-editor-rich-text__inline-format-toolbar-group .components-button.has-icon svg { - display: none; +.show-icon-labels .block-editor-rich-text__inline-format-toolbar-group .components-button.has-icon svg{ + display:none; } -.show-icon-labels .block-editor-rich-text__inline-format-toolbar-group .components-button.has-icon::after { - content: attr(aria-label); +.show-icon-labels .block-editor-rich-text__inline-format-toolbar-group .components-button.has-icon:after{ + content:attr(aria-label); } -[data-rich-text-script] { - display: inline; +[data-rich-text-script]{ + display:inline; } -[data-rich-text-script]::before { - content: ""; - background: yellow; +[data-rich-text-script]:before{ + background:#ff0; + content:""; } -.block-editor-skip-to-selected-block { - position: absolute; - top: -9999em; +.block-editor-skip-to-selected-block{ + position:absolute; + top:-9999em; } -.block-editor-skip-to-selected-block:focus { - height: auto; - width: auto; - display: block; - font-size: 14px; - font-weight: 600; - padding: 15px 23px 14px; - background: #f1f1f1; - color: var(--wp-admin-theme-color); - line-height: normal; - box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); - text-decoration: none; - outline: none; - z-index: 100000; +.block-editor-skip-to-selected-block:focus{ + background:#f1f1f1; + box-shadow:0 0 2px 2px rgba(0,0,0,.6); + color:var(--wp-admin-theme-color); + display:block; + font-size:14px; + font-weight:600; + height:auto; + line-height:normal; + outline:none; + padding:15px 23px 14px; + text-decoration:none; + width:auto; + z-index:100000; } -.block-editor-text-decoration-control { - border: 0; - margin: 0; - padding: 0; +.block-editor-text-decoration-control{ + border:0; + margin:0; + padding:0; } -.block-editor-text-decoration-control .block-editor-text-decoration-control__buttons { - padding: 4px 0; - display: flex; +.block-editor-text-decoration-control .block-editor-text-decoration-control__buttons{ + display:flex; + padding:4px 0; } -.block-editor-text-decoration-control .components-button.has-icon { - height: 32px; - margin-right: 4px; - min-width: 32px; - padding: 0; +.block-editor-text-decoration-control .components-button.has-icon{ + height:32px; + margin-right:4px; + min-width:32px; + padding:0; } -.block-editor-text-transform-control { - border: 0; - margin: 0; - padding: 0; +.block-editor-text-transform-control{ + border:0; + margin:0; + padding:0; } -.block-editor-text-transform-control .block-editor-text-transform-control__buttons { - padding: 4px 0; - display: flex; +.block-editor-text-transform-control .block-editor-text-transform-control__buttons{ + display:flex; + padding:4px 0; } -.block-editor-text-transform-control .components-button.has-icon { - height: 32px; - margin-right: 4px; - min-width: 32px; - padding: 0; -} - -.block-editor-tool-selector__help { - margin-top: 8px; - margin-left: -8px; - margin-right: -8px; - margin-bottom: -8px; - padding: 16px; - border-top: 1px solid #ddd; - color: #757575; - min-width: 280px; -} - -.block-editor-block-list__block .block-editor-url-input, -.components-popover .block-editor-url-input, -.block-editor-url-input { - flex-grow: 1; - position: relative; - padding: 1px; -} -.block-editor-block-list__block .block-editor-url-input input[type=text], -.components-popover .block-editor-url-input input[type=text], -.block-editor-url-input input[type=text] { - width: 100%; - padding: 8px 8px 8px 12px; - border: none; - border-radius: 0; - margin-left: 0; - margin-right: 0; - /* Fonts smaller than 16px causes mobile safari to zoom. */ - font-size: 16px; -} -@media (min-width: 600px) { - .block-editor-block-list__block .block-editor-url-input input[type=text], -.components-popover .block-editor-url-input input[type=text], -.block-editor-url-input input[type=text] { - width: 300px; - } +.block-editor-text-transform-control .components-button.has-icon{ + height:32px; + margin-right:4px; + min-width:32px; + padding:0; +} + +.block-editor-tool-selector__help{ + border-top:1px solid #ddd; + color:#757575; + margin:8px -8px -8px; + min-width:280px; + padding:16px; +} + +.block-editor-block-list__block .block-editor-url-input,.block-editor-url-input,.components-popover .block-editor-url-input{ + flex-grow:1; + padding:1px; + position:relative; +} +.block-editor-block-list__block .block-editor-url-input input[type=text],.block-editor-url-input input[type=text],.components-popover .block-editor-url-input input[type=text]{ + border:none; + border-radius:0; + font-size:16px; + margin-left:0; + margin-right:0; + padding:8px 8px 8px 12px; + width:100%; } -@media (min-width: 600px) { - .block-editor-block-list__block .block-editor-url-input input[type=text], -.components-popover .block-editor-url-input input[type=text], -.block-editor-url-input input[type=text] { - font-size: 13px; +@media (min-width:600px){ + .block-editor-block-list__block .block-editor-url-input input[type=text],.block-editor-url-input input[type=text],.components-popover .block-editor-url-input input[type=text]{ + font-size:13px; + width:300px; } } -.block-editor-block-list__block .block-editor-url-input input[type=text]::-ms-clear, -.components-popover .block-editor-url-input input[type=text]::-ms-clear, -.block-editor-url-input input[type=text]::-ms-clear { - display: none; -} -.block-editor-block-list__block .block-editor-url-input.is-full-width, -.components-popover .block-editor-url-input.is-full-width, -.block-editor-url-input.is-full-width { - width: 100%; -} -.block-editor-block-list__block .block-editor-url-input.is-full-width .block-editor-url-input__input[type=text], -.components-popover .block-editor-url-input.is-full-width .block-editor-url-input__input[type=text], -.block-editor-url-input.is-full-width .block-editor-url-input__input[type=text] { - width: 100%; -} -.block-editor-block-list__block .block-editor-url-input.is-full-width__suggestions, -.components-popover .block-editor-url-input.is-full-width__suggestions, -.block-editor-url-input.is-full-width__suggestions { - width: 100%; -} -.block-editor-block-list__block .block-editor-url-input .components-spinner, -.components-popover .block-editor-url-input .components-spinner, -.block-editor-url-input .components-spinner { - position: absolute; - margin: 0; - top: calc(50% - 16px / 2); - right: 8px; -} - -.block-editor-url-input__input[type=text] { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - padding: 6px 8px; - box-shadow: 0 0 0 transparent; - transition: box-shadow 0.1s linear; - border-radius: 2px; - border: 1px solid #757575; - /* Fonts smaller than 16px causes mobile safari to zoom. */ - font-size: 16px; - /* Override core line-height. To be reviewed. */ - line-height: normal; -} -@media (prefers-reduced-motion: reduce) { - .block-editor-url-input__input[type=text] { - transition-duration: 0s; - transition-delay: 0s; +.block-editor-block-list__block .block-editor-url-input input[type=text]::-ms-clear,.block-editor-url-input input[type=text]::-ms-clear,.components-popover .block-editor-url-input input[type=text]::-ms-clear{ + display:none; +} +.block-editor-block-list__block .block-editor-url-input.is-full-width,.block-editor-block-list__block .block-editor-url-input.is-full-width .block-editor-url-input__input[type=text],.block-editor-block-list__block .block-editor-url-input.is-full-width__suggestions,.block-editor-url-input.is-full-width,.block-editor-url-input.is-full-width .block-editor-url-input__input[type=text],.block-editor-url-input.is-full-width__suggestions,.components-popover .block-editor-url-input.is-full-width,.components-popover .block-editor-url-input.is-full-width .block-editor-url-input__input[type=text],.components-popover .block-editor-url-input.is-full-width__suggestions{ + width:100%; +} +.block-editor-block-list__block .block-editor-url-input .components-spinner,.block-editor-url-input .components-spinner,.components-popover .block-editor-url-input .components-spinner{ + margin:0; + position:absolute; + right:8px; + top:calc(50% - 8px); +} + +.block-editor-url-input__input[type=text]{ + border:1px solid #757575; + border-radius:2px; + box-shadow:0 0 0 transparent; + font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; + font-size:16px; + line-height:normal; + padding:6px 8px; + transition:box-shadow .1s linear; +} +@media (prefers-reduced-motion:reduce){ + .block-editor-url-input__input[type=text]{ + transition-delay:0s; + transition-duration:0s; } } -@media (min-width: 600px) { - .block-editor-url-input__input[type=text] { - font-size: 13px; - /* Override core line-height. To be reviewed. */ - line-height: normal; +@media (min-width:600px){ + .block-editor-url-input__input[type=text]{ + font-size:13px; + line-height:normal; } } -.block-editor-url-input__input[type=text]:focus { - border-color: var(--wp-admin-theme-color); - box-shadow: 0 0 0 1px var(--wp-admin-theme-color); - outline: 2px solid transparent; +.block-editor-url-input__input[type=text]:focus{ + border-color:var(--wp-admin-theme-color); + box-shadow:0 0 0 1px var(--wp-admin-theme-color); + outline:2px solid transparent; } -.block-editor-url-input__input[type=text]::-webkit-input-placeholder { - color: rgba(30, 30, 30, 0.62); +.block-editor-url-input__input[type=text]::-webkit-input-placeholder{ + color:rgba(30,30,30,.62); } -.block-editor-url-input__input[type=text]::-moz-placeholder { - opacity: 1; - color: rgba(30, 30, 30, 0.62); +.block-editor-url-input__input[type=text]::-moz-placeholder{ + color:rgba(30,30,30,.62); + opacity:1; } -.block-editor-url-input__input[type=text]:-ms-input-placeholder { - color: rgba(30, 30, 30, 0.62); +.block-editor-url-input__input[type=text]:-ms-input-placeholder{ + color:rgba(30,30,30,.62); } -.block-editor-url-input__suggestions { - max-height: 200px; - transition: all 0.15s ease-in-out; - padding: 4px 0; - width: 302px; - overflow-y: auto; +.block-editor-url-input__suggestions{ + max-height:200px; + overflow-y:auto; + padding:4px 0; + transition:all .15s ease-in-out; + width:302px; } -@media (prefers-reduced-motion: reduce) { - .block-editor-url-input__suggestions { - transition-duration: 0s; - transition-delay: 0s; +@media (prefers-reduced-motion:reduce){ + .block-editor-url-input__suggestions{ + transition-delay:0s; + transition-duration:0s; } } -.block-editor-url-input__suggestions, -.block-editor-url-input .components-spinner { - display: none; +.block-editor-url-input .components-spinner,.block-editor-url-input__suggestions{ + display:none; } -@media (min-width: 600px) { - .block-editor-url-input__suggestions, -.block-editor-url-input .components-spinner { - display: grid; +@media (min-width:600px){ + .block-editor-url-input .components-spinner,.block-editor-url-input__suggestions{ + display:grid; } } -.block-editor-url-input__suggestion { - min-height: 36px; - height: auto; - color: #757575; - display: block; - font-size: 13px; - cursor: pointer; - background: #fff; - width: 100%; - border: none; - text-align: left; - box-shadow: none; +.block-editor-url-input__suggestion{ + background:#fff; + border:none; + box-shadow:none; + color:#757575; + cursor:pointer; + display:block; + font-size:13px; + height:auto; + min-height:36px; + text-align:left; + width:100%; } -.block-editor-url-input__suggestion:hover { - background: #ddd; +.block-editor-url-input__suggestion:hover{ + background:#ddd; } -.block-editor-url-input__suggestion:focus, .block-editor-url-input__suggestion.is-selected { - background: var(--wp-admin-theme-color-darker-20); - color: #fff; - outline: none; +.block-editor-url-input__suggestion.is-selected,.block-editor-url-input__suggestion:focus{ + background:var(--wp-admin-theme-color-darker-20); + color:#fff; + outline:none; } -.components-toolbar-group > .block-editor-url-input__button, -.components-toolbar > .block-editor-url-input__button { - position: inherit; +.components-toolbar-group>.block-editor-url-input__button,.components-toolbar>.block-editor-url-input__button{ + position:inherit; } -.block-editor-url-input__button .block-editor-url-input__back { - margin-right: 4px; - overflow: visible; +.block-editor-url-input__button .block-editor-url-input__back{ + margin-right:4px; + overflow:visible; } -.block-editor-url-input__button .block-editor-url-input__back::after { - content: ""; - position: absolute; - display: block; - width: 1px; - height: 24px; - right: -1px; - background: #ddd; +.block-editor-url-input__button .block-editor-url-input__back:after{ + background:#ddd; + content:""; + display:block; + height:24px; + position:absolute; + right:-1px; + width:1px; } -.block-editor-url-input__button-modal { - box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); - border: 1px solid #ddd; - background: #fff; +.block-editor-url-input__button-modal{ + background:#fff; + border:1px solid #ddd; + box-shadow:0 2px 6px rgba(0,0,0,.05); } -.block-editor-url-input__button-modal-line { - display: flex; - flex-direction: row; - flex-grow: 1; - flex-shrink: 1; - min-width: 0; - align-items: flex-start; +.block-editor-url-input__button-modal-line{ + align-items:flex-start; + display:flex; + flex-direction:row; + flex-grow:1; + flex-shrink:1; + min-width:0; } -.block-editor-url-input__button-modal-line .components-button { - flex-shrink: 0; - width: 36px; - height: 36px; +.block-editor-url-input__button-modal-line .components-button{ + flex-shrink:0; + height:36px; + width:36px; } -.block-editor-url-popover__additional-controls { - border-top: 1px solid #ddd; +.block-editor-url-popover__additional-controls{ + border-top:1px solid #ddd; } -.block-editor-url-popover__additional-controls > div[role=menu] .components-button:not(:disabled):not([aria-disabled=true]):not(.is-secondary) > svg { - box-shadow: none; +.block-editor-url-popover__additional-controls>div[role=menu] .components-button:not(:disabled):not([aria-disabled=true]):not(.is-secondary)>svg{ + box-shadow:none; } -.block-editor-url-popover__additional-controls div[role=menu] > .components-button { - padding-left: 12px; +.block-editor-url-popover__additional-controls div[role=menu]>.components-button{ + padding-left:12px; } -.block-editor-url-popover__row { - display: flex; +.block-editor-url-popover__row{ + display:flex; } -.block-editor-url-popover__row > :not(.block-editor-url-popover__settings-toggle) { - flex-grow: 1; +.block-editor-url-popover__row>:not(.block-editor-url-popover__settings-toggle){ + flex-grow:1; } -.block-editor-url-popover .components-button.has-icon { - padding: 3px; +.block-editor-url-popover .components-button.has-icon{ + padding:3px; } -.block-editor-url-popover .components-button.has-icon > svg { - padding: 5px; - border-radius: 2px; - height: 30px; - width: 30px; +.block-editor-url-popover .components-button.has-icon>svg{ + border-radius:2px; + height:30px; + padding:5px; + width:30px; } -.block-editor-url-popover .components-button.has-icon:not(:disabled):focus { - box-shadow: none; +.block-editor-url-popover .components-button.has-icon:not(:disabled):focus{ + box-shadow:none; } -.block-editor-url-popover .components-button.has-icon:not(:disabled):focus > svg { - box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 0 0 4px #fff; - outline: 2px solid transparent; +.block-editor-url-popover .components-button.has-icon:not(:disabled):focus>svg{ + box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 0 0 4px #fff; + outline:2px solid transparent; } -.block-editor-url-popover__settings-toggle { - flex-shrink: 0; - border-radius: 0; - border-left: 1px solid #ddd; - margin-left: 1px; +.block-editor-url-popover__settings-toggle{ + border-left:1px solid #ddd; + border-radius:0; + flex-shrink:0; + margin-left:1px; } -.block-editor-url-popover__settings-toggle[aria-expanded=true] .dashicon { - transform: rotate(180deg); +.block-editor-url-popover__settings-toggle[aria-expanded=true] .dashicon{ + transform:rotate(180deg); } -.block-editor-url-popover__input-container .components-base-control:last-child, -.block-editor-url-popover__input-container .components-base-control:last-child .components-base-control__field { - margin-bottom: 0; +.block-editor-url-popover__input-container .components-base-control:last-child,.block-editor-url-popover__input-container .components-base-control:last-child .components-base-control__field{ + margin-bottom:0; } -.block-editor-url-popover__settings { - display: block; - padding: 16px; - border-top: 1px solid #ddd; +.block-editor-url-popover__settings{ + border-top:1px solid #ddd; + display:block; + padding:16px; } -.block-editor-url-popover__link-editor, -.block-editor-url-popover__link-viewer { - display: flex; +.block-editor-url-popover__link-editor,.block-editor-url-popover__link-viewer{ + display:flex; } -.block-editor-url-popover__link-editor .block-editor-url-input .components-base-control__field, -.block-editor-url-popover__link-viewer .block-editor-url-input .components-base-control__field { - margin-bottom: 0; +.block-editor-url-popover__link-editor .block-editor-url-input .components-base-control__field,.block-editor-url-popover__link-viewer .block-editor-url-input .components-base-control__field{ + margin-bottom:0; } -.block-editor-url-popover__link-viewer-url { - margin: 7px; - flex-grow: 1; - flex-shrink: 1; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - min-width: 150px; - max-width: 500px; +.block-editor-url-popover__link-viewer-url{ + flex-grow:1; + flex-shrink:1; + margin:7px; + max-width:500px; + min-width:150px; + overflow:hidden; + text-overflow:ellipsis; + white-space:nowrap; } -.block-editor-url-popover__link-viewer-url.has-invalid-link { - color: #cc1818; +.block-editor-url-popover__link-viewer-url.has-invalid-link{ + color:#cc1818; } -.block-editor-warning { - align-items: center; - display: flex; - flex-wrap: wrap; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - padding: 1em; - border: 1px solid #1e1e1e; - border-radius: 2px; - background-color: #fff; +.block-editor-warning{ + align-items:center; + background-color:#fff; + border:1px solid #1e1e1e; + border-radius:2px; + display:flex; + flex-wrap:wrap; + padding:1em; } -.block-editor-warning .block-editor-warning__message { - line-height: 1.4; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - font-size: 13px; - color: #1e1e1e; - margin: 0; +.block-editor-warning,.block-editor-warning .block-editor-warning__message{ + font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; } -.block-editor-warning p.block-editor-warning__message.block-editor-warning__message { - min-height: auto; +.block-editor-warning .block-editor-warning__message{ + color:#1e1e1e; + font-size:13px; + line-height:1.4; + margin:0; } -.block-editor-warning .block-editor-warning__contents { - display: flex; - flex-direction: row; - justify-content: space-between; - flex-wrap: wrap; - align-items: baseline; - width: 100%; +.block-editor-warning p.block-editor-warning__message.block-editor-warning__message{ + min-height:auto; } -.block-editor-warning .block-editor-warning__actions { - display: flex; - margin-top: 1em; +.block-editor-warning .block-editor-warning__contents{ + align-items:baseline; + display:flex; + flex-direction:row; + flex-wrap:wrap; + justify-content:space-between; + width:100%; } -.block-editor-warning .block-editor-warning__action { - margin: 0 8px 0 0; +.block-editor-warning .block-editor-warning__actions{ + display:flex; + margin-top:1em; } - -.block-editor-warning__secondary { - margin: auto 0 auto 8px; -} - -.components-popover.block-editor-warning__dropdown { - z-index: 99998; +.block-editor-warning .block-editor-warning__action{ + margin:0 8px 0 0; } -.html-anchor-control .components-external-link { - display: block; - margin-top: 8px; +.block-editor-warning__secondary{ + margin:auto 0 auto 8px; } -.block-editor-hooks__layout-controls { - display: flex; - margin-bottom: 8px; -} -.block-editor-hooks__layout-controls .block-editor-hooks__layout-controls-unit { - display: flex; - margin-right: 24px; -} -.block-editor-hooks__layout-controls .block-editor-hooks__layout-controls-unit svg { - margin: auto 0 4px 8px; +.components-popover.block-editor-warning__dropdown{ + z-index:99998; } -.block-editor-hooks__layout-controls-reset { - display: flex; - justify-content: flex-end; - margin-bottom: 24px; +.html-anchor-control .components-external-link{ + display:block; + margin-top:8px; } -.block-editor-hooks__layout-controls-helptext { - color: #757575; - font-size: 12px; - margin-bottom: 16px; +.block-editor-hooks__layout-controls{ + display:flex; + margin-bottom:8px; } - -.block-editor-hooks__flex-layout-justification-controls, -.block-editor-hooks__flex-layout-orientation-controls { - margin-bottom: 12px; +.block-editor-hooks__layout-controls .block-editor-hooks__layout-controls-unit{ + display:flex; + margin-right:24px; } -.block-editor-hooks__flex-layout-justification-controls legend, -.block-editor-hooks__flex-layout-orientation-controls legend { - margin-bottom: 8px; +.block-editor-hooks__layout-controls .block-editor-hooks__layout-controls-unit svg{ + margin:auto 0 4px 8px; } -.block-editor-hooks__toggle-control.block-editor-hooks__toggle-control { - margin-bottom: 16px; +.block-editor-hooks__layout-controls-reset{ + display:flex; + justify-content:flex-end; + margin-bottom:24px; } -.border-block-support-panel .single-column { - grid-column: span 1; +.block-editor-hooks__layout-controls-helptext{ + color:#757575; + font-size:12px; + margin-bottom:16px; } -.dimensions-block-support-panel .single-column { - grid-column: span 1; +.block-editor-hooks__flex-layout-justification-controls,.block-editor-hooks__flex-layout-orientation-controls{ + margin-bottom:12px; +} +.block-editor-hooks__flex-layout-justification-controls legend,.block-editor-hooks__flex-layout-orientation-controls legend{ + margin-bottom:8px; } -.typography-block-support-panel .single-column { - grid-column: span 1; +.block-editor-hooks__toggle-control.block-editor-hooks__toggle-control{ + margin-bottom:16px; } -.color-block-support-panel { - /* Increased specificity required to remove the slot wrapper's row gap */ - /** - * After converting PanelColorGradientSettings to render as a ToolsPanel - * we need to remove the top margin when wrapping inner content due to - * rendering via SlotFills. - */ +.border-block-support-panel .single-column,.dimensions-block-support-panel .single-column,.typography-block-support-panel .single-column{ + grid-column:span 1; } -.color-block-support-panel .block-editor-contrast-checker { - /** - * Contrast checkers are forced to the bottom of the panel so all - * injected color controls can appear as a single item group without - * the contrast checkers suddenly appearing between items. - */ - order: 9999; - grid-column: span 2; - margin-top: 16px; +.color-block-support-panel .block-editor-contrast-checker{ + grid-column:span 2; + margin-top:16px; + order:9999; } -.color-block-support-panel .block-editor-contrast-checker .components-notice__content { - margin-right: 0; +.color-block-support-panel .block-editor-contrast-checker .components-notice__content{ + margin-right:0; } -.color-block-support-panel.color-block-support-panel .color-block-support-panel__inner-wrapper { - row-gap: 0; +.color-block-support-panel.color-block-support-panel .color-block-support-panel__inner-wrapper{ + row-gap:0; } -.color-block-support-panel .block-editor-tools-panel-color-gradient-settings__item.first { - margin-top: 0; +.color-block-support-panel .block-editor-tools-panel-color-gradient-settings__item.first{ + margin-top:0; } -.block-editor__padding-visualizer { - position: absolute; - top: 0; - bottom: 0; - left: 0; - right: 0; - opacity: 0.5; - border-color: var(--wp-admin-theme-color); - border-style: solid; - pointer-events: none; - box-sizing: border-box; +.block-editor__padding-visualizer{ + border-color:var(--wp-admin-theme-color); + border-style:solid; + bottom:0; + box-sizing:border-box; + left:0; + opacity:.5; + pointer-events:none; + position:absolute; + right:0; + top:0; } - -/** - * Block Toolbar - */ -.block-editor-block-toolbar { - display: flex; - flex-grow: 1; - width: 100%; - position: relative; - overflow-y: hidden; - overflow-x: auto; - transition: border-color 0.1s linear, box-shadow 0.1s linear; +.block-editor-block-toolbar{ + display:flex; + flex-grow:1; + overflow-x:auto; + overflow-y:hidden; + position:relative; + transition:border-color .1s linear,box-shadow .1s linear; + width:100%; } -@media (prefers-reduced-motion: reduce) { - .block-editor-block-toolbar { - transition-duration: 0s; - transition-delay: 0s; +@media (prefers-reduced-motion:reduce){ + .block-editor-block-toolbar{ + transition-delay:0s; + transition-duration:0s; } } -@media (min-width: 600px) { - .block-editor-block-toolbar { - overflow: inherit; +@media (min-width:600px){ + .block-editor-block-toolbar{ + overflow:inherit; } } -.block-editor-block-toolbar .components-toolbar-group, -.block-editor-block-toolbar .components-toolbar { - background: none; - line-height: 0; - margin-top: -1px; - margin-bottom: -1px; - border: 0; - border-right: 1px solid #ddd; +.block-editor-block-toolbar .components-toolbar,.block-editor-block-toolbar .components-toolbar-group{ + background:none; + border:0; + border-right:1px solid #ddd; + line-height:0; + margin-bottom:-1px; + margin-top:-1px; } -.block-editor-block-toolbar > :last-child, -.block-editor-block-toolbar > :last-child .components-toolbar-group, -.block-editor-block-toolbar > :last-child .components-toolbar { - border-right: none; +.block-editor-block-toolbar>:last-child,.block-editor-block-toolbar>:last-child .components-toolbar,.block-editor-block-toolbar>:last-child .components-toolbar-group{ + border-right:none; } -.block-editor-block-contextual-toolbar.has-parent:not(.is-fixed) { - margin-left: calc(48px + 8px); +.block-editor-block-contextual-toolbar.has-parent:not(.is-fixed){ + margin-left:56px; } -.show-icon-labels .block-editor-block-contextual-toolbar.has-parent:not(.is-fixed) { - margin-left: 0; +.show-icon-labels .block-editor-block-contextual-toolbar.has-parent:not(.is-fixed){ + margin-left:0; } -.block-editor-block-parent-selector { - position: absolute; - top: -1px; - left: calc(-48px - 8px - 1px); +.block-editor-block-parent-selector{ + left:-57px; + position:absolute; + top:-1px; } -.show-icon-labels .block-editor-block-parent-selector { - position: relative; - left: auto; - top: auto; - margin-top: -1px; - margin-left: -1px; - margin-bottom: -1px; +.show-icon-labels .block-editor-block-parent-selector{ + left:auto; + margin-bottom:-1px; + margin-left:-1px; + margin-top:-1px; + position:relative; + top:auto; } -.block-editor-block-toolbar__block-controls .block-editor-block-switcher .components-dropdown-menu__toggle .block-editor-block-icon, -.block-editor-block-toolbar__block-controls .block-editor-block-switcher__no-switcher-icon .block-editor-block-icon { - width: 24px !important; - margin: 0 !important; +.block-editor-block-toolbar__block-controls .block-editor-block-switcher .components-dropdown-menu__toggle .block-editor-block-icon,.block-editor-block-toolbar__block-controls .block-editor-block-switcher__no-switcher-icon .block-editor-block-icon{ + margin:0 !important; + width:24px !important; } -.block-editor-block-toolbar__block-controls .block-editor-block-lock-toolbar { - margin-left: -6px !important; +.block-editor-block-toolbar__block-controls .block-editor-block-lock-toolbar{ + margin-left:-6px !important; } -.block-editor-block-toolbar__block-controls .components-toolbar-group { - padding: 0; +.block-editor-block-toolbar__block-controls .components-toolbar-group{ + padding:0; } -.block-editor-block-toolbar .components-toolbar-group, -.block-editor-block-toolbar .components-toolbar, -.block-editor-rich-text__inline-format-toolbar-group .components-toolbar-group, -.block-editor-rich-text__inline-format-toolbar-group .components-toolbar { - display: flex; - flex-wrap: nowrap; +.block-editor-block-toolbar .components-toolbar,.block-editor-block-toolbar .components-toolbar-group,.block-editor-rich-text__inline-format-toolbar-group .components-toolbar,.block-editor-rich-text__inline-format-toolbar-group .components-toolbar-group{ + display:flex; + flex-wrap:nowrap; } -.block-editor-block-toolbar__slot { - display: inline-block; - line-height: 0; +.block-editor-block-toolbar__slot{ + display:inline-block; + line-height:0; } -@supports (position: sticky) { - .block-editor-block-toolbar__slot { - display: inline-flex; +@supports (position:sticky){ + .block-editor-block-toolbar__slot{ + display:inline-flex; } } -.show-icon-labels .block-editor-block-toolbar .components-button.has-icon { - width: auto; +.show-icon-labels .block-editor-block-toolbar .components-button.has-icon{ + width:auto; } -.show-icon-labels .block-editor-block-toolbar .components-button.has-icon svg { - display: none; +.show-icon-labels .block-editor-block-toolbar .components-button.has-icon svg{ + display:none; } -.show-icon-labels .block-editor-block-toolbar .components-button.has-icon::after { - content: attr(aria-label); - font-size: 12px; +.show-icon-labels .block-editor-block-toolbar .components-button.has-icon:after{ + content:attr(aria-label); + font-size:12px; } -.show-icon-labels .components-accessible-toolbar .components-toolbar-group > div:first-child:last-child > .components-button.has-icon { - padding-left: 6px; - padding-right: 6px; +.show-icon-labels .components-accessible-toolbar .components-toolbar-group>div:first-child:last-child>.components-button.has-icon{ + padding-left:6px; + padding-right:6px; } -.show-icon-labels .block-editor-block-switcher { - border-right: 1px solid #1e1e1e; +.show-icon-labels .block-editor-block-switcher{ + border-right:1px solid #1e1e1e; } -.show-icon-labels .block-editor-block-switcher .components-dropdown-menu__toggle { - margin-left: 0; +.show-icon-labels .block-editor-block-switcher .components-dropdown-menu__toggle{ + margin-left:0; } -.show-icon-labels .block-editor-block-switcher .components-dropdown-menu__toggle .block-editor-block-icon, -.show-icon-labels .block-editor-block-switcher__no-switcher-icon .block-editor-block-icon { - width: 0 !important; - height: 0 !important; +.show-icon-labels .block-editor-block-switcher .components-dropdown-menu__toggle .block-editor-block-icon,.show-icon-labels .block-editor-block-switcher__no-switcher-icon .block-editor-block-icon{ + height:0 !important; + width:0 !important; } -.show-icon-labels .block-editor-block-parent-selector__button .block-editor-block-icon { - width: 0; +.show-icon-labels .block-editor-block-parent-selector__button .block-editor-block-icon{ + width:0; } -.show-icon-labels .block-editor-block-toolbar__block-controls .block-editor-block-mover { - margin-left: 0; - white-space: nowrap; +.show-icon-labels .block-editor-block-toolbar__block-controls .block-editor-block-mover{ + margin-left:0; + white-space:nowrap; } -.show-icon-labels .block-editor-block-mover-button { - padding-left: 8px !important; - padding-right: 8px !important; +.show-icon-labels .block-editor-block-mover-button{ + padding-left:8px !important; + padding-right:8px !important; } -.show-icon-labels .block-editor-block-mover__drag-handle.has-icon { - padding-left: 6px !important; - padding-right: 6px !important; - border-right: 1px solid #1e1e1e; +.show-icon-labels .block-editor-block-mover__drag-handle.has-icon{ + border-right:1px solid #1e1e1e; + padding-left:6px !important; + padding-right:6px !important; } -@media (min-width: 600px) { - .show-icon-labels .is-up-button.is-up-button.is-up-button { - border-bottom: 1px solid #1e1e1e; - margin-right: 0; - border-radius: 0; +@media (min-width:600px){ + .show-icon-labels .is-up-button.is-up-button.is-up-button{ + border-bottom:1px solid #1e1e1e; + border-radius:0; + margin-right:0; } } -.show-icon-labels .block-editor-block-contextual-toolbar .block-editor-block-mover.is-horizontal .block-editor-block-mover-button.block-editor-block-mover-button { - width: auto; +.show-icon-labels .block-editor-block-contextual-toolbar .block-editor-block-mover.is-horizontal .block-editor-block-mover-button.block-editor-block-mover-button{ + width:auto; } -.show-icon-labels .components-toolbar, -.show-icon-labels .components-toolbar-group { - flex-shrink: 1; +.show-icon-labels .components-toolbar,.show-icon-labels .components-toolbar-group{ + flex-shrink:1; } -.show-icon-labels .block-editor-rich-text__inline-format-toolbar-group .components-button + .components-button { - margin-left: 6px; +.show-icon-labels .block-editor-rich-text__inline-format-toolbar-group .components-button+.components-button{ + margin-left:6px; } -.block-editor-inserter { - display: inline-block; - background: none; - border: none; - padding: 0; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - font-size: 13px; - line-height: 0; +.block-editor-inserter{ + background:none; + border:none; + display:inline-block; + font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; + font-size:13px; + line-height:0; + padding:0; } -@media (min-width: 782px) { - .block-editor-inserter { - position: relative; +@media (min-width:782px){ + .block-editor-inserter{ + position:relative; } } -.block-editor-inserter__main-area { - position: relative; - display: flex; - flex-direction: column; - height: 100%; - gap: 16px; - width: auto; +.block-editor-inserter__main-area{ + display:flex; + flex-direction:column; + gap:16px; + height:100%; + position:relative; + width:auto; } -@media (min-width: 782px) { - .block-editor-inserter__main-area { - width: 350px; +@media (min-width:782px){ + .block-editor-inserter__main-area{ + width:350px; } } -.block-editor-inserter__main-area.show-as-tabs { - gap: 0; +.block-editor-inserter__main-area.show-as-tabs{ + gap:0; } -.block-editor-inserter__popover.is-quick .components-popover__content { - border: none; - outline: none; +.block-editor-inserter__popover.is-quick .components-popover__content{ + border:none; + outline:none; } -.block-editor-inserter__popover.is-quick .components-popover__content .block-editor-inserter__quick-inserter > * { - border-left: 1px solid #ccc; - border-right: 1px solid #ccc; +.block-editor-inserter__popover.is-quick .components-popover__content .block-editor-inserter__quick-inserter>*{ + border-left:1px solid #ccc; + border-right:1px solid #ccc; } -.block-editor-inserter__popover.is-quick .components-popover__content .block-editor-inserter__quick-inserter > *:first-child { - border-top: 1px solid #ccc; +.block-editor-inserter__popover.is-quick .components-popover__content .block-editor-inserter__quick-inserter>:first-child{ + border-top:1px solid #ccc; } -.block-editor-inserter__popover.is-quick .components-popover__content .block-editor-inserter__quick-inserter > *:last-child { - border-bottom: 1px solid #ccc; +.block-editor-inserter__popover.is-quick .components-popover__content .block-editor-inserter__quick-inserter>:last-child{ + border-bottom:1px solid #ccc; } -.block-editor-inserter__popover.is-quick .components-popover__content .block-editor-inserter__quick-inserter > *.components-button { - border: 1px solid #1e1e1e; +.block-editor-inserter__popover.is-quick .components-popover__content .block-editor-inserter__quick-inserter>.components-button{ + border:1px solid #1e1e1e; } -.block-editor-inserter__popover .block-editor-inserter__menu { - margin: -12px; +.block-editor-inserter__popover .block-editor-inserter__menu{ + margin:-12px; } -.block-editor-inserter__popover .block-editor-inserter__menu .block-editor-inserter__tabs .components-tab-panel__tabs { - top: 60px; +.block-editor-inserter__popover .block-editor-inserter__menu .block-editor-inserter__tabs .components-tab-panel__tabs{ + top:60px; } -.block-editor-inserter__popover .block-editor-inserter__menu .block-editor-inserter__main-area { - overflow: visible; - height: auto; +.block-editor-inserter__popover .block-editor-inserter__menu .block-editor-inserter__main-area{ + height:auto; + overflow:visible; } -.block-editor-inserter__popover .block-editor-inserter__menu .block-editor-inserter__preview-container { - display: none; +.block-editor-inserter__popover .block-editor-inserter__menu .block-editor-inserter__preview-container{ + display:none; } -.block-editor-inserter__toggle.components-button { - display: inline-flex; - align-items: center; - cursor: pointer; - border: none; - outline: none; - padding: 0; - transition: color 0.2s ease; +.block-editor-inserter__toggle.components-button{ + align-items:center; + border:none; + cursor:pointer; + display:inline-flex; + outline:none; + padding:0; + transition:color .2s ease; } -@media (prefers-reduced-motion: reduce) { - .block-editor-inserter__toggle.components-button { - transition-duration: 0s; - transition-delay: 0s; +@media (prefers-reduced-motion:reduce){ + .block-editor-inserter__toggle.components-button{ + transition-delay:0s; + transition-duration:0s; } } -.block-editor-inserter__menu { - height: 100%; - position: relative; - overflow: visible; +.block-editor-inserter__menu{ + height:100%; + overflow:visible; + position:relative; } -.block-editor-inserter__inline-elements { - margin-top: -1px; +.block-editor-inserter__inline-elements{ + margin-top:-1px; } -.block-editor-inserter__menu.is-bottom::after { - border-bottom-color: #fff; +.block-editor-inserter__menu.is-bottom:after{ + border-bottom-color:#fff; } -.components-popover.block-editor-inserter__popover { - z-index: 99999; +.components-popover.block-editor-inserter__popover{ + z-index:99999; } -.block-editor-inserter__search { - padding: 16px 16px 0 16px; +.block-editor-inserter__search{ + padding:16px 16px 0; } -.block-editor-inserter__search .components-search-control__icon { - right: 20px; +.block-editor-inserter__search .components-search-control__icon{ + right:20px; } -.block-editor-inserter__search .components-base-control__field { - margin-bottom: 0; +.block-editor-inserter__search .components-base-control__field{ + margin-bottom:0; } -.block-editor-inserter__tabs { - flex-grow: 1; - display: flex; - flex-direction: column; - overflow: hidden; +.block-editor-inserter__tabs{ + display:flex; + flex-direction:column; + flex-grow:1; + overflow:hidden; } -.block-editor-inserter__tabs .components-tab-panel__tabs { - border-bottom: 1px solid #ddd; +.block-editor-inserter__tabs .components-tab-panel__tabs{ + border-bottom:1px solid #ddd; } -.block-editor-inserter__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item { - flex-grow: 1; - margin-bottom: -1px; +.block-editor-inserter__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item{ + flex-grow:1; + margin-bottom:-1px; } -.block-editor-inserter__tabs .components-tab-panel__tab-content { - display: flex; - flex-grow: 1; - flex-direction: column; - overflow-y: auto; +.block-editor-inserter__tabs .components-tab-panel__tab-content{ + display:flex; + flex-direction:column; + flex-grow:1; + overflow-y:auto; } -.block-editor-inserter__no-tab-container { - overflow-y: auto; - flex-grow: 1; +.block-editor-inserter__no-tab-container{ + flex-grow:1; + overflow-y:auto; } -.block-editor-inserter__panel-header { - display: inline-flex; - align-items: center; - padding: 16px 16px 0; +.block-editor-inserter__panel-header{ + align-items:center; + display:inline-flex; + padding:16px 16px 0; } -.block-editor-inserter__panel-header-patterns { - padding: 16px 16px 0; +.block-editor-inserter__panel-header-patterns{ + padding:16px 16px 0; } -.block-editor-inserter__panel-content { - padding: 16px; +.block-editor-inserter__panel-content{ + padding:16px; } -.block-editor-inserter__panel-title, -.block-editor-inserter__panel-title button { - margin: 0 12px 0 0; - color: #757575; - text-transform: uppercase; - font-size: 11px; - font-weight: 500; +.block-editor-inserter__panel-title,.block-editor-inserter__panel-title button{ + color:#757575; + font-size:11px; + font-weight:500; + margin:0 12px 0 0; + text-transform:uppercase; } -.block-editor-inserter__panel-dropdown select.components-select-control__input.components-select-control__input.components-select-control__input { - height: 36px; - line-height: 36px; +.block-editor-inserter__panel-dropdown select.components-select-control__input.components-select-control__input.components-select-control__input{ + height:36px; + line-height:36px; } -.block-editor-inserter__panel-dropdown select { - border: none; +.block-editor-inserter__panel-dropdown select{ + border:none; } -.block-editor-inserter__reusable-blocks-panel { - position: relative; - text-align: right; +.block-editor-inserter__reusable-blocks-panel{ + position:relative; + text-align:right; } -.block-editor-inserter__manage-reusable-blocks { - display: inline-block; - margin: 16px; +.block-editor-inserter__manage-reusable-blocks{ + display:inline-block; + margin:16px; } -.block-editor-inserter__no-results { - padding: 32px; - text-align: center; +.block-editor-inserter__no-results{ + padding:32px; + text-align:center; } -.block-editor-inserter__no-results-icon { - fill: #949494; +.block-editor-inserter__no-results-icon{ + fill:#949494; } -.block-editor-inserter__child-blocks { - padding: 0 16px; +.block-editor-inserter__child-blocks{ + padding:0 16px; } -.block-editor-inserter__parent-block-header { - display: flex; - align-items: center; +.block-editor-inserter__parent-block-header{ + align-items:center; + display:flex; } -.block-editor-inserter__parent-block-header h2 { - font-size: 13px; +.block-editor-inserter__parent-block-header h2{ + font-size:13px; } -.block-editor-inserter__parent-block-header .block-editor-block-icon { - margin-right: 8px; +.block-editor-inserter__parent-block-header .block-editor-block-icon{ + margin-right:8px; } -.block-editor-inserter__preview-container { - display: none; - width: 300px; - background: #fff; - border-radius: 2px; - border: 1px solid #ddd; - position: absolute; - top: 16px; - left: calc(100% + 16px); - max-height: calc(100% - 32px); - overflow-y: hidden; +.block-editor-inserter__preview-container{ + background:#fff; + border:1px solid #ddd; + border-radius:2px; + display:none; + left:calc(100% + 16px); + max-height:calc(100% - 32px); + overflow-y:hidden; + position:absolute; + top:16px; + width:300px; } -@media (min-width: 782px) { - .block-editor-inserter__preview-container { - display: block; +@media (min-width:782px){ + .block-editor-inserter__preview-container{ + display:block; } } -.block-editor-inserter__preview-container .block-editor-block-card { - padding: 16px; +.block-editor-inserter__preview-container .block-editor-block-card{ + padding:16px; } -.block-editor-inserter__preview-container .block-editor-block-card__title { - font-size: 13px; +.block-editor-inserter__preview-container .block-editor-block-card__title{ + font-size:13px; } -.block-editor-inserter__preview-content { - min-height: 144px; - background: #f0f0f0; - display: grid; - flex-grow: 1; - align-items: center; +.block-editor-inserter__preview-content{ + align-items:center; + background:#f0f0f0; + display:grid; + flex-grow:1; + min-height:144px; } -.block-editor-inserter__preview-content-missing { - flex: 1; - display: flex; - justify-content: center; - align-items: center; - min-height: 144px; - color: #757575; - background: #f0f0f0; +.block-editor-inserter__preview-content-missing{ + align-items:center; + background:#f0f0f0; + color:#757575; + display:flex; + flex:1; + justify-content:center; + min-height:144px; } -.block-editor-inserter__tips { - border-top: 1px solid #ddd; - padding: 16px; - flex-shrink: 0; - position: relative; +.block-editor-inserter__tips{ + border-top:1px solid #ddd; + flex-shrink:0; + padding:16px; + position:relative; } -.block-editor-inserter__manage-reusable-blocks-container { - padding: 16px; +.block-editor-inserter__manage-reusable-blocks-container{ + padding:16px; } -.block-editor-inserter__quick-inserter { - width: 100%; - max-width: 100%; +.block-editor-inserter__quick-inserter{ + max-width:100%; + width:100%; } -@media (min-width: 782px) { - .block-editor-inserter__quick-inserter { - width: 350px; +@media (min-width:782px){ + .block-editor-inserter__quick-inserter{ + width:350px; } } -.block-editor-inserter__quick-inserter-results .block-editor-inserter__panel-header { - height: 0; - padding: 0; - float: left; +.block-editor-inserter__quick-inserter-results .block-editor-inserter__panel-header{ + float:left; + height:0; + padding:0; } -.block-editor-inserter__quick-inserter.has-search .block-editor-inserter__panel-content, -.block-editor-inserter__quick-inserter.has-expand .block-editor-inserter__panel-content { - padding: 16px; +.block-editor-inserter__quick-inserter.has-expand .block-editor-inserter__panel-content,.block-editor-inserter__quick-inserter.has-search .block-editor-inserter__panel-content{ + padding:16px; } -.block-editor-inserter__quick-inserter-patterns .block-editor-block-patterns-list { - display: grid; - grid-template-columns: 1fr 1fr; - grid-gap: 8px; +.block-editor-inserter__quick-inserter-patterns .block-editor-block-patterns-list{ + grid-gap:8px; + display:grid; + grid-template-columns:1fr 1fr; } -.block-editor-inserter__quick-inserter-patterns .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item { - margin-bottom: 0; +.block-editor-inserter__quick-inserter-patterns .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item{ + margin-bottom:0; } -.block-editor-inserter__quick-inserter-patterns .block-editor-block-patterns-list .block-editor-block-preview__container { - min-height: 100px; +.block-editor-inserter__quick-inserter-patterns .block-editor-block-patterns-list .block-editor-block-preview__container{ + min-height:100px; } -.block-editor-inserter__quick-inserter-separator { - border-top: 1px solid #ddd; +.block-editor-inserter__quick-inserter-separator{ + border-top:1px solid #ddd; } -.block-editor-inserter__popover.is-quick > .components-popover__content { - padding: 0; +.block-editor-inserter__popover.is-quick>.components-popover__content{ + padding:0; } -.block-editor-inserter__quick-inserter-expand.components-button { - display: block; - background: #1e1e1e; - color: #fff; - width: 100%; - height: 44px; - border-radius: 0; +.block-editor-inserter__quick-inserter-expand.components-button{ + background:#1e1e1e; + border-radius:0; + color:#fff; + display:block; + height:44px; + width:100%; } -.block-editor-inserter__quick-inserter-expand.components-button:hover { - color: #fff; +.block-editor-inserter__quick-inserter-expand.components-button:hover{ + color:#fff; } -.block-editor-inserter__quick-inserter-expand.components-button:active { - color: #ccc; +.block-editor-inserter__quick-inserter-expand.components-button:active{ + color:#ccc; } -.block-editor-inserter__quick-inserter-expand.components-button.components-button:focus:not(:disabled) { - box-shadow: none; - background: var(--wp-admin-theme-color); - border-color: var(--wp-admin-theme-color); +.block-editor-inserter__quick-inserter-expand.components-button.components-button:focus:not(:disabled){ + background:var(--wp-admin-theme-color); + border-color:var(--wp-admin-theme-color); + box-shadow:none; } -.block-editor-block-patterns-explorer__sidebar { - position: absolute; - top: 76px; - left: 0; - bottom: 0; - width: 280px; - padding: 24px 32px 32px; - overflow-x: visible; - overflow-y: scroll; +.block-editor-block-patterns-explorer__sidebar{ + bottom:0; + left:0; + overflow-x:visible; + overflow-y:scroll; + padding:24px 32px 32px; + position:absolute; + top:76px; + width:280px; } -.block-editor-block-patterns-explorer__sidebar__categories-list__item { - display: block; - width: 100%; - height: 48px; - text-align: left; +.block-editor-block-patterns-explorer__sidebar__categories-list__item{ + display:block; + height:48px; + text-align:left; + width:100%; } -.block-editor-block-patterns-explorer__search { - margin-bottom: 32px; +.block-editor-block-patterns-explorer__search{ + margin-bottom:32px; } -.block-editor-block-patterns-explorer__search-results-count { - padding-bottom: 32px; +.block-editor-block-patterns-explorer__search-results-count{ + padding-bottom:32px; } -.block-editor-block-patterns-explorer__list { - margin-left: 248px; +.block-editor-block-patterns-explorer__list{ + margin-left:248px; } -.block-editor-block-patterns-explorer .block-editor-block-patterns-list { - display: grid; - grid-gap: 32px; - grid-template-columns: repeat(1, 1fr); +.block-editor-block-patterns-explorer .block-editor-block-patterns-list{ + grid-gap:32px; + display:grid; + grid-template-columns:repeat(1, 1fr); } -@media (min-width: 1080px) { - .block-editor-block-patterns-explorer .block-editor-block-patterns-list { - grid-template-columns: repeat(2, 1fr); +@media (min-width:1080px){ + .block-editor-block-patterns-explorer .block-editor-block-patterns-list{ + grid-template-columns:repeat(2, 1fr); } } -@media (min-width: 1440px) { - .block-editor-block-patterns-explorer .block-editor-block-patterns-list { - grid-template-columns: repeat(3, 1fr); +@media (min-width:1440px){ + .block-editor-block-patterns-explorer .block-editor-block-patterns-list{ + grid-template-columns:repeat(3, 1fr); } } -.block-editor-block-patterns-explorer .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item { - min-height: 240px; +.block-editor-block-patterns-explorer .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item{ + min-height:240px; } -.block-editor-block-patterns-explorer .block-editor-block-patterns-list .block-editor-block-preview__container { - height: inherit; - min-height: 100px; - max-height: 800px; +.block-editor-block-patterns-explorer .block-editor-block-patterns-list .block-editor-block-preview__container{ + height:inherit; + max-height:800px; + min-height:100px; } -.block-editor-post-preview__dropdown { - padding: 0; +.block-editor-post-preview__dropdown{ + padding:0; } -.block-editor-post-preview__button-resize.block-editor-post-preview__button-resize { - padding-left: 40px; +.block-editor-post-preview__button-resize.block-editor-post-preview__button-resize{ + padding-left:40px; } -.block-editor-post-preview__button-resize.block-editor-post-preview__button-resize.has-icon { - padding-left: 8px; +.block-editor-post-preview__button-resize.block-editor-post-preview__button-resize.has-icon{ + padding-left:8px; } -.block-editor-post-preview__dropdown-content.edit-post-post-preview-dropdown .components-menu-group:first-child { - padding-bottom: 8px; +.block-editor-post-preview__dropdown-content.edit-post-post-preview-dropdown .components-menu-group:first-child{ + padding-bottom:8px; } -.block-editor-post-preview__dropdown-content.edit-post-post-preview-dropdown .components-menu-group:last-child { - margin-bottom: 0; +.block-editor-post-preview__dropdown-content.edit-post-post-preview-dropdown .components-menu-group:last-child{ + margin-bottom:0; } -.block-editor-post-preview__dropdown-content .components-menu-group + .components-menu-group { - padding: 8px; +.block-editor-post-preview__dropdown-content .components-menu-group+.components-menu-group{ + padding:8px; } -@media (min-width: 600px) { - .edit-post-header__settings .editor-post-preview, -.edit-site-header__actions .editor-post-preview { - display: none; +@media (min-width:600px){ + .edit-post-header__settings .editor-post-preview,.edit-site-header__actions .editor-post-preview{ + display:none; } -} - -@media (min-width: 600px) { - .edit-post-header.has-reduced-ui .edit-post-header__settings .editor-post-save-draft, -.edit-post-header.has-reduced-ui .edit-post-header__settings .editor-post-saved-state, -.edit-post-header.has-reduced-ui .edit-post-header__settings .block-editor-post-preview__button-toggle { - transition: opacity 0.1s linear; + .edit-post-header.has-reduced-ui .edit-post-header__settings .block-editor-post-preview__button-toggle,.edit-post-header.has-reduced-ui .edit-post-header__settings .editor-post-save-draft,.edit-post-header.has-reduced-ui .edit-post-header__settings .editor-post-saved-state{ + transition:opacity .1s linear; } } -@media (min-width: 600px) and (prefers-reduced-motion: reduce) { - .edit-post-header.has-reduced-ui .edit-post-header__settings .editor-post-save-draft, -.edit-post-header.has-reduced-ui .edit-post-header__settings .editor-post-saved-state, -.edit-post-header.has-reduced-ui .edit-post-header__settings .block-editor-post-preview__button-toggle { - transition-duration: 0s; - transition-delay: 0s; +@media (min-width:600px) and (prefers-reduced-motion:reduce){ + .edit-post-header.has-reduced-ui .edit-post-header__settings .block-editor-post-preview__button-toggle,.edit-post-header.has-reduced-ui .edit-post-header__settings .editor-post-save-draft,.edit-post-header.has-reduced-ui .edit-post-header__settings .editor-post-saved-state{ + transition-delay:0s; + transition-duration:0s; } } -@media (min-width: 600px) { - .edit-post-header.has-reduced-ui:not(:hover) .edit-post-header__settings .editor-post-save-draft, -.edit-post-header.has-reduced-ui:not(:hover) .edit-post-header__settings .editor-post-saved-state, -.edit-post-header.has-reduced-ui:not(:hover) .edit-post-header__settings .block-editor-post-preview__button-toggle { - opacity: 0; +@media (min-width:600px){ + .edit-post-header.has-reduced-ui:not(:hover) .edit-post-header__settings .block-editor-post-preview__button-toggle,.edit-post-header.has-reduced-ui:not(:hover) .edit-post-header__settings .editor-post-save-draft,.edit-post-header.has-reduced-ui:not(:hover) .edit-post-header__settings .editor-post-saved-state{ + opacity:0; } - .edit-post-header.has-reduced-ui:not(:hover) .edit-post-header__settings .block-editor-post-preview__button-toggle.is-opened { - opacity: 1; + .edit-post-header.has-reduced-ui:not(:hover) .edit-post-header__settings .block-editor-post-preview__button-toggle.is-opened{ + opacity:1; } } -.tools-panel-item-spacing { - display: grid; - grid-template-columns: auto 1fr auto; - align-items: center; - grid-template-rows: 16px auto; -} - -.component-spacing-sizes-control { - box-sizing: border-box; - padding-bottom: 12px; - width: 100%; - display: contents; -} -.component-spacing-sizes-control legend { - padding: 0; - grid-column: 1/1; - grid-row: 1/1; - align-self: center; -} -.component-spacing-sizes-control .components-base-control__label { - margin-bottom: 0; - height: 16px; -} -.component-spacing-sizes-control .components-spacing-sizes-control__side-labels { - grid-column: 1/1; - justify-content: left; - height: 16px; - margin-top: 16px; -} -.component-spacing-sizes-control .components-spacing-sizes-control__side-label { - grid-column: 1/1; - justify-self: left; - margin-bottom: 0; -} -.component-spacing-sizes-control.is-unlinked .components-range-control.components-spacing-sizes-control__range-control, -.component-spacing-sizes-control.is-unlinked .components-spacing-sizes-control__custom-value-input { - margin-top: 8px; -} -.component-spacing-sizes-control .components-spacing-sizes-control__hint-single, -.component-spacing-sizes-control .components-spacing-sizes-control__hint-all { - color: #757575; - margin-bottom: 0; -} -.component-spacing-sizes-control .components-spacing-sizes-control__hint-all { - grid-column: 2/2; - justify-self: left; - grid-row: 1/1; - align-self: center; - margin-left: 4px; -} -.component-spacing-sizes-control .components-spacing-sizes-control__custom-toggle-all { - grid-column: 2/2; - grid-row: 1/1; - justify-self: end; - margin-top: -4px; -} -.component-spacing-sizes-control .component-spacing-sizes-control__linked-button ~ .components-spacing-sizes-control__custom-toggle-all { - margin-right: 4px; -} -.component-spacing-sizes-control .components-spacing-sizes-control__custom-toggle-single { - grid-column: 3/3; - justify-self: end; - margin-top: 12px; -} -.component-spacing-sizes-control .component-spacing-sizes-control__linked-button { - grid-column: 3/3; - grid-row: 1/1; - justify-self: end; - line-height: 0; - margin-top: -4px; -} -.component-spacing-sizes-control .components-spacing-sizes-control__custom-value-range { - grid-column: span 2; - margin-left: 16px; - margin-top: 8px; -} -.component-spacing-sizes-control .components-spacing-sizes-control__custom-value-input { - width: 124px; - margin-top: 8px; -} -.component-spacing-sizes-control .components-range-control { - height: 40px; - /* Vertically center the RangeControl until it has true 40px height. */ - display: flex; - align-items: center; -} -.component-spacing-sizes-control .components-range-control > .components-base-control__field { - /* Fixes RangeControl contents when the outer wrapper is flex */ - flex: 1; -} -.component-spacing-sizes-control .components-spacing-sizes-control__range-control { - grid-column: span 3; - margin-top: 8px; -} -.component-spacing-sizes-control .components-range-control__mark { - height: 4px; - width: 3px; - background-color: #fff; - z-index: 1; -} -.component-spacing-sizes-control .components-range-control__marks { - margin-top: 17px; -} -.component-spacing-sizes-control .components-range-control__marks :first-child { - display: none; -} -.component-spacing-sizes-control [class*=ThumbWrapper-thumbColor] { - z-index: 3; -} -.component-spacing-sizes-control .components-spacing-sizes-control__custom-select-control { - grid-column: span 3; - margin-top: 8px; -} - -body.admin-color-light { - --wp-admin-theme-color: #0085ba; - --wp-admin-theme-color--rgb: 0, 133, 186; - --wp-admin-theme-color-darker-10: #0073a1; - --wp-admin-theme-color-darker-10--rgb: 0, 115, 161; - --wp-admin-theme-color-darker-20: #006187; - --wp-admin-theme-color-darker-20--rgb: 0, 97, 135; - --wp-admin-border-width-focus: 2px; -} -@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { - body.admin-color-light { - --wp-admin-border-width-focus: 1.5px; +.tools-panel-item-spacing{ + align-items:center; + display:grid; + grid-template-columns:auto 1fr auto; + grid-template-rows:16px auto; +} + +.component-spacing-sizes-control{ + box-sizing:border-box; + display:contents; + padding-bottom:12px; + width:100%; +} +.component-spacing-sizes-control legend{ + align-self:center; + grid-column:1 / 1; + grid-row:1 / 1; + padding:0; +} +.component-spacing-sizes-control .components-base-control__label{ + height:16px; + margin-bottom:0; +} +.component-spacing-sizes-control .components-spacing-sizes-control__side-labels{ + grid-column:1 / 1; + height:16px; + justify-content:left; + margin-top:16px; +} +.component-spacing-sizes-control .components-spacing-sizes-control__side-label{ + grid-column:1 / 1; + justify-self:left; + margin-bottom:0; +} +.component-spacing-sizes-control.is-unlinked .components-range-control.components-spacing-sizes-control__range-control,.component-spacing-sizes-control.is-unlinked .components-spacing-sizes-control__custom-value-input{ + margin-top:8px; +} +.component-spacing-sizes-control .components-spacing-sizes-control__hint-all,.component-spacing-sizes-control .components-spacing-sizes-control__hint-single{ + color:#757575; + margin-bottom:0; +} +.component-spacing-sizes-control .components-spacing-sizes-control__hint-all{ + align-self:center; + grid-column:2 / 2; + grid-row:1 / 1; + justify-self:left; + margin-left:4px; +} +.component-spacing-sizes-control .components-spacing-sizes-control__custom-toggle-all{ + grid-column:2 / 2; + grid-row:1 / 1; + justify-self:end; + margin-top:-4px; +} +.component-spacing-sizes-control .component-spacing-sizes-control__linked-button~.components-spacing-sizes-control__custom-toggle-all{ + margin-right:4px; +} +.component-spacing-sizes-control .components-spacing-sizes-control__custom-toggle-single{ + grid-column:3 / 3; + justify-self:end; + margin-top:12px; +} +.component-spacing-sizes-control .component-spacing-sizes-control__linked-button{ + grid-column:3 / 3; + grid-row:1 / 1; + justify-self:end; + line-height:0; + margin-top:-4px; +} +.component-spacing-sizes-control .components-spacing-sizes-control__custom-value-range{ + grid-column:span 2; + margin-left:16px; + margin-top:8px; +} +.component-spacing-sizes-control .components-spacing-sizes-control__custom-value-input{ + margin-top:8px; + width:124px; +} +.component-spacing-sizes-control .components-range-control{ + align-items:center; + display:flex; + height:40px; +} +.component-spacing-sizes-control .components-range-control>.components-base-control__field{ + flex:1; +} +.component-spacing-sizes-control .components-spacing-sizes-control__range-control{ + grid-column:span 3; + margin-top:8px; +} +.component-spacing-sizes-control .components-range-control__mark{ + background-color:#fff; + height:4px; + width:3px; + z-index:1; +} +.component-spacing-sizes-control .components-range-control__marks{ + margin-top:17px; +} +.component-spacing-sizes-control .components-range-control__marks :first-child{ + display:none; +} +.component-spacing-sizes-control [class*=ThumbWrapper-thumbColor]{ + z-index:3; +} +.component-spacing-sizes-control .components-spacing-sizes-control__custom-select-control{ + grid-column:span 3; + margin-top:8px; +} + +body.admin-color-light{ + --wp-admin-theme-color:#0085ba; + --wp-admin-theme-color--rgb:0, 133, 186; + --wp-admin-theme-color-darker-10:#0073a1; + --wp-admin-theme-color-darker-10--rgb:0, 115, 161; + --wp-admin-theme-color-darker-20:#006187; + --wp-admin-theme-color-darker-20--rgb:0, 97, 135; + --wp-admin-border-width-focus:2px; +} +@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ + body.admin-color-light{ + --wp-admin-border-width-focus:1.5px; } } -body.admin-color-modern { - --wp-admin-theme-color: #3858e9; - --wp-admin-theme-color--rgb: 56, 88, 233; - --wp-admin-theme-color-darker-10: #2145e6; - --wp-admin-theme-color-darker-10--rgb: 33, 69, 230; - --wp-admin-theme-color-darker-20: #183ad6; - --wp-admin-theme-color-darker-20--rgb: 24, 58, 214; - --wp-admin-border-width-focus: 2px; +body.admin-color-modern{ + --wp-admin-theme-color:#3858e9; + --wp-admin-theme-color--rgb:56, 88, 233; + --wp-admin-theme-color-darker-10:#2145e6; + --wp-admin-theme-color-darker-10--rgb:33, 69, 230; + --wp-admin-theme-color-darker-20:#183ad6; + --wp-admin-theme-color-darker-20--rgb:24, 58, 214; + --wp-admin-border-width-focus:2px; } -@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { - body.admin-color-modern { - --wp-admin-border-width-focus: 1.5px; +@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ + body.admin-color-modern{ + --wp-admin-border-width-focus:1.5px; } } -body.admin-color-blue { - --wp-admin-theme-color: #096484; - --wp-admin-theme-color--rgb: 9, 100, 132; - --wp-admin-theme-color-darker-10: #07526c; - --wp-admin-theme-color-darker-10--rgb: 7, 82, 108; - --wp-admin-theme-color-darker-20: #064054; - --wp-admin-theme-color-darker-20--rgb: 6, 64, 84; - --wp-admin-border-width-focus: 2px; +body.admin-color-blue{ + --wp-admin-theme-color:#096484; + --wp-admin-theme-color--rgb:9, 100, 132; + --wp-admin-theme-color-darker-10:#07526c; + --wp-admin-theme-color-darker-10--rgb:7, 82, 108; + --wp-admin-theme-color-darker-20:#064054; + --wp-admin-theme-color-darker-20--rgb:6, 64, 84; + --wp-admin-border-width-focus:2px; } -@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { - body.admin-color-blue { - --wp-admin-border-width-focus: 1.5px; +@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ + body.admin-color-blue{ + --wp-admin-border-width-focus:1.5px; } } -body.admin-color-coffee { - --wp-admin-theme-color: #46403c; - --wp-admin-theme-color--rgb: 70, 64, 60; - --wp-admin-theme-color-darker-10: #383330; - --wp-admin-theme-color-darker-10--rgb: 56, 51, 48; - --wp-admin-theme-color-darker-20: #2b2724; - --wp-admin-theme-color-darker-20--rgb: 43, 39, 36; - --wp-admin-border-width-focus: 2px; +body.admin-color-coffee{ + --wp-admin-theme-color:#46403c; + --wp-admin-theme-color--rgb:70, 64, 60; + --wp-admin-theme-color-darker-10:#383330; + --wp-admin-theme-color-darker-10--rgb:56, 51, 48; + --wp-admin-theme-color-darker-20:#2b2724; + --wp-admin-theme-color-darker-20--rgb:43, 39, 36; + --wp-admin-border-width-focus:2px; } -@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { - body.admin-color-coffee { - --wp-admin-border-width-focus: 1.5px; +@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ + body.admin-color-coffee{ + --wp-admin-border-width-focus:1.5px; } } -body.admin-color-ectoplasm { - --wp-admin-theme-color: #523f6d; - --wp-admin-theme-color--rgb: 82, 63, 109; - --wp-admin-theme-color-darker-10: #46365d; - --wp-admin-theme-color-darker-10--rgb: 70, 54, 93; - --wp-admin-theme-color-darker-20: #3a2c4d; - --wp-admin-theme-color-darker-20--rgb: 58, 44, 77; - --wp-admin-border-width-focus: 2px; +body.admin-color-ectoplasm{ + --wp-admin-theme-color:#523f6d; + --wp-admin-theme-color--rgb:82, 63, 109; + --wp-admin-theme-color-darker-10:#46365d; + --wp-admin-theme-color-darker-10--rgb:70, 54, 93; + --wp-admin-theme-color-darker-20:#3a2c4d; + --wp-admin-theme-color-darker-20--rgb:58, 44, 77; + --wp-admin-border-width-focus:2px; } -@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { - body.admin-color-ectoplasm { - --wp-admin-border-width-focus: 1.5px; +@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ + body.admin-color-ectoplasm{ + --wp-admin-border-width-focus:1.5px; } } -body.admin-color-midnight { - --wp-admin-theme-color: #e14d43; - --wp-admin-theme-color--rgb: 225, 77, 67; - --wp-admin-theme-color-darker-10: #dd382d; - --wp-admin-theme-color-darker-10--rgb: 221, 56, 45; - --wp-admin-theme-color-darker-20: #d02c21; - --wp-admin-theme-color-darker-20--rgb: 208, 44, 33; - --wp-admin-border-width-focus: 2px; +body.admin-color-midnight{ + --wp-admin-theme-color:#e14d43; + --wp-admin-theme-color--rgb:225, 77, 67; + --wp-admin-theme-color-darker-10:#dd382d; + --wp-admin-theme-color-darker-10--rgb:221, 56, 45; + --wp-admin-theme-color-darker-20:#d02c21; + --wp-admin-theme-color-darker-20--rgb:208, 44, 33; + --wp-admin-border-width-focus:2px; } -@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { - body.admin-color-midnight { - --wp-admin-border-width-focus: 1.5px; +@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ + body.admin-color-midnight{ + --wp-admin-border-width-focus:1.5px; } } -body.admin-color-ocean { - --wp-admin-theme-color: #627c83; - --wp-admin-theme-color--rgb: 98, 124, 131; - --wp-admin-theme-color-darker-10: #576e74; - --wp-admin-theme-color-darker-10--rgb: 87, 110, 116; - --wp-admin-theme-color-darker-20: #4c6066; - --wp-admin-theme-color-darker-20--rgb: 76, 96, 102; - --wp-admin-border-width-focus: 2px; +body.admin-color-ocean{ + --wp-admin-theme-color:#627c83; + --wp-admin-theme-color--rgb:98, 124, 131; + --wp-admin-theme-color-darker-10:#576e74; + --wp-admin-theme-color-darker-10--rgb:87, 110, 116; + --wp-admin-theme-color-darker-20:#4c6066; + --wp-admin-theme-color-darker-20--rgb:76, 96, 102; + --wp-admin-border-width-focus:2px; } -@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { - body.admin-color-ocean { - --wp-admin-border-width-focus: 1.5px; +@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ + body.admin-color-ocean{ + --wp-admin-border-width-focus:1.5px; } } -body.admin-color-sunrise { - --wp-admin-theme-color: #dd823b; - --wp-admin-theme-color--rgb: 221, 130, 59; - --wp-admin-theme-color-darker-10: #d97426; - --wp-admin-theme-color-darker-10--rgb: 217, 116, 38; - --wp-admin-theme-color-darker-20: #c36922; - --wp-admin-theme-color-darker-20--rgb: 195, 105, 34; - --wp-admin-border-width-focus: 2px; +body.admin-color-sunrise{ + --wp-admin-theme-color:#dd823b; + --wp-admin-theme-color--rgb:221, 130, 59; + --wp-admin-theme-color-darker-10:#d97426; + --wp-admin-theme-color-darker-10--rgb:217, 116, 38; + --wp-admin-theme-color-darker-20:#c36922; + --wp-admin-theme-color-darker-20--rgb:195, 105, 34; + --wp-admin-border-width-focus:2px; } -@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { - body.admin-color-sunrise { - --wp-admin-border-width-focus: 1.5px; +@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ + body.admin-color-sunrise{ + --wp-admin-border-width-focus:1.5px; } } \ No newline at end of file diff --git a/wp-includes/css/dist/block-library/classic-rtl.css b/wp-includes/css/dist/block-library/classic-rtl.css index 5948676232..91a126d892 100644 --- a/wp-includes/css/dist/block-library/classic-rtl.css +++ b/wp-includes/css/dist/block-library/classic-rtl.css @@ -1,85 +1,9 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-button__link { - color: #fff; - background-color: #32373c; - border-radius: 9999px; - box-shadow: none; - text-decoration: none; - padding: calc(0.667em + 2px) calc(1.333em + 2px); - font-size: 1.125em; +.wp-block-button__link{ + background-color:#32373c; + border-radius:9999px; + box-shadow:none; + color:#fff; + font-size:1.125em; + padding:calc(.667em + 2px) calc(1.333em + 2px); + text-decoration:none; } \ No newline at end of file diff --git a/wp-includes/css/dist/block-library/classic.css b/wp-includes/css/dist/block-library/classic.css index 5948676232..91a126d892 100644 --- a/wp-includes/css/dist/block-library/classic.css +++ b/wp-includes/css/dist/block-library/classic.css @@ -1,85 +1,9 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-button__link { - color: #fff; - background-color: #32373c; - border-radius: 9999px; - box-shadow: none; - text-decoration: none; - padding: calc(0.667em + 2px) calc(1.333em + 2px); - font-size: 1.125em; +.wp-block-button__link{ + background-color:#32373c; + border-radius:9999px; + box-shadow:none; + color:#fff; + font-size:1.125em; + padding:calc(.667em + 2px) calc(1.333em + 2px); + text-decoration:none; } \ No newline at end of file diff --git a/wp-includes/css/dist/block-library/common-rtl.css b/wp-includes/css/dist/block-library/common-rtl.css index 0fa1517db9..2137e76364 100644 --- a/wp-includes/css/dist/block-library/common-rtl.css +++ b/wp-includes/css/dist/block-library/common-rtl.css @@ -1,291 +1,185 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -:root { - --wp-admin-theme-color: #007cba; - --wp-admin-theme-color--rgb: 0, 124, 186; - --wp-admin-theme-color-darker-10: #006ba1; - --wp-admin-theme-color-darker-10--rgb: 0, 107, 161; - --wp-admin-theme-color-darker-20: #005a87; - --wp-admin-theme-color-darker-20--rgb: 0, 90, 135; - --wp-admin-border-width-focus: 2px; +:root{ + --wp-admin-theme-color:#007cba; + --wp-admin-theme-color--rgb:0, 124, 186; + --wp-admin-theme-color-darker-10:#006ba1; + --wp-admin-theme-color-darker-10--rgb:0, 107, 161; + --wp-admin-theme-color-darker-20:#005a87; + --wp-admin-theme-color-darker-20--rgb:0, 90, 135; + --wp-admin-border-width-focus:2px; } -@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { - :root { - --wp-admin-border-width-focus: 1.5px; +@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ + :root{ + --wp-admin-border-width-focus:1.5px; } } - -/** - * Element styles. - */ -.wp-element-button { - cursor: pointer; +.wp-element-button{ + cursor:pointer; } -: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 */ - --wp--preset--font-size--normal: 16px; - --wp--preset--font-size--huge: 42px; +:root{ + --wp--preset--font-size--normal:16px; + --wp--preset--font-size--huge:42px; } -:root .has-very-light-gray-background-color { - background-color: #eee; +:root .has-very-light-gray-background-color{ + background-color:#eee; } -:root .has-very-dark-gray-background-color { - background-color: #313131; +:root .has-very-dark-gray-background-color{ + background-color:#313131; } -:root .has-very-light-gray-color { - color: #eee; +:root .has-very-light-gray-color{ + color:#eee; } -:root .has-very-dark-gray-color { - color: #313131; +:root .has-very-dark-gray-color{ + color:#313131; } -:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background { - background: linear-gradient(-135deg, #00d084 0%, #0693e3 100%); +:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{ + background:linear-gradient(-135deg, #00d084, #0693e3); } -:root .has-purple-crush-gradient-background { - background: linear-gradient(-135deg, #34e2e4 0%, #4721fb 50%, #ab1dfe 100%); +:root .has-purple-crush-gradient-background{ + background:linear-gradient(-135deg, #34e2e4, #4721fb 50%, #ab1dfe); } -:root .has-hazy-dawn-gradient-background { - background: linear-gradient(-135deg, #faaca8 0%, #dad0ec 100%); +:root .has-hazy-dawn-gradient-background{ + background:linear-gradient(-135deg, #faaca8, #dad0ec); } -:root .has-subdued-olive-gradient-background { - background: linear-gradient(-135deg, #fafae1 0%, #67a671 100%); +:root .has-subdued-olive-gradient-background{ + background:linear-gradient(-135deg, #fafae1, #67a671); } -:root .has-atomic-cream-gradient-background { - background: linear-gradient(-135deg, #fdd79a 0%, #004a59 100%); +:root .has-atomic-cream-gradient-background{ + background:linear-gradient(-135deg, #fdd79a, #004a59); } -:root .has-nightshade-gradient-background { - background: linear-gradient(-135deg, #330968 0%, #31cdcf 100%); +:root .has-nightshade-gradient-background{ + background:linear-gradient(-135deg, #330968, #31cdcf); } -:root .has-midnight-gradient-background { - background: linear-gradient(-135deg, #020381 0%, #2874fc 100%); +:root .has-midnight-gradient-background{ + background:linear-gradient(-135deg, #020381, #2874fc); } -.has-regular-font-size { - font-size: 1em; +.has-regular-font-size{ + font-size:1em; } -.has-larger-font-size { - font-size: 2.625em; +.has-larger-font-size{ + font-size:2.625em; } -.has-normal-font-size { - font-size: var(--wp--preset--font-size--normal); +.has-normal-font-size{ + font-size:var(--wp--preset--font-size--normal); } -.has-huge-font-size { - font-size: var(--wp--preset--font-size--huge); +.has-huge-font-size{ + font-size:var(--wp--preset--font-size--huge); } -.has-text-align-center { - text-align: center; +.has-text-align-center{ + text-align:center; } -.has-text-align-left { - text-align: left; +.has-text-align-left{ + text-align:left; } -.has-text-align-right { - text-align: right; +.has-text-align-right{ + text-align:right; } -#end-resizable-editor-section { - display: none; +#end-resizable-editor-section{ + display:none; } -.aligncenter { - clear: both; +.aligncenter{ + clear:both; } -.items-justified-left { - justify-content: flex-start; +.items-justified-left{ + justify-content:flex-start; } -.items-justified-center { - justify-content: center; +.items-justified-center{ + justify-content:center; } -.items-justified-right { - justify-content: flex-end; +.items-justified-right{ + justify-content:flex-end; } -.items-justified-space-between { - justify-content: space-between; +.items-justified-space-between{ + justify-content:space-between; } -.screen-reader-text { - border: 0; - clip: rect(1px, 1px, 1px, 1px); - -webkit-clip-path: inset(50%); - clip-path: inset(50%); - height: 1px; - margin: -1px; - overflow: hidden; - padding: 0; - position: absolute; - width: 1px; - word-wrap: normal !important; +.screen-reader-text{ + clip:rect(1px, 1px, 1px, 1px); + word-wrap:normal !important; + border:0; + -webkit-clip-path:inset(50%); + clip-path:inset(50%); + height:1px; + margin:-1px; + overflow:hidden; + padding:0; + position:absolute; + width:1px; } -.screen-reader-text:focus { - background-color: #ddd; - clip: auto !important; - -webkit-clip-path: none; - clip-path: none; - color: #444; - display: block; - font-size: 1em; - height: auto; - right: 5px; - line-height: normal; - padding: 15px 23px 14px; - text-decoration: none; - top: 5px; - width: auto; - z-index: 100000; +.screen-reader-text:focus{ + clip:auto !important; + background-color:#ddd; + -webkit-clip-path:none; + clip-path:none; + color:#444; + display:block; + font-size:1em; + height:auto; + line-height:normal; + padding:15px 23px 14px; + right:5px; + text-decoration:none; + top:5px; + width:auto; + z-index:100000; +} +html :where(.has-border-color){ + border-style:solid; } -/** - * 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-top-color]){ + border-top-style:solid; } -html :where([style*="border-top-color"]) { - border-top-style: solid; +html :where([style*=border-right-color]){ + border-left-style:solid; } -html :where([style*="border-right-color"]) { - border-left-style: solid; +html :where([style*=border-bottom-color]){ + border-bottom-style:solid; } -html :where([style*="border-bottom-color"]) { - border-bottom-style: solid; +html :where([style*=border-left-color]){ + border-right-style:solid; } -html :where([style*="border-left-color"]) { - border-right-style: solid; +html :where([style*=border-width]){ + border-style:solid; } -html :where([style*="border-width"]) { - border-style: solid; +html :where([style*=border-top-width]){ + border-top-style:solid; } -html :where([style*="border-top-width"]) { - border-top-style: solid; +html :where([style*=border-right-width]){ + border-left-style:solid; } -html :where([style*="border-right-width"]) { - border-left-style: solid; +html :where([style*=border-bottom-width]){ + border-bottom-style:solid; } -html :where([style*="border-bottom-width"]) { - border-bottom-style: solid; +html :where([style*=border-left-width]){ + border-right-style:solid; } - -html :where([style*="border-left-width"]) { - border-right-style: solid; +html :where(img[class*=wp-image-]){ + height:auto; + max-width:100%; } - -/** - * Provide baseline responsiveness for images. - */ -html :where(img[class*="wp-image-"]) { - height: auto; - max-width: 100%; -} - -/** - * Reset user agent styles for figure element margins. - */ -figure { - margin: 0 0 1em 0; +figure{ + margin:0 0 1em; } \ No newline at end of file diff --git a/wp-includes/css/dist/block-library/common.css b/wp-includes/css/dist/block-library/common.css index eb59f2a3da..e4e8192f64 100644 --- a/wp-includes/css/dist/block-library/common.css +++ b/wp-includes/css/dist/block-library/common.css @@ -1,293 +1,185 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -:root { - --wp-admin-theme-color: #007cba; - --wp-admin-theme-color--rgb: 0, 124, 186; - --wp-admin-theme-color-darker-10: #006ba1; - --wp-admin-theme-color-darker-10--rgb: 0, 107, 161; - --wp-admin-theme-color-darker-20: #005a87; - --wp-admin-theme-color-darker-20--rgb: 0, 90, 135; - --wp-admin-border-width-focus: 2px; +:root{ + --wp-admin-theme-color:#007cba; + --wp-admin-theme-color--rgb:0, 124, 186; + --wp-admin-theme-color-darker-10:#006ba1; + --wp-admin-theme-color-darker-10--rgb:0, 107, 161; + --wp-admin-theme-color-darker-20:#005a87; + --wp-admin-theme-color-darker-20--rgb:0, 90, 135; + --wp-admin-border-width-focus:2px; } -@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { - :root { - --wp-admin-border-width-focus: 1.5px; +@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ + :root{ + --wp-admin-border-width-focus:1.5px; } } - -/** - * Element styles. - */ -.wp-element-button { - cursor: pointer; +.wp-element-button{ + cursor:pointer; } -: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 */ - --wp--preset--font-size--normal: 16px; - --wp--preset--font-size--huge: 42px; +:root{ + --wp--preset--font-size--normal:16px; + --wp--preset--font-size--huge:42px; } -:root .has-very-light-gray-background-color { - background-color: #eee; +:root .has-very-light-gray-background-color{ + background-color:#eee; } -:root .has-very-dark-gray-background-color { - background-color: #313131; +:root .has-very-dark-gray-background-color{ + background-color:#313131; } -:root .has-very-light-gray-color { - color: #eee; +:root .has-very-light-gray-color{ + color:#eee; } -:root .has-very-dark-gray-color { - color: #313131; +:root .has-very-dark-gray-color{ + color:#313131; } -:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background { - background: linear-gradient(135deg, #00d084 0%, #0693e3 100%); +:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{ + background:linear-gradient(135deg, #00d084, #0693e3); } -:root .has-purple-crush-gradient-background { - background: linear-gradient(135deg, #34e2e4 0%, #4721fb 50%, #ab1dfe 100%); +:root .has-purple-crush-gradient-background{ + background:linear-gradient(135deg, #34e2e4, #4721fb 50%, #ab1dfe); } -:root .has-hazy-dawn-gradient-background { - background: linear-gradient(135deg, #faaca8 0%, #dad0ec 100%); +:root .has-hazy-dawn-gradient-background{ + background:linear-gradient(135deg, #faaca8, #dad0ec); } -:root .has-subdued-olive-gradient-background { - background: linear-gradient(135deg, #fafae1 0%, #67a671 100%); +:root .has-subdued-olive-gradient-background{ + background:linear-gradient(135deg, #fafae1, #67a671); } -:root .has-atomic-cream-gradient-background { - background: linear-gradient(135deg, #fdd79a 0%, #004a59 100%); +:root .has-atomic-cream-gradient-background{ + background:linear-gradient(135deg, #fdd79a, #004a59); } -:root .has-nightshade-gradient-background { - background: linear-gradient(135deg, #330968 0%, #31cdcf 100%); +:root .has-nightshade-gradient-background{ + background:linear-gradient(135deg, #330968, #31cdcf); } -:root .has-midnight-gradient-background { - background: linear-gradient(135deg, #020381 0%, #2874fc 100%); +:root .has-midnight-gradient-background{ + background:linear-gradient(135deg, #020381, #2874fc); } -.has-regular-font-size { - font-size: 1em; +.has-regular-font-size{ + font-size:1em; } -.has-larger-font-size { - font-size: 2.625em; +.has-larger-font-size{ + font-size:2.625em; } -.has-normal-font-size { - font-size: var(--wp--preset--font-size--normal); +.has-normal-font-size{ + font-size:var(--wp--preset--font-size--normal); } -.has-huge-font-size { - font-size: var(--wp--preset--font-size--huge); +.has-huge-font-size{ + font-size:var(--wp--preset--font-size--huge); } -.has-text-align-center { - text-align: center; +.has-text-align-center{ + text-align:center; } -.has-text-align-left { - /*rtl:ignore*/ - text-align: left; +.has-text-align-left{ + text-align:left; } -.has-text-align-right { - /*rtl:ignore*/ - text-align: right; +.has-text-align-right{ + text-align:right; } -#end-resizable-editor-section { - display: none; +#end-resizable-editor-section{ + display:none; } -.aligncenter { - clear: both; +.aligncenter{ + clear:both; } -.items-justified-left { - justify-content: flex-start; +.items-justified-left{ + justify-content:flex-start; } -.items-justified-center { - justify-content: center; +.items-justified-center{ + justify-content:center; } -.items-justified-right { - justify-content: flex-end; +.items-justified-right{ + justify-content:flex-end; } -.items-justified-space-between { - justify-content: space-between; +.items-justified-space-between{ + justify-content:space-between; } -.screen-reader-text { - border: 0; - clip: rect(1px, 1px, 1px, 1px); - -webkit-clip-path: inset(50%); - clip-path: inset(50%); - height: 1px; - margin: -1px; - overflow: hidden; - padding: 0; - position: absolute; - width: 1px; - word-wrap: normal !important; +.screen-reader-text{ + clip:rect(1px, 1px, 1px, 1px); + word-wrap:normal !important; + border:0; + -webkit-clip-path:inset(50%); + clip-path:inset(50%); + height:1px; + margin:-1px; + overflow:hidden; + padding:0; + position:absolute; + width:1px; } -.screen-reader-text:focus { - background-color: #ddd; - clip: auto !important; - -webkit-clip-path: none; - clip-path: none; - color: #444; - display: block; - font-size: 1em; - height: auto; - left: 5px; - line-height: normal; - padding: 15px 23px 14px; - text-decoration: none; - top: 5px; - width: auto; - z-index: 100000; +.screen-reader-text:focus{ + clip:auto !important; + background-color:#ddd; + -webkit-clip-path:none; + clip-path:none; + color:#444; + display:block; + font-size:1em; + height:auto; + left:5px; + line-height:normal; + padding:15px 23px 14px; + text-decoration:none; + top:5px; + width:auto; + z-index:100000; +} +html :where(.has-border-color){ + border-style:solid; } -/** - * 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-top-color]){ + border-top-style:solid; } -html :where([style*="border-top-color"]) { - border-top-style: solid; +html :where([style*=border-right-color]){ + border-right-style:solid; } -html :where([style*="border-right-color"]) { - border-right-style: solid; +html :where([style*=border-bottom-color]){ + border-bottom-style:solid; } -html :where([style*="border-bottom-color"]) { - border-bottom-style: solid; +html :where([style*=border-left-color]){ + border-left-style:solid; } -html :where([style*="border-left-color"]) { - border-left-style: solid; +html :where([style*=border-width]){ + border-style:solid; } -html :where([style*="border-width"]) { - border-style: solid; +html :where([style*=border-top-width]){ + border-top-style:solid; } -html :where([style*="border-top-width"]) { - border-top-style: solid; +html :where([style*=border-right-width]){ + border-right-style:solid; } -html :where([style*="border-right-width"]) { - border-right-style: solid; +html :where([style*=border-bottom-width]){ + border-bottom-style:solid; } -html :where([style*="border-bottom-width"]) { - border-bottom-style: solid; +html :where([style*=border-left-width]){ + border-left-style:solid; } - -html :where([style*="border-left-width"]) { - border-left-style: solid; +html :where(img[class*=wp-image-]){ + height:auto; + max-width:100%; } - -/** - * Provide baseline responsiveness for images. - */ -html :where(img[class*="wp-image-"]) { - height: auto; - max-width: 100%; -} - -/** - * Reset user agent styles for figure element margins. - */ -figure { - margin: 0 0 1em 0; +figure{ + margin:0 0 1em; } \ No newline at end of file diff --git a/wp-includes/css/dist/block-library/editor-elements-rtl.css b/wp-includes/css/dist/block-library/editor-elements-rtl.css index 468ec1d68a..4ea068030c 100644 --- a/wp-includes/css/dist/block-library/editor-elements-rtl.css +++ b/wp-includes/css/dist/block-library/editor-elements-rtl.css @@ -1,85 +1,6 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -/** -* Element styles for the editor -*/ -.wp-element-button { - cursor: revert; +.wp-element-button{ + cursor:revert; } -.wp-element-button[role=textbox] { - cursor: text; +.wp-element-button[role=textbox]{ + cursor:text; } \ No newline at end of file diff --git a/wp-includes/css/dist/block-library/editor-elements.css b/wp-includes/css/dist/block-library/editor-elements.css index 468ec1d68a..4ea068030c 100644 --- a/wp-includes/css/dist/block-library/editor-elements.css +++ b/wp-includes/css/dist/block-library/editor-elements.css @@ -1,85 +1,6 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -/** -* Element styles for the editor -*/ -.wp-element-button { - cursor: revert; +.wp-element-button{ + cursor:revert; } -.wp-element-button[role=textbox] { - cursor: text; +.wp-element-button[role=textbox]{ + cursor:text; } \ No newline at end of file diff --git a/wp-includes/css/dist/block-library/editor-rtl.css b/wp-includes/css/dist/block-library/editor-rtl.css index 0215a2c3fe..abad1e3d30 100644 --- a/wp-includes/css/dist/block-library/editor-rtl.css +++ b/wp-includes/css/dist/block-library/editor-rtl.css @@ -1,2901 +1,2571 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -ul.wp-block-archives { - padding-right: 2.5em; +ul.wp-block-archives{ + padding-right:2.5em; } -.wp-block-audio { - margin-right: 0; - margin-left: 0; - position: relative; +.wp-block-audio{ + margin-left:0; + margin-right:0; + position:relative; } -.wp-block-audio.is-transient audio { - opacity: 0.3; +.wp-block-audio.is-transient audio{ + opacity:.3; } -.wp-block-audio .components-spinner { - position: absolute; - top: 50%; - right: 50%; - margin-top: -9px; - margin-right: -9px; +.wp-block-audio .components-spinner{ + margin-right:-9px; + margin-top:-9px; + position:absolute; + right:50%; + top:50%; } -.wp-block-avatar__image img { - width: 100%; +.wp-block-avatar__image img{ + width:100%; } -.wp-block-avatar.aligncenter .components-resizable-box__container { - margin: 0 auto; +.wp-block-avatar.aligncenter .components-resizable-box__container{ + margin:0 auto; } -.edit-post-visual-editor .block-library-block__reusable-block-container .is-root-container { - padding-right: 0; - padding-left: 0; +.edit-post-visual-editor .block-library-block__reusable-block-container .is-root-container{ + padding-left:0; + padding-right:0; } -.edit-post-visual-editor .block-library-block__reusable-block-container .block-editor-writing-flow { - display: block; +.edit-post-visual-editor .block-library-block__reusable-block-container .block-editor-writing-flow{ + display:block; } -.edit-post-visual-editor .block-library-block__reusable-block-container .components-disabled .block-list-appender { - display: none; +.edit-post-visual-editor .block-library-block__reusable-block-container .components-disabled .block-list-appender{ + display:none; } -.wp-block[data-align=center] > .wp-block-button { - text-align: center; - margin-right: auto; - margin-left: auto; +.wp-block[data-align=center]>.wp-block-button{ + margin-left:auto; + margin-right:auto; + text-align:center; } -.wp-block[data-align=right] > .wp-block-button { - text-align: right; +.wp-block[data-align=right]>.wp-block-button{ + text-align:right; } -.wp-block-button { - position: relative; - cursor: text; +.wp-block-button{ + cursor:text; + position:relative; } -.wp-block-button:focus { - box-shadow: 0 0 0 1px #fff, 0 0 0 3px var(--wp-admin-theme-color); - outline: 2px solid transparent; - outline-offset: -2px; +.wp-block-button:focus{ + box-shadow:0 0 0 1px #fff, 0 0 0 3px var(--wp-admin-theme-color); + outline:2px solid transparent; + outline-offset:-2px; } -.wp-block-button[data-rich-text-placeholder]::after { - opacity: 0.8; +.wp-block-button[data-rich-text-placeholder]:after{ + opacity:.8; } -.wp-block-button__inline-link { - color: #757575; - height: 0; - overflow: hidden; - max-width: 290px; +.wp-block-button__inline-link{ + color:#757575; + height:0; + max-width:290px; + overflow:hidden; } -.wp-block-button__inline-link-input__suggestions { - max-width: 290px; +.wp-block-button__inline-link-input__suggestions{ + max-width:290px; } -@media (min-width: 782px) { - .wp-block-button__inline-link { - max-width: 260px; - } - .wp-block-button__inline-link-input__suggestions { - max-width: 260px; +@media (min-width:782px){ + .wp-block-button__inline-link,.wp-block-button__inline-link-input__suggestions{ + max-width:260px; } } -@media (min-width: 960px) { - .wp-block-button__inline-link { - max-width: 290px; - } - .wp-block-button__inline-link-input__suggestions { - max-width: 290px; +@media (min-width:960px){ + .wp-block-button__inline-link,.wp-block-button__inline-link-input__suggestions{ + max-width:290px; } } -.is-selected .wp-block-button__inline-link { - height: auto; - overflow: visible; +.is-selected .wp-block-button__inline-link{ + height:auto; + overflow:visible; } -.wp-button-label__width .components-button-group { - display: block; +.wp-button-label__width .components-button-group{ + display:block; } -.wp-button-label__width .components-base-control__field { - margin-bottom: 12px; +.wp-button-label__width .components-base-control__field{ + margin-bottom:12px; } -div[data-type="core/button"] { - display: table; +div[data-type="core/button"]{ + display:table; } -.editor-styles-wrapper .wp-block-button[style*=text-decoration] .wp-block-button__link { - text-decoration: inherit; +.editor-styles-wrapper .wp-block-button[style*=text-decoration] .wp-block-button__link{ + text-decoration:inherit; +} +.wp-block-buttons>.wp-block,.wp-block-buttons>.wp-block-button.wp-block-button.wp-block-button.wp-block-button.wp-block-button{ + margin:0; +} +.wp-block-buttons>.block-list-appender{ + align-items:center; + display:inline-flex; +} +.wp-block-buttons.is-vertical>.block-list-appender .block-list-appender__toggle{ + justify-content:flex-start; +} +.wp-block-buttons>.wp-block-button:focus{ + box-shadow:none; +} +.wp-block-buttons:not(.is-content-justification-space-between,.is-content-justification-right,.is-content-justification-left,.is-content-justification-center) .wp-block[data-align=center]{ + margin-left:auto; + margin-right:auto; + margin-top:0; + width:100%; +} +.wp-block-buttons:not(.is-content-justification-space-between,.is-content-justification-right,.is-content-justification-left,.is-content-justification-center) .wp-block[data-align=center] .wp-block-button{ + margin-bottom:0; +} +.editor-styles-wrapper .wp-block-buttons.has-custom-font-size .wp-block-button__link{ + font-size:inherit; } -.wp-block-buttons { - /* stylelint-disable indentation */ -} -.wp-block-buttons > .wp-block { - margin: 0; -} -.wp-block-buttons > .wp-block-button.wp-block-button.wp-block-button.wp-block-button.wp-block-button { - margin: 0; -} -.wp-block-buttons > .block-list-appender { - display: inline-flex; - align-items: center; -} -.wp-block-buttons.is-vertical > .block-list-appender .block-list-appender__toggle { - justify-content: flex-start; -} -.wp-block-buttons > .wp-block-button:focus { - box-shadow: none; -} -.wp-block-buttons:not(.is-content-justification-space-between, -.is-content-justification-right, -.is-content-justification-left, -.is-content-justification-center) .wp-block[data-align=center] { - /* stylelint-enable indentation */ - margin-right: auto; - margin-left: auto; - margin-top: 0; - width: 100%; -} -.wp-block-buttons:not(.is-content-justification-space-between, -.is-content-justification-right, -.is-content-justification-left, -.is-content-justification-center) .wp-block[data-align=center] .wp-block-button { - margin-bottom: 0; -} -.editor-styles-wrapper .wp-block-buttons.has-custom-font-size .wp-block-button__link { - font-size: inherit; +.wp-block[data-align=center]>.wp-block-buttons{ + align-items:center; + justify-content:center; } -.wp-block[data-align=center] > .wp-block-buttons { - align-items: center; - justify-content: center; +.wp-block[data-align=right]>.wp-block-buttons{ + justify-content:flex-end; } -.wp-block[data-align=right] > .wp-block-buttons { - justify-content: flex-end; +.wp-block-categories ul{ + padding-right:2.5em; +} +.wp-block-categories ul ul{ + margin-top:6px; } -.wp-block-categories ul { - padding-right: 2.5em; -} -.wp-block-categories ul ul { - margin-top: 6px; +.wp-block-code code{ + background:none; } -.wp-block-code code { - background: none; +.wp-block-columns :where(.wp-block){ + margin-left:0; + margin-right:0; + max-width:none; } -.wp-block-columns :where(.wp-block) { - max-width: none; - margin-right: 0; - margin-left: 0; +html :where(.wp-block-column){ + margin-bottom:0; + margin-top:0; +} +.wp-block-comments__legacy-placeholder .alignleft,.wp-block-post-comments .alignleft{ + float:right; +} +.wp-block-comments__legacy-placeholder .alignright,.wp-block-post-comments .alignright{ + float:left; +} +.wp-block-comments__legacy-placeholder .navigation:after,.wp-block-post-comments .navigation:after{ + clear:both; + content:""; + display:table; +} +.wp-block-comments__legacy-placeholder .commentlist,.wp-block-post-comments .commentlist{ + clear:both; + list-style:none; + margin:0; + padding:0; +} +.wp-block-comments__legacy-placeholder .commentlist .comment,.wp-block-post-comments .commentlist .comment{ + min-height:2.25em; + padding-right:3.25em; +} +.wp-block-comments__legacy-placeholder .commentlist .comment p,.wp-block-post-comments .commentlist .comment p{ + font-size:1em; + line-height:1.8; + margin:1em 0; +} +.wp-block-comments__legacy-placeholder .commentlist .children,.wp-block-post-comments .commentlist .children{ + list-style:none; + margin:0; + padding:0; +} +.wp-block-comments__legacy-placeholder .comment-author,.wp-block-post-comments .comment-author{ + line-height:1.5; +} +.wp-block-comments__legacy-placeholder .comment-author .avatar,.wp-block-post-comments .comment-author .avatar{ + border-radius:1.5em; + display:block; + float:right; + height:2.5em; + margin-left:.75em; + margin-top:.5em; + width:2.5em; +} +.wp-block-comments__legacy-placeholder .comment-author cite,.wp-block-post-comments .comment-author cite{ + font-style:normal; +} +.wp-block-comments__legacy-placeholder .comment-meta,.wp-block-post-comments .comment-meta{ + font-size:.875em; + line-height:1.5; +} +.wp-block-comments__legacy-placeholder .comment-meta b,.wp-block-post-comments .comment-meta b{ + font-weight:400; +} +.wp-block-comments__legacy-placeholder .comment-meta .comment-awaiting-moderation,.wp-block-post-comments .comment-meta .comment-awaiting-moderation{ + display:block; + margin-bottom:1em; + margin-top:1em; +} +.wp-block-comments__legacy-placeholder .comment-body .commentmetadata,.wp-block-post-comments .comment-body .commentmetadata{ + font-size:.875em; +} +.wp-block-comments__legacy-placeholder .comment-form-author label,.wp-block-comments__legacy-placeholder .comment-form-comment label,.wp-block-comments__legacy-placeholder .comment-form-email label,.wp-block-comments__legacy-placeholder .comment-form-url label,.wp-block-post-comments .comment-form-author label,.wp-block-post-comments .comment-form-comment label,.wp-block-post-comments .comment-form-email label,.wp-block-post-comments .comment-form-url label{ + display:block; + margin-bottom:.25em; +} +.wp-block-comments__legacy-placeholder .comment-form input:not([type=submit]):not([type=checkbox]),.wp-block-comments__legacy-placeholder .comment-form textarea,.wp-block-post-comments .comment-form input:not([type=submit]):not([type=checkbox]),.wp-block-post-comments .comment-form textarea{ + box-sizing:border-box; + display:block; + width:100%; +} +.wp-block-comments__legacy-placeholder .comment-form-cookies-consent,.wp-block-post-comments .comment-form-cookies-consent{ + display:flex; + gap:.25em; +} +.wp-block-comments__legacy-placeholder .comment-form-cookies-consent #wp-comment-cookies-consent,.wp-block-post-comments .comment-form-cookies-consent #wp-comment-cookies-consent{ + margin-top:.35em; +} +.wp-block-comments__legacy-placeholder .comment-reply-title,.wp-block-post-comments .comment-reply-title{ + margin-bottom:0; +} +.wp-block-comments__legacy-placeholder .comment-reply-title :where(small),.wp-block-post-comments .comment-reply-title :where(small){ + font-size:var(--wp--preset--font-size--medium, smaller); + margin-right:.5em; +} +.wp-block-comments__legacy-placeholder .reply,.wp-block-post-comments .reply{ + font-size:.875em; + margin-bottom:1.4em; +} +.wp-block-comments__legacy-placeholder input:not([type=submit]),.wp-block-comments__legacy-placeholder textarea,.wp-block-post-comments input:not([type=submit]),.wp-block-post-comments textarea{ + border:1px solid #949494; + font-family:inherit; + font-size:1em; +} +.wp-block-comments__legacy-placeholder input:not([type=submit]):not([type=checkbox]),.wp-block-comments__legacy-placeholder textarea,.wp-block-post-comments input:not([type=submit]):not([type=checkbox]),.wp-block-post-comments textarea{ + padding:calc(.667em + 2px); } -html :where(.wp-block-column) { - margin-top: 0; - margin-bottom: 0; +:where(.wp-block-post-comments input[type=submit]){ + border:none; } -/* Styles for backwards compatibility with the legacy `post-comments` block */ -.wp-block-post-comments, .wp-block-comments__legacy-placeholder { - /* utility classes */ - /* end utility classes */ -} -.wp-block-post-comments .alignleft, .wp-block-comments__legacy-placeholder .alignleft { - float: right; -} -.wp-block-post-comments .alignright, .wp-block-comments__legacy-placeholder .alignright { - float: left; -} -.wp-block-post-comments .navigation::after, .wp-block-comments__legacy-placeholder .navigation::after { - content: ""; - display: table; - clear: both; -} -.wp-block-post-comments .commentlist, .wp-block-comments__legacy-placeholder .commentlist { - clear: both; - list-style: none; - margin: 0; - padding: 0; -} -.wp-block-post-comments .commentlist .comment, .wp-block-comments__legacy-placeholder .commentlist .comment { - min-height: 2.25em; - padding-right: 3.25em; -} -.wp-block-post-comments .commentlist .comment p, .wp-block-comments__legacy-placeholder .commentlist .comment p { - font-size: 1em; - line-height: 1.8; - margin: 1em 0; -} -.wp-block-post-comments .commentlist .children, .wp-block-comments__legacy-placeholder .commentlist .children { - list-style: none; - margin: 0; - padding: 0; -} -.wp-block-post-comments .comment-author, .wp-block-comments__legacy-placeholder .comment-author { - line-height: 1.5; -} -.wp-block-post-comments .comment-author .avatar, .wp-block-comments__legacy-placeholder .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; -} -.wp-block-post-comments .comment-author cite, .wp-block-comments__legacy-placeholder .comment-author cite { - font-style: normal; -} -.wp-block-post-comments .comment-meta, .wp-block-comments__legacy-placeholder .comment-meta { - font-size: 0.875em; - line-height: 1.5; -} -.wp-block-post-comments .comment-meta b, .wp-block-comments__legacy-placeholder .comment-meta b { - font-weight: normal; -} -.wp-block-post-comments .comment-meta .comment-awaiting-moderation, .wp-block-comments__legacy-placeholder .comment-meta .comment-awaiting-moderation { - margin-top: 1em; - margin-bottom: 1em; - display: block; -} -.wp-block-post-comments .comment-body .commentmetadata, .wp-block-comments__legacy-placeholder .comment-body .commentmetadata { - font-size: 0.875em; -} -.wp-block-post-comments .comment-form-comment label, .wp-block-comments__legacy-placeholder .comment-form-comment label, -.wp-block-post-comments .comment-form-author label, -.wp-block-comments__legacy-placeholder .comment-form-author label, -.wp-block-post-comments .comment-form-email label, -.wp-block-comments__legacy-placeholder .comment-form-email label, -.wp-block-post-comments .comment-form-url label, -.wp-block-comments__legacy-placeholder .comment-form-url label { - display: block; - margin-bottom: 0.25em; -} -.wp-block-post-comments .comment-form textarea, .wp-block-comments__legacy-placeholder .comment-form textarea, -.wp-block-post-comments .comment-form input:not([type=submit]):not([type=checkbox]), -.wp-block-comments__legacy-placeholder .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, .wp-block-comments__legacy-placeholder .comment-form-cookies-consent { - display: flex; - gap: 0.25em; -} -.wp-block-post-comments .comment-form-cookies-consent #wp-comment-cookies-consent, .wp-block-comments__legacy-placeholder .comment-form-cookies-consent #wp-comment-cookies-consent { - margin-top: 0.35em; -} -.wp-block-post-comments .comment-reply-title, .wp-block-comments__legacy-placeholder .comment-reply-title { - margin-bottom: 0; -} -.wp-block-post-comments .comment-reply-title :where(small), .wp-block-comments__legacy-placeholder .comment-reply-title :where(small) { - font-size: var(--wp--preset--font-size--medium, smaller); - margin-right: 0.5em; -} -.wp-block-post-comments .reply, .wp-block-comments__legacy-placeholder .reply { - font-size: 0.875em; - margin-bottom: 1.4em; -} -.wp-block-post-comments textarea, .wp-block-comments__legacy-placeholder textarea, -.wp-block-post-comments input:not([type=submit]), -.wp-block-comments__legacy-placeholder input:not([type=submit]) { - border: 1px solid #949494; - font-size: 1em; - font-family: inherit; -} -.wp-block-post-comments textarea, .wp-block-comments__legacy-placeholder textarea, -.wp-block-post-comments input:not([type=submit]):not([type=checkbox]), -.wp-block-comments__legacy-placeholder input:not([type=submit]):not([type=checkbox]) { - padding: calc(0.667em + 2px); +.block-library-comments-toolbar__popover .components-popover__content{ + min-width:230px; } -:where(.wp-block-post-comments input[type="submit"]) { - border: none; +.wp-block-comments__legacy-placeholder *{ + pointer-events:none; } -.block-library-comments-toolbar__popover .components-popover__content { - min-width: 230px; +.wp-block-comment-author-avatar__placeholder{ + stroke:currentColor; + stroke-dasharray:3; + border:1px dashed; + height:100%; + width:100%; } -.wp-block-comments__legacy-placeholder * { - pointer-events: none; +.wp-block[data-align=center]>.wp-block-comments-pagination{ + justify-content:center; } -.wp-block-comment-author-avatar__placeholder { - border: currentColor 1px dashed; - width: 100%; - height: 100%; - stroke: currentColor; - stroke-dasharray: 3; +.editor-styles-wrapper .wp-block-comments-pagination{ + max-width:100%; +} +.editor-styles-wrapper .wp-block-comments-pagination.block-editor-block-list__layout{ + margin:0; } -.wp-block[data-align=center] > .wp-block-comments-pagination { - justify-content: center; +.wp-block-comments-pagination>.wp-block-comments-pagination-next,.wp-block-comments-pagination>.wp-block-comments-pagination-numbers,.wp-block-comments-pagination>.wp-block-comments-pagination-previous{ + margin-bottom:.5em; + margin-right:.5em; + margin-top:.5em; +} +.wp-block-comments-pagination>.wp-block-comments-pagination-next:last-child,.wp-block-comments-pagination>.wp-block-comments-pagination-numbers:last-child,.wp-block-comments-pagination>.wp-block-comments-pagination-previous:last-child{ + margin-right:0; } -.editor-styles-wrapper .wp-block-comments-pagination { - max-width: 100%; +.wp-block-comments-pagination-numbers a{ + text-decoration:underline; } -.editor-styles-wrapper .wp-block-comments-pagination.block-editor-block-list__layout { - margin: 0; +.wp-block-comments-pagination-numbers .page-numbers{ + margin-left:2px; +} +.wp-block-comments-pagination-numbers .page-numbers:last-child{ + margin-right:0; } -.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; - margin-top: 0.5em; - margin-right: 0.5em; - margin-bottom: 0.5em; +.wp-block-comments-title.has-background{ + padding:inherit; } -.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; +.editor-styles-wrapper .wp-block-cover{ + box-sizing:border-box; +} +.wp-block-cover.is-placeholder{ + min-height:auto !important; + padding:0 !important; +} +.wp-block-cover.is-placeholder .block-library-cover__resize-container{ + display:none; +} +.wp-block-cover.is-placeholder .components-placeholder.is-large{ + justify-content:flex-start; + min-height:240px; + z-index:1; +} +.wp-block-cover.is-placeholder .components-placeholder.is-large+.block-library-cover__resize-container{ + display:block; + min-height:240px; +} +.wp-block-cover.components-placeholder h2{ + color:inherit; +} +.wp-block-cover.is-transient:before{ + background-color:#fff; + opacity:.3; +} +.wp-block-cover .components-spinner{ + margin:0; + position:absolute; + right:50%; + top:50%; + transform:translate(50%, -50%); + z-index:1; +} +.wp-block-cover .wp-block-cover__inner-container{ + margin-left:0; + margin-right:0; + text-align:right; +} +.wp-block-cover .wp-block-cover__placeholder-background-options{ + width:100%; +} +.wp-block-cover .wp-block-cover__image--placeholder-image{ + bottom:0; + left:0; + position:absolute; + right:0; + top:0; } -.wp-block-comments-pagination-numbers a { - text-decoration: underline; -} -.wp-block-comments-pagination-numbers .page-numbers { - margin-left: 2px; -} -.wp-block-comments-pagination-numbers .page-numbers:last-child { - margin-right: 0; +[data-align=left]>.wp-block-cover,[data-align=right]>.wp-block-cover{ + max-width:420px; + width:100%; } -.wp-block-comments-title.has-background { - padding: inherit; +.block-library-cover__reset-button{ + margin-right:auto; } -.wp-block-cover { - /* Extra specificity needed because the reset.css applied in the editor context is overriding this rule. */ -} -.editor-styles-wrapper .wp-block-cover { - box-sizing: border-box; -} -.wp-block-cover.is-placeholder { - min-height: auto !important; - padding: 0 !important; -} -.wp-block-cover.is-placeholder .block-library-cover__resize-container { - display: none; -} -.wp-block-cover.is-placeholder .components-placeholder.is-large { - min-height: 240px; - justify-content: flex-start; - z-index: 1; -} -.wp-block-cover.is-placeholder .components-placeholder.is-large + .block-library-cover__resize-container { - min-height: 240px; - display: block; -} -.wp-block-cover.components-placeholder h2 { - color: inherit; -} -.wp-block-cover.is-transient::before { - background-color: #fff; - opacity: 0.3; -} -.wp-block-cover .components-spinner { - position: absolute; - z-index: 1; - top: 50%; - right: 50%; - transform: translate(50%, -50%); - margin: 0; -} -.wp-block-cover .wp-block-cover__inner-container { - text-align: right; - margin-right: 0; - margin-left: 0; -} -.wp-block-cover .wp-block-cover__placeholder-background-options { - width: 100%; -} -.wp-block-cover .wp-block-cover__image--placeholder-image { - position: absolute; - top: 0; - left: 0; - bottom: 0; - right: 0; +.block-library-cover__resize-container{ + bottom:0; + left:0; + min-height:50px; + position:absolute !important; + right:0; + top:0; } -[data-align=left] > .wp-block-cover, -[data-align=right] > .wp-block-cover { - max-width: 420px; - width: 100%; +.block-library-cover__resize-container:not(.is-resizing){ + height:auto !important; } -.block-library-cover__reset-button { - margin-right: auto; +.wp-block-cover>.components-drop-zone .components-drop-zone__content{ + opacity:.8 !important; } -.block-library-cover__resize-container { - position: absolute !important; - top: 0; - right: 0; - left: 0; - bottom: 0; - min-height: 50px; +.block-editor-block-patterns-list__list-item .has-parallax.wp-block-cover{ + background-attachment:scroll; } -.block-library-cover__resize-container:not(.is-resizing) { - height: auto !important; +.color-block-support-panel__inner-wrapper>:not(.block-editor-tools-panel-color-gradient-settings__item){ + margin-top:24px; } -.wp-block-cover > .components-drop-zone .components-drop-zone__content { - opacity: 0.8 !important; +.wp-block-embed{ + clear:both; + margin-left:0; + margin-right:0; +} +.wp-block-embed.is-loading{ + display:flex; + justify-content:center; +} +.wp-block-embed .components-placeholder__error{ + word-break:break-word; +} +.wp-block-embed .components-placeholder__learn-more{ + margin-top:1em; } -.block-editor-block-patterns-list__list-item .has-parallax.wp-block-cover { - background-attachment: scroll; +.block-library-embed__interactive-overlay{ + bottom:0; + left:0; + opacity:0; + position:absolute; + right:0; + top:0; } -.color-block-support-panel__inner-wrapper > :not(.block-editor-tools-panel-color-gradient-settings__item) { - margin-top: 24px; +.wp-block[data-align=left]>.wp-block-embed,.wp-block[data-align=right]>.wp-block-embed{ + max-width:360px; + width:100%; +} +.wp-block[data-align=left]>.wp-block-embed .wp-block-embed__wrapper,.wp-block[data-align=right]>.wp-block-embed .wp-block-embed__wrapper{ + min-width:280px; } -.wp-block-embed { - margin-right: 0; - margin-left: 0; - clear: both; +.wp-block-file{ + align-items:center; + display:flex; + flex-wrap:wrap; + justify-content:space-between; + margin-bottom:0; } -.wp-block-embed.is-loading { - display: flex; - justify-content: center; +.wp-block[data-align=left]>.wp-block-file,.wp-block[data-align=right]>.wp-block-file{ + height:auto; } -.wp-block-embed .components-placeholder__error { - word-break: break-word; +.wp-block-file .components-resizable-box__container{ + margin-bottom:1em; } -.wp-block-embed .components-placeholder__learn-more { - margin-top: 1em; +.wp-block-file .wp-block-file__preview{ + height:100%; + margin-bottom:1em; + width:100%; +} +.wp-block-file .wp-block-file__preview-overlay{ + bottom:0; + left:0; + position:absolute; + right:0; + top:0; +} +.wp-block-file .wp-block-file__content-wrapper{ + flex-grow:1; +} +.wp-block-file a{ + min-width:1em; +} +.wp-block-file .wp-block-file__button-richtext-wrapper{ + display:inline-block; + margin-right:.75em; } -.block-library-embed__interactive-overlay { - position: absolute; - top: 0; - right: 0; - left: 0; - bottom: 0; - opacity: 0; +.wp-block-freeform.block-library-rich-text__tinymce{ + height:auto; +} +.wp-block-freeform.block-library-rich-text__tinymce li,.wp-block-freeform.block-library-rich-text__tinymce p{ + line-height:1.8; +} +.wp-block-freeform.block-library-rich-text__tinymce ol,.wp-block-freeform.block-library-rich-text__tinymce ul{ + margin-right:0; + padding-right:2.5em; +} +.wp-block-freeform.block-library-rich-text__tinymce blockquote{ + border-right:4px solid #000; + box-shadow:inset 0 0 0 0 #ddd; + margin:0; + padding-right:1em; +} +.wp-block-freeform.block-library-rich-text__tinymce pre{ + color:#1e1e1e; + font-family:Menlo,Consolas,monaco,monospace; + font-size:15px; + white-space:pre-wrap; +} +.wp-block-freeform.block-library-rich-text__tinymce>:first-child{ + margin-top:0; +} +.wp-block-freeform.block-library-rich-text__tinymce>:last-child{ + margin-bottom:0; +} +.wp-block-freeform.block-library-rich-text__tinymce.mce-edit-focus{ + outline:none; +} +.wp-block-freeform.block-library-rich-text__tinymce a{ + color:var(--wp-admin-theme-color); +} +.wp-block-freeform.block-library-rich-text__tinymce:focus a[data-mce-selected]{ + background:#e5f5fa; + border-radius:2px; + box-shadow:0 0 0 1px #e5f5fa; + margin:0 -2px; + padding:0 2px; +} +.wp-block-freeform.block-library-rich-text__tinymce code{ + background:#f0f0f0; + border-radius:2px; + color:#1e1e1e; + font-family:Menlo,Consolas,monaco,monospace; + font-size:14px; + padding:2px; +} +.wp-block-freeform.block-library-rich-text__tinymce:focus code[data-mce-selected]{ + background:#ddd; +} +.wp-block-freeform.block-library-rich-text__tinymce .alignright{ + float:right; + margin:.5em 0 .5em 1em; +} +.wp-block-freeform.block-library-rich-text__tinymce .alignleft{ + float:left; + margin:.5em 1em .5em 0; +} +.wp-block-freeform.block-library-rich-text__tinymce .aligncenter{ + display:block; + margin-left:auto; + margin-right:auto; +} +.wp-block-freeform.block-library-rich-text__tinymce .wp-more-tag{ + background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAADtgAAAAoBAMAAAA86gLBAAAAJFBMVEVMaXG7u7vBwcHDw8POzs68vLzGxsbMzMy+vr7AwMDQ0NDGxsYKLGzpAAAADHRSTlMA///zWf+/f///TMxNVGuqAAABwklEQVR4Ae3dMXLaQBTH4bfj8UCpx8hq0vgKvgFNemhT6Qo6gg6R+0ZahM2QLmyBJ99XWP9V5+o3jIUcLQEAAAAAAAAAAAAAAAAAAAAAAABQ8j0WL9lfTtlt18uNXAUA8O/KVtfa1tdcrOdSh9gCQAMlh1hMNbZZ1bsrsQWABsrhLRbz7z5in/32UbfUMUbkMQCAh5RfGYv82UdMdZ6HS2wjT2ILAI8r3XmM2B3WvM59vfO2xXYW2yYAENuPU8S+X/N67mKxzy225yaxBQCxLV392UdcvwV0jPVUj98ntkBWT7C7+9u2/V/vGtvXIWJ6/4rtbottWa6Ri0NUT/u72LYttrb97LHdvUXMxxrb8TO2W2TF1rYbbLG1bbGNjMi4+2Sbi1FsbbvNFlvbFtt5fDnE3d9sP1/XeIyV2Nr2U2/guZUuptNrH/dPI9eLB6SaAEBs6wPJf3/PNk9tYgsAYrv/8TFuzx/fvkFqGtrEFgDEdpcZUb7ejXy6ntrEFgDENvL6gsas4vbdyKt4DACI7TxElJv/Z7udpqFNbAFAbKduy2uU2trttM/x28UWAAAAAAAAAAAAAAAAAAAAAAAAAADgDyPwGmGTCZp7AAAAAElFTkSuQmCC); + background-position:50%; + background-repeat:no-repeat; + background-size:1900px 20px; + cursor:default; + display:block; + height:20px; + margin:15px auto; + outline:0; + width:96%; +} +.wp-block-freeform.block-library-rich-text__tinymce img::selection{ + background-color:initial; +} +.wp-block-freeform.block-library-rich-text__tinymce div.mceTemp{ + -ms-user-select:element; +} +.wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption{ + margin:0; + max-width:100%; +} +.wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption a,.wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption img{ + display:block; +} +.wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption,.wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption *{ + -webkit-user-drag:none; +} +.wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption .wp-caption-dd{ + margin:0; + padding-top:.5em; +} +.wp-block-freeform.block-library-rich-text__tinymce .wpview{ + border:1px solid transparent; + clear:both; + margin-bottom:16px; + position:relative; + width:99.99%; +} +.wp-block-freeform.block-library-rich-text__tinymce .wpview iframe{ + background:transparent; + display:block; + max-width:100%; +} +.wp-block-freeform.block-library-rich-text__tinymce .wpview .mce-shim{ + bottom:0; + left:0; + position:absolute; + right:0; + top:0; +} +.wp-block-freeform.block-library-rich-text__tinymce .wpview[data-mce-selected="2"] .mce-shim{ + display:none; +} +.wp-block-freeform.block-library-rich-text__tinymce .wpview .loading-placeholder{ + border:1px dashed #ddd; + padding:10px; +} +.wp-block-freeform.block-library-rich-text__tinymce .wpview .wpview-error{ + word-wrap:break-word; + border:1px solid #ddd; + margin:0; + padding:1em 0; +} +.wp-block-freeform.block-library-rich-text__tinymce .wpview .wpview-error p{ + margin:0; + text-align:center; +} +.wp-block-freeform.block-library-rich-text__tinymce .wpview[data-mce-selected] .loading-placeholder,.wp-block-freeform.block-library-rich-text__tinymce .wpview[data-mce-selected] .wpview-error{ + border-color:transparent; +} +.wp-block-freeform.block-library-rich-text__tinymce .wpview .dashicons{ + display:block; + font-size:32px; + height:32px; + margin:0 auto; + width:32px; +} +.wp-block-freeform.block-library-rich-text__tinymce .wpview.wpview-type-gallery:after{ + clear:both; + content:""; + display:table; +} +.wp-block-freeform.block-library-rich-text__tinymce .gallery img[data-mce-selected]:focus{ + outline:none; +} +.wp-block-freeform.block-library-rich-text__tinymce .gallery a{ + cursor:default; +} +.wp-block-freeform.block-library-rich-text__tinymce .gallery{ + line-height:1; + margin:auto -6px; + overflow-x:hidden; + padding:6px 0; +} +.wp-block-freeform.block-library-rich-text__tinymce .gallery .gallery-item{ + box-sizing:border-box; + float:right; + margin:0; + padding:6px; + text-align:center; +} +.wp-block-freeform.block-library-rich-text__tinymce .gallery .gallery-caption,.wp-block-freeform.block-library-rich-text__tinymce .gallery .gallery-icon{ + margin:0; +} +.wp-block-freeform.block-library-rich-text__tinymce .gallery .gallery-caption{ + font-size:13px; + margin:4px 0; +} +.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-1 .gallery-item{ + width:100%; +} +.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-2 .gallery-item{ + width:50%; +} +.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-3 .gallery-item{ + width:33.3333333333%; +} +.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-4 .gallery-item{ + width:25%; +} +.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-5 .gallery-item{ + width:20%; +} +.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-6 .gallery-item{ + width:16.6666666667%; +} +.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-7 .gallery-item{ + width:14.2857142857%; +} +.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-8 .gallery-item{ + width:12.5%; +} +.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-9 .gallery-item{ + width:11.1111111111%; +} +.wp-block-freeform.block-library-rich-text__tinymce .gallery img{ + border:none; + height:auto; + max-width:100%; + padding:0; } -.wp-block[data-align=left] > .wp-block-embed, -.wp-block[data-align=right] > .wp-block-embed { - max-width: 360px; - width: 100%; +div[data-type="core/freeform"]:before{ + border:1px solid #ddd; + outline:1px solid transparent; + transition:border-color .1s linear,box-shadow .1s linear; } -.wp-block[data-align=left] > .wp-block-embed .wp-block-embed__wrapper, -.wp-block[data-align=right] > .wp-block-embed .wp-block-embed__wrapper { - min-width: 280px; -} - -.wp-block-file { - display: flex; - flex-wrap: wrap; - justify-content: space-between; - align-items: center; - margin-bottom: 0; -} -.wp-block[data-align=left] > .wp-block-file, .wp-block[data-align=right] > .wp-block-file { - height: auto; -} -.wp-block-file .components-resizable-box__container { - margin-bottom: 1em; -} -.wp-block-file .wp-block-file__preview { - margin-bottom: 1em; - width: 100%; - height: 100%; -} -.wp-block-file .wp-block-file__preview-overlay { - position: absolute; - top: 0; - left: 0; - bottom: 0; - right: 0; -} -.wp-block-file .wp-block-file__content-wrapper { - flex-grow: 1; -} -.wp-block-file a { - min-width: 1em; -} -.wp-block-file .wp-block-file__button-richtext-wrapper { - display: inline-block; - margin-right: 0.75em; -} - -.wp-block-freeform.block-library-rich-text__tinymce { - height: auto; - /* Allow height of embed iframes to be calculated properly */ - /* Remove blue highlighting of selected images in WebKit */ - /* Image captions */ - /* WP Views */ -} -.wp-block-freeform.block-library-rich-text__tinymce p, -.wp-block-freeform.block-library-rich-text__tinymce li { - line-height: 1.8; -} -.wp-block-freeform.block-library-rich-text__tinymce ul, -.wp-block-freeform.block-library-rich-text__tinymce ol { - padding-right: 2.5em; - margin-right: 0; -} -.wp-block-freeform.block-library-rich-text__tinymce blockquote { - margin: 0; - box-shadow: inset 0 0 0 0 #ddd; - border-right: 4px solid #000; - padding-right: 1em; -} -.wp-block-freeform.block-library-rich-text__tinymce pre { - white-space: pre-wrap; - font-family: Menlo, Consolas, monaco, monospace; - font-size: 15px; - color: #1e1e1e; -} -.wp-block-freeform.block-library-rich-text__tinymce > *:first-child { - margin-top: 0; -} -.wp-block-freeform.block-library-rich-text__tinymce > *:last-child { - margin-bottom: 0; -} -.wp-block-freeform.block-library-rich-text__tinymce.mce-edit-focus { - outline: none; -} -.wp-block-freeform.block-library-rich-text__tinymce a { - color: var(--wp-admin-theme-color); -} -.wp-block-freeform.block-library-rich-text__tinymce:focus a[data-mce-selected] { - padding: 0 2px; - margin: 0 -2px; - border-radius: 2px; - box-shadow: 0 0 0 1px #e5f5fa; - background: #e5f5fa; -} -.wp-block-freeform.block-library-rich-text__tinymce code { - padding: 2px; - border-radius: 2px; - color: #1e1e1e; - background: #f0f0f0; - font-family: Menlo, Consolas, monaco, monospace; - font-size: 14px; -} -.wp-block-freeform.block-library-rich-text__tinymce:focus code[data-mce-selected] { - background: #ddd; -} -.wp-block-freeform.block-library-rich-text__tinymce .alignright { - float: right; - margin: 0.5em 0 0.5em 1em; -} -.wp-block-freeform.block-library-rich-text__tinymce .alignleft { - float: left; - margin: 0.5em 1em 0.5em 0; -} -.wp-block-freeform.block-library-rich-text__tinymce .aligncenter { - display: block; - margin-right: auto; - margin-left: auto; -} -.wp-block-freeform.block-library-rich-text__tinymce .wp-more-tag { - width: 96%; - height: 20px; - display: block; - margin: 15px auto; - outline: 0; - cursor: default; - background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAADtgAAAAoBAMAAAA86gLBAAAAJFBMVEVMaXG7u7vBwcHDw8POzs68vLzGxsbMzMy+vr7AwMDQ0NDGxsYKLGzpAAAADHRSTlMA///zWf+/f///TMxNVGuqAAABwklEQVR4Ae3dMXLaQBTH4bfj8UCpx8hq0vgKvgFNemhT6Qo6gg6R+0ZahM2QLmyBJ99XWP9V5+o3jIUcLQEAAAAAAAAAAAAAAAAAAAAAAABQ8j0WL9lfTtlt18uNXAUA8O/KVtfa1tdcrOdSh9gCQAMlh1hMNbZZ1bsrsQWABsrhLRbz7z5in/32UbfUMUbkMQCAh5RfGYv82UdMdZ6HS2wjT2ILAI8r3XmM2B3WvM59vfO2xXYW2yYAENuPU8S+X/N67mKxzy225yaxBQCxLV392UdcvwV0jPVUj98ntkBWT7C7+9u2/V/vGtvXIWJ6/4rtbottWa6Ri0NUT/u72LYttrb97LHdvUXMxxrb8TO2W2TF1rYbbLG1bbGNjMi4+2Sbi1FsbbvNFlvbFtt5fDnE3d9sP1/XeIyV2Nr2U2/guZUuptNrH/dPI9eLB6SaAEBs6wPJf3/PNk9tYgsAYrv/8TFuzx/fvkFqGtrEFgDEdpcZUb7ejXy6ntrEFgDENvL6gsas4vbdyKt4DACI7TxElJv/Z7udpqFNbAFAbKduy2uU2trttM/x28UWAAAAAAAAAAAAAAAAAAAAAAAAAADgDyPwGmGTCZp7AAAAAElFTkSuQmCC); - background-size: 1900px 20px; - background-repeat: no-repeat; - background-position: center; -} -.wp-block-freeform.block-library-rich-text__tinymce img::selection { - background-color: transparent; -} -.wp-block-freeform.block-library-rich-text__tinymce div.mceTemp { - -ms-user-select: element; -} -.wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption { - margin: 0; - /* dl browser reset */ - max-width: 100%; -} -.wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption a, -.wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption img { - display: block; -} -.wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption, .wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption * { - -webkit-user-drag: none; -} -.wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption .wp-caption-dd { - padding-top: 0.5em; - margin: 0; - /* browser dd reset */ -} -.wp-block-freeform.block-library-rich-text__tinymce .wpview { - width: 99.99%; - /* All IE need hasLayout, incl. 11 (ugh, not again!!) */ - position: relative; - clear: both; - margin-bottom: 16px; - border: 1px solid transparent; -} -.wp-block-freeform.block-library-rich-text__tinymce .wpview iframe { - display: block; - max-width: 100%; - background: transparent; -} -.wp-block-freeform.block-library-rich-text__tinymce .wpview .mce-shim { - position: absolute; - top: 0; - left: 0; - bottom: 0; - right: 0; -} -.wp-block-freeform.block-library-rich-text__tinymce .wpview[data-mce-selected="2"] .mce-shim { - display: none; -} -.wp-block-freeform.block-library-rich-text__tinymce .wpview .loading-placeholder { - border: 1px dashed #ddd; - padding: 10px; -} -.wp-block-freeform.block-library-rich-text__tinymce .wpview .wpview-error { - border: 1px solid #ddd; - padding: 1em 0; - margin: 0; - word-wrap: break-word; -} -.wp-block-freeform.block-library-rich-text__tinymce .wpview .wpview-error p { - margin: 0; - text-align: center; -} -.wp-block-freeform.block-library-rich-text__tinymce .wpview[data-mce-selected] .loading-placeholder, .wp-block-freeform.block-library-rich-text__tinymce .wpview[data-mce-selected] .wpview-error { - border-color: transparent; -} -.wp-block-freeform.block-library-rich-text__tinymce .wpview .dashicons { - display: block; - margin: 0 auto; - width: 32px; - height: 32px; - font-size: 32px; -} -.wp-block-freeform.block-library-rich-text__tinymce .wpview.wpview-type-gallery::after { - content: ""; - display: table; - clear: both; -} -.wp-block-freeform.block-library-rich-text__tinymce .gallery img[data-mce-selected]:focus { - outline: none; -} -.wp-block-freeform.block-library-rich-text__tinymce .gallery a { - cursor: default; -} -.wp-block-freeform.block-library-rich-text__tinymce .gallery { - margin: auto -6px; - padding: 6px 0; - line-height: 1; - overflow-x: hidden; -} -.wp-block-freeform.block-library-rich-text__tinymce .gallery .gallery-item { - float: right; - margin: 0; - text-align: center; - padding: 6px; - box-sizing: border-box; -} -.wp-block-freeform.block-library-rich-text__tinymce .gallery .gallery-caption, -.wp-block-freeform.block-library-rich-text__tinymce .gallery .gallery-icon { - margin: 0; -} -.wp-block-freeform.block-library-rich-text__tinymce .gallery .gallery-caption { - font-size: 13px; - margin: 4px 0; -} -.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-1 .gallery-item { - width: 100%; -} -.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-2 .gallery-item { - width: 50%; -} -.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-3 .gallery-item { - width: 33.3333333333%; -} -.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-4 .gallery-item { - width: 25%; -} -.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-5 .gallery-item { - width: 20%; -} -.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-6 .gallery-item { - width: 16.6666666667%; -} -.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-7 .gallery-item { - width: 14.2857142857%; -} -.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-8 .gallery-item { - width: 12.5%; -} -.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-9 .gallery-item { - width: 11.1111111111%; -} -.wp-block-freeform.block-library-rich-text__tinymce .gallery img { - max-width: 100%; - height: auto; - border: none; - padding: 0; -} - -div[data-type="core/freeform"]::before { - transition: border-color 0.1s linear, box-shadow 0.1s linear; - border: 1px solid #ddd; - outline: 1px solid transparent; -} -@media (prefers-reduced-motion: reduce) { - div[data-type="core/freeform"]::before { - transition-duration: 0s; - transition-delay: 0s; +@media (prefers-reduced-motion:reduce){ + div[data-type="core/freeform"]:before{ + transition-delay:0s; + transition-duration:0s; } } -div[data-type="core/freeform"].is-selected::before { - border-color: #1e1e1e; +div[data-type="core/freeform"].is-selected:before{ + border-color:#1e1e1e; } -div[data-type="core/freeform"] .block-editor-block-contextual-toolbar + div { - margin-top: 0; - padding-top: 0; +div[data-type="core/freeform"] .block-editor-block-contextual-toolbar+div{ + margin-top:0; + padding-top:0; } -div[data-type="core/freeform"].is-selected .block-library-rich-text__tinymce::after { - content: ""; - display: table; - clear: both; +div[data-type="core/freeform"].is-selected .block-library-rich-text__tinymce:after{ + clear:both; + content:""; + display:table; } -.mce-toolbar-grp .mce-btn.mce-active button, -.mce-toolbar-grp .mce-btn.mce-active:hover button, -.mce-toolbar-grp .mce-btn.mce-active i, -.mce-toolbar-grp .mce-btn.mce-active:hover i { - color: #1e1e1e; +.mce-toolbar-grp .mce-btn.mce-active button,.mce-toolbar-grp .mce-btn.mce-active i,.mce-toolbar-grp .mce-btn.mce-active:hover button,.mce-toolbar-grp .mce-btn.mce-active:hover i{ + color:#1e1e1e; } -.mce-toolbar-grp .mce-rtl .mce-flow-layout-item.mce-last { - margin-left: 0; - margin-right: 8px; +.mce-toolbar-grp .mce-rtl .mce-flow-layout-item.mce-last{ + margin-left:0; + margin-right:8px; } -.mce-toolbar-grp .mce-btn i { - font-style: normal; +.mce-toolbar-grp .mce-btn i{ + font-style:normal; } -.block-library-classic__toolbar { - display: none; - width: auto; - margin: 0; - position: sticky; - z-index: 31; - top: 0; - border: 1px solid #ddd; - border-bottom: none; - border-radius: 2px; - margin-bottom: 8px; - padding: 0; +.block-library-classic__toolbar{ + border:1px solid #ddd; + border-bottom:none; + border-radius:2px; + display:none; + margin:0 0 8px; + padding:0; + position:sticky; + top:0; + width:auto; + z-index:31; } -div[data-type="core/freeform"].is-selected .block-library-classic__toolbar { - display: block; - border-color: #1e1e1e; +div[data-type="core/freeform"].is-selected .block-library-classic__toolbar{ + border-color:#1e1e1e; + display:block; } -.block-library-classic__toolbar .mce-tinymce { - box-shadow: none; +.block-library-classic__toolbar .mce-tinymce{ + box-shadow:none; } -@media (min-width: 600px) { - .block-library-classic__toolbar { - padding: 0; +@media (min-width:600px){ + .block-library-classic__toolbar{ + padding:0; } } -.block-library-classic__toolbar:empty { - display: block; - background: #f5f5f5; - border-bottom: 1px solid #e2e4e7; +.block-library-classic__toolbar:empty{ + background:#f5f5f5; + border-bottom:1px solid #e2e4e7; + display:block; } -.block-library-classic__toolbar:empty::before { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - font-size: 13px; - content: attr(data-placeholder); - color: #555d66; - line-height: 37px; - padding: 14px; +.block-library-classic__toolbar:empty:before{ + color:#555d66; + content:attr(data-placeholder); + font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; + font-size:13px; + line-height:37px; + padding:14px; } -.block-library-classic__toolbar div.mce-toolbar-grp { - border-bottom: 1px solid #1e1e1e; +.block-library-classic__toolbar div.mce-toolbar-grp{ + border-bottom:1px solid #1e1e1e; } -.block-library-classic__toolbar .mce-tinymce-inline, -.block-library-classic__toolbar .mce-tinymce-inline > div, -.block-library-classic__toolbar div.mce-toolbar-grp, -.block-library-classic__toolbar div.mce-toolbar-grp > div, -.block-library-classic__toolbar .mce-menubar, -.block-library-classic__toolbar .mce-menubar > div { - height: auto !important; - width: 100% !important; +.block-library-classic__toolbar .mce-menubar,.block-library-classic__toolbar .mce-menubar>div,.block-library-classic__toolbar .mce-tinymce-inline,.block-library-classic__toolbar .mce-tinymce-inline>div,.block-library-classic__toolbar div.mce-toolbar-grp,.block-library-classic__toolbar div.mce-toolbar-grp>div{ + height:auto !important; + width:100% !important; } -.block-library-classic__toolbar .mce-container-body.mce-abs-layout { - overflow: visible; +.block-library-classic__toolbar .mce-container-body.mce-abs-layout{ + overflow:visible; } -.block-library-classic__toolbar .mce-menubar, -.block-library-classic__toolbar div.mce-toolbar-grp { - position: static; +.block-library-classic__toolbar .mce-menubar,.block-library-classic__toolbar div.mce-toolbar-grp{ + position:static; } -.block-library-classic__toolbar .mce-toolbar-grp > div { - padding: 1px 3px; +.block-library-classic__toolbar .mce-toolbar-grp>div{ + padding:1px 3px; } -.block-library-classic__toolbar .mce-toolbar-grp .mce-toolbar:not(:first-child) { - display: none; -} -.block-library-classic__toolbar.has-advanced-toolbar .mce-toolbar-grp .mce-toolbar { - display: block; +.block-library-classic__toolbar .mce-toolbar-grp .mce-toolbar:not(:first-child){ + display:none; } -figure.wp-block-gallery { - display: block; +.block-library-classic__toolbar.has-advanced-toolbar .mce-toolbar-grp .mce-toolbar,figure.wp-block-gallery{ + display:block; } -figure.wp-block-gallery.has-nested-images .components-drop-zone { - display: none; - pointer-events: none; +figure.wp-block-gallery.has-nested-images .components-drop-zone{ + display:none; + pointer-events:none; } -figure.wp-block-gallery > .blocks-gallery-caption { - flex: 0 0 100%; +figure.wp-block-gallery>.blocks-gallery-caption{ + flex:0 0 100%; } -figure.wp-block-gallery > .blocks-gallery-media-placeholder-wrapper { - flex-basis: 100%; +figure.wp-block-gallery>.blocks-gallery-media-placeholder-wrapper{ + flex-basis:100%; } -figure.wp-block-gallery .wp-block-image .components-notice.is-error { - display: block; +figure.wp-block-gallery .wp-block-image .components-notice.is-error{ + display:block; } -figure.wp-block-gallery .wp-block-image .components-notice__content { - margin: 4px 0; +figure.wp-block-gallery .wp-block-image .components-notice__content{ + margin:4px 0; } -figure.wp-block-gallery .wp-block-image .components-notice__dismiss { - position: absolute; - top: 0; - left: 5px; +figure.wp-block-gallery .wp-block-image .components-notice__dismiss{ + left:5px; + position:absolute; + top:0; } -figure.wp-block-gallery .block-editor-media-placeholder.is-appender .components-placeholder__label { - display: none; +figure.wp-block-gallery .block-editor-media-placeholder.is-appender .components-placeholder__label{ + display:none; } -figure.wp-block-gallery .block-editor-media-placeholder.is-appender .block-editor-media-placeholder__button { - margin-bottom: 0; +figure.wp-block-gallery .block-editor-media-placeholder.is-appender .block-editor-media-placeholder__button{ + margin-bottom:0; } -figure.wp-block-gallery .block-editor-media-placeholder { - margin: 0; +figure.wp-block-gallery .block-editor-media-placeholder{ + margin:0; } -figure.wp-block-gallery .block-editor-media-placeholder .components-placeholder__label { - display: flex; +figure.wp-block-gallery .block-editor-media-placeholder .components-placeholder__label{ + display:flex; } -figure.wp-block-gallery .block-editor-media-placeholder figcaption { - z-index: 2; +figure.wp-block-gallery .block-editor-media-placeholder figcaption{ + z-index:2; } -figure.wp-block-gallery .components-spinner { - position: absolute; - top: 50%; - right: 50%; - margin-top: -9px; - margin-right: -9px; +figure.wp-block-gallery .components-spinner{ + margin-right:-9px; + margin-top:-9px; + position:absolute; + right:50%; + top:50%; +} +.gallery-settings-buttons .components-button:first-child{ + margin-left:8px; } -/** - * Gallery inspector controls settings. - */ -.gallery-settings-buttons .components-button:first-child { - margin-left: 8px; +.gallery-image-sizes .components-base-control__label{ + display:block; + margin-bottom:4px; +} +.gallery-image-sizes .gallery-image-sizes__loading{ + align-items:center; + color:#757575; + display:flex; + font-size:12px; +} +.gallery-image-sizes .components-spinner{ + margin:0 4px 0 8px; +} +.blocks-gallery-item figure:not(.is-selected):focus,.blocks-gallery-item img:focus{ + outline:none; +} +.blocks-gallery-item figure.is-selected:before{ + bottom:0; + box-shadow:0 0 0 1px #fff inset, 0 0 0 3px var(--wp-admin-theme-color) inset; + content:""; + left:0; + outline:2px solid transparent; + pointer-events:none; + position:absolute; + right:0; + top:0; + z-index:1; +} +.blocks-gallery-item figure.is-transient img{ + opacity:.3; +} +.blocks-gallery-item .is-selected .block-library-gallery-item__inline-menu{ + display:inline-flex; +} +.blocks-gallery-item .block-editor-media-placeholder{ + height:100%; + margin:0; +} +.blocks-gallery-item .block-editor-media-placeholder .components-placeholder__label{ + display:flex; } -.gallery-image-sizes .components-base-control__label { - display: block; - margin-bottom: 4px; +.block-library-gallery-item__inline-menu{ + background:#fff; + border:1px solid #1e1e1e; + border-radius:2px; + display:none; + margin:8px; + position:absolute; + top:-2px; + transition:box-shadow .2s ease-out; + z-index:20; } -.gallery-image-sizes .gallery-image-sizes__loading { - display: flex; - align-items: center; - color: #757575; - font-size: 12px; -} -.gallery-image-sizes .components-spinner { - margin: 0 4px 0 8px; -} - -/** - * Deprecated css past this point. This can be removed once all galleries are migrated - * to V2. - */ -.blocks-gallery-item figure:not(.is-selected):focus, -.blocks-gallery-item img:focus { - outline: none; -} -.blocks-gallery-item figure.is-selected::before { - box-shadow: 0 0 0 1px #fff inset, 0 0 0 3px var(--wp-admin-theme-color) inset; - content: ""; - outline: 2px solid transparent; - position: absolute; - top: 0; - left: 0; - bottom: 0; - right: 0; - z-index: 1; - pointer-events: none; -} -.blocks-gallery-item figure.is-transient img { - opacity: 0.3; -} -.blocks-gallery-item .is-selected .block-library-gallery-item__inline-menu { - display: inline-flex; -} -.blocks-gallery-item .block-editor-media-placeholder { - margin: 0; - height: 100%; -} -.blocks-gallery-item .block-editor-media-placeholder .components-placeholder__label { - display: flex; -} - -.block-library-gallery-item__inline-menu { - display: none; - position: absolute; - top: -2px; - margin: 8px; - z-index: 20; - transition: box-shadow 0.2s ease-out; - border-radius: 2px; - background: #fff; - border: 1px solid #1e1e1e; -} -@media (prefers-reduced-motion: reduce) { - .block-library-gallery-item__inline-menu { - transition-duration: 0s; - transition-delay: 0s; +@media (prefers-reduced-motion:reduce){ + .block-library-gallery-item__inline-menu{ + transition-delay:0s; + transition-duration:0s; } } -.block-library-gallery-item__inline-menu:hover { - box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); +.block-library-gallery-item__inline-menu:hover{ + box-shadow:0 2px 6px rgba(0,0,0,.05); } -@media (min-width: 600px) { - .columns-7 .block-library-gallery-item__inline-menu, .columns-8 .block-library-gallery-item__inline-menu { - padding: 2px; +@media (min-width:600px){ + .columns-7 .block-library-gallery-item__inline-menu,.columns-8 .block-library-gallery-item__inline-menu{ + padding:2px; } } -.block-library-gallery-item__inline-menu .components-button.has-icon:not(:focus) { - border: none; - box-shadow: none; +.block-library-gallery-item__inline-menu .components-button.has-icon:not(:focus){ + border:none; + box-shadow:none; } -@media (min-width: 600px) { - .columns-7 .block-library-gallery-item__inline-menu .components-button.has-icon, .columns-8 .block-library-gallery-item__inline-menu .components-button.has-icon { - padding: 0; - width: inherit; - height: inherit; +@media (min-width:600px){ + .columns-7 .block-library-gallery-item__inline-menu .components-button.has-icon,.columns-8 .block-library-gallery-item__inline-menu .components-button.has-icon{ + height:inherit; + padding:0; + width:inherit; } } -.block-library-gallery-item__inline-menu.is-left { - right: -2px; +.block-library-gallery-item__inline-menu.is-left{ + right:-2px; } -.block-library-gallery-item__inline-menu.is-right { - left: -2px; +.block-library-gallery-item__inline-menu.is-right{ + left:-2px; } -.wp-block-gallery ul.blocks-gallery-grid { - padding: 0; - margin: 0; +.wp-block-gallery ul.blocks-gallery-grid{ + margin:0; + padding:0; } -@media (min-width: 600px) { - .wp-block-update-gallery-modal { - max-width: 480px; +@media (min-width:600px){ + .wp-block-update-gallery-modal{ + max-width:480px; } } -.wp-block-update-gallery-modal-buttons { - display: flex; - justify-content: flex-end; - gap: 12px; +.wp-block-update-gallery-modal-buttons{ + display:flex; + gap:12px; + justify-content:flex-end; +} +.wp-block-group .block-editor-block-list__insertion-point{ + left:0; + right:0; } -/** - * Group: All Alignment Settings - */ -.wp-block-group .block-editor-block-list__insertion-point { - right: 0; - left: 0; +[data-type="core/group"].is-selected .block-list-appender{ + margin-left:0; + margin-right:0; +} +[data-type="core/group"].is-selected .has-background .block-list-appender{ + margin-bottom:18px; + margin-top:18px; } -[data-type="core/group"].is-selected .block-list-appender { - margin-right: 0; - margin-left: 0; +.wp-block-group.is-layout-flex.block-editor-block-list__block>.block-list-appender:only-child{ + gap:inherit; + pointer-events:none; } -[data-type="core/group"].is-selected .has-background .block-list-appender { - margin-top: 18px; - margin-bottom: 18px; +.wp-block-group.is-layout-flex.block-editor-block-list__block>.block-list-appender:only-child,.wp-block-group.is-layout-flex.block-editor-block-list__block>.block-list-appender:only-child .block-editor-default-block-appender__content,.wp-block-group.is-layout-flex.block-editor-block-list__block>.block-list-appender:only-child .block-editor-inserter{ + display:inherit; + flex:1; + flex-direction:inherit; + width:100%; +} +.wp-block-group.is-layout-flex.block-editor-block-list__block>.block-list-appender:only-child:after{ + border:1px dashed; + border-radius:2px; + content:""; + display:flex; + flex:1 0 48px; + min-height:46px; + pointer-events:none; +} +.wp-block-group.is-layout-flex.block-editor-block-list__block>.block-list-appender:only-child .block-editor-inserter{ + pointer-events:all; } -.wp-block-group.is-layout-flex.block-editor-block-list__block > .block-list-appender:only-child { - gap: inherit; - pointer-events: none; +.block-library-html__edit .block-library-html__preview-overlay{ + height:100%; + position:absolute; + right:0; + top:0; + width:100%; } -.wp-block-group.is-layout-flex.block-editor-block-list__block > .block-list-appender:only-child, -.wp-block-group.is-layout-flex.block-editor-block-list__block > .block-list-appender:only-child .block-editor-default-block-appender__content, -.wp-block-group.is-layout-flex.block-editor-block-list__block > .block-list-appender:only-child .block-editor-inserter { - display: inherit; - width: 100%; - flex-direction: inherit; - flex: 1; +.block-library-html__edit .block-editor-plain-text{ + background:#fff !important; + border:1px solid #1e1e1e !important; + border-radius:2px !important; + box-shadow:none !important; + color:#1e1e1e !important; + font-family:Menlo,Consolas,monaco,monospace !important; + font-size:16px !important; + max-height:250px; + padding:12px !important; } -.wp-block-group.is-layout-flex.block-editor-block-list__block > .block-list-appender:only-child::after { - content: ""; - display: flex; - flex: 1 0 48px; - pointer-events: none; - min-height: 46px; - border: 1px dashed currentColor; - border-radius: 2px; -} -.wp-block-group.is-layout-flex.block-editor-block-list__block > .block-list-appender:only-child .block-editor-inserter { - pointer-events: all; -} - -.block-library-html__edit .block-library-html__preview-overlay { - position: absolute; - width: 100%; - height: 100%; - top: 0; - right: 0; -} -.block-library-html__edit .block-editor-plain-text { - font-family: Menlo, Consolas, monaco, monospace !important; - color: #1e1e1e !important; - background: #fff !important; - padding: 12px !important; - border: 1px solid #1e1e1e !important; - box-shadow: none !important; - border-radius: 2px !important; - max-height: 250px; - /* Fonts smaller than 16px causes mobile safari to zoom. */ - font-size: 16px !important; -} -@media (min-width: 600px) { - .block-library-html__edit .block-editor-plain-text { - font-size: 13px !important; +@media (min-width:600px){ + .block-library-html__edit .block-editor-plain-text{ + font-size:13px !important; } } -.block-library-html__edit .block-editor-plain-text:focus { - border-color: var(--wp-admin-theme-color) !important; - box-shadow: 0 0 0 1px var(--wp-admin-theme-color) !important; - outline: 2px solid transparent !important; +.block-library-html__edit .block-editor-plain-text:focus{ + border-color:var(--wp-admin-theme-color) !important; + box-shadow:0 0 0 1px var(--wp-admin-theme-color) !important; + outline:2px solid transparent !important; } -.wp-block-image.wp-block-image.is-selected .components-placeholder { - color: #1e1e1e; - background-color: #fff; - box-shadow: inset 0 0 0 1px #1e1e1e; - border: none; - filter: none; - border-radius: 2px; +.wp-block-image.wp-block-image.is-selected .components-placeholder{ + background-color:#fff; + border:none; + border-radius:2px; + box-shadow:inset 0 0 0 1px #1e1e1e; + color:#1e1e1e; + filter:none; } -.wp-block-image.wp-block-image.is-selected .components-placeholder > svg { - opacity: 0; +.wp-block-image.wp-block-image.is-selected .components-placeholder>svg{ + opacity:0; } -.wp-block-image.wp-block-image.is-selected .components-placeholder .components-placeholder__illustration { - display: none; +.wp-block-image.wp-block-image.is-selected .components-placeholder .components-placeholder__illustration{ + display:none; } -.wp-block-image.wp-block-image .components-placeholder__label, -.wp-block-image.wp-block-image .components-placeholder__instructions, -.wp-block-image.wp-block-image .components-button { - transition: none; +.wp-block-image.wp-block-image .components-button,.wp-block-image.wp-block-image .components-placeholder__instructions,.wp-block-image.wp-block-image .components-placeholder__label{ + transition:none; } -figure.wp-block-image:not(.wp-block) { - margin: 0; +figure.wp-block-image:not(.wp-block){ + margin:0; } -.wp-block-image { - position: relative; +.wp-block-image{ + position:relative; } -.wp-block-image .is-applying img, .wp-block-image.is-transient img { - opacity: 0.3; +.wp-block-image .is-applying img,.wp-block-image.is-transient img{ + opacity:.3; } -.wp-block-image figcaption img { - display: inline; +.wp-block-image figcaption img{ + display:inline; } -.wp-block-image .components-spinner { - position: absolute; - top: 50%; - right: 50%; - transform: translate(50%, -50%); +.wp-block-image .components-spinner{ + position:absolute; + right:50%; + top:50%; + transform:translate(50%, -50%); } -.wp-block-image .components-resizable-box__container { - display: inline-block; +.wp-block-image .components-resizable-box__container{ + display:inline-block; } -.wp-block-image .components-resizable-box__container img { - display: block; - width: inherit; - height: inherit; +.wp-block-image .components-resizable-box__container img{ + display:block; + height:inherit; + width:inherit; } -.block-editor-block-list__block[data-type="core/image"] .block-editor-block-toolbar .block-editor-url-input__button-modal { - position: absolute; - right: 0; - left: 0; - margin: -1px 0; +.block-editor-block-list__block[data-type="core/image"] .block-editor-block-toolbar .block-editor-url-input__button-modal{ + left:0; + margin:-1px 0; + position:absolute; + right:0; } -@media (min-width: 600px) { - .block-editor-block-list__block[data-type="core/image"] .block-editor-block-toolbar .block-editor-url-input__button-modal { - margin: -1px; +@media (min-width:600px){ + .block-editor-block-list__block[data-type="core/image"] .block-editor-block-toolbar .block-editor-url-input__button-modal{ + margin:-1px; } } -[data-align=wide] > .wp-block-image img, -[data-align=full] > .wp-block-image img { - height: auto; - width: 100%; +[data-align=full]>.wp-block-image img,[data-align=wide]>.wp-block-image img{ + height:auto; + width:100%; } -.wp-block[data-align=left] > .wp-block-image, -.wp-block[data-align=center] > .wp-block-image, -.wp-block[data-align=right] > .wp-block-image { - display: table; +.wp-block[data-align=center]>.wp-block-image,.wp-block[data-align=left]>.wp-block-image,.wp-block[data-align=right]>.wp-block-image{ + display:table; } -.wp-block[data-align=left] > .wp-block-image > figcaption, -.wp-block[data-align=center] > .wp-block-image > figcaption, -.wp-block[data-align=right] > .wp-block-image > figcaption { - display: table-caption; - caption-side: bottom; +.wp-block[data-align=center]>.wp-block-image>figcaption,.wp-block[data-align=left]>.wp-block-image>figcaption,.wp-block[data-align=right]>.wp-block-image>figcaption{ + caption-side:bottom; + display:table-caption; } -.wp-block[data-align=left] > .wp-block-image { - margin-left: 1em; - margin-right: 0; - margin-top: 0.5em; - margin-bottom: 0.5em; +.wp-block[data-align=left]>.wp-block-image{ + margin:.5em 0 .5em 1em; } -.wp-block[data-align=right] > .wp-block-image { - margin-right: 1em; - margin-left: 0; - margin-top: 0.5em; - margin-bottom: 0.5em; +.wp-block[data-align=right]>.wp-block-image{ + margin:.5em 1em .5em 0; } -.wp-block[data-align=center] > .wp-block-image { - margin-right: auto; - margin-left: auto; - text-align: center; +.wp-block[data-align=center]>.wp-block-image{ + margin-left:auto; + margin-right:auto; + text-align:center; } -.wp-block-image__crop-area { - position: relative; - max-width: 100%; - width: 100%; - overflow: hidden; +.wp-block-image__crop-area{ + max-width:100%; + overflow:hidden; + position:relative; + width:100%; } -.wp-block-image__crop-area .reactEasyCrop_Container .reactEasyCrop_Image { - border: none; +.wp-block-image__crop-area .reactEasyCrop_Container .reactEasyCrop_Image{ + border:none; } -.wp-block-image__crop-icon { - padding: 0 8px; - min-width: 48px; - display: flex; - justify-content: center; - align-items: center; +.wp-block-image__crop-icon{ + align-items:center; + display:flex; + justify-content:center; + min-width:48px; + padding:0 8px; } -.wp-block-image__crop-icon svg { - fill: currentColor; +.wp-block-image__crop-icon svg{ + fill:currentColor; } -.wp-block-image__zoom .components-popover__content { - min-width: 260px; - overflow: visible !important; +.wp-block-image__zoom .components-popover__content{ + min-width:260px; + overflow:visible !important; } -.wp-block-image__zoom .components-range-control { - flex: 1; +.wp-block-image__zoom .components-range-control{ + flex:1; } -.wp-block-image__zoom .components-base-control__field { - display: flex; - margin-bottom: 0; - flex-direction: column; - align-items: flex-start; +.wp-block-image__zoom .components-base-control__field{ + align-items:flex-start; + display:flex; + flex-direction:column; + margin-bottom:0; } -.wp-block-image__aspect-ratio { - height: 46px; - margin-bottom: -8px; - display: flex; - align-items: center; +.wp-block-image__aspect-ratio{ + align-items:center; + display:flex; + height:46px; + margin-bottom:-8px; } -.wp-block-image__aspect-ratio .components-button { - width: 36px; - padding-right: 0; - padding-left: 0; +.wp-block-image__aspect-ratio .components-button{ + padding-left:0; + padding-right:0; + width:36px; } -.wp-block-latest-posts { - padding-right: 2.5em; +.wp-block-latest-posts{ + padding-right:2.5em; } -.wp-block-latest-posts.is-grid { - padding-right: 0; +.wp-block-latest-posts.is-grid{ + padding-right:0; } -.wp-block-latest-posts > li { - overflow: hidden; +.wp-block-latest-posts>li{ + overflow:hidden; } -.wp-block-latest-posts li a > div { - display: inline; +.wp-block-latest-posts li a>div{ + display:inline; } -.edit-post-visual-editor .wp-block-latest-posts.is-grid li { - margin-bottom: 20px; +.edit-post-visual-editor .wp-block-latest-posts.is-grid li{ + margin-bottom:20px; } -.editor-latest-posts-image-alignment-control .components-base-control__label { - display: block; +.editor-latest-posts-image-alignment-control .components-base-control__label{ + display:block; } -.editor-latest-posts-image-alignment-control .components-toolbar { - border-radius: 2px; +.editor-latest-posts-image-alignment-control .components-toolbar{ + border-radius:2px; } -.wp-block-media-text__media { - position: relative; +.wp-block-media-text__media{ + position:relative; } -.wp-block-media-text__media.is-transient img { - opacity: 0.3; +.wp-block-media-text__media.is-transient img{ + opacity:.3; } -.wp-block-media-text__media .components-spinner { - position: absolute; - top: 50%; - right: 50%; - margin-top: -9px; - margin-right: -9px; +.wp-block-media-text__media .components-spinner{ + margin-right:-9px; + margin-top:-9px; + position:absolute; + right:50%; + top:50%; } -.wp-block-media-text .__resizable_base__ { - grid-column: 1/span 2; - grid-row: 2; +.wp-block-media-text .__resizable_base__{ + grid-column:1 / span 2; + grid-row:2; } -.wp-block-media-text .editor-media-container__resizer { - width: 100% !important; +.wp-block-media-text .editor-media-container__resizer{ + width:100% !important; } -.wp-block-media-text.is-image-fill .editor-media-container__resizer { - height: 100% !important; +.wp-block-media-text.is-image-fill .editor-media-container__resizer{ + height:100% !important; } -.wp-block-media-text > .block-editor-block-list__layout > .block-editor-block-list__block { - max-width: unset; +.wp-block-media-text>.block-editor-block-list__layout>.block-editor-block-list__block{ + max-width:unset; } -.block-editor-block-list__block[data-type="core/more"] { - max-width: 100%; - text-align: center; - margin-top: 28px; - margin-bottom: 28px; +.block-editor-block-list__block[data-type="core/more"]{ + margin-bottom:28px; + margin-top:28px; + max-width:100%; + text-align:center; } -.wp-block-more { - display: block; - text-align: center; - white-space: nowrap; +.wp-block-more{ + display:block; + text-align:center; + white-space:nowrap; } -.wp-block-more input[type=text] { - position: relative; - font-size: 13px; - text-transform: uppercase; - font-weight: 600; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - color: #757575; - border: none; - box-shadow: none; - white-space: nowrap; - text-align: center; - margin: 0; - border-radius: 4px; - background: #fff; - padding: 6px 8px; - height: 24px; - max-width: 100%; +.wp-block-more input[type=text]{ + background:#fff; + border:none; + border-radius:4px; + box-shadow:none; + color:#757575; + font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; + font-size:13px; + font-weight:600; + height:24px; + margin:0; + max-width:100%; + padding:6px 8px; + position:relative; + text-align:center; + text-transform:uppercase; + white-space:nowrap; } -.wp-block-more input[type=text]:focus { - box-shadow: none; +.wp-block-more input[type=text]:focus{ + box-shadow:none; } -.wp-block-more::before { - content: ""; - position: absolute; - top: calc(50%); - right: 0; - left: 0; - border-top: 3px dashed #ccc; +.wp-block-more:before{ + border-top:3px dashed #ccc; + content:""; + left:0; + position:absolute; + right:0; + top:50%; +} +.editor-styles-wrapper .wp-block-navigation ul{ + margin-bottom:0; + margin-right:0; + margin-top:0; + padding-right:0; +} +.editor-styles-wrapper .wp-block-navigation .wp-block-navigation-item.wp-block{ + margin:revert; } -/** - * Editor only CSS. - */ -.editor-styles-wrapper .wp-block-navigation ul { - margin-top: 0; - margin-bottom: 0; - margin-right: 0; - padding-right: 0; +.wp-block-navigation-item__label{ + display:inline; } -.editor-styles-wrapper .wp-block-navigation .wp-block-navigation-item.wp-block { - margin: revert; +.wp-block-navigation__container.is-parent-of-selected-block{ + opacity:1; + overflow:visible; + visibility:visible; } -.wp-block-navigation-item__label { - display: inline; +.wp-block-navigation-item,.wp-block-navigation__container{ + background-color:inherit; } -/** - * Submenus. - */ -.wp-block-navigation__container.is-parent-of-selected-block { - visibility: visible; - opacity: 1; - overflow: visible; +.wp-block-navigation:not(.is-selected):not(.has-child-selected) .has-child:hover>.wp-block-navigation__submenu-container{ + opacity:0; + visibility:hidden; } -.wp-block-navigation__container, -.wp-block-navigation-item { - background-color: inherit; +.has-child.has-child-selected>.wp-block-navigation__submenu-container,.has-child.is-selected>.wp-block-navigation__submenu-container{ + display:flex; + opacity:1; + visibility:visible; } -.wp-block-navigation:not(.is-selected):not(.has-child-selected) .has-child:hover > .wp-block-navigation__submenu-container { - opacity: 0; - visibility: hidden; +.is-dragging-components-draggable .has-child.is-dragging-within>.wp-block-navigation__submenu-container{ + opacity:1; + visibility:visible; } -.has-child.is-selected > .wp-block-navigation__submenu-container, .has-child.has-child-selected > .wp-block-navigation__submenu-container { - display: flex; - opacity: 1; - visibility: visible; +.is-editing>.wp-block-navigation__container{ + display:flex; + flex-direction:column; + opacity:1; + visibility:visible; } -.is-dragging-components-draggable .has-child.is-dragging-within > .wp-block-navigation__submenu-container { - opacity: 1; - visibility: visible; +.is-dragging-components-draggable .wp-block-navigation-link>.wp-block-navigation__container{ + opacity:1; + visibility:hidden; +} +.is-dragging-components-draggable .wp-block-navigation-link>.wp-block-navigation__container .block-editor-block-draggable-chip-wrapper{ + visibility:visible; } -.is-editing > .wp-block-navigation__container { - visibility: visible; - opacity: 1; - display: flex; - flex-direction: column; +.is-editing>.wp-block-navigation__submenu-container>.block-list-appender{ + display:block; + position:static; + width:100%; +} +.is-editing>.wp-block-navigation__submenu-container>.block-list-appender .block-editor-button-block-appender{ + background:#1e1e1e; + border-radius:2px; + color:#fff; + margin-left:0; + margin-right:auto; + padding:0; + width:24px; } -.is-dragging-components-draggable .wp-block-navigation-link > .wp-block-navigation__container { - opacity: 1; - visibility: hidden; +.wp-block-navigation__submenu-container .block-list-appender{ + display:none; } -.is-dragging-components-draggable .wp-block-navigation-link > .wp-block-navigation__container .block-editor-block-draggable-chip-wrapper { - visibility: visible; +.block-library-colors-selector{ + width:auto; +} +.block-library-colors-selector .block-library-colors-selector__toggle{ + display:block; + margin:0 auto; + padding:3px; + width:auto; +} +.block-library-colors-selector .block-library-colors-selector__icon-container{ + align-items:center; + border-radius:4px; + display:flex; + height:30px; + margin:0 auto; + padding:3px; + position:relative; +} +.block-library-colors-selector .block-library-colors-selector__state-selection{ + border-radius:11px; + box-shadow:inset 0 0 0 1px rgba(0,0,0,.2); + height:22px; + line-height:20px; + margin-left:auto; + margin-right:auto; + min-height:22px; + min-width:22px; + padding:2px; + width:22px; +} +.block-library-colors-selector .block-library-colors-selector__state-selection>svg{ + min-width:auto !important; +} +.block-library-colors-selector .block-library-colors-selector__state-selection.has-text-color>svg,.block-library-colors-selector .block-library-colors-selector__state-selection.has-text-color>svg path{ + color:inherit; } -.is-editing > .wp-block-navigation__submenu-container > .block-list-appender { - display: block; - position: static; - width: 100%; +.block-library-colors-selector__popover .color-palette-controller-container{ + padding:16px; } -.is-editing > .wp-block-navigation__submenu-container > .block-list-appender .block-editor-button-block-appender { - color: #fff; - background: #1e1e1e; - padding: 0; - width: 24px; - border-radius: 2px; - margin-left: 0; - margin-right: auto; +.block-library-colors-selector__popover .components-base-control__label{ + height:20px; + line-height:20px; +} +.block-library-colors-selector__popover .component-color-indicator{ + float:left; + margin-top:2px; +} +.block-library-colors-selector__popover .components-panel__body-title{ + display:none; } -.wp-block-navigation__submenu-container .block-list-appender { - display: none; +.wp-block-navigation .wp-block+.block-list-appender .block-editor-button-block-appender{ + background-color:#1e1e1e; + color:#fff; +} +.wp-block-navigation .wp-block+.block-list-appender .block-editor-button-block-appender.block-editor-button-block-appender.block-editor-button-block-appender{ + padding:0; } -/** - * Colors Selector component - */ -.block-library-colors-selector { - width: auto; +.wp-block-navigation .wp-block .wp-block .block-editor-button-block-appender{ + background-color:initial; + color:#1e1e1e; } -.block-library-colors-selector .block-library-colors-selector__toggle { - display: block; - margin: 0 auto; - padding: 3px; - width: auto; -} -.block-library-colors-selector .block-library-colors-selector__icon-container { - height: 30px; - position: relative; - margin: 0 auto; - padding: 3px; - display: flex; - align-items: center; - border-radius: 4px; -} -.block-library-colors-selector .block-library-colors-selector__state-selection { - margin-right: auto; - margin-left: auto; - border-radius: 11px; - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2); - width: 22px; - min-width: 22px; - height: 22px; - min-height: 22px; - line-height: 20px; - padding: 2px; -} -.block-library-colors-selector .block-library-colors-selector__state-selection > svg { - min-width: auto !important; -} -.block-library-colors-selector .block-library-colors-selector__state-selection.has-text-color > svg, -.block-library-colors-selector .block-library-colors-selector__state-selection.has-text-color > svg path { - color: inherit; -} - -.block-library-colors-selector__popover .color-palette-controller-container { - padding: 16px; -} -.block-library-colors-selector__popover .components-base-control__label { - height: 20px; - line-height: 20px; -} -.block-library-colors-selector__popover .component-color-indicator { - float: left; - margin-top: 2px; -} -.block-library-colors-selector__popover .components-panel__body-title { - display: none; -} - -.wp-block-navigation .wp-block + .block-list-appender .block-editor-button-block-appender { - background-color: #1e1e1e; - color: #fff; -} -.wp-block-navigation .wp-block + .block-list-appender .block-editor-button-block-appender.block-editor-button-block-appender.block-editor-button-block-appender { - padding: 0; -} - -.wp-block-navigation .wp-block .wp-block .block-editor-button-block-appender { - background-color: transparent; - color: #1e1e1e; -} - -/** - * Setup state - */ -@keyframes loadingpulse { - 0% { - opacity: 1; +@keyframes loadingpulse{ + 0%{ + opacity:1; } - 50% { - opacity: 0.5; + 50%{ + opacity:.5; } - 100% { - opacity: 1; + to{ + opacity:1; } } -.components-placeholder.wp-block-navigation-placeholder { - outline: none; - padding: 0; - box-shadow: none; - background: none; - min-height: 0; - color: inherit; +.components-placeholder.wp-block-navigation-placeholder{ + background:none; + box-shadow:none; + color:inherit; + min-height:0; + outline:none; + padding:0; } -.components-placeholder.wp-block-navigation-placeholder .components-placeholder__fieldset { - font-size: inherit; +.components-placeholder.wp-block-navigation-placeholder .components-placeholder__fieldset{ + font-size:inherit; } -.components-placeholder.wp-block-navigation-placeholder .components-placeholder__fieldset .components-button { - margin-bottom: 0; +.components-placeholder.wp-block-navigation-placeholder .components-placeholder__fieldset .components-button{ + margin-bottom:0; } -.wp-block-navigation.is-selected .components-placeholder.wp-block-navigation-placeholder { - color: #1e1e1e; +.wp-block-navigation.is-selected .components-placeholder.wp-block-navigation-placeholder{ + color:#1e1e1e; } -.wp-block-navigation-placeholder .components-spinner { - margin-top: 0; +.wp-block-navigation-placeholder .components-spinner{ + margin-top:0; } -.wp-block-navigation-placeholder__preview { - display: flex; - align-items: center; - min-width: 96px; - font-size: 13px; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - color: currentColor; - background: transparent; +.wp-block-navigation-placeholder__preview{ + align-items:center; + background:transparent; + color:currentColor; + display:flex; + font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; + font-size:13px; + min-width:96px; } -.wp-block-navigation.is-selected .wp-block-navigation-placeholder__preview { - display: none; +.wp-block-navigation.is-selected .wp-block-navigation-placeholder__preview{ + display:none; } -.wp-block-navigation-placeholder__preview::before { - content: ""; - display: block; - position: absolute; - top: 0; - left: 0; - bottom: 0; - right: 0; - pointer-events: none; - border: 1px dashed currentColor; - border-radius: 2px; - border-radius: inherit; +.wp-block-navigation-placeholder__preview:before{ + border:1px dashed; + border-radius:2px; + border-radius:inherit; + bottom:0; + content:""; + display:block; + left:0; + pointer-events:none; + position:absolute; + right:0; + top:0; } -.wp-block-navigation-placeholder__preview > svg { - fill: currentColor; +.wp-block-navigation-placeholder__preview>svg{ + fill:currentColor; } -.wp-block-navigation.is-vertical .is-small .components-placeholder__fieldset, -.wp-block-navigation.is-vertical .is-medium .components-placeholder__fieldset { - min-height: 90px; +.wp-block-navigation.is-vertical .is-medium .components-placeholder__fieldset,.wp-block-navigation.is-vertical .is-small .components-placeholder__fieldset{ + min-height:90px; } -.wp-block-navigation.is-vertical .is-large .components-placeholder__fieldset { - min-height: 132px; +.wp-block-navigation.is-vertical .is-large .components-placeholder__fieldset{ + min-height:132px; } -.wp-block-navigation-placeholder__preview, -.wp-block-navigation-placeholder__controls { - padding: 6px 8px; - flex-direction: row; - align-items: flex-start; +.wp-block-navigation-placeholder__controls,.wp-block-navigation-placeholder__preview{ + align-items:flex-start; + flex-direction:row; + padding:6px 8px; } -.wp-block-navigation-placeholder__controls { - border-radius: 2px; - background-color: #fff; - box-shadow: inset 0 0 0 1px #1e1e1e; - display: none; - position: relative; - z-index: 1; - float: right; - width: 100%; +.wp-block-navigation-placeholder__controls{ + background-color:#fff; + border-radius:2px; + box-shadow:inset 0 0 0 1px #1e1e1e; + display:none; + float:right; + position:relative; + width:100%; + z-index:1; } -.wp-block-navigation.is-selected .wp-block-navigation-placeholder__controls { - display: flex; +.wp-block-navigation.is-selected .wp-block-navigation-placeholder__controls{ + display:flex; } -.is-small .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions__indicator, -.is-small .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions__indicator + hr, .is-medium .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions__indicator, -.is-medium .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions__indicator + hr { - display: none; +.is-medium .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions__indicator,.is-medium .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions__indicator+hr,.is-small .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions__indicator,.is-small .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions__indicator+hr{ + display:none; } -.is-small .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions, .wp-block-navigation.is-vertical .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions { - flex-direction: column; - align-items: flex-start; +.is-small .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions,.wp-block-navigation.is-vertical .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions{ + align-items:flex-start; + flex-direction:column; } -.is-small .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions hr, .wp-block-navigation.is-vertical .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions hr { - display: none; +.is-small .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions hr,.wp-block-navigation.is-vertical .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions hr{ + display:none; } -.wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__icon { - margin-left: 12px; - height: 36px; +.wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__icon{ + height:36px; + margin-left:12px; } -.wp-block-navigation-placeholder__actions__indicator { - display: flex; - padding: 0 0 0 6px; - align-items: center; - justify-content: flex-start; - line-height: 0; - height: 36px; - margin-right: 4px; +.wp-block-navigation-placeholder__actions__indicator{ + align-items:center; + display:flex; + height:36px; + justify-content:flex-start; + line-height:0; + margin-right:4px; + padding:0 0 0 6px; } -.wp-block-navigation-placeholder__actions__indicator svg { - margin-left: 4px; - fill: currentColor; +.wp-block-navigation-placeholder__actions__indicator svg{ + fill:currentColor; + margin-left:4px; } -.wp-block-navigation .components-placeholder.is-medium .components-placeholder__fieldset { - flex-direction: row !important; +.wp-block-navigation .components-placeholder.is-medium .components-placeholder__fieldset{ + flex-direction:row !important; } -.wp-block-navigation-placeholder__actions { - display: flex; - font-size: 13px; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - gap: 6px; - align-items: center; - height: 100%; +.wp-block-navigation-placeholder__actions{ + align-items:center; + display:flex; + font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; + font-size:13px; + gap:6px; + height:100%; } -.wp-block-navigation-placeholder__actions .components-dropdown, -.wp-block-navigation-placeholder__actions > .components-button { - margin-left: 0; +.wp-block-navigation-placeholder__actions .components-dropdown,.wp-block-navigation-placeholder__actions>.components-button{ + margin-left:0; } -.wp-block-navigation-placeholder__actions.wp-block-navigation-placeholder__actions hr { - border: 0; - min-height: 1px; - min-width: 1px; - background-color: #1e1e1e; - margin: auto 0; - height: 100%; - max-height: 16px; +.wp-block-navigation-placeholder__actions.wp-block-navigation-placeholder__actions hr{ + background-color:#1e1e1e; + border:0; + height:100%; + margin:auto 0; + max-height:16px; + min-height:1px; + min-width:1px; } - -/** - * Mobile menu. - */ -@media (min-width: 600px) { - .wp-block-navigation__responsive-container:not(.is-menu-open) .components-button.wp-block-navigation__responsive-container-close { - display: none; +@media (min-width:600px){ + .wp-block-navigation__responsive-container:not(.is-menu-open) .components-button.wp-block-navigation__responsive-container-close{ + display:none; } } -.wp-block-navigation__responsive-container.is-menu-open { - position: fixed; - top: 155px; +.wp-block-navigation__responsive-container.is-menu-open{ + position:fixed; + top:155px; } -@media (min-width: 782px) { - .wp-block-navigation__responsive-container.is-menu-open { - top: 93px; +@media (min-width:782px){ + .wp-block-navigation__responsive-container.is-menu-open{ + right:36px; + top:93px; } } -@media (min-width: 782px) { - .wp-block-navigation__responsive-container.is-menu-open { - right: 36px; - } -} -@media (min-width: 960px) { - .wp-block-navigation__responsive-container.is-menu-open { - right: 160px; +@media (min-width:960px){ + .wp-block-navigation__responsive-container.is-menu-open{ + right:160px; } } -@media (min-width: 782px) { - .has-fixed-toolbar .wp-block-navigation__responsive-container.is-menu-open { - top: 141px; +@media (min-width:782px){ + .has-fixed-toolbar .wp-block-navigation__responsive-container.is-menu-open{ + top:141px; } } -.is-mobile-preview .wp-block-navigation__responsive-container.is-menu-open, -.is-tablet-preview .wp-block-navigation__responsive-container.is-menu-open { - top: 141px; +.is-mobile-preview .wp-block-navigation__responsive-container.is-menu-open,.is-tablet-preview .wp-block-navigation__responsive-container.is-menu-open{ + top:141px; } -.is-sidebar-opened .wp-block-navigation__responsive-container.is-menu-open { - left: 280px; +.is-sidebar-opened .wp-block-navigation__responsive-container.is-menu-open{ + left:280px; } -.is-fullscreen-mode .wp-block-navigation__responsive-container.is-menu-open { - right: 0; - top: 155px; +.is-fullscreen-mode .wp-block-navigation__responsive-container.is-menu-open{ + right:0; + top:155px; } -@media (min-width: 782px) { - .is-fullscreen-mode .wp-block-navigation__responsive-container.is-menu-open { - top: 61px; +@media (min-width:782px){ + .is-fullscreen-mode .wp-block-navigation__responsive-container.is-menu-open{ + top:61px; + } + .is-fullscreen-mode .has-fixed-toolbar .wp-block-navigation__responsive-container.is-menu-open{ + top:109px; } } -@media (min-width: 782px) { - .is-fullscreen-mode .has-fixed-toolbar .wp-block-navigation__responsive-container.is-menu-open { - top: 109px; +.is-fullscreen-mode .is-mobile-preview .wp-block-navigation__responsive-container.is-menu-open,.is-fullscreen-mode .is-tablet-preview .wp-block-navigation__responsive-container.is-menu-open{ + top:109px; +} + +body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-open{ + bottom:0; + left:0; + right:0; + top:0; +} + +@media (min-width:600px){ + .wp-block-navigation__responsive-close,.wp-block-navigation__responsive-container{ + pointer-events:none; + } + .wp-block-navigation__responsive-close .block-editor-block-list__layout *,.wp-block-navigation__responsive-close .wp-block-navigation__responsive-container-close,.wp-block-navigation__responsive-container .block-editor-block-list__layout *,.wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-close{ + pointer-events:all; } } -.is-fullscreen-mode .is-mobile-preview .wp-block-navigation__responsive-container.is-menu-open, -.is-fullscreen-mode .is-tablet-preview .wp-block-navigation__responsive-container.is-menu-open { - top: 109px; +.wp-block-navigation__responsive-close .wp-block-pages-list__item__link,.wp-block-navigation__responsive-container .wp-block-pages-list__item__link{ + pointer-events:none; } -body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-open { - top: 0; - left: 0; - bottom: 0; - right: 0; +.components-button.wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close,.components-button.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open{ + color:inherit; + height:auto; + padding:0; } -@media (min-width: 600px) { - .wp-block-navigation__responsive-container, -.wp-block-navigation__responsive-close { - pointer-events: none; +.is-menu-open .wp-block-navigation__responsive-container-content * .block-list-appender{ + margin-top:16px; +} + +@keyframes fadein{ + 0%{ + opacity:0; } - .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-close, -.wp-block-navigation__responsive-container .block-editor-block-list__layout *, -.wp-block-navigation__responsive-close .wp-block-navigation__responsive-container-close, -.wp-block-navigation__responsive-close .block-editor-block-list__layout * { - pointer-events: all; + to{ + opacity:1; } } -.wp-block-navigation__responsive-container .wp-block-pages-list__item__link, -.wp-block-navigation__responsive-close .wp-block-pages-list__item__link { - pointer-events: none; +.wp-block-navigation .components-spinner{ + padding:8px 12px; } -.components-button.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open, -.components-button.wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close { - padding: 0; - height: auto; - color: inherit; -} - -.is-menu-open .wp-block-navigation__responsive-container-content * .block-list-appender { - margin-top: 16px; -} - -@keyframes fadein { - 0% { - opacity: 0; +@keyframes fadeouthalf{ + 0%{ + opacity:1; } - 100% { - opacity: 1; + to{ + opacity:.5; } } -.wp-block-navigation .components-spinner { - padding: 8px 12px; +.wp-block-navigation-delete-menu-button{ + justify-content:center; + margin-bottom:16px; + width:100%; } -@keyframes fadeouthalf { - 0% { - opacity: 1; +.wp-block-navigation__overlay-menu-preview{ + align-items:center; + background-color:#f0f0f0; + display:flex; + height:64px; + justify-content:space-between; + margin-bottom:12px; + padding:0 24px; + width:100%; +} +.wp-block-navigation__overlay-menu-preview.open{ + background-color:#fff; + box-shadow:inset 0 0 0 1px #e0e0e0; + outline:1px solid transparent; +} + +.wp-block-navigation-placeholder__actions hr+hr,.wp-block-navigation__toolbar-menu-selector.components-toolbar-group:empty{ + display:none; +} +.wp-block-navigation__navigation-selector{ + margin-bottom:16px; + width:100%; +} + +.wp-block-navigation__navigation-selector-button{ + border:1px solid; + justify-content:space-between; + width:100%; +} + +.wp-block-navigation__navigation-selector-button--createnew{ + border:1px solid; + margin-bottom:16px; + width:100%; +} +.wp-block-navigation .has-child{ + cursor:pointer; +} +.wp-block-navigation .has-child .wp-block-navigation__submenu-container{ + z-index:28; +} +.wp-block-navigation .has-child:hover .wp-block-navigation__submenu-container{ + z-index:29; +} +.wp-block-navigation .has-child.has-child-selected>.wp-block-navigation__submenu-container,.wp-block-navigation .has-child.is-selected>.wp-block-navigation__submenu-container{ + height:auto !important; + min-width:200px !important; + opacity:1 !important; + overflow:visible !important; + visibility:visible !important; + width:auto !important; +} +.wp-block-navigation-item .wp-block-navigation-item__content{ + cursor:text; +} +.wp-block-navigation-item.is-editing,.wp-block-navigation-item.is-selected{ + min-width:20px; +} +.wp-block-navigation-item .block-list-appender{ + margin:16px 16px 16px auto; +} + +.wp-block-navigation-link__invalid-item{ + color:#000; +} + +.wp-block-navigation-link__missing_text-tooltip{ + height:1px; + margin:-1px; + overflow:hidden; + padding:0; + position:absolute; + width:1px; +} +.wp-block-navigation-link__placeholder{ + background-image:none !important; + box-shadow:none !important; + position:relative; + text-decoration:none !important; +} +.wp-block-navigation-link__placeholder .wp-block-navigation-link__placeholder-text span{ + --wp-underline-color:var(--wp-admin-theme-color); + background-image:linear-gradient(-45deg, transparent 20%, var(--wp-underline-color) 30%, var(--wp-underline-color) 36%, transparent 46%), linear-gradient(-135deg, transparent 54%, var(--wp-underline-color) 64%, var(--wp-underline-color) 70%, transparent 80%); + background-position:100% 100%; + background-repeat:repeat-x; + background-size:6px 3px; + padding-bottom:.1em; +} +.is-dark-theme .wp-block-navigation-link__placeholder .wp-block-navigation-link__placeholder-text span{ + --wp-underline-color:#fff; +} +.wp-block-navigation-link__placeholder.wp-block-navigation-item__content{ + cursor:pointer; +} +.link-control-transform{ + border-top:1px solid #ccc; + padding:0 16px 8px; +} + +.link-control-transform__subheading{ + color:#1e1e1e; + font-size:11px; + font-weight:500; + margin-bottom:1.5em; + text-transform:uppercase; +} + +.link-control-transform__items{ + display:flex; + justify-content:space-between; +} + +.link-control-transform__item{ + flex-basis:33%; + flex-direction:column; + gap:8px; + height:auto; +} + +.wp-block-navigation-submenu{ + display:block; +} +.wp-block-navigation-submenu .wp-block-navigation__submenu-container{ + z-index:28; +} +.wp-block-navigation-submenu.has-child-selected>.wp-block-navigation__submenu-container,.wp-block-navigation-submenu.is-selected>.wp-block-navigation__submenu-container{ + height:auto !important; + min-width:200px !important; + opacity:1 !important; + position:absolute; + right:-1px; + top:100%; + visibility:visible !important; + width:auto !important; +} +@media (min-width:782px){ + .wp-block-navigation-submenu.has-child-selected>.wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,.wp-block-navigation-submenu.is-selected>.wp-block-navigation__submenu-container .wp-block-navigation__submenu-container{ + right:100%; + top:-1px; } - 100% { - opacity: 0.5; - } -} -.wp-block-navigation-delete-menu-button { - width: 100%; - justify-content: center; - margin-bottom: 16px; -} - -.wp-block-navigation__overlay-menu-preview { - display: flex; - align-items: center; - justify-content: space-between; - width: 100%; - background-color: #f0f0f0; - padding: 0 24px; - height: 64px; - margin-bottom: 12px; -} -.wp-block-navigation__overlay-menu-preview.open { - box-shadow: inset 0 0 0 1px #e0e0e0; - outline: 1px solid transparent; - background-color: #fff; -} - -.wp-block-navigation__toolbar-menu-selector.components-toolbar-group:empty { - display: none; -} - -.wp-block-navigation-placeholder__actions hr + hr { - display: none; -} - -/** - * Navigation selector styles - */ -.wp-block-navigation__navigation-selector { - margin-bottom: 16px; - width: 100%; -} - -.wp-block-navigation__navigation-selector-button { - border: 1px solid; - justify-content: space-between; - width: 100%; -} - -.wp-block-navigation__navigation-selector-button--createnew { - border: 1px solid; - margin-bottom: 16px; - width: 100%; -} - -/** - * Submenus. - */ -.wp-block-navigation .has-child { - cursor: pointer; -} -.wp-block-navigation .has-child .wp-block-navigation__submenu-container { - z-index: 28; -} -.wp-block-navigation .has-child:hover .wp-block-navigation__submenu-container { - z-index: 29; -} -.wp-block-navigation .has-child.is-selected > .wp-block-navigation__submenu-container, .wp-block-navigation .has-child.has-child-selected > .wp-block-navigation__submenu-container { - visibility: visible !important; - opacity: 1 !important; - min-width: 200px !important; - height: auto !important; - width: auto !important; - overflow: visible !important; -} - -/** - * Navigation Items. - */ -.wp-block-navigation-item .wp-block-navigation-item__content { - cursor: text; -} -.wp-block-navigation-item.is-editing, .wp-block-navigation-item.is-selected { - min-width: 20px; -} -.wp-block-navigation-item .block-list-appender { - margin-top: 16px; - margin-left: auto; - margin-bottom: 16px; - margin-right: 16px; -} - -.wp-block-navigation-link__invalid-item { - color: #000; -} - -.wp-block-navigation-link__missing_text-tooltip { - position: absolute; - width: 1px; - height: 1px; - padding: 0; - margin: -1px; - overflow: hidden; -} - -/** - * Menu item setup state. Is shown when a menu item has no URL configured. - */ -.wp-block-navigation-link__placeholder { - position: relative; - text-decoration: none !important; - box-shadow: none !important; - background-image: none !important; -} -.wp-block-navigation-link__placeholder .wp-block-navigation-link__placeholder-text span { - --wp-underline-color: var(--wp-admin-theme-color); - background-image: linear-gradient(-45deg, transparent 20%, var(--wp-underline-color) 30%, var(--wp-underline-color) 36%, transparent 46%), linear-gradient(-135deg, transparent 54%, var(--wp-underline-color) 64%, var(--wp-underline-color) 70%, transparent 80%); - background-position: 100% 100%; - background-size: 6px 3px; - background-repeat: repeat-x; - padding-bottom: 0.1em; -} -.is-dark-theme .wp-block-navigation-link__placeholder .wp-block-navigation-link__placeholder-text span { - --wp-underline-color: #fff; -} -.wp-block-navigation-link__placeholder.wp-block-navigation-item__content { - cursor: pointer; -} - -/** -* Link Control Transforms -*/ -.link-control-transform { - border-top: 1px solid #ccc; - padding: 0 16px 8px 16px; -} - -.link-control-transform__subheading { - font-size: 11px; - text-transform: uppercase; - font-weight: 500; - color: #1e1e1e; - margin-bottom: 1.5em; -} - -.link-control-transform__items { - display: flex; - justify-content: space-between; -} - -.link-control-transform__item { - flex-basis: 33%; - flex-direction: column; - gap: 8px; - height: auto; -} - -.wp-block-navigation-submenu { - display: block; -} -.wp-block-navigation-submenu .wp-block-navigation__submenu-container { - z-index: 28; -} -.wp-block-navigation-submenu.is-selected > .wp-block-navigation__submenu-container, .wp-block-navigation-submenu.has-child-selected > .wp-block-navigation__submenu-container { - visibility: visible !important; - opacity: 1 !important; - min-width: 200px !important; - height: auto !important; - width: auto !important; - position: absolute; - right: -1px; - top: 100%; -} -@media (min-width: 782px) { - .wp-block-navigation-submenu.is-selected > .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container, .wp-block-navigation-submenu.has-child-selected > .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container { - right: 100%; - top: -1px; - } - .wp-block-navigation-submenu.is-selected > .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container::before, .wp-block-navigation-submenu.has-child-selected > .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container::before { - content: ""; - position: absolute; - left: 100%; - height: 100%; - display: block; - width: 0.5em; - background: transparent; + .wp-block-navigation-submenu.has-child-selected>.wp-block-navigation__submenu-container .wp-block-navigation__submenu-container:before,.wp-block-navigation-submenu.is-selected>.wp-block-navigation__submenu-container .wp-block-navigation__submenu-container:before{ + background:transparent; + content:""; + display:block; + height:100%; + left:100%; + position:absolute; + width:.5em; } } -.block-editor-block-list__block[data-type="core/nextpage"] { - max-width: 100%; - text-align: center; - margin-top: 28px; - margin-bottom: 28px; +.block-editor-block-list__block[data-type="core/nextpage"]{ + margin-bottom:28px; + margin-top:28px; + max-width:100%; + text-align:center; } -.wp-block-nextpage { - display: block; - text-align: center; - white-space: nowrap; +.wp-block-nextpage{ + display:block; + text-align:center; + white-space:nowrap; } -.wp-block-nextpage > span { - font-size: 13px; - position: relative; - text-transform: uppercase; - font-weight: 600; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - color: #757575; - border-radius: 4px; - background: #fff; - padding: 6px 8px; - height: 24px; +.wp-block-nextpage>span{ + background:#fff; + border-radius:4px; + color:#757575; + font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; + font-size:13px; + font-weight:600; + height:24px; + padding:6px 8px; + position:relative; + text-transform:uppercase; } -.wp-block-nextpage::before { - content: ""; - position: absolute; - top: calc(50%); - right: 0; - left: 0; - border-top: 3px dashed #ccc; +.wp-block-nextpage:before{ + border-top:3px dashed #ccc; + content:""; + left:0; + position:absolute; + right:0; + top:50%; } -.wp-block-navigation .wp-block-page-list > div, -.wp-block-navigation .wp-block-page-list { - background-color: inherit; +.wp-block-navigation .wp-block-page-list,.wp-block-navigation .wp-block-page-list>div{ + background-color:inherit; } -.wp-block-navigation.items-justified-space-between .wp-block-page-list > div, -.wp-block-navigation.items-justified-space-between .wp-block-page-list { - display: contents; - flex: 1; +.wp-block-navigation.items-justified-space-between .wp-block-page-list,.wp-block-navigation.items-justified-space-between .wp-block-page-list>div{ + display:contents; + flex:1; } -.wp-block-navigation.items-justified-space-between.has-child-selected .wp-block-page-list > div, .wp-block-navigation.items-justified-space-between.has-child-selected .wp-block-page-list, .wp-block-navigation.items-justified-space-between.is-selected .wp-block-page-list > div, .wp-block-navigation.items-justified-space-between.is-selected .wp-block-page-list { - flex: inherit; +.wp-block-navigation.items-justified-space-between.has-child-selected .wp-block-page-list,.wp-block-navigation.items-justified-space-between.has-child-selected .wp-block-page-list>div,.wp-block-navigation.items-justified-space-between.is-selected .wp-block-page-list,.wp-block-navigation.items-justified-space-between.is-selected .wp-block-page-list>div{ + flex:inherit; } -.wp-block-pages-list__item__link { - pointer-events: none; +.wp-block-pages-list__item__link{ + pointer-events:none; } -@media (min-width: 600px) { - .wp-block-page-list-modal { - max-width: 480px; +@media (min-width:600px){ + .wp-block-page-list-modal{ + max-width:480px; } } -.wp-block-page-list-modal-buttons { - display: flex; - justify-content: flex-end; - gap: 12px; +.wp-block-page-list-modal-buttons{ + display:flex; + gap:12px; + justify-content:flex-end; } -.wp-block-page-list .open-on-click:focus-within > .wp-block-navigation__submenu-container { - visibility: visible; - opacity: 1; - width: auto; - height: auto; - min-width: 200px; +.wp-block-page-list .open-on-click:focus-within>.wp-block-navigation__submenu-container{ + height:auto; + min-width:200px; + opacity:1; + visibility:visible; + width:auto; } -.wp-block-page-list .components-notice { - margin-right: 0; +.wp-block-page-list .components-notice{ + margin-right:0; } -.block-editor-block-list__block[data-type="core/paragraph"].has-drop-cap:focus { - min-height: auto !important; +.block-editor-block-list__block[data-type="core/paragraph"].has-drop-cap:focus{ + min-height:auto !important; } -.block-editor-block-list__block[data-empty=true] [data-rich-text-placeholder] { - opacity: 1; +.block-editor-block-list__block[data-empty=true] [data-rich-text-placeholder]{ + opacity:1; } -.block-editor-block-list__block[data-empty=true] + .block-editor-block-list__block[data-empty=true]:not([data-custom-placeholder=true]) [data-rich-text-placeholder] { - opacity: 0; +.block-editor-block-list__block[data-empty=true]+.block-editor-block-list__block[data-empty=true]:not([data-custom-placeholder=true]) [data-rich-text-placeholder]{ + opacity:0; } -.wp-block-post-excerpt .wp-block-post-excerpt__excerpt.is-inline { - display: inline-block; +.wp-block-post-excerpt .wp-block-post-excerpt__excerpt.is-inline{ + display:inline-block; } -.wp-block-pullquote.is-style-solid-color blockquote p { - font-size: 32px; +.wp-block-pullquote.is-style-solid-color blockquote p{ + font-size:32px; } -.wp-block-pullquote.is-style-solid-color .wp-block-pullquote__citation { - text-transform: none; - font-style: normal; +.wp-block-pullquote.is-style-solid-color .wp-block-pullquote__citation{ + font-style:normal; + text-transform:none; } -.wp-block-pullquote .wp-block-pullquote__citation { - color: inherit; +.wp-block-pullquote .wp-block-pullquote__citation{ + color:inherit; } -.wp-block-rss li a > div { - display: inline; +.wp-block-rss li a>div{ + display:inline; } -.wp-block-rss__placeholder-form { - display: flex; - align-items: stretch; +.wp-block-rss__placeholder-form{ + align-items:stretch; + display:flex; } -.wp-block-rss__placeholder-form > * { - margin-bottom: 8px; +.wp-block-rss__placeholder-form>*{ + margin-bottom:8px; } -@media (min-width: 782px) { - .wp-block-rss__placeholder-form > * { - margin-bottom: 0; +@media (min-width:782px){ + .wp-block-rss__placeholder-form>*{ + margin-bottom:0; } } -.wp-block-rss__placeholder-input { - display: flex; - align-items: stretch; - flex-grow: 1; +.wp-block-rss__placeholder-input{ + align-items:stretch; + display:flex; + flex-grow:1; } -.wp-block-rss__placeholder-input .components-base-control__field { - margin: 0; - display: flex; - align-items: stretch; - flex-grow: 1; - margin-left: 8px; +.wp-block-rss__placeholder-input .components-base-control__field{ + align-items:stretch; + display:flex; + flex-grow:1; + margin:0 0 0 8px; } -.wp-block[data-align=center] .wp-block-search .wp-block-search__inside-wrapper { - margin: auto; +.wp-block[data-align=center] .wp-block-search .wp-block-search__inside-wrapper{ + margin:auto; } -.wp-block-search .wp-block-search__button { - height: auto; - border-radius: initial; - display: flex; - align-items: center; +.wp-block-search .wp-block-search__button{ + align-items:center; + border-radius:initial; + display:flex; + height:auto; } -.wp-block-search__components-button-group { - margin-top: 10px; +.wp-block-search__components-button-group{ + margin-top:10px; } -.block-editor-block-list__block[data-type="core/separator"] { - padding-top: 0.1px; - padding-bottom: 0.1px; +.block-editor-block-list__block[data-type="core/separator"]{ + padding-bottom:.1px; + padding-top:.1px; } -.block-editor-block-list__block[data-type="core/separator"].wp-block-separator.is-style-dots { - background: none !important; - border: none; +.block-editor-block-list__block[data-type="core/separator"].wp-block-separator.is-style-dots{ + background:none !important; + border:none; } -[data-type="core/shortcode"] .block-editor-plain-text { - max-height: 250px; +[data-type="core/shortcode"] .block-editor-plain-text{ + max-height:250px; } -[data-type="core/shortcode"].components-placeholder { - min-height: 0; +[data-type="core/shortcode"].components-placeholder{ + min-height:0; } -.blocks-shortcode__textarea { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - padding: 6px 8px; - box-shadow: 0 0 0 transparent; - transition: box-shadow 0.1s linear; - border-radius: 2px; - border: 1px solid #757575; - /* Fonts smaller than 16px causes mobile safari to zoom. */ - font-size: 16px; - /* Override core line-height. To be reviewed. */ - line-height: normal; +.blocks-shortcode__textarea{ + border:1px solid #757575; + border-radius:2px; + box-shadow:0 0 0 transparent; + font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; + font-size:16px; + line-height:normal; + padding:6px 8px; + transition:box-shadow .1s linear; } -@media (prefers-reduced-motion: reduce) { - .blocks-shortcode__textarea { - transition-duration: 0s; - transition-delay: 0s; +@media (prefers-reduced-motion:reduce){ + .blocks-shortcode__textarea{ + transition-delay:0s; + transition-duration:0s; } } -@media (min-width: 600px) { - .blocks-shortcode__textarea { - font-size: 13px; - /* Override core line-height. To be reviewed. */ - line-height: normal; +@media (min-width:600px){ + .blocks-shortcode__textarea{ + font-size:13px; + line-height:normal; } } -.blocks-shortcode__textarea:focus { - border-color: var(--wp-admin-theme-color); - box-shadow: 0 0 0 1px var(--wp-admin-theme-color); - outline: 2px solid transparent; +.blocks-shortcode__textarea:focus{ + border-color:var(--wp-admin-theme-color); + box-shadow:0 0 0 1px var(--wp-admin-theme-color); + outline:2px solid transparent; } -.blocks-shortcode__textarea::-webkit-input-placeholder { - color: rgba(30, 30, 30, 0.62); +.blocks-shortcode__textarea::-webkit-input-placeholder{ + color:rgba(30,30,30,.62); } -.blocks-shortcode__textarea::-moz-placeholder { - opacity: 1; - color: rgba(30, 30, 30, 0.62); +.blocks-shortcode__textarea::-moz-placeholder{ + color:rgba(30,30,30,.62); + opacity:1; } -.blocks-shortcode__textarea:-ms-input-placeholder { - color: rgba(30, 30, 30, 0.62); +.blocks-shortcode__textarea:-ms-input-placeholder{ + color:rgba(30,30,30,.62); } -.wp-block[data-align=center] > .wp-block-site-logo, -.wp-block-site-logo.aligncenter > div { - display: table; - margin-right: auto; - margin-left: auto; +.wp-block-site-logo.aligncenter>div,.wp-block[data-align=center]>.wp-block-site-logo{ + display:table; + margin-left:auto; + margin-right:auto; } -.wp-block-site-logo a { - pointer-events: none; +.wp-block-site-logo a{ + pointer-events:none; } -.wp-block-site-logo .custom-logo-link { - cursor: inherit; +.wp-block-site-logo .custom-logo-link{ + cursor:inherit; } -.wp-block-site-logo .custom-logo-link:focus { - box-shadow: none; +.wp-block-site-logo .custom-logo-link:focus{ + box-shadow:none; } -.wp-block-site-logo .custom-logo-link.is-transient img { - opacity: 0.3; +.wp-block-site-logo .custom-logo-link.is-transient img{ + opacity:.3; } -.wp-block-site-logo img { - display: block; - height: auto; - max-width: 100%; +.wp-block-site-logo img{ + display:block; + height:auto; + max-width:100%; } -.wp-block-site-logo.wp-block-site-logo.is-default-size .components-placeholder { - height: 120px; - width: 120px; +.wp-block-site-logo.wp-block-site-logo.is-default-size .components-placeholder{ + height:120px; + width:120px; } -.wp-block-site-logo.wp-block-site-logo > div, -.wp-block-site-logo.wp-block-site-logo .components-resizable-box__container { - border-radius: inherit; +.wp-block-site-logo.wp-block-site-logo .components-resizable-box__container,.wp-block-site-logo.wp-block-site-logo>div{ + border-radius:inherit; } -.wp-block-site-logo.wp-block-site-logo .components-placeholder { - justify-content: center; - align-items: center; - padding: 0; - border-radius: inherit; - min-height: 48px; - min-width: 48px; - height: 100%; - width: 100%; +.wp-block-site-logo.wp-block-site-logo .components-placeholder{ + align-items:center; + border-radius:inherit; + height:100%; + justify-content:center; + min-height:48px; + min-width:48px; + padding:0; + width:100%; } -.wp-block-site-logo.wp-block-site-logo .components-placeholder .components-form-file-upload { - display: none; +.wp-block-site-logo.wp-block-site-logo .components-placeholder .components-drop-zone__content-text,.wp-block-site-logo.wp-block-site-logo .components-placeholder .components-form-file-upload{ + display:none; } -.wp-block-site-logo.wp-block-site-logo .components-placeholder .components-drop-zone__content-text { - display: none; +.wp-block-site-logo.wp-block-site-logo .components-placeholder .components-button.components-button{ + align-items:center; + background:var(--wp-admin-theme-color); + border-color:var(--wp-admin-theme-color); + border-radius:50%; + border-style:solid; + color:#fff; + display:flex; + height:48px; + justify-content:center; + padding:0; + position:relative; + width:48px; } -.wp-block-site-logo.wp-block-site-logo .components-placeholder .components-button.components-button { - padding: 0; - display: flex; - justify-content: center; - align-items: center; - width: 48px; - height: 48px; - border-radius: 50%; - position: relative; - background: var(--wp-admin-theme-color); - border-color: var(--wp-admin-theme-color); - border-style: solid; - color: #fff; -} -.wp-block-site-logo.wp-block-site-logo .components-placeholder .components-button.components-button > svg { - color: inherit; +.wp-block-site-logo.wp-block-site-logo .components-placeholder .components-button.components-button>svg{ + color:inherit; } -.wp-block-site-tagline__placeholder { - padding: 1em 0; - border: 1px dashed; +.wp-block-site-tagline__placeholder,.wp-block-site-title__placeholder{ + border:1px dashed; + padding:1em 0; } -.wp-block-site-title__placeholder { - padding: 1em 0; - border: 1px dashed; +.wp-block-social-links .wp-social-link{ + line-height:0; +} +.wp-block-social-links .wp-social-link button{ + color:currentColor; + font-size:inherit; + height:auto; + line-height:0; + opacity:1; + padding:.25em; } -.wp-block-social-links .wp-social-link { - line-height: 0; -} -.wp-block-social-links .wp-social-link button { - font-size: inherit; - color: currentColor; - height: auto; - line-height: 0; - opacity: 1; - padding: 0.25em; +.wp-block-social-links.is-style-pill-shape .wp-social-link button{ + padding-left:.66667em; + padding-right:.66667em; } -.wp-block-social-links.is-style-pill-shape .wp-social-link button { - padding-right: calc((2/3) * 1em); - padding-left: calc((2/3) * 1em); +.wp-block-social-links.is-style-logos-only .wp-social-link button{ + padding:0; } -.wp-block-social-links.is-style-logos-only .wp-social-link button { - padding: 0; +.wp-block-social-links div.block-editor-url-input{ + display:inline-block; + margin-right:8px; +} +.wp-block-social-links.wp-block-social-links{ + background:none; } -.wp-block-social-links div.block-editor-url-input { - display: inline-block; - margin-right: 8px; -} -.wp-block-social-links.wp-block-social-links { - background: none; +.wp-social-link:hover{ + transform:none; } -.wp-social-link:hover { - transform: none; +.editor-styles-wrapper .wp-block-social-links{ + padding:0; } -.editor-styles-wrapper .wp-block-social-links { - padding: 0; +.wp-block-social-links__social-placeholder{ + display:flex; + list-style:none; + opacity:.8; +} +.wp-block-social-links__social-placeholder>.wp-social-link{ + margin-left:0 !important; + margin-right:0 !important; + padding-left:0 !important; + padding-right:0 !important; + visibility:hidden; + width:0 !important; +} +.wp-block-social-links__social-placeholder>.wp-block-social-links__social-placeholder-icons{ + display:flex; +} +.wp-block-social-links__social-placeholder .wp-social-link{ + padding:.25em; +} +.is-style-pill-shape .wp-block-social-links__social-placeholder .wp-social-link{ + padding-left:.66667em; + padding-right:.66667em; +} +.is-style-logos-only .wp-block-social-links__social-placeholder .wp-social-link{ + padding:0; +} +.wp-block-social-links__social-placeholder .wp-social-link:before{ + border-radius:50%; + content:""; + display:block; + height:1em; + width:1em; +} +.is-style-logos-only .wp-block-social-links__social-placeholder .wp-social-link:before{ + background:currentColor; } -.wp-block-social-links__social-placeholder { - display: flex; - opacity: 0.8; - list-style: none; -} -.wp-block-social-links__social-placeholder > .wp-social-link { - padding-right: 0 !important; - margin-right: 0 !important; - padding-left: 0 !important; - margin-left: 0 !important; - width: 0 !important; - visibility: hidden; -} -.wp-block-social-links__social-placeholder > .wp-block-social-links__social-placeholder-icons { - display: flex; -} -.wp-block-social-links__social-placeholder .wp-social-link { - padding: 0.25em; -} -.is-style-pill-shape .wp-block-social-links__social-placeholder .wp-social-link { - padding-right: calc((2/3) * 1em); - padding-left: calc((2/3) * 1em); -} -.is-style-logos-only .wp-block-social-links__social-placeholder .wp-social-link { - padding: 0; -} -.wp-block-social-links__social-placeholder .wp-social-link::before { - content: ""; - display: block; - width: 1em; - height: 1em; - border-radius: 50%; -} -.is-style-logos-only .wp-block-social-links__social-placeholder .wp-social-link::before { - background: currentColor; +.wp-block-social-links .wp-block-social-links__social-prompt{ + cursor:default; + font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; + font-size:13px; + line-height:24px; + list-style:none; + margin-bottom:auto; + margin-top:auto; + min-height:24px; + order:2; + padding-left:8px; } -.wp-block-social-links .wp-block-social-links__social-prompt { - min-height: 24px; - list-style: none; - order: 2; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - font-size: 13px; - line-height: 24px; - margin-top: auto; - margin-bottom: auto; - cursor: default; - padding-left: 8px; +.wp-block[data-align=center]>.wp-block-social-links{ + justify-content:center; } -.wp-block[data-align=center] > .wp-block-social-links { - justify-content: center; +.block-editor-block-preview__content .components-button:disabled{ + opacity:1; } -.block-editor-block-preview__content .components-button:disabled { - opacity: 1; +.wp-social-link.wp-social-link__is-incomplete{ + opacity:.5; } - -.wp-social-link.wp-social-link__is-incomplete { - opacity: 0.5; -} -@media (prefers-reduced-motion: reduce) { - .wp-social-link.wp-social-link__is-incomplete { - transition-duration: 0s; - transition-delay: 0s; +@media (prefers-reduced-motion:reduce){ + .wp-social-link.wp-social-link__is-incomplete{ + transition-delay:0s; + transition-duration:0s; } } -.wp-block-social-links .is-selected .wp-social-link__is-incomplete, -.wp-social-link.wp-social-link__is-incomplete:hover, -.wp-social-link.wp-social-link__is-incomplete:focus { - opacity: 1; +.wp-block-social-links .is-selected .wp-social-link__is-incomplete,.wp-social-link.wp-social-link__is-incomplete:focus,.wp-social-link.wp-social-link__is-incomplete:hover{ + opacity:1; } -.block-editor-block-list__block[data-type="core/spacer"]::before { - content: ""; - display: block; - position: absolute; - z-index: 1; - width: 100%; - min-height: 8px; - min-width: 8px; - height: 100%; +.block-editor-block-list__block[data-type="core/spacer"]:before{ + content:""; + display:block; + height:100%; + min-height:8px; + min-width:8px; + position:absolute; + width:100%; + z-index:1; } -.wp-block-spacer.is-hovered .block-library-spacer__resize-container, -.block-library-spacer__resize-container.has-show-handle { - background: rgba(0, 0, 0, 0.1); +.block-library-spacer__resize-container.has-show-handle,.wp-block-spacer.is-hovered .block-library-spacer__resize-container{ + background:rgba(0,0,0,.1); } -.is-dark-theme .wp-block-spacer.is-hovered .block-library-spacer__resize-container, -.is-dark-theme .block-library-spacer__resize-container.has-show-handle { - background: rgba(255, 255, 255, 0.15); +.is-dark-theme .block-library-spacer__resize-container.has-show-handle,.is-dark-theme .wp-block-spacer.is-hovered .block-library-spacer__resize-container{ + background:hsla(0,0%,100%,.15); } -.block-library-spacer__resize-container { - clear: both; +.block-library-spacer__resize-container{ + clear:both; } -.block-library-spacer__resize-container:not(.is-resizing) { - height: 100% !important; - width: 100% !important; +.block-library-spacer__resize-container:not(.is-resizing){ + height:100% !important; + width:100% !important; } -.block-library-spacer__resize-container .components-resizable-box__handle::before { - content: none; +.block-library-spacer__resize-container .components-resizable-box__handle:before{ + content:none; } -.block-library-spacer__resize-container.resize-horizontal { - margin-bottom: 0; +.block-library-spacer__resize-container.resize-horizontal{ + margin-bottom:0; } -.wp-block-table { - margin: 0; +.wp-block-table{ + margin:0; } -.wp-block[data-align=left] > .wp-block-table, .wp-block[data-align=right] > .wp-block-table, .wp-block[data-align=center] > .wp-block-table { - height: auto; +.wp-block[data-align=center]>.wp-block-table,.wp-block[data-align=left]>.wp-block-table,.wp-block[data-align=right]>.wp-block-table{ + height:auto; } -.wp-block[data-align=left] > .wp-block-table table, .wp-block[data-align=right] > .wp-block-table table, .wp-block[data-align=center] > .wp-block-table table { - width: auto; +.wp-block[data-align=center]>.wp-block-table table,.wp-block[data-align=left]>.wp-block-table table,.wp-block[data-align=right]>.wp-block-table table{ + width:auto; } -.wp-block[data-align=left] > .wp-block-table td, -.wp-block[data-align=left] > .wp-block-table th, .wp-block[data-align=right] > .wp-block-table td, -.wp-block[data-align=right] > .wp-block-table th, .wp-block[data-align=center] > .wp-block-table td, -.wp-block[data-align=center] > .wp-block-table th { - word-break: break-word; +.wp-block[data-align=center]>.wp-block-table td,.wp-block[data-align=center]>.wp-block-table th,.wp-block[data-align=left]>.wp-block-table td,.wp-block[data-align=left]>.wp-block-table th,.wp-block[data-align=right]>.wp-block-table td,.wp-block[data-align=right]>.wp-block-table th{ + word-break:break-word; } -.wp-block[data-align=center] > .wp-block-table { - text-align: initial; +.wp-block[data-align=center]>.wp-block-table{ + text-align:initial; } -.wp-block[data-align=center] > .wp-block-table table { - margin: 0 auto; +.wp-block[data-align=center]>.wp-block-table table{ + margin:0 auto; } -.wp-block-table td, -.wp-block-table th { - border: 1px solid; - padding: 0.5em; +.wp-block-table td,.wp-block-table th{ + border:1px solid; + padding:.5em; } -.wp-block-table td.is-selected, -.wp-block-table th.is-selected { - border-color: var(--wp-admin-theme-color); - box-shadow: inset 0 0 0 1px var(--wp-admin-theme-color); - border-style: double; +.wp-block-table td.is-selected,.wp-block-table th.is-selected{ + border-color:var(--wp-admin-theme-color); + border-style:double; + box-shadow:inset 0 0 0 1px var(--wp-admin-theme-color); } -.wp-block-table figcaption { - color: #555; - font-size: 13px; - text-align: center; +.wp-block-table figcaption{ + color:#555; + font-size:13px; + text-align:center; } -.is-dark-theme .wp-block-table figcaption { - color: rgba(255, 255, 255, 0.65); +.is-dark-theme .wp-block-table figcaption{ + color:hsla(0,0%,100%,.65); } -.wp-block-table table.has-individual-borders > *, -.wp-block-table table.has-individual-borders tr, -.wp-block-table table.has-individual-borders th, -.wp-block-table table.has-individual-borders td { - border-width: 1px; - border-style: solid; - border-color: currentColor; +.wp-block-table table.has-individual-borders td,.wp-block-table table.has-individual-borders th,.wp-block-table table.has-individual-borders tr,.wp-block-table table.has-individual-borders>*{ + border:1px solid; } -.blocks-table__placeholder-form.blocks-table__placeholder-form { - display: flex; - flex-direction: column; - align-items: flex-start; +.blocks-table__placeholder-form.blocks-table__placeholder-form{ + align-items:flex-start; + display:flex; + flex-direction:column; } -.blocks-table__placeholder-form.blocks-table__placeholder-form > * { - margin-bottom: 8px; +.blocks-table__placeholder-form.blocks-table__placeholder-form>*{ + margin-bottom:8px; } -@media (min-width: 782px) { - .blocks-table__placeholder-form.blocks-table__placeholder-form { - flex-direction: row; - align-items: flex-end; +@media (min-width:782px){ + .blocks-table__placeholder-form.blocks-table__placeholder-form{ + align-items:flex-end; + flex-direction:row; } - .blocks-table__placeholder-form.blocks-table__placeholder-form > * { - margin-bottom: 0; + .blocks-table__placeholder-form.blocks-table__placeholder-form>*{ + margin-bottom:0; } } -.blocks-table__placeholder-input { - width: 112px; - margin-left: 8px; - margin-bottom: 0; +.blocks-table__placeholder-input{ + margin-bottom:0; + margin-left:8px; + width:112px; } -.blocks-table__placeholder-input input { - height: 36px; +.blocks-table__placeholder-input input{ + height:36px; } -.blocks-table__placeholder-input .components-base-control__field { - margin-bottom: 0; +.blocks-table__placeholder-input .components-base-control__field{ + margin-bottom:0; } -.block-editor-template-part__selection-modal { - z-index: 1000001; +.block-editor-template-part__selection-modal{ + z-index:1000001; } -@media (min-width: 600px) { - .block-editor-template-part__selection-modal .components-modal__frame { - width: calc(100% - 32px); - height: calc(100% - 120px); +@media (min-width:600px){ + .block-editor-template-part__selection-modal .components-modal__frame{ + height:calc(100% - 120px); + width:calc(100% - 32px); } } -@media (min-width: 782px) { - .block-editor-template-part__selection-modal .components-modal__frame { - width: 750px; +@media (min-width:782px){ + .block-editor-template-part__selection-modal .components-modal__frame{ + width:750px; } } -@media (min-width: 960px) { - .block-editor-template-part__selection-modal .components-modal__frame { - height: 70%; +@media (min-width:960px){ + .block-editor-template-part__selection-modal .components-modal__frame{ + height:70%; } } -.block-library-template-part__selection-search { - background: #fff; - position: sticky; - top: 0; - padding: 16px 0; - z-index: 1; +.block-library-template-part__selection-search{ + background:#fff; + padding:16px 0; + position:sticky; + top:0; + z-index:1; } -.wp-block-text-columns .block-editor-rich-text__editable:focus { - outline: 1px solid #ddd; +.wp-block-text-columns .block-editor-rich-text__editable:focus{ + outline:1px solid #ddd; } -.wp-block[data-align=center] > .wp-block-video { - text-align: center; +.wp-block[data-align=center]>.wp-block-video{ + text-align:center; } -.wp-block-video { - position: relative; +.wp-block-video{ + position:relative; } -.wp-block-video.is-transient video { - opacity: 0.3; +.wp-block-video.is-transient video{ + opacity:.3; } -.wp-block-video .components-spinner { - position: absolute; - top: 50%; - right: 50%; - margin-top: -9px; - margin-right: -9px; +.wp-block-video .components-spinner{ + margin-right:-9px; + margin-top:-9px; + position:absolute; + right:50%; + top:50%; } -.editor-video-poster-control .components-base-control__label { - display: block; +.editor-video-poster-control .components-base-control__label{ + display:block; } -.editor-video-poster-control .components-button { - margin-left: 8px; +.editor-video-poster-control .components-button{ + margin-left:8px; } -.block-library-video-tracks-editor { - z-index: 159990; +.block-library-video-tracks-editor{ + z-index:159990; } -.block-library-video-tracks-editor__track-list-track { - display: flex; - place-content: space-between; - align-items: baseline; - padding-right: 12px; +.block-library-video-tracks-editor__track-list-track{ + align-items:baseline; + display:flex; + padding-right:12px; + place-content:space-between; } -.block-library-video-tracks-editor__single-track-editor-label-language { - display: flex; - margin-top: 12px; +.block-library-video-tracks-editor__single-track-editor-label-language{ + display:flex; + margin-top:12px; } -.block-library-video-tracks-editor__single-track-editor-label-language > .components-base-control { - width: 50%; +.block-library-video-tracks-editor__single-track-editor-label-language>.components-base-control{ + width:50%; } -.block-library-video-tracks-editor__single-track-editor-label-language > .components-base-control:first-child { - margin-left: 16px; +.block-library-video-tracks-editor__single-track-editor-label-language>.components-base-control:first-child{ + margin-left:16px; } -.block-library-video-tracks-editor__single-track-editor-kind-select { - max-width: 240px; +.block-library-video-tracks-editor__single-track-editor-kind-select{ + max-width:240px; } -.block-library-video-tracks-editor__single-track-editor-buttons-container { - display: flex; - place-content: space-between; - margin-top: 32px; +.block-library-video-tracks-editor__single-track-editor-buttons-container{ + display:flex; + margin-top:32px; + place-content:space-between; } -.block-library-video-tracks-editor__single-track-editor-edit-track-label { - margin-top: 4px; - margin-bottom: 12px; - color: #757575; - text-transform: uppercase; - font-size: 11px; - font-weight: 500; - display: block; +.block-library-video-tracks-editor__single-track-editor-edit-track-label{ + color:#757575; + display:block; + font-size:11px; + font-weight:500; + margin-bottom:12px; + margin-top:4px; + text-transform:uppercase; } -.block-library-video-tracks-editor > .components-popover__content { - width: 360px; - padding: 0; +.block-library-video-tracks-editor>.components-popover__content{ + padding:0; + width:360px; } -.block-library-video-tracks-editor__track-list .components-menu-group__label, -.block-library-video-tracks-editor__add-tracks-container .components-menu-group__label { - padding: 0; +.block-library-video-tracks-editor__add-tracks-container .components-menu-group__label,.block-library-video-tracks-editor__track-list .components-menu-group__label{ + padding:0; } -.block-library-video-tracks-editor__single-track-editor, -.block-library-video-tracks-editor__track-list, -.block-library-video-tracks-editor__add-tracks-container { - padding: 12px; +.block-library-video-tracks-editor__add-tracks-container,.block-library-video-tracks-editor__single-track-editor,.block-library-video-tracks-editor__track-list{ + padding:12px; } -.block-library-video-tracks-editor__single-track-editor .components-base-control .components-base-control__label { - margin-bottom: 4px; +.block-library-video-tracks-editor__single-track-editor .components-base-control .components-base-control__label{ + margin-bottom:4px; } -.block-library-video-tracks-editor__single-track-editor .components-base-control .components-base-control__field { - margin-bottom: 12px; +.block-library-video-tracks-editor__single-track-editor .components-base-control .components-base-control__field{ + margin-bottom:12px; } -.block-library-video-tracks-editor__single-track-editor .components-base-control .components-text-control__input { - margin-right: 0; +.block-library-video-tracks-editor__single-track-editor .components-base-control .components-text-control__input{ + margin-right:0; } -.block-library-video-tracks-editor__single-track-editor .components-base-control .components-input-control__label { - margin-bottom: 4px; +.block-library-video-tracks-editor__single-track-editor .components-base-control .components-input-control__label{ + margin-bottom:4px; } -.editor-styles-wrapper ul.wp-block-post-template { - padding-right: 0; - margin-right: 0; - list-style: none; +.editor-styles-wrapper ul.wp-block-post-template{ + list-style:none; + margin-right:0; + padding-right:0; } -.block-library-query-toolbar__popover .components-popover__content { - min-width: 230px; +.block-library-query-toolbar__popover .components-popover__content{ + min-width:230px; } -.wp-block-query__create-new-link { - padding: 0 56px 16px 16px; +.wp-block-query__create-new-link{ + padding:0 56px 16px 16px; } -.block-library-query__pattern-selection-content .block-editor-block-patterns-list { - display: grid; - grid-template-columns: 1fr 1fr 1fr; - grid-gap: 8px; +.block-library-query__pattern-selection-content .block-editor-block-patterns-list{ + grid-gap:8px; + display:grid; + grid-template-columns:1fr 1fr 1fr; } -.block-library-query__pattern-selection-content .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item { - margin-bottom: 0; +.block-library-query__pattern-selection-content .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item{ + margin-bottom:0; } -.block-library-query__pattern-selection-content .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item .block-editor-block-preview__container { - max-height: 250px; +.block-library-query__pattern-selection-content .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item .block-editor-block-preview__container{ + max-height:250px; } -.block-editor-query-pattern__selection-modal .components-modal__content { - padding: 0; - margin-bottom: 60px; +.block-editor-query-pattern__selection-modal .components-modal__content{ + margin-bottom:60px; + padding:0; } -.block-editor-query-pattern__selection-modal .components-modal__content::before { - margin-bottom: 0; +.block-editor-query-pattern__selection-modal .components-modal__content:before{ + margin-bottom:0; } -@media (min-width: 600px) { - .block-editor-query-pattern__selection-modal { - width: calc(100% - 32px); - height: calc(100% - 120px); +@media (min-width:600px){ + .block-editor-query-pattern__selection-modal{ + height:calc(100% - 120px); + width:calc(100% - 32px); } } -@media (min-width: 782px) { - .block-editor-query-pattern__selection-modal { - width: 750px; +@media (min-width:782px){ + .block-editor-query-pattern__selection-modal{ + width:750px; } } -@media (min-width: 960px) { - .block-editor-query-pattern__selection-modal { - height: 80%; - width: 80%; - max-height: none; +@media (min-width:960px){ + .block-editor-query-pattern__selection-modal{ + height:80%; + max-height:none; + width:80%; } } -.block-library-query-toolspanel__filters .components-form-token-field__help { - margin-bottom: 0; +.block-library-query-toolspanel__filters .components-form-token-field__help{ + margin-bottom:0; } -.block-library-query-toolspanel__filters .block-library-query-inspector__taxonomy-control:not(:last-child) { - margin-bottom: 24px; +.block-library-query-toolspanel__filters .block-library-query-inspector__taxonomy-control:not(:last-child){ + margin-bottom:24px; } -.wp-block[data-align=center] > .wp-block-query-pagination { - justify-content: center; +.wp-block[data-align=center]>.wp-block-query-pagination{ + justify-content:center; } -.editor-styles-wrapper .wp-block-query-pagination { - max-width: 100%; +.editor-styles-wrapper .wp-block-query-pagination{ + max-width:100%; } -.editor-styles-wrapper .wp-block-query-pagination.block-editor-block-list__layout { - margin: 0; +.editor-styles-wrapper .wp-block-query-pagination.block-editor-block-list__layout{ + margin:0; } -.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 { - margin-right: 0; - margin-top: 0.5em; - margin-right: 0.5em; - margin-bottom: 0.5em; +.wp-block-query-pagination>.wp-block-query-pagination-next,.wp-block-query-pagination>.wp-block-query-pagination-numbers,.wp-block-query-pagination>.wp-block-query-pagination-previous{ + margin-bottom:.5em; + margin-right:.5em; + margin-top:.5em; } -.wp-block-query-pagination > .wp-block-query-pagination-next:last-child, -.wp-block-query-pagination > .wp-block-query-pagination-previous:last-child, -.wp-block-query-pagination > .wp-block-query-pagination-numbers:last-child { - margin-right: 0; +.wp-block-query-pagination>.wp-block-query-pagination-next:last-child,.wp-block-query-pagination>.wp-block-query-pagination-numbers:last-child,.wp-block-query-pagination>.wp-block-query-pagination-previous:last-child{ + margin-right:0; } -.wp-block-query-pagination-numbers a { - text-decoration: underline; +.wp-block-query-pagination-numbers a{ + text-decoration:underline; } -.wp-block-query-pagination-numbers .page-numbers { - margin-left: 2px; +.wp-block-query-pagination-numbers .page-numbers{ + margin-left:2px; } -.wp-block-query-pagination-numbers .page-numbers:last-child { - margin-right: 0; +.wp-block-query-pagination-numbers .page-numbers:last-child{ + margin-right:0; } -.wp-block-post-featured-image .block-editor-media-placeholder { - z-index: 1; - -webkit-backdrop-filter: none; - backdrop-filter: none; +.wp-block-post-featured-image .block-editor-media-placeholder{ + -webkit-backdrop-filter:none; + backdrop-filter:none; + z-index:1; } -.wp-block-post-featured-image .wp-block-post-featured-image__placeholder, -.wp-block-post-featured-image .components-placeholder { - justify-content: center; - align-items: center; - padding: 0; - min-height: 200px; +.wp-block-post-featured-image .components-placeholder,.wp-block-post-featured-image .wp-block-post-featured-image__placeholder{ + align-items:center; + justify-content:center; + min-height:200px; + padding:0; } -.wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-form-file-upload, -.wp-block-post-featured-image .components-placeholder .components-form-file-upload { - display: none; +.wp-block-post-featured-image .components-placeholder .components-form-file-upload,.wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-form-file-upload{ + display:none; } -.wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-button, -.wp-block-post-featured-image .components-placeholder .components-button { - padding: 0; - display: flex; - justify-content: center; - align-items: center; - width: 48px; - height: 48px; - border-radius: 50%; - position: relative; - background: var(--wp-admin-theme-color); - border-color: var(--wp-admin-theme-color); - border-style: solid; - color: #fff; +.wp-block-post-featured-image .components-placeholder .components-button,.wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-button{ + align-items:center; + background:var(--wp-admin-theme-color); + border-color:var(--wp-admin-theme-color); + border-radius:50%; + border-style:solid; + color:#fff; + display:flex; + height:48px; + justify-content:center; + padding:0; + position:relative; + width:48px; } -.wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-button > svg, -.wp-block-post-featured-image .components-placeholder .components-button > svg { - color: inherit; +.wp-block-post-featured-image .components-placeholder .components-button>svg,.wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-button>svg{ + color:inherit; } -.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where(.has-border-color), -.wp-block-post-featured-image .components-placeholder:where(.has-border-color), -.wp-block-post-featured-image img:where(.has-border-color) { - border-style: solid; +.wp-block-post-featured-image .components-placeholder:where(.has-border-color),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where(.has-border-color),.wp-block-post-featured-image img:where(.has-border-color){ + border-style:solid; } -.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*="border-top-color"]), -.wp-block-post-featured-image .components-placeholder:where([style*="border-top-color"]), -.wp-block-post-featured-image img:where([style*="border-top-color"]) { - border-top-style: solid; +.wp-block-post-featured-image .components-placeholder:where([style*=border-top-color]),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-top-color]),.wp-block-post-featured-image img:where([style*=border-top-color]){ + border-top-style:solid; } -.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*="border-right-color"]), -.wp-block-post-featured-image .components-placeholder:where([style*="border-right-color"]), -.wp-block-post-featured-image img:where([style*="border-right-color"]) { - border-left-style: solid; +.wp-block-post-featured-image .components-placeholder:where([style*=border-right-color]),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-right-color]),.wp-block-post-featured-image img:where([style*=border-right-color]){ + border-left-style:solid; } -.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*="border-bottom-color"]), -.wp-block-post-featured-image .components-placeholder:where([style*="border-bottom-color"]), -.wp-block-post-featured-image img:where([style*="border-bottom-color"]) { - border-bottom-style: solid; +.wp-block-post-featured-image .components-placeholder:where([style*=border-bottom-color]),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-bottom-color]),.wp-block-post-featured-image img:where([style*=border-bottom-color]){ + border-bottom-style:solid; } -.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*="border-left-color"]), -.wp-block-post-featured-image .components-placeholder:where([style*="border-left-color"]), -.wp-block-post-featured-image img:where([style*="border-left-color"]) { - border-right-style: solid; +.wp-block-post-featured-image .components-placeholder:where([style*=border-left-color]),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-left-color]),.wp-block-post-featured-image img:where([style*=border-left-color]){ + border-right-style:solid; } -.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*="border-width"]), -.wp-block-post-featured-image .components-placeholder:where([style*="border-width"]), -.wp-block-post-featured-image img:where([style*="border-width"]) { - border-style: solid; +.wp-block-post-featured-image .components-placeholder:where([style*=border-width]),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-width]),.wp-block-post-featured-image img:where([style*=border-width]){ + border-style:solid; } -.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*="border-top-width"]), -.wp-block-post-featured-image .components-placeholder:where([style*="border-top-width"]), -.wp-block-post-featured-image img:where([style*="border-top-width"]) { - border-top-style: solid; +.wp-block-post-featured-image .components-placeholder:where([style*=border-top-width]),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-top-width]),.wp-block-post-featured-image img:where([style*=border-top-width]){ + border-top-style:solid; } -.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*="border-right-width"]), -.wp-block-post-featured-image .components-placeholder:where([style*="border-right-width"]), -.wp-block-post-featured-image img:where([style*="border-right-width"]) { - border-left-style: solid; +.wp-block-post-featured-image .components-placeholder:where([style*=border-right-width]),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-right-width]),.wp-block-post-featured-image img:where([style*=border-right-width]){ + border-left-style:solid; } -.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*="border-bottom-width"]), -.wp-block-post-featured-image .components-placeholder:where([style*="border-bottom-width"]), -.wp-block-post-featured-image img:where([style*="border-bottom-width"]) { - border-bottom-style: solid; +.wp-block-post-featured-image .components-placeholder:where([style*=border-bottom-width]),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-bottom-width]),.wp-block-post-featured-image img:where([style*=border-bottom-width]){ + border-bottom-style:solid; } -.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*="border-left-width"]), -.wp-block-post-featured-image .components-placeholder:where([style*="border-left-width"]), -.wp-block-post-featured-image img:where([style*="border-left-width"]) { - border-right-style: solid; +.wp-block-post-featured-image .components-placeholder:where([style*=border-left-width]),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-left-width]),.wp-block-post-featured-image img:where([style*=border-left-width]){ + border-right-style:solid; } -.wp-block-post-featured-image[style*=height] .components-placeholder { - min-height: 48px; - min-width: 48px; - height: 100%; - width: 100%; +.wp-block-post-featured-image[style*=height] .components-placeholder{ + height:100%; + min-height:48px; + min-width:48px; + width:100%; } -div[data-type="core/post-featured-image"] img { - max-width: 100%; - height: auto; - display: block; +div[data-type="core/post-featured-image"] img{ + display:block; + height:auto; + max-width:100%; } -.wp-block-post-comments-form * { - pointer-events: none; +.wp-block-post-comments-form *{ + pointer-events:none; } -.wp-block-post-comments-form *.block-editor-warning * { - pointer-events: auto; +.wp-block-post-comments-form .block-editor-warning *{ + pointer-events:auto; +} +.wp-element-button{ + cursor:revert; +} +.wp-element-button[role=textbox]{ + cursor:text; +} +:root .editor-styles-wrapper .has-very-light-gray-background-color{ + background-color:#eee; +} +:root .editor-styles-wrapper .has-very-dark-gray-background-color{ + background-color:#313131; +} +:root .editor-styles-wrapper .has-very-light-gray-color{ + color:#eee; +} +:root .editor-styles-wrapper .has-very-dark-gray-color{ + color:#313131; +} +:root .editor-styles-wrapper .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{ + background:linear-gradient(-135deg, #00d084, #0693e3); +} +:root .editor-styles-wrapper .has-purple-crush-gradient-background{ + background:linear-gradient(-135deg, #34e2e4, #4721fb 50%, #ab1dfe); +} +:root .editor-styles-wrapper .has-hazy-dawn-gradient-background{ + background:linear-gradient(-135deg, #faaca8, #dad0ec); +} +:root .editor-styles-wrapper .has-subdued-olive-gradient-background{ + background:linear-gradient(-135deg, #fafae1, #67a671); +} +:root .editor-styles-wrapper .has-atomic-cream-gradient-background{ + background:linear-gradient(-135deg, #fdd79a, #004a59); +} +:root .editor-styles-wrapper .has-nightshade-gradient-background{ + background:linear-gradient(-135deg, #330968, #31cdcf); +} +:root .editor-styles-wrapper .has-midnight-gradient-background{ + background:linear-gradient(-135deg, #020381, #2874fc); } -/** - * Element styles for the editor - */ -.wp-element-button { - cursor: revert; -} -.wp-element-button[role=textbox] { - cursor: text; +.editor-styles-wrapper{ + --wp--preset--font-size--normal:16px; + --wp--preset--font-size--huge:42px; } -:root .editor-styles-wrapper { - /* - * 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 .editor-styles-wrapper .has-very-light-gray-background-color { - background-color: #eee; -} -:root .editor-styles-wrapper .has-very-dark-gray-background-color { - background-color: #313131; -} -:root .editor-styles-wrapper .has-very-light-gray-color { - color: #eee; -} -:root .editor-styles-wrapper .has-very-dark-gray-color { - color: #313131; -} -:root .editor-styles-wrapper .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background { - background: linear-gradient(-135deg, #00d084 0%, #0693e3 100%); -} -:root .editor-styles-wrapper .has-purple-crush-gradient-background { - background: linear-gradient(-135deg, #34e2e4 0%, #4721fb 50%, #ab1dfe 100%); -} -:root .editor-styles-wrapper .has-hazy-dawn-gradient-background { - background: linear-gradient(-135deg, #faaca8 0%, #dad0ec 100%); -} -:root .editor-styles-wrapper .has-subdued-olive-gradient-background { - background: linear-gradient(-135deg, #fafae1 0%, #67a671 100%); -} -:root .editor-styles-wrapper .has-atomic-cream-gradient-background { - background: linear-gradient(-135deg, #fdd79a 0%, #004a59 100%); -} -:root .editor-styles-wrapper .has-nightshade-gradient-background { - background: linear-gradient(-135deg, #330968 0%, #31cdcf 100%); -} -:root .editor-styles-wrapper .has-midnight-gradient-background { - background: linear-gradient(-135deg, #020381 0%, #2874fc 100%); +.editor-styles-wrapper .has-regular-font-size{ + font-size:16px; } -.editor-styles-wrapper { - --wp--preset--font-size--normal: 16px; - --wp--preset--font-size--huge: 42px; +.editor-styles-wrapper .has-larger-font-size{ + font-size:42px; } -.editor-styles-wrapper .has-regular-font-size { - font-size: 16px; +.editor-styles-wrapper .has-normal-font-size{ + font-size:var(--wp--preset--font-size--normal); } -.editor-styles-wrapper .has-larger-font-size { - font-size: 42px; -} - -.editor-styles-wrapper .has-normal-font-size { - font-size: var(--wp--preset--font-size--normal); -} - -.editor-styles-wrapper .has-huge-font-size { - font-size: var(--wp--preset--font-size--huge); -} - -/** - * Editor Normalization Styles - * - * These are only output in the editor, but styles here are NOT prefixed .editor-styles-wrapper. - * This allows us to create normalization styles that are easily overridden by editor styles. - */ \ No newline at end of file +.editor-styles-wrapper .has-huge-font-size{ + font-size:var(--wp--preset--font-size--huge); +} \ No newline at end of file diff --git a/wp-includes/css/dist/block-library/editor.css b/wp-includes/css/dist/block-library/editor.css index 77738d7aa4..b580d6d489 100644 --- a/wp-includes/css/dist/block-library/editor.css +++ b/wp-includes/css/dist/block-library/editor.css @@ -1,2912 +1,2567 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -ul.wp-block-archives { - padding-left: 2.5em; +ul.wp-block-archives{ + padding-left:2.5em; } -.wp-block-audio { - margin-left: 0; - margin-right: 0; - position: relative; +.wp-block-audio{ + margin-left:0; + margin-right:0; + position:relative; } -.wp-block-audio.is-transient audio { - opacity: 0.3; +.wp-block-audio.is-transient audio{ + opacity:.3; } -.wp-block-audio .components-spinner { - position: absolute; - top: 50%; - left: 50%; - margin-top: -9px; - margin-left: -9px; +.wp-block-audio .components-spinner{ + left:50%; + margin-left:-9px; + margin-top:-9px; + position:absolute; + top:50%; } -.wp-block-avatar__image img { - width: 100%; +.wp-block-avatar__image img{ + width:100%; } -.wp-block-avatar.aligncenter .components-resizable-box__container { - margin: 0 auto; +.wp-block-avatar.aligncenter .components-resizable-box__container{ + margin:0 auto; } -.edit-post-visual-editor .block-library-block__reusable-block-container .is-root-container { - padding-left: 0; - padding-right: 0; +.edit-post-visual-editor .block-library-block__reusable-block-container .is-root-container{ + padding-left:0; + padding-right:0; } -.edit-post-visual-editor .block-library-block__reusable-block-container .block-editor-writing-flow { - display: block; +.edit-post-visual-editor .block-library-block__reusable-block-container .block-editor-writing-flow{ + display:block; } -.edit-post-visual-editor .block-library-block__reusable-block-container .components-disabled .block-list-appender { - display: none; +.edit-post-visual-editor .block-library-block__reusable-block-container .components-disabled .block-list-appender{ + display:none; } -.wp-block[data-align=center] > .wp-block-button { - text-align: center; - margin-left: auto; - margin-right: auto; +.wp-block[data-align=center]>.wp-block-button{ + margin-left:auto; + margin-right:auto; + text-align:center; } -.wp-block[data-align=right] > .wp-block-button { - /*!rtl:ignore*/ - text-align: right; +.wp-block[data-align=right]>.wp-block-button{ + text-align:right; } -.wp-block-button { - position: relative; - cursor: text; +.wp-block-button{ + cursor:text; + position:relative; } -.wp-block-button:focus { - box-shadow: 0 0 0 1px #fff, 0 0 0 3px var(--wp-admin-theme-color); - outline: 2px solid transparent; - outline-offset: -2px; +.wp-block-button:focus{ + box-shadow:0 0 0 1px #fff, 0 0 0 3px var(--wp-admin-theme-color); + outline:2px solid transparent; + outline-offset:-2px; } -.wp-block-button[data-rich-text-placeholder]::after { - opacity: 0.8; +.wp-block-button[data-rich-text-placeholder]:after{ + opacity:.8; } -.wp-block-button__inline-link { - color: #757575; - height: 0; - overflow: hidden; - max-width: 290px; +.wp-block-button__inline-link{ + color:#757575; + height:0; + max-width:290px; + overflow:hidden; } -.wp-block-button__inline-link-input__suggestions { - max-width: 290px; +.wp-block-button__inline-link-input__suggestions{ + max-width:290px; } -@media (min-width: 782px) { - .wp-block-button__inline-link { - max-width: 260px; - } - .wp-block-button__inline-link-input__suggestions { - max-width: 260px; +@media (min-width:782px){ + .wp-block-button__inline-link,.wp-block-button__inline-link-input__suggestions{ + max-width:260px; } } -@media (min-width: 960px) { - .wp-block-button__inline-link { - max-width: 290px; - } - .wp-block-button__inline-link-input__suggestions { - max-width: 290px; +@media (min-width:960px){ + .wp-block-button__inline-link,.wp-block-button__inline-link-input__suggestions{ + max-width:290px; } } -.is-selected .wp-block-button__inline-link { - height: auto; - overflow: visible; +.is-selected .wp-block-button__inline-link{ + height:auto; + overflow:visible; } -.wp-button-label__width .components-button-group { - display: block; +.wp-button-label__width .components-button-group{ + display:block; } -.wp-button-label__width .components-base-control__field { - margin-bottom: 12px; +.wp-button-label__width .components-base-control__field{ + margin-bottom:12px; } -div[data-type="core/button"] { - display: table; +div[data-type="core/button"]{ + display:table; } -.editor-styles-wrapper .wp-block-button[style*=text-decoration] .wp-block-button__link { - text-decoration: inherit; +.editor-styles-wrapper .wp-block-button[style*=text-decoration] .wp-block-button__link{ + text-decoration:inherit; +} +.wp-block-buttons>.wp-block,.wp-block-buttons>.wp-block-button.wp-block-button.wp-block-button.wp-block-button.wp-block-button{ + margin:0; +} +.wp-block-buttons>.block-list-appender{ + align-items:center; + display:inline-flex; +} +.wp-block-buttons.is-vertical>.block-list-appender .block-list-appender__toggle{ + justify-content:flex-start; +} +.wp-block-buttons>.wp-block-button:focus{ + box-shadow:none; +} +.wp-block-buttons:not(.is-content-justification-space-between,.is-content-justification-right,.is-content-justification-left,.is-content-justification-center) .wp-block[data-align=center]{ + margin-left:auto; + margin-right:auto; + margin-top:0; + width:100%; +} +.wp-block-buttons:not(.is-content-justification-space-between,.is-content-justification-right,.is-content-justification-left,.is-content-justification-center) .wp-block[data-align=center] .wp-block-button{ + margin-bottom:0; +} +.editor-styles-wrapper .wp-block-buttons.has-custom-font-size .wp-block-button__link{ + font-size:inherit; } -.wp-block-buttons { - /* stylelint-disable indentation */ -} -.wp-block-buttons > .wp-block { - margin: 0; -} -.wp-block-buttons > .wp-block-button.wp-block-button.wp-block-button.wp-block-button.wp-block-button { - margin: 0; -} -.wp-block-buttons > .block-list-appender { - display: inline-flex; - align-items: center; -} -.wp-block-buttons.is-vertical > .block-list-appender .block-list-appender__toggle { - justify-content: flex-start; -} -.wp-block-buttons > .wp-block-button:focus { - box-shadow: none; -} -.wp-block-buttons:not(.is-content-justification-space-between, -.is-content-justification-right, -.is-content-justification-left, -.is-content-justification-center) .wp-block[data-align=center] { - /* stylelint-enable indentation */ - margin-left: auto; - margin-right: auto; - margin-top: 0; - width: 100%; -} -.wp-block-buttons:not(.is-content-justification-space-between, -.is-content-justification-right, -.is-content-justification-left, -.is-content-justification-center) .wp-block[data-align=center] .wp-block-button { - margin-bottom: 0; -} -.editor-styles-wrapper .wp-block-buttons.has-custom-font-size .wp-block-button__link { - font-size: inherit; +.wp-block[data-align=center]>.wp-block-buttons{ + align-items:center; + justify-content:center; } -.wp-block[data-align=center] > .wp-block-buttons { - align-items: center; - justify-content: center; +.wp-block[data-align=right]>.wp-block-buttons{ + justify-content:flex-end; } -.wp-block[data-align=right] > .wp-block-buttons { - justify-content: flex-end; +.wp-block-categories ul{ + padding-left:2.5em; +} +.wp-block-categories ul ul{ + margin-top:6px; } -.wp-block-categories ul { - padding-left: 2.5em; -} -.wp-block-categories ul ul { - margin-top: 6px; +.wp-block-code code{ + background:none; } -.wp-block-code code { - background: none; +.wp-block-columns :where(.wp-block){ + margin-left:0; + margin-right:0; + max-width:none; } -.wp-block-columns :where(.wp-block) { - max-width: none; - margin-left: 0; - margin-right: 0; +html :where(.wp-block-column){ + margin-bottom:0; + margin-top:0; +} +.wp-block-comments__legacy-placeholder .alignleft,.wp-block-post-comments .alignleft{ + float:left; +} +.wp-block-comments__legacy-placeholder .alignright,.wp-block-post-comments .alignright{ + float:right; +} +.wp-block-comments__legacy-placeholder .navigation:after,.wp-block-post-comments .navigation:after{ + clear:both; + content:""; + display:table; +} +.wp-block-comments__legacy-placeholder .commentlist,.wp-block-post-comments .commentlist{ + clear:both; + list-style:none; + margin:0; + padding:0; +} +.wp-block-comments__legacy-placeholder .commentlist .comment,.wp-block-post-comments .commentlist .comment{ + min-height:2.25em; + padding-left:3.25em; +} +.wp-block-comments__legacy-placeholder .commentlist .comment p,.wp-block-post-comments .commentlist .comment p{ + font-size:1em; + line-height:1.8; + margin:1em 0; +} +.wp-block-comments__legacy-placeholder .commentlist .children,.wp-block-post-comments .commentlist .children{ + list-style:none; + margin:0; + padding:0; +} +.wp-block-comments__legacy-placeholder .comment-author,.wp-block-post-comments .comment-author{ + line-height:1.5; +} +.wp-block-comments__legacy-placeholder .comment-author .avatar,.wp-block-post-comments .comment-author .avatar{ + border-radius:1.5em; + display:block; + float:left; + height:2.5em; + margin-right:.75em; + margin-top:.5em; + width:2.5em; +} +.wp-block-comments__legacy-placeholder .comment-author cite,.wp-block-post-comments .comment-author cite{ + font-style:normal; +} +.wp-block-comments__legacy-placeholder .comment-meta,.wp-block-post-comments .comment-meta{ + font-size:.875em; + line-height:1.5; +} +.wp-block-comments__legacy-placeholder .comment-meta b,.wp-block-post-comments .comment-meta b{ + font-weight:400; +} +.wp-block-comments__legacy-placeholder .comment-meta .comment-awaiting-moderation,.wp-block-post-comments .comment-meta .comment-awaiting-moderation{ + display:block; + margin-bottom:1em; + margin-top:1em; +} +.wp-block-comments__legacy-placeholder .comment-body .commentmetadata,.wp-block-post-comments .comment-body .commentmetadata{ + font-size:.875em; +} +.wp-block-comments__legacy-placeholder .comment-form-author label,.wp-block-comments__legacy-placeholder .comment-form-comment label,.wp-block-comments__legacy-placeholder .comment-form-email label,.wp-block-comments__legacy-placeholder .comment-form-url label,.wp-block-post-comments .comment-form-author label,.wp-block-post-comments .comment-form-comment label,.wp-block-post-comments .comment-form-email label,.wp-block-post-comments .comment-form-url label{ + display:block; + margin-bottom:.25em; +} +.wp-block-comments__legacy-placeholder .comment-form input:not([type=submit]):not([type=checkbox]),.wp-block-comments__legacy-placeholder .comment-form textarea,.wp-block-post-comments .comment-form input:not([type=submit]):not([type=checkbox]),.wp-block-post-comments .comment-form textarea{ + box-sizing:border-box; + display:block; + width:100%; +} +.wp-block-comments__legacy-placeholder .comment-form-cookies-consent,.wp-block-post-comments .comment-form-cookies-consent{ + display:flex; + gap:.25em; +} +.wp-block-comments__legacy-placeholder .comment-form-cookies-consent #wp-comment-cookies-consent,.wp-block-post-comments .comment-form-cookies-consent #wp-comment-cookies-consent{ + margin-top:.35em; +} +.wp-block-comments__legacy-placeholder .comment-reply-title,.wp-block-post-comments .comment-reply-title{ + margin-bottom:0; +} +.wp-block-comments__legacy-placeholder .comment-reply-title :where(small),.wp-block-post-comments .comment-reply-title :where(small){ + font-size:var(--wp--preset--font-size--medium, smaller); + margin-left:.5em; +} +.wp-block-comments__legacy-placeholder .reply,.wp-block-post-comments .reply{ + font-size:.875em; + margin-bottom:1.4em; +} +.wp-block-comments__legacy-placeholder input:not([type=submit]),.wp-block-comments__legacy-placeholder textarea,.wp-block-post-comments input:not([type=submit]),.wp-block-post-comments textarea{ + border:1px solid #949494; + font-family:inherit; + font-size:1em; +} +.wp-block-comments__legacy-placeholder input:not([type=submit]):not([type=checkbox]),.wp-block-comments__legacy-placeholder textarea,.wp-block-post-comments input:not([type=submit]):not([type=checkbox]),.wp-block-post-comments textarea{ + padding:calc(.667em + 2px); } -html :where(.wp-block-column) { - margin-top: 0; - margin-bottom: 0; +:where(.wp-block-post-comments input[type=submit]){ + border:none; } -/* Styles for backwards compatibility with the legacy `post-comments` block */ -.wp-block-post-comments, .wp-block-comments__legacy-placeholder { - /* utility classes */ - /* end utility classes */ -} -.wp-block-post-comments .alignleft, .wp-block-comments__legacy-placeholder .alignleft { - float: left; -} -.wp-block-post-comments .alignright, .wp-block-comments__legacy-placeholder .alignright { - float: right; -} -.wp-block-post-comments .navigation::after, .wp-block-comments__legacy-placeholder .navigation::after { - content: ""; - display: table; - clear: both; -} -.wp-block-post-comments .commentlist, .wp-block-comments__legacy-placeholder .commentlist { - clear: both; - list-style: none; - margin: 0; - padding: 0; -} -.wp-block-post-comments .commentlist .comment, .wp-block-comments__legacy-placeholder .commentlist .comment { - min-height: 2.25em; - padding-left: 3.25em; -} -.wp-block-post-comments .commentlist .comment p, .wp-block-comments__legacy-placeholder .commentlist .comment p { - font-size: 1em; - line-height: 1.8; - margin: 1em 0; -} -.wp-block-post-comments .commentlist .children, .wp-block-comments__legacy-placeholder .commentlist .children { - list-style: none; - margin: 0; - padding: 0; -} -.wp-block-post-comments .comment-author, .wp-block-comments__legacy-placeholder .comment-author { - line-height: 1.5; -} -.wp-block-post-comments .comment-author .avatar, .wp-block-comments__legacy-placeholder .comment-author .avatar { - border-radius: 1.5em; - display: block; - float: left; - height: 2.5em; - margin-top: 0.5em; - margin-right: 0.75em; - width: 2.5em; -} -.wp-block-post-comments .comment-author cite, .wp-block-comments__legacy-placeholder .comment-author cite { - font-style: normal; -} -.wp-block-post-comments .comment-meta, .wp-block-comments__legacy-placeholder .comment-meta { - font-size: 0.875em; - line-height: 1.5; -} -.wp-block-post-comments .comment-meta b, .wp-block-comments__legacy-placeholder .comment-meta b { - font-weight: normal; -} -.wp-block-post-comments .comment-meta .comment-awaiting-moderation, .wp-block-comments__legacy-placeholder .comment-meta .comment-awaiting-moderation { - margin-top: 1em; - margin-bottom: 1em; - display: block; -} -.wp-block-post-comments .comment-body .commentmetadata, .wp-block-comments__legacy-placeholder .comment-body .commentmetadata { - font-size: 0.875em; -} -.wp-block-post-comments .comment-form-comment label, .wp-block-comments__legacy-placeholder .comment-form-comment label, -.wp-block-post-comments .comment-form-author label, -.wp-block-comments__legacy-placeholder .comment-form-author label, -.wp-block-post-comments .comment-form-email label, -.wp-block-comments__legacy-placeholder .comment-form-email label, -.wp-block-post-comments .comment-form-url label, -.wp-block-comments__legacy-placeholder .comment-form-url label { - display: block; - margin-bottom: 0.25em; -} -.wp-block-post-comments .comment-form textarea, .wp-block-comments__legacy-placeholder .comment-form textarea, -.wp-block-post-comments .comment-form input:not([type=submit]):not([type=checkbox]), -.wp-block-comments__legacy-placeholder .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, .wp-block-comments__legacy-placeholder .comment-form-cookies-consent { - display: flex; - gap: 0.25em; -} -.wp-block-post-comments .comment-form-cookies-consent #wp-comment-cookies-consent, .wp-block-comments__legacy-placeholder .comment-form-cookies-consent #wp-comment-cookies-consent { - margin-top: 0.35em; -} -.wp-block-post-comments .comment-reply-title, .wp-block-comments__legacy-placeholder .comment-reply-title { - margin-bottom: 0; -} -.wp-block-post-comments .comment-reply-title :where(small), .wp-block-comments__legacy-placeholder .comment-reply-title :where(small) { - font-size: var(--wp--preset--font-size--medium, smaller); - margin-left: 0.5em; -} -.wp-block-post-comments .reply, .wp-block-comments__legacy-placeholder .reply { - font-size: 0.875em; - margin-bottom: 1.4em; -} -.wp-block-post-comments textarea, .wp-block-comments__legacy-placeholder textarea, -.wp-block-post-comments input:not([type=submit]), -.wp-block-comments__legacy-placeholder input:not([type=submit]) { - border: 1px solid #949494; - font-size: 1em; - font-family: inherit; -} -.wp-block-post-comments textarea, .wp-block-comments__legacy-placeholder textarea, -.wp-block-post-comments input:not([type=submit]):not([type=checkbox]), -.wp-block-comments__legacy-placeholder input:not([type=submit]):not([type=checkbox]) { - padding: calc(0.667em + 2px); +.block-library-comments-toolbar__popover .components-popover__content{ + min-width:230px; } -:where(.wp-block-post-comments input[type="submit"]) { - border: none; +.wp-block-comments__legacy-placeholder *{ + pointer-events:none; } -.block-library-comments-toolbar__popover .components-popover__content { - min-width: 230px; +.wp-block-comment-author-avatar__placeholder{ + stroke:currentColor; + stroke-dasharray:3; + border:1px dashed; + height:100%; + width:100%; } -.wp-block-comments__legacy-placeholder * { - pointer-events: none; +.wp-block[data-align=center]>.wp-block-comments-pagination{ + justify-content:center; } -.wp-block-comment-author-avatar__placeholder { - border: currentColor 1px dashed; - width: 100%; - height: 100%; - stroke: currentColor; - stroke-dasharray: 3; +.editor-styles-wrapper .wp-block-comments-pagination{ + max-width:100%; +} +.editor-styles-wrapper .wp-block-comments-pagination.block-editor-block-list__layout{ + margin:0; } -.wp-block[data-align=center] > .wp-block-comments-pagination { - justify-content: center; +.wp-block-comments-pagination>.wp-block-comments-pagination-next,.wp-block-comments-pagination>.wp-block-comments-pagination-numbers,.wp-block-comments-pagination>.wp-block-comments-pagination-previous{ + margin:.5em .5em .5em 0; +} +.wp-block-comments-pagination>.wp-block-comments-pagination-next:last-child,.wp-block-comments-pagination>.wp-block-comments-pagination-numbers:last-child,.wp-block-comments-pagination>.wp-block-comments-pagination-previous:last-child{ + margin-right:0; } -.editor-styles-wrapper .wp-block-comments-pagination { - max-width: 100%; +.wp-block-comments-pagination-numbers a{ + text-decoration:underline; } -.editor-styles-wrapper .wp-block-comments-pagination.block-editor-block-list__layout { - margin: 0; +.wp-block-comments-pagination-numbers .page-numbers{ + margin-right:2px; +} +.wp-block-comments-pagination-numbers .page-numbers:last-child{ + margin-right:0; } -.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-left: 0; - margin-top: 0.5em; - /*rtl:ignore*/ - margin-right: 0.5em; - margin-bottom: 0.5em; +.wp-block-comments-title.has-background{ + padding:inherit; } -.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 { - /*rtl:ignore*/ - margin-right: 0; +.editor-styles-wrapper .wp-block-cover{ + box-sizing:border-box; +} +.wp-block-cover.is-placeholder{ + min-height:auto !important; + padding:0 !important; +} +.wp-block-cover.is-placeholder .block-library-cover__resize-container{ + display:none; +} +.wp-block-cover.is-placeholder .components-placeholder.is-large{ + justify-content:flex-start; + min-height:240px; + z-index:1; +} +.wp-block-cover.is-placeholder .components-placeholder.is-large+.block-library-cover__resize-container{ + display:block; + min-height:240px; +} +.wp-block-cover.components-placeholder h2{ + color:inherit; +} +.wp-block-cover.is-transient:before{ + background-color:#fff; + opacity:.3; +} +.wp-block-cover .components-spinner{ + left:50%; + margin:0; + position:absolute; + top:50%; + transform:translate(-50%, -50%); + z-index:1; +} +.wp-block-cover .wp-block-cover__inner-container{ + margin-left:0; + margin-right:0; + text-align:left; +} +.wp-block-cover .wp-block-cover__placeholder-background-options{ + width:100%; +} +.wp-block-cover .wp-block-cover__image--placeholder-image{ + bottom:0; + left:0; + position:absolute; + right:0; + top:0; } -.wp-block-comments-pagination-numbers a { - text-decoration: underline; -} -.wp-block-comments-pagination-numbers .page-numbers { - margin-right: 2px; -} -.wp-block-comments-pagination-numbers .page-numbers:last-child { - /*rtl:ignore*/ - margin-right: 0; +[data-align=left]>.wp-block-cover,[data-align=right]>.wp-block-cover{ + max-width:420px; + width:100%; } -.wp-block-comments-title.has-background { - padding: inherit; +.block-library-cover__reset-button{ + margin-left:auto; } -.wp-block-cover { - /* Extra specificity needed because the reset.css applied in the editor context is overriding this rule. */ -} -.editor-styles-wrapper .wp-block-cover { - box-sizing: border-box; -} -.wp-block-cover.is-placeholder { - min-height: auto !important; - padding: 0 !important; -} -.wp-block-cover.is-placeholder .block-library-cover__resize-container { - display: none; -} -.wp-block-cover.is-placeholder .components-placeholder.is-large { - min-height: 240px; - justify-content: flex-start; - z-index: 1; -} -.wp-block-cover.is-placeholder .components-placeholder.is-large + .block-library-cover__resize-container { - min-height: 240px; - display: block; -} -.wp-block-cover.components-placeholder h2 { - color: inherit; -} -.wp-block-cover.is-transient::before { - background-color: #fff; - opacity: 0.3; -} -.wp-block-cover .components-spinner { - position: absolute; - z-index: 1; - top: 50%; - left: 50%; - transform: translate(-50%, -50%); - margin: 0; -} -.wp-block-cover .wp-block-cover__inner-container { - text-align: left; - margin-left: 0; - margin-right: 0; -} -.wp-block-cover .wp-block-cover__placeholder-background-options { - width: 100%; -} -.wp-block-cover .wp-block-cover__image--placeholder-image { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; +.block-library-cover__resize-container{ + bottom:0; + left:0; + min-height:50px; + position:absolute !important; + right:0; + top:0; } -[data-align=left] > .wp-block-cover, -[data-align=right] > .wp-block-cover { - max-width: 420px; - width: 100%; +.block-library-cover__resize-container:not(.is-resizing){ + height:auto !important; } -.block-library-cover__reset-button { - margin-left: auto; +.wp-block-cover>.components-drop-zone .components-drop-zone__content{ + opacity:.8 !important; } -.block-library-cover__resize-container { - position: absolute !important; - top: 0; - left: 0; - right: 0; - bottom: 0; - min-height: 50px; +.block-editor-block-patterns-list__list-item .has-parallax.wp-block-cover{ + background-attachment:scroll; } -.block-library-cover__resize-container:not(.is-resizing) { - height: auto !important; +.color-block-support-panel__inner-wrapper>:not(.block-editor-tools-panel-color-gradient-settings__item){ + margin-top:24px; } -.wp-block-cover > .components-drop-zone .components-drop-zone__content { - opacity: 0.8 !important; +.wp-block-embed{ + clear:both; + margin-left:0; + margin-right:0; +} +.wp-block-embed.is-loading{ + display:flex; + justify-content:center; +} +.wp-block-embed .components-placeholder__error{ + word-break:break-word; +} +.wp-block-embed .components-placeholder__learn-more{ + margin-top:1em; } -.block-editor-block-patterns-list__list-item .has-parallax.wp-block-cover { - background-attachment: scroll; +.block-library-embed__interactive-overlay{ + bottom:0; + left:0; + opacity:0; + position:absolute; + right:0; + top:0; } -.color-block-support-panel__inner-wrapper > :not(.block-editor-tools-panel-color-gradient-settings__item) { - margin-top: 24px; +.wp-block[data-align=left]>.wp-block-embed,.wp-block[data-align=right]>.wp-block-embed{ + max-width:360px; + width:100%; +} +.wp-block[data-align=left]>.wp-block-embed .wp-block-embed__wrapper,.wp-block[data-align=right]>.wp-block-embed .wp-block-embed__wrapper{ + min-width:280px; } -.wp-block-embed { - margin-left: 0; - margin-right: 0; - clear: both; +.wp-block-file{ + align-items:center; + display:flex; + flex-wrap:wrap; + justify-content:space-between; + margin-bottom:0; } -.wp-block-embed.is-loading { - display: flex; - justify-content: center; +.wp-block[data-align=left]>.wp-block-file,.wp-block[data-align=right]>.wp-block-file{ + height:auto; } -.wp-block-embed .components-placeholder__error { - word-break: break-word; +.wp-block-file .components-resizable-box__container{ + margin-bottom:1em; } -.wp-block-embed .components-placeholder__learn-more { - margin-top: 1em; +.wp-block-file .wp-block-file__preview{ + height:100%; + margin-bottom:1em; + width:100%; +} +.wp-block-file .wp-block-file__preview-overlay{ + bottom:0; + left:0; + position:absolute; + right:0; + top:0; +} +.wp-block-file .wp-block-file__content-wrapper{ + flex-grow:1; +} +.wp-block-file a{ + min-width:1em; +} +.wp-block-file .wp-block-file__button-richtext-wrapper{ + display:inline-block; + margin-left:.75em; } -.block-library-embed__interactive-overlay { - position: absolute; - top: 0; - left: 0; - right: 0; - bottom: 0; - opacity: 0; +.wp-block-freeform.block-library-rich-text__tinymce{ + height:auto; +} +.wp-block-freeform.block-library-rich-text__tinymce li,.wp-block-freeform.block-library-rich-text__tinymce p{ + line-height:1.8; +} +.wp-block-freeform.block-library-rich-text__tinymce ol,.wp-block-freeform.block-library-rich-text__tinymce ul{ + margin-left:0; + padding-left:2.5em; +} +.wp-block-freeform.block-library-rich-text__tinymce blockquote{ + border-left:4px solid #000; + box-shadow:inset 0 0 0 0 #ddd; + margin:0; + padding-left:1em; +} +.wp-block-freeform.block-library-rich-text__tinymce pre{ + color:#1e1e1e; + font-family:Menlo,Consolas,monaco,monospace; + font-size:15px; + white-space:pre-wrap; +} +.wp-block-freeform.block-library-rich-text__tinymce>:first-child{ + margin-top:0; +} +.wp-block-freeform.block-library-rich-text__tinymce>:last-child{ + margin-bottom:0; +} +.wp-block-freeform.block-library-rich-text__tinymce.mce-edit-focus{ + outline:none; +} +.wp-block-freeform.block-library-rich-text__tinymce a{ + color:var(--wp-admin-theme-color); +} +.wp-block-freeform.block-library-rich-text__tinymce:focus a[data-mce-selected]{ + background:#e5f5fa; + border-radius:2px; + box-shadow:0 0 0 1px #e5f5fa; + margin:0 -2px; + padding:0 2px; +} +.wp-block-freeform.block-library-rich-text__tinymce code{ + background:#f0f0f0; + border-radius:2px; + color:#1e1e1e; + font-family:Menlo,Consolas,monaco,monospace; + font-size:14px; + padding:2px; +} +.wp-block-freeform.block-library-rich-text__tinymce:focus code[data-mce-selected]{ + background:#ddd; +} +.wp-block-freeform.block-library-rich-text__tinymce .alignright{ + float:right; + margin:.5em 0 .5em 1em; +} +.wp-block-freeform.block-library-rich-text__tinymce .alignleft{ + float:left; + margin:.5em 1em .5em 0; +} +.wp-block-freeform.block-library-rich-text__tinymce .aligncenter{ + display:block; + margin-left:auto; + margin-right:auto; +} +.wp-block-freeform.block-library-rich-text__tinymce .wp-more-tag{ + background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAADtgAAAAoBAMAAAA86gLBAAAAJFBMVEVMaXG7u7vBwcHDw8POzs68vLzGxsbMzMy+vr7AwMDQ0NDGxsYKLGzpAAAADHRSTlMA///zWf+/f///TMxNVGuqAAABwklEQVR4Ae3dMXLaQBTH4bfj8UCpx8hq0vgKvgFNemhT6Qo6gg6R+0ZahM2QLmyBJ99XWP9V5+o3jIUcLQEAAAAAAAAAAAAAAAAAAAAAAABQ8j0WL9lfTtlt18uNXAUA8O/KVtfa1tdcrOdSh9gCQAMlh1hMNbZZ1bsrsQWABsrhLRbz7z5in/32UbfUMUbkMQCAh5RfGYv82UdMdZ6HS2wjT2ILAI8r3XmM2B3WvM59vfO2xXYW2yYAENuPU8S+X/N67mKxzy225yaxBQCxLV392UdcvwV0jPVUj98ntkBWT7C7+9u2/V/vGtvXIWJ6/4rtbottWa6Ri0NUT/u72LYttrb97LHdvUXMxxrb8TO2W2TF1rYbbLG1bbGNjMi4+2Sbi1FsbbvNFlvbFtt5fDnE3d9sP1/XeIyV2Nr2U2/guZUuptNrH/dPI9eLB6SaAEBs6wPJf3/PNk9tYgsAYrv/8TFuzx/fvkFqGtrEFgDEdpcZUb7ejXy6ntrEFgDENvL6gsas4vbdyKt4DACI7TxElJv/Z7udpqFNbAFAbKduy2uU2trttM/x28UWAAAAAAAAAAAAAAAAAAAAAAAAAADgDyPwGmGTCZp7AAAAAElFTkSuQmCC); + background-position:50%; + background-repeat:no-repeat; + background-size:1900px 20px; + cursor:default; + display:block; + height:20px; + margin:15px auto; + outline:0; + width:96%; +} +.wp-block-freeform.block-library-rich-text__tinymce img::selection{ + background-color:initial; +} +.wp-block-freeform.block-library-rich-text__tinymce div.mceTemp{ + -ms-user-select:element; +} +.wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption{ + margin:0; + max-width:100%; +} +.wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption a,.wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption img{ + display:block; +} +.wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption,.wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption *{ + -webkit-user-drag:none; +} +.wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption .wp-caption-dd{ + margin:0; + padding-top:.5em; +} +.wp-block-freeform.block-library-rich-text__tinymce .wpview{ + border:1px solid transparent; + clear:both; + margin-bottom:16px; + position:relative; + width:99.99%; +} +.wp-block-freeform.block-library-rich-text__tinymce .wpview iframe{ + background:transparent; + display:block; + max-width:100%; +} +.wp-block-freeform.block-library-rich-text__tinymce .wpview .mce-shim{ + bottom:0; + left:0; + position:absolute; + right:0; + top:0; +} +.wp-block-freeform.block-library-rich-text__tinymce .wpview[data-mce-selected="2"] .mce-shim{ + display:none; +} +.wp-block-freeform.block-library-rich-text__tinymce .wpview .loading-placeholder{ + border:1px dashed #ddd; + padding:10px; +} +.wp-block-freeform.block-library-rich-text__tinymce .wpview .wpview-error{ + word-wrap:break-word; + border:1px solid #ddd; + margin:0; + padding:1em 0; +} +.wp-block-freeform.block-library-rich-text__tinymce .wpview .wpview-error p{ + margin:0; + text-align:center; +} +.wp-block-freeform.block-library-rich-text__tinymce .wpview[data-mce-selected] .loading-placeholder,.wp-block-freeform.block-library-rich-text__tinymce .wpview[data-mce-selected] .wpview-error{ + border-color:transparent; +} +.wp-block-freeform.block-library-rich-text__tinymce .wpview .dashicons{ + display:block; + font-size:32px; + height:32px; + margin:0 auto; + width:32px; +} +.wp-block-freeform.block-library-rich-text__tinymce .wpview.wpview-type-gallery:after{ + clear:both; + content:""; + display:table; +} +.wp-block-freeform.block-library-rich-text__tinymce .gallery img[data-mce-selected]:focus{ + outline:none; +} +.wp-block-freeform.block-library-rich-text__tinymce .gallery a{ + cursor:default; +} +.wp-block-freeform.block-library-rich-text__tinymce .gallery{ + line-height:1; + margin:auto -6px; + overflow-x:hidden; + padding:6px 0; +} +.wp-block-freeform.block-library-rich-text__tinymce .gallery .gallery-item{ + box-sizing:border-box; + float:left; + margin:0; + padding:6px; + text-align:center; +} +.wp-block-freeform.block-library-rich-text__tinymce .gallery .gallery-caption,.wp-block-freeform.block-library-rich-text__tinymce .gallery .gallery-icon{ + margin:0; +} +.wp-block-freeform.block-library-rich-text__tinymce .gallery .gallery-caption{ + font-size:13px; + margin:4px 0; +} +.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-1 .gallery-item{ + width:100%; +} +.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-2 .gallery-item{ + width:50%; +} +.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-3 .gallery-item{ + width:33.3333333333%; +} +.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-4 .gallery-item{ + width:25%; +} +.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-5 .gallery-item{ + width:20%; +} +.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-6 .gallery-item{ + width:16.6666666667%; +} +.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-7 .gallery-item{ + width:14.2857142857%; +} +.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-8 .gallery-item{ + width:12.5%; +} +.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-9 .gallery-item{ + width:11.1111111111%; +} +.wp-block-freeform.block-library-rich-text__tinymce .gallery img{ + border:none; + height:auto; + max-width:100%; + padding:0; } -.wp-block[data-align=left] > .wp-block-embed, -.wp-block[data-align=right] > .wp-block-embed { - max-width: 360px; - width: 100%; +div[data-type="core/freeform"]:before{ + border:1px solid #ddd; + outline:1px solid transparent; + transition:border-color .1s linear,box-shadow .1s linear; } -.wp-block[data-align=left] > .wp-block-embed .wp-block-embed__wrapper, -.wp-block[data-align=right] > .wp-block-embed .wp-block-embed__wrapper { - min-width: 280px; -} - -.wp-block-file { - display: flex; - flex-wrap: wrap; - justify-content: space-between; - align-items: center; - margin-bottom: 0; -} -.wp-block[data-align=left] > .wp-block-file, .wp-block[data-align=right] > .wp-block-file { - height: auto; -} -.wp-block-file .components-resizable-box__container { - margin-bottom: 1em; -} -.wp-block-file .wp-block-file__preview { - margin-bottom: 1em; - width: 100%; - height: 100%; -} -.wp-block-file .wp-block-file__preview-overlay { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; -} -.wp-block-file .wp-block-file__content-wrapper { - flex-grow: 1; -} -.wp-block-file a { - min-width: 1em; -} -.wp-block-file .wp-block-file__button-richtext-wrapper { - display: inline-block; - margin-left: 0.75em; -} - -.wp-block-freeform.block-library-rich-text__tinymce { - height: auto; - /* Allow height of embed iframes to be calculated properly */ - /* Remove blue highlighting of selected images in WebKit */ - /* Image captions */ - /* WP Views */ -} -.wp-block-freeform.block-library-rich-text__tinymce p, -.wp-block-freeform.block-library-rich-text__tinymce li { - line-height: 1.8; -} -.wp-block-freeform.block-library-rich-text__tinymce ul, -.wp-block-freeform.block-library-rich-text__tinymce ol { - padding-left: 2.5em; - margin-left: 0; -} -.wp-block-freeform.block-library-rich-text__tinymce blockquote { - margin: 0; - box-shadow: inset 0 0 0 0 #ddd; - border-left: 4px solid #000; - padding-left: 1em; -} -.wp-block-freeform.block-library-rich-text__tinymce pre { - white-space: pre-wrap; - font-family: Menlo, Consolas, monaco, monospace; - font-size: 15px; - color: #1e1e1e; -} -.wp-block-freeform.block-library-rich-text__tinymce > *:first-child { - margin-top: 0; -} -.wp-block-freeform.block-library-rich-text__tinymce > *:last-child { - margin-bottom: 0; -} -.wp-block-freeform.block-library-rich-text__tinymce.mce-edit-focus { - outline: none; -} -.wp-block-freeform.block-library-rich-text__tinymce a { - color: var(--wp-admin-theme-color); -} -.wp-block-freeform.block-library-rich-text__tinymce:focus a[data-mce-selected] { - padding: 0 2px; - margin: 0 -2px; - border-radius: 2px; - box-shadow: 0 0 0 1px #e5f5fa; - background: #e5f5fa; -} -.wp-block-freeform.block-library-rich-text__tinymce code { - padding: 2px; - border-radius: 2px; - color: #1e1e1e; - background: #f0f0f0; - font-family: Menlo, Consolas, monaco, monospace; - font-size: 14px; -} -.wp-block-freeform.block-library-rich-text__tinymce:focus code[data-mce-selected] { - background: #ddd; -} -.wp-block-freeform.block-library-rich-text__tinymce .alignright { - /*rtl:ignore*/ - float: right; - /*rtl:ignore*/ - margin: 0.5em 0 0.5em 1em; -} -.wp-block-freeform.block-library-rich-text__tinymce .alignleft { - /*rtl:ignore*/ - float: left; - /*rtl:ignore*/ - margin: 0.5em 1em 0.5em 0; -} -.wp-block-freeform.block-library-rich-text__tinymce .aligncenter { - display: block; - margin-left: auto; - margin-right: auto; -} -.wp-block-freeform.block-library-rich-text__tinymce .wp-more-tag { - width: 96%; - height: 20px; - display: block; - margin: 15px auto; - outline: 0; - cursor: default; - background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAADtgAAAAoBAMAAAA86gLBAAAAJFBMVEVMaXG7u7vBwcHDw8POzs68vLzGxsbMzMy+vr7AwMDQ0NDGxsYKLGzpAAAADHRSTlMA///zWf+/f///TMxNVGuqAAABwklEQVR4Ae3dMXLaQBTH4bfj8UCpx8hq0vgKvgFNemhT6Qo6gg6R+0ZahM2QLmyBJ99XWP9V5+o3jIUcLQEAAAAAAAAAAAAAAAAAAAAAAABQ8j0WL9lfTtlt18uNXAUA8O/KVtfa1tdcrOdSh9gCQAMlh1hMNbZZ1bsrsQWABsrhLRbz7z5in/32UbfUMUbkMQCAh5RfGYv82UdMdZ6HS2wjT2ILAI8r3XmM2B3WvM59vfO2xXYW2yYAENuPU8S+X/N67mKxzy225yaxBQCxLV392UdcvwV0jPVUj98ntkBWT7C7+9u2/V/vGtvXIWJ6/4rtbottWa6Ri0NUT/u72LYttrb97LHdvUXMxxrb8TO2W2TF1rYbbLG1bbGNjMi4+2Sbi1FsbbvNFlvbFtt5fDnE3d9sP1/XeIyV2Nr2U2/guZUuptNrH/dPI9eLB6SaAEBs6wPJf3/PNk9tYgsAYrv/8TFuzx/fvkFqGtrEFgDEdpcZUb7ejXy6ntrEFgDENvL6gsas4vbdyKt4DACI7TxElJv/Z7udpqFNbAFAbKduy2uU2trttM/x28UWAAAAAAAAAAAAAAAAAAAAAAAAAADgDyPwGmGTCZp7AAAAAElFTkSuQmCC); - background-size: 1900px 20px; - background-repeat: no-repeat; - background-position: center; -} -.wp-block-freeform.block-library-rich-text__tinymce img::selection { - background-color: transparent; -} -.wp-block-freeform.block-library-rich-text__tinymce div.mceTemp { - -ms-user-select: element; -} -.wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption { - margin: 0; - /* dl browser reset */ - max-width: 100%; -} -.wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption a, -.wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption img { - display: block; -} -.wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption, .wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption * { - -webkit-user-drag: none; -} -.wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption .wp-caption-dd { - padding-top: 0.5em; - margin: 0; - /* browser dd reset */ -} -.wp-block-freeform.block-library-rich-text__tinymce .wpview { - width: 99.99%; - /* All IE need hasLayout, incl. 11 (ugh, not again!!) */ - position: relative; - clear: both; - margin-bottom: 16px; - border: 1px solid transparent; -} -.wp-block-freeform.block-library-rich-text__tinymce .wpview iframe { - display: block; - max-width: 100%; - background: transparent; -} -.wp-block-freeform.block-library-rich-text__tinymce .wpview .mce-shim { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; -} -.wp-block-freeform.block-library-rich-text__tinymce .wpview[data-mce-selected="2"] .mce-shim { - display: none; -} -.wp-block-freeform.block-library-rich-text__tinymce .wpview .loading-placeholder { - border: 1px dashed #ddd; - padding: 10px; -} -.wp-block-freeform.block-library-rich-text__tinymce .wpview .wpview-error { - border: 1px solid #ddd; - padding: 1em 0; - margin: 0; - word-wrap: break-word; -} -.wp-block-freeform.block-library-rich-text__tinymce .wpview .wpview-error p { - margin: 0; - text-align: center; -} -.wp-block-freeform.block-library-rich-text__tinymce .wpview[data-mce-selected] .loading-placeholder, .wp-block-freeform.block-library-rich-text__tinymce .wpview[data-mce-selected] .wpview-error { - border-color: transparent; -} -.wp-block-freeform.block-library-rich-text__tinymce .wpview .dashicons { - display: block; - margin: 0 auto; - width: 32px; - height: 32px; - font-size: 32px; -} -.wp-block-freeform.block-library-rich-text__tinymce .wpview.wpview-type-gallery::after { - content: ""; - display: table; - clear: both; -} -.wp-block-freeform.block-library-rich-text__tinymce .gallery img[data-mce-selected]:focus { - outline: none; -} -.wp-block-freeform.block-library-rich-text__tinymce .gallery a { - cursor: default; -} -.wp-block-freeform.block-library-rich-text__tinymce .gallery { - margin: auto -6px; - padding: 6px 0; - line-height: 1; - overflow-x: hidden; -} -.wp-block-freeform.block-library-rich-text__tinymce .gallery .gallery-item { - float: left; - margin: 0; - text-align: center; - padding: 6px; - box-sizing: border-box; -} -.wp-block-freeform.block-library-rich-text__tinymce .gallery .gallery-caption, -.wp-block-freeform.block-library-rich-text__tinymce .gallery .gallery-icon { - margin: 0; -} -.wp-block-freeform.block-library-rich-text__tinymce .gallery .gallery-caption { - font-size: 13px; - margin: 4px 0; -} -.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-1 .gallery-item { - width: 100%; -} -.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-2 .gallery-item { - width: 50%; -} -.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-3 .gallery-item { - width: 33.3333333333%; -} -.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-4 .gallery-item { - width: 25%; -} -.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-5 .gallery-item { - width: 20%; -} -.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-6 .gallery-item { - width: 16.6666666667%; -} -.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-7 .gallery-item { - width: 14.2857142857%; -} -.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-8 .gallery-item { - width: 12.5%; -} -.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-9 .gallery-item { - width: 11.1111111111%; -} -.wp-block-freeform.block-library-rich-text__tinymce .gallery img { - max-width: 100%; - height: auto; - border: none; - padding: 0; -} - -div[data-type="core/freeform"]::before { - transition: border-color 0.1s linear, box-shadow 0.1s linear; - border: 1px solid #ddd; - outline: 1px solid transparent; -} -@media (prefers-reduced-motion: reduce) { - div[data-type="core/freeform"]::before { - transition-duration: 0s; - transition-delay: 0s; +@media (prefers-reduced-motion:reduce){ + div[data-type="core/freeform"]:before{ + transition-delay:0s; + transition-duration:0s; } } -div[data-type="core/freeform"].is-selected::before { - border-color: #1e1e1e; +div[data-type="core/freeform"].is-selected:before{ + border-color:#1e1e1e; } -div[data-type="core/freeform"] .block-editor-block-contextual-toolbar + div { - margin-top: 0; - padding-top: 0; +div[data-type="core/freeform"] .block-editor-block-contextual-toolbar+div{ + margin-top:0; + padding-top:0; } -div[data-type="core/freeform"].is-selected .block-library-rich-text__tinymce::after { - content: ""; - display: table; - clear: both; +div[data-type="core/freeform"].is-selected .block-library-rich-text__tinymce:after{ + clear:both; + content:""; + display:table; } -.mce-toolbar-grp .mce-btn.mce-active button, -.mce-toolbar-grp .mce-btn.mce-active:hover button, -.mce-toolbar-grp .mce-btn.mce-active i, -.mce-toolbar-grp .mce-btn.mce-active:hover i { - color: #1e1e1e; +.mce-toolbar-grp .mce-btn.mce-active button,.mce-toolbar-grp .mce-btn.mce-active i,.mce-toolbar-grp .mce-btn.mce-active:hover button,.mce-toolbar-grp .mce-btn.mce-active:hover i{ + color:#1e1e1e; } -.mce-toolbar-grp .mce-rtl .mce-flow-layout-item.mce-last { - margin-right: 0; - margin-left: 8px; +.mce-toolbar-grp .mce-rtl .mce-flow-layout-item.mce-last{ + margin-left:8px; + margin-right:0; } -.mce-toolbar-grp .mce-btn i { - font-style: normal; +.mce-toolbar-grp .mce-btn i{ + font-style:normal; } -.block-library-classic__toolbar { - display: none; - width: auto; - margin: 0; - position: sticky; - z-index: 31; - top: 0; - border: 1px solid #ddd; - border-bottom: none; - border-radius: 2px; - margin-bottom: 8px; - padding: 0; +.block-library-classic__toolbar{ + border:1px solid #ddd; + border-bottom:none; + border-radius:2px; + display:none; + margin:0 0 8px; + padding:0; + position:sticky; + top:0; + width:auto; + z-index:31; } -div[data-type="core/freeform"].is-selected .block-library-classic__toolbar { - display: block; - border-color: #1e1e1e; +div[data-type="core/freeform"].is-selected .block-library-classic__toolbar{ + border-color:#1e1e1e; + display:block; } -.block-library-classic__toolbar .mce-tinymce { - box-shadow: none; +.block-library-classic__toolbar .mce-tinymce{ + box-shadow:none; } -@media (min-width: 600px) { - .block-library-classic__toolbar { - padding: 0; +@media (min-width:600px){ + .block-library-classic__toolbar{ + padding:0; } } -.block-library-classic__toolbar:empty { - display: block; - background: #f5f5f5; - border-bottom: 1px solid #e2e4e7; +.block-library-classic__toolbar:empty{ + background:#f5f5f5; + border-bottom:1px solid #e2e4e7; + display:block; } -.block-library-classic__toolbar:empty::before { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - font-size: 13px; - content: attr(data-placeholder); - color: #555d66; - line-height: 37px; - padding: 14px; +.block-library-classic__toolbar:empty:before{ + color:#555d66; + content:attr(data-placeholder); + font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; + font-size:13px; + line-height:37px; + padding:14px; } -.block-library-classic__toolbar div.mce-toolbar-grp { - border-bottom: 1px solid #1e1e1e; +.block-library-classic__toolbar div.mce-toolbar-grp{ + border-bottom:1px solid #1e1e1e; } -.block-library-classic__toolbar .mce-tinymce-inline, -.block-library-classic__toolbar .mce-tinymce-inline > div, -.block-library-classic__toolbar div.mce-toolbar-grp, -.block-library-classic__toolbar div.mce-toolbar-grp > div, -.block-library-classic__toolbar .mce-menubar, -.block-library-classic__toolbar .mce-menubar > div { - height: auto !important; - width: 100% !important; +.block-library-classic__toolbar .mce-menubar,.block-library-classic__toolbar .mce-menubar>div,.block-library-classic__toolbar .mce-tinymce-inline,.block-library-classic__toolbar .mce-tinymce-inline>div,.block-library-classic__toolbar div.mce-toolbar-grp,.block-library-classic__toolbar div.mce-toolbar-grp>div{ + height:auto !important; + width:100% !important; } -.block-library-classic__toolbar .mce-container-body.mce-abs-layout { - overflow: visible; +.block-library-classic__toolbar .mce-container-body.mce-abs-layout{ + overflow:visible; } -.block-library-classic__toolbar .mce-menubar, -.block-library-classic__toolbar div.mce-toolbar-grp { - position: static; +.block-library-classic__toolbar .mce-menubar,.block-library-classic__toolbar div.mce-toolbar-grp{ + position:static; } -.block-library-classic__toolbar .mce-toolbar-grp > div { - padding: 1px 3px; +.block-library-classic__toolbar .mce-toolbar-grp>div{ + padding:1px 3px; } -.block-library-classic__toolbar .mce-toolbar-grp .mce-toolbar:not(:first-child) { - display: none; -} -.block-library-classic__toolbar.has-advanced-toolbar .mce-toolbar-grp .mce-toolbar { - display: block; +.block-library-classic__toolbar .mce-toolbar-grp .mce-toolbar:not(:first-child){ + display:none; } -figure.wp-block-gallery { - display: block; +.block-library-classic__toolbar.has-advanced-toolbar .mce-toolbar-grp .mce-toolbar,figure.wp-block-gallery{ + display:block; } -figure.wp-block-gallery.has-nested-images .components-drop-zone { - display: none; - pointer-events: none; +figure.wp-block-gallery.has-nested-images .components-drop-zone{ + display:none; + pointer-events:none; } -figure.wp-block-gallery > .blocks-gallery-caption { - flex: 0 0 100%; +figure.wp-block-gallery>.blocks-gallery-caption{ + flex:0 0 100%; } -figure.wp-block-gallery > .blocks-gallery-media-placeholder-wrapper { - flex-basis: 100%; +figure.wp-block-gallery>.blocks-gallery-media-placeholder-wrapper{ + flex-basis:100%; } -figure.wp-block-gallery .wp-block-image .components-notice.is-error { - display: block; +figure.wp-block-gallery .wp-block-image .components-notice.is-error{ + display:block; } -figure.wp-block-gallery .wp-block-image .components-notice__content { - margin: 4px 0; +figure.wp-block-gallery .wp-block-image .components-notice__content{ + margin:4px 0; } -figure.wp-block-gallery .wp-block-image .components-notice__dismiss { - position: absolute; - top: 0; - right: 5px; +figure.wp-block-gallery .wp-block-image .components-notice__dismiss{ + position:absolute; + right:5px; + top:0; } -figure.wp-block-gallery .block-editor-media-placeholder.is-appender .components-placeholder__label { - display: none; +figure.wp-block-gallery .block-editor-media-placeholder.is-appender .components-placeholder__label{ + display:none; } -figure.wp-block-gallery .block-editor-media-placeholder.is-appender .block-editor-media-placeholder__button { - margin-bottom: 0; +figure.wp-block-gallery .block-editor-media-placeholder.is-appender .block-editor-media-placeholder__button{ + margin-bottom:0; } -figure.wp-block-gallery .block-editor-media-placeholder { - margin: 0; +figure.wp-block-gallery .block-editor-media-placeholder{ + margin:0; } -figure.wp-block-gallery .block-editor-media-placeholder .components-placeholder__label { - display: flex; +figure.wp-block-gallery .block-editor-media-placeholder .components-placeholder__label{ + display:flex; } -figure.wp-block-gallery .block-editor-media-placeholder figcaption { - z-index: 2; +figure.wp-block-gallery .block-editor-media-placeholder figcaption{ + z-index:2; } -figure.wp-block-gallery .components-spinner { - position: absolute; - top: 50%; - left: 50%; - margin-top: -9px; - margin-left: -9px; +figure.wp-block-gallery .components-spinner{ + left:50%; + margin-left:-9px; + margin-top:-9px; + position:absolute; + top:50%; +} +.gallery-settings-buttons .components-button:first-child{ + margin-right:8px; } -/** - * Gallery inspector controls settings. - */ -.gallery-settings-buttons .components-button:first-child { - margin-right: 8px; +.gallery-image-sizes .components-base-control__label{ + display:block; + margin-bottom:4px; +} +.gallery-image-sizes .gallery-image-sizes__loading{ + align-items:center; + color:#757575; + display:flex; + font-size:12px; +} +.gallery-image-sizes .components-spinner{ + margin:0 8px 0 4px; +} +.blocks-gallery-item figure:not(.is-selected):focus,.blocks-gallery-item img:focus{ + outline:none; +} +.blocks-gallery-item figure.is-selected:before{ + bottom:0; + box-shadow:0 0 0 1px #fff inset, 0 0 0 3px var(--wp-admin-theme-color) inset; + content:""; + left:0; + outline:2px solid transparent; + pointer-events:none; + position:absolute; + right:0; + top:0; + z-index:1; +} +.blocks-gallery-item figure.is-transient img{ + opacity:.3; +} +.blocks-gallery-item .is-selected .block-library-gallery-item__inline-menu{ + display:inline-flex; +} +.blocks-gallery-item .block-editor-media-placeholder{ + height:100%; + margin:0; +} +.blocks-gallery-item .block-editor-media-placeholder .components-placeholder__label{ + display:flex; } -.gallery-image-sizes .components-base-control__label { - display: block; - margin-bottom: 4px; +.block-library-gallery-item__inline-menu{ + background:#fff; + border:1px solid #1e1e1e; + border-radius:2px; + display:none; + margin:8px; + position:absolute; + top:-2px; + transition:box-shadow .2s ease-out; + z-index:20; } -.gallery-image-sizes .gallery-image-sizes__loading { - display: flex; - align-items: center; - color: #757575; - font-size: 12px; -} -.gallery-image-sizes .components-spinner { - margin: 0 8px 0 4px; -} - -/** - * Deprecated css past this point. This can be removed once all galleries are migrated - * to V2. - */ -.blocks-gallery-item figure:not(.is-selected):focus, -.blocks-gallery-item img:focus { - outline: none; -} -.blocks-gallery-item figure.is-selected::before { - box-shadow: 0 0 0 1px #fff inset, 0 0 0 3px var(--wp-admin-theme-color) inset; - content: ""; - outline: 2px solid transparent; - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - z-index: 1; - pointer-events: none; -} -.blocks-gallery-item figure.is-transient img { - opacity: 0.3; -} -.blocks-gallery-item .is-selected .block-library-gallery-item__inline-menu { - display: inline-flex; -} -.blocks-gallery-item .block-editor-media-placeholder { - margin: 0; - height: 100%; -} -.blocks-gallery-item .block-editor-media-placeholder .components-placeholder__label { - display: flex; -} - -.block-library-gallery-item__inline-menu { - display: none; - position: absolute; - top: -2px; - margin: 8px; - z-index: 20; - transition: box-shadow 0.2s ease-out; - border-radius: 2px; - background: #fff; - border: 1px solid #1e1e1e; -} -@media (prefers-reduced-motion: reduce) { - .block-library-gallery-item__inline-menu { - transition-duration: 0s; - transition-delay: 0s; +@media (prefers-reduced-motion:reduce){ + .block-library-gallery-item__inline-menu{ + transition-delay:0s; + transition-duration:0s; } } -.block-library-gallery-item__inline-menu:hover { - box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); +.block-library-gallery-item__inline-menu:hover{ + box-shadow:0 2px 6px rgba(0,0,0,.05); } -@media (min-width: 600px) { - .columns-7 .block-library-gallery-item__inline-menu, .columns-8 .block-library-gallery-item__inline-menu { - padding: 2px; +@media (min-width:600px){ + .columns-7 .block-library-gallery-item__inline-menu,.columns-8 .block-library-gallery-item__inline-menu{ + padding:2px; } } -.block-library-gallery-item__inline-menu .components-button.has-icon:not(:focus) { - border: none; - box-shadow: none; +.block-library-gallery-item__inline-menu .components-button.has-icon:not(:focus){ + border:none; + box-shadow:none; } -@media (min-width: 600px) { - .columns-7 .block-library-gallery-item__inline-menu .components-button.has-icon, .columns-8 .block-library-gallery-item__inline-menu .components-button.has-icon { - padding: 0; - width: inherit; - height: inherit; +@media (min-width:600px){ + .columns-7 .block-library-gallery-item__inline-menu .components-button.has-icon,.columns-8 .block-library-gallery-item__inline-menu .components-button.has-icon{ + height:inherit; + padding:0; + width:inherit; } } -.block-library-gallery-item__inline-menu.is-left { - left: -2px; +.block-library-gallery-item__inline-menu.is-left{ + left:-2px; } -.block-library-gallery-item__inline-menu.is-right { - right: -2px; +.block-library-gallery-item__inline-menu.is-right{ + right:-2px; } -.wp-block-gallery ul.blocks-gallery-grid { - padding: 0; - margin: 0; +.wp-block-gallery ul.blocks-gallery-grid{ + margin:0; + padding:0; } -@media (min-width: 600px) { - .wp-block-update-gallery-modal { - max-width: 480px; +@media (min-width:600px){ + .wp-block-update-gallery-modal{ + max-width:480px; } } -.wp-block-update-gallery-modal-buttons { - display: flex; - justify-content: flex-end; - gap: 12px; +.wp-block-update-gallery-modal-buttons{ + display:flex; + gap:12px; + justify-content:flex-end; +} +.wp-block-group .block-editor-block-list__insertion-point{ + left:0; + right:0; } -/** - * Group: All Alignment Settings - */ -.wp-block-group .block-editor-block-list__insertion-point { - left: 0; - right: 0; +[data-type="core/group"].is-selected .block-list-appender{ + margin-left:0; + margin-right:0; +} +[data-type="core/group"].is-selected .has-background .block-list-appender{ + margin-bottom:18px; + margin-top:18px; } -[data-type="core/group"].is-selected .block-list-appender { - margin-left: 0; - margin-right: 0; +.wp-block-group.is-layout-flex.block-editor-block-list__block>.block-list-appender:only-child{ + gap:inherit; + pointer-events:none; } -[data-type="core/group"].is-selected .has-background .block-list-appender { - margin-top: 18px; - margin-bottom: 18px; +.wp-block-group.is-layout-flex.block-editor-block-list__block>.block-list-appender:only-child,.wp-block-group.is-layout-flex.block-editor-block-list__block>.block-list-appender:only-child .block-editor-default-block-appender__content,.wp-block-group.is-layout-flex.block-editor-block-list__block>.block-list-appender:only-child .block-editor-inserter{ + display:inherit; + flex:1; + flex-direction:inherit; + width:100%; +} +.wp-block-group.is-layout-flex.block-editor-block-list__block>.block-list-appender:only-child:after{ + border:1px dashed; + border-radius:2px; + content:""; + display:flex; + flex:1 0 48px; + min-height:46px; + pointer-events:none; +} +.wp-block-group.is-layout-flex.block-editor-block-list__block>.block-list-appender:only-child .block-editor-inserter{ + pointer-events:all; } -.wp-block-group.is-layout-flex.block-editor-block-list__block > .block-list-appender:only-child { - gap: inherit; - pointer-events: none; +.block-library-html__edit .block-library-html__preview-overlay{ + height:100%; + left:0; + position:absolute; + top:0; + width:100%; } -.wp-block-group.is-layout-flex.block-editor-block-list__block > .block-list-appender:only-child, -.wp-block-group.is-layout-flex.block-editor-block-list__block > .block-list-appender:only-child .block-editor-default-block-appender__content, -.wp-block-group.is-layout-flex.block-editor-block-list__block > .block-list-appender:only-child .block-editor-inserter { - display: inherit; - width: 100%; - flex-direction: inherit; - flex: 1; +.block-library-html__edit .block-editor-plain-text{ + background:#fff !important; + border:1px solid #1e1e1e !important; + border-radius:2px !important; + box-shadow:none !important; + color:#1e1e1e !important; + font-family:Menlo,Consolas,monaco,monospace !important; + font-size:16px !important; + max-height:250px; + padding:12px !important; } -.wp-block-group.is-layout-flex.block-editor-block-list__block > .block-list-appender:only-child::after { - content: ""; - display: flex; - flex: 1 0 48px; - pointer-events: none; - min-height: 46px; - border: 1px dashed currentColor; - border-radius: 2px; -} -.wp-block-group.is-layout-flex.block-editor-block-list__block > .block-list-appender:only-child .block-editor-inserter { - pointer-events: all; -} - -.block-library-html__edit .block-library-html__preview-overlay { - position: absolute; - width: 100%; - height: 100%; - top: 0; - left: 0; -} -.block-library-html__edit .block-editor-plain-text { - font-family: Menlo, Consolas, monaco, monospace !important; - color: #1e1e1e !important; - background: #fff !important; - padding: 12px !important; - border: 1px solid #1e1e1e !important; - box-shadow: none !important; - border-radius: 2px !important; - max-height: 250px; - /* Fonts smaller than 16px causes mobile safari to zoom. */ - font-size: 16px !important; -} -@media (min-width: 600px) { - .block-library-html__edit .block-editor-plain-text { - font-size: 13px !important; +@media (min-width:600px){ + .block-library-html__edit .block-editor-plain-text{ + font-size:13px !important; } } -.block-library-html__edit .block-editor-plain-text:focus { - border-color: var(--wp-admin-theme-color) !important; - box-shadow: 0 0 0 1px var(--wp-admin-theme-color) !important; - outline: 2px solid transparent !important; +.block-library-html__edit .block-editor-plain-text:focus{ + border-color:var(--wp-admin-theme-color) !important; + box-shadow:0 0 0 1px var(--wp-admin-theme-color) !important; + outline:2px solid transparent !important; } -.wp-block-image.wp-block-image.is-selected .components-placeholder { - color: #1e1e1e; - background-color: #fff; - box-shadow: inset 0 0 0 1px #1e1e1e; - border: none; - filter: none; - border-radius: 2px; +.wp-block-image.wp-block-image.is-selected .components-placeholder{ + background-color:#fff; + border:none; + border-radius:2px; + box-shadow:inset 0 0 0 1px #1e1e1e; + color:#1e1e1e; + filter:none; } -.wp-block-image.wp-block-image.is-selected .components-placeholder > svg { - opacity: 0; +.wp-block-image.wp-block-image.is-selected .components-placeholder>svg{ + opacity:0; } -.wp-block-image.wp-block-image.is-selected .components-placeholder .components-placeholder__illustration { - display: none; +.wp-block-image.wp-block-image.is-selected .components-placeholder .components-placeholder__illustration{ + display:none; } -.wp-block-image.wp-block-image .components-placeholder__label, -.wp-block-image.wp-block-image .components-placeholder__instructions, -.wp-block-image.wp-block-image .components-button { - transition: none; +.wp-block-image.wp-block-image .components-button,.wp-block-image.wp-block-image .components-placeholder__instructions,.wp-block-image.wp-block-image .components-placeholder__label{ + transition:none; } -figure.wp-block-image:not(.wp-block) { - margin: 0; +figure.wp-block-image:not(.wp-block){ + margin:0; } -.wp-block-image { - position: relative; +.wp-block-image{ + position:relative; } -.wp-block-image .is-applying img, .wp-block-image.is-transient img { - opacity: 0.3; +.wp-block-image .is-applying img,.wp-block-image.is-transient img{ + opacity:.3; } -.wp-block-image figcaption img { - display: inline; +.wp-block-image figcaption img{ + display:inline; } -.wp-block-image .components-spinner { - position: absolute; - top: 50%; - left: 50%; - transform: translate(-50%, -50%); +.wp-block-image .components-spinner{ + left:50%; + position:absolute; + top:50%; + transform:translate(-50%, -50%); } -.wp-block-image .components-resizable-box__container { - display: inline-block; +.wp-block-image .components-resizable-box__container{ + display:inline-block; } -.wp-block-image .components-resizable-box__container img { - display: block; - width: inherit; - height: inherit; +.wp-block-image .components-resizable-box__container img{ + display:block; + height:inherit; + width:inherit; } -.block-editor-block-list__block[data-type="core/image"] .block-editor-block-toolbar .block-editor-url-input__button-modal { - position: absolute; - left: 0; - right: 0; - margin: -1px 0; +.block-editor-block-list__block[data-type="core/image"] .block-editor-block-toolbar .block-editor-url-input__button-modal{ + left:0; + margin:-1px 0; + position:absolute; + right:0; } -@media (min-width: 600px) { - .block-editor-block-list__block[data-type="core/image"] .block-editor-block-toolbar .block-editor-url-input__button-modal { - margin: -1px; +@media (min-width:600px){ + .block-editor-block-list__block[data-type="core/image"] .block-editor-block-toolbar .block-editor-url-input__button-modal{ + margin:-1px; } } -[data-align=wide] > .wp-block-image img, -[data-align=full] > .wp-block-image img { - height: auto; - width: 100%; +[data-align=full]>.wp-block-image img,[data-align=wide]>.wp-block-image img{ + height:auto; + width:100%; } -.wp-block[data-align=left] > .wp-block-image, -.wp-block[data-align=center] > .wp-block-image, -.wp-block[data-align=right] > .wp-block-image { - display: table; +.wp-block[data-align=center]>.wp-block-image,.wp-block[data-align=left]>.wp-block-image,.wp-block[data-align=right]>.wp-block-image{ + display:table; } -.wp-block[data-align=left] > .wp-block-image > figcaption, -.wp-block[data-align=center] > .wp-block-image > figcaption, -.wp-block[data-align=right] > .wp-block-image > figcaption { - display: table-caption; - caption-side: bottom; +.wp-block[data-align=center]>.wp-block-image>figcaption,.wp-block[data-align=left]>.wp-block-image>figcaption,.wp-block[data-align=right]>.wp-block-image>figcaption{ + caption-side:bottom; + display:table-caption; } -.wp-block[data-align=left] > .wp-block-image { - margin-right: 1em; - margin-left: 0; - margin-top: 0.5em; - margin-bottom: 0.5em; +.wp-block[data-align=left]>.wp-block-image{ + margin:.5em 1em .5em 0; } -.wp-block[data-align=right] > .wp-block-image { - margin-left: 1em; - margin-right: 0; - margin-top: 0.5em; - margin-bottom: 0.5em; +.wp-block[data-align=right]>.wp-block-image{ + margin:.5em 0 .5em 1em; } -.wp-block[data-align=center] > .wp-block-image { - margin-left: auto; - margin-right: auto; - text-align: center; +.wp-block[data-align=center]>.wp-block-image{ + margin-left:auto; + margin-right:auto; + text-align:center; } -.wp-block-image__crop-area { - position: relative; - max-width: 100%; - width: 100%; - overflow: hidden; +.wp-block-image__crop-area{ + max-width:100%; + overflow:hidden; + position:relative; + width:100%; } -.wp-block-image__crop-area .reactEasyCrop_Container .reactEasyCrop_Image { - border: none; +.wp-block-image__crop-area .reactEasyCrop_Container .reactEasyCrop_Image{ + border:none; } -.wp-block-image__crop-icon { - padding: 0 8px; - min-width: 48px; - display: flex; - justify-content: center; - align-items: center; +.wp-block-image__crop-icon{ + align-items:center; + display:flex; + justify-content:center; + min-width:48px; + padding:0 8px; } -.wp-block-image__crop-icon svg { - fill: currentColor; +.wp-block-image__crop-icon svg{ + fill:currentColor; } -.wp-block-image__zoom .components-popover__content { - min-width: 260px; - overflow: visible !important; +.wp-block-image__zoom .components-popover__content{ + min-width:260px; + overflow:visible !important; } -.wp-block-image__zoom .components-range-control { - flex: 1; +.wp-block-image__zoom .components-range-control{ + flex:1; } -.wp-block-image__zoom .components-base-control__field { - display: flex; - margin-bottom: 0; - flex-direction: column; - align-items: flex-start; +.wp-block-image__zoom .components-base-control__field{ + align-items:flex-start; + display:flex; + flex-direction:column; + margin-bottom:0; } -.wp-block-image__aspect-ratio { - height: 46px; - margin-bottom: -8px; - display: flex; - align-items: center; +.wp-block-image__aspect-ratio{ + align-items:center; + display:flex; + height:46px; + margin-bottom:-8px; } -.wp-block-image__aspect-ratio .components-button { - width: 36px; - padding-left: 0; - padding-right: 0; +.wp-block-image__aspect-ratio .components-button{ + padding-left:0; + padding-right:0; + width:36px; } -.wp-block-latest-posts { - padding-left: 2.5em; +.wp-block-latest-posts{ + padding-left:2.5em; } -.wp-block-latest-posts.is-grid { - padding-left: 0; +.wp-block-latest-posts.is-grid{ + padding-left:0; } -.wp-block-latest-posts > li { - overflow: hidden; +.wp-block-latest-posts>li{ + overflow:hidden; } -.wp-block-latest-posts li a > div { - display: inline; +.wp-block-latest-posts li a>div{ + display:inline; } -.edit-post-visual-editor .wp-block-latest-posts.is-grid li { - margin-bottom: 20px; +.edit-post-visual-editor .wp-block-latest-posts.is-grid li{ + margin-bottom:20px; } -.editor-latest-posts-image-alignment-control .components-base-control__label { - display: block; +.editor-latest-posts-image-alignment-control .components-base-control__label{ + display:block; } -.editor-latest-posts-image-alignment-control .components-toolbar { - border-radius: 2px; +.editor-latest-posts-image-alignment-control .components-toolbar{ + border-radius:2px; } -.wp-block-media-text__media { - position: relative; +.wp-block-media-text__media{ + position:relative; } -.wp-block-media-text__media.is-transient img { - opacity: 0.3; +.wp-block-media-text__media.is-transient img{ + opacity:.3; } -.wp-block-media-text__media .components-spinner { - position: absolute; - top: 50%; - left: 50%; - margin-top: -9px; - margin-left: -9px; +.wp-block-media-text__media .components-spinner{ + left:50%; + margin-left:-9px; + margin-top:-9px; + position:absolute; + top:50%; } -.wp-block-media-text .__resizable_base__ { - grid-column: 1/span 2; - grid-row: 2; +.wp-block-media-text .__resizable_base__{ + grid-column:1 / span 2; + grid-row:2; } -.wp-block-media-text .editor-media-container__resizer { - width: 100% !important; +.wp-block-media-text .editor-media-container__resizer{ + width:100% !important; } -.wp-block-media-text.is-image-fill .editor-media-container__resizer { - height: 100% !important; +.wp-block-media-text.is-image-fill .editor-media-container__resizer{ + height:100% !important; } -.wp-block-media-text > .block-editor-block-list__layout > .block-editor-block-list__block { - max-width: unset; +.wp-block-media-text>.block-editor-block-list__layout>.block-editor-block-list__block{ + max-width:unset; } -.block-editor-block-list__block[data-type="core/more"] { - max-width: 100%; - text-align: center; - margin-top: 28px; - margin-bottom: 28px; +.block-editor-block-list__block[data-type="core/more"]{ + margin-bottom:28px; + margin-top:28px; + max-width:100%; + text-align:center; } -.wp-block-more { - display: block; - text-align: center; - white-space: nowrap; +.wp-block-more{ + display:block; + text-align:center; + white-space:nowrap; } -.wp-block-more input[type=text] { - position: relative; - font-size: 13px; - text-transform: uppercase; - font-weight: 600; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - color: #757575; - border: none; - box-shadow: none; - white-space: nowrap; - text-align: center; - margin: 0; - border-radius: 4px; - background: #fff; - padding: 6px 8px; - height: 24px; - max-width: 100%; +.wp-block-more input[type=text]{ + background:#fff; + border:none; + border-radius:4px; + box-shadow:none; + color:#757575; + font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; + font-size:13px; + font-weight:600; + height:24px; + margin:0; + max-width:100%; + padding:6px 8px; + position:relative; + text-align:center; + text-transform:uppercase; + white-space:nowrap; } -.wp-block-more input[type=text]:focus { - box-shadow: none; +.wp-block-more input[type=text]:focus{ + box-shadow:none; } -.wp-block-more::before { - content: ""; - position: absolute; - top: calc(50%); - left: 0; - right: 0; - border-top: 3px dashed #ccc; +.wp-block-more:before{ + border-top:3px dashed #ccc; + content:""; + left:0; + position:absolute; + right:0; + top:50%; +} +.editor-styles-wrapper .wp-block-navigation ul{ + margin-bottom:0; + margin-left:0; + margin-top:0; + padding-left:0; +} +.editor-styles-wrapper .wp-block-navigation .wp-block-navigation-item.wp-block{ + margin:revert; } -/** - * Editor only CSS. - */ -.editor-styles-wrapper .wp-block-navigation ul { - margin-top: 0; - margin-bottom: 0; - margin-left: 0; - padding-left: 0; +.wp-block-navigation-item__label{ + display:inline; } -.editor-styles-wrapper .wp-block-navigation .wp-block-navigation-item.wp-block { - margin: revert; +.wp-block-navigation__container.is-parent-of-selected-block{ + opacity:1; + overflow:visible; + visibility:visible; } -.wp-block-navigation-item__label { - display: inline; +.wp-block-navigation-item,.wp-block-navigation__container{ + background-color:inherit; } -/** - * Submenus. - */ -.wp-block-navigation__container.is-parent-of-selected-block { - visibility: visible; - opacity: 1; - overflow: visible; +.wp-block-navigation:not(.is-selected):not(.has-child-selected) .has-child:hover>.wp-block-navigation__submenu-container{ + opacity:0; + visibility:hidden; } -.wp-block-navigation__container, -.wp-block-navigation-item { - background-color: inherit; +.has-child.has-child-selected>.wp-block-navigation__submenu-container,.has-child.is-selected>.wp-block-navigation__submenu-container{ + display:flex; + opacity:1; + visibility:visible; } -.wp-block-navigation:not(.is-selected):not(.has-child-selected) .has-child:hover > .wp-block-navigation__submenu-container { - opacity: 0; - visibility: hidden; +.is-dragging-components-draggable .has-child.is-dragging-within>.wp-block-navigation__submenu-container{ + opacity:1; + visibility:visible; } -.has-child.is-selected > .wp-block-navigation__submenu-container, .has-child.has-child-selected > .wp-block-navigation__submenu-container { - display: flex; - opacity: 1; - visibility: visible; +.is-editing>.wp-block-navigation__container{ + display:flex; + flex-direction:column; + opacity:1; + visibility:visible; } -.is-dragging-components-draggable .has-child.is-dragging-within > .wp-block-navigation__submenu-container { - opacity: 1; - visibility: visible; +.is-dragging-components-draggable .wp-block-navigation-link>.wp-block-navigation__container{ + opacity:1; + visibility:hidden; +} +.is-dragging-components-draggable .wp-block-navigation-link>.wp-block-navigation__container .block-editor-block-draggable-chip-wrapper{ + visibility:visible; } -.is-editing > .wp-block-navigation__container { - visibility: visible; - opacity: 1; - display: flex; - flex-direction: column; +.is-editing>.wp-block-navigation__submenu-container>.block-list-appender{ + display:block; + position:static; + width:100%; +} +.is-editing>.wp-block-navigation__submenu-container>.block-list-appender .block-editor-button-block-appender{ + background:#1e1e1e; + border-radius:2px; + color:#fff; + margin-left:auto; + margin-right:0; + padding:0; + width:24px; } -.is-dragging-components-draggable .wp-block-navigation-link > .wp-block-navigation__container { - opacity: 1; - visibility: hidden; +.wp-block-navigation__submenu-container .block-list-appender{ + display:none; } -.is-dragging-components-draggable .wp-block-navigation-link > .wp-block-navigation__container .block-editor-block-draggable-chip-wrapper { - visibility: visible; +.block-library-colors-selector{ + width:auto; +} +.block-library-colors-selector .block-library-colors-selector__toggle{ + display:block; + margin:0 auto; + padding:3px; + width:auto; +} +.block-library-colors-selector .block-library-colors-selector__icon-container{ + align-items:center; + border-radius:4px; + display:flex; + height:30px; + margin:0 auto; + padding:3px; + position:relative; +} +.block-library-colors-selector .block-library-colors-selector__state-selection{ + border-radius:11px; + box-shadow:inset 0 0 0 1px rgba(0,0,0,.2); + height:22px; + line-height:20px; + margin-left:auto; + margin-right:auto; + min-height:22px; + min-width:22px; + padding:2px; + width:22px; +} +.block-library-colors-selector .block-library-colors-selector__state-selection>svg{ + min-width:auto !important; +} +.block-library-colors-selector .block-library-colors-selector__state-selection.has-text-color>svg,.block-library-colors-selector .block-library-colors-selector__state-selection.has-text-color>svg path{ + color:inherit; } -.is-editing > .wp-block-navigation__submenu-container > .block-list-appender { - display: block; - position: static; - width: 100%; +.block-library-colors-selector__popover .color-palette-controller-container{ + padding:16px; } -.is-editing > .wp-block-navigation__submenu-container > .block-list-appender .block-editor-button-block-appender { - color: #fff; - background: #1e1e1e; - padding: 0; - width: 24px; - border-radius: 2px; - margin-right: 0; - margin-left: auto; +.block-library-colors-selector__popover .components-base-control__label{ + height:20px; + line-height:20px; +} +.block-library-colors-selector__popover .component-color-indicator{ + float:right; + margin-top:2px; +} +.block-library-colors-selector__popover .components-panel__body-title{ + display:none; } -.wp-block-navigation__submenu-container .block-list-appender { - display: none; +.wp-block-navigation .wp-block+.block-list-appender .block-editor-button-block-appender{ + background-color:#1e1e1e; + color:#fff; +} +.wp-block-navigation .wp-block+.block-list-appender .block-editor-button-block-appender.block-editor-button-block-appender.block-editor-button-block-appender{ + padding:0; } -/** - * Colors Selector component - */ -.block-library-colors-selector { - width: auto; +.wp-block-navigation .wp-block .wp-block .block-editor-button-block-appender{ + background-color:initial; + color:#1e1e1e; } -.block-library-colors-selector .block-library-colors-selector__toggle { - display: block; - margin: 0 auto; - padding: 3px; - width: auto; -} -.block-library-colors-selector .block-library-colors-selector__icon-container { - height: 30px; - position: relative; - margin: 0 auto; - padding: 3px; - display: flex; - align-items: center; - border-radius: 4px; -} -.block-library-colors-selector .block-library-colors-selector__state-selection { - margin-left: auto; - margin-right: auto; - border-radius: 11px; - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2); - width: 22px; - min-width: 22px; - height: 22px; - min-height: 22px; - line-height: 20px; - padding: 2px; -} -.block-library-colors-selector .block-library-colors-selector__state-selection > svg { - min-width: auto !important; -} -.block-library-colors-selector .block-library-colors-selector__state-selection.has-text-color > svg, -.block-library-colors-selector .block-library-colors-selector__state-selection.has-text-color > svg path { - color: inherit; -} - -.block-library-colors-selector__popover .color-palette-controller-container { - padding: 16px; -} -.block-library-colors-selector__popover .components-base-control__label { - height: 20px; - line-height: 20px; -} -.block-library-colors-selector__popover .component-color-indicator { - float: right; - margin-top: 2px; -} -.block-library-colors-selector__popover .components-panel__body-title { - display: none; -} - -.wp-block-navigation .wp-block + .block-list-appender .block-editor-button-block-appender { - background-color: #1e1e1e; - color: #fff; -} -.wp-block-navigation .wp-block + .block-list-appender .block-editor-button-block-appender.block-editor-button-block-appender.block-editor-button-block-appender { - padding: 0; -} - -.wp-block-navigation .wp-block .wp-block .block-editor-button-block-appender { - background-color: transparent; - color: #1e1e1e; -} - -/** - * Setup state - */ -@keyframes loadingpulse { - 0% { - opacity: 1; +@keyframes loadingpulse{ + 0%{ + opacity:1; } - 50% { - opacity: 0.5; + 50%{ + opacity:.5; } - 100% { - opacity: 1; + to{ + opacity:1; } } -.components-placeholder.wp-block-navigation-placeholder { - outline: none; - padding: 0; - box-shadow: none; - background: none; - min-height: 0; - color: inherit; +.components-placeholder.wp-block-navigation-placeholder{ + background:none; + box-shadow:none; + color:inherit; + min-height:0; + outline:none; + padding:0; } -.components-placeholder.wp-block-navigation-placeholder .components-placeholder__fieldset { - font-size: inherit; +.components-placeholder.wp-block-navigation-placeholder .components-placeholder__fieldset{ + font-size:inherit; } -.components-placeholder.wp-block-navigation-placeholder .components-placeholder__fieldset .components-button { - margin-bottom: 0; +.components-placeholder.wp-block-navigation-placeholder .components-placeholder__fieldset .components-button{ + margin-bottom:0; } -.wp-block-navigation.is-selected .components-placeholder.wp-block-navigation-placeholder { - color: #1e1e1e; +.wp-block-navigation.is-selected .components-placeholder.wp-block-navigation-placeholder{ + color:#1e1e1e; } -.wp-block-navigation-placeholder .components-spinner { - margin-top: 0; +.wp-block-navigation-placeholder .components-spinner{ + margin-top:0; } -.wp-block-navigation-placeholder__preview { - display: flex; - align-items: center; - min-width: 96px; - font-size: 13px; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - color: currentColor; - background: transparent; +.wp-block-navigation-placeholder__preview{ + align-items:center; + background:transparent; + color:currentColor; + display:flex; + font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; + font-size:13px; + min-width:96px; } -.wp-block-navigation.is-selected .wp-block-navigation-placeholder__preview { - display: none; +.wp-block-navigation.is-selected .wp-block-navigation-placeholder__preview{ + display:none; } -.wp-block-navigation-placeholder__preview::before { - content: ""; - display: block; - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - pointer-events: none; - border: 1px dashed currentColor; - border-radius: 2px; - border-radius: inherit; +.wp-block-navigation-placeholder__preview:before{ + border:1px dashed; + border-radius:2px; + border-radius:inherit; + bottom:0; + content:""; + display:block; + left:0; + pointer-events:none; + position:absolute; + right:0; + top:0; } -.wp-block-navigation-placeholder__preview > svg { - fill: currentColor; +.wp-block-navigation-placeholder__preview>svg{ + fill:currentColor; } -.wp-block-navigation.is-vertical .is-small .components-placeholder__fieldset, -.wp-block-navigation.is-vertical .is-medium .components-placeholder__fieldset { - min-height: 90px; +.wp-block-navigation.is-vertical .is-medium .components-placeholder__fieldset,.wp-block-navigation.is-vertical .is-small .components-placeholder__fieldset{ + min-height:90px; } -.wp-block-navigation.is-vertical .is-large .components-placeholder__fieldset { - min-height: 132px; +.wp-block-navigation.is-vertical .is-large .components-placeholder__fieldset{ + min-height:132px; } -.wp-block-navigation-placeholder__preview, -.wp-block-navigation-placeholder__controls { - padding: 6px 8px; - flex-direction: row; - align-items: flex-start; +.wp-block-navigation-placeholder__controls,.wp-block-navigation-placeholder__preview{ + align-items:flex-start; + flex-direction:row; + padding:6px 8px; } -.wp-block-navigation-placeholder__controls { - border-radius: 2px; - background-color: #fff; - box-shadow: inset 0 0 0 1px #1e1e1e; - display: none; - position: relative; - z-index: 1; - float: left; - width: 100%; +.wp-block-navigation-placeholder__controls{ + background-color:#fff; + border-radius:2px; + box-shadow:inset 0 0 0 1px #1e1e1e; + display:none; + float:left; + position:relative; + width:100%; + z-index:1; } -.wp-block-navigation.is-selected .wp-block-navigation-placeholder__controls { - display: flex; +.wp-block-navigation.is-selected .wp-block-navigation-placeholder__controls{ + display:flex; } -.is-small .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions__indicator, -.is-small .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions__indicator + hr, .is-medium .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions__indicator, -.is-medium .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions__indicator + hr { - display: none; +.is-medium .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions__indicator,.is-medium .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions__indicator+hr,.is-small .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions__indicator,.is-small .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions__indicator+hr{ + display:none; } -.is-small .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions, .wp-block-navigation.is-vertical .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions { - flex-direction: column; - align-items: flex-start; +.is-small .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions,.wp-block-navigation.is-vertical .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions{ + align-items:flex-start; + flex-direction:column; } -.is-small .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions hr, .wp-block-navigation.is-vertical .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions hr { - display: none; +.is-small .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions hr,.wp-block-navigation.is-vertical .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions hr{ + display:none; } -.wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__icon { - margin-right: 12px; - height: 36px; +.wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__icon{ + height:36px; + margin-right:12px; } -.wp-block-navigation-placeholder__actions__indicator { - display: flex; - padding: 0 6px 0 0; - align-items: center; - justify-content: flex-start; - line-height: 0; - height: 36px; - margin-left: 4px; +.wp-block-navigation-placeholder__actions__indicator{ + align-items:center; + display:flex; + height:36px; + justify-content:flex-start; + line-height:0; + margin-left:4px; + padding:0 6px 0 0; } -.wp-block-navigation-placeholder__actions__indicator svg { - margin-right: 4px; - fill: currentColor; +.wp-block-navigation-placeholder__actions__indicator svg{ + fill:currentColor; + margin-right:4px; } -.wp-block-navigation .components-placeholder.is-medium .components-placeholder__fieldset { - flex-direction: row !important; +.wp-block-navigation .components-placeholder.is-medium .components-placeholder__fieldset{ + flex-direction:row !important; } -.wp-block-navigation-placeholder__actions { - display: flex; - font-size: 13px; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - gap: 6px; - align-items: center; - height: 100%; +.wp-block-navigation-placeholder__actions{ + align-items:center; + display:flex; + font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; + font-size:13px; + gap:6px; + height:100%; } -.wp-block-navigation-placeholder__actions .components-dropdown, -.wp-block-navigation-placeholder__actions > .components-button { - margin-right: 0; +.wp-block-navigation-placeholder__actions .components-dropdown,.wp-block-navigation-placeholder__actions>.components-button{ + margin-right:0; } -.wp-block-navigation-placeholder__actions.wp-block-navigation-placeholder__actions hr { - border: 0; - min-height: 1px; - min-width: 1px; - background-color: #1e1e1e; - margin: auto 0; - height: 100%; - max-height: 16px; +.wp-block-navigation-placeholder__actions.wp-block-navigation-placeholder__actions hr{ + background-color:#1e1e1e; + border:0; + height:100%; + margin:auto 0; + max-height:16px; + min-height:1px; + min-width:1px; } - -/** - * Mobile menu. - */ -@media (min-width: 600px) { - .wp-block-navigation__responsive-container:not(.is-menu-open) .components-button.wp-block-navigation__responsive-container-close { - display: none; +@media (min-width:600px){ + .wp-block-navigation__responsive-container:not(.is-menu-open) .components-button.wp-block-navigation__responsive-container-close{ + display:none; } } -.wp-block-navigation__responsive-container.is-menu-open { - position: fixed; - top: 155px; +.wp-block-navigation__responsive-container.is-menu-open{ + position:fixed; + top:155px; } -@media (min-width: 782px) { - .wp-block-navigation__responsive-container.is-menu-open { - top: 93px; +@media (min-width:782px){ + .wp-block-navigation__responsive-container.is-menu-open{ + left:36px; + top:93px; } } -@media (min-width: 782px) { - .wp-block-navigation__responsive-container.is-menu-open { - left: 36px; - } -} -@media (min-width: 960px) { - .wp-block-navigation__responsive-container.is-menu-open { - left: 160px; +@media (min-width:960px){ + .wp-block-navigation__responsive-container.is-menu-open{ + left:160px; } } -@media (min-width: 782px) { - .has-fixed-toolbar .wp-block-navigation__responsive-container.is-menu-open { - top: 141px; +@media (min-width:782px){ + .has-fixed-toolbar .wp-block-navigation__responsive-container.is-menu-open{ + top:141px; } } -.is-mobile-preview .wp-block-navigation__responsive-container.is-menu-open, -.is-tablet-preview .wp-block-navigation__responsive-container.is-menu-open { - top: 141px; +.is-mobile-preview .wp-block-navigation__responsive-container.is-menu-open,.is-tablet-preview .wp-block-navigation__responsive-container.is-menu-open{ + top:141px; } -.is-sidebar-opened .wp-block-navigation__responsive-container.is-menu-open { - right: 280px; +.is-sidebar-opened .wp-block-navigation__responsive-container.is-menu-open{ + right:280px; } -.is-fullscreen-mode .wp-block-navigation__responsive-container.is-menu-open { - left: 0; - top: 155px; +.is-fullscreen-mode .wp-block-navigation__responsive-container.is-menu-open{ + left:0; + top:155px; } -@media (min-width: 782px) { - .is-fullscreen-mode .wp-block-navigation__responsive-container.is-menu-open { - top: 61px; +@media (min-width:782px){ + .is-fullscreen-mode .wp-block-navigation__responsive-container.is-menu-open{ + top:61px; + } + .is-fullscreen-mode .has-fixed-toolbar .wp-block-navigation__responsive-container.is-menu-open{ + top:109px; } } -@media (min-width: 782px) { - .is-fullscreen-mode .has-fixed-toolbar .wp-block-navigation__responsive-container.is-menu-open { - top: 109px; +.is-fullscreen-mode .is-mobile-preview .wp-block-navigation__responsive-container.is-menu-open,.is-fullscreen-mode .is-tablet-preview .wp-block-navigation__responsive-container.is-menu-open{ + top:109px; +} + +body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-open{ + bottom:0; + left:0; + right:0; + top:0; +} + +@media (min-width:600px){ + .wp-block-navigation__responsive-close,.wp-block-navigation__responsive-container{ + pointer-events:none; + } + .wp-block-navigation__responsive-close .block-editor-block-list__layout *,.wp-block-navigation__responsive-close .wp-block-navigation__responsive-container-close,.wp-block-navigation__responsive-container .block-editor-block-list__layout *,.wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-close{ + pointer-events:all; } } -.is-fullscreen-mode .is-mobile-preview .wp-block-navigation__responsive-container.is-menu-open, -.is-fullscreen-mode .is-tablet-preview .wp-block-navigation__responsive-container.is-menu-open { - top: 109px; +.wp-block-navigation__responsive-close .wp-block-pages-list__item__link,.wp-block-navigation__responsive-container .wp-block-pages-list__item__link{ + pointer-events:none; } -body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-open { - top: 0; - right: 0; - bottom: 0; - left: 0; +.components-button.wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close,.components-button.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open{ + color:inherit; + height:auto; + padding:0; } -@media (min-width: 600px) { - .wp-block-navigation__responsive-container, -.wp-block-navigation__responsive-close { - pointer-events: none; +.is-menu-open .wp-block-navigation__responsive-container-content * .block-list-appender{ + margin-top:16px; +} + +@keyframes fadein{ + 0%{ + opacity:0; } - .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-close, -.wp-block-navigation__responsive-container .block-editor-block-list__layout *, -.wp-block-navigation__responsive-close .wp-block-navigation__responsive-container-close, -.wp-block-navigation__responsive-close .block-editor-block-list__layout * { - pointer-events: all; + to{ + opacity:1; } } -.wp-block-navigation__responsive-container .wp-block-pages-list__item__link, -.wp-block-navigation__responsive-close .wp-block-pages-list__item__link { - pointer-events: none; +.wp-block-navigation .components-spinner{ + padding:8px 12px; } -.components-button.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open, -.components-button.wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close { - padding: 0; - height: auto; - color: inherit; -} - -.is-menu-open .wp-block-navigation__responsive-container-content * .block-list-appender { - margin-top: 16px; -} - -@keyframes fadein { - 0% { - opacity: 0; +@keyframes fadeouthalf{ + 0%{ + opacity:1; } - 100% { - opacity: 1; + to{ + opacity:.5; } } -.wp-block-navigation .components-spinner { - padding: 8px 12px; +.wp-block-navigation-delete-menu-button{ + justify-content:center; + margin-bottom:16px; + width:100%; } -@keyframes fadeouthalf { - 0% { - opacity: 1; +.wp-block-navigation__overlay-menu-preview{ + align-items:center; + background-color:#f0f0f0; + display:flex; + height:64px; + justify-content:space-between; + margin-bottom:12px; + padding:0 24px; + width:100%; +} +.wp-block-navigation__overlay-menu-preview.open{ + background-color:#fff; + box-shadow:inset 0 0 0 1px #e0e0e0; + outline:1px solid transparent; +} + +.wp-block-navigation-placeholder__actions hr+hr,.wp-block-navigation__toolbar-menu-selector.components-toolbar-group:empty{ + display:none; +} +.wp-block-navigation__navigation-selector{ + margin-bottom:16px; + width:100%; +} + +.wp-block-navigation__navigation-selector-button{ + border:1px solid; + justify-content:space-between; + width:100%; +} + +.wp-block-navigation__navigation-selector-button--createnew{ + border:1px solid; + margin-bottom:16px; + width:100%; +} +.wp-block-navigation .has-child{ + cursor:pointer; +} +.wp-block-navigation .has-child .wp-block-navigation__submenu-container{ + z-index:28; +} +.wp-block-navigation .has-child:hover .wp-block-navigation__submenu-container{ + z-index:29; +} +.wp-block-navigation .has-child.has-child-selected>.wp-block-navigation__submenu-container,.wp-block-navigation .has-child.is-selected>.wp-block-navigation__submenu-container{ + height:auto !important; + min-width:200px !important; + opacity:1 !important; + overflow:visible !important; + visibility:visible !important; + width:auto !important; +} +.wp-block-navigation-item .wp-block-navigation-item__content{ + cursor:text; +} +.wp-block-navigation-item.is-editing,.wp-block-navigation-item.is-selected{ + min-width:20px; +} +.wp-block-navigation-item .block-list-appender{ + margin:16px auto 16px 16px; +} + +.wp-block-navigation-link__invalid-item{ + color:#000; +} + +.wp-block-navigation-link__missing_text-tooltip{ + height:1px; + margin:-1px; + overflow:hidden; + padding:0; + position:absolute; + width:1px; +} +.wp-block-navigation-link__placeholder{ + background-image:none !important; + box-shadow:none !important; + position:relative; + text-decoration:none !important; +} +.wp-block-navigation-link__placeholder .wp-block-navigation-link__placeholder-text span{ + --wp-underline-color:var(--wp-admin-theme-color); + background-image:linear-gradient(45deg, transparent 20%, var(--wp-underline-color) 30%, var(--wp-underline-color) 36%, transparent 46%), linear-gradient(135deg, transparent 54%, var(--wp-underline-color) 64%, var(--wp-underline-color) 70%, transparent 80%); + background-position:0 100%; + background-repeat:repeat-x; + background-size:6px 3px; + padding-bottom:.1em; +} +.is-dark-theme .wp-block-navigation-link__placeholder .wp-block-navigation-link__placeholder-text span{ + --wp-underline-color:#fff; +} +.wp-block-navigation-link__placeholder.wp-block-navigation-item__content{ + cursor:pointer; +} +.link-control-transform{ + border-top:1px solid #ccc; + padding:0 16px 8px; +} + +.link-control-transform__subheading{ + color:#1e1e1e; + font-size:11px; + font-weight:500; + margin-bottom:1.5em; + text-transform:uppercase; +} + +.link-control-transform__items{ + display:flex; + justify-content:space-between; +} + +.link-control-transform__item{ + flex-basis:33%; + flex-direction:column; + gap:8px; + height:auto; +} + +.wp-block-navigation-submenu{ + display:block; +} +.wp-block-navigation-submenu .wp-block-navigation__submenu-container{ + z-index:28; +} +.wp-block-navigation-submenu.has-child-selected>.wp-block-navigation__submenu-container,.wp-block-navigation-submenu.is-selected>.wp-block-navigation__submenu-container{ + height:auto !important; + left:-1px; + min-width:200px !important; + opacity:1 !important; + position:absolute; + top:100%; + visibility:visible !important; + width:auto !important; +} +@media (min-width:782px){ + .wp-block-navigation-submenu.has-child-selected>.wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,.wp-block-navigation-submenu.is-selected>.wp-block-navigation__submenu-container .wp-block-navigation__submenu-container{ + left:100%; + top:-1px; } - 100% { - opacity: 0.5; - } -} -.wp-block-navigation-delete-menu-button { - width: 100%; - justify-content: center; - margin-bottom: 16px; -} - -.wp-block-navigation__overlay-menu-preview { - display: flex; - align-items: center; - justify-content: space-between; - width: 100%; - background-color: #f0f0f0; - padding: 0 24px; - height: 64px; - margin-bottom: 12px; -} -.wp-block-navigation__overlay-menu-preview.open { - box-shadow: inset 0 0 0 1px #e0e0e0; - outline: 1px solid transparent; - background-color: #fff; -} - -.wp-block-navigation__toolbar-menu-selector.components-toolbar-group:empty { - display: none; -} - -.wp-block-navigation-placeholder__actions hr + hr { - display: none; -} - -/** - * Navigation selector styles - */ -.wp-block-navigation__navigation-selector { - margin-bottom: 16px; - width: 100%; -} - -.wp-block-navigation__navigation-selector-button { - border: 1px solid; - justify-content: space-between; - width: 100%; -} - -.wp-block-navigation__navigation-selector-button--createnew { - border: 1px solid; - margin-bottom: 16px; - width: 100%; -} - -/** - * Submenus. - */ -.wp-block-navigation .has-child { - cursor: pointer; -} -.wp-block-navigation .has-child .wp-block-navigation__submenu-container { - z-index: 28; -} -.wp-block-navigation .has-child:hover .wp-block-navigation__submenu-container { - z-index: 29; -} -.wp-block-navigation .has-child.is-selected > .wp-block-navigation__submenu-container, .wp-block-navigation .has-child.has-child-selected > .wp-block-navigation__submenu-container { - visibility: visible !important; - opacity: 1 !important; - min-width: 200px !important; - height: auto !important; - width: auto !important; - overflow: visible !important; -} - -/** - * Navigation Items. - */ -.wp-block-navigation-item .wp-block-navigation-item__content { - cursor: text; -} -.wp-block-navigation-item.is-editing, .wp-block-navigation-item.is-selected { - min-width: 20px; -} -.wp-block-navigation-item .block-list-appender { - margin-top: 16px; - margin-right: auto; - margin-bottom: 16px; - margin-left: 16px; -} - -.wp-block-navigation-link__invalid-item { - color: #000; -} - -.wp-block-navigation-link__missing_text-tooltip { - position: absolute; - width: 1px; - height: 1px; - padding: 0; - margin: -1px; - overflow: hidden; -} - -/** - * Menu item setup state. Is shown when a menu item has no URL configured. - */ -.wp-block-navigation-link__placeholder { - position: relative; - text-decoration: none !important; - box-shadow: none !important; - background-image: none !important; -} -.wp-block-navigation-link__placeholder .wp-block-navigation-link__placeholder-text span { - --wp-underline-color: var(--wp-admin-theme-color); - background-image: linear-gradient(45deg, transparent 20%, var(--wp-underline-color) 30%, var(--wp-underline-color) 36%, transparent 46%), linear-gradient(135deg, transparent 54%, var(--wp-underline-color) 64%, var(--wp-underline-color) 70%, transparent 80%); - background-position: 0 100%; - background-size: 6px 3px; - background-repeat: repeat-x; - padding-bottom: 0.1em; -} -.is-dark-theme .wp-block-navigation-link__placeholder .wp-block-navigation-link__placeholder-text span { - --wp-underline-color: #fff; -} -.wp-block-navigation-link__placeholder.wp-block-navigation-item__content { - cursor: pointer; -} - -/** -* Link Control Transforms -*/ -.link-control-transform { - border-top: 1px solid #ccc; - padding: 0 16px 8px 16px; -} - -.link-control-transform__subheading { - font-size: 11px; - text-transform: uppercase; - font-weight: 500; - color: #1e1e1e; - margin-bottom: 1.5em; -} - -.link-control-transform__items { - display: flex; - justify-content: space-between; -} - -.link-control-transform__item { - flex-basis: 33%; - flex-direction: column; - gap: 8px; - height: auto; -} - -.wp-block-navigation-submenu { - display: block; -} -.wp-block-navigation-submenu .wp-block-navigation__submenu-container { - z-index: 28; -} -.wp-block-navigation-submenu.is-selected > .wp-block-navigation__submenu-container, .wp-block-navigation-submenu.has-child-selected > .wp-block-navigation__submenu-container { - visibility: visible !important; - opacity: 1 !important; - min-width: 200px !important; - height: auto !important; - width: auto !important; - position: absolute; - left: -1px; - top: 100%; -} -@media (min-width: 782px) { - .wp-block-navigation-submenu.is-selected > .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container, .wp-block-navigation-submenu.has-child-selected > .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container { - left: 100%; - top: -1px; - } - .wp-block-navigation-submenu.is-selected > .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container::before, .wp-block-navigation-submenu.has-child-selected > .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container::before { - content: ""; - position: absolute; - right: 100%; - height: 100%; - display: block; - width: 0.5em; - background: transparent; + .wp-block-navigation-submenu.has-child-selected>.wp-block-navigation__submenu-container .wp-block-navigation__submenu-container:before,.wp-block-navigation-submenu.is-selected>.wp-block-navigation__submenu-container .wp-block-navigation__submenu-container:before{ + background:transparent; + content:""; + display:block; + height:100%; + position:absolute; + right:100%; + width:.5em; } } -.block-editor-block-list__block[data-type="core/nextpage"] { - max-width: 100%; - text-align: center; - margin-top: 28px; - margin-bottom: 28px; +.block-editor-block-list__block[data-type="core/nextpage"]{ + margin-bottom:28px; + margin-top:28px; + max-width:100%; + text-align:center; } -.wp-block-nextpage { - display: block; - text-align: center; - white-space: nowrap; +.wp-block-nextpage{ + display:block; + text-align:center; + white-space:nowrap; } -.wp-block-nextpage > span { - font-size: 13px; - position: relative; - text-transform: uppercase; - font-weight: 600; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - color: #757575; - border-radius: 4px; - background: #fff; - padding: 6px 8px; - height: 24px; +.wp-block-nextpage>span{ + background:#fff; + border-radius:4px; + color:#757575; + font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; + font-size:13px; + font-weight:600; + height:24px; + padding:6px 8px; + position:relative; + text-transform:uppercase; } -.wp-block-nextpage::before { - content: ""; - position: absolute; - top: calc(50%); - left: 0; - right: 0; - border-top: 3px dashed #ccc; +.wp-block-nextpage:before{ + border-top:3px dashed #ccc; + content:""; + left:0; + position:absolute; + right:0; + top:50%; } -.wp-block-navigation .wp-block-page-list > div, -.wp-block-navigation .wp-block-page-list { - background-color: inherit; +.wp-block-navigation .wp-block-page-list,.wp-block-navigation .wp-block-page-list>div{ + background-color:inherit; } -.wp-block-navigation.items-justified-space-between .wp-block-page-list > div, -.wp-block-navigation.items-justified-space-between .wp-block-page-list { - display: contents; - flex: 1; +.wp-block-navigation.items-justified-space-between .wp-block-page-list,.wp-block-navigation.items-justified-space-between .wp-block-page-list>div{ + display:contents; + flex:1; } -.wp-block-navigation.items-justified-space-between.has-child-selected .wp-block-page-list > div, .wp-block-navigation.items-justified-space-between.has-child-selected .wp-block-page-list, .wp-block-navigation.items-justified-space-between.is-selected .wp-block-page-list > div, .wp-block-navigation.items-justified-space-between.is-selected .wp-block-page-list { - flex: inherit; +.wp-block-navigation.items-justified-space-between.has-child-selected .wp-block-page-list,.wp-block-navigation.items-justified-space-between.has-child-selected .wp-block-page-list>div,.wp-block-navigation.items-justified-space-between.is-selected .wp-block-page-list,.wp-block-navigation.items-justified-space-between.is-selected .wp-block-page-list>div{ + flex:inherit; } -.wp-block-pages-list__item__link { - pointer-events: none; +.wp-block-pages-list__item__link{ + pointer-events:none; } -@media (min-width: 600px) { - .wp-block-page-list-modal { - max-width: 480px; +@media (min-width:600px){ + .wp-block-page-list-modal{ + max-width:480px; } } -.wp-block-page-list-modal-buttons { - display: flex; - justify-content: flex-end; - gap: 12px; +.wp-block-page-list-modal-buttons{ + display:flex; + gap:12px; + justify-content:flex-end; } -.wp-block-page-list .open-on-click:focus-within > .wp-block-navigation__submenu-container { - visibility: visible; - opacity: 1; - width: auto; - height: auto; - min-width: 200px; +.wp-block-page-list .open-on-click:focus-within>.wp-block-navigation__submenu-container{ + height:auto; + min-width:200px; + opacity:1; + visibility:visible; + width:auto; } -.wp-block-page-list .components-notice { - margin-left: 0; +.wp-block-page-list .components-notice{ + margin-left:0; } -.block-editor-block-list__block[data-type="core/paragraph"].has-drop-cap:focus { - min-height: auto !important; +.block-editor-block-list__block[data-type="core/paragraph"].has-drop-cap:focus{ + min-height:auto !important; } -.block-editor-block-list__block[data-empty=true] [data-rich-text-placeholder] { - opacity: 1; +.block-editor-block-list__block[data-empty=true] [data-rich-text-placeholder]{ + opacity:1; } -.block-editor-block-list__block[data-empty=true] + .block-editor-block-list__block[data-empty=true]:not([data-custom-placeholder=true]) [data-rich-text-placeholder] { - opacity: 0; +.block-editor-block-list__block[data-empty=true]+.block-editor-block-list__block[data-empty=true]:not([data-custom-placeholder=true]) [data-rich-text-placeholder]{ + opacity:0; } -.wp-block-post-excerpt .wp-block-post-excerpt__excerpt.is-inline { - display: inline-block; +.wp-block-post-excerpt .wp-block-post-excerpt__excerpt.is-inline{ + display:inline-block; } -.wp-block-pullquote.is-style-solid-color blockquote p { - font-size: 32px; +.wp-block-pullquote.is-style-solid-color blockquote p{ + font-size:32px; } -.wp-block-pullquote.is-style-solid-color .wp-block-pullquote__citation { - text-transform: none; - font-style: normal; +.wp-block-pullquote.is-style-solid-color .wp-block-pullquote__citation{ + font-style:normal; + text-transform:none; } -.wp-block-pullquote .wp-block-pullquote__citation { - color: inherit; +.wp-block-pullquote .wp-block-pullquote__citation{ + color:inherit; } -.wp-block-rss li a > div { - display: inline; +.wp-block-rss li a>div{ + display:inline; } -.wp-block-rss__placeholder-form { - display: flex; - align-items: stretch; +.wp-block-rss__placeholder-form{ + align-items:stretch; + display:flex; } -.wp-block-rss__placeholder-form > * { - margin-bottom: 8px; +.wp-block-rss__placeholder-form>*{ + margin-bottom:8px; } -@media (min-width: 782px) { - .wp-block-rss__placeholder-form > * { - margin-bottom: 0; +@media (min-width:782px){ + .wp-block-rss__placeholder-form>*{ + margin-bottom:0; } } -.wp-block-rss__placeholder-input { - display: flex; - align-items: stretch; - flex-grow: 1; +.wp-block-rss__placeholder-input{ + align-items:stretch; + display:flex; + flex-grow:1; } -.wp-block-rss__placeholder-input .components-base-control__field { - margin: 0; - display: flex; - align-items: stretch; - flex-grow: 1; - margin-right: 8px; +.wp-block-rss__placeholder-input .components-base-control__field{ + align-items:stretch; + display:flex; + flex-grow:1; + margin:0 8px 0 0; } -.wp-block[data-align=center] .wp-block-search .wp-block-search__inside-wrapper { - margin: auto; +.wp-block[data-align=center] .wp-block-search .wp-block-search__inside-wrapper{ + margin:auto; } -.wp-block-search .wp-block-search__button { - height: auto; - border-radius: initial; - display: flex; - align-items: center; +.wp-block-search .wp-block-search__button{ + align-items:center; + border-radius:initial; + display:flex; + height:auto; } -.wp-block-search__components-button-group { - margin-top: 10px; +.wp-block-search__components-button-group{ + margin-top:10px; } -.block-editor-block-list__block[data-type="core/separator"] { - padding-top: 0.1px; - padding-bottom: 0.1px; +.block-editor-block-list__block[data-type="core/separator"]{ + padding-bottom:.1px; + padding-top:.1px; } -.block-editor-block-list__block[data-type="core/separator"].wp-block-separator.is-style-dots { - background: none !important; - border: none; +.block-editor-block-list__block[data-type="core/separator"].wp-block-separator.is-style-dots{ + background:none !important; + border:none; } -[data-type="core/shortcode"] .block-editor-plain-text { - max-height: 250px; +[data-type="core/shortcode"] .block-editor-plain-text{ + max-height:250px; } -[data-type="core/shortcode"].components-placeholder { - min-height: 0; +[data-type="core/shortcode"].components-placeholder{ + min-height:0; } -.blocks-shortcode__textarea { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - padding: 6px 8px; - box-shadow: 0 0 0 transparent; - transition: box-shadow 0.1s linear; - border-radius: 2px; - border: 1px solid #757575; - /* Fonts smaller than 16px causes mobile safari to zoom. */ - font-size: 16px; - /* Override core line-height. To be reviewed. */ - line-height: normal; +.blocks-shortcode__textarea{ + border:1px solid #757575; + border-radius:2px; + box-shadow:0 0 0 transparent; + font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; + font-size:16px; + line-height:normal; + padding:6px 8px; + transition:box-shadow .1s linear; } -@media (prefers-reduced-motion: reduce) { - .blocks-shortcode__textarea { - transition-duration: 0s; - transition-delay: 0s; +@media (prefers-reduced-motion:reduce){ + .blocks-shortcode__textarea{ + transition-delay:0s; + transition-duration:0s; } } -@media (min-width: 600px) { - .blocks-shortcode__textarea { - font-size: 13px; - /* Override core line-height. To be reviewed. */ - line-height: normal; +@media (min-width:600px){ + .blocks-shortcode__textarea{ + font-size:13px; + line-height:normal; } } -.blocks-shortcode__textarea:focus { - border-color: var(--wp-admin-theme-color); - box-shadow: 0 0 0 1px var(--wp-admin-theme-color); - outline: 2px solid transparent; +.blocks-shortcode__textarea:focus{ + border-color:var(--wp-admin-theme-color); + box-shadow:0 0 0 1px var(--wp-admin-theme-color); + outline:2px solid transparent; } -.blocks-shortcode__textarea::-webkit-input-placeholder { - color: rgba(30, 30, 30, 0.62); +.blocks-shortcode__textarea::-webkit-input-placeholder{ + color:rgba(30,30,30,.62); } -.blocks-shortcode__textarea::-moz-placeholder { - opacity: 1; - color: rgba(30, 30, 30, 0.62); +.blocks-shortcode__textarea::-moz-placeholder{ + color:rgba(30,30,30,.62); + opacity:1; } -.blocks-shortcode__textarea:-ms-input-placeholder { - color: rgba(30, 30, 30, 0.62); +.blocks-shortcode__textarea:-ms-input-placeholder{ + color:rgba(30,30,30,.62); } -.wp-block[data-align=center] > .wp-block-site-logo, -.wp-block-site-logo.aligncenter > div { - display: table; - margin-left: auto; - margin-right: auto; +.wp-block-site-logo.aligncenter>div,.wp-block[data-align=center]>.wp-block-site-logo{ + display:table; + margin-left:auto; + margin-right:auto; } -.wp-block-site-logo a { - pointer-events: none; +.wp-block-site-logo a{ + pointer-events:none; } -.wp-block-site-logo .custom-logo-link { - cursor: inherit; +.wp-block-site-logo .custom-logo-link{ + cursor:inherit; } -.wp-block-site-logo .custom-logo-link:focus { - box-shadow: none; +.wp-block-site-logo .custom-logo-link:focus{ + box-shadow:none; } -.wp-block-site-logo .custom-logo-link.is-transient img { - opacity: 0.3; +.wp-block-site-logo .custom-logo-link.is-transient img{ + opacity:.3; } -.wp-block-site-logo img { - display: block; - height: auto; - max-width: 100%; +.wp-block-site-logo img{ + display:block; + height:auto; + max-width:100%; } -.wp-block-site-logo.wp-block-site-logo.is-default-size .components-placeholder { - height: 120px; - width: 120px; +.wp-block-site-logo.wp-block-site-logo.is-default-size .components-placeholder{ + height:120px; + width:120px; } -.wp-block-site-logo.wp-block-site-logo > div, -.wp-block-site-logo.wp-block-site-logo .components-resizable-box__container { - border-radius: inherit; +.wp-block-site-logo.wp-block-site-logo .components-resizable-box__container,.wp-block-site-logo.wp-block-site-logo>div{ + border-radius:inherit; } -.wp-block-site-logo.wp-block-site-logo .components-placeholder { - justify-content: center; - align-items: center; - padding: 0; - border-radius: inherit; - min-height: 48px; - min-width: 48px; - height: 100%; - width: 100%; +.wp-block-site-logo.wp-block-site-logo .components-placeholder{ + align-items:center; + border-radius:inherit; + height:100%; + justify-content:center; + min-height:48px; + min-width:48px; + padding:0; + width:100%; } -.wp-block-site-logo.wp-block-site-logo .components-placeholder .components-form-file-upload { - display: none; +.wp-block-site-logo.wp-block-site-logo .components-placeholder .components-drop-zone__content-text,.wp-block-site-logo.wp-block-site-logo .components-placeholder .components-form-file-upload{ + display:none; } -.wp-block-site-logo.wp-block-site-logo .components-placeholder .components-drop-zone__content-text { - display: none; +.wp-block-site-logo.wp-block-site-logo .components-placeholder .components-button.components-button{ + align-items:center; + background:var(--wp-admin-theme-color); + border-color:var(--wp-admin-theme-color); + border-radius:50%; + border-style:solid; + color:#fff; + display:flex; + height:48px; + justify-content:center; + padding:0; + position:relative; + width:48px; } -.wp-block-site-logo.wp-block-site-logo .components-placeholder .components-button.components-button { - padding: 0; - display: flex; - justify-content: center; - align-items: center; - width: 48px; - height: 48px; - border-radius: 50%; - position: relative; - background: var(--wp-admin-theme-color); - border-color: var(--wp-admin-theme-color); - border-style: solid; - color: #fff; -} -.wp-block-site-logo.wp-block-site-logo .components-placeholder .components-button.components-button > svg { - color: inherit; +.wp-block-site-logo.wp-block-site-logo .components-placeholder .components-button.components-button>svg{ + color:inherit; } -.wp-block-site-tagline__placeholder { - padding: 1em 0; - border: 1px dashed; +.wp-block-site-tagline__placeholder,.wp-block-site-title__placeholder{ + border:1px dashed; + padding:1em 0; } -.wp-block-site-title__placeholder { - padding: 1em 0; - border: 1px dashed; +.wp-block-social-links .wp-social-link{ + line-height:0; +} +.wp-block-social-links .wp-social-link button{ + color:currentColor; + font-size:inherit; + height:auto; + line-height:0; + opacity:1; + padding:.25em; } -.wp-block-social-links .wp-social-link { - line-height: 0; -} -.wp-block-social-links .wp-social-link button { - font-size: inherit; - color: currentColor; - height: auto; - line-height: 0; - opacity: 1; - padding: 0.25em; +.wp-block-social-links.is-style-pill-shape .wp-social-link button{ + padding-left:.66667em; + padding-right:.66667em; } -.wp-block-social-links.is-style-pill-shape .wp-social-link button { - padding-left: calc((2/3) * 1em); - padding-right: calc((2/3) * 1em); +.wp-block-social-links.is-style-logos-only .wp-social-link button{ + padding:0; } -.wp-block-social-links.is-style-logos-only .wp-social-link button { - padding: 0; +.wp-block-social-links div.block-editor-url-input{ + display:inline-block; + margin-left:8px; +} +.wp-block-social-links.wp-block-social-links{ + background:none; } -.wp-block-social-links div.block-editor-url-input { - display: inline-block; - margin-left: 8px; -} -.wp-block-social-links.wp-block-social-links { - background: none; +.wp-social-link:hover{ + transform:none; } -.wp-social-link:hover { - transform: none; +.editor-styles-wrapper .wp-block-social-links{ + padding:0; } -.editor-styles-wrapper .wp-block-social-links { - padding: 0; +.wp-block-social-links__social-placeholder{ + display:flex; + list-style:none; + opacity:.8; +} +.wp-block-social-links__social-placeholder>.wp-social-link{ + margin-left:0 !important; + margin-right:0 !important; + padding-left:0 !important; + padding-right:0 !important; + visibility:hidden; + width:0 !important; +} +.wp-block-social-links__social-placeholder>.wp-block-social-links__social-placeholder-icons{ + display:flex; +} +.wp-block-social-links__social-placeholder .wp-social-link{ + padding:.25em; +} +.is-style-pill-shape .wp-block-social-links__social-placeholder .wp-social-link{ + padding-left:.66667em; + padding-right:.66667em; +} +.is-style-logos-only .wp-block-social-links__social-placeholder .wp-social-link{ + padding:0; +} +.wp-block-social-links__social-placeholder .wp-social-link:before{ + border-radius:50%; + content:""; + display:block; + height:1em; + width:1em; +} +.is-style-logos-only .wp-block-social-links__social-placeholder .wp-social-link:before{ + background:currentColor; } -.wp-block-social-links__social-placeholder { - display: flex; - opacity: 0.8; - list-style: none; -} -.wp-block-social-links__social-placeholder > .wp-social-link { - padding-left: 0 !important; - margin-left: 0 !important; - padding-right: 0 !important; - margin-right: 0 !important; - width: 0 !important; - visibility: hidden; -} -.wp-block-social-links__social-placeholder > .wp-block-social-links__social-placeholder-icons { - display: flex; -} -.wp-block-social-links__social-placeholder .wp-social-link { - padding: 0.25em; -} -.is-style-pill-shape .wp-block-social-links__social-placeholder .wp-social-link { - padding-left: calc((2/3) * 1em); - padding-right: calc((2/3) * 1em); -} -.is-style-logos-only .wp-block-social-links__social-placeholder .wp-social-link { - padding: 0; -} -.wp-block-social-links__social-placeholder .wp-social-link::before { - content: ""; - display: block; - width: 1em; - height: 1em; - border-radius: 50%; -} -.is-style-logos-only .wp-block-social-links__social-placeholder .wp-social-link::before { - background: currentColor; +.wp-block-social-links .wp-block-social-links__social-prompt{ + cursor:default; + font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; + font-size:13px; + line-height:24px; + list-style:none; + margin-bottom:auto; + margin-top:auto; + min-height:24px; + order:2; + padding-right:8px; } -.wp-block-social-links .wp-block-social-links__social-prompt { - min-height: 24px; - list-style: none; - order: 2; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - font-size: 13px; - line-height: 24px; - margin-top: auto; - margin-bottom: auto; - cursor: default; - padding-right: 8px; +.wp-block[data-align=center]>.wp-block-social-links{ + justify-content:center; } -.wp-block[data-align=center] > .wp-block-social-links { - justify-content: center; +.block-editor-block-preview__content .components-button:disabled{ + opacity:1; } -.block-editor-block-preview__content .components-button:disabled { - opacity: 1; +.wp-social-link.wp-social-link__is-incomplete{ + opacity:.5; } - -.wp-social-link.wp-social-link__is-incomplete { - opacity: 0.5; -} -@media (prefers-reduced-motion: reduce) { - .wp-social-link.wp-social-link__is-incomplete { - transition-duration: 0s; - transition-delay: 0s; +@media (prefers-reduced-motion:reduce){ + .wp-social-link.wp-social-link__is-incomplete{ + transition-delay:0s; + transition-duration:0s; } } -.wp-block-social-links .is-selected .wp-social-link__is-incomplete, -.wp-social-link.wp-social-link__is-incomplete:hover, -.wp-social-link.wp-social-link__is-incomplete:focus { - opacity: 1; +.wp-block-social-links .is-selected .wp-social-link__is-incomplete,.wp-social-link.wp-social-link__is-incomplete:focus,.wp-social-link.wp-social-link__is-incomplete:hover{ + opacity:1; } -.block-editor-block-list__block[data-type="core/spacer"]::before { - content: ""; - display: block; - position: absolute; - z-index: 1; - width: 100%; - min-height: 8px; - min-width: 8px; - height: 100%; +.block-editor-block-list__block[data-type="core/spacer"]:before{ + content:""; + display:block; + height:100%; + min-height:8px; + min-width:8px; + position:absolute; + width:100%; + z-index:1; } -.wp-block-spacer.is-hovered .block-library-spacer__resize-container, -.block-library-spacer__resize-container.has-show-handle { - background: rgba(0, 0, 0, 0.1); +.block-library-spacer__resize-container.has-show-handle,.wp-block-spacer.is-hovered .block-library-spacer__resize-container{ + background:rgba(0,0,0,.1); } -.is-dark-theme .wp-block-spacer.is-hovered .block-library-spacer__resize-container, -.is-dark-theme .block-library-spacer__resize-container.has-show-handle { - background: rgba(255, 255, 255, 0.15); +.is-dark-theme .block-library-spacer__resize-container.has-show-handle,.is-dark-theme .wp-block-spacer.is-hovered .block-library-spacer__resize-container{ + background:hsla(0,0%,100%,.15); } -.block-library-spacer__resize-container { - clear: both; +.block-library-spacer__resize-container{ + clear:both; } -.block-library-spacer__resize-container:not(.is-resizing) { - height: 100% !important; - width: 100% !important; +.block-library-spacer__resize-container:not(.is-resizing){ + height:100% !important; + width:100% !important; } -.block-library-spacer__resize-container .components-resizable-box__handle::before { - content: none; +.block-library-spacer__resize-container .components-resizable-box__handle:before{ + content:none; } -.block-library-spacer__resize-container.resize-horizontal { - margin-bottom: 0; +.block-library-spacer__resize-container.resize-horizontal{ + margin-bottom:0; } -.wp-block-table { - margin: 0; +.wp-block-table{ + margin:0; } -.wp-block[data-align=left] > .wp-block-table, .wp-block[data-align=right] > .wp-block-table, .wp-block[data-align=center] > .wp-block-table { - height: auto; +.wp-block[data-align=center]>.wp-block-table,.wp-block[data-align=left]>.wp-block-table,.wp-block[data-align=right]>.wp-block-table{ + height:auto; } -.wp-block[data-align=left] > .wp-block-table table, .wp-block[data-align=right] > .wp-block-table table, .wp-block[data-align=center] > .wp-block-table table { - width: auto; +.wp-block[data-align=center]>.wp-block-table table,.wp-block[data-align=left]>.wp-block-table table,.wp-block[data-align=right]>.wp-block-table table{ + width:auto; } -.wp-block[data-align=left] > .wp-block-table td, -.wp-block[data-align=left] > .wp-block-table th, .wp-block[data-align=right] > .wp-block-table td, -.wp-block[data-align=right] > .wp-block-table th, .wp-block[data-align=center] > .wp-block-table td, -.wp-block[data-align=center] > .wp-block-table th { - word-break: break-word; +.wp-block[data-align=center]>.wp-block-table td,.wp-block[data-align=center]>.wp-block-table th,.wp-block[data-align=left]>.wp-block-table td,.wp-block[data-align=left]>.wp-block-table th,.wp-block[data-align=right]>.wp-block-table td,.wp-block[data-align=right]>.wp-block-table th{ + word-break:break-word; } -.wp-block[data-align=center] > .wp-block-table { - text-align: initial; +.wp-block[data-align=center]>.wp-block-table{ + text-align:initial; } -.wp-block[data-align=center] > .wp-block-table table { - margin: 0 auto; +.wp-block[data-align=center]>.wp-block-table table{ + margin:0 auto; } -.wp-block-table td, -.wp-block-table th { - border: 1px solid; - padding: 0.5em; +.wp-block-table td,.wp-block-table th{ + border:1px solid; + padding:.5em; } -.wp-block-table td.is-selected, -.wp-block-table th.is-selected { - border-color: var(--wp-admin-theme-color); - box-shadow: inset 0 0 0 1px var(--wp-admin-theme-color); - border-style: double; +.wp-block-table td.is-selected,.wp-block-table th.is-selected{ + border-color:var(--wp-admin-theme-color); + border-style:double; + box-shadow:inset 0 0 0 1px var(--wp-admin-theme-color); } -.wp-block-table figcaption { - color: #555; - font-size: 13px; - text-align: center; +.wp-block-table figcaption{ + color:#555; + font-size:13px; + text-align:center; } -.is-dark-theme .wp-block-table figcaption { - color: rgba(255, 255, 255, 0.65); +.is-dark-theme .wp-block-table figcaption{ + color:hsla(0,0%,100%,.65); } -.wp-block-table table.has-individual-borders > *, -.wp-block-table table.has-individual-borders tr, -.wp-block-table table.has-individual-borders th, -.wp-block-table table.has-individual-borders td { - border-width: 1px; - border-style: solid; - border-color: currentColor; +.wp-block-table table.has-individual-borders td,.wp-block-table table.has-individual-borders th,.wp-block-table table.has-individual-borders tr,.wp-block-table table.has-individual-borders>*{ + border:1px solid; } -.blocks-table__placeholder-form.blocks-table__placeholder-form { - display: flex; - flex-direction: column; - align-items: flex-start; +.blocks-table__placeholder-form.blocks-table__placeholder-form{ + align-items:flex-start; + display:flex; + flex-direction:column; } -.blocks-table__placeholder-form.blocks-table__placeholder-form > * { - margin-bottom: 8px; +.blocks-table__placeholder-form.blocks-table__placeholder-form>*{ + margin-bottom:8px; } -@media (min-width: 782px) { - .blocks-table__placeholder-form.blocks-table__placeholder-form { - flex-direction: row; - align-items: flex-end; +@media (min-width:782px){ + .blocks-table__placeholder-form.blocks-table__placeholder-form{ + align-items:flex-end; + flex-direction:row; } - .blocks-table__placeholder-form.blocks-table__placeholder-form > * { - margin-bottom: 0; + .blocks-table__placeholder-form.blocks-table__placeholder-form>*{ + margin-bottom:0; } } -.blocks-table__placeholder-input { - width: 112px; - margin-right: 8px; - margin-bottom: 0; +.blocks-table__placeholder-input{ + margin-bottom:0; + margin-right:8px; + width:112px; } -.blocks-table__placeholder-input input { - height: 36px; +.blocks-table__placeholder-input input{ + height:36px; } -.blocks-table__placeholder-input .components-base-control__field { - margin-bottom: 0; +.blocks-table__placeholder-input .components-base-control__field{ + margin-bottom:0; } -.block-editor-template-part__selection-modal { - z-index: 1000001; +.block-editor-template-part__selection-modal{ + z-index:1000001; } -@media (min-width: 600px) { - .block-editor-template-part__selection-modal .components-modal__frame { - width: calc(100% - 32px); - height: calc(100% - 120px); +@media (min-width:600px){ + .block-editor-template-part__selection-modal .components-modal__frame{ + height:calc(100% - 120px); + width:calc(100% - 32px); } } -@media (min-width: 782px) { - .block-editor-template-part__selection-modal .components-modal__frame { - width: 750px; +@media (min-width:782px){ + .block-editor-template-part__selection-modal .components-modal__frame{ + width:750px; } } -@media (min-width: 960px) { - .block-editor-template-part__selection-modal .components-modal__frame { - height: 70%; +@media (min-width:960px){ + .block-editor-template-part__selection-modal .components-modal__frame{ + height:70%; } } -.block-library-template-part__selection-search { - background: #fff; - position: sticky; - top: 0; - padding: 16px 0; - z-index: 1; +.block-library-template-part__selection-search{ + background:#fff; + padding:16px 0; + position:sticky; + top:0; + z-index:1; } -.wp-block-text-columns .block-editor-rich-text__editable:focus { - outline: 1px solid #ddd; +.wp-block-text-columns .block-editor-rich-text__editable:focus{ + outline:1px solid #ddd; } -.wp-block[data-align=center] > .wp-block-video { - text-align: center; +.wp-block[data-align=center]>.wp-block-video{ + text-align:center; } -.wp-block-video { - position: relative; +.wp-block-video{ + position:relative; } -.wp-block-video.is-transient video { - opacity: 0.3; +.wp-block-video.is-transient video{ + opacity:.3; } -.wp-block-video .components-spinner { - position: absolute; - top: 50%; - left: 50%; - margin-top: -9px; - margin-left: -9px; +.wp-block-video .components-spinner{ + left:50%; + margin-left:-9px; + margin-top:-9px; + position:absolute; + top:50%; } -.editor-video-poster-control .components-base-control__label { - display: block; +.editor-video-poster-control .components-base-control__label{ + display:block; } -.editor-video-poster-control .components-button { - margin-right: 8px; +.editor-video-poster-control .components-button{ + margin-right:8px; } -.block-library-video-tracks-editor { - z-index: 159990; +.block-library-video-tracks-editor{ + z-index:159990; } -.block-library-video-tracks-editor__track-list-track { - display: flex; - place-content: space-between; - align-items: baseline; - padding-left: 12px; +.block-library-video-tracks-editor__track-list-track{ + align-items:baseline; + display:flex; + padding-left:12px; + place-content:space-between; } -.block-library-video-tracks-editor__single-track-editor-label-language { - display: flex; - margin-top: 12px; +.block-library-video-tracks-editor__single-track-editor-label-language{ + display:flex; + margin-top:12px; } -.block-library-video-tracks-editor__single-track-editor-label-language > .components-base-control { - width: 50%; +.block-library-video-tracks-editor__single-track-editor-label-language>.components-base-control{ + width:50%; } -.block-library-video-tracks-editor__single-track-editor-label-language > .components-base-control:first-child { - margin-right: 16px; +.block-library-video-tracks-editor__single-track-editor-label-language>.components-base-control:first-child{ + margin-right:16px; } -.block-library-video-tracks-editor__single-track-editor-kind-select { - max-width: 240px; +.block-library-video-tracks-editor__single-track-editor-kind-select{ + max-width:240px; } -.block-library-video-tracks-editor__single-track-editor-buttons-container { - display: flex; - place-content: space-between; - margin-top: 32px; +.block-library-video-tracks-editor__single-track-editor-buttons-container{ + display:flex; + margin-top:32px; + place-content:space-between; } -.block-library-video-tracks-editor__single-track-editor-edit-track-label { - margin-top: 4px; - margin-bottom: 12px; - color: #757575; - text-transform: uppercase; - font-size: 11px; - font-weight: 500; - display: block; +.block-library-video-tracks-editor__single-track-editor-edit-track-label{ + color:#757575; + display:block; + font-size:11px; + font-weight:500; + margin-bottom:12px; + margin-top:4px; + text-transform:uppercase; } -.block-library-video-tracks-editor > .components-popover__content { - width: 360px; - padding: 0; +.block-library-video-tracks-editor>.components-popover__content{ + padding:0; + width:360px; } -.block-library-video-tracks-editor__track-list .components-menu-group__label, -.block-library-video-tracks-editor__add-tracks-container .components-menu-group__label { - padding: 0; +.block-library-video-tracks-editor__add-tracks-container .components-menu-group__label,.block-library-video-tracks-editor__track-list .components-menu-group__label{ + padding:0; } -.block-library-video-tracks-editor__single-track-editor, -.block-library-video-tracks-editor__track-list, -.block-library-video-tracks-editor__add-tracks-container { - padding: 12px; +.block-library-video-tracks-editor__add-tracks-container,.block-library-video-tracks-editor__single-track-editor,.block-library-video-tracks-editor__track-list{ + padding:12px; } -.block-library-video-tracks-editor__single-track-editor .components-base-control .components-base-control__label { - margin-bottom: 4px; +.block-library-video-tracks-editor__single-track-editor .components-base-control .components-base-control__label{ + margin-bottom:4px; } -.block-library-video-tracks-editor__single-track-editor .components-base-control .components-base-control__field { - margin-bottom: 12px; +.block-library-video-tracks-editor__single-track-editor .components-base-control .components-base-control__field{ + margin-bottom:12px; } -.block-library-video-tracks-editor__single-track-editor .components-base-control .components-text-control__input { - margin-left: 0; +.block-library-video-tracks-editor__single-track-editor .components-base-control .components-text-control__input{ + margin-left:0; } -.block-library-video-tracks-editor__single-track-editor .components-base-control .components-input-control__label { - margin-bottom: 4px; +.block-library-video-tracks-editor__single-track-editor .components-base-control .components-input-control__label{ + margin-bottom:4px; } -.editor-styles-wrapper ul.wp-block-post-template { - padding-left: 0; - margin-left: 0; - list-style: none; +.editor-styles-wrapper ul.wp-block-post-template{ + list-style:none; + margin-left:0; + padding-left:0; } -.block-library-query-toolbar__popover .components-popover__content { - min-width: 230px; +.block-library-query-toolbar__popover .components-popover__content{ + min-width:230px; } -.wp-block-query__create-new-link { - padding: 0 16px 16px 56px; +.wp-block-query__create-new-link{ + padding:0 16px 16px 56px; } -.block-library-query__pattern-selection-content .block-editor-block-patterns-list { - display: grid; - grid-template-columns: 1fr 1fr 1fr; - grid-gap: 8px; +.block-library-query__pattern-selection-content .block-editor-block-patterns-list{ + grid-gap:8px; + display:grid; + grid-template-columns:1fr 1fr 1fr; } -.block-library-query__pattern-selection-content .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item { - margin-bottom: 0; +.block-library-query__pattern-selection-content .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item{ + margin-bottom:0; } -.block-library-query__pattern-selection-content .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item .block-editor-block-preview__container { - max-height: 250px; +.block-library-query__pattern-selection-content .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item .block-editor-block-preview__container{ + max-height:250px; } -.block-editor-query-pattern__selection-modal .components-modal__content { - padding: 0; - margin-bottom: 60px; +.block-editor-query-pattern__selection-modal .components-modal__content{ + margin-bottom:60px; + padding:0; } -.block-editor-query-pattern__selection-modal .components-modal__content::before { - margin-bottom: 0; +.block-editor-query-pattern__selection-modal .components-modal__content:before{ + margin-bottom:0; } -@media (min-width: 600px) { - .block-editor-query-pattern__selection-modal { - width: calc(100% - 32px); - height: calc(100% - 120px); +@media (min-width:600px){ + .block-editor-query-pattern__selection-modal{ + height:calc(100% - 120px); + width:calc(100% - 32px); } } -@media (min-width: 782px) { - .block-editor-query-pattern__selection-modal { - width: 750px; +@media (min-width:782px){ + .block-editor-query-pattern__selection-modal{ + width:750px; } } -@media (min-width: 960px) { - .block-editor-query-pattern__selection-modal { - height: 80%; - width: 80%; - max-height: none; +@media (min-width:960px){ + .block-editor-query-pattern__selection-modal{ + height:80%; + max-height:none; + width:80%; } } -.block-library-query-toolspanel__filters .components-form-token-field__help { - margin-bottom: 0; +.block-library-query-toolspanel__filters .components-form-token-field__help{ + margin-bottom:0; } -.block-library-query-toolspanel__filters .block-library-query-inspector__taxonomy-control:not(:last-child) { - margin-bottom: 24px; +.block-library-query-toolspanel__filters .block-library-query-inspector__taxonomy-control:not(:last-child){ + margin-bottom:24px; } -.wp-block[data-align=center] > .wp-block-query-pagination { - justify-content: center; +.wp-block[data-align=center]>.wp-block-query-pagination{ + justify-content:center; } -.editor-styles-wrapper .wp-block-query-pagination { - max-width: 100%; +.editor-styles-wrapper .wp-block-query-pagination{ + max-width:100%; } -.editor-styles-wrapper .wp-block-query-pagination.block-editor-block-list__layout { - margin: 0; +.editor-styles-wrapper .wp-block-query-pagination.block-editor-block-list__layout{ + margin:0; } -.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 { - margin-left: 0; - margin-top: 0.5em; - /*rtl:ignore*/ - margin-right: 0.5em; - margin-bottom: 0.5em; +.wp-block-query-pagination>.wp-block-query-pagination-next,.wp-block-query-pagination>.wp-block-query-pagination-numbers,.wp-block-query-pagination>.wp-block-query-pagination-previous{ + margin:.5em .5em .5em 0; } -.wp-block-query-pagination > .wp-block-query-pagination-next:last-child, -.wp-block-query-pagination > .wp-block-query-pagination-previous:last-child, -.wp-block-query-pagination > .wp-block-query-pagination-numbers:last-child { - /*rtl:ignore*/ - margin-right: 0; +.wp-block-query-pagination>.wp-block-query-pagination-next:last-child,.wp-block-query-pagination>.wp-block-query-pagination-numbers:last-child,.wp-block-query-pagination>.wp-block-query-pagination-previous:last-child{ + margin-right:0; } -.wp-block-query-pagination-numbers a { - text-decoration: underline; +.wp-block-query-pagination-numbers a{ + text-decoration:underline; } -.wp-block-query-pagination-numbers .page-numbers { - margin-right: 2px; +.wp-block-query-pagination-numbers .page-numbers{ + margin-right:2px; } -.wp-block-query-pagination-numbers .page-numbers:last-child { - /*rtl:ignore*/ - margin-right: 0; +.wp-block-query-pagination-numbers .page-numbers:last-child{ + margin-right:0; } -.wp-block-post-featured-image .block-editor-media-placeholder { - z-index: 1; - -webkit-backdrop-filter: none; - backdrop-filter: none; +.wp-block-post-featured-image .block-editor-media-placeholder{ + -webkit-backdrop-filter:none; + backdrop-filter:none; + z-index:1; } -.wp-block-post-featured-image .wp-block-post-featured-image__placeholder, -.wp-block-post-featured-image .components-placeholder { - justify-content: center; - align-items: center; - padding: 0; - min-height: 200px; +.wp-block-post-featured-image .components-placeholder,.wp-block-post-featured-image .wp-block-post-featured-image__placeholder{ + align-items:center; + justify-content:center; + min-height:200px; + padding:0; } -.wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-form-file-upload, -.wp-block-post-featured-image .components-placeholder .components-form-file-upload { - display: none; +.wp-block-post-featured-image .components-placeholder .components-form-file-upload,.wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-form-file-upload{ + display:none; } -.wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-button, -.wp-block-post-featured-image .components-placeholder .components-button { - padding: 0; - display: flex; - justify-content: center; - align-items: center; - width: 48px; - height: 48px; - border-radius: 50%; - position: relative; - background: var(--wp-admin-theme-color); - border-color: var(--wp-admin-theme-color); - border-style: solid; - color: #fff; +.wp-block-post-featured-image .components-placeholder .components-button,.wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-button{ + align-items:center; + background:var(--wp-admin-theme-color); + border-color:var(--wp-admin-theme-color); + border-radius:50%; + border-style:solid; + color:#fff; + display:flex; + height:48px; + justify-content:center; + padding:0; + position:relative; + width:48px; } -.wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-button > svg, -.wp-block-post-featured-image .components-placeholder .components-button > svg { - color: inherit; +.wp-block-post-featured-image .components-placeholder .components-button>svg,.wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-button>svg{ + color:inherit; } -.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where(.has-border-color), -.wp-block-post-featured-image .components-placeholder:where(.has-border-color), -.wp-block-post-featured-image img:where(.has-border-color) { - border-style: solid; +.wp-block-post-featured-image .components-placeholder:where(.has-border-color),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where(.has-border-color),.wp-block-post-featured-image img:where(.has-border-color){ + border-style:solid; } -.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*="border-top-color"]), -.wp-block-post-featured-image .components-placeholder:where([style*="border-top-color"]), -.wp-block-post-featured-image img:where([style*="border-top-color"]) { - border-top-style: solid; +.wp-block-post-featured-image .components-placeholder:where([style*=border-top-color]),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-top-color]),.wp-block-post-featured-image img:where([style*=border-top-color]){ + border-top-style:solid; } -.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*="border-right-color"]), -.wp-block-post-featured-image .components-placeholder:where([style*="border-right-color"]), -.wp-block-post-featured-image img:where([style*="border-right-color"]) { - border-right-style: solid; +.wp-block-post-featured-image .components-placeholder:where([style*=border-right-color]),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-right-color]),.wp-block-post-featured-image img:where([style*=border-right-color]){ + border-right-style:solid; } -.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*="border-bottom-color"]), -.wp-block-post-featured-image .components-placeholder:where([style*="border-bottom-color"]), -.wp-block-post-featured-image img:where([style*="border-bottom-color"]) { - border-bottom-style: solid; +.wp-block-post-featured-image .components-placeholder:where([style*=border-bottom-color]),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-bottom-color]),.wp-block-post-featured-image img:where([style*=border-bottom-color]){ + border-bottom-style:solid; } -.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*="border-left-color"]), -.wp-block-post-featured-image .components-placeholder:where([style*="border-left-color"]), -.wp-block-post-featured-image img:where([style*="border-left-color"]) { - border-left-style: solid; +.wp-block-post-featured-image .components-placeholder:where([style*=border-left-color]),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-left-color]),.wp-block-post-featured-image img:where([style*=border-left-color]){ + border-left-style:solid; } -.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*="border-width"]), -.wp-block-post-featured-image .components-placeholder:where([style*="border-width"]), -.wp-block-post-featured-image img:where([style*="border-width"]) { - border-style: solid; +.wp-block-post-featured-image .components-placeholder:where([style*=border-width]),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-width]),.wp-block-post-featured-image img:where([style*=border-width]){ + border-style:solid; } -.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*="border-top-width"]), -.wp-block-post-featured-image .components-placeholder:where([style*="border-top-width"]), -.wp-block-post-featured-image img:where([style*="border-top-width"]) { - border-top-style: solid; +.wp-block-post-featured-image .components-placeholder:where([style*=border-top-width]),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-top-width]),.wp-block-post-featured-image img:where([style*=border-top-width]){ + border-top-style:solid; } -.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*="border-right-width"]), -.wp-block-post-featured-image .components-placeholder:where([style*="border-right-width"]), -.wp-block-post-featured-image img:where([style*="border-right-width"]) { - border-right-style: solid; +.wp-block-post-featured-image .components-placeholder:where([style*=border-right-width]),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-right-width]),.wp-block-post-featured-image img:where([style*=border-right-width]){ + border-right-style:solid; } -.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*="border-bottom-width"]), -.wp-block-post-featured-image .components-placeholder:where([style*="border-bottom-width"]), -.wp-block-post-featured-image img:where([style*="border-bottom-width"]) { - border-bottom-style: solid; +.wp-block-post-featured-image .components-placeholder:where([style*=border-bottom-width]),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-bottom-width]),.wp-block-post-featured-image img:where([style*=border-bottom-width]){ + border-bottom-style:solid; } -.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*="border-left-width"]), -.wp-block-post-featured-image .components-placeholder:where([style*="border-left-width"]), -.wp-block-post-featured-image img:where([style*="border-left-width"]) { - border-left-style: solid; +.wp-block-post-featured-image .components-placeholder:where([style*=border-left-width]),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-left-width]),.wp-block-post-featured-image img:where([style*=border-left-width]){ + border-left-style:solid; } -.wp-block-post-featured-image[style*=height] .components-placeholder { - min-height: 48px; - min-width: 48px; - height: 100%; - width: 100%; +.wp-block-post-featured-image[style*=height] .components-placeholder{ + height:100%; + min-height:48px; + min-width:48px; + width:100%; } -div[data-type="core/post-featured-image"] img { - max-width: 100%; - height: auto; - display: block; +div[data-type="core/post-featured-image"] img{ + display:block; + height:auto; + max-width:100%; } -.wp-block-post-comments-form * { - pointer-events: none; +.wp-block-post-comments-form *{ + pointer-events:none; } -.wp-block-post-comments-form *.block-editor-warning * { - pointer-events: auto; +.wp-block-post-comments-form .block-editor-warning *{ + pointer-events:auto; +} +.wp-element-button{ + cursor:revert; +} +.wp-element-button[role=textbox]{ + cursor:text; +} +:root .editor-styles-wrapper .has-very-light-gray-background-color{ + background-color:#eee; +} +:root .editor-styles-wrapper .has-very-dark-gray-background-color{ + background-color:#313131; +} +:root .editor-styles-wrapper .has-very-light-gray-color{ + color:#eee; +} +:root .editor-styles-wrapper .has-very-dark-gray-color{ + color:#313131; +} +:root .editor-styles-wrapper .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{ + background:linear-gradient(135deg, #00d084, #0693e3); +} +:root .editor-styles-wrapper .has-purple-crush-gradient-background{ + background:linear-gradient(135deg, #34e2e4, #4721fb 50%, #ab1dfe); +} +:root .editor-styles-wrapper .has-hazy-dawn-gradient-background{ + background:linear-gradient(135deg, #faaca8, #dad0ec); +} +:root .editor-styles-wrapper .has-subdued-olive-gradient-background{ + background:linear-gradient(135deg, #fafae1, #67a671); +} +:root .editor-styles-wrapper .has-atomic-cream-gradient-background{ + background:linear-gradient(135deg, #fdd79a, #004a59); +} +:root .editor-styles-wrapper .has-nightshade-gradient-background{ + background:linear-gradient(135deg, #330968, #31cdcf); +} +:root .editor-styles-wrapper .has-midnight-gradient-background{ + background:linear-gradient(135deg, #020381, #2874fc); } -/** - * Element styles for the editor - */ -.wp-element-button { - cursor: revert; -} -.wp-element-button[role=textbox] { - cursor: text; +.editor-styles-wrapper{ + --wp--preset--font-size--normal:16px; + --wp--preset--font-size--huge:42px; } -:root .editor-styles-wrapper { - /* - * 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 .editor-styles-wrapper .has-very-light-gray-background-color { - background-color: #eee; -} -:root .editor-styles-wrapper .has-very-dark-gray-background-color { - background-color: #313131; -} -:root .editor-styles-wrapper .has-very-light-gray-color { - color: #eee; -} -:root .editor-styles-wrapper .has-very-dark-gray-color { - color: #313131; -} -:root .editor-styles-wrapper .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background { - background: linear-gradient(135deg, #00d084 0%, #0693e3 100%); -} -:root .editor-styles-wrapper .has-purple-crush-gradient-background { - background: linear-gradient(135deg, #34e2e4 0%, #4721fb 50%, #ab1dfe 100%); -} -:root .editor-styles-wrapper .has-hazy-dawn-gradient-background { - background: linear-gradient(135deg, #faaca8 0%, #dad0ec 100%); -} -:root .editor-styles-wrapper .has-subdued-olive-gradient-background { - background: linear-gradient(135deg, #fafae1 0%, #67a671 100%); -} -:root .editor-styles-wrapper .has-atomic-cream-gradient-background { - background: linear-gradient(135deg, #fdd79a 0%, #004a59 100%); -} -:root .editor-styles-wrapper .has-nightshade-gradient-background { - background: linear-gradient(135deg, #330968 0%, #31cdcf 100%); -} -:root .editor-styles-wrapper .has-midnight-gradient-background { - background: linear-gradient(135deg, #020381 0%, #2874fc 100%); +.editor-styles-wrapper .has-regular-font-size{ + font-size:16px; } -.editor-styles-wrapper { - --wp--preset--font-size--normal: 16px; - --wp--preset--font-size--huge: 42px; +.editor-styles-wrapper .has-larger-font-size{ + font-size:42px; } -.editor-styles-wrapper .has-regular-font-size { - font-size: 16px; +.editor-styles-wrapper .has-normal-font-size{ + font-size:var(--wp--preset--font-size--normal); } -.editor-styles-wrapper .has-larger-font-size { - font-size: 42px; -} - -.editor-styles-wrapper .has-normal-font-size { - font-size: var(--wp--preset--font-size--normal); -} - -.editor-styles-wrapper .has-huge-font-size { - font-size: var(--wp--preset--font-size--huge); -} - -/** - * Editor Normalization Styles - * - * These are only output in the editor, but styles here are NOT prefixed .editor-styles-wrapper. - * This allows us to create normalization styles that are easily overridden by editor styles. - */ \ No newline at end of file +.editor-styles-wrapper .has-huge-font-size{ + font-size:var(--wp--preset--font-size--huge); +} \ No newline at end of file diff --git a/wp-includes/css/dist/block-library/elements-rtl.css b/wp-includes/css/dist/block-library/elements-rtl.css index e1c5090f28..8bedde4ef1 100644 --- a/wp-includes/css/dist/block-library/elements-rtl.css +++ b/wp-includes/css/dist/block-library/elements-rtl.css @@ -1,82 +1,3 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -/** -* Element styles. -*/ -.wp-element-button { - cursor: pointer; +.wp-element-button{ + cursor:pointer; } \ No newline at end of file diff --git a/wp-includes/css/dist/block-library/elements.css b/wp-includes/css/dist/block-library/elements.css index e1c5090f28..8bedde4ef1 100644 --- a/wp-includes/css/dist/block-library/elements.css +++ b/wp-includes/css/dist/block-library/elements.css @@ -1,82 +1,3 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -/** -* Element styles. -*/ -.wp-element-button { - cursor: pointer; +.wp-element-button{ + cursor:pointer; } \ No newline at end of file diff --git a/wp-includes/css/dist/block-library/reset-rtl.css b/wp-includes/css/dist/block-library/reset-rtl.css index f48f5725b7..01b39afc46 100644 --- a/wp-includes/css/dist/block-library/reset-rtl.css +++ b/wp-includes/css/dist/block-library/reset-rtl.css @@ -1,183 +1,84 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -/** -* Editor Normalization Styles -* -* These are only output in the editor, but styles here are prefixed .editor-styles-wrapper and affect the theming -* of the editor by themes. -*/ -html :where(.editor-styles-wrapper) { - /** - * The following styles revert to the browser defaults overriding the WPAdmin styles. - * This is only needed while the block editor is not being loaded in an iframe. - */ - font-family: serif; - font-size: initial; - line-height: initial; - color: initial; - background: #fff; +html :where(.editor-styles-wrapper){ + background:#fff; + color:initial; + font-family:serif; + font-size:medium; + line-height:normal; } -html :where(.editor-styles-wrapper) .wp-align-wrapper { - max-width: 840px; +html :where(.editor-styles-wrapper) .wp-align-wrapper{ + max-width:840px; } -html :where(.editor-styles-wrapper) .wp-align-wrapper > .wp-block, html :where(.editor-styles-wrapper) .wp-align-wrapper.wp-align-full { - max-width: none; +html :where(.editor-styles-wrapper) .wp-align-wrapper.wp-align-full,html :where(.editor-styles-wrapper) .wp-align-wrapper>.wp-block{ + max-width:none; } -html :where(.editor-styles-wrapper) .wp-align-wrapper.wp-align-wide { - max-width: 840px; +html :where(.editor-styles-wrapper) .wp-align-wrapper.wp-align-wide{ + max-width:840px; } -html :where(.editor-styles-wrapper) a { - transition: none; +html :where(.editor-styles-wrapper) a{ + transition:none; } -html :where(.editor-styles-wrapper) code, -html :where(.editor-styles-wrapper) kbd { - padding: 0; - margin: 0; - background: inherit; - font-size: inherit; - font-family: monospace; +html :where(.editor-styles-wrapper) code,html :where(.editor-styles-wrapper) kbd{ + background:inherit; + font-family:monospace; + font-size:inherit; + margin:0; + padding:0; } -html :where(.editor-styles-wrapper) p { - font-size: revert; - line-height: revert; - margin: revert; +html :where(.editor-styles-wrapper) p{ + font-size:revert; + line-height:revert; + margin:revert; } -html :where(.editor-styles-wrapper) ul, -html :where(.editor-styles-wrapper) ol { - margin: revert; - padding: revert; - list-style-type: revert; - box-sizing: border-box; +html :where(.editor-styles-wrapper) ol,html :where(.editor-styles-wrapper) ul{ + box-sizing:border-box; + list-style-type:revert; + margin:revert; + padding:revert; } -html :where(.editor-styles-wrapper) ul ul, -html :where(.editor-styles-wrapper) ul ol, -html :where(.editor-styles-wrapper) ol ul, -html :where(.editor-styles-wrapper) ol ol { - margin: revert; +html :where(.editor-styles-wrapper) ol ol,html :where(.editor-styles-wrapper) ol ul,html :where(.editor-styles-wrapper) ul ol,html :where(.editor-styles-wrapper) ul ul{ + margin:revert; } -html :where(.editor-styles-wrapper) ul li, -html :where(.editor-styles-wrapper) ol li { - margin: revert; +html :where(.editor-styles-wrapper) ol li,html :where(.editor-styles-wrapper) ul li{ + margin:revert; } -html :where(.editor-styles-wrapper) ul ul, -html :where(.editor-styles-wrapper) ol ul { - list-style-type: revert; +html :where(.editor-styles-wrapper) ol ul,html :where(.editor-styles-wrapper) ul ul{ + list-style-type:revert; } -html :where(.editor-styles-wrapper) h1, -html :where(.editor-styles-wrapper) h2, -html :where(.editor-styles-wrapper) h3, -html :where(.editor-styles-wrapper) h4, -html :where(.editor-styles-wrapper) h5, -html :where(.editor-styles-wrapper) h6 { - font-size: revert; - margin: revert; - color: revert; - line-height: revert; - font-weight: revert; +html :where(.editor-styles-wrapper) h1,html :where(.editor-styles-wrapper) h2,html :where(.editor-styles-wrapper) h3,html :where(.editor-styles-wrapper) h4,html :where(.editor-styles-wrapper) h5,html :where(.editor-styles-wrapper) h6{ + color:revert; + font-size:revert; + font-weight:revert; + line-height:revert; + margin:revert; } -html :where(.editor-styles-wrapper) select { - font-family: system-ui; - -webkit-appearance: revert; - color: revert; - border: revert; - border-radius: revert; - background: revert; - box-shadow: revert; - text-shadow: revert; - outline: revert; - cursor: revert; - transform: revert; - font-size: revert; - line-height: revert; - padding: revert; - margin: revert; - min-height: revert; - max-width: revert; - vertical-align: revert; - font-weight: revert; +html :where(.editor-styles-wrapper) select{ + -webkit-appearance:revert; + background:revert; + border:revert; + border-radius:revert; + box-shadow:revert; + color:revert; + cursor:revert; + font-family:system-ui; + font-size:revert; + font-weight:revert; + line-height:revert; + margin:revert; + max-width:revert; + min-height:revert; + outline:revert; + padding:revert; + text-shadow:revert; + transform:revert; + vertical-align:revert; } -html :where(.editor-styles-wrapper) select:disabled, -html :where(.editor-styles-wrapper) select:focus { - color: revert; - border-color: revert; - background-color: revert; - background-image: revert; - box-shadow: revert; - text-shadow: revert; - cursor: revert; - transform: revert; +html :where(.editor-styles-wrapper) select:disabled,html :where(.editor-styles-wrapper) select:focus{ + background-color:revert; + background-image:revert; + border-color:revert; + box-shadow:revert; + color:revert; + cursor:revert; + text-shadow:revert; + transform:revert; } \ No newline at end of file diff --git a/wp-includes/css/dist/block-library/reset.css b/wp-includes/css/dist/block-library/reset.css index f48f5725b7..01b39afc46 100644 --- a/wp-includes/css/dist/block-library/reset.css +++ b/wp-includes/css/dist/block-library/reset.css @@ -1,183 +1,84 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -/** -* Editor Normalization Styles -* -* These are only output in the editor, but styles here are prefixed .editor-styles-wrapper and affect the theming -* of the editor by themes. -*/ -html :where(.editor-styles-wrapper) { - /** - * The following styles revert to the browser defaults overriding the WPAdmin styles. - * This is only needed while the block editor is not being loaded in an iframe. - */ - font-family: serif; - font-size: initial; - line-height: initial; - color: initial; - background: #fff; +html :where(.editor-styles-wrapper){ + background:#fff; + color:initial; + font-family:serif; + font-size:medium; + line-height:normal; } -html :where(.editor-styles-wrapper) .wp-align-wrapper { - max-width: 840px; +html :where(.editor-styles-wrapper) .wp-align-wrapper{ + max-width:840px; } -html :where(.editor-styles-wrapper) .wp-align-wrapper > .wp-block, html :where(.editor-styles-wrapper) .wp-align-wrapper.wp-align-full { - max-width: none; +html :where(.editor-styles-wrapper) .wp-align-wrapper.wp-align-full,html :where(.editor-styles-wrapper) .wp-align-wrapper>.wp-block{ + max-width:none; } -html :where(.editor-styles-wrapper) .wp-align-wrapper.wp-align-wide { - max-width: 840px; +html :where(.editor-styles-wrapper) .wp-align-wrapper.wp-align-wide{ + max-width:840px; } -html :where(.editor-styles-wrapper) a { - transition: none; +html :where(.editor-styles-wrapper) a{ + transition:none; } -html :where(.editor-styles-wrapper) code, -html :where(.editor-styles-wrapper) kbd { - padding: 0; - margin: 0; - background: inherit; - font-size: inherit; - font-family: monospace; +html :where(.editor-styles-wrapper) code,html :where(.editor-styles-wrapper) kbd{ + background:inherit; + font-family:monospace; + font-size:inherit; + margin:0; + padding:0; } -html :where(.editor-styles-wrapper) p { - font-size: revert; - line-height: revert; - margin: revert; +html :where(.editor-styles-wrapper) p{ + font-size:revert; + line-height:revert; + margin:revert; } -html :where(.editor-styles-wrapper) ul, -html :where(.editor-styles-wrapper) ol { - margin: revert; - padding: revert; - list-style-type: revert; - box-sizing: border-box; +html :where(.editor-styles-wrapper) ol,html :where(.editor-styles-wrapper) ul{ + box-sizing:border-box; + list-style-type:revert; + margin:revert; + padding:revert; } -html :where(.editor-styles-wrapper) ul ul, -html :where(.editor-styles-wrapper) ul ol, -html :where(.editor-styles-wrapper) ol ul, -html :where(.editor-styles-wrapper) ol ol { - margin: revert; +html :where(.editor-styles-wrapper) ol ol,html :where(.editor-styles-wrapper) ol ul,html :where(.editor-styles-wrapper) ul ol,html :where(.editor-styles-wrapper) ul ul{ + margin:revert; } -html :where(.editor-styles-wrapper) ul li, -html :where(.editor-styles-wrapper) ol li { - margin: revert; +html :where(.editor-styles-wrapper) ol li,html :where(.editor-styles-wrapper) ul li{ + margin:revert; } -html :where(.editor-styles-wrapper) ul ul, -html :where(.editor-styles-wrapper) ol ul { - list-style-type: revert; +html :where(.editor-styles-wrapper) ol ul,html :where(.editor-styles-wrapper) ul ul{ + list-style-type:revert; } -html :where(.editor-styles-wrapper) h1, -html :where(.editor-styles-wrapper) h2, -html :where(.editor-styles-wrapper) h3, -html :where(.editor-styles-wrapper) h4, -html :where(.editor-styles-wrapper) h5, -html :where(.editor-styles-wrapper) h6 { - font-size: revert; - margin: revert; - color: revert; - line-height: revert; - font-weight: revert; +html :where(.editor-styles-wrapper) h1,html :where(.editor-styles-wrapper) h2,html :where(.editor-styles-wrapper) h3,html :where(.editor-styles-wrapper) h4,html :where(.editor-styles-wrapper) h5,html :where(.editor-styles-wrapper) h6{ + color:revert; + font-size:revert; + font-weight:revert; + line-height:revert; + margin:revert; } -html :where(.editor-styles-wrapper) select { - font-family: system-ui; - -webkit-appearance: revert; - color: revert; - border: revert; - border-radius: revert; - background: revert; - box-shadow: revert; - text-shadow: revert; - outline: revert; - cursor: revert; - transform: revert; - font-size: revert; - line-height: revert; - padding: revert; - margin: revert; - min-height: revert; - max-width: revert; - vertical-align: revert; - font-weight: revert; +html :where(.editor-styles-wrapper) select{ + -webkit-appearance:revert; + background:revert; + border:revert; + border-radius:revert; + box-shadow:revert; + color:revert; + cursor:revert; + font-family:system-ui; + font-size:revert; + font-weight:revert; + line-height:revert; + margin:revert; + max-width:revert; + min-height:revert; + outline:revert; + padding:revert; + text-shadow:revert; + transform:revert; + vertical-align:revert; } -html :where(.editor-styles-wrapper) select:disabled, -html :where(.editor-styles-wrapper) select:focus { - color: revert; - border-color: revert; - background-color: revert; - background-image: revert; - box-shadow: revert; - text-shadow: revert; - cursor: revert; - transform: revert; +html :where(.editor-styles-wrapper) select:disabled,html :where(.editor-styles-wrapper) select:focus{ + background-color:revert; + background-image:revert; + border-color:revert; + box-shadow:revert; + color:revert; + cursor:revert; + text-shadow:revert; + transform:revert; } \ No newline at end of file diff --git a/wp-includes/css/dist/block-library/style-rtl.css b/wp-includes/css/dist/block-library/style-rtl.css index 0225e210fe..5f1430ca77 100644 --- a/wp-includes/css/dist/block-library/style-rtl.css +++ b/wp-includes/css/dist/block-library/style-rtl.css @@ -1,3581 +1,3005 @@ @charset "UTF-8"; -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-archives-dropdown label { - display: block; -} - -.wp-block-avatar { - box-sizing: border-box; -} -.wp-block-avatar.aligncenter { - text-align: center; -} - -.wp-block-audio { - box-sizing: border-box; -} -.wp-block-audio figcaption { - margin-top: 0.5em; - margin-bottom: 1em; -} -.wp-block-audio audio { - width: 100%; - min-width: 300px; -} - -.wp-block-button__link { - cursor: pointer; - display: inline-block; - text-align: center; - word-break: break-word; - box-sizing: border-box; -} -.wp-block-button__link.aligncenter { - text-align: center; -} -.wp-block-button__link.alignright { - text-align: right; -} - -:where(.wp-block-button__link) { - box-shadow: none; - text-decoration: none; - border-radius: 9999px; - padding: calc(0.667em + 2px) calc(1.333em + 2px); + +.wp-block-archives-dropdown label{ + display:block; } -.wp-block-button[style*=text-decoration] .wp-block-button__link { - text-decoration: inherit; +.wp-block-avatar{ + box-sizing:border-box; +} +.wp-block-avatar.aligncenter{ + text-align:center; } -.wp-block-buttons > .wp-block-button.has-custom-width { - max-width: none; +.wp-block-audio{ + box-sizing:border-box; } -.wp-block-buttons > .wp-block-button.has-custom-width .wp-block-button__link { - width: 100%; +.wp-block-audio figcaption{ + margin-bottom:1em; + margin-top:.5em; } -.wp-block-buttons > .wp-block-button.has-custom-font-size .wp-block-button__link { - font-size: inherit; +.wp-block-audio audio{ + min-width:300px; + width:100%; } -.wp-block-buttons > .wp-block-button.wp-block-button__width-25 { - width: calc(25% - (var(--wp--style--block-gap, 0.5em) * 0.75)); + +.wp-block-button__link{ + box-sizing:border-box; + cursor:pointer; + display:inline-block; + text-align:center; + word-break:break-word; } -.wp-block-buttons > .wp-block-button.wp-block-button__width-50 { - width: calc(50% - (var(--wp--style--block-gap, 0.5em) * 0.5)); +.wp-block-button__link.aligncenter{ + text-align:center; } -.wp-block-buttons > .wp-block-button.wp-block-button__width-75 { - width: calc(75% - (var(--wp--style--block-gap, 0.5em) * 0.25)); +.wp-block-button__link.alignright{ + text-align:right; } -.wp-block-buttons > .wp-block-button.wp-block-button__width-100 { - width: 100%; - flex-basis: 100%; + +:where(.wp-block-button__link){ + border-radius:9999px; + box-shadow:none; + padding:calc(.667em + 2px) calc(1.333em + 2px); + text-decoration:none; } -.wp-block-buttons.is-vertical > .wp-block-button.wp-block-button__width-25 { - width: 25%; +.wp-block-button[style*=text-decoration] .wp-block-button__link{ + text-decoration:inherit; +} + +.wp-block-buttons>.wp-block-button.has-custom-width{ + max-width:none; +} +.wp-block-buttons>.wp-block-button.has-custom-width .wp-block-button__link{ + width:100%; } -.wp-block-buttons.is-vertical > .wp-block-button.wp-block-button__width-50 { - width: 50%; +.wp-block-buttons>.wp-block-button.has-custom-font-size .wp-block-button__link{ + font-size:inherit; } -.wp-block-buttons.is-vertical > .wp-block-button.wp-block-button__width-75 { - width: 75%; +.wp-block-buttons>.wp-block-button.wp-block-button__width-25{ + width:calc(25% - var(--wp--style--block-gap, .5em)*.75); +} +.wp-block-buttons>.wp-block-button.wp-block-button__width-50{ + width:calc(50% - var(--wp--style--block-gap, .5em)*.5); +} +.wp-block-buttons>.wp-block-button.wp-block-button__width-75{ + width:calc(75% - var(--wp--style--block-gap, .5em)*.25); +} +.wp-block-buttons>.wp-block-button.wp-block-button__width-100{ + flex-basis:100%; + width:100%; } -.wp-block-button.is-style-squared, -.wp-block-button__link.wp-block-button.is-style-squared { - border-radius: 0; +.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.no-border-radius, -.wp-block-button__link.no-border-radius { - border-radius: 0 !important; +.wp-block-button.is-style-squared,.wp-block-button__link.wp-block-button.is-style-squared{ + border-radius:0; } -.wp-block-button.is-style-outline > .wp-block-button__link, -.wp-block-button .wp-block-button__link.is-style-outline { - border: 2px solid currentColor; - padding: 0.667em 1.333em; +.wp-block-button.no-border-radius,.wp-block-button__link.no-border-radius{ + border-radius:0 !important; } -.wp-block-button.is-style-outline > .wp-block-button__link:not(.has-text-color), -.wp-block-button .wp-block-button__link.is-style-outline:not(.has-text-color) { - color: currentColor; +.wp-block-button .wp-block-button__link.is-style-outline,.wp-block-button.is-style-outline>.wp-block-button__link{ + border:2px solid; + padding:.667em 1.333em; } -.wp-block-button.is-style-outline > .wp-block-button__link:not(.has-background), -.wp-block-button .wp-block-button__link.is-style-outline:not(.has-background) { - background-color: transparent; - background-image: none; +.wp-block-button .wp-block-button__link.is-style-outline:not(.has-text-color),.wp-block-button.is-style-outline>.wp-block-button__link:not(.has-text-color){ + color:currentColor; } -.wp-block-buttons { - /* stylelint-disable indentation */ +.wp-block-button .wp-block-button__link.is-style-outline:not(.has-background),.wp-block-button.is-style-outline>.wp-block-button__link:not(.has-background){ + background-color:initial; + background-image:none; } -.wp-block-buttons.is-vertical { - flex-direction: column; +.wp-block-buttons.is-vertical{ + flex-direction:column; } -.wp-block-buttons.is-vertical > .wp-block-button:last-child { - margin-bottom: 0; +.wp-block-buttons.is-vertical>.wp-block-button:last-child{ + margin-bottom:0; } -.wp-block-buttons > .wp-block-button { - display: inline-block; - margin: 0; +.wp-block-buttons>.wp-block-button{ + display:inline-block; + margin:0; } -.wp-block-buttons.is-content-justification-left { - justify-content: flex-start; +.wp-block-buttons.is-content-justification-left{ + justify-content:flex-start; } -.wp-block-buttons.is-content-justification-left.is-vertical { - align-items: flex-start; +.wp-block-buttons.is-content-justification-left.is-vertical{ + align-items:flex-start; } -.wp-block-buttons.is-content-justification-center { - justify-content: center; +.wp-block-buttons.is-content-justification-center{ + justify-content:center; } -.wp-block-buttons.is-content-justification-center.is-vertical { - align-items: center; +.wp-block-buttons.is-content-justification-center.is-vertical{ + align-items:center; } -.wp-block-buttons.is-content-justification-right { - justify-content: flex-end; +.wp-block-buttons.is-content-justification-right{ + justify-content:flex-end; } -.wp-block-buttons.is-content-justification-right.is-vertical { - align-items: flex-end; +.wp-block-buttons.is-content-justification-right.is-vertical{ + align-items:flex-end; } -.wp-block-buttons.is-content-justification-space-between { - justify-content: space-between; +.wp-block-buttons.is-content-justification-space-between{ + justify-content:space-between; } -.wp-block-buttons.aligncenter { - text-align: center; +.wp-block-buttons.aligncenter{ + text-align:center; } -.wp-block-buttons:not(.is-content-justification-space-between, -.is-content-justification-right, -.is-content-justification-left, -.is-content-justification-center) .wp-block-button.aligncenter { - /* stylelint-enable indentation */ - margin-right: auto; - margin-left: auto; - width: 100%; +.wp-block-buttons:not(.is-content-justification-space-between,.is-content-justification-right,.is-content-justification-left,.is-content-justification-center) .wp-block-button.aligncenter{ + margin-left:auto; + margin-right:auto; + width:100%; } -.wp-block-buttons[style*=text-decoration] .wp-block-button, -.wp-block-buttons[style*=text-decoration] .wp-block-button__link { - text-decoration: inherit; +.wp-block-buttons[style*=text-decoration] .wp-block-button,.wp-block-buttons[style*=text-decoration] .wp-block-button__link{ + text-decoration:inherit; } -.wp-block-buttons.has-custom-font-size .wp-block-button__link { - font-size: inherit; +.wp-block-buttons.has-custom-font-size .wp-block-button__link{ + font-size:inherit; } -.wp-block-button.aligncenter { - text-align: center; +.wp-block-button.aligncenter,.wp-block-calendar{ + text-align:center; } - -.wp-block-calendar { - text-align: center; +.wp-block-calendar tbody td,.wp-block-calendar th{ + border:1px solid #ddd; + padding:.25em; } -.wp-block-calendar th, -.wp-block-calendar tbody td { - padding: 0.25em; - border: 1px solid #ddd; +.wp-block-calendar tfoot td{ + border:none; } -.wp-block-calendar tfoot td { - border: none; +.wp-block-calendar table{ + border-collapse:collapse; + width:100%; } -.wp-block-calendar table { - width: 100%; - border-collapse: collapse; +.wp-block-calendar table th{ + background:#ddd; + font-weight:400; } -.wp-block-calendar table th { - font-weight: 400; - background: #ddd; +.wp-block-calendar a{ + text-decoration:underline; } -.wp-block-calendar a { - text-decoration: underline; -} -.wp-block-calendar table tbody, -.wp-block-calendar table caption { - color: #40464d; +.wp-block-calendar table caption,.wp-block-calendar table tbody{ + color:#40464d; } -.wp-block-categories { - box-sizing: border-box; +.wp-block-categories{ + box-sizing:border-box; } -.wp-block-categories.alignleft { - margin-right: 2em; +.wp-block-categories.alignleft{ + margin-right:2em; } -.wp-block-categories.alignright { - margin-left: 2em; +.wp-block-categories.alignright{ + margin-left:2em; } -.wp-block-code { - box-sizing: border-box; +.wp-block-code{ + box-sizing:border-box; } -.wp-block-code code { - display: block; - font-family: inherit; - overflow-wrap: break-word; - white-space: pre-wrap; +.wp-block-code code{ + display:block; + font-family:inherit; + overflow-wrap:break-word; + white-space:pre-wrap; } -.wp-block-columns { - display: flex; - margin-bottom: 1.75em; - box-sizing: border-box; - flex-wrap: wrap !important; - align-items: initial !important; - /** - * All Columns Alignment - */ +.wp-block-columns{ + align-items:normal !important; + box-sizing:border-box; + display:flex; + flex-wrap:wrap !important; + margin-bottom:1.75em; } -@media (min-width: 782px) { - .wp-block-columns { - flex-wrap: nowrap !important; +@media (min-width:782px){ + .wp-block-columns{ + flex-wrap:nowrap !important; } } -.wp-block-columns.are-vertically-aligned-top { - align-items: flex-start; +.wp-block-columns.are-vertically-aligned-top{ + align-items:flex-start; } -.wp-block-columns.are-vertically-aligned-center { - align-items: center; +.wp-block-columns.are-vertically-aligned-center{ + align-items:center; } -.wp-block-columns.are-vertically-aligned-bottom { - align-items: flex-end; +.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 (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; +@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: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{ + 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 { - flex-basis: 0; - flex-grow: 1; +.wp-block-columns.is-not-stacked-on-mobile>.wp-block-column[style*=flex-basis]{ + flex-grow:0; } -.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; } -:where(.wp-block-columns.has-background) { - padding: 1.25em 2.375em; +.wp-block-column{ + flex-grow:1; + min-width:0; + overflow-wrap:break-word; + word-break:break-word; +} +.wp-block-column.is-vertically-aligned-top{ + align-self:flex-start; +} +.wp-block-column.is-vertically-aligned-center{ + align-self:center; +} +.wp-block-column.is-vertically-aligned-bottom{ + align-self:flex-end; +} +.wp-block-column.is-vertically-aligned-bottom,.wp-block-column.is-vertically-aligned-center,.wp-block-column.is-vertically-aligned-top{ + width:100%; +} +.wp-block-post-comments .alignleft{ + float:right; +} +.wp-block-post-comments .alignright{ + float:left; +} +.wp-block-post-comments .navigation:after{ + clear:both; + content:""; + display:table; +} +.wp-block-post-comments .commentlist{ + clear:both; + list-style:none; + margin:0; + padding:0; +} +.wp-block-post-comments .commentlist .comment{ + min-height:2.25em; + padding-right:3.25em; +} +.wp-block-post-comments .commentlist .comment p{ + font-size:1em; + line-height:1.8; + margin:1em 0; +} +.wp-block-post-comments .commentlist .children{ + list-style:none; + margin:0; + padding:0; +} +.wp-block-post-comments .comment-author{ + line-height:1.5; +} +.wp-block-post-comments .comment-author .avatar{ + border-radius:1.5em; + display:block; + float:right; + height:2.5em; + margin-left:.75em; + margin-top:.5em; + width:2.5em; +} +.wp-block-post-comments .comment-author cite{ + font-style:normal; +} +.wp-block-post-comments .comment-meta{ + font-size:.875em; + line-height:1.5; +} +.wp-block-post-comments .comment-meta b{ + font-weight:400; +} +.wp-block-post-comments .comment-meta .comment-awaiting-moderation{ + display:block; + margin-bottom:1em; + margin-top:1em; +} +.wp-block-post-comments .comment-body .commentmetadata{ + font-size:.875em; +} +.wp-block-post-comments .comment-form-author label,.wp-block-post-comments .comment-form-comment label,.wp-block-post-comments .comment-form-email label,.wp-block-post-comments .comment-form-url label{ + display:block; + margin-bottom:.25em; +} +.wp-block-post-comments .comment-form input:not([type=submit]):not([type=checkbox]),.wp-block-post-comments .comment-form textarea{ + box-sizing:border-box; + display:block; + width:100%; +} +.wp-block-post-comments .comment-form-cookies-consent{ + display:flex; + gap:.25em; +} +.wp-block-post-comments .comment-form-cookies-consent #wp-comment-cookies-consent{ + margin-top:.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:.5em; +} +.wp-block-post-comments .reply{ + font-size:.875em; + margin-bottom:1.4em; +} +.wp-block-post-comments input:not([type=submit]),.wp-block-post-comments textarea{ + border:1px solid #949494; + font-family:inherit; + font-size:1em; +} +.wp-block-post-comments input:not([type=submit]):not([type=checkbox]),.wp-block-post-comments textarea{ + padding:calc(.667em + 2px); +} + +:where(.wp-block-post-comments input[type=submit]){ + border:none; +} + +.wp-block-comments-pagination>.wp-block-comments-pagination-next,.wp-block-comments-pagination>.wp-block-comments-pagination-numbers,.wp-block-comments-pagination>.wp-block-comments-pagination-previous{ + margin-bottom:.5em; + margin-right:.5em; +} +.wp-block-comments-pagination>.wp-block-comments-pagination-next:last-child,.wp-block-comments-pagination>.wp-block-comments-pagination-numbers:last-child,.wp-block-comments-pagination>.wp-block-comments-pagination-previous:last-child{ + margin-right:0; +} +.wp-block-comments-pagination .wp-block-comments-pagination-previous-arrow{ + display:inline-block; + margin-left:1ch; +} +.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{ + display:inline-block; + margin-right:1ch; +} +.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-column { - flex-grow: 1; - min-width: 0; - word-break: break-word; - overflow-wrap: break-word; - /** - * Individual Column Alignment - */ +.wp-block-comment-template{ + list-style:none; + margin-bottom:0; + max-width:100%; + padding:0; } -.wp-block-column.is-vertically-aligned-top { - align-self: flex-start; +.wp-block-comment-template li{ + clear:both; } -.wp-block-column.is-vertically-aligned-center { - align-self: center; +.wp-block-comment-template ol{ + list-style:none; + margin-bottom:0; + max-width:100%; + padding-right:2rem; } -.wp-block-column.is-vertically-aligned-bottom { - align-self: flex-end; +.wp-block-comment-template.alignleft{ + float:right; } -.wp-block-column.is-vertically-aligned-top, .wp-block-column.is-vertically-aligned-center, .wp-block-column.is-vertically-aligned-bottom { - width: 100%; +.wp-block-comment-template.aligncenter{ + margin-left:auto; + margin-right:auto; + width:-moz-fit-content; + width:fit-content; +} +.wp-block-comment-template.alignright{ + float:left; } -/* Styles for backwards compatibility with the legacy `post-comments` block */ -.wp-block-post-comments { - /* utility classes */ - /* end utility classes */ +.wp-block-cover,.wp-block-cover-image{ + align-items:center; + background-position:50%; + box-sizing:border-box; direction:ltr; + display:flex; + justify-content:center; + min-height:430px; + padding:1em; + position:relative; +} +.wp-block-cover .has-background-dim:not([class*=-background-color]),.wp-block-cover-image .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]){ + background-color:#000; +} +.wp-block-cover .has-background-dim.has-background-gradient,.wp-block-cover-image .has-background-dim.has-background-gradient{ + background-color:initial; +} +.wp-block-cover-image.has-background-dim:before,.wp-block-cover.has-background-dim:before{ + background-color:inherit; + content:""; +} +.wp-block-cover .wp-block-cover__background,.wp-block-cover .wp-block-cover__gradient-background,.wp-block-cover-image .wp-block-cover__background,.wp-block-cover-image .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim:not(.has-background-gradient):before,.wp-block-cover.has-background-dim:not(.has-background-gradient):before{ + bottom:0; + left:0; + opacity:.5; + position:absolute; + right:0; + top:0; + z-index:1; +} +.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-image.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,.wp-block-cover.has-background-dim.has-background-dim-10:not(.has-background-gradient):before{ + opacity:.1; +} +.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-image.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,.wp-block-cover.has-background-dim.has-background-dim-20:not(.has-background-gradient):before{ + opacity:.2; +} +.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-image.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,.wp-block-cover.has-background-dim.has-background-dim-30:not(.has-background-gradient):before{ + opacity:.3; +} +.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-image.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,.wp-block-cover.has-background-dim.has-background-dim-40:not(.has-background-gradient):before{ + opacity:.4; } -.wp-block-post-comments .alignleft { - float: right; +.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-image.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,.wp-block-cover.has-background-dim.has-background-dim-50:not(.has-background-gradient):before{ + opacity:.5; } -.wp-block-post-comments .alignright { - float: left; +.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-image.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,.wp-block-cover.has-background-dim.has-background-dim-60:not(.has-background-gradient):before{ + opacity:.6; } -.wp-block-post-comments .navigation::after { - content: ""; - display: table; - clear: both; +.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-image.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,.wp-block-cover.has-background-dim.has-background-dim-70:not(.has-background-gradient):before{ + opacity:.7; } -.wp-block-post-comments .commentlist { - clear: both; - list-style: none; - margin: 0; - padding: 0; +.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-image.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,.wp-block-cover.has-background-dim.has-background-dim-80:not(.has-background-gradient):before{ + opacity:.8; } -.wp-block-post-comments .commentlist .comment { - min-height: 2.25em; - padding-right: 3.25em; +.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-image.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,.wp-block-cover.has-background-dim.has-background-dim-90:not(.has-background-gradient):before{ + opacity:.9; } -.wp-block-post-comments .commentlist .comment p { - font-size: 1em; - line-height: 1.8; - margin: 1em 0; +.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-image.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,.wp-block-cover.has-background-dim.has-background-dim-100:not(.has-background-gradient):before{ + opacity:1; } -.wp-block-post-comments .commentlist .children { - list-style: none; - margin: 0; - padding: 0; +.wp-block-cover .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-image .wp-block-cover__background.has-background-dim.has-background-dim-0,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-0{ + opacity:0; } -.wp-block-post-comments .comment-author { - line-height: 1.5; +.wp-block-cover .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-image .wp-block-cover__background.has-background-dim.has-background-dim-10,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-10{ + opacity:.1; } -.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; +.wp-block-cover .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-image .wp-block-cover__background.has-background-dim.has-background-dim-20,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-20{ + opacity:.2; } -.wp-block-post-comments .comment-author cite { - font-style: normal; +.wp-block-cover .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-image .wp-block-cover__background.has-background-dim.has-background-dim-30,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-30{ + opacity:.3; } -.wp-block-post-comments .comment-meta { - font-size: 0.875em; - line-height: 1.5; +.wp-block-cover .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-image .wp-block-cover__background.has-background-dim.has-background-dim-40,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-40{ + opacity:.4; } -.wp-block-post-comments .comment-meta b { - font-weight: normal; +.wp-block-cover .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-image .wp-block-cover__background.has-background-dim.has-background-dim-50,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-50{ + opacity:.5; } -.wp-block-post-comments .comment-meta .comment-awaiting-moderation { - margin-top: 1em; - margin-bottom: 1em; - display: block; +.wp-block-cover .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-image .wp-block-cover__background.has-background-dim.has-background-dim-60,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-60{ + opacity:.6; } -.wp-block-post-comments .comment-body .commentmetadata { - font-size: 0.875em; +.wp-block-cover .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-image .wp-block-cover__background.has-background-dim.has-background-dim-70,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-70{ + opacity:.7; } -.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; - margin-bottom: 0.25em; +.wp-block-cover .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-image .wp-block-cover__background.has-background-dim.has-background-dim-80,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-80{ + opacity:.8; } -.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.875em; - margin-bottom: 1.4em; -} -.wp-block-post-comments textarea, -.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); -} - -:where(.wp-block-post-comments input[type="submit"]) { - border: none; -} - -.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-comment-template.alignleft { - float: right; -} -.wp-block-comment-template.aligncenter { - margin-right: auto; - margin-left: auto; - width: -moz-fit-content; - width: fit-content; -} -.wp-block-comment-template.alignright { - float: left; -} - -.wp-block-cover-image, -.wp-block-cover { - position: relative; - background-position: center center; - min-height: 430px; - display: flex; - justify-content: center; - align-items: center; - padding: 1em; - box-sizing: border-box; direction: ltr; - /** - * Set a default background color for has-background-dim _unless_ it includes another - * background-color class (e.g. has-green-background-color). The presence of another - * background-color class implies that another style will provide the background color - * for the overlay. - * - * See: - * - Issue with background color specificity: https://github.com/WordPress/gutenberg/issues/26545 - * - Issue with alternative fix: https://github.com/WordPress/gutenberg/issues/26545 - */ -} -.wp-block-cover-image.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; - right: 0; - bottom: 0; - left: 0; - z-index: 1; - 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.alignleft, .wp-block-cover-image.alignright, -.wp-block-cover.alignleft, -.wp-block-cover.alignright { - max-width: 420px; - width: 100%; -} -.wp-block-cover-image::after, -.wp-block-cover::after { - display: block; - content: ""; - font-size: 0; - min-height: inherit; -} -@supports (position: sticky) { - .wp-block-cover-image::after, -.wp-block-cover::after { - content: none; +.wp-block-cover .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-image .wp-block-cover__background.has-background-dim.has-background-dim-90,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-90{ + opacity:.9; +} +.wp-block-cover .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-image .wp-block-cover__background.has-background-dim.has-background-dim-100,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-100{ + opacity:1; +} +.wp-block-cover-image.alignleft,.wp-block-cover-image.alignright,.wp-block-cover.alignleft,.wp-block-cover.alignright{ + max-width:420px; + width:100%; +} +.wp-block-cover-image:after,.wp-block-cover:after{ + content:""; + display:block; + font-size:0; + min-height:inherit; +} +@supports (position:sticky){ + .wp-block-cover-image:after,.wp-block-cover:after{ + content:none; } } -.wp-block-cover-image.aligncenter, .wp-block-cover-image.alignleft, .wp-block-cover-image.alignright, -.wp-block-cover.aligncenter, -.wp-block-cover.alignleft, -.wp-block-cover.alignright { - display: flex; -} -.wp-block-cover-image .wp-block-cover__inner-container, -.wp-block-cover .wp-block-cover__inner-container { - width: 100%; - z-index: 1; - color: #fff; direction: rtl; -} -.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), -.wp-block-cover-image h3:not(.has-text-color), -.wp-block-cover-image h4:not(.has-text-color), -.wp-block-cover-image h5:not(.has-text-color), -.wp-block-cover-image h6:not(.has-text-color), -.wp-block-cover p:not(.has-text-color), -.wp-block-cover h1:not(.has-text-color), -.wp-block-cover h2:not(.has-text-color), -.wp-block-cover h3:not(.has-text-color), -.wp-block-cover h4:not(.has-text-color), -.wp-block-cover h5:not(.has-text-color), -.wp-block-cover h6:not(.has-text-color) { - color: inherit; -} -.wp-block-cover-image.is-position-top-left, -.wp-block-cover.is-position-top-left { - align-items: flex-start; - justify-content: flex-start; -} -.wp-block-cover-image.is-position-top-center, -.wp-block-cover.is-position-top-center { - align-items: flex-start; - justify-content: center; -} -.wp-block-cover-image.is-position-top-right, -.wp-block-cover.is-position-top-right { - align-items: flex-start; - justify-content: flex-end; -} -.wp-block-cover-image.is-position-center-left, -.wp-block-cover.is-position-center-left { - align-items: center; - justify-content: flex-start; -} -.wp-block-cover-image.is-position-center-center, -.wp-block-cover.is-position-center-center { - align-items: center; - justify-content: center; -} -.wp-block-cover-image.is-position-center-right, -.wp-block-cover.is-position-center-right { - align-items: center; - justify-content: flex-end; -} -.wp-block-cover-image.is-position-bottom-left, -.wp-block-cover.is-position-bottom-left { - align-items: flex-end; - justify-content: flex-start; -} -.wp-block-cover-image.is-position-bottom-center, -.wp-block-cover.is-position-bottom-center { - align-items: flex-end; - justify-content: center; -} -.wp-block-cover-image.is-position-bottom-right, -.wp-block-cover.is-position-bottom-right { - align-items: flex-end; - justify-content: flex-end; -} -.wp-block-cover-image.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container, -.wp-block-cover.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container { - margin: 0; - width: auto; -} -.wp-block-cover-image .wp-block-cover__image-background, -.wp-block-cover-image video.wp-block-cover__video-background, -.wp-block-cover .wp-block-cover__image-background, -.wp-block-cover video.wp-block-cover__video-background { - position: absolute; - top: 0; - right: 0; - left: 0; - bottom: 0; - margin: 0; - padding: 0; - width: 100%; - height: 100%; - max-width: none; - max-height: none; - -o-object-fit: cover; - object-fit: cover; - outline: none; - border: none; - box-shadow: none; -} - -.wp-block-cover-image.has-parallax, -.wp-block-cover.has-parallax, -.wp-block-cover__image-background.has-parallax, -video.wp-block-cover__video-background.has-parallax { - background-attachment: fixed; - background-size: cover; - background-repeat: no-repeat; -} -@supports (-webkit-overflow-scrolling: touch) { - .wp-block-cover-image.has-parallax, -.wp-block-cover.has-parallax, -.wp-block-cover__image-background.has-parallax, -video.wp-block-cover__video-background.has-parallax { - background-attachment: scroll; +.wp-block-cover-image.aligncenter,.wp-block-cover-image.alignleft,.wp-block-cover-image.alignright,.wp-block-cover.aligncenter,.wp-block-cover.alignleft,.wp-block-cover.alignright{ + display:flex; +} +.wp-block-cover .wp-block-cover__inner-container,.wp-block-cover-image .wp-block-cover__inner-container{ + color:#fff; direction:rtl; + width:100%; + z-index:1; +} +.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 h1:not(.has-text-color),.wp-block-cover h2:not(.has-text-color),.wp-block-cover h3:not(.has-text-color),.wp-block-cover h4:not(.has-text-color),.wp-block-cover h5:not(.has-text-color),.wp-block-cover h6:not(.has-text-color),.wp-block-cover p:not(.has-text-color),.wp-block-cover-image h1:not(.has-text-color),.wp-block-cover-image h2:not(.has-text-color),.wp-block-cover-image h3:not(.has-text-color),.wp-block-cover-image h4:not(.has-text-color),.wp-block-cover-image h5:not(.has-text-color),.wp-block-cover-image h6:not(.has-text-color),.wp-block-cover-image p:not(.has-text-color){ + color:inherit; +} +.wp-block-cover-image.is-position-top-left,.wp-block-cover.is-position-top-left{ + align-items:flex-start; + justify-content:flex-start; +} +.wp-block-cover-image.is-position-top-center,.wp-block-cover.is-position-top-center{ + align-items:flex-start; + justify-content:center; +} +.wp-block-cover-image.is-position-top-right,.wp-block-cover.is-position-top-right{ + align-items:flex-start; + justify-content:flex-end; +} +.wp-block-cover-image.is-position-center-left,.wp-block-cover.is-position-center-left{ + align-items:center; + justify-content:flex-start; +} +.wp-block-cover-image.is-position-center-center,.wp-block-cover.is-position-center-center{ + align-items:center; + justify-content:center; +} +.wp-block-cover-image.is-position-center-right,.wp-block-cover.is-position-center-right{ + align-items:center; + justify-content:flex-end; +} +.wp-block-cover-image.is-position-bottom-left,.wp-block-cover.is-position-bottom-left{ + align-items:flex-end; + justify-content:flex-start; +} +.wp-block-cover-image.is-position-bottom-center,.wp-block-cover.is-position-bottom-center{ + align-items:flex-end; + justify-content:center; +} +.wp-block-cover-image.is-position-bottom-right,.wp-block-cover.is-position-bottom-right{ + align-items:flex-end; + justify-content:flex-end; +} +.wp-block-cover-image.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container,.wp-block-cover.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container{ + margin:0; + width:auto; +} +.wp-block-cover .wp-block-cover__image-background,.wp-block-cover video.wp-block-cover__video-background,.wp-block-cover-image .wp-block-cover__image-background,.wp-block-cover-image video.wp-block-cover__video-background{ + border:none; + bottom:0; + box-shadow:none; + height:100%; + left:0; + margin:0; + max-height:none; + max-width:none; + -o-object-fit:cover; + object-fit:cover; + outline:none; + padding:0; + position:absolute; + right:0; + top:0; + width:100%; +} + +.wp-block-cover-image.has-parallax,.wp-block-cover.has-parallax,.wp-block-cover__image-background.has-parallax,video.wp-block-cover__video-background.has-parallax{ + background-attachment:fixed; + background-repeat:no-repeat; + background-size:cover; +} +@supports (-webkit-overflow-scrolling:touch){ + .wp-block-cover-image.has-parallax,.wp-block-cover.has-parallax,.wp-block-cover__image-background.has-parallax,video.wp-block-cover__video-background.has-parallax{ + background-attachment:scroll; } } -@media (prefers-reduced-motion: reduce) { - .wp-block-cover-image.has-parallax, -.wp-block-cover.has-parallax, -.wp-block-cover__image-background.has-parallax, -video.wp-block-cover__video-background.has-parallax { - background-attachment: scroll; +@media (prefers-reduced-motion:reduce){ + .wp-block-cover-image.has-parallax,.wp-block-cover.has-parallax,.wp-block-cover__image-background.has-parallax,video.wp-block-cover__video-background.has-parallax{ + background-attachment:scroll; } } -.wp-block-cover-image.is-repeated, -.wp-block-cover.is-repeated, -.wp-block-cover__image-background.is-repeated, -video.wp-block-cover__video-background.is-repeated { - background-repeat: repeat; - background-size: auto; +.wp-block-cover-image.is-repeated,.wp-block-cover.is-repeated,.wp-block-cover__image-background.is-repeated,video.wp-block-cover__video-background.is-repeated{ + background-repeat:repeat; + background-size:auto; +} + +.wp-block-cover__image-background,.wp-block-cover__video-background{ + z-index:0; +} +.wp-block-cover-image-text,.wp-block-cover-image-text a,.wp-block-cover-image-text a:active,.wp-block-cover-image-text a:focus,.wp-block-cover-image-text a:hover,.wp-block-cover-text,.wp-block-cover-text a,.wp-block-cover-text a:active,.wp-block-cover-text a:focus,.wp-block-cover-text a:hover,section.wp-block-cover-image h2,section.wp-block-cover-image h2 a,section.wp-block-cover-image h2 a:active,section.wp-block-cover-image h2 a:focus,section.wp-block-cover-image h2 a:hover{ + color:#fff; } -.wp-block-cover__video-background { - z-index: 0; +.wp-block-cover-image .wp-block-cover.has-left-content{ + justify-content:flex-start; +} +.wp-block-cover-image .wp-block-cover.has-right-content{ + justify-content:flex-end; } -.wp-block-cover__image-background { - z-index: 0; +.wp-block-cover-image.has-left-content .wp-block-cover-image-text,.wp-block-cover.has-left-content .wp-block-cover-text,section.wp-block-cover-image.has-left-content>h2{ + margin-right:0; + text-align:right; } -section.wp-block-cover-image h2, -.wp-block-cover-image-text, -.wp-block-cover-text { - color: #fff; +.wp-block-cover-image.has-right-content .wp-block-cover-image-text,.wp-block-cover.has-right-content .wp-block-cover-text,section.wp-block-cover-image.has-right-content>h2{ + margin-left:0; + text-align:left; } -section.wp-block-cover-image h2 a, -section.wp-block-cover-image h2 a:hover, -section.wp-block-cover-image h2 a:focus, -section.wp-block-cover-image h2 a:active, -.wp-block-cover-image-text a, -.wp-block-cover-image-text a:hover, -.wp-block-cover-image-text a:focus, -.wp-block-cover-image-text a:active, -.wp-block-cover-text a, -.wp-block-cover-text a:hover, -.wp-block-cover-text a:focus, -.wp-block-cover-text a:active { - color: #fff; + +.wp-block-cover .wp-block-cover-text,.wp-block-cover-image .wp-block-cover-image-text,section.wp-block-cover-image>h2{ + font-size:2em; + line-height:1.25; + margin-bottom:0; + max-width:840px; + padding:.44em; + text-align:center; + z-index:1; } -.wp-block-cover-image .wp-block-cover.has-left-content { - justify-content: flex-start; +.wp-block-embed.alignleft,.wp-block-embed.alignright,.wp-block[data-align=left]>[data-type="core/embed"],.wp-block[data-align=right]>[data-type="core/embed"]{ + max-width:360px; + width:100%; } -.wp-block-cover-image .wp-block-cover.has-right-content { - justify-content: flex-end; +.wp-block-embed.alignleft .wp-block-embed__wrapper,.wp-block-embed.alignright .wp-block-embed__wrapper,.wp-block[data-align=left]>[data-type="core/embed"] .wp-block-embed__wrapper,.wp-block[data-align=right]>[data-type="core/embed"] .wp-block-embed__wrapper{ + min-width:280px; } -section.wp-block-cover-image.has-left-content > h2, -.wp-block-cover-image.has-left-content .wp-block-cover-image-text, -.wp-block-cover.has-left-content .wp-block-cover-text { - margin-right: 0; - text-align: right; +.wp-block-cover .wp-block-embed{ + min-height:240px; + min-width:320px; } -section.wp-block-cover-image.has-right-content > h2, -.wp-block-cover-image.has-right-content .wp-block-cover-image-text, -.wp-block-cover.has-right-content .wp-block-cover-text { - margin-left: 0; - text-align: left; +.wp-block-embed{ + overflow-wrap:break-word; +} +.wp-block-embed figcaption{ + margin-bottom:1em; + margin-top:.5em; +} +.wp-block-embed iframe{ + max-width:100%; } -section.wp-block-cover-image > h2, -.wp-block-cover-image .wp-block-cover-image-text, -.wp-block-cover .wp-block-cover-text { - font-size: 2em; - line-height: 1.25; - z-index: 1; - margin-bottom: 0; - max-width: 840px; - padding: 0.44em; - text-align: center; +.wp-block-embed__wrapper{ + position:relative; } -.wp-block[data-align=left] > [data-type="core/embed"], -.wp-block[data-align=right] > [data-type="core/embed"], -.wp-block-embed.alignleft, -.wp-block-embed.alignright { - max-width: 360px; - width: 100%; +.wp-embed-responsive .wp-has-aspect-ratio .wp-block-embed__wrapper:before{ + content:""; + display:block; + padding-top:50%; } -.wp-block[data-align=left] > [data-type="core/embed"] .wp-block-embed__wrapper, -.wp-block[data-align=right] > [data-type="core/embed"] .wp-block-embed__wrapper, -.wp-block-embed.alignleft .wp-block-embed__wrapper, -.wp-block-embed.alignright .wp-block-embed__wrapper { - min-width: 280px; +.wp-embed-responsive .wp-has-aspect-ratio iframe{ + bottom:0; + height:100%; + left:0; + position:absolute; + right:0; + top:0; + width:100%; } -.wp-block-cover .wp-block-embed { - min-width: 320px; - min-height: 240px; +.wp-embed-responsive .wp-embed-aspect-21-9 .wp-block-embed__wrapper:before{ + padding-top:42.85%; +} +.wp-embed-responsive .wp-embed-aspect-18-9 .wp-block-embed__wrapper:before{ + padding-top:50%; +} +.wp-embed-responsive .wp-embed-aspect-16-9 .wp-block-embed__wrapper:before{ + padding-top:56.25%; +} +.wp-embed-responsive .wp-embed-aspect-4-3 .wp-block-embed__wrapper:before{ + padding-top:75%; +} +.wp-embed-responsive .wp-embed-aspect-1-1 .wp-block-embed__wrapper:before{ + padding-top:100%; +} +.wp-embed-responsive .wp-embed-aspect-9-16 .wp-block-embed__wrapper:before{ + padding-top:177.77%; +} +.wp-embed-responsive .wp-embed-aspect-1-2 .wp-block-embed__wrapper:before{ + padding-top:200%; } -.wp-block-embed { - overflow-wrap: break-word; +.wp-block-file{ + margin-bottom:1.5em; +} +.wp-block-file:not(.wp-element-button){ + font-size:.8em; +} +.wp-block-file.aligncenter{ + text-align:center; } -.wp-block-embed figcaption { - margin-top: 0.5em; - margin-bottom: 1em; +.wp-block-file.alignright{ + text-align:right; } -.wp-block-embed iframe { - max-width: 100%; +.wp-block-file *+.wp-block-file__button{ + margin-right:.75em; } -.wp-block-embed__wrapper { - position: relative; +.wp-block-file__embed{ + margin-bottom:1em; } -.wp-embed-responsive .wp-has-aspect-ratio .wp-block-embed__wrapper::before { - content: ""; - display: block; - padding-top: 50%; +:where(.wp-block-file__button){ + border-radius:2em; + padding:.5em 1em; } -.wp-embed-responsive .wp-has-aspect-ratio iframe { - position: absolute; - top: 0; - left: 0; - bottom: 0; - right: 0; - height: 100%; - width: 100%; +:where(.wp-block-file__button):is(a):active,:where(.wp-block-file__button):is(a):focus,:where(.wp-block-file__button):is(a):hover,:where(.wp-block-file__button):is(a):visited{ + box-shadow:none; + color:#fff; + opacity:.85; + text-decoration:none; } -.wp-embed-responsive .wp-embed-aspect-21-9 .wp-block-embed__wrapper::before { - padding-top: 42.85%; +.blocks-gallery-grid:not(.has-nested-images),.wp-block-gallery:not(.has-nested-images){ + display:flex; + flex-wrap:wrap; + list-style-type:none; + margin:0; + padding:0; } -.wp-embed-responsive .wp-embed-aspect-18-9 .wp-block-embed__wrapper::before { - padding-top: 50%; -} -.wp-embed-responsive .wp-embed-aspect-16-9 .wp-block-embed__wrapper::before { - padding-top: 56.25%; -} -.wp-embed-responsive .wp-embed-aspect-4-3 .wp-block-embed__wrapper::before { - padding-top: 75%; -} -.wp-embed-responsive .wp-embed-aspect-1-1 .wp-block-embed__wrapper::before { - padding-top: 100%; -} -.wp-embed-responsive .wp-embed-aspect-9-16 .wp-block-embed__wrapper::before { - padding-top: 177.77%; -} -.wp-embed-responsive .wp-embed-aspect-1-2 .wp-block-embed__wrapper::before { - padding-top: 200%; -} - -.wp-block-file { - margin-bottom: 1.5em; -} -.wp-block-file:not(.wp-element-button) { - font-size: 0.8em; -} -.wp-block-file.aligncenter { - text-align: center; -} -.wp-block-file.alignright { - text-align: right; -} -.wp-block-file * + .wp-block-file__button { - margin-right: 0.75em; -} - -.wp-block-file__embed { - margin-bottom: 1em; -} - -:where(.wp-block-file__button) { - border-radius: 2em; - padding: 0.5em 1em; -} -:where(.wp-block-file__button):is(a):hover, :where(.wp-block-file__button):is(a):visited, :where(.wp-block-file__button):is(a):focus, :where(.wp-block-file__button):is(a):active { - box-shadow: none; - color: #fff; - opacity: 0.85; - text-decoration: none; -} - -.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: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; - width: calc(50% - 1em); -} -.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: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%; - 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: 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%; - max-height: 100%; - overflow: auto; - padding: 3em 0.77em 0.7em; - color: #fff; - text-align: center; - font-size: 0.8em; - 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; - 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:not(.has-nested-images) figcaption, -.blocks-gallery-grid:not(.has-nested-images) figcaption { - flex-grow: 1; -} -.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%; - 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: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: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: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: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: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: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: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: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: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: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: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; - } +.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image,.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item{ + display:flex; + flex-direction:column; + flex-grow:1; + justify-content:center; + margin:0 0 1em 1em; + position:relative; + width:calc(50% - 1em); +} +.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image:nth-of-type(2n),.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item:nth-of-type(2n),.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image:nth-of-type(2n),.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item:nth-of-type(2n){ + margin-left:0; +} +.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image figure,.blocks-gallery-grid:not(.has-nested-images) .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{ + align-items:flex-end; + display:flex; + height:100%; + justify-content:flex-start; + margin:0; +} +.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image img,.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item img,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image img,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item img{ + display:block; + height:auto; + max-width:100%; + width:auto; +} +.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image figcaption,.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item figcaption,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image figcaption,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item figcaption{ + background:linear-gradient(0deg, rgba(0,0,0,.7), rgba(0,0,0,.3) 70%, transparent); + bottom:0; + box-sizing:border-box; + color:#fff; + font-size:.8em; + margin:0; + max-height:100%; + overflow:auto; + padding:3em .77em .7em; + position:absolute; + text-align:center; + width:100%; + z-index:2; +} +.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image figcaption img,.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item figcaption img,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image figcaption img,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item figcaption img{ + display:inline; +} +.blocks-gallery-grid:not(.has-nested-images) figcaption,.wp-block-gallery:not(.has-nested-images) figcaption{ + flex-grow:1; +} +.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,.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{ + flex:1; + height:100%; + -o-object-fit:cover; + object-fit:cover; + width:100%; +} +.blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-image,.blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-item,.wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-image,.wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-item{ + margin-left:0; + width:100%; +} +@media (min-width:600px){ + .blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-image,.blocks-gallery-grid:not(.has-nested-images).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{ + margin-left:1em; + width:calc(33.33333% - .66667em); + } + .blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-image,.blocks-gallery-grid:not(.has-nested-images).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{ + margin-left:1em; + width:calc(25% - .75em); + } + .blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-image,.blocks-gallery-grid:not(.has-nested-images).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{ + margin-left:1em; + width:calc(20% - .8em); + } + .blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-image,.blocks-gallery-grid:not(.has-nested-images).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{ + margin-left:1em; + width:calc(16.66667% - .83333em); + } + .blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-image,.blocks-gallery-grid:not(.has-nested-images).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{ + margin-left:1em; + width:calc(14.28571% - .85714em); + } + .blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-image,.blocks-gallery-grid:not(.has-nested-images).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{ + margin-left:1em; + width:calc(12.5% - .875em); + } + .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),.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),.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),.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),.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),.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),.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),.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),.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),.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),.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),.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),.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),.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),.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),.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){ + margin-left:0; + } +} +.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image:last-child,.blocks-gallery-grid:not(.has-nested-images) .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{ + margin-left:0; +} +.blocks-gallery-grid:not(.has-nested-images).alignleft,.blocks-gallery-grid:not(.has-nested-images).alignright,.wp-block-gallery:not(.has-nested-images).alignleft,.wp-block-gallery:not(.has-nested-images).alignright{ + max-width:420px; + width:100%; +} +.blocks-gallery-grid:not(.has-nested-images).aligncenter .blocks-gallery-item figure,.wp-block-gallery: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){ + margin:0; + width:calc(50% - var(--wp--style--unstable-gallery-gap, 16px)/2); +} +.wp-block-gallery.has-nested-images figure.wp-block-image{ + box-sizing:border-box; + display:flex; + flex-direction:column; + flex-grow:1; + justify-content:center; + max-width:100%; + position:relative; +} +.wp-block-gallery.has-nested-images figure.wp-block-image>a,.wp-block-gallery.has-nested-images figure.wp-block-image>div{ + flex-direction:column; + flex-grow:1; + margin:0; +} +.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,.7), rgba(0,0,0,.3) 70%, transparent); + bottom:0; + box-sizing:border-box; + color:#fff; + font-size:13px; + margin-bottom:0; + max-height:60%; + overflow:auto; + padding:0 8px 8px; + position:absolute; + right:0; + text-align:center; + width:100%; +} +.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.has-custom-border img{ + box-sizing:border-box; +} +.wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border>a,.wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border>div,.wp-block-gallery.has-nested-images figure.wp-block-image.is-style-rounded>a,.wp-block-gallery.has-nested-images figure.wp-block-image.is-style-rounded>div{ + flex:1 1 auto; +} +.wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border figcaption,.wp-block-gallery.has-nested-images figure.wp-block-image.is-style-rounded figcaption{ + background:none; + color:inherit; + flex:initial; + margin:0; + padding:10px 10px 9px; + position:relative; } -.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: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: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%; - box-sizing: border-box; -} -.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.has-custom-border img { - box-sizing: border-box; -} -.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, .wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border > div, -.wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border > a { - flex: 1 1 auto; -} -.wp-block-gallery.has-nested-images figure.wp-block-image.is-style-rounded figcaption, .wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border 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 figcaption{ + flex-basis:100%; + flex-grow:1; + text-align:center; +} +.wp-block-gallery.has-nested-images:not(.is-cropped) figure.wp-block-image:not(#individual-image){ + margin-bottom:auto; + margin-top:0; +} +.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)>a,.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image)>div:not(.components-drop-zone){ + 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{ + flex:1 0 0%; + height:100%; + -o-object-fit:cover; + object-fit:cover; + width:100%; +} +.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.33333% - var(--wp--style--unstable-gallery-gap, 16px)*.66667); } - .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-4 figure.wp-block-image:not(#individual-image){ + width:calc(25% - var(--wp--style--unstable-gallery-gap, 16px)*.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-5 figure.wp-block-image:not(#individual-image){ + width:calc(20% - var(--wp--style--unstable-gallery-gap, 16px)*.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-6 figure.wp-block-image:not(#individual-image){ + width:calc(16.66667% - var(--wp--style--unstable-gallery-gap, 16px)*.83333); } - .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-7 figure.wp-block-image:not(#individual-image){ + width:calc(14.28571% - var(--wp--style--unstable-gallery-gap, 16px)*.85714); } - .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-8 figure.wp-block-image:not(#individual-image){ + width:calc(12.5% - var(--wp--style--unstable-gallery-gap, 16px)*.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){ + width:calc(33.33% - var(--wp--style--unstable-gallery-gap, 16px)*.66667); } - .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(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)*.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.columns-default figure.wp-block-image:not(#individual-image):first-child:last-child{ + 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; -} - -.wp-block-group { - box-sizing: border-box; -} - -h1.has-background, -h2.has-background, -h3.has-background, -h4.has-background, -h5.has-background, -h6.has-background { - padding: 1.25em 2.375em; -} - -.wp-block-image img { - height: auto; - max-width: 100%; - vertical-align: bottom; - box-sizing: border-box; -} -.wp-block-image.has-custom-border img { - box-sizing: border-box; -} -.wp-block-image.aligncenter { - 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 { - display: table-caption; - caption-side: bottom; -} -.wp-block-image .alignleft { - float: left; - margin-left: 0; - margin-left: 1em; - margin-top: 0.5em; - margin-bottom: 0.5em; -} -.wp-block-image .alignright { - float: right; - margin-right: 0; - margin-right: 1em; - margin-top: 0.5em; - margin-bottom: 0.5em; -} -.wp-block-image .aligncenter { - margin-right: auto; - margin-left: auto; -} -.wp-block-image figcaption { - margin-top: 0.5em; - margin-bottom: 1em; -} -.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 { - border-radius: 9999px; -} -@supports ((-webkit-mask-image: none) or (mask-image: none)) or (-webkit-mask-image: none) { - .wp-block-image.is-style-circle-mask img { - /* stylelint-disable */ - -webkit-mask-image: url('data:image/svg+xml;utf8,'); - mask-image: url('data:image/svg+xml;utf8,'); - /* stylelint-enable */ - mask-mode: alpha; - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - -webkit-mask-size: contain; - mask-size: contain; - -webkit-mask-position: center; - mask-position: center; - border-radius: 0; +.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; +} + +.wp-block-group{ + box-sizing:border-box; +} + +h1.has-background,h2.has-background,h3.has-background,h4.has-background,h5.has-background,h6.has-background{ + padding:1.25em 2.375em; +} + +.wp-block-image img{ + height:auto; + max-width:100%; + vertical-align:bottom; +} +.wp-block-image img,.wp-block-image.has-custom-border img{ + box-sizing:border-box; +} +.wp-block-image.aligncenter{ + text-align:center; +} +.wp-block-image.alignfull img,.wp-block-image.alignwide img{ + height:auto; + width:100%; +} +.wp-block-image .aligncenter,.wp-block-image .alignleft,.wp-block-image .alignright,.wp-block-image.aligncenter,.wp-block-image.alignleft,.wp-block-image.alignright{ + display:table; +} +.wp-block-image .aligncenter>figcaption,.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{ + caption-side:bottom; + display:table-caption; +} +.wp-block-image .alignleft{ + float:left; + margin-bottom:.5em; + margin-left:1em; + margin-top:.5em; +} +.wp-block-image .alignright{ + float:right; + margin-bottom:.5em; + margin-right:1em; + margin-top:.5em; +} +.wp-block-image .aligncenter{ + margin-left:auto; + margin-right:auto; +} +.wp-block-image figcaption{ + margin-bottom:1em; + margin-top:.5em; +} +.wp-block-image .is-style-rounded img,.wp-block-image.is-style-circle-mask img,.wp-block-image.is-style-rounded img{ + border-radius:9999px; +} +@supports ((-webkit-mask-image:none) or (mask-image:none)) or (-webkit-mask-image:none){ + .wp-block-image.is-style-circle-mask img{ + border-radius:0; + -webkit-mask-image:url('data:image/svg+xml;utf8,'); + mask-image:url('data:image/svg+xml;utf8,'); + mask-mode:alpha; + -webkit-mask-position:center; + mask-position:center; + -webkit-mask-repeat:no-repeat; + mask-repeat:initial; + -webkit-mask-size:contain; + mask-size:contain; } } -.wp-block-image :where(.has-border-color) { - border-style: solid; +.wp-block-image :where(.has-border-color){ + border-style:solid; } -.wp-block-image :where([style*="border-top-color"]) { - border-top-style: solid; +.wp-block-image :where([style*=border-top-color]){ + border-top-style:solid; } -.wp-block-image :where([style*="border-right-color"]) { - border-left-style: solid; +.wp-block-image :where([style*=border-right-color]){ + border-left-style:solid; } -.wp-block-image :where([style*="border-bottom-color"]) { - border-bottom-style: solid; +.wp-block-image :where([style*=border-bottom-color]){ + border-bottom-style:solid; } -.wp-block-image :where([style*="border-left-color"]) { - border-right-style: solid; +.wp-block-image :where([style*=border-left-color]){ + border-right-style:solid; } -.wp-block-image :where([style*="border-width"]) { - border-style: solid; +.wp-block-image :where([style*=border-width]){ + border-style:solid; } -.wp-block-image :where([style*="border-top-width"]) { - border-top-style: solid; +.wp-block-image :where([style*=border-top-width]){ + border-top-style:solid; } -.wp-block-image :where([style*="border-right-width"]) { - border-left-style: solid; +.wp-block-image :where([style*=border-right-width]){ + border-left-style:solid; } -.wp-block-image :where([style*="border-bottom-width"]) { - border-bottom-style: solid; +.wp-block-image :where([style*=border-bottom-width]){ + border-bottom-style:solid; } -.wp-block-image :where([style*="border-left-width"]) { - border-right-style: solid; +.wp-block-image :where([style*=border-left-width]){ + border-right-style:solid; } -.wp-block-image figure { - margin: 0; +.wp-block-image figure{ + margin:0; } -ol.wp-block-latest-comments { - margin-right: 0; +ol.wp-block-latest-comments{ + margin-right:0; } -.wp-block-latest-comments .wp-block-latest-comments { - padding-right: 0; +.wp-block-latest-comments .wp-block-latest-comments{ + padding-right:0; } -.wp-block-latest-comments__comment { - line-height: 1.1; - list-style: none; - margin-bottom: 1em; +.wp-block-latest-comments__comment{ + line-height:1.1; + list-style:none; + margin-bottom:1em; } -.has-avatars .wp-block-latest-comments__comment { - min-height: 2.25em; - list-style: none; +.has-avatars .wp-block-latest-comments__comment{ + list-style:none; + min-height:2.25em; } -.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta, -.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt { - margin-right: 3.25em; +.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt,.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta{ + margin-right:3.25em; } -.has-dates .wp-block-latest-comments__comment, .has-excerpts .wp-block-latest-comments__comment { - line-height: 1.5; +.has-dates .wp-block-latest-comments__comment,.has-excerpts .wp-block-latest-comments__comment{ + line-height:1.5; } -.wp-block-latest-comments__comment-excerpt p { - font-size: 0.875em; - line-height: 1.8; - margin: 0.36em 0 1.4em; +.wp-block-latest-comments__comment-excerpt p{ + font-size:.875em; + line-height:1.8; + margin:.36em 0 1.4em; } -.wp-block-latest-comments__comment-date { - display: block; - font-size: 0.75em; +.wp-block-latest-comments__comment-date{ + display:block; + font-size:.75em; } -.wp-block-latest-comments .avatar, -.wp-block-latest-comments__comment-avatar { - border-radius: 1.5em; - display: block; - float: right; - height: 2.5em; - margin-left: 0.75em; - width: 2.5em; +.wp-block-latest-comments .avatar,.wp-block-latest-comments__comment-avatar{ + border-radius:1.5em; + display:block; + float:right; + height:2.5em; + margin-left:.75em; + width:2.5em; } -.wp-block-latest-posts.alignleft { - margin-right: 2em; +.wp-block-latest-posts.alignleft{ + margin-right:2em; } -.wp-block-latest-posts.alignright { - margin-left: 2em; +.wp-block-latest-posts.alignright{ + margin-left:2em; } -.wp-block-latest-posts.wp-block-latest-posts__list { - list-style: none; - padding-right: 0; +.wp-block-latest-posts.wp-block-latest-posts__list{ + list-style:none; + padding-right:0; } -.wp-block-latest-posts.wp-block-latest-posts__list li { - clear: both; +.wp-block-latest-posts.wp-block-latest-posts__list li{ + clear:both; } -.wp-block-latest-posts.is-grid { - display: flex; - flex-wrap: wrap; - padding: 0; +.wp-block-latest-posts.is-grid{ + display:flex; + flex-wrap:wrap; + padding:0; } -.wp-block-latest-posts.is-grid li { - margin: 0 0 1.25em 1.25em; - width: 100%; +.wp-block-latest-posts.is-grid li{ + margin:0 0 1.25em 1.25em; + width:100%; } -@media (min-width: 600px) { - .wp-block-latest-posts.columns-2 li { - width: calc((100% / 2) - 1.25em + (1.25em / 2)); +@media (min-width:600px){ + .wp-block-latest-posts.columns-2 li{ + width:calc(50% - .625em); } - .wp-block-latest-posts.columns-2 li:nth-child(2n) { - margin-left: 0; + .wp-block-latest-posts.columns-2 li:nth-child(2n){ + margin-left:0; } - .wp-block-latest-posts.columns-3 li { - width: calc((100% / 3) - 1.25em + (1.25em / 3)); + .wp-block-latest-posts.columns-3 li{ + width:calc(33.33333% - .83333em); } - .wp-block-latest-posts.columns-3 li:nth-child(3n) { - margin-left: 0; + .wp-block-latest-posts.columns-3 li:nth-child(3n){ + margin-left:0; } - .wp-block-latest-posts.columns-4 li { - width: calc((100% / 4) - 1.25em + (1.25em / 4)); + .wp-block-latest-posts.columns-4 li{ + width:calc(25% - .9375em); } - .wp-block-latest-posts.columns-4 li:nth-child(4n) { - margin-left: 0; + .wp-block-latest-posts.columns-4 li:nth-child(4n){ + margin-left:0; } - .wp-block-latest-posts.columns-5 li { - width: calc((100% / 5) - 1.25em + (1.25em / 5)); + .wp-block-latest-posts.columns-5 li{ + width:calc(20% - 1em); } - .wp-block-latest-posts.columns-5 li:nth-child(5n) { - margin-left: 0; + .wp-block-latest-posts.columns-5 li:nth-child(5n){ + margin-left:0; } - .wp-block-latest-posts.columns-6 li { - width: calc((100% / 6) - 1.25em + (1.25em / 6)); + .wp-block-latest-posts.columns-6 li{ + width:calc(16.66667% - 1.04167em); } - .wp-block-latest-posts.columns-6 li:nth-child(6n) { - margin-left: 0; + .wp-block-latest-posts.columns-6 li:nth-child(6n){ + margin-left:0; } } -.wp-block-latest-posts__post-date, -.wp-block-latest-posts__post-author { - display: block; - font-size: 0.8125em; +.wp-block-latest-posts__post-author,.wp-block-latest-posts__post-date{ + display:block; + font-size:.8125em; } -.wp-block-latest-posts__post-excerpt { - margin-top: 0.5em; - margin-bottom: 1em; +.wp-block-latest-posts__post-excerpt{ + margin-bottom:1em; + margin-top:.5em; } -.wp-block-latest-posts__featured-image a { - display: inline-block; +.wp-block-latest-posts__featured-image a{ + display:inline-block; } -.wp-block-latest-posts__featured-image img { - height: auto; - width: auto; - max-width: 100%; +.wp-block-latest-posts__featured-image img{ + height:auto; + max-width:100%; + width:auto; } -.wp-block-latest-posts__featured-image.alignleft { - margin-right: 1em; - float: left; +.wp-block-latest-posts__featured-image.alignleft{ + float:left; + margin-right:1em; } -.wp-block-latest-posts__featured-image.alignright { - margin-left: 1em; - float: right; +.wp-block-latest-posts__featured-image.alignright{ + float:right; + margin-left:1em; } -.wp-block-latest-posts__featured-image.aligncenter { - margin-bottom: 1em; - text-align: center; +.wp-block-latest-posts__featured-image.aligncenter{ + margin-bottom:1em; + text-align:center; } -ol, -ul { - box-sizing: border-box; +ol,ul{ + box-sizing:border-box; } -ol.has-background, -ul.has-background { - padding: 1.25em 2.375em; +ol.has-background,ul.has-background{ + padding:1.25em 2.375em; } -.wp-block-media-text { - direction: ltr; - display: grid; - grid-template-columns: 50% 1fr; - grid-template-rows: auto; - box-sizing: border-box; +.wp-block-media-text{ + box-sizing:border-box; + direction:ltr; + display:grid; + grid-template-columns:50% 1fr; + grid-template-rows:auto; } -.wp-block-media-text.has-media-on-the-right { - grid-template-columns: 1fr 50%; +.wp-block-media-text.has-media-on-the-right{ + grid-template-columns:1fr 50%; } -.wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__content, -.wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__media { - align-self: start; +.wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__content,.wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__media{ + align-self:start; } -.wp-block-media-text .wp-block-media-text__content, -.wp-block-media-text .wp-block-media-text__media, -.wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__content, -.wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__media { - align-self: center; +.wp-block-media-text .wp-block-media-text__content,.wp-block-media-text .wp-block-media-text__media,.wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__content,.wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__media{ + align-self:center; } -.wp-block-media-text.is-vertically-aligned-bottom .wp-block-media-text__content, -.wp-block-media-text.is-vertically-aligned-bottom .wp-block-media-text__media { - align-self: end; +.wp-block-media-text.is-vertically-aligned-bottom .wp-block-media-text__content,.wp-block-media-text.is-vertically-aligned-bottom .wp-block-media-text__media{ + align-self:end; } -.wp-block-media-text .wp-block-media-text__media { - grid-column: 1; - grid-row: 1; - margin: 0; +.wp-block-media-text .wp-block-media-text__media{ + grid-column:1; + grid-row:1; + margin:0; } -.wp-block-media-text .wp-block-media-text__content { - direction: rtl; - grid-column: 2; - grid-row: 1; - padding: 0 8% 0 8%; - word-break: break-word; +.wp-block-media-text .wp-block-media-text__content{ + direction:rtl; + grid-column:2; + grid-row:1; + padding:0 8%; + word-break:break-word; } -.wp-block-media-text.has-media-on-the-right .wp-block-media-text__media { - grid-column: 2; - grid-row: 1; +.wp-block-media-text.has-media-on-the-right .wp-block-media-text__media{ + grid-column:2; + grid-row:1; } -.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content { - grid-column: 1; - grid-row: 1; +.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content{ + grid-column:1; + grid-row:1; } -.wp-block-media-text__media img, -.wp-block-media-text__media video { - height: auto; - max-width: unset; - width: 100%; - vertical-align: middle; +.wp-block-media-text__media img,.wp-block-media-text__media video{ + height:auto; + max-width:unset; + vertical-align:middle; + width:100%; } -.wp-block-media-text.is-image-fill .wp-block-media-text__media { - height: 100%; - min-height: 250px; - background-size: cover; +.wp-block-media-text.is-image-fill .wp-block-media-text__media{ + background-size:cover; + height:100%; + min-height:250px; } -.wp-block-media-text.is-image-fill .wp-block-media-text__media > a { - display: block; - height: 100%; +.wp-block-media-text.is-image-fill .wp-block-media-text__media>a{ + display:block; + height:100%; } -.wp-block-media-text.is-image-fill .wp-block-media-text__media img { - position: absolute; - width: 1px; - height: 1px; - padding: 0; - margin: -1px; - overflow: hidden; - clip: rect(0, 0, 0, 0); - border: 0; +.wp-block-media-text.is-image-fill .wp-block-media-text__media img{ + clip:rect(0, 0, 0, 0); + border:0; + height:1px; + margin:-1px; + overflow:hidden; + padding:0; + position:absolute; + width:1px; } - -/* -* Here we here not able to use a mobile first CSS approach. -* Custom widths are set using inline styles, and on mobile, -* we need 100% width, so we use important to overwrite the inline style. -* If the style were set on mobile first, on desktop styles, -* we would have no way of setting the style again to the inline style. -*/ -@media (max-width: 600px) { - .wp-block-media-text.is-stacked-on-mobile { - grid-template-columns: 100% !important; +@media (max-width:600px){ + .wp-block-media-text.is-stacked-on-mobile{ + grid-template-columns:100% !important; } - .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media { - grid-column: 1; - grid-row: 1; + .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media{ + grid-column:1; + grid-row:1; } - .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content { - grid-column: 1; - grid-row: 2; + .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content{ + grid-column:1; + grid-row:2; } } -.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-navigation-item { - display: flex; - align-items: center; - position: relative; -} -.wp-block-navigation .wp-block-navigation-item .wp-block-navigation__submenu-container:empty { - display: none; -} -.wp-block-navigation .wp-block-navigation-item__content { - display: block; -} -.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 .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; - 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 .wp-block-navigation__submenu-container { - background-color: inherit; - color: inherit; - position: absolute; - z-index: 2; - display: flex; - flex-direction: column; - align-items: normal; - opacity: 0; - transition: opacity 0.1s linear; - visibility: hidden; - width: 0; - height: 0; - overflow: hidden; - right: -1px; - top: 100%; -} -.wp-block-navigation .has-child .wp-block-navigation__submenu-container > .wp-block-navigation-item > .wp-block-navigation-item__content { - display: flex; - flex-grow: 1; -} -.wp-block-navigation .has-child .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 .wp-block-navigation__submenu-container .wp-block-navigation-item__content { - margin: 0; -} -@media (min-width: 782px) { - .wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container { - right: 100%; - top: -1px; - } - .wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container::before { - content: ""; - position: absolute; - left: 100%; - height: 100%; - display: block; - width: 0.5em; - background: transparent; - } - .wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-icon { - margin-left: 0.25em; - } - .wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-icon svg { - transform: rotate(90deg); - } +.wp-block-navigation{ + --navigation-layout-justification-setting:flex-start; + --navigation-layout-direction:row; + --navigation-layout-wrap:wrap; + --navigation-layout-justify:flex-start; + --navigation-layout-align:center; + position:relative; } -.wp-block-navigation .has-child:not(.open-on-click):hover > .wp-block-navigation__submenu-container { - visibility: visible; - overflow: visible; - opacity: 1; - width: auto; - height: auto; - min-width: 200px; -} -.wp-block-navigation .has-child:not(.open-on-click):not(.open-on-hover-click):focus-within > .wp-block-navigation__submenu-container { - visibility: visible; - overflow: visible; - opacity: 1; - 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.has-background .has-child .wp-block-navigation__submenu-container { - right: 0; - top: 100%; -} -@media (min-width: 782px) { - .wp-block-navigation.has-background .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container { - right: 100%; - top: 0; - } +.wp-block-navigation ul{ + margin-bottom:0; + margin-right:0; + margin-top:0; + padding-right:0; +} +.wp-block-navigation ul,.wp-block-navigation ul li{ + list-style:none; + padding:0; +} +.wp-block-navigation .wp-block-navigation-item{ + align-items:center; + display:flex; + position:relative; +} +.wp-block-navigation .wp-block-navigation-item .wp-block-navigation__submenu-container:empty{ + display:none; +} +.wp-block-navigation .wp-block-navigation-item__content{ + display:block; +} +.wp-block-navigation.has-text-decoration-underline .wp-block-navigation-item__content,.wp-block-navigation.has-text-decoration-underline .wp-block-navigation-item__content:active,.wp-block-navigation.has-text-decoration-underline .wp-block-navigation-item__content:focus{ + text-decoration:underline; +} +.wp-block-navigation.has-text-decoration-line-through .wp-block-navigation-item__content,.wp-block-navigation.has-text-decoration-line-through .wp-block-navigation-item__content:active,.wp-block-navigation.has-text-decoration-line-through .wp-block-navigation-item__content:focus{ + 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:active,.wp-block-navigation:where(:not([class*=has-text-decoration])) a:focus{ + text-decoration:none; +} +.wp-block-navigation .wp-block-navigation__submenu-icon{ + align-self:center; + background-color:inherit; + border:none; + color:currentColor; + display:inline-block; + font-size:inherit; + height:.6em; + line-height:0; + margin-right:.25em; + padding:0; + width:.6em; +} +.wp-block-navigation .wp-block-navigation__submenu-icon svg{ + stroke:currentColor; + display:inline-block; + height:inherit; + margin-top:.075em; + width:inherit; +} +.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 .wp-block-navigation__submenu-container{ + align-items:normal; + background-color:inherit; + color:inherit; + display:flex; + flex-direction:column; + height:0; + opacity:0; + overflow:hidden; + position:absolute; + right:-1px; + top:100%; + transition:opacity .1s linear; + visibility:hidden; + width:0; + z-index:2; +} +.wp-block-navigation .has-child .wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content{ + display:flex; + flex-grow:1; +} +.wp-block-navigation .has-child .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 .wp-block-navigation__submenu-container .wp-block-navigation-item__content{ + margin:0; +} +@media (min-width:782px){ + .wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container{ + right:100%; + top:-1px; + } + .wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container:before{ + background:transparent; + content:""; + display:block; + height:100%; + left:100%; + position:absolute; + width:.5em; + } + .wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-icon{ + margin-left:.25em; + } + .wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-icon svg{ + transform:rotate(90deg); + } +} +.wp-block-navigation .has-child:not(.open-on-click):hover>.wp-block-navigation__submenu-container{ + height:auto; + min-width:200px; + opacity:1; + overflow:visible; + visibility:visible; + width:auto; +} +.wp-block-navigation .has-child:not(.open-on-click):not(.open-on-hover-click):focus-within>.wp-block-navigation__submenu-container{ + height:auto; + min-width:200px; + opacity:1; + overflow:visible; + visibility:visible; + width:auto; +} +.wp-block-navigation .has-child .wp-block-navigation-submenu__toggle[aria-expanded=true]~.wp-block-navigation__submenu-container{ + height:auto; + min-width:200px; + opacity:1; + overflow:visible; + visibility:visible; + width:auto; } -.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-page-list, -.wp-block-navigation__container, -.wp-block-navigation__responsive-container-content { - gap: inherit; -} - -/** - * Paddings - */ -:where(.wp-block-navigation.has-background .wp-block-navigation-item a:not(.wp-element-button)), -:where(.wp-block-navigation.has-background .wp-block-navigation-submenu a:not(.wp-element-button)) { - padding: 0.5em 1em; -} - -:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item a:not(.wp-element-button)), -:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-submenu a:not(.wp-element-button)) { - 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.has-background .has-child .wp-block-navigation__submenu-container{ + right:0; + top:100%; +} +@media (min-width:782px){ + .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) .wp-block-navigation__submenu-container { - background-color: #fff; - color: #000; - border: 1px solid rgba(0, 0, 0, 0.15); +.wp-block-navigation-submenu{ + display:flex; + position:relative; +} +.wp-block-navigation-submenu .wp-block-navigation__submenu-icon svg{ + stroke:currentColor; } -.wp-block-navigation__container { - 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; +button.wp-block-navigation-item__content{ + background-color:initial; + border:none; + color:currentColor; + font-family:inherit; + font-size:inherit; + font-style:inherit; + font-weight:inherit; + line-height:inherit; + text-align:right; + text-transform:inherit; +} + +.wp-block-navigation-submenu__toggle{ + cursor:pointer; +} + +.wp-block-navigation-item.open-on-click .wp-block-navigation-submenu__toggle{ + padding-left:.85em; } -.wp-block-navigation__container .is-responsive { - display: none; +.wp-block-navigation-item.open-on-click .wp-block-navigation-submenu__toggle+.wp-block-navigation__submenu-icon{ + margin-right:-.6em; + pointer-events:none; +} +.wp-block-navigation .wp-block-page-list,.wp-block-navigation__container,.wp-block-navigation__responsive-close,.wp-block-navigation__responsive-container,.wp-block-navigation__responsive-container-content,.wp-block-navigation__responsive-dialog{ + gap:inherit; +} +:where(.wp-block-navigation.has-background .wp-block-navigation-item a:not(.wp-element-button)),:where(.wp-block-navigation.has-background .wp-block-navigation-submenu a:not(.wp-element-button)){ + padding:.5em 1em; +} + +:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item a:not(.wp-element-button)),:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-submenu a:not(.wp-element-button)){ + padding:.5em 1em; +} +.wp-block-navigation.items-justified-right .wp-block-navigation__container .has-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-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{ + left:0; + right:auto; +} +.wp-block-navigation.items-justified-right .wp-block-navigation__container .has-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-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{ + left:-1px; + right:-1px; +} +@media (min-width:782px){ + .wp-block-navigation.items-justified-right .wp-block-navigation__container .has-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-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{ + left:100%; + right:auto; + } +} + +.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container{ + background-color:#fff; + border:1px solid rgba(0,0,0,.15); + color:#000; } -.wp-block-navigation__container:only-child, -.wp-block-page-list:only-child { - flex-grow: 1; +.wp-block-navigation__container{ + align-items:var(--navigation-layout-align, initial); + display:flex; + flex-direction:var(--navigation-layout-direction, initial); + flex-wrap:var(--navigation-layout-wrap, wrap); + justify-content:var(--navigation-layout-justify, initial); + list-style:none; + margin:0; + padding-right:0; +} +.wp-block-navigation__container .is-responsive{ + display:none; } -/** - * Mobile menu. - */ -@keyframes overlay-menu__fade-in-animation { - from { - opacity: 0; - transform: translateY(0.5em); +.wp-block-navigation__container:only-child,.wp-block-page-list:only-child{ + flex-grow:1; +} +@keyframes overlay-menu__fade-in-animation{ + 0%{ + opacity:0; + transform:translateY(.5em); } - to { - opacity: 1; - transform: translateY(0); + to{ + opacity:1; + transform:translateY(0); } } -.wp-block-navigation__responsive-container { - display: none; - position: fixed; - top: 0; - right: 0; - left: 0; - bottom: 0; -} -.wp-block-navigation__responsive-container .wp-block-navigation-link a { - color: inherit; -} -.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; - animation: overlay-menu__fade-in-animation 0.1s ease-out; - animation-fill-mode: forwards; - padding-top: var(--wp--style--root--padding-top, 2rem); - padding-left: var(--wp--style--root--padding-right, 2rem); - padding-bottom: var(--wp--style--root--padding-bottom, 2rem); - padding-right: var(--wp--style--root--padding-left, 2rem); - overflow: auto; - z-index: 100000; -} -@media (prefers-reduced-motion: reduce) { - .wp-block-navigation__responsive-container.is-menu-open { - animation-duration: 1ms; - animation-delay: 0s; +.wp-block-navigation__responsive-container{ + bottom:0; + display:none; + left:0; + position:fixed; + right:0; + top:0; +} +.wp-block-navigation__responsive-container .wp-block-navigation-link a{ + color:inherit; +} +.wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content{ + align-items:var(--navigation-layout-align, initial); + display:flex; + flex-direction:var(--navigation-layout-direction, initial); + flex-wrap:var(--navigation-layout-wrap, wrap); + justify-content:var(--navigation-layout-justify, initial); +} +.wp-block-navigation__responsive-container:not(.is-menu-open.is-menu-open){ + background-color:inherit !important; + color:inherit !important; +} +.wp-block-navigation__responsive-container.is-menu-open{ + animation:overlay-menu__fade-in-animation .1s ease-out; + animation-fill-mode:forwards; + background-color:inherit; + display:flex; + flex-direction:column; + overflow:auto; + padding:var(--wp--style--root--padding-top, 2rem) var(--wp--style--root--padding-left, 2rem) var(--wp--style--root--padding-bottom, 2rem) var(--wp--style--root--padding-right, 2rem); + z-index:100000; +} +@media (prefers-reduced-motion:reduce){ + .wp-block-navigation__responsive-container.is-menu-open{ + animation-delay:0s; + animation-duration:1ms; } } -.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; - 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__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; - 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(.hidden-by-default):not(.is-menu-open) { - display: block; - width: 100%; - position: relative; - z-index: auto; - background-color: inherit; +.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content{ + align-items:var(--navigation-layout-justification-setting, inherit); + display:flex; + flex-direction:column; + flex-wrap:nowrap; + overflow:visible; + padding-top:calc(2rem + 24px); +} +.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-navigation__container,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-page-list{ + 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{ + border:none; + height:auto; + min-width:200px; + opacity:1; + overflow:initial; + padding-left:2rem; + padding-right:2rem; + position:static; + visibility:visible; + width:auto; +} +.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__submenu-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__responsive-container-content .wp-block-navigation-item,.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-page-list{ + align-items:var(--navigation-layout-justification-setting, initial); + display:flex; + flex-direction:column; +} +.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item,.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-page-list{ + background:transparent !important; + color:inherit !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(.hidden-by-default):not(.is-menu-open){ + background-color:inherit; + display:block; + position:relative; + width:100%; + z-index:auto; } - .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:not(.hidden-by-default):not(.is-menu-open) .wp-block-navigation__responsive-container-close{ + display:none; } - .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; + .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; } } -.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open { - background-color: #fff; - color: #000; +.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open{ + background-color:#fff; + color:#000; } -.wp-block-navigation__toggle_button_label { - font-size: 1rem; - font-weight: bold; +.wp-block-navigation__toggle_button_label{ + font-size:1rem; + font-weight:700; } -.wp-block-navigation__responsive-container-open, -.wp-block-navigation__responsive-container-close { - vertical-align: middle; - cursor: pointer; - color: currentColor; - background: transparent; - border: none; - margin: 0; - padding: 0; - text-transform: inherit; +.wp-block-navigation__responsive-container-close,.wp-block-navigation__responsive-container-open{ + background:transparent; + border:none; + color:currentColor; + cursor:pointer; + margin:0; + padding:0; + text-transform:inherit; + vertical-align:middle; } -.wp-block-navigation__responsive-container-open svg, -.wp-block-navigation__responsive-container-close svg { - fill: currentColor; - pointer-events: none; - display: block; - width: 24px; - height: 24px; +.wp-block-navigation__responsive-container-close svg,.wp-block-navigation__responsive-container-open svg{ + fill:currentColor; + display:block; + height:24px; + pointer-events:none; + width:24px; } -.wp-block-navigation__responsive-container-open { - display: flex; +.wp-block-navigation__responsive-container-open{ + display:flex; } -@media (min-width: 600px) { - .wp-block-navigation__responsive-container-open:not(.always-shown) { - display: none; +@media (min-width:600px){ + .wp-block-navigation__responsive-container-open:not(.always-shown){ + display:none; } } -.wp-block-navigation__responsive-container-close { - position: absolute; - top: 0; - left: 0; - z-index: 2; +.wp-block-navigation__responsive-container-close{ + left:0; + position:absolute; + top:0; + z-index:2; } -.wp-block-navigation__responsive-close { - width: 100%; - max-width: var(--wp--style--global--wide-size, 100%); - margin-right: auto; - margin-left: auto; +.wp-block-navigation__responsive-close{ + margin-left:auto; + margin-right:auto; + max-width:var(--wp--style--global--wide-size, 100%); + width:100%; } -.wp-block-navigation__responsive-close:focus { - outline: none; +.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 { - box-sizing: border-box; +.is-menu-open .wp-block-navigation__responsive-close,.is-menu-open .wp-block-navigation__responsive-container-content,.is-menu-open .wp-block-navigation__responsive-dialog{ + box-sizing:border-box; } -.wp-block-navigation__responsive-dialog { - position: relative; +.wp-block-navigation__responsive-dialog{ + position:relative; } -.has-modal-open .admin-bar .is-menu-open .wp-block-navigation__responsive-dialog { - margin-top: 46px; +.has-modal-open .admin-bar .is-menu-open .wp-block-navigation__responsive-dialog{ + margin-top:46px; } -@media (min-width: 782px) { - .has-modal-open .admin-bar .is-menu-open .wp-block-navigation__responsive-dialog { - margin-top: 32px; +@media (min-width:782px){ + .has-modal-open .admin-bar .is-menu-open .wp-block-navigation__responsive-dialog{ + margin-top:32px; } } -html.has-modal-open { - overflow: hidden; +html.has-modal-open{ + overflow:hidden; } -.wp-block-navigation .wp-block-navigation-item__label { - word-break: normal; - overflow-wrap: break-word; +.wp-block-navigation .wp-block-navigation-item__label{ + overflow-wrap:break-word; + word-break:normal; } -.wp-block-navigation .wp-block-navigation-item__description { - display: none; +.wp-block-navigation .wp-block-navigation-item__description{ + display:none; } -.wp-block-navigation .wp-block-page-list { - display: flex; - 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{ + align-items:var(--navigation-layout-align, initial); + background-color:inherit; + display:flex; + flex-direction:var(--navigation-layout-direction, initial); + flex-wrap:var(--navigation-layout-wrap, wrap); + justify-content:var(--navigation-layout-justify, initial); } -.wp-block-navigation .wp-block-navigation-item { - background-color: inherit; +.wp-block-navigation .wp-block-navigation-item{ + background-color:inherit; } -.is-small-text { - font-size: 0.875em; +.is-small-text{ + font-size:.875em; } -.is-regular-text { - font-size: 1em; +.is-regular-text{ + font-size:1em; } -.is-large-text { - font-size: 2.25em; +.is-large-text{ + font-size:2.25em; } -.is-larger-text { - font-size: 3em; +.is-larger-text{ + font-size:3em; } -.has-drop-cap:not(:focus)::first-letter { - float: right; - font-size: 8.4em; - line-height: 0.68; - font-weight: 100; - margin: 0.05em 0 0 0.1em; - text-transform: uppercase; - font-style: normal; +.has-drop-cap:not(:focus):first-letter{ + float:right; + font-size:8.4em; + font-style:normal; + font-weight:100; + line-height:.68; + margin:.05em 0 0 .1em; + text-transform:uppercase; } -p.has-drop-cap.has-background { - overflow: hidden; +p.has-drop-cap.has-background{ + overflow:hidden; } -p.has-background { - padding: 1.25em 2.375em; +p.has-background{ + padding:1.25em 2.375em; } -:where(p.has-text-color:not(.has-link-color)) a { - color: inherit; +:where(p.has-text-color:not(.has-link-color)) a{ + color:inherit; } -.wp-block-post-author { - display: flex; - flex-wrap: wrap; +.wp-block-post-author{ + display:flex; + flex-wrap:wrap; } -.wp-block-post-author__byline { - width: 100%; - margin-top: 0; - margin-bottom: 0; - font-size: 0.5em; +.wp-block-post-author__byline{ + font-size:.5em; + margin-bottom:0; + margin-top:0; + width:100%; } -.wp-block-post-author__avatar { - margin-left: 1em; +.wp-block-post-author__avatar{ + margin-left:1em; } -.wp-block-post-author__bio { - margin-bottom: 0.7em; - font-size: 0.7em; +.wp-block-post-author__bio{ + font-size:.7em; + margin-bottom:.7em; } -.wp-block-post-author__content { - flex-grow: 1; - flex-basis: 0; +.wp-block-post-author__content{ + flex-basis:0; + flex-grow:1; } -.wp-block-post-author__name { - margin: 0; +.wp-block-post-author__name{ + margin:0; } -.wp-block-post-comments-form[style*=font-weight] :where(.comment-reply-title) { - font-weight: inherit; +.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[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[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*=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*=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[style*=letter-spacing] :where(.comment-reply-title){ + letter-spacing:inherit; } -.wp-block-post-comments-form input[type=submit] { - box-shadow: none; - cursor: pointer; - display: inline-block; - text-align: center; - overflow-wrap: break-word; +.wp-block-post-comments-form input[type=submit]{ + box-shadow:none; + cursor:pointer; + display:inline-block; + overflow-wrap:break-word; + text-align:center; } -.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 input:not([type=submit]),.wp-block-post-comments-form textarea{ + border:1px solid #949494; + font-family:inherit; + font-size:1em; } -.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 input:not([type=submit]):not([type=checkbox]),.wp-block-post-comments-form textarea{ + padding:calc(.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 input:not([type=submit]):not([type=checkbox]),.wp-block-post-comments-form .comment-form textarea{ + box-sizing:border-box; + display:block; + 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-author label,.wp-block-post-comments-form .comment-form-email label,.wp-block-post-comments-form .comment-form-url label{ + display:block; + margin-bottom:.25em; } -.wp-block-post-comments-form .comment-form-cookies-consent { - display: flex; - gap: 0.25em; +.wp-block-post-comments-form .comment-form-cookies-consent{ + display:flex; + gap:.25em; } -.wp-block-post-comments-form .comment-form-cookies-consent #wp-comment-cookies-consent { - margin-top: 0.35em; +.wp-block-post-comments-form .comment-form-cookies-consent #wp-comment-cookies-consent{ + margin-top:.35em; } -.wp-block-post-comments-form .comment-reply-title { - margin-bottom: 0; +.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-comments-form .comment-reply-title :where(small){ + font-size:var(--wp--preset--font-size--medium, smaller); + margin-right:.5em; } -.wp-block-post-date { - box-sizing: border-box; +.wp-block-post-date{ + box-sizing:border-box; } -.wp-block-post-excerpt__more-link { - display: inline-block; +.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{ + margin-left:0; + margin-right:0; } -.wp-block-post-featured-image a { - display: block; +.wp-block-post-featured-image a{ + display:block; } -.wp-block-post-featured-image img { - max-width: 100%; - width: 100%; - height: auto; - vertical-align: bottom; - box-sizing: border-box; +.wp-block-post-featured-image img{ + box-sizing:border-box; + height:auto; + max-width:100%; + vertical-align:bottom; + width:100%; } -.wp-block-post-featured-image.alignwide img, .wp-block-post-featured-image.alignfull img { - width: 100%; +.wp-block-post-featured-image.alignfull img,.wp-block-post-featured-image.alignwide img{ + width:100%; } -.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim { - position: absolute; - inset: 0; - background-color: #000; +.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim{ + background-color:#000; + inset:0; + position:absolute; } -.wp-block-post-featured-image { - position: relative; +.wp-block-post-featured-image{ + position:relative; } -.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-gradient { - background-color: transparent; +.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-gradient{ + background-color:initial; } -.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-0 { - opacity: 0; +.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-0{ + opacity:0; } -.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-10 { - opacity: 0.1; +.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-10{ + opacity:.1; } -.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-20 { - opacity: 0.2; +.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-20{ + opacity:.2; } -.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-30 { - opacity: 0.3; +.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-30{ + opacity:.3; } -.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-40 { - opacity: 0.4; +.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-40{ + opacity:.4; } -.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-50 { - opacity: 0.5; +.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-50{ + opacity:.5; } -.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-60 { - opacity: 0.6; +.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-60{ + opacity:.6; } -.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-70 { - opacity: 0.7; +.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-70{ + opacity:.7; } -.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-80 { - opacity: 0.8; +.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-80{ + opacity:.8; } -.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-90 { - opacity: 0.9; +.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-90{ + opacity:.9; } -.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-100 { - opacity: 1; +.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-100{ + opacity:1; } -.wp-block-post-terms__separator { - white-space: pre-wrap; +.wp-block-post-terms__separator{ + white-space:pre-wrap; } -.wp-block-post-title { - word-break: break-word; - box-sizing: border-box; +.wp-block-post-title{ + box-sizing:border-box; + word-break:break-word; } -.wp-block-post-title a { - display: inline-block; +.wp-block-post-title a{ + display:inline-block; } -.wp-block-preformatted { - white-space: pre-wrap; +.wp-block-preformatted{ + white-space:pre-wrap; } -.wp-block-preformatted.has-background { - padding: 1.25em 2.375em; +.wp-block-preformatted.has-background{ + padding:1.25em 2.375em; } -.wp-block-pullquote { - margin: 0 0 1em 0; - padding: 3em 0; - text-align: center; - overflow-wrap: break-word; - box-sizing: border-box; +.wp-block-pullquote{ + box-sizing:border-box; + margin:0 0 1em; + overflow-wrap:break-word; + padding:3em 0; + text-align:center; } -.wp-block-pullquote p, -.wp-block-pullquote blockquote, -.wp-block-pullquote cite { - color: inherit; +.wp-block-pullquote blockquote,.wp-block-pullquote cite,.wp-block-pullquote p{ + color:inherit; } -.wp-block-pullquote.alignleft, .wp-block-pullquote.alignright { - max-width: 420px; +.wp-block-pullquote.alignleft,.wp-block-pullquote.alignright{ + max-width:420px; } -.wp-block-pullquote cite, -.wp-block-pullquote footer { - position: relative; +.wp-block-pullquote cite,.wp-block-pullquote footer{ + position:relative; } -.wp-block-pullquote .has-text-color a { - color: inherit; +.wp-block-pullquote .has-text-color a{ + color:inherit; } -.wp-block-pullquote.has-text-align-left blockquote { - text-align: right; +.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.has-text-align-right blockquote{ + text-align:left; } -.wp-block-pullquote.is-style-solid-color { - border: none; +.wp-block-pullquote.is-style-solid-color{ + border:none; } -.wp-block-pullquote.is-style-solid-color blockquote { - margin-right: auto; - margin-left: auto; - max-width: 60%; +.wp-block-pullquote.is-style-solid-color blockquote{ + margin-left:auto; + margin-right:auto; + max-width:60%; } -.wp-block-pullquote.is-style-solid-color blockquote p { - margin-top: 0; - margin-bottom: 0; - font-size: 2em; +.wp-block-pullquote.is-style-solid-color blockquote p{ + font-size:2em; + margin-bottom:0; + margin-top:0; } -.wp-block-pullquote.is-style-solid-color blockquote cite { - text-transform: none; - font-style: normal; +.wp-block-pullquote.is-style-solid-color blockquote cite{ + font-style:normal; + text-transform:none; } -.wp-block-pullquote cite { - color: inherit; +.wp-block-pullquote cite{ + color:inherit; } -.wp-block-post-template { - margin-top: 0; - margin-bottom: 0; - max-width: 100%; - list-style: none; - padding: 0; +.wp-block-post-template{ + list-style:none; + margin-bottom:0; + margin-top:0; + max-width:100%; + padding:0; } -.wp-block-post-template.wp-block-post-template { - background: none; +.wp-block-post-template.wp-block-post-template{ + background:none; } -.wp-block-post-template.is-flex-container { - flex-direction: row; - display: flex; - flex-wrap: wrap; - gap: 1.25em; +.wp-block-post-template.is-flex-container{ + display:flex; + flex-direction:row; + flex-wrap:wrap; + gap:1.25em; } -.wp-block-post-template.is-flex-container li { - margin: 0; - width: 100%; +.wp-block-post-template.is-flex-container li{ + margin:0; + width:100%; } -@media (min-width: 600px) { - .wp-block-post-template.is-flex-container.is-flex-container.columns-2 > li { - width: calc((100% / 2) - 1.25em + (1.25em / 2)); +@media (min-width:600px){ + .wp-block-post-template.is-flex-container.is-flex-container.columns-2>li{ + width:calc(50% - .625em); } - .wp-block-post-template.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{ + width:calc(33.33333% - .83333em); } - .wp-block-post-template.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{ + width:calc(25% - .9375em); } - .wp-block-post-template.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{ + width:calc(20% - 1em); } - .wp-block-post-template.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{ + width:calc(16.66667% - 1.04167em); } } -.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 { - margin-right: 0.5em; - margin-bottom: 0.5em; +.wp-block-query-pagination>.wp-block-query-pagination-next,.wp-block-query-pagination>.wp-block-query-pagination-numbers,.wp-block-query-pagination>.wp-block-query-pagination-previous{ + margin-bottom:.5em; + margin-right:.5em; } -.wp-block-query-pagination > .wp-block-query-pagination-next:last-child, -.wp-block-query-pagination > .wp-block-query-pagination-previous:last-child, -.wp-block-query-pagination > .wp-block-query-pagination-numbers:last-child { - margin-right: 0; +.wp-block-query-pagination>.wp-block-query-pagination-next:last-child,.wp-block-query-pagination>.wp-block-query-pagination-numbers:last-child,.wp-block-query-pagination>.wp-block-query-pagination-previous:last-child{ + margin-right:0; } -.wp-block-query-pagination.is-content-justification-space-between > .wp-block-query-pagination-next:last-child { - margin-inline-start: auto; +.wp-block-query-pagination.is-content-justification-space-between>.wp-block-query-pagination-next:last-child{ + margin-inline-start:auto; } -.wp-block-query-pagination.is-content-justification-space-between > .wp-block-query-pagination-previous:first-child { - margin-inline-end: auto; +.wp-block-query-pagination.is-content-justification-space-between>.wp-block-query-pagination-previous:first-child{ + margin-inline-end:auto; } -.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{ + display:inline-block; + margin-left:1ch; } -.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-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{ + display:inline-block; + margin-right:1ch; } -.wp-block-query-pagination .wp-block-query-pagination-next-arrow:not(.is-arrow-chevron) { - transform: scaleX(-1);; +.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-query-pagination.aligncenter{ + justify-content:center; } -.wp-block-query-title { - box-sizing: border-box; +.wp-block-query-title,.wp-block-quote{ + box-sizing:border-box; } -.wp-block-quote { - box-sizing: border-box; - overflow-wrap: break-word; +.wp-block-quote{ + 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-large:not(.is-style-plain),.wp-block-quote.is-style-large:not(.is-style-plain){ + margin-bottom:1em; + padding:0 1em; } -.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-large:not(.is-style-plain) p,.wp-block-quote.is-style-large:not(.is-style-plain) p{ + font-size:1.5em; + font-style:italic; + line-height:1.6; } -.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-quote.is-large:not(.is-style-plain) cite,.wp-block-quote.is-large:not(.is-style-plain) footer,.wp-block-quote.is-style-large:not(.is-style-plain) cite,.wp-block-quote.is-style-large:not(.is-style-plain) footer{ + font-size:1.125em; + text-align:left; } -.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{ + display:block; + width:-moz-fit-content; + width:fit-content; } -.wp-block-read-more:not([style*=text-decoration]):focus, .wp-block-read-more:not([style*=text-decoration]):active { - text-decoration: none; +.wp-block-read-more:not([style*=text-decoration]),.wp-block-read-more:not([style*=text-decoration]):active,.wp-block-read-more:not([style*=text-decoration]):focus{ + text-decoration:none; } -ul.wp-block-rss { - list-style: none; - padding: 0; +ul.wp-block-rss{ + list-style:none; + padding:0; } -ul.wp-block-rss.wp-block-rss { - box-sizing: border-box; +ul.wp-block-rss.wp-block-rss{ + box-sizing:border-box; } -ul.wp-block-rss.alignleft { - margin-right: 2em; +ul.wp-block-rss.alignleft{ + margin-right:2em; } -ul.wp-block-rss.alignright { - margin-left: 2em; +ul.wp-block-rss.alignright{ + margin-left:2em; } -ul.wp-block-rss.is-grid { - display: flex; - flex-wrap: wrap; - padding: 0; - list-style: none; +ul.wp-block-rss.is-grid{ + display:flex; + flex-wrap:wrap; + list-style:none; + padding:0; } -ul.wp-block-rss.is-grid li { - margin: 0 0 1em 1em; - width: 100%; +ul.wp-block-rss.is-grid li{ + margin:0 0 1em 1em; + width:100%; } -@media (min-width: 600px) { - ul.wp-block-rss.columns-2 li { - width: calc(( 100% / 2 ) - 1em); +@media (min-width:600px){ + ul.wp-block-rss.columns-2 li{ + width:calc(50% - 1em); } - ul.wp-block-rss.columns-3 li { - width: calc(( 100% / 3 ) - 1em); + ul.wp-block-rss.columns-3 li{ + width:calc(33.33333% - 1em); } - ul.wp-block-rss.columns-4 li { - width: calc(( 100% / 4 ) - 1em); + ul.wp-block-rss.columns-4 li{ + width:calc(25% - 1em); } - ul.wp-block-rss.columns-5 li { - width: calc(( 100% / 5 ) - 1em); + ul.wp-block-rss.columns-5 li{ + width:calc(20% - 1em); } - ul.wp-block-rss.columns-6 li { - width: calc(( 100% / 6 ) - 1em); + ul.wp-block-rss.columns-6 li{ + width:calc(16.66667% - 1em); } } -.wp-block-rss__item-publish-date, -.wp-block-rss__item-author { - display: block; - font-size: 0.8125em; +.wp-block-rss__item-author,.wp-block-rss__item-publish-date{ + display:block; + font-size:.8125em; } -.wp-block-search__button { - margin-right: 0.625em; - word-break: normal; +.wp-block-search__button{ + margin-right:.625em; + word-break:normal; } -.wp-block-search__button.has-icon { - line-height: 0; +.wp-block-search__button.has-icon{ + line-height:0; } -.wp-block-search__button svg { - min-width: 1.5em; - min-height: 1.5em; - fill: currentColor; - vertical-align: text-bottom; +.wp-block-search__button svg{ + fill:currentColor; + min-height:1.5em; + min-width:1.5em; + vertical-align:text-bottom; } -:where(.wp-block-search__button) { - border: 1px solid #ccc; - padding: 0.375em 0.625em; +:where(.wp-block-search__button){ + border:1px solid #ccc; + padding:.375em .625em; } -.wp-block-search__inside-wrapper { - display: flex; - flex: auto; - flex-wrap: nowrap; - max-width: 100%; +.wp-block-search__inside-wrapper{ + display:flex; + flex:auto; + flex-wrap:nowrap; + max-width:100%; } -.wp-block-search__label { - width: 100%; +.wp-block-search__label{ + width:100%; } -.wp-block-search__input { - padding: 8px; - flex-grow: 1; - margin-right: 0; - margin-left: 0; - min-width: 3em; - border: 1px solid #949494; - text-decoration: unset !important; +.wp-block-search__input{ + border:1px solid #949494; + flex-grow:1; + margin-left:0; + margin-right:0; + min-width:3em; + padding:8px; + text-decoration:unset !important; } -.wp-block-search.wp-block-search__button-only .wp-block-search__button { - margin-right: 0; +.wp-block-search.wp-block-search__button-only .wp-block-search__button{ + margin-right:0; } -:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) { - padding: 4px; - border: 1px solid #949494; +:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper){ + border:1px solid #949494; + padding:4px; } -:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) .wp-block-search__input { - border-radius: 0; - border: none; - padding: 0 0.25em 0 0; +:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) .wp-block-search__input{ + border:none; + border-radius:0; + padding:0 .25em 0 0; } -:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) .wp-block-search__input:focus { - outline: none; +:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) .wp-block-search__input:focus{ + outline:none; } -:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) :where(.wp-block-search__button) { - padding: 0.125em 0.5em; +:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) :where(.wp-block-search__button){ + padding:.125em .5em; } -.wp-block-search.aligncenter .wp-block-search__inside-wrapper { - margin: auto; +.wp-block-search.aligncenter .wp-block-search__inside-wrapper{ + margin:auto; } -.wp-block-separator { - border-top: 1px solid currentColor; - border-bottom: 1px solid currentColor; - border-right: none; - border-left: none; +.wp-block-separator{ + border:1px solid; + border-left:none; + border-right:none; } -.wp-block-separator.is-style-dots { - background: none !important; - border: none; - text-align: center; - line-height: 1; - height: auto; +.wp-block-separator.is-style-dots{ + background:none !important; + border:none; + height:auto; + line-height:1; + text-align:center; } -.wp-block-separator.is-style-dots::before { - content: "···"; - color: currentColor; - font-size: 1.5em; - letter-spacing: 2em; - padding-left: 2em; - font-family: serif; +.wp-block-separator.is-style-dots:before{ + color:currentColor; + content:"···"; + font-family:serif; + font-size:1.5em; + letter-spacing:2em; + padding-left:2em; } -.wp-block-site-logo { - box-sizing: border-box; - line-height: 0; +.wp-block-site-logo{ + box-sizing:border-box; + line-height:0; } -.wp-block-site-logo a { - display: inline-block; +.wp-block-site-logo a{ + display:inline-block; } -.wp-block-site-logo.is-default-size img { - width: 120px; - height: auto; +.wp-block-site-logo.is-default-size img{ + height:auto; + width:120px; } -.wp-block-site-logo img { - height: auto; - max-width: 100%; +.wp-block-site-logo img{ + height:auto; + max-width:100%; } -.wp-block-site-logo a, -.wp-block-site-logo img { - border-radius: inherit; +.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.aligncenter{ + margin-left:auto; + margin-right:auto; + text-align:center; } -.wp-block-site-logo.is-style-rounded { - border-radius: 9999px; +.wp-block-site-logo.is-style-rounded{ + border-radius:9999px; } -.wp-block-social-links { - box-sizing: border-box; - padding-right: 0; - padding-left: 0; - text-indent: 0; - margin-right: 0; - background: none; +.wp-block-social-links{ + background:none; + box-sizing:border-box; + margin-right:0; + padding-left:0; + padding-right:0; + text-indent:0; } -.wp-block-social-links .wp-social-link a, -.wp-block-social-links .wp-social-link a:hover { - text-decoration: none; - border-bottom: 0; - box-shadow: none; +.wp-block-social-links .wp-social-link a,.wp-block-social-links .wp-social-link a:hover{ + border-bottom:0; + box-shadow:none; + text-decoration:none; } -.wp-block-social-links .wp-social-link a { - padding: 0.25em; +.wp-block-social-links .wp-social-link a{ + padding:.25em; } -.wp-block-social-links .wp-social-link svg { - width: 1em; - height: 1em; +.wp-block-social-links .wp-social-link svg{ + height:1em; + width: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 .wp-social-link span:not(.screen-reader-text){ + font-size:.65em; + margin-left:.5em; + margin-right:.5em; } -.wp-block-social-links.has-small-icon-size { - font-size: 16px; +.wp-block-social-links.has-small-icon-size{ + font-size:16px; } -.wp-block-social-links, .wp-block-social-links.has-normal-icon-size { - font-size: 24px; +.wp-block-social-links,.wp-block-social-links.has-normal-icon-size{ + font-size:24px; } -.wp-block-social-links.has-large-icon-size { - font-size: 36px; +.wp-block-social-links.has-large-icon-size{ + font-size:36px; } -.wp-block-social-links.has-huge-icon-size { - font-size: 48px; +.wp-block-social-links.has-huge-icon-size{ + font-size:48px; } -.wp-block-social-links.aligncenter { - justify-content: center; - display: flex; +.wp-block-social-links.aligncenter{ + display:flex; + justify-content:center; } -.wp-block-social-links.alignright { - justify-content: flex-end; +.wp-block-social-links.alignright{ + justify-content:flex-end; } -.wp-block-social-link { - display: block; - border-radius: 9999px; - transition: transform 0.1s ease; - height: auto; -} -@media (prefers-reduced-motion: reduce) { - .wp-block-social-link { - transition-duration: 0s; - transition-delay: 0s; +.wp-block-social-link{ + border-radius:9999px; + display:block; + height:auto; + transition:transform .1s ease; +} +@media (prefers-reduced-motion:reduce){ + .wp-block-social-link{ + transition-delay:0s; + transition-duration:0s; } } -.wp-block-social-link a { - align-items: center; - display: flex; - line-height: 0; - transition: transform 0.1s ease; +.wp-block-social-link a{ + align-items:center; + display:flex; + line-height:0; + transition:transform .1s ease; } -.wp-block-social-link:hover { - transform: scale(1.1); +.wp-block-social-link:hover{ + transform:scale(1.1); } -.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor, .wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:hover, .wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:active, .wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:visited, -.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor svg { - color: currentColor; - fill: currentColor; +.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor,.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor svg,.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:active,.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:hover,.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:visited{ + fill:currentColor; + color:currentColor; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link { - background-color: #f0f0f0; - color: #444; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link{ + background-color:#f0f0f0; + color:#444; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-amazon { - background-color: #f90; - color: #fff; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-amazon{ + background-color:#f90; + color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-bandcamp { - background-color: #1ea0c3; - color: #fff; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-bandcamp{ + background-color:#1ea0c3; + color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-behance { - background-color: #0757fe; - color: #fff; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-behance{ + background-color:#0757fe; + color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-codepen { - background-color: #1e1f26; - color: #fff; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-codepen{ + background-color:#1e1f26; + color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-deviantart { - background-color: #02e49b; - color: #fff; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-deviantart{ + background-color:#02e49b; + color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-dribbble { - background-color: #e94c89; - color: #fff; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-dribbble{ + background-color:#e94c89; + color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-dropbox { - background-color: #4280ff; - color: #fff; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-dropbox{ + background-color:#4280ff; + color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-etsy { - background-color: #f45800; - color: #fff; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-etsy{ + background-color:#f45800; + color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-facebook { - background-color: #1778f2; - color: #fff; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-facebook{ + background-color:#1778f2; + color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-fivehundredpx { - background-color: #000; - color: #fff; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-fivehundredpx{ + background-color:#000; + color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-flickr { - background-color: #0461dd; - color: #fff; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-flickr{ + background-color:#0461dd; + color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-foursquare { - background-color: #e65678; - color: #fff; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-foursquare{ + background-color:#e65678; + color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-github { - background-color: #24292d; - color: #fff; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-github{ + background-color:#24292d; + color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-goodreads { - background-color: #eceadd; - color: #382110; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-goodreads{ + background-color:#eceadd; + color:#382110; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-google { - background-color: #ea4434; - color: #fff; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-google{ + background-color:#ea4434; + color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-instagram { - background-color: #f00075; - color: #fff; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-instagram{ + background-color:#f00075; + color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-lastfm { - background-color: #e21b24; - color: #fff; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-lastfm{ + background-color:#e21b24; + color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-linkedin { - background-color: #0d66c2; - color: #fff; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-linkedin{ + background-color:#0d66c2; + color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-mastodon { - background-color: #3288d4; - color: #fff; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-mastodon{ + background-color:#3288d4; + color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-medium { - background-color: #02ab6c; - color: #fff; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-medium{ + background-color:#02ab6c; + color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-meetup { - background-color: #f6405f; - color: #fff; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-meetup{ + background-color:#f6405f; + color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-patreon { - background-color: #ff424d; - color: #fff; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-patreon{ + background-color:#ff424d; + color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pinterest { - background-color: #e60122; - color: #fff; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pinterest{ + background-color:#e60122; + color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pocket { - background-color: #ef4155; - color: #fff; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pocket{ + background-color:#ef4155; + color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-reddit { - background-color: #ff4500; - color: #fff; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-reddit{ + background-color:#ff4500; + color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-skype { - background-color: #0478d7; - color: #fff; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-skype{ + background-color:#0478d7; + color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-snapchat { - background-color: #fefc00; - color: #fff; - stroke: #000; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-snapchat{ + stroke:#000; + background-color:#fefc00; + color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-soundcloud { - background-color: #ff5600; - color: #fff; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-soundcloud{ + background-color:#ff5600; + color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-spotify { - background-color: #1bd760; - color: #fff; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-spotify{ + background-color:#1bd760; + color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-telegram { - background-color: #2aabee; - color: #fff; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-telegram{ + background-color:#2aabee; + color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-tiktok { - background-color: #000; - color: #fff; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-tiktok{ + background-color:#000; + color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-tumblr { - background-color: #011835; - color: #fff; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-tumblr{ + background-color:#011835; + color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitch { - background-color: #6440a4; - color: #fff; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitch{ + background-color:#6440a4; + color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitter { - background-color: #1da1f2; - color: #fff; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitter{ + background-color:#1da1f2; + color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-vimeo { - background-color: #1eb7ea; - color: #fff; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-vimeo{ + background-color:#1eb7ea; + color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-vk { - background-color: #4680c2; - color: #fff; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-vk{ + background-color:#4680c2; + color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-wordpress { - background-color: #3499cd; - color: #fff; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-wordpress{ + background-color:#3499cd; + color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-whatsapp { - background-color: #25d366; - color: #fff; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-whatsapp{ + background-color:#25d366; + color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-yelp { - background-color: #d32422; - color: #fff; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-yelp{ + background-color:#d32422; + color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-youtube { - background-color: #f00; - color: #fff; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-youtube{ + background-color:red; + color:#fff; } -.wp-block-social-links.is-style-logos-only .wp-social-link { - background: none; +.wp-block-social-links.is-style-logos-only .wp-social-link{ + background:none; } -.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 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 svg{ + height:1.25em; + width:1.25em; } -.wp-block-social-links.is-style-logos-only .wp-social-link-amazon { - color: #f90; +.wp-block-social-links.is-style-logos-only .wp-social-link-amazon{ + color:#f90; } -.wp-block-social-links.is-style-logos-only .wp-social-link-bandcamp { - color: #1ea0c3; +.wp-block-social-links.is-style-logos-only .wp-social-link-bandcamp{ + color:#1ea0c3; } -.wp-block-social-links.is-style-logos-only .wp-social-link-behance { - color: #0757fe; +.wp-block-social-links.is-style-logos-only .wp-social-link-behance{ + color:#0757fe; } -.wp-block-social-links.is-style-logos-only .wp-social-link-codepen { - color: #1e1f26; +.wp-block-social-links.is-style-logos-only .wp-social-link-codepen{ + color:#1e1f26; } -.wp-block-social-links.is-style-logos-only .wp-social-link-deviantart { - color: #02e49b; +.wp-block-social-links.is-style-logos-only .wp-social-link-deviantart{ + color:#02e49b; } -.wp-block-social-links.is-style-logos-only .wp-social-link-dribbble { - color: #e94c89; +.wp-block-social-links.is-style-logos-only .wp-social-link-dribbble{ + color:#e94c89; } -.wp-block-social-links.is-style-logos-only .wp-social-link-dropbox { - color: #4280ff; +.wp-block-social-links.is-style-logos-only .wp-social-link-dropbox{ + color:#4280ff; } -.wp-block-social-links.is-style-logos-only .wp-social-link-etsy { - color: #f45800; +.wp-block-social-links.is-style-logos-only .wp-social-link-etsy{ + color:#f45800; } -.wp-block-social-links.is-style-logos-only .wp-social-link-facebook { - color: #1778f2; +.wp-block-social-links.is-style-logos-only .wp-social-link-facebook{ + color:#1778f2; } -.wp-block-social-links.is-style-logos-only .wp-social-link-fivehundredpx { - color: #000; +.wp-block-social-links.is-style-logos-only .wp-social-link-fivehundredpx{ + color:#000; } -.wp-block-social-links.is-style-logos-only .wp-social-link-flickr { - color: #0461dd; +.wp-block-social-links.is-style-logos-only .wp-social-link-flickr{ + color:#0461dd; } -.wp-block-social-links.is-style-logos-only .wp-social-link-foursquare { - color: #e65678; +.wp-block-social-links.is-style-logos-only .wp-social-link-foursquare{ + color:#e65678; } -.wp-block-social-links.is-style-logos-only .wp-social-link-github { - color: #24292d; +.wp-block-social-links.is-style-logos-only .wp-social-link-github{ + color:#24292d; } -.wp-block-social-links.is-style-logos-only .wp-social-link-goodreads { - color: #382110; +.wp-block-social-links.is-style-logos-only .wp-social-link-goodreads{ + color:#382110; } -.wp-block-social-links.is-style-logos-only .wp-social-link-google { - color: #ea4434; +.wp-block-social-links.is-style-logos-only .wp-social-link-google{ + color:#ea4434; } -.wp-block-social-links.is-style-logos-only .wp-social-link-instagram { - color: #f00075; +.wp-block-social-links.is-style-logos-only .wp-social-link-instagram{ + color:#f00075; } -.wp-block-social-links.is-style-logos-only .wp-social-link-lastfm { - color: #e21b24; +.wp-block-social-links.is-style-logos-only .wp-social-link-lastfm{ + color:#e21b24; } -.wp-block-social-links.is-style-logos-only .wp-social-link-linkedin { - color: #0d66c2; +.wp-block-social-links.is-style-logos-only .wp-social-link-linkedin{ + color:#0d66c2; } -.wp-block-social-links.is-style-logos-only .wp-social-link-mastodon { - color: #3288d4; +.wp-block-social-links.is-style-logos-only .wp-social-link-mastodon{ + color:#3288d4; } -.wp-block-social-links.is-style-logos-only .wp-social-link-medium { - color: #02ab6c; +.wp-block-social-links.is-style-logos-only .wp-social-link-medium{ + color:#02ab6c; } -.wp-block-social-links.is-style-logos-only .wp-social-link-meetup { - color: #f6405f; +.wp-block-social-links.is-style-logos-only .wp-social-link-meetup{ + color:#f6405f; } -.wp-block-social-links.is-style-logos-only .wp-social-link-patreon { - color: #ff424d; +.wp-block-social-links.is-style-logos-only .wp-social-link-patreon{ + color:#ff424d; } -.wp-block-social-links.is-style-logos-only .wp-social-link-pinterest { - color: #e60122; +.wp-block-social-links.is-style-logos-only .wp-social-link-pinterest{ + color:#e60122; } -.wp-block-social-links.is-style-logos-only .wp-social-link-pocket { - color: #ef4155; +.wp-block-social-links.is-style-logos-only .wp-social-link-pocket{ + color:#ef4155; } -.wp-block-social-links.is-style-logos-only .wp-social-link-reddit { - color: #ff4500; +.wp-block-social-links.is-style-logos-only .wp-social-link-reddit{ + color:#ff4500; } -.wp-block-social-links.is-style-logos-only .wp-social-link-skype { - color: #0478d7; +.wp-block-social-links.is-style-logos-only .wp-social-link-skype{ + color:#0478d7; } -.wp-block-social-links.is-style-logos-only .wp-social-link-snapchat { - color: #fff; - stroke: #000; +.wp-block-social-links.is-style-logos-only .wp-social-link-snapchat{ + stroke:#000; + color:#fff; } -.wp-block-social-links.is-style-logos-only .wp-social-link-soundcloud { - color: #ff5600; +.wp-block-social-links.is-style-logos-only .wp-social-link-soundcloud{ + color:#ff5600; } -.wp-block-social-links.is-style-logos-only .wp-social-link-spotify { - color: #1bd760; +.wp-block-social-links.is-style-logos-only .wp-social-link-spotify{ + color:#1bd760; } -.wp-block-social-links.is-style-logos-only .wp-social-link-telegram { - color: #2aabee; +.wp-block-social-links.is-style-logos-only .wp-social-link-telegram{ + color:#2aabee; } -.wp-block-social-links.is-style-logos-only .wp-social-link-tiktok { - color: #000; +.wp-block-social-links.is-style-logos-only .wp-social-link-tiktok{ + color:#000; } -.wp-block-social-links.is-style-logos-only .wp-social-link-tumblr { - color: #011835; +.wp-block-social-links.is-style-logos-only .wp-social-link-tumblr{ + color:#011835; } -.wp-block-social-links.is-style-logos-only .wp-social-link-twitch { - color: #6440a4; +.wp-block-social-links.is-style-logos-only .wp-social-link-twitch{ + color:#6440a4; } -.wp-block-social-links.is-style-logos-only .wp-social-link-twitter { - color: #1da1f2; +.wp-block-social-links.is-style-logos-only .wp-social-link-twitter{ + color:#1da1f2; } -.wp-block-social-links.is-style-logos-only .wp-social-link-vimeo { - color: #1eb7ea; +.wp-block-social-links.is-style-logos-only .wp-social-link-vimeo{ + color:#1eb7ea; } -.wp-block-social-links.is-style-logos-only .wp-social-link-vk { - color: #4680c2; +.wp-block-social-links.is-style-logos-only .wp-social-link-vk{ + color:#4680c2; } -.wp-block-social-links.is-style-logos-only .wp-social-link-whatsapp { - color: #25d366; +.wp-block-social-links.is-style-logos-only .wp-social-link-whatsapp{ + color:#25d366; } -.wp-block-social-links.is-style-logos-only .wp-social-link-wordpress { - color: #3499cd; +.wp-block-social-links.is-style-logos-only .wp-social-link-wordpress{ + color:#3499cd; } -.wp-block-social-links.is-style-logos-only .wp-social-link-yelp { - color: #d32422; +.wp-block-social-links.is-style-logos-only .wp-social-link-yelp{ + color:#d32422; } -.wp-block-social-links.is-style-logos-only .wp-social-link-youtube { - color: #f00; +.wp-block-social-links.is-style-logos-only .wp-social-link-youtube{ + color:red; } -.wp-block-social-links.is-style-pill-shape .wp-social-link { - width: auto; +.wp-block-social-links.is-style-pill-shape .wp-social-link{ + width:auto; } -.wp-block-social-links.is-style-pill-shape .wp-social-link a { - padding-right: calc((2/3) * 1em); - padding-left: calc((2/3) * 1em); +.wp-block-social-links.is-style-pill-shape .wp-social-link a{ + padding-left:.66667em; + padding-right:.66667em; } -.wp-block-spacer { - clear: both; +.wp-block-spacer{ + clear:both; } -.wp-block-tag-cloud.aligncenter { - text-align: center; - justify-content: center; +.wp-block-tag-cloud.aligncenter{ + justify-content:center; + text-align:center; } -.wp-block-tag-cloud.alignfull { - padding-right: 1em; - padding-left: 1em; +.wp-block-tag-cloud.alignfull{ + padding-left:1em; + padding-right:1em; } -.wp-block-tag-cloud a { - display: inline-block; - margin-left: 5px; +.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 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{ + 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-tag-cloud.is-style-outline a{ + border:1px solid; + font-size:unset !important; + margin-left:0; + padding:1ch 2ch; + text-decoration:none !important; } -.wp-block-table { - overflow-x: auto; -} -.wp-block-table table { - border-collapse: collapse; - width: 100%; -} -.wp-block-table td, -.wp-block-table th { - border: 1px solid; - padding: 0.5em; +.wp-block-table{ + overflow-x:auto; } -.wp-block-table .has-fixed-layout { - table-layout: fixed; - width: 100%; +.wp-block-table table{ + border-collapse:collapse; + width:100%; } -.wp-block-table .has-fixed-layout td, -.wp-block-table .has-fixed-layout th { - word-break: break-word; +.wp-block-table td,.wp-block-table th{ + border:1px solid; + padding:.5em; } -.wp-block-table.alignleft, .wp-block-table.aligncenter, .wp-block-table.alignright { - display: table; - width: auto; +.wp-block-table .has-fixed-layout{ + table-layout:fixed; + width:100%; } -.wp-block-table.alignleft td, -.wp-block-table.alignleft th, .wp-block-table.aligncenter td, -.wp-block-table.aligncenter th, .wp-block-table.alignright td, -.wp-block-table.alignright th { - word-break: break-word; +.wp-block-table .has-fixed-layout td,.wp-block-table .has-fixed-layout th{ + word-break:break-word; } -.wp-block-table .has-subtle-light-gray-background-color { - background-color: #f3f4f5; +.wp-block-table.aligncenter,.wp-block-table.alignleft,.wp-block-table.alignright{ + display:table; + width:auto; } -.wp-block-table .has-subtle-pale-green-background-color { - background-color: #e9fbe5; +.wp-block-table.aligncenter td,.wp-block-table.aligncenter th,.wp-block-table.alignleft td,.wp-block-table.alignleft th,.wp-block-table.alignright td,.wp-block-table.alignright th{ + word-break:break-word; } -.wp-block-table .has-subtle-pale-blue-background-color { - background-color: #e7f5fe; +.wp-block-table .has-subtle-light-gray-background-color{ + background-color:#f3f4f5; } -.wp-block-table .has-subtle-pale-pink-background-color { - background-color: #fcf0ef; +.wp-block-table .has-subtle-pale-green-background-color{ + background-color:#e9fbe5; } -.wp-block-table.is-style-stripes { - border-spacing: 0; - border-collapse: inherit; - background-color: transparent; - border-bottom: 1px solid #f0f0f0; +.wp-block-table .has-subtle-pale-blue-background-color{ + background-color:#e7f5fe; } -.wp-block-table.is-style-stripes tbody tr:nth-child(odd) { - background-color: #f0f0f0; +.wp-block-table .has-subtle-pale-pink-background-color{ + background-color:#fcf0ef; } -.wp-block-table.is-style-stripes.has-subtle-light-gray-background-color tbody tr:nth-child(odd) { - background-color: #f3f4f5; +.wp-block-table.is-style-stripes{ + background-color:initial; + border-bottom:1px solid #f0f0f0; + border-collapse:inherit; + border-spacing:0; } -.wp-block-table.is-style-stripes.has-subtle-pale-green-background-color tbody tr:nth-child(odd) { - background-color: #e9fbe5; +.wp-block-table.is-style-stripes tbody tr:nth-child(odd){ + background-color:#f0f0f0; } -.wp-block-table.is-style-stripes.has-subtle-pale-blue-background-color tbody tr:nth-child(odd) { - background-color: #e7f5fe; +.wp-block-table.is-style-stripes.has-subtle-light-gray-background-color tbody tr:nth-child(odd){ + background-color:#f3f4f5; } -.wp-block-table.is-style-stripes.has-subtle-pale-pink-background-color tbody tr:nth-child(odd) { - background-color: #fcf0ef; +.wp-block-table.is-style-stripes.has-subtle-pale-green-background-color tbody tr:nth-child(odd){ + background-color:#e9fbe5; } -.wp-block-table.is-style-stripes th, -.wp-block-table.is-style-stripes td { - border-color: transparent; +.wp-block-table.is-style-stripes.has-subtle-pale-blue-background-color tbody tr:nth-child(odd){ + background-color:#e7f5fe; } -.wp-block-table .has-border-color > *, -.wp-block-table .has-border-color tr, -.wp-block-table .has-border-color th, -.wp-block-table .has-border-color td { - border-color: inherit; +.wp-block-table.is-style-stripes.has-subtle-pale-pink-background-color tbody tr:nth-child(odd){ + background-color:#fcf0ef; } -.wp-block-table table[style*=border-top-color] > *, -.wp-block-table table[style*=border-top-color] tr:first-child { - border-top-color: inherit; +.wp-block-table.is-style-stripes td,.wp-block-table.is-style-stripes th{ + border-color:transparent; } -.wp-block-table table[style*=border-top-color] > * th, -.wp-block-table table[style*=border-top-color] > * td, -.wp-block-table table[style*=border-top-color] tr:first-child th, -.wp-block-table table[style*=border-top-color] tr:first-child td { - border-top-color: inherit; +.wp-block-table .has-border-color td,.wp-block-table .has-border-color th,.wp-block-table .has-border-color tr,.wp-block-table .has-border-color>*{ + border-color:inherit; } -.wp-block-table table[style*=border-top-color] tr:not(:first-child) { - border-top-color: currentColor; +.wp-block-table table[style*=border-top-color] tr:first-child,.wp-block-table table[style*=border-top-color] tr:first-child td,.wp-block-table table[style*=border-top-color] tr:first-child th,.wp-block-table table[style*=border-top-color]>*,.wp-block-table table[style*=border-top-color]>* td,.wp-block-table table[style*=border-top-color]>* th{ + border-top-color:inherit; } -.wp-block-table table[style*=border-right-color] > *, -.wp-block-table table[style*=border-right-color] tr, -.wp-block-table table[style*=border-right-color] th, -.wp-block-table table[style*=border-right-color] td:last-child { - border-left-color: inherit; +.wp-block-table table[style*=border-top-color] tr:not(:first-child){ + border-top-color:initial; } -.wp-block-table table[style*=border-bottom-color] > *, -.wp-block-table table[style*=border-bottom-color] tr:last-child { - border-bottom-color: inherit; +.wp-block-table table[style*=border-right-color] td:last-child,.wp-block-table table[style*=border-right-color] th,.wp-block-table table[style*=border-right-color] tr,.wp-block-table table[style*=border-right-color]>*{ + border-left-color:inherit; } -.wp-block-table table[style*=border-bottom-color] > * th, -.wp-block-table table[style*=border-bottom-color] > * td, -.wp-block-table table[style*=border-bottom-color] tr:last-child th, -.wp-block-table table[style*=border-bottom-color] tr:last-child td { - border-bottom-color: inherit; +.wp-block-table table[style*=border-bottom-color] tr:last-child,.wp-block-table table[style*=border-bottom-color] tr:last-child td,.wp-block-table table[style*=border-bottom-color] tr:last-child th,.wp-block-table table[style*=border-bottom-color]>*,.wp-block-table table[style*=border-bottom-color]>* td,.wp-block-table table[style*=border-bottom-color]>* th{ + border-bottom-color:inherit; } -.wp-block-table table[style*=border-bottom-color] tr:not(:last-child) { - border-bottom-color: currentColor; +.wp-block-table table[style*=border-bottom-color] tr:not(:last-child){ + border-bottom-color:initial; } -.wp-block-table table[style*=border-left-color] > *, -.wp-block-table table[style*=border-left-color] tr, -.wp-block-table table[style*=border-left-color] th, -.wp-block-table table[style*=border-left-color] td:first-child { - border-right-color: inherit; +.wp-block-table table[style*=border-left-color] td:first-child,.wp-block-table table[style*=border-left-color] th,.wp-block-table table[style*=border-left-color] tr,.wp-block-table table[style*=border-left-color]>*{ + border-right-color:inherit; } -.wp-block-table table[style*=border-style] > *, -.wp-block-table table[style*=border-style] tr, -.wp-block-table table[style*=border-style] th, -.wp-block-table table[style*=border-style] td { - border-style: inherit; +.wp-block-table table[style*=border-style] td,.wp-block-table table[style*=border-style] th,.wp-block-table table[style*=border-style] tr,.wp-block-table table[style*=border-style]>*{ + border-style:inherit; } -.wp-block-table table[style*=border-width] > *, -.wp-block-table table[style*=border-width] tr, -.wp-block-table table[style*=border-width] th, -.wp-block-table table[style*=border-width] td { - border-width: inherit; - border-style: inherit; +.wp-block-table table[style*=border-width] td,.wp-block-table table[style*=border-width] th,.wp-block-table table[style*=border-width] tr,.wp-block-table table[style*=border-width]>*{ + border-style:inherit; + border-width:inherit; } - -.wp-block-text-columns { - display: flex; -} -.wp-block-text-columns.aligncenter { - display: flex; +.wp-block-text-columns,.wp-block-text-columns.aligncenter{ + display:flex; } -.wp-block-text-columns .wp-block-column { - margin: 0 1em; - padding: 0; +.wp-block-text-columns .wp-block-column{ + margin:0 1em; + padding:0; } -.wp-block-text-columns .wp-block-column:first-child { - margin-right: 0; +.wp-block-text-columns .wp-block-column:first-child{ + margin-right:0; } -.wp-block-text-columns .wp-block-column:last-child { - margin-left: 0; +.wp-block-text-columns .wp-block-column:last-child{ + margin-left:0; } -.wp-block-text-columns.columns-2 .wp-block-column { - width: calc(100% / 2); +.wp-block-text-columns.columns-2 .wp-block-column{ + width:50%; } -.wp-block-text-columns.columns-3 .wp-block-column { - width: calc(100% / 3); +.wp-block-text-columns.columns-3 .wp-block-column{ + width:33.33333%; } -.wp-block-text-columns.columns-4 .wp-block-column { - width: calc(100% / 4); +.wp-block-text-columns.columns-4 .wp-block-column{ + width:25%; } -pre.wp-block-verse { - font-family: inherit; - overflow: auto; - white-space: pre-wrap; +pre.wp-block-verse{ + font-family:inherit; + overflow:auto; + white-space:pre-wrap; } -.wp-block-video { - box-sizing: border-box; +.wp-block-video{ + box-sizing:border-box; } -.wp-block-video video { - width: 100%; +.wp-block-video video{ + width:100%; } -@supports (position: sticky) { - .wp-block-video [poster] { - -o-object-fit: cover; - object-fit: cover; +@supports (position:sticky){ + .wp-block-video [poster]{ + -o-object-fit:cover; + object-fit:cover; } } -.wp-block-video.aligncenter { - text-align: center; +.wp-block-video.aligncenter{ + text-align:center; } -.wp-block-video figcaption { - margin-top: 0.5em; - margin-bottom: 1em; +.wp-block-video figcaption{ + margin-bottom:1em; + margin-top:.5em; } - -/** - * Element styles. - */ -.wp-element-button { - cursor: pointer; +.wp-element-button{ + cursor:pointer; } -: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 */ - --wp--preset--font-size--normal: 16px; - --wp--preset--font-size--huge: 42px; +:root{ + --wp--preset--font-size--normal:16px; + --wp--preset--font-size--huge:42px; } -:root .has-very-light-gray-background-color { - background-color: #eee; +:root .has-very-light-gray-background-color{ + background-color:#eee; } -:root .has-very-dark-gray-background-color { - background-color: #313131; +:root .has-very-dark-gray-background-color{ + background-color:#313131; } -:root .has-very-light-gray-color { - color: #eee; +:root .has-very-light-gray-color{ + color:#eee; } -:root .has-very-dark-gray-color { - color: #313131; +:root .has-very-dark-gray-color{ + color:#313131; } -:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background { - background: linear-gradient(-135deg, #00d084 0%, #0693e3 100%); +:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{ + background:linear-gradient(-135deg, #00d084, #0693e3); } -:root .has-purple-crush-gradient-background { - background: linear-gradient(-135deg, #34e2e4 0%, #4721fb 50%, #ab1dfe 100%); +:root .has-purple-crush-gradient-background{ + background:linear-gradient(-135deg, #34e2e4, #4721fb 50%, #ab1dfe); } -:root .has-hazy-dawn-gradient-background { - background: linear-gradient(-135deg, #faaca8 0%, #dad0ec 100%); +:root .has-hazy-dawn-gradient-background{ + background:linear-gradient(-135deg, #faaca8, #dad0ec); } -:root .has-subdued-olive-gradient-background { - background: linear-gradient(-135deg, #fafae1 0%, #67a671 100%); +:root .has-subdued-olive-gradient-background{ + background:linear-gradient(-135deg, #fafae1, #67a671); } -:root .has-atomic-cream-gradient-background { - background: linear-gradient(-135deg, #fdd79a 0%, #004a59 100%); +:root .has-atomic-cream-gradient-background{ + background:linear-gradient(-135deg, #fdd79a, #004a59); } -:root .has-nightshade-gradient-background { - background: linear-gradient(-135deg, #330968 0%, #31cdcf 100%); +:root .has-nightshade-gradient-background{ + background:linear-gradient(-135deg, #330968, #31cdcf); } -:root .has-midnight-gradient-background { - background: linear-gradient(-135deg, #020381 0%, #2874fc 100%); +:root .has-midnight-gradient-background{ + background:linear-gradient(-135deg, #020381, #2874fc); } -.has-regular-font-size { - font-size: 1em; +.has-regular-font-size{ + font-size:1em; } -.has-larger-font-size { - font-size: 2.625em; +.has-larger-font-size{ + font-size:2.625em; } -.has-normal-font-size { - font-size: var(--wp--preset--font-size--normal); +.has-normal-font-size{ + font-size:var(--wp--preset--font-size--normal); } -.has-huge-font-size { - font-size: var(--wp--preset--font-size--huge); +.has-huge-font-size{ + font-size:var(--wp--preset--font-size--huge); } -.has-text-align-center { - text-align: center; +.has-text-align-center{ + text-align:center; } -.has-text-align-left { - text-align: left; +.has-text-align-left{ + text-align:left; } -.has-text-align-right { - text-align: right; +.has-text-align-right{ + text-align:right; } -#end-resizable-editor-section { - display: none; +#end-resizable-editor-section{ + display:none; } -.aligncenter { - clear: both; +.aligncenter{ + clear:both; } -.items-justified-left { - justify-content: flex-start; +.items-justified-left{ + justify-content:flex-start; } -.items-justified-center { - justify-content: center; +.items-justified-center{ + justify-content:center; } -.items-justified-right { - justify-content: flex-end; +.items-justified-right{ + justify-content:flex-end; } -.items-justified-space-between { - justify-content: space-between; +.items-justified-space-between{ + justify-content:space-between; } -.screen-reader-text { - border: 0; - clip: rect(1px, 1px, 1px, 1px); - -webkit-clip-path: inset(50%); - clip-path: inset(50%); - height: 1px; - margin: -1px; - overflow: hidden; - padding: 0; - position: absolute; - width: 1px; - word-wrap: normal !important; +.screen-reader-text{ + clip:rect(1px, 1px, 1px, 1px); + word-wrap:normal !important; + border:0; + -webkit-clip-path:inset(50%); + clip-path:inset(50%); + height:1px; + margin:-1px; + overflow:hidden; + padding:0; + position:absolute; + width:1px; } -.screen-reader-text:focus { - background-color: #ddd; - clip: auto !important; - -webkit-clip-path: none; - clip-path: none; - color: #444; - display: block; - font-size: 1em; - height: auto; - right: 5px; - line-height: normal; - padding: 15px 23px 14px; - text-decoration: none; - top: 5px; - width: auto; - z-index: 100000; +.screen-reader-text:focus{ + clip:auto !important; + background-color:#ddd; + -webkit-clip-path:none; + clip-path:none; + color:#444; + display:block; + font-size:1em; + height:auto; + line-height:normal; + padding:15px 23px 14px; + right:5px; + text-decoration:none; + 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(.has-border-color){ + border-style:solid; } -html :where([style*="border-top-color"]) { - border-top-style: solid; +html :where([style*=border-top-color]){ + border-top-style:solid; } -html :where([style*="border-right-color"]) { - border-left-style: solid; +html :where([style*=border-right-color]){ + border-left-style:solid; } -html :where([style*="border-bottom-color"]) { - border-bottom-style: solid; +html :where([style*=border-bottom-color]){ + border-bottom-style:solid; } -html :where([style*="border-left-color"]) { - border-right-style: solid; +html :where([style*=border-left-color]){ + border-right-style:solid; } -html :where([style*="border-width"]) { - border-style: solid; +html :where([style*=border-width]){ + border-style:solid; } -html :where([style*="border-top-width"]) { - border-top-style: solid; +html :where([style*=border-top-width]){ + border-top-style:solid; } -html :where([style*="border-right-width"]) { - border-left-style: solid; +html :where([style*=border-right-width]){ + border-left-style:solid; } -html :where([style*="border-bottom-width"]) { - border-bottom-style: solid; +html :where([style*=border-bottom-width]){ + border-bottom-style:solid; } -html :where([style*="border-left-width"]) { - border-right-style: solid; +html :where([style*=border-left-width]){ + border-right-style:solid; } - -/** - * Provide baseline responsiveness for images. - */ -html :where(img[class*="wp-image-"]) { - height: auto; - max-width: 100%; +html :where(img[class*=wp-image-]){ + height:auto; + max-width:100%; } - -/** - * Reset user agent styles for figure element margins. - */ -figure { - margin: 0 0 1em 0; +figure{ + margin:0 0 1em; } \ No newline at end of file diff --git a/wp-includes/css/dist/block-library/style.css b/wp-includes/css/dist/block-library/style.css index 3c0d193d1c..2f5f5b1c9a 100644 --- a/wp-includes/css/dist/block-library/style.css +++ b/wp-includes/css/dist/block-library/style.css @@ -1,3616 +1,3001 @@ @charset "UTF-8"; -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-archives-dropdown label { - display: block; -} - -.wp-block-avatar { - box-sizing: border-box; -} -.wp-block-avatar.aligncenter { - text-align: center; -} - -.wp-block-audio { - box-sizing: border-box; -} -.wp-block-audio figcaption { - margin-top: 0.5em; - margin-bottom: 1em; -} -.wp-block-audio audio { - width: 100%; - min-width: 300px; -} - -.wp-block-button__link { - cursor: pointer; - display: inline-block; - text-align: center; - word-break: break-word; - box-sizing: border-box; -} -.wp-block-button__link.aligncenter { - text-align: center; -} -.wp-block-button__link.alignright { - /*rtl:ignore*/ - text-align: right; -} - -:where(.wp-block-button__link) { - box-shadow: none; - text-decoration: none; - border-radius: 9999px; - padding: calc(0.667em + 2px) calc(1.333em + 2px); + +.wp-block-archives-dropdown label{ + display:block; } -.wp-block-button[style*=text-decoration] .wp-block-button__link { - text-decoration: inherit; +.wp-block-avatar{ + box-sizing:border-box; +} +.wp-block-avatar.aligncenter{ + text-align:center; } -.wp-block-buttons > .wp-block-button.has-custom-width { - max-width: none; +.wp-block-audio{ + box-sizing:border-box; } -.wp-block-buttons > .wp-block-button.has-custom-width .wp-block-button__link { - width: 100%; +.wp-block-audio figcaption{ + margin-bottom:1em; + margin-top:.5em; } -.wp-block-buttons > .wp-block-button.has-custom-font-size .wp-block-button__link { - font-size: inherit; +.wp-block-audio audio{ + min-width:300px; + width:100%; } -.wp-block-buttons > .wp-block-button.wp-block-button__width-25 { - width: calc(25% - (var(--wp--style--block-gap, 0.5em) * 0.75)); + +.wp-block-button__link{ + box-sizing:border-box; + cursor:pointer; + display:inline-block; + text-align:center; + word-break:break-word; } -.wp-block-buttons > .wp-block-button.wp-block-button__width-50 { - width: calc(50% - (var(--wp--style--block-gap, 0.5em) * 0.5)); +.wp-block-button__link.aligncenter{ + text-align:center; } -.wp-block-buttons > .wp-block-button.wp-block-button__width-75 { - width: calc(75% - (var(--wp--style--block-gap, 0.5em) * 0.25)); +.wp-block-button__link.alignright{ + text-align:right; } -.wp-block-buttons > .wp-block-button.wp-block-button__width-100 { - width: 100%; - flex-basis: 100%; + +:where(.wp-block-button__link){ + border-radius:9999px; + box-shadow:none; + padding:calc(.667em + 2px) calc(1.333em + 2px); + text-decoration:none; } -.wp-block-buttons.is-vertical > .wp-block-button.wp-block-button__width-25 { - width: 25%; +.wp-block-button[style*=text-decoration] .wp-block-button__link{ + text-decoration:inherit; +} + +.wp-block-buttons>.wp-block-button.has-custom-width{ + max-width:none; +} +.wp-block-buttons>.wp-block-button.has-custom-width .wp-block-button__link{ + width:100%; } -.wp-block-buttons.is-vertical > .wp-block-button.wp-block-button__width-50 { - width: 50%; +.wp-block-buttons>.wp-block-button.has-custom-font-size .wp-block-button__link{ + font-size:inherit; } -.wp-block-buttons.is-vertical > .wp-block-button.wp-block-button__width-75 { - width: 75%; +.wp-block-buttons>.wp-block-button.wp-block-button__width-25{ + width:calc(25% - var(--wp--style--block-gap, .5em)*.75); +} +.wp-block-buttons>.wp-block-button.wp-block-button__width-50{ + width:calc(50% - var(--wp--style--block-gap, .5em)*.5); +} +.wp-block-buttons>.wp-block-button.wp-block-button__width-75{ + width:calc(75% - var(--wp--style--block-gap, .5em)*.25); +} +.wp-block-buttons>.wp-block-button.wp-block-button__width-100{ + flex-basis:100%; + width:100%; } -.wp-block-button.is-style-squared, -.wp-block-button__link.wp-block-button.is-style-squared { - border-radius: 0; +.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.no-border-radius, -.wp-block-button__link.no-border-radius { - border-radius: 0 !important; +.wp-block-button.is-style-squared,.wp-block-button__link.wp-block-button.is-style-squared{ + border-radius:0; } -.wp-block-button.is-style-outline > .wp-block-button__link, -.wp-block-button .wp-block-button__link.is-style-outline { - border: 2px solid currentColor; - padding: 0.667em 1.333em; +.wp-block-button.no-border-radius,.wp-block-button__link.no-border-radius{ + border-radius:0 !important; } -.wp-block-button.is-style-outline > .wp-block-button__link:not(.has-text-color), -.wp-block-button .wp-block-button__link.is-style-outline:not(.has-text-color) { - color: currentColor; +.wp-block-button .wp-block-button__link.is-style-outline,.wp-block-button.is-style-outline>.wp-block-button__link{ + border:2px solid; + padding:.667em 1.333em; } -.wp-block-button.is-style-outline > .wp-block-button__link:not(.has-background), -.wp-block-button .wp-block-button__link.is-style-outline:not(.has-background) { - background-color: transparent; - background-image: none; +.wp-block-button .wp-block-button__link.is-style-outline:not(.has-text-color),.wp-block-button.is-style-outline>.wp-block-button__link:not(.has-text-color){ + color:currentColor; } -.wp-block-buttons { - /* stylelint-disable indentation */ +.wp-block-button .wp-block-button__link.is-style-outline:not(.has-background),.wp-block-button.is-style-outline>.wp-block-button__link:not(.has-background){ + background-color:initial; + background-image:none; } -.wp-block-buttons.is-vertical { - flex-direction: column; +.wp-block-buttons.is-vertical{ + flex-direction:column; } -.wp-block-buttons.is-vertical > .wp-block-button:last-child { - margin-bottom: 0; +.wp-block-buttons.is-vertical>.wp-block-button:last-child{ + margin-bottom:0; } -.wp-block-buttons > .wp-block-button { - display: inline-block; - margin: 0; +.wp-block-buttons>.wp-block-button{ + display:inline-block; + margin:0; } -.wp-block-buttons.is-content-justification-left { - justify-content: flex-start; +.wp-block-buttons.is-content-justification-left{ + justify-content:flex-start; } -.wp-block-buttons.is-content-justification-left.is-vertical { - align-items: flex-start; +.wp-block-buttons.is-content-justification-left.is-vertical{ + align-items:flex-start; } -.wp-block-buttons.is-content-justification-center { - justify-content: center; +.wp-block-buttons.is-content-justification-center{ + justify-content:center; } -.wp-block-buttons.is-content-justification-center.is-vertical { - align-items: center; +.wp-block-buttons.is-content-justification-center.is-vertical{ + align-items:center; } -.wp-block-buttons.is-content-justification-right { - justify-content: flex-end; +.wp-block-buttons.is-content-justification-right{ + justify-content:flex-end; } -.wp-block-buttons.is-content-justification-right.is-vertical { - align-items: flex-end; +.wp-block-buttons.is-content-justification-right.is-vertical{ + align-items:flex-end; } -.wp-block-buttons.is-content-justification-space-between { - justify-content: space-between; +.wp-block-buttons.is-content-justification-space-between{ + justify-content:space-between; } -.wp-block-buttons.aligncenter { - text-align: center; +.wp-block-buttons.aligncenter{ + text-align:center; } -.wp-block-buttons:not(.is-content-justification-space-between, -.is-content-justification-right, -.is-content-justification-left, -.is-content-justification-center) .wp-block-button.aligncenter { - /* stylelint-enable indentation */ - margin-left: auto; - margin-right: auto; - width: 100%; +.wp-block-buttons:not(.is-content-justification-space-between,.is-content-justification-right,.is-content-justification-left,.is-content-justification-center) .wp-block-button.aligncenter{ + margin-left:auto; + margin-right:auto; + width:100%; } -.wp-block-buttons[style*=text-decoration] .wp-block-button, -.wp-block-buttons[style*=text-decoration] .wp-block-button__link { - text-decoration: inherit; +.wp-block-buttons[style*=text-decoration] .wp-block-button,.wp-block-buttons[style*=text-decoration] .wp-block-button__link{ + text-decoration:inherit; } -.wp-block-buttons.has-custom-font-size .wp-block-button__link { - font-size: inherit; +.wp-block-buttons.has-custom-font-size .wp-block-button__link{ + font-size:inherit; } -.wp-block-button.aligncenter { - text-align: center; +.wp-block-button.aligncenter,.wp-block-calendar{ + text-align:center; } - -.wp-block-calendar { - text-align: center; +.wp-block-calendar tbody td,.wp-block-calendar th{ + border:1px solid #ddd; + padding:.25em; } -.wp-block-calendar th, -.wp-block-calendar tbody td { - padding: 0.25em; - border: 1px solid #ddd; +.wp-block-calendar tfoot td{ + border:none; } -.wp-block-calendar tfoot td { - border: none; +.wp-block-calendar table{ + border-collapse:collapse; + width:100%; } -.wp-block-calendar table { - width: 100%; - border-collapse: collapse; +.wp-block-calendar table th{ + background:#ddd; + font-weight:400; } -.wp-block-calendar table th { - font-weight: 400; - background: #ddd; +.wp-block-calendar a{ + text-decoration:underline; } -.wp-block-calendar a { - text-decoration: underline; -} -.wp-block-calendar table tbody, -.wp-block-calendar table caption { - color: #40464d; +.wp-block-calendar table caption,.wp-block-calendar table tbody{ + color:#40464d; } -.wp-block-categories { - box-sizing: border-box; +.wp-block-categories{ + box-sizing:border-box; } -.wp-block-categories.alignleft { - /*rtl:ignore*/ - margin-right: 2em; +.wp-block-categories.alignleft{ + margin-right:2em; } -.wp-block-categories.alignright { - /*rtl:ignore*/ - margin-left: 2em; +.wp-block-categories.alignright{ + margin-left:2em; } -.wp-block-code { - box-sizing: border-box; +.wp-block-code{ + box-sizing:border-box; } -.wp-block-code code { - display: block; - font-family: inherit; - overflow-wrap: break-word; - white-space: pre-wrap; +.wp-block-code code{ + display:block; + font-family:inherit; + overflow-wrap:break-word; + white-space:pre-wrap; } -.wp-block-columns { - display: flex; - margin-bottom: 1.75em; - box-sizing: border-box; - flex-wrap: wrap !important; - align-items: initial !important; - /** - * All Columns Alignment - */ +.wp-block-columns{ + align-items:normal !important; + box-sizing:border-box; + display:flex; + flex-wrap:wrap !important; + margin-bottom:1.75em; } -@media (min-width: 782px) { - .wp-block-columns { - flex-wrap: nowrap !important; +@media (min-width:782px){ + .wp-block-columns{ + flex-wrap:nowrap !important; } } -.wp-block-columns.are-vertically-aligned-top { - align-items: flex-start; +.wp-block-columns.are-vertically-aligned-top{ + align-items:flex-start; } -.wp-block-columns.are-vertically-aligned-center { - align-items: center; +.wp-block-columns.are-vertically-aligned-center{ + align-items:center; } -.wp-block-columns.are-vertically-aligned-bottom { - align-items: flex-end; +.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 (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; +@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: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{ + 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 { - flex-basis: 0; - flex-grow: 1; +.wp-block-columns.is-not-stacked-on-mobile>.wp-block-column[style*=flex-basis]{ + flex-grow:0; } -.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; } -:where(.wp-block-columns.has-background) { - padding: 1.25em 2.375em; +.wp-block-column{ + flex-grow:1; + min-width:0; + overflow-wrap:break-word; + word-break:break-word; +} +.wp-block-column.is-vertically-aligned-top{ + align-self:flex-start; +} +.wp-block-column.is-vertically-aligned-center{ + align-self:center; +} +.wp-block-column.is-vertically-aligned-bottom{ + align-self:flex-end; +} +.wp-block-column.is-vertically-aligned-bottom,.wp-block-column.is-vertically-aligned-center,.wp-block-column.is-vertically-aligned-top{ + width:100%; +} +.wp-block-post-comments .alignleft{ + float:left; +} +.wp-block-post-comments .alignright{ + float:right; +} +.wp-block-post-comments .navigation:after{ + clear:both; + content:""; + display:table; +} +.wp-block-post-comments .commentlist{ + clear:both; + list-style:none; + margin:0; + padding:0; +} +.wp-block-post-comments .commentlist .comment{ + min-height:2.25em; + padding-left:3.25em; +} +.wp-block-post-comments .commentlist .comment p{ + font-size:1em; + line-height:1.8; + margin:1em 0; +} +.wp-block-post-comments .commentlist .children{ + list-style:none; + margin:0; + padding:0; +} +.wp-block-post-comments .comment-author{ + line-height:1.5; +} +.wp-block-post-comments .comment-author .avatar{ + border-radius:1.5em; + display:block; + float:left; + height:2.5em; + margin-right:.75em; + margin-top:.5em; + width:2.5em; +} +.wp-block-post-comments .comment-author cite{ + font-style:normal; +} +.wp-block-post-comments .comment-meta{ + font-size:.875em; + line-height:1.5; +} +.wp-block-post-comments .comment-meta b{ + font-weight:400; +} +.wp-block-post-comments .comment-meta .comment-awaiting-moderation{ + display:block; + margin-bottom:1em; + margin-top:1em; +} +.wp-block-post-comments .comment-body .commentmetadata{ + font-size:.875em; +} +.wp-block-post-comments .comment-form-author label,.wp-block-post-comments .comment-form-comment label,.wp-block-post-comments .comment-form-email label,.wp-block-post-comments .comment-form-url label{ + display:block; + margin-bottom:.25em; +} +.wp-block-post-comments .comment-form input:not([type=submit]):not([type=checkbox]),.wp-block-post-comments .comment-form textarea{ + box-sizing:border-box; + display:block; + width:100%; +} +.wp-block-post-comments .comment-form-cookies-consent{ + display:flex; + gap:.25em; +} +.wp-block-post-comments .comment-form-cookies-consent #wp-comment-cookies-consent{ + margin-top:.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-left:.5em; +} +.wp-block-post-comments .reply{ + font-size:.875em; + margin-bottom:1.4em; +} +.wp-block-post-comments input:not([type=submit]),.wp-block-post-comments textarea{ + border:1px solid #949494; + font-family:inherit; + font-size:1em; +} +.wp-block-post-comments input:not([type=submit]):not([type=checkbox]),.wp-block-post-comments textarea{ + padding:calc(.667em + 2px); +} + +:where(.wp-block-post-comments input[type=submit]){ + border:none; +} + +.wp-block-comments-pagination>.wp-block-comments-pagination-next,.wp-block-comments-pagination>.wp-block-comments-pagination-numbers,.wp-block-comments-pagination>.wp-block-comments-pagination-previous{ + margin-bottom:.5em; + margin-right:.5em; +} +.wp-block-comments-pagination>.wp-block-comments-pagination-next:last-child,.wp-block-comments-pagination>.wp-block-comments-pagination-numbers:last-child,.wp-block-comments-pagination>.wp-block-comments-pagination-previous:last-child{ + margin-right:0; +} +.wp-block-comments-pagination .wp-block-comments-pagination-previous-arrow{ + display:inline-block; + margin-right:1ch; +} +.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{ + display:inline-block; + margin-left:1ch; +} +.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-column { - flex-grow: 1; - min-width: 0; - word-break: break-word; - overflow-wrap: break-word; - /** - * Individual Column Alignment - */ +.wp-block-comment-template{ + list-style:none; + margin-bottom:0; + max-width:100%; + padding:0; } -.wp-block-column.is-vertically-aligned-top { - align-self: flex-start; +.wp-block-comment-template li{ + clear:both; } -.wp-block-column.is-vertically-aligned-center { - align-self: center; +.wp-block-comment-template ol{ + list-style:none; + margin-bottom:0; + max-width:100%; + padding-left:2rem; } -.wp-block-column.is-vertically-aligned-bottom { - align-self: flex-end; +.wp-block-comment-template.alignleft{ + float:left; } -.wp-block-column.is-vertically-aligned-top, .wp-block-column.is-vertically-aligned-center, .wp-block-column.is-vertically-aligned-bottom { - width: 100%; +.wp-block-comment-template.aligncenter{ + margin-left:auto; + margin-right:auto; + width:-moz-fit-content; + width:fit-content; +} +.wp-block-comment-template.alignright{ + float:right; } -/* Styles for backwards compatibility with the legacy `post-comments` block */ -.wp-block-post-comments { - /* utility classes */ - /* end utility classes */ +.wp-block-cover,.wp-block-cover-image{ + align-items:center; + background-position:50%; + box-sizing:border-box; + display:flex; + justify-content:center; + min-height:430px; + padding:1em; + position:relative; +} +.wp-block-cover .has-background-dim:not([class*=-background-color]),.wp-block-cover-image .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]){ + background-color:#000; +} +.wp-block-cover .has-background-dim.has-background-gradient,.wp-block-cover-image .has-background-dim.has-background-gradient{ + background-color:initial; +} +.wp-block-cover-image.has-background-dim:before,.wp-block-cover.has-background-dim:before{ + background-color:inherit; + content:""; +} +.wp-block-cover .wp-block-cover__background,.wp-block-cover .wp-block-cover__gradient-background,.wp-block-cover-image .wp-block-cover__background,.wp-block-cover-image .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim:not(.has-background-gradient):before,.wp-block-cover.has-background-dim:not(.has-background-gradient):before{ + bottom:0; + left:0; + opacity:.5; + position:absolute; + right:0; + top:0; + z-index:1; +} +.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-image.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,.wp-block-cover.has-background-dim.has-background-dim-10:not(.has-background-gradient):before{ + opacity:.1; +} +.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-image.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,.wp-block-cover.has-background-dim.has-background-dim-20:not(.has-background-gradient):before{ + opacity:.2; +} +.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-image.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,.wp-block-cover.has-background-dim.has-background-dim-30:not(.has-background-gradient):before{ + opacity:.3; +} +.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-image.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,.wp-block-cover.has-background-dim.has-background-dim-40:not(.has-background-gradient):before{ + opacity:.4; } -.wp-block-post-comments .alignleft { - float: left; +.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-image.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,.wp-block-cover.has-background-dim.has-background-dim-50:not(.has-background-gradient):before{ + opacity:.5; } -.wp-block-post-comments .alignright { - float: right; +.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-image.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,.wp-block-cover.has-background-dim.has-background-dim-60:not(.has-background-gradient):before{ + opacity:.6; } -.wp-block-post-comments .navigation::after { - content: ""; - display: table; - clear: both; +.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-image.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,.wp-block-cover.has-background-dim.has-background-dim-70:not(.has-background-gradient):before{ + opacity:.7; } -.wp-block-post-comments .commentlist { - clear: both; - list-style: none; - margin: 0; - padding: 0; +.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-image.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,.wp-block-cover.has-background-dim.has-background-dim-80:not(.has-background-gradient):before{ + opacity:.8; } -.wp-block-post-comments .commentlist .comment { - min-height: 2.25em; - padding-left: 3.25em; +.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-image.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,.wp-block-cover.has-background-dim.has-background-dim-90:not(.has-background-gradient):before{ + opacity:.9; } -.wp-block-post-comments .commentlist .comment p { - font-size: 1em; - line-height: 1.8; - margin: 1em 0; +.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-image.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,.wp-block-cover.has-background-dim.has-background-dim-100:not(.has-background-gradient):before{ + opacity:1; } -.wp-block-post-comments .commentlist .children { - list-style: none; - margin: 0; - padding: 0; +.wp-block-cover .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-image .wp-block-cover__background.has-background-dim.has-background-dim-0,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-0{ + opacity:0; } -.wp-block-post-comments .comment-author { - line-height: 1.5; +.wp-block-cover .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-image .wp-block-cover__background.has-background-dim.has-background-dim-10,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-10{ + opacity:.1; } -.wp-block-post-comments .comment-author .avatar { - border-radius: 1.5em; - display: block; - float: left; - height: 2.5em; - margin-top: 0.5em; - margin-right: 0.75em; - width: 2.5em; +.wp-block-cover .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-image .wp-block-cover__background.has-background-dim.has-background-dim-20,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-20{ + opacity:.2; } -.wp-block-post-comments .comment-author cite { - font-style: normal; +.wp-block-cover .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-image .wp-block-cover__background.has-background-dim.has-background-dim-30,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-30{ + opacity:.3; } -.wp-block-post-comments .comment-meta { - font-size: 0.875em; - line-height: 1.5; +.wp-block-cover .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-image .wp-block-cover__background.has-background-dim.has-background-dim-40,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-40{ + opacity:.4; } -.wp-block-post-comments .comment-meta b { - font-weight: normal; +.wp-block-cover .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-image .wp-block-cover__background.has-background-dim.has-background-dim-50,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-50{ + opacity:.5; } -.wp-block-post-comments .comment-meta .comment-awaiting-moderation { - margin-top: 1em; - margin-bottom: 1em; - display: block; +.wp-block-cover .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-image .wp-block-cover__background.has-background-dim.has-background-dim-60,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-60{ + opacity:.6; } -.wp-block-post-comments .comment-body .commentmetadata { - font-size: 0.875em; +.wp-block-cover .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-image .wp-block-cover__background.has-background-dim.has-background-dim-70,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-70{ + opacity:.7; } -.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; - margin-bottom: 0.25em; +.wp-block-cover .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-image .wp-block-cover__background.has-background-dim.has-background-dim-80,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-80{ + opacity:.8; } -.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-left: 0.5em; -} -.wp-block-post-comments .reply { - font-size: 0.875em; - margin-bottom: 1.4em; -} -.wp-block-post-comments textarea, -.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); -} - -:where(.wp-block-post-comments input[type="submit"]) { - border: none; -} - -.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 { - /*rtl:ignore*/ - 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 { - /*rtl:ignore*/ - margin-right: 0; -} -.wp-block-comments-pagination .wp-block-comments-pagination-previous-arrow { - margin-right: 1ch; - display: inline-block; -} -.wp-block-comments-pagination .wp-block-comments-pagination-previous-arrow:not(.is-arrow-chevron) { - transform: scaleX(1) /*rtl:scaleX(-1);*/; -} -.wp-block-comments-pagination .wp-block-comments-pagination-next-arrow { - margin-left: 1ch; - display: inline-block; -} -.wp-block-comments-pagination .wp-block-comments-pagination-next-arrow:not(.is-arrow-chevron) { - transform: scaleX(1) /*rtl: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-left: 2rem; -} -.wp-block-comment-template.alignleft { - float: left; -} -.wp-block-comment-template.aligncenter { - margin-left: auto; - margin-right: auto; - width: -moz-fit-content; - width: fit-content; -} -.wp-block-comment-template.alignright { - float: right; -} - -.wp-block-cover-image, -.wp-block-cover { - position: relative; - background-position: center center; - min-height: 430px; - display: flex; - justify-content: center; - align-items: center; - padding: 1em; - box-sizing: border-box; - /*rtl:raw: direction: ltr; */ - /** - * Set a default background color for has-background-dim _unless_ it includes another - * background-color class (e.g. has-green-background-color). The presence of another - * background-color class implies that another style will provide the background color - * for the overlay. - * - * See: - * - Issue with background color specificity: https://github.com/WordPress/gutenberg/issues/26545 - * - Issue with alternative fix: https://github.com/WordPress/gutenberg/issues/26545 - */ -} -.wp-block-cover-image.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; - left: 0; - bottom: 0; - right: 0; - z-index: 1; - 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.alignleft, .wp-block-cover-image.alignright, -.wp-block-cover.alignleft, -.wp-block-cover.alignright { - max-width: 420px; - width: 100%; -} -.wp-block-cover-image::after, -.wp-block-cover::after { - display: block; - content: ""; - font-size: 0; - min-height: inherit; -} -@supports (position: sticky) { - .wp-block-cover-image::after, -.wp-block-cover::after { - content: none; +.wp-block-cover .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-image .wp-block-cover__background.has-background-dim.has-background-dim-90,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-90{ + opacity:.9; +} +.wp-block-cover .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-image .wp-block-cover__background.has-background-dim.has-background-dim-100,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-100{ + opacity:1; +} +.wp-block-cover-image.alignleft,.wp-block-cover-image.alignright,.wp-block-cover.alignleft,.wp-block-cover.alignright{ + max-width:420px; + width:100%; +} +.wp-block-cover-image:after,.wp-block-cover:after{ + content:""; + display:block; + font-size:0; + min-height:inherit; +} +@supports (position:sticky){ + .wp-block-cover-image:after,.wp-block-cover:after{ + content:none; } } -.wp-block-cover-image.aligncenter, .wp-block-cover-image.alignleft, .wp-block-cover-image.alignright, -.wp-block-cover.aligncenter, -.wp-block-cover.alignleft, -.wp-block-cover.alignright { - display: flex; -} -.wp-block-cover-image .wp-block-cover__inner-container, -.wp-block-cover .wp-block-cover__inner-container { - width: 100%; - z-index: 1; - color: #fff; - /*rtl:raw: direction: rtl; */ -} -.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), -.wp-block-cover-image h3:not(.has-text-color), -.wp-block-cover-image h4:not(.has-text-color), -.wp-block-cover-image h5:not(.has-text-color), -.wp-block-cover-image h6:not(.has-text-color), -.wp-block-cover p:not(.has-text-color), -.wp-block-cover h1:not(.has-text-color), -.wp-block-cover h2:not(.has-text-color), -.wp-block-cover h3:not(.has-text-color), -.wp-block-cover h4:not(.has-text-color), -.wp-block-cover h5:not(.has-text-color), -.wp-block-cover h6:not(.has-text-color) { - color: inherit; -} -.wp-block-cover-image.is-position-top-left, -.wp-block-cover.is-position-top-left { - align-items: flex-start; - justify-content: flex-start; -} -.wp-block-cover-image.is-position-top-center, -.wp-block-cover.is-position-top-center { - align-items: flex-start; - justify-content: center; -} -.wp-block-cover-image.is-position-top-right, -.wp-block-cover.is-position-top-right { - align-items: flex-start; - justify-content: flex-end; -} -.wp-block-cover-image.is-position-center-left, -.wp-block-cover.is-position-center-left { - align-items: center; - justify-content: flex-start; -} -.wp-block-cover-image.is-position-center-center, -.wp-block-cover.is-position-center-center { - align-items: center; - justify-content: center; -} -.wp-block-cover-image.is-position-center-right, -.wp-block-cover.is-position-center-right { - align-items: center; - justify-content: flex-end; -} -.wp-block-cover-image.is-position-bottom-left, -.wp-block-cover.is-position-bottom-left { - align-items: flex-end; - justify-content: flex-start; -} -.wp-block-cover-image.is-position-bottom-center, -.wp-block-cover.is-position-bottom-center { - align-items: flex-end; - justify-content: center; -} -.wp-block-cover-image.is-position-bottom-right, -.wp-block-cover.is-position-bottom-right { - align-items: flex-end; - justify-content: flex-end; -} -.wp-block-cover-image.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container, -.wp-block-cover.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container { - margin: 0; - width: auto; -} -.wp-block-cover-image .wp-block-cover__image-background, -.wp-block-cover-image video.wp-block-cover__video-background, -.wp-block-cover .wp-block-cover__image-background, -.wp-block-cover video.wp-block-cover__video-background { - position: absolute; - top: 0; - left: 0; - right: 0; - bottom: 0; - margin: 0; - padding: 0; - width: 100%; - height: 100%; - max-width: none; - max-height: none; - -o-object-fit: cover; - object-fit: cover; - outline: none; - border: none; - box-shadow: none; -} - -.wp-block-cover-image.has-parallax, -.wp-block-cover.has-parallax, -.wp-block-cover__image-background.has-parallax, -video.wp-block-cover__video-background.has-parallax { - background-attachment: fixed; - background-size: cover; - background-repeat: no-repeat; -} -@supports (-webkit-overflow-scrolling: touch) { - .wp-block-cover-image.has-parallax, -.wp-block-cover.has-parallax, -.wp-block-cover__image-background.has-parallax, -video.wp-block-cover__video-background.has-parallax { - background-attachment: scroll; +.wp-block-cover-image.aligncenter,.wp-block-cover-image.alignleft,.wp-block-cover-image.alignright,.wp-block-cover.aligncenter,.wp-block-cover.alignleft,.wp-block-cover.alignright{ + display:flex; +} +.wp-block-cover .wp-block-cover__inner-container,.wp-block-cover-image .wp-block-cover__inner-container{ + color:#fff; + width:100%; + z-index:1; +} +.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 h1:not(.has-text-color),.wp-block-cover h2:not(.has-text-color),.wp-block-cover h3:not(.has-text-color),.wp-block-cover h4:not(.has-text-color),.wp-block-cover h5:not(.has-text-color),.wp-block-cover h6:not(.has-text-color),.wp-block-cover p:not(.has-text-color),.wp-block-cover-image h1:not(.has-text-color),.wp-block-cover-image h2:not(.has-text-color),.wp-block-cover-image h3:not(.has-text-color),.wp-block-cover-image h4:not(.has-text-color),.wp-block-cover-image h5:not(.has-text-color),.wp-block-cover-image h6:not(.has-text-color),.wp-block-cover-image p:not(.has-text-color){ + color:inherit; +} +.wp-block-cover-image.is-position-top-left,.wp-block-cover.is-position-top-left{ + align-items:flex-start; + justify-content:flex-start; +} +.wp-block-cover-image.is-position-top-center,.wp-block-cover.is-position-top-center{ + align-items:flex-start; + justify-content:center; +} +.wp-block-cover-image.is-position-top-right,.wp-block-cover.is-position-top-right{ + align-items:flex-start; + justify-content:flex-end; +} +.wp-block-cover-image.is-position-center-left,.wp-block-cover.is-position-center-left{ + align-items:center; + justify-content:flex-start; +} +.wp-block-cover-image.is-position-center-center,.wp-block-cover.is-position-center-center{ + align-items:center; + justify-content:center; +} +.wp-block-cover-image.is-position-center-right,.wp-block-cover.is-position-center-right{ + align-items:center; + justify-content:flex-end; +} +.wp-block-cover-image.is-position-bottom-left,.wp-block-cover.is-position-bottom-left{ + align-items:flex-end; + justify-content:flex-start; +} +.wp-block-cover-image.is-position-bottom-center,.wp-block-cover.is-position-bottom-center{ + align-items:flex-end; + justify-content:center; +} +.wp-block-cover-image.is-position-bottom-right,.wp-block-cover.is-position-bottom-right{ + align-items:flex-end; + justify-content:flex-end; +} +.wp-block-cover-image.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container,.wp-block-cover.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container{ + margin:0; + width:auto; +} +.wp-block-cover .wp-block-cover__image-background,.wp-block-cover video.wp-block-cover__video-background,.wp-block-cover-image .wp-block-cover__image-background,.wp-block-cover-image video.wp-block-cover__video-background{ + border:none; + bottom:0; + box-shadow:none; + height:100%; + left:0; + margin:0; + max-height:none; + max-width:none; + -o-object-fit:cover; + object-fit:cover; + outline:none; + padding:0; + position:absolute; + right:0; + top:0; + width:100%; +} + +.wp-block-cover-image.has-parallax,.wp-block-cover.has-parallax,.wp-block-cover__image-background.has-parallax,video.wp-block-cover__video-background.has-parallax{ + background-attachment:fixed; + background-repeat:no-repeat; + background-size:cover; +} +@supports (-webkit-overflow-scrolling:touch){ + .wp-block-cover-image.has-parallax,.wp-block-cover.has-parallax,.wp-block-cover__image-background.has-parallax,video.wp-block-cover__video-background.has-parallax{ + background-attachment:scroll; } } -@media (prefers-reduced-motion: reduce) { - .wp-block-cover-image.has-parallax, -.wp-block-cover.has-parallax, -.wp-block-cover__image-background.has-parallax, -video.wp-block-cover__video-background.has-parallax { - background-attachment: scroll; +@media (prefers-reduced-motion:reduce){ + .wp-block-cover-image.has-parallax,.wp-block-cover.has-parallax,.wp-block-cover__image-background.has-parallax,video.wp-block-cover__video-background.has-parallax{ + background-attachment:scroll; } } -.wp-block-cover-image.is-repeated, -.wp-block-cover.is-repeated, -.wp-block-cover__image-background.is-repeated, -video.wp-block-cover__video-background.is-repeated { - background-repeat: repeat; - background-size: auto; +.wp-block-cover-image.is-repeated,.wp-block-cover.is-repeated,.wp-block-cover__image-background.is-repeated,video.wp-block-cover__video-background.is-repeated{ + background-repeat:repeat; + background-size:auto; +} + +.wp-block-cover__image-background,.wp-block-cover__video-background{ + z-index:0; +} +.wp-block-cover-image-text,.wp-block-cover-image-text a,.wp-block-cover-image-text a:active,.wp-block-cover-image-text a:focus,.wp-block-cover-image-text a:hover,.wp-block-cover-text,.wp-block-cover-text a,.wp-block-cover-text a:active,.wp-block-cover-text a:focus,.wp-block-cover-text a:hover,section.wp-block-cover-image h2,section.wp-block-cover-image h2 a,section.wp-block-cover-image h2 a:active,section.wp-block-cover-image h2 a:focus,section.wp-block-cover-image h2 a:hover{ + color:#fff; } -.wp-block-cover__video-background { - z-index: 0; +.wp-block-cover-image .wp-block-cover.has-left-content{ + justify-content:flex-start; +} +.wp-block-cover-image .wp-block-cover.has-right-content{ + justify-content:flex-end; } -.wp-block-cover__image-background { - z-index: 0; +.wp-block-cover-image.has-left-content .wp-block-cover-image-text,.wp-block-cover.has-left-content .wp-block-cover-text,section.wp-block-cover-image.has-left-content>h2{ + margin-left:0; + text-align:left; } -section.wp-block-cover-image h2, -.wp-block-cover-image-text, -.wp-block-cover-text { - color: #fff; +.wp-block-cover-image.has-right-content .wp-block-cover-image-text,.wp-block-cover.has-right-content .wp-block-cover-text,section.wp-block-cover-image.has-right-content>h2{ + margin-right:0; + text-align:right; } -section.wp-block-cover-image h2 a, -section.wp-block-cover-image h2 a:hover, -section.wp-block-cover-image h2 a:focus, -section.wp-block-cover-image h2 a:active, -.wp-block-cover-image-text a, -.wp-block-cover-image-text a:hover, -.wp-block-cover-image-text a:focus, -.wp-block-cover-image-text a:active, -.wp-block-cover-text a, -.wp-block-cover-text a:hover, -.wp-block-cover-text a:focus, -.wp-block-cover-text a:active { - color: #fff; + +.wp-block-cover .wp-block-cover-text,.wp-block-cover-image .wp-block-cover-image-text,section.wp-block-cover-image>h2{ + font-size:2em; + line-height:1.25; + margin-bottom:0; + max-width:840px; + padding:.44em; + text-align:center; + z-index:1; } -.wp-block-cover-image .wp-block-cover.has-left-content { - justify-content: flex-start; +.wp-block-embed.alignleft,.wp-block-embed.alignright,.wp-block[data-align=left]>[data-type="core/embed"],.wp-block[data-align=right]>[data-type="core/embed"]{ + max-width:360px; + width:100%; } -.wp-block-cover-image .wp-block-cover.has-right-content { - justify-content: flex-end; +.wp-block-embed.alignleft .wp-block-embed__wrapper,.wp-block-embed.alignright .wp-block-embed__wrapper,.wp-block[data-align=left]>[data-type="core/embed"] .wp-block-embed__wrapper,.wp-block[data-align=right]>[data-type="core/embed"] .wp-block-embed__wrapper{ + min-width:280px; } -section.wp-block-cover-image.has-left-content > h2, -.wp-block-cover-image.has-left-content .wp-block-cover-image-text, -.wp-block-cover.has-left-content .wp-block-cover-text { - margin-left: 0; - text-align: left; +.wp-block-cover .wp-block-embed{ + min-height:240px; + min-width:320px; } -section.wp-block-cover-image.has-right-content > h2, -.wp-block-cover-image.has-right-content .wp-block-cover-image-text, -.wp-block-cover.has-right-content .wp-block-cover-text { - margin-right: 0; - text-align: right; +.wp-block-embed{ + overflow-wrap:break-word; +} +.wp-block-embed figcaption{ + margin-bottom:1em; + margin-top:.5em; +} +.wp-block-embed iframe{ + max-width:100%; } -section.wp-block-cover-image > h2, -.wp-block-cover-image .wp-block-cover-image-text, -.wp-block-cover .wp-block-cover-text { - font-size: 2em; - line-height: 1.25; - z-index: 1; - margin-bottom: 0; - max-width: 840px; - padding: 0.44em; - text-align: center; +.wp-block-embed__wrapper{ + position:relative; } -.wp-block[data-align=left] > [data-type="core/embed"], -.wp-block[data-align=right] > [data-type="core/embed"], -.wp-block-embed.alignleft, -.wp-block-embed.alignright { - max-width: 360px; - width: 100%; +.wp-embed-responsive .wp-has-aspect-ratio .wp-block-embed__wrapper:before{ + content:""; + display:block; + padding-top:50%; } -.wp-block[data-align=left] > [data-type="core/embed"] .wp-block-embed__wrapper, -.wp-block[data-align=right] > [data-type="core/embed"] .wp-block-embed__wrapper, -.wp-block-embed.alignleft .wp-block-embed__wrapper, -.wp-block-embed.alignright .wp-block-embed__wrapper { - min-width: 280px; +.wp-embed-responsive .wp-has-aspect-ratio iframe{ + bottom:0; + height:100%; + left:0; + position:absolute; + right:0; + top:0; + width:100%; } -.wp-block-cover .wp-block-embed { - min-width: 320px; - min-height: 240px; +.wp-embed-responsive .wp-embed-aspect-21-9 .wp-block-embed__wrapper:before{ + padding-top:42.85%; +} +.wp-embed-responsive .wp-embed-aspect-18-9 .wp-block-embed__wrapper:before{ + padding-top:50%; +} +.wp-embed-responsive .wp-embed-aspect-16-9 .wp-block-embed__wrapper:before{ + padding-top:56.25%; +} +.wp-embed-responsive .wp-embed-aspect-4-3 .wp-block-embed__wrapper:before{ + padding-top:75%; +} +.wp-embed-responsive .wp-embed-aspect-1-1 .wp-block-embed__wrapper:before{ + padding-top:100%; +} +.wp-embed-responsive .wp-embed-aspect-9-16 .wp-block-embed__wrapper:before{ + padding-top:177.77%; +} +.wp-embed-responsive .wp-embed-aspect-1-2 .wp-block-embed__wrapper:before{ + padding-top:200%; } -.wp-block-embed { - overflow-wrap: break-word; +.wp-block-file{ + margin-bottom:1.5em; +} +.wp-block-file:not(.wp-element-button){ + font-size:.8em; +} +.wp-block-file.aligncenter{ + text-align:center; } -.wp-block-embed figcaption { - margin-top: 0.5em; - margin-bottom: 1em; +.wp-block-file.alignright{ + text-align:right; } -.wp-block-embed iframe { - max-width: 100%; +.wp-block-file *+.wp-block-file__button{ + margin-left:.75em; } -.wp-block-embed__wrapper { - position: relative; +.wp-block-file__embed{ + margin-bottom:1em; } -.wp-embed-responsive .wp-has-aspect-ratio .wp-block-embed__wrapper::before { - content: ""; - display: block; - padding-top: 50%; +:where(.wp-block-file__button){ + border-radius:2em; + padding:.5em 1em; } -.wp-embed-responsive .wp-has-aspect-ratio iframe { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - height: 100%; - width: 100%; +:where(.wp-block-file__button):is(a):active,:where(.wp-block-file__button):is(a):focus,:where(.wp-block-file__button):is(a):hover,:where(.wp-block-file__button):is(a):visited{ + box-shadow:none; + color:#fff; + opacity:.85; + text-decoration:none; } -.wp-embed-responsive .wp-embed-aspect-21-9 .wp-block-embed__wrapper::before { - padding-top: 42.85%; +.blocks-gallery-grid:not(.has-nested-images),.wp-block-gallery:not(.has-nested-images){ + display:flex; + flex-wrap:wrap; + list-style-type:none; + margin:0; + padding:0; } -.wp-embed-responsive .wp-embed-aspect-18-9 .wp-block-embed__wrapper::before { - padding-top: 50%; -} -.wp-embed-responsive .wp-embed-aspect-16-9 .wp-block-embed__wrapper::before { - padding-top: 56.25%; -} -.wp-embed-responsive .wp-embed-aspect-4-3 .wp-block-embed__wrapper::before { - padding-top: 75%; -} -.wp-embed-responsive .wp-embed-aspect-1-1 .wp-block-embed__wrapper::before { - padding-top: 100%; -} -.wp-embed-responsive .wp-embed-aspect-9-16 .wp-block-embed__wrapper::before { - padding-top: 177.77%; -} -.wp-embed-responsive .wp-embed-aspect-1-2 .wp-block-embed__wrapper::before { - padding-top: 200%; -} - -.wp-block-file { - margin-bottom: 1.5em; -} -.wp-block-file:not(.wp-element-button) { - font-size: 0.8em; -} -.wp-block-file.aligncenter { - text-align: center; -} -.wp-block-file.alignright { - /*rtl:ignore*/ - text-align: right; -} -.wp-block-file * + .wp-block-file__button { - margin-left: 0.75em; -} - -.wp-block-file__embed { - margin-bottom: 1em; -} - -:where(.wp-block-file__button) { - border-radius: 2em; - padding: 0.5em 1em; -} -:where(.wp-block-file__button):is(a):hover, :where(.wp-block-file__button):is(a):visited, :where(.wp-block-file__button):is(a):focus, :where(.wp-block-file__button):is(a):active { - box-shadow: none; - color: #fff; - opacity: 0.85; - text-decoration: none; -} - -.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: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 1em 1em 0; - display: flex; - flex-grow: 1; - flex-direction: column; - justify-content: center; - position: relative; - width: calc(50% - 1em); -} -.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-right: 0; -} -.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%; - 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: 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%; - max-height: 100%; - overflow: auto; - padding: 3em 0.77em 0.7em; - color: #fff; - text-align: center; - font-size: 0.8em; - 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; - 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:not(.has-nested-images) figcaption, -.blocks-gallery-grid:not(.has-nested-images) figcaption { - flex-grow: 1; -} -.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%; - 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-right: 0; -} -@media (min-width: 600px) { - .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-right: 1em; - } - .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-right: 1em; - } - .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-right: 1em; - } - .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-right: 1em; - } - .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-right: 1em; - } - .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-right: 1em; - } - .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-right: 0; - } - .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-right: 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-right: 0; - } - .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-right: 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-right: 0; - } - .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-right: 0; - } - .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-right: 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-right: 0; - } +.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image,.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item{ + display:flex; + flex-direction:column; + flex-grow:1; + justify-content:center; + margin:0 1em 1em 0; + position:relative; + width:calc(50% - 1em); +} +.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image:nth-of-type(2n),.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item:nth-of-type(2n),.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image:nth-of-type(2n),.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item:nth-of-type(2n){ + margin-right:0; +} +.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image figure,.blocks-gallery-grid:not(.has-nested-images) .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{ + align-items:flex-end; + display:flex; + height:100%; + justify-content:flex-start; + margin:0; +} +.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image img,.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item img,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image img,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item img{ + display:block; + height:auto; + max-width:100%; + width:auto; +} +.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image figcaption,.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item figcaption,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image figcaption,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item figcaption{ + background:linear-gradient(0deg, rgba(0,0,0,.7), rgba(0,0,0,.3) 70%, transparent); + bottom:0; + box-sizing:border-box; + color:#fff; + font-size:.8em; + margin:0; + max-height:100%; + overflow:auto; + padding:3em .77em .7em; + position:absolute; + text-align:center; + width:100%; + z-index:2; +} +.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image figcaption img,.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item figcaption img,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image figcaption img,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item figcaption img{ + display:inline; +} +.blocks-gallery-grid:not(.has-nested-images) figcaption,.wp-block-gallery:not(.has-nested-images) figcaption{ + flex-grow:1; +} +.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,.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{ + flex:1; + height:100%; + -o-object-fit:cover; + object-fit:cover; + width:100%; +} +.blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-image,.blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-item,.wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-image,.wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-item{ + margin-right:0; + width:100%; +} +@media (min-width:600px){ + .blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-image,.blocks-gallery-grid:not(.has-nested-images).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{ + margin-right:1em; + width:calc(33.33333% - .66667em); + } + .blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-image,.blocks-gallery-grid:not(.has-nested-images).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{ + margin-right:1em; + width:calc(25% - .75em); + } + .blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-image,.blocks-gallery-grid:not(.has-nested-images).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{ + margin-right:1em; + width:calc(20% - .8em); + } + .blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-image,.blocks-gallery-grid:not(.has-nested-images).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{ + margin-right:1em; + width:calc(16.66667% - .83333em); + } + .blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-image,.blocks-gallery-grid:not(.has-nested-images).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{ + margin-right:1em; + width:calc(14.28571% - .85714em); + } + .blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-image,.blocks-gallery-grid:not(.has-nested-images).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{ + margin-right:1em; + width:calc(12.5% - .875em); + } + .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),.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),.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),.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),.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),.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),.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),.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),.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),.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),.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),.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),.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),.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),.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),.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){ + margin-right:0; + } +} +.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image:last-child,.blocks-gallery-grid:not(.has-nested-images) .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{ + margin-right:0; +} +.blocks-gallery-grid:not(.has-nested-images).alignleft,.blocks-gallery-grid:not(.has-nested-images).alignright,.wp-block-gallery:not(.has-nested-images).alignleft,.wp-block-gallery:not(.has-nested-images).alignright{ + max-width:420px; + width:100%; +} +.blocks-gallery-grid:not(.has-nested-images).aligncenter .blocks-gallery-item figure,.wp-block-gallery: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){ + margin:0; + width:calc(50% - var(--wp--style--unstable-gallery-gap, 16px)/2); +} +.wp-block-gallery.has-nested-images figure.wp-block-image{ + box-sizing:border-box; + display:flex; + flex-direction:column; + flex-grow:1; + justify-content:center; + max-width:100%; + position:relative; +} +.wp-block-gallery.has-nested-images figure.wp-block-image>a,.wp-block-gallery.has-nested-images figure.wp-block-image>div{ + flex-direction:column; + flex-grow:1; + margin:0; +} +.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,.7), rgba(0,0,0,.3) 70%, transparent); + bottom:0; + box-sizing:border-box; + color:#fff; + font-size:13px; + left:0; + margin-bottom:0; + max-height:60%; + overflow:auto; + padding:0 8px 8px; + position:absolute; + text-align:center; + width:100%; +} +.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.has-custom-border img{ + box-sizing:border-box; +} +.wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border>a,.wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border>div,.wp-block-gallery.has-nested-images figure.wp-block-image.is-style-rounded>a,.wp-block-gallery.has-nested-images figure.wp-block-image.is-style-rounded>div{ + flex:1 1 auto; +} +.wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border figcaption,.wp-block-gallery.has-nested-images figure.wp-block-image.is-style-rounded figcaption{ + background:none; + color:inherit; + flex:initial; + margin:0; + padding:10px 10px 9px; + position:relative; } -.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-right: 0; -} -.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: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%; - box-sizing: border-box; -} -.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; - left: 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.has-custom-border img { - box-sizing: border-box; -} -.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, .wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border > div, -.wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border > a { - flex: 1 1 auto; -} -.wp-block-gallery.has-nested-images figure.wp-block-image.is-style-rounded figcaption, .wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border 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 figcaption{ + flex-basis:100%; + flex-grow:1; + text-align:center; +} +.wp-block-gallery.has-nested-images:not(.is-cropped) figure.wp-block-image:not(#individual-image){ + margin-bottom:auto; + margin-top:0; +} +.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)>a,.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image)>div:not(.components-drop-zone){ + 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{ + flex:1 0 0%; + height:100%; + -o-object-fit:cover; + object-fit:cover; + width:100%; +} +.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.33333% - var(--wp--style--unstable-gallery-gap, 16px)*.66667); } - .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-4 figure.wp-block-image:not(#individual-image){ + width:calc(25% - var(--wp--style--unstable-gallery-gap, 16px)*.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-5 figure.wp-block-image:not(#individual-image){ + width:calc(20% - var(--wp--style--unstable-gallery-gap, 16px)*.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-6 figure.wp-block-image:not(#individual-image){ + width:calc(16.66667% - var(--wp--style--unstable-gallery-gap, 16px)*.83333); } - .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-7 figure.wp-block-image:not(#individual-image){ + width:calc(14.28571% - var(--wp--style--unstable-gallery-gap, 16px)*.85714); } - .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-8 figure.wp-block-image:not(#individual-image){ + width:calc(12.5% - var(--wp--style--unstable-gallery-gap, 16px)*.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){ + width:calc(33.33% - var(--wp--style--unstable-gallery-gap, 16px)*.66667); } - .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(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)*.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.columns-default figure.wp-block-image:not(#individual-image):first-child:last-child{ + 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; -} - -.wp-block-group { - box-sizing: border-box; -} - -h1.has-background, -h2.has-background, -h3.has-background, -h4.has-background, -h5.has-background, -h6.has-background { - padding: 1.25em 2.375em; -} - -.wp-block-image img { - height: auto; - max-width: 100%; - vertical-align: bottom; - box-sizing: border-box; -} -.wp-block-image.has-custom-border img { - box-sizing: border-box; -} -.wp-block-image.aligncenter { - 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 { - display: table-caption; - caption-side: bottom; -} -.wp-block-image .alignleft { - /*rtl:ignore*/ - float: left; - /*rtl:ignore*/ - margin-left: 0; - margin-right: 1em; - margin-top: 0.5em; - margin-bottom: 0.5em; -} -.wp-block-image .alignright { - /*rtl:ignore*/ - float: right; - /*rtl:ignore*/ - margin-right: 0; - margin-left: 1em; - margin-top: 0.5em; - margin-bottom: 0.5em; -} -.wp-block-image .aligncenter { - margin-left: auto; - margin-right: auto; -} -.wp-block-image figcaption { - margin-top: 0.5em; - margin-bottom: 1em; -} -.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 { - border-radius: 9999px; -} -@supports ((-webkit-mask-image: none) or (mask-image: none)) or (-webkit-mask-image: none) { - .wp-block-image.is-style-circle-mask img { - /* stylelint-disable */ - -webkit-mask-image: url('data:image/svg+xml;utf8,'); - mask-image: url('data:image/svg+xml;utf8,'); - /* stylelint-enable */ - mask-mode: alpha; - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - -webkit-mask-size: contain; - mask-size: contain; - -webkit-mask-position: center; - mask-position: center; - border-radius: 0; +.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; +} + +.wp-block-group{ + box-sizing:border-box; +} + +h1.has-background,h2.has-background,h3.has-background,h4.has-background,h5.has-background,h6.has-background{ + padding:1.25em 2.375em; +} + +.wp-block-image img{ + height:auto; + max-width:100%; + vertical-align:bottom; +} +.wp-block-image img,.wp-block-image.has-custom-border img{ + box-sizing:border-box; +} +.wp-block-image.aligncenter{ + text-align:center; +} +.wp-block-image.alignfull img,.wp-block-image.alignwide img{ + height:auto; + width:100%; +} +.wp-block-image .aligncenter,.wp-block-image .alignleft,.wp-block-image .alignright,.wp-block-image.aligncenter,.wp-block-image.alignleft,.wp-block-image.alignright{ + display:table; +} +.wp-block-image .aligncenter>figcaption,.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{ + caption-side:bottom; + display:table-caption; +} +.wp-block-image .alignleft{ + float:left; + margin:.5em 1em .5em 0; +} +.wp-block-image .alignright{ + float:right; + margin:.5em 0 .5em 1em; +} +.wp-block-image .aligncenter{ + margin-left:auto; + margin-right:auto; +} +.wp-block-image figcaption{ + margin-bottom:1em; + margin-top:.5em; +} +.wp-block-image .is-style-rounded img,.wp-block-image.is-style-circle-mask img,.wp-block-image.is-style-rounded img{ + border-radius:9999px; +} +@supports ((-webkit-mask-image:none) or (mask-image:none)) or (-webkit-mask-image:none){ + .wp-block-image.is-style-circle-mask img{ + border-radius:0; + -webkit-mask-image:url('data:image/svg+xml;utf8,'); + mask-image:url('data:image/svg+xml;utf8,'); + mask-mode:alpha; + -webkit-mask-position:center; + mask-position:center; + -webkit-mask-repeat:no-repeat; + mask-repeat:initial; + -webkit-mask-size:contain; + mask-size:contain; } } -.wp-block-image :where(.has-border-color) { - border-style: solid; +.wp-block-image :where(.has-border-color){ + border-style:solid; } -.wp-block-image :where([style*="border-top-color"]) { - border-top-style: solid; +.wp-block-image :where([style*=border-top-color]){ + border-top-style:solid; } -.wp-block-image :where([style*="border-right-color"]) { - border-right-style: solid; +.wp-block-image :where([style*=border-right-color]){ + border-right-style:solid; } -.wp-block-image :where([style*="border-bottom-color"]) { - border-bottom-style: solid; +.wp-block-image :where([style*=border-bottom-color]){ + border-bottom-style:solid; } -.wp-block-image :where([style*="border-left-color"]) { - border-left-style: solid; +.wp-block-image :where([style*=border-left-color]){ + border-left-style:solid; } -.wp-block-image :where([style*="border-width"]) { - border-style: solid; +.wp-block-image :where([style*=border-width]){ + border-style:solid; } -.wp-block-image :where([style*="border-top-width"]) { - border-top-style: solid; +.wp-block-image :where([style*=border-top-width]){ + border-top-style:solid; } -.wp-block-image :where([style*="border-right-width"]) { - border-right-style: solid; +.wp-block-image :where([style*=border-right-width]){ + border-right-style:solid; } -.wp-block-image :where([style*="border-bottom-width"]) { - border-bottom-style: solid; +.wp-block-image :where([style*=border-bottom-width]){ + border-bottom-style:solid; } -.wp-block-image :where([style*="border-left-width"]) { - border-left-style: solid; +.wp-block-image :where([style*=border-left-width]){ + border-left-style:solid; } -.wp-block-image figure { - margin: 0; +.wp-block-image figure{ + margin:0; } -ol.wp-block-latest-comments { - margin-left: 0; +ol.wp-block-latest-comments{ + margin-left:0; } -.wp-block-latest-comments .wp-block-latest-comments { - padding-left: 0; +.wp-block-latest-comments .wp-block-latest-comments{ + padding-left:0; } -.wp-block-latest-comments__comment { - line-height: 1.1; - list-style: none; - margin-bottom: 1em; +.wp-block-latest-comments__comment{ + line-height:1.1; + list-style:none; + margin-bottom:1em; } -.has-avatars .wp-block-latest-comments__comment { - min-height: 2.25em; - list-style: none; +.has-avatars .wp-block-latest-comments__comment{ + list-style:none; + min-height:2.25em; } -.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta, -.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt { - margin-left: 3.25em; +.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt,.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta{ + margin-left:3.25em; } -.has-dates .wp-block-latest-comments__comment, .has-excerpts .wp-block-latest-comments__comment { - line-height: 1.5; +.has-dates .wp-block-latest-comments__comment,.has-excerpts .wp-block-latest-comments__comment{ + line-height:1.5; } -.wp-block-latest-comments__comment-excerpt p { - font-size: 0.875em; - line-height: 1.8; - margin: 0.36em 0 1.4em; +.wp-block-latest-comments__comment-excerpt p{ + font-size:.875em; + line-height:1.8; + margin:.36em 0 1.4em; } -.wp-block-latest-comments__comment-date { - display: block; - font-size: 0.75em; +.wp-block-latest-comments__comment-date{ + display:block; + font-size:.75em; } -.wp-block-latest-comments .avatar, -.wp-block-latest-comments__comment-avatar { - border-radius: 1.5em; - display: block; - float: left; - height: 2.5em; - margin-right: 0.75em; - width: 2.5em; +.wp-block-latest-comments .avatar,.wp-block-latest-comments__comment-avatar{ + border-radius:1.5em; + display:block; + float:left; + height:2.5em; + margin-right:.75em; + width:2.5em; } -.wp-block-latest-posts.alignleft { - /*rtl:ignore*/ - margin-right: 2em; +.wp-block-latest-posts.alignleft{ + margin-right:2em; } -.wp-block-latest-posts.alignright { - /*rtl:ignore*/ - margin-left: 2em; +.wp-block-latest-posts.alignright{ + margin-left:2em; } -.wp-block-latest-posts.wp-block-latest-posts__list { - list-style: none; - padding-left: 0; +.wp-block-latest-posts.wp-block-latest-posts__list{ + list-style:none; + padding-left:0; } -.wp-block-latest-posts.wp-block-latest-posts__list li { - clear: both; +.wp-block-latest-posts.wp-block-latest-posts__list li{ + clear:both; } -.wp-block-latest-posts.is-grid { - display: flex; - flex-wrap: wrap; - padding: 0; +.wp-block-latest-posts.is-grid{ + display:flex; + flex-wrap:wrap; + padding:0; } -.wp-block-latest-posts.is-grid li { - margin: 0 1.25em 1.25em 0; - width: 100%; +.wp-block-latest-posts.is-grid li{ + margin:0 1.25em 1.25em 0; + width:100%; } -@media (min-width: 600px) { - .wp-block-latest-posts.columns-2 li { - width: calc((100% / 2) - 1.25em + (1.25em / 2)); +@media (min-width:600px){ + .wp-block-latest-posts.columns-2 li{ + width:calc(50% - .625em); } - .wp-block-latest-posts.columns-2 li:nth-child(2n) { - margin-right: 0; + .wp-block-latest-posts.columns-2 li:nth-child(2n){ + margin-right:0; } - .wp-block-latest-posts.columns-3 li { - width: calc((100% / 3) - 1.25em + (1.25em / 3)); + .wp-block-latest-posts.columns-3 li{ + width:calc(33.33333% - .83333em); } - .wp-block-latest-posts.columns-3 li:nth-child(3n) { - margin-right: 0; + .wp-block-latest-posts.columns-3 li:nth-child(3n){ + margin-right:0; } - .wp-block-latest-posts.columns-4 li { - width: calc((100% / 4) - 1.25em + (1.25em / 4)); + .wp-block-latest-posts.columns-4 li{ + width:calc(25% - .9375em); } - .wp-block-latest-posts.columns-4 li:nth-child(4n) { - margin-right: 0; + .wp-block-latest-posts.columns-4 li:nth-child(4n){ + margin-right:0; } - .wp-block-latest-posts.columns-5 li { - width: calc((100% / 5) - 1.25em + (1.25em / 5)); + .wp-block-latest-posts.columns-5 li{ + width:calc(20% - 1em); } - .wp-block-latest-posts.columns-5 li:nth-child(5n) { - margin-right: 0; + .wp-block-latest-posts.columns-5 li:nth-child(5n){ + margin-right:0; } - .wp-block-latest-posts.columns-6 li { - width: calc((100% / 6) - 1.25em + (1.25em / 6)); + .wp-block-latest-posts.columns-6 li{ + width:calc(16.66667% - 1.04167em); } - .wp-block-latest-posts.columns-6 li:nth-child(6n) { - margin-right: 0; + .wp-block-latest-posts.columns-6 li:nth-child(6n){ + margin-right:0; } } -.wp-block-latest-posts__post-date, -.wp-block-latest-posts__post-author { - display: block; - font-size: 0.8125em; +.wp-block-latest-posts__post-author,.wp-block-latest-posts__post-date{ + display:block; + font-size:.8125em; } -.wp-block-latest-posts__post-excerpt { - margin-top: 0.5em; - margin-bottom: 1em; +.wp-block-latest-posts__post-excerpt{ + margin-bottom:1em; + margin-top:.5em; } -.wp-block-latest-posts__featured-image a { - display: inline-block; +.wp-block-latest-posts__featured-image a{ + display:inline-block; } -.wp-block-latest-posts__featured-image img { - height: auto; - width: auto; - max-width: 100%; +.wp-block-latest-posts__featured-image img{ + height:auto; + max-width:100%; + width:auto; } -.wp-block-latest-posts__featured-image.alignleft { - /*rtl:ignore*/ - margin-right: 1em; - /*rtl:ignore*/ - float: left; +.wp-block-latest-posts__featured-image.alignleft{ + float:left; + margin-right:1em; } -.wp-block-latest-posts__featured-image.alignright { - /*rtl:ignore*/ - margin-left: 1em; - /*rtl:ignore*/ - float: right; +.wp-block-latest-posts__featured-image.alignright{ + float:right; + margin-left:1em; } -.wp-block-latest-posts__featured-image.aligncenter { - margin-bottom: 1em; - text-align: center; +.wp-block-latest-posts__featured-image.aligncenter{ + margin-bottom:1em; + text-align:center; } -ol, -ul { - box-sizing: border-box; +ol,ul{ + box-sizing:border-box; } -ol.has-background, -ul.has-background { - padding: 1.25em 2.375em; +ol.has-background,ul.has-background{ + padding:1.25em 2.375em; } -.wp-block-media-text { - /*!rtl:begin:ignore*/ - direction: ltr; - /*!rtl:end:ignore*/ - display: grid; - grid-template-columns: 50% 1fr; - grid-template-rows: auto; - box-sizing: border-box; +.wp-block-media-text{ + box-sizing:border-box; + direction:ltr; + display:grid; + grid-template-columns:50% 1fr; + grid-template-rows:auto; } -.wp-block-media-text.has-media-on-the-right { - grid-template-columns: 1fr 50%; +.wp-block-media-text.has-media-on-the-right{ + grid-template-columns:1fr 50%; } -.wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__content, -.wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__media { - align-self: start; +.wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__content,.wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__media{ + align-self:start; } -.wp-block-media-text .wp-block-media-text__content, -.wp-block-media-text .wp-block-media-text__media, -.wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__content, -.wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__media { - align-self: center; +.wp-block-media-text .wp-block-media-text__content,.wp-block-media-text .wp-block-media-text__media,.wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__content,.wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__media{ + align-self:center; } -.wp-block-media-text.is-vertically-aligned-bottom .wp-block-media-text__content, -.wp-block-media-text.is-vertically-aligned-bottom .wp-block-media-text__media { - align-self: end; +.wp-block-media-text.is-vertically-aligned-bottom .wp-block-media-text__content,.wp-block-media-text.is-vertically-aligned-bottom .wp-block-media-text__media{ + align-self:end; } -.wp-block-media-text .wp-block-media-text__media { - /*!rtl:begin:ignore*/ - grid-column: 1; - grid-row: 1; - /*!rtl:end:ignore*/ - margin: 0; +.wp-block-media-text .wp-block-media-text__media{ + grid-column:1; + grid-row:1; + margin:0; } -.wp-block-media-text .wp-block-media-text__content { - direction: ltr; - /*!rtl:begin:ignore*/ - grid-column: 2; - grid-row: 1; - /*!rtl:end:ignore*/ - padding: 0 8% 0 8%; - word-break: break-word; +.wp-block-media-text .wp-block-media-text__content{ + direction:ltr; + grid-column:2; + grid-row:1; + padding:0 8%; + word-break:break-word; } -.wp-block-media-text.has-media-on-the-right .wp-block-media-text__media { - /*!rtl:begin:ignore*/ - grid-column: 2; - grid-row: 1; - /*!rtl:end:ignore*/ +.wp-block-media-text.has-media-on-the-right .wp-block-media-text__media{ + grid-column:2; + grid-row:1; } -.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content { - /*!rtl:begin:ignore*/ - grid-column: 1; - grid-row: 1; - /*!rtl:end:ignore*/ +.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content{ + grid-column:1; + grid-row:1; } -.wp-block-media-text__media img, -.wp-block-media-text__media video { - height: auto; - max-width: unset; - width: 100%; - vertical-align: middle; +.wp-block-media-text__media img,.wp-block-media-text__media video{ + height:auto; + max-width:unset; + vertical-align:middle; + width:100%; } -.wp-block-media-text.is-image-fill .wp-block-media-text__media { - height: 100%; - min-height: 250px; - background-size: cover; +.wp-block-media-text.is-image-fill .wp-block-media-text__media{ + background-size:cover; + height:100%; + min-height:250px; } -.wp-block-media-text.is-image-fill .wp-block-media-text__media > a { - display: block; - height: 100%; +.wp-block-media-text.is-image-fill .wp-block-media-text__media>a{ + display:block; + height:100%; } -.wp-block-media-text.is-image-fill .wp-block-media-text__media img { - position: absolute; - width: 1px; - height: 1px; - padding: 0; - margin: -1px; - overflow: hidden; - clip: rect(0, 0, 0, 0); - border: 0; +.wp-block-media-text.is-image-fill .wp-block-media-text__media img{ + clip:rect(0, 0, 0, 0); + border:0; + height:1px; + margin:-1px; + overflow:hidden; + padding:0; + position:absolute; + width:1px; } - -/* -* Here we here not able to use a mobile first CSS approach. -* Custom widths are set using inline styles, and on mobile, -* we need 100% width, so we use important to overwrite the inline style. -* If the style were set on mobile first, on desktop styles, -* we would have no way of setting the style again to the inline style. -*/ -@media (max-width: 600px) { - .wp-block-media-text.is-stacked-on-mobile { - grid-template-columns: 100% !important; +@media (max-width:600px){ + .wp-block-media-text.is-stacked-on-mobile{ + grid-template-columns:100% !important; } - .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media { - grid-column: 1; - grid-row: 1; + .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media{ + grid-column:1; + grid-row:1; } - .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content { - grid-column: 1; - grid-row: 2; + .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content{ + grid-column:1; + grid-row:2; } } -.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-left: 0; - padding-left: 0; -} -.wp-block-navigation ul, -.wp-block-navigation ul li { - list-style: none; - padding: 0; -} -.wp-block-navigation .wp-block-navigation-item { - display: flex; - align-items: center; - position: relative; -} -.wp-block-navigation .wp-block-navigation-item .wp-block-navigation__submenu-container:empty { - display: none; -} -.wp-block-navigation .wp-block-navigation-item__content { - display: block; -} -.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 .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-left: 0.25em; -} -.wp-block-navigation .wp-block-navigation__submenu-icon svg { - display: inline-block; - stroke: currentColor; - 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 .wp-block-navigation__submenu-container { - background-color: inherit; - color: inherit; - position: absolute; - z-index: 2; - display: flex; - flex-direction: column; - align-items: normal; - opacity: 0; - transition: opacity 0.1s linear; - visibility: hidden; - width: 0; - height: 0; - overflow: hidden; - left: -1px; - top: 100%; -} -.wp-block-navigation .has-child .wp-block-navigation__submenu-container > .wp-block-navigation-item > .wp-block-navigation-item__content { - display: flex; - flex-grow: 1; -} -.wp-block-navigation .has-child .wp-block-navigation__submenu-container > .wp-block-navigation-item > .wp-block-navigation-item__content .wp-block-navigation__submenu-icon { - margin-right: 0; - margin-left: auto; -} -.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation-item__content { - margin: 0; -} -@media (min-width: 782px) { - .wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container { - left: 100%; - top: -1px; - } - .wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container::before { - content: ""; - position: absolute; - right: 100%; - height: 100%; - display: block; - width: 0.5em; - background: transparent; - } - .wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-icon { - margin-right: 0.25em; - } - .wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-icon svg { - transform: rotate(-90deg); - } +.wp-block-navigation{ + --navigation-layout-justification-setting:flex-start; + --navigation-layout-direction:row; + --navigation-layout-wrap:wrap; + --navigation-layout-justify:flex-start; + --navigation-layout-align:center; + position:relative; } -.wp-block-navigation .has-child:not(.open-on-click):hover > .wp-block-navigation__submenu-container { - visibility: visible; - overflow: visible; - opacity: 1; - width: auto; - height: auto; - min-width: 200px; -} -.wp-block-navigation .has-child:not(.open-on-click):not(.open-on-hover-click):focus-within > .wp-block-navigation__submenu-container { - visibility: visible; - overflow: visible; - opacity: 1; - 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.has-background .has-child .wp-block-navigation__submenu-container { - left: 0; - top: 100%; -} -@media (min-width: 782px) { - .wp-block-navigation.has-background .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container { - left: 100%; - top: 0; - } +.wp-block-navigation ul{ + margin-bottom:0; + margin-left:0; + margin-top:0; + padding-left:0; +} +.wp-block-navigation ul,.wp-block-navigation ul li{ + list-style:none; + padding:0; +} +.wp-block-navigation .wp-block-navigation-item{ + align-items:center; + display:flex; + position:relative; +} +.wp-block-navigation .wp-block-navigation-item .wp-block-navigation__submenu-container:empty{ + display:none; +} +.wp-block-navigation .wp-block-navigation-item__content{ + display:block; +} +.wp-block-navigation.has-text-decoration-underline .wp-block-navigation-item__content,.wp-block-navigation.has-text-decoration-underline .wp-block-navigation-item__content:active,.wp-block-navigation.has-text-decoration-underline .wp-block-navigation-item__content:focus{ + text-decoration:underline; +} +.wp-block-navigation.has-text-decoration-line-through .wp-block-navigation-item__content,.wp-block-navigation.has-text-decoration-line-through .wp-block-navigation-item__content:active,.wp-block-navigation.has-text-decoration-line-through .wp-block-navigation-item__content:focus{ + 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:active,.wp-block-navigation:where(:not([class*=has-text-decoration])) a:focus{ + text-decoration:none; +} +.wp-block-navigation .wp-block-navigation__submenu-icon{ + align-self:center; + background-color:inherit; + border:none; + color:currentColor; + display:inline-block; + font-size:inherit; + height:.6em; + line-height:0; + margin-left:.25em; + padding:0; + width:.6em; +} +.wp-block-navigation .wp-block-navigation__submenu-icon svg{ + stroke:currentColor; + display:inline-block; + height:inherit; + margin-top:.075em; + width:inherit; +} +.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 .wp-block-navigation__submenu-container{ + align-items:normal; + background-color:inherit; + color:inherit; + display:flex; + flex-direction:column; + height:0; + left:-1px; + opacity:0; + overflow:hidden; + position:absolute; + top:100%; + transition:opacity .1s linear; + visibility:hidden; + width:0; + z-index:2; +} +.wp-block-navigation .has-child .wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content{ + display:flex; + flex-grow:1; +} +.wp-block-navigation .has-child .wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content .wp-block-navigation__submenu-icon{ + margin-left:auto; + margin-right:0; +} +.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation-item__content{ + margin:0; +} +@media (min-width:782px){ + .wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container{ + left:100%; + top:-1px; + } + .wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container:before{ + background:transparent; + content:""; + display:block; + height:100%; + position:absolute; + right:100%; + width:.5em; + } + .wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-icon{ + margin-right:.25em; + } + .wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-icon svg{ + transform:rotate(-90deg); + } +} +.wp-block-navigation .has-child:not(.open-on-click):hover>.wp-block-navigation__submenu-container{ + height:auto; + min-width:200px; + opacity:1; + overflow:visible; + visibility:visible; + width:auto; +} +.wp-block-navigation .has-child:not(.open-on-click):not(.open-on-hover-click):focus-within>.wp-block-navigation__submenu-container{ + height:auto; + min-width:200px; + opacity:1; + overflow:visible; + visibility:visible; + width:auto; +} +.wp-block-navigation .has-child .wp-block-navigation-submenu__toggle[aria-expanded=true]~.wp-block-navigation__submenu-container{ + height:auto; + min-width:200px; + opacity:1; + overflow:visible; + visibility:visible; + width:auto; } -.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: left; -} - -.wp-block-navigation-submenu__toggle { - cursor: pointer; -} - -.wp-block-navigation-item.open-on-click .wp-block-navigation-submenu__toggle { - padding-right: 0.85em; -} -.wp-block-navigation-item.open-on-click .wp-block-navigation-submenu__toggle + .wp-block-navigation__submenu-icon { - margin-left: -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-page-list, -.wp-block-navigation__container, -.wp-block-navigation__responsive-container-content { - gap: inherit; -} - -/** - * Paddings - */ -:where(.wp-block-navigation.has-background .wp-block-navigation-item a:not(.wp-element-button)), -:where(.wp-block-navigation.has-background .wp-block-navigation-submenu a:not(.wp-element-button)) { - padding: 0.5em 1em; -} - -:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item a:not(.wp-element-button)), -:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-submenu a:not(.wp-element-button)) { - 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 { - left: auto; - right: 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 { - left: -1px; - right: -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 { - left: auto; - right: 100%; +.wp-block-navigation.has-background .has-child .wp-block-navigation__submenu-container{ + left:0; + top:100%; +} +@media (min-width:782px){ + .wp-block-navigation.has-background .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container{ + left:100%; + top:0; } } -.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-submenu{ + display:flex; + position:relative; +} +.wp-block-navigation-submenu .wp-block-navigation__submenu-icon svg{ + stroke:currentColor; } -.wp-block-navigation__container { - 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-left: 0; +button.wp-block-navigation-item__content{ + background-color:initial; + border:none; + color:currentColor; + font-family:inherit; + font-size:inherit; + font-style:inherit; + font-weight:inherit; + line-height:inherit; + text-align:left; + text-transform:inherit; +} + +.wp-block-navigation-submenu__toggle{ + cursor:pointer; +} + +.wp-block-navigation-item.open-on-click .wp-block-navigation-submenu__toggle{ + padding-right:.85em; } -.wp-block-navigation__container .is-responsive { - display: none; +.wp-block-navigation-item.open-on-click .wp-block-navigation-submenu__toggle+.wp-block-navigation__submenu-icon{ + margin-left:-.6em; + pointer-events:none; +} +.wp-block-navigation .wp-block-page-list,.wp-block-navigation__container,.wp-block-navigation__responsive-close,.wp-block-navigation__responsive-container,.wp-block-navigation__responsive-container-content,.wp-block-navigation__responsive-dialog{ + gap:inherit; +} +:where(.wp-block-navigation.has-background .wp-block-navigation-item a:not(.wp-element-button)),:where(.wp-block-navigation.has-background .wp-block-navigation-submenu a:not(.wp-element-button)){ + padding:.5em 1em; +} + +:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item a:not(.wp-element-button)),:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-submenu a:not(.wp-element-button)){ + padding:.5em 1em; +} +.wp-block-navigation.items-justified-right .wp-block-navigation__container .has-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-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{ + left:auto; + right:0; +} +.wp-block-navigation.items-justified-right .wp-block-navigation__container .has-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-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{ + left:-1px; + right:-1px; +} +@media (min-width:782px){ + .wp-block-navigation.items-justified-right .wp-block-navigation__container .has-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-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{ + left:auto; + right:100%; + } +} + +.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container{ + background-color:#fff; + border:1px solid rgba(0,0,0,.15); + color:#000; } -.wp-block-navigation__container:only-child, -.wp-block-page-list:only-child { - flex-grow: 1; +.wp-block-navigation__container{ + align-items:var(--navigation-layout-align, initial); + display:flex; + flex-direction:var(--navigation-layout-direction, initial); + flex-wrap:var(--navigation-layout-wrap, wrap); + justify-content:var(--navigation-layout-justify, initial); + list-style:none; + margin:0; + padding-left:0; +} +.wp-block-navigation__container .is-responsive{ + display:none; } -/** - * Mobile menu. - */ -@keyframes overlay-menu__fade-in-animation { - from { - opacity: 0; - transform: translateY(0.5em); +.wp-block-navigation__container:only-child,.wp-block-page-list:only-child{ + flex-grow:1; +} +@keyframes overlay-menu__fade-in-animation{ + 0%{ + opacity:0; + transform:translateY(.5em); } - to { - opacity: 1; - transform: translateY(0); + to{ + opacity:1; + transform:translateY(0); } } -.wp-block-navigation__responsive-container { - display: none; - position: fixed; - top: 0; - left: 0; - right: 0; - bottom: 0; -} -.wp-block-navigation__responsive-container .wp-block-navigation-link a { - color: inherit; -} -.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; - animation: overlay-menu__fade-in-animation 0.1s ease-out; - animation-fill-mode: forwards; - padding-top: var(--wp--style--root--padding-top, 2rem); - padding-right: var(--wp--style--root--padding-right, 2rem); - padding-bottom: var(--wp--style--root--padding-bottom, 2rem); - padding-left: var(--wp--style--root--padding-left, 2rem); - overflow: auto; - z-index: 100000; -} -@media (prefers-reduced-motion: reduce) { - .wp-block-navigation__responsive-container.is-menu-open { - animation-duration: 1ms; - animation-delay: 0s; +.wp-block-navigation__responsive-container{ + bottom:0; + display:none; + left:0; + position:fixed; + right:0; + top:0; +} +.wp-block-navigation__responsive-container .wp-block-navigation-link a{ + color:inherit; +} +.wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content{ + align-items:var(--navigation-layout-align, initial); + display:flex; + flex-direction:var(--navigation-layout-direction, initial); + flex-wrap:var(--navigation-layout-wrap, wrap); + justify-content:var(--navigation-layout-justify, initial); +} +.wp-block-navigation__responsive-container:not(.is-menu-open.is-menu-open){ + background-color:inherit !important; + color:inherit !important; +} +.wp-block-navigation__responsive-container.is-menu-open{ + animation:overlay-menu__fade-in-animation .1s ease-out; + animation-fill-mode:forwards; + background-color:inherit; + display:flex; + flex-direction:column; + overflow:auto; + padding:var(--wp--style--root--padding-top, 2rem) var(--wp--style--root--padding-right, 2rem) var(--wp--style--root--padding-bottom, 2rem) var(--wp--style--root--padding-left, 2rem); + z-index:100000; +} +@media (prefers-reduced-motion:reduce){ + .wp-block-navigation__responsive-container.is-menu-open{ + animation-delay:0s; + animation-duration:1ms; } } -.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; - 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-left: 2rem; - padding-right: 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__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; - 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 { - right: auto; - left: auto; -} -@media (min-width: 600px) { - .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.is-menu-open .wp-block-navigation__responsive-container-content{ + align-items:var(--navigation-layout-justification-setting, inherit); + display:flex; + flex-direction:column; + flex-wrap:nowrap; + overflow:visible; + padding-top:calc(2rem + 24px); +} +.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-navigation__container,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-page-list{ + 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{ + border:none; + height:auto; + min-width:200px; + opacity:1; + overflow:initial; + padding-left:2rem; + padding-right:2rem; + position:static; + visibility:visible; + width:auto; +} +.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__submenu-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__responsive-container-content .wp-block-navigation-item,.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-page-list{ + align-items:var(--navigation-layout-justification-setting, initial); + display:flex; + flex-direction:column; +} +.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item,.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-page-list{ + background:transparent !important; + color:inherit !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(.hidden-by-default):not(.is-menu-open){ + background-color:inherit; + display:block; + position:relative; + width:100%; + z-index:auto; } - .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:not(.hidden-by-default):not(.is-menu-open) .wp-block-navigation__responsive-container-close{ + display:none; } - .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: 0; + .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:0; } } -.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open { - background-color: #fff; - color: #000; +.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open{ + background-color:#fff; + color:#000; } -.wp-block-navigation__toggle_button_label { - font-size: 1rem; - font-weight: bold; +.wp-block-navigation__toggle_button_label{ + font-size:1rem; + font-weight:700; } -.wp-block-navigation__responsive-container-open, -.wp-block-navigation__responsive-container-close { - vertical-align: middle; - cursor: pointer; - color: currentColor; - background: transparent; - border: none; - margin: 0; - padding: 0; - text-transform: inherit; +.wp-block-navigation__responsive-container-close,.wp-block-navigation__responsive-container-open{ + background:transparent; + border:none; + color:currentColor; + cursor:pointer; + margin:0; + padding:0; + text-transform:inherit; + vertical-align:middle; } -.wp-block-navigation__responsive-container-open svg, -.wp-block-navigation__responsive-container-close svg { - fill: currentColor; - pointer-events: none; - display: block; - width: 24px; - height: 24px; +.wp-block-navigation__responsive-container-close svg,.wp-block-navigation__responsive-container-open svg{ + fill:currentColor; + display:block; + height:24px; + pointer-events:none; + width:24px; } -.wp-block-navigation__responsive-container-open { - display: flex; +.wp-block-navigation__responsive-container-open{ + display:flex; } -@media (min-width: 600px) { - .wp-block-navigation__responsive-container-open:not(.always-shown) { - display: none; +@media (min-width:600px){ + .wp-block-navigation__responsive-container-open:not(.always-shown){ + display:none; } } -.wp-block-navigation__responsive-container-close { - position: absolute; - top: 0; - right: 0; - z-index: 2; +.wp-block-navigation__responsive-container-close{ + position:absolute; + right:0; + top:0; + z-index:2; } -.wp-block-navigation__responsive-close { - width: 100%; - max-width: var(--wp--style--global--wide-size, 100%); - margin-left: auto; - margin-right: auto; +.wp-block-navigation__responsive-close{ + margin-left:auto; + margin-right:auto; + max-width:var(--wp--style--global--wide-size, 100%); + width:100%; } -.wp-block-navigation__responsive-close:focus { - outline: none; +.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 { - box-sizing: border-box; +.is-menu-open .wp-block-navigation__responsive-close,.is-menu-open .wp-block-navigation__responsive-container-content,.is-menu-open .wp-block-navigation__responsive-dialog{ + box-sizing:border-box; } -.wp-block-navigation__responsive-dialog { - position: relative; +.wp-block-navigation__responsive-dialog{ + position:relative; } -.has-modal-open .admin-bar .is-menu-open .wp-block-navigation__responsive-dialog { - margin-top: 46px; +.has-modal-open .admin-bar .is-menu-open .wp-block-navigation__responsive-dialog{ + margin-top:46px; } -@media (min-width: 782px) { - .has-modal-open .admin-bar .is-menu-open .wp-block-navigation__responsive-dialog { - margin-top: 32px; +@media (min-width:782px){ + .has-modal-open .admin-bar .is-menu-open .wp-block-navigation__responsive-dialog{ + margin-top:32px; } } -html.has-modal-open { - overflow: hidden; +html.has-modal-open{ + overflow:hidden; } -.wp-block-navigation .wp-block-navigation-item__label { - word-break: normal; - overflow-wrap: break-word; +.wp-block-navigation .wp-block-navigation-item__label{ + overflow-wrap:break-word; + word-break:normal; } -.wp-block-navigation .wp-block-navigation-item__description { - display: none; +.wp-block-navigation .wp-block-navigation-item__description{ + display:none; } -.wp-block-navigation .wp-block-page-list { - display: flex; - 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{ + align-items:var(--navigation-layout-align, initial); + background-color:inherit; + display:flex; + flex-direction:var(--navigation-layout-direction, initial); + flex-wrap:var(--navigation-layout-wrap, wrap); + justify-content:var(--navigation-layout-justify, initial); } -.wp-block-navigation .wp-block-navigation-item { - background-color: inherit; +.wp-block-navigation .wp-block-navigation-item{ + background-color:inherit; } -.is-small-text { - font-size: 0.875em; +.is-small-text{ + font-size:.875em; } -.is-regular-text { - font-size: 1em; +.is-regular-text{ + font-size:1em; } -.is-large-text { - font-size: 2.25em; +.is-large-text{ + font-size:2.25em; } -.is-larger-text { - font-size: 3em; +.is-larger-text{ + font-size:3em; } -.has-drop-cap:not(:focus)::first-letter { - float: left; - font-size: 8.4em; - line-height: 0.68; - font-weight: 100; - margin: 0.05em 0.1em 0 0; - text-transform: uppercase; - font-style: normal; +.has-drop-cap:not(:focus):first-letter{ + float:left; + font-size:8.4em; + font-style:normal; + font-weight:100; + line-height:.68; + margin:.05em .1em 0 0; + text-transform:uppercase; } -p.has-drop-cap.has-background { - overflow: hidden; +p.has-drop-cap.has-background{ + overflow:hidden; } -p.has-background { - padding: 1.25em 2.375em; +p.has-background{ + padding:1.25em 2.375em; } -:where(p.has-text-color:not(.has-link-color)) a { - color: inherit; +:where(p.has-text-color:not(.has-link-color)) a{ + color:inherit; } -.wp-block-post-author { - display: flex; - flex-wrap: wrap; +.wp-block-post-author{ + display:flex; + flex-wrap:wrap; } -.wp-block-post-author__byline { - width: 100%; - margin-top: 0; - margin-bottom: 0; - font-size: 0.5em; +.wp-block-post-author__byline{ + font-size:.5em; + margin-bottom:0; + margin-top:0; + width:100%; } -.wp-block-post-author__avatar { - margin-right: 1em; +.wp-block-post-author__avatar{ + margin-right:1em; } -.wp-block-post-author__bio { - margin-bottom: 0.7em; - font-size: 0.7em; +.wp-block-post-author__bio{ + font-size:.7em; + margin-bottom:.7em; } -.wp-block-post-author__content { - flex-grow: 1; - flex-basis: 0; +.wp-block-post-author__content{ + flex-basis:0; + flex-grow:1; } -.wp-block-post-author__name { - margin: 0; +.wp-block-post-author__name{ + margin:0; } -.wp-block-post-comments-form[style*=font-weight] :where(.comment-reply-title) { - font-weight: inherit; +.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[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[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*=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*=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[style*=letter-spacing] :where(.comment-reply-title){ + letter-spacing:inherit; } -.wp-block-post-comments-form input[type=submit] { - box-shadow: none; - cursor: pointer; - display: inline-block; - text-align: center; - overflow-wrap: break-word; +.wp-block-post-comments-form input[type=submit]{ + box-shadow:none; + cursor:pointer; + display:inline-block; + overflow-wrap:break-word; + text-align:center; } -.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 input:not([type=submit]),.wp-block-post-comments-form textarea{ + border:1px solid #949494; + font-family:inherit; + font-size:1em; } -.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 input:not([type=submit]):not([type=checkbox]),.wp-block-post-comments-form textarea{ + padding:calc(.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 input:not([type=submit]):not([type=checkbox]),.wp-block-post-comments-form .comment-form textarea{ + box-sizing:border-box; + display:block; + 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-author label,.wp-block-post-comments-form .comment-form-email label,.wp-block-post-comments-form .comment-form-url label{ + display:block; + margin-bottom:.25em; } -.wp-block-post-comments-form .comment-form-cookies-consent { - display: flex; - gap: 0.25em; +.wp-block-post-comments-form .comment-form-cookies-consent{ + display:flex; + gap:.25em; } -.wp-block-post-comments-form .comment-form-cookies-consent #wp-comment-cookies-consent { - margin-top: 0.35em; +.wp-block-post-comments-form .comment-form-cookies-consent #wp-comment-cookies-consent{ + margin-top:.35em; } -.wp-block-post-comments-form .comment-reply-title { - margin-bottom: 0; +.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-left: 0.5em; +.wp-block-post-comments-form .comment-reply-title :where(small){ + font-size:var(--wp--preset--font-size--medium, smaller); + margin-left:.5em; } -.wp-block-post-date { - box-sizing: border-box; +.wp-block-post-date{ + box-sizing:border-box; } -.wp-block-post-excerpt__more-link { - display: inline-block; +.wp-block-post-excerpt__more-link{ + display:inline-block; } -.wp-block-post-featured-image { - margin-left: 0; - margin-right: 0; +.wp-block-post-featured-image{ + margin-left:0; + margin-right:0; } -.wp-block-post-featured-image a { - display: block; +.wp-block-post-featured-image a{ + display:block; } -.wp-block-post-featured-image img { - max-width: 100%; - width: 100%; - height: auto; - vertical-align: bottom; - box-sizing: border-box; +.wp-block-post-featured-image img{ + box-sizing:border-box; + height:auto; + max-width:100%; + vertical-align:bottom; + width:100%; } -.wp-block-post-featured-image.alignwide img, .wp-block-post-featured-image.alignfull img { - width: 100%; +.wp-block-post-featured-image.alignfull img,.wp-block-post-featured-image.alignwide img{ + width:100%; } -.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim { - position: absolute; - inset: 0; - background-color: #000; +.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim{ + background-color:#000; + inset:0; + position:absolute; } -.wp-block-post-featured-image { - position: relative; +.wp-block-post-featured-image{ + position:relative; } -.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-gradient { - background-color: transparent; +.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-gradient{ + background-color:initial; } -.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-0 { - opacity: 0; +.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-0{ + opacity:0; } -.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-10 { - opacity: 0.1; +.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-10{ + opacity:.1; } -.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-20 { - opacity: 0.2; +.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-20{ + opacity:.2; } -.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-30 { - opacity: 0.3; +.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-30{ + opacity:.3; } -.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-40 { - opacity: 0.4; +.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-40{ + opacity:.4; } -.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-50 { - opacity: 0.5; +.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-50{ + opacity:.5; } -.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-60 { - opacity: 0.6; +.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-60{ + opacity:.6; } -.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-70 { - opacity: 0.7; +.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-70{ + opacity:.7; } -.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-80 { - opacity: 0.8; +.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-80{ + opacity:.8; } -.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-90 { - opacity: 0.9; +.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-90{ + opacity:.9; } -.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-100 { - opacity: 1; +.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-100{ + opacity:1; } -.wp-block-post-terms__separator { - white-space: pre-wrap; +.wp-block-post-terms__separator{ + white-space:pre-wrap; } -.wp-block-post-title { - word-break: break-word; - box-sizing: border-box; +.wp-block-post-title{ + box-sizing:border-box; + word-break:break-word; } -.wp-block-post-title a { - display: inline-block; +.wp-block-post-title a{ + display:inline-block; } -.wp-block-preformatted { - white-space: pre-wrap; +.wp-block-preformatted{ + white-space:pre-wrap; } -.wp-block-preformatted.has-background { - padding: 1.25em 2.375em; +.wp-block-preformatted.has-background{ + padding:1.25em 2.375em; } -.wp-block-pullquote { - margin: 0 0 1em 0; - padding: 3em 0; - text-align: center; - overflow-wrap: break-word; - box-sizing: border-box; +.wp-block-pullquote{ + box-sizing:border-box; + margin:0 0 1em; + overflow-wrap:break-word; + padding:3em 0; + text-align:center; } -.wp-block-pullquote p, -.wp-block-pullquote blockquote, -.wp-block-pullquote cite { - color: inherit; +.wp-block-pullquote blockquote,.wp-block-pullquote cite,.wp-block-pullquote p{ + color:inherit; } -.wp-block-pullquote.alignleft, .wp-block-pullquote.alignright { - max-width: 420px; +.wp-block-pullquote.alignleft,.wp-block-pullquote.alignright{ + max-width:420px; } -.wp-block-pullquote cite, -.wp-block-pullquote footer { - position: relative; +.wp-block-pullquote cite,.wp-block-pullquote footer{ + position:relative; } -.wp-block-pullquote .has-text-color a { - color: inherit; +.wp-block-pullquote .has-text-color a{ + color:inherit; } -.wp-block-pullquote.has-text-align-left blockquote { - text-align: left; +.wp-block-pullquote.has-text-align-left blockquote{ + text-align:left; } -.wp-block-pullquote.has-text-align-right blockquote { - text-align: right; +.wp-block-pullquote.has-text-align-right blockquote{ + text-align:right; } -.wp-block-pullquote.is-style-solid-color { - border: none; +.wp-block-pullquote.is-style-solid-color{ + border:none; } -.wp-block-pullquote.is-style-solid-color blockquote { - margin-left: auto; - margin-right: auto; - max-width: 60%; +.wp-block-pullquote.is-style-solid-color blockquote{ + margin-left:auto; + margin-right:auto; + max-width:60%; } -.wp-block-pullquote.is-style-solid-color blockquote p { - margin-top: 0; - margin-bottom: 0; - font-size: 2em; +.wp-block-pullquote.is-style-solid-color blockquote p{ + font-size:2em; + margin-bottom:0; + margin-top:0; } -.wp-block-pullquote.is-style-solid-color blockquote cite { - text-transform: none; - font-style: normal; +.wp-block-pullquote.is-style-solid-color blockquote cite{ + font-style:normal; + text-transform:none; } -.wp-block-pullquote cite { - color: inherit; +.wp-block-pullquote cite{ + color:inherit; } -.wp-block-post-template { - margin-top: 0; - margin-bottom: 0; - max-width: 100%; - list-style: none; - padding: 0; +.wp-block-post-template{ + list-style:none; + margin-bottom:0; + margin-top:0; + max-width:100%; + padding:0; } -.wp-block-post-template.wp-block-post-template { - background: none; +.wp-block-post-template.wp-block-post-template{ + background:none; } -.wp-block-post-template.is-flex-container { - flex-direction: row; - display: flex; - flex-wrap: wrap; - gap: 1.25em; +.wp-block-post-template.is-flex-container{ + display:flex; + flex-direction:row; + flex-wrap:wrap; + gap:1.25em; } -.wp-block-post-template.is-flex-container li { - margin: 0; - width: 100%; +.wp-block-post-template.is-flex-container li{ + margin:0; + width:100%; } -@media (min-width: 600px) { - .wp-block-post-template.is-flex-container.is-flex-container.columns-2 > li { - width: calc((100% / 2) - 1.25em + (1.25em / 2)); +@media (min-width:600px){ + .wp-block-post-template.is-flex-container.is-flex-container.columns-2>li{ + width:calc(50% - .625em); } - .wp-block-post-template.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{ + width:calc(33.33333% - .83333em); } - .wp-block-post-template.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{ + width:calc(25% - .9375em); } - .wp-block-post-template.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{ + width:calc(20% - 1em); } - .wp-block-post-template.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{ + width:calc(16.66667% - 1.04167em); } } -.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 { - /*rtl:ignore*/ - margin-right: 0.5em; - margin-bottom: 0.5em; +.wp-block-query-pagination>.wp-block-query-pagination-next,.wp-block-query-pagination>.wp-block-query-pagination-numbers,.wp-block-query-pagination>.wp-block-query-pagination-previous{ + margin-bottom:.5em; + margin-right:.5em; } -.wp-block-query-pagination > .wp-block-query-pagination-next:last-child, -.wp-block-query-pagination > .wp-block-query-pagination-previous:last-child, -.wp-block-query-pagination > .wp-block-query-pagination-numbers:last-child { - /*rtl:ignore*/ - margin-right: 0; +.wp-block-query-pagination>.wp-block-query-pagination-next:last-child,.wp-block-query-pagination>.wp-block-query-pagination-numbers:last-child,.wp-block-query-pagination>.wp-block-query-pagination-previous:last-child{ + margin-right:0; } -.wp-block-query-pagination.is-content-justification-space-between > .wp-block-query-pagination-next:last-child { - margin-inline-start: auto; +.wp-block-query-pagination.is-content-justification-space-between>.wp-block-query-pagination-next:last-child{ + margin-inline-start:auto; } -.wp-block-query-pagination.is-content-justification-space-between > .wp-block-query-pagination-previous:first-child { - margin-inline-end: auto; +.wp-block-query-pagination.is-content-justification-space-between>.wp-block-query-pagination-previous:first-child{ + margin-inline-end:auto; } -.wp-block-query-pagination .wp-block-query-pagination-previous-arrow { - margin-right: 1ch; - display: inline-block; +.wp-block-query-pagination .wp-block-query-pagination-previous-arrow{ + display:inline-block; + margin-right:1ch; } -.wp-block-query-pagination .wp-block-query-pagination-previous-arrow:not(.is-arrow-chevron) { - transform: scaleX(1) /*rtl:scaleX(-1);*/; +.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-left: 1ch; - display: inline-block; +.wp-block-query-pagination .wp-block-query-pagination-next-arrow{ + display:inline-block; + margin-left:1ch; } -.wp-block-query-pagination .wp-block-query-pagination-next-arrow:not(.is-arrow-chevron) { - transform: scaleX(1) /*rtl:scaleX(-1);*/; +.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-query-pagination.aligncenter{ + justify-content:center; } -.wp-block-query-title { - box-sizing: border-box; +.wp-block-query-title,.wp-block-quote{ + box-sizing:border-box; } -.wp-block-quote { - box-sizing: border-box; - overflow-wrap: break-word; +.wp-block-quote{ + 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-large:not(.is-style-plain),.wp-block-quote.is-style-large:not(.is-style-plain){ + margin-bottom:1em; + padding:0 1em; } -.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-large:not(.is-style-plain) p,.wp-block-quote.is-style-large:not(.is-style-plain) p{ + font-size:1.5em; + font-style:italic; + line-height:1.6; } -.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: right; +.wp-block-quote.is-large:not(.is-style-plain) cite,.wp-block-quote.is-large:not(.is-style-plain) footer,.wp-block-quote.is-style-large:not(.is-style-plain) cite,.wp-block-quote.is-style-large:not(.is-style-plain) footer{ + font-size:1.125em; + text-align:right; } -.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{ + display:block; + width:-moz-fit-content; + width:fit-content; } -.wp-block-read-more:not([style*=text-decoration]):focus, .wp-block-read-more:not([style*=text-decoration]):active { - text-decoration: none; +.wp-block-read-more:not([style*=text-decoration]),.wp-block-read-more:not([style*=text-decoration]):active,.wp-block-read-more:not([style*=text-decoration]):focus{ + text-decoration:none; } -ul.wp-block-rss { - list-style: none; - padding: 0; +ul.wp-block-rss{ + list-style:none; + padding:0; } -ul.wp-block-rss.wp-block-rss { - box-sizing: border-box; +ul.wp-block-rss.wp-block-rss{ + box-sizing:border-box; } -ul.wp-block-rss.alignleft { - /*rtl:ignore*/ - margin-right: 2em; +ul.wp-block-rss.alignleft{ + margin-right:2em; } -ul.wp-block-rss.alignright { - /*rtl:ignore*/ - margin-left: 2em; +ul.wp-block-rss.alignright{ + margin-left:2em; } -ul.wp-block-rss.is-grid { - display: flex; - flex-wrap: wrap; - padding: 0; - list-style: none; +ul.wp-block-rss.is-grid{ + display:flex; + flex-wrap:wrap; + list-style:none; + padding:0; } -ul.wp-block-rss.is-grid li { - margin: 0 1em 1em 0; - width: 100%; +ul.wp-block-rss.is-grid li{ + margin:0 1em 1em 0; + width:100%; } -@media (min-width: 600px) { - ul.wp-block-rss.columns-2 li { - width: calc(( 100% / 2 ) - 1em); +@media (min-width:600px){ + ul.wp-block-rss.columns-2 li{ + width:calc(50% - 1em); } - ul.wp-block-rss.columns-3 li { - width: calc(( 100% / 3 ) - 1em); + ul.wp-block-rss.columns-3 li{ + width:calc(33.33333% - 1em); } - ul.wp-block-rss.columns-4 li { - width: calc(( 100% / 4 ) - 1em); + ul.wp-block-rss.columns-4 li{ + width:calc(25% - 1em); } - ul.wp-block-rss.columns-5 li { - width: calc(( 100% / 5 ) - 1em); + ul.wp-block-rss.columns-5 li{ + width:calc(20% - 1em); } - ul.wp-block-rss.columns-6 li { - width: calc(( 100% / 6 ) - 1em); + ul.wp-block-rss.columns-6 li{ + width:calc(16.66667% - 1em); } } -.wp-block-rss__item-publish-date, -.wp-block-rss__item-author { - display: block; - font-size: 0.8125em; +.wp-block-rss__item-author,.wp-block-rss__item-publish-date{ + display:block; + font-size:.8125em; } -.wp-block-search__button { - margin-left: 0.625em; - word-break: normal; +.wp-block-search__button{ + margin-left:.625em; + word-break:normal; } -.wp-block-search__button.has-icon { - line-height: 0; +.wp-block-search__button.has-icon{ + line-height:0; } -.wp-block-search__button svg { - min-width: 1.5em; - min-height: 1.5em; - fill: currentColor; - vertical-align: text-bottom; +.wp-block-search__button svg{ + fill:currentColor; + min-height:1.5em; + min-width:1.5em; + vertical-align:text-bottom; } -:where(.wp-block-search__button) { - border: 1px solid #ccc; - padding: 0.375em 0.625em; +:where(.wp-block-search__button){ + border:1px solid #ccc; + padding:.375em .625em; } -.wp-block-search__inside-wrapper { - display: flex; - flex: auto; - flex-wrap: nowrap; - max-width: 100%; +.wp-block-search__inside-wrapper{ + display:flex; + flex:auto; + flex-wrap:nowrap; + max-width:100%; } -.wp-block-search__label { - width: 100%; +.wp-block-search__label{ + width:100%; } -.wp-block-search__input { - padding: 8px; - flex-grow: 1; - margin-left: 0; - margin-right: 0; - min-width: 3em; - border: 1px solid #949494; - text-decoration: unset !important; +.wp-block-search__input{ + border:1px solid #949494; + flex-grow:1; + margin-left:0; + margin-right:0; + min-width:3em; + padding:8px; + text-decoration:unset !important; } -.wp-block-search.wp-block-search__button-only .wp-block-search__button { - margin-left: 0; +.wp-block-search.wp-block-search__button-only .wp-block-search__button{ + margin-left:0; } -:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) { - padding: 4px; - border: 1px solid #949494; +:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper){ + border:1px solid #949494; + padding:4px; } -:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) .wp-block-search__input { - border-radius: 0; - border: none; - padding: 0 0 0 0.25em; +:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) .wp-block-search__input{ + border:none; + border-radius:0; + padding:0 0 0 .25em; } -:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) .wp-block-search__input:focus { - outline: none; +:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) .wp-block-search__input:focus{ + outline:none; } -:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) :where(.wp-block-search__button) { - padding: 0.125em 0.5em; +:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) :where(.wp-block-search__button){ + padding:.125em .5em; } -.wp-block-search.aligncenter .wp-block-search__inside-wrapper { - margin: auto; +.wp-block-search.aligncenter .wp-block-search__inside-wrapper{ + margin:auto; } -.wp-block-separator { - border-top: 1px solid currentColor; - border-bottom: 1px solid currentColor; - border-left: none; - border-right: none; +.wp-block-separator{ + border:1px solid; + border-left:none; + border-right:none; } -.wp-block-separator.is-style-dots { - background: none !important; - border: none; - text-align: center; - line-height: 1; - height: auto; +.wp-block-separator.is-style-dots{ + background:none !important; + border:none; + height:auto; + line-height:1; + text-align:center; } -.wp-block-separator.is-style-dots::before { - content: "···"; - color: currentColor; - font-size: 1.5em; - letter-spacing: 2em; - /*rtl:ignore*/ - padding-left: 2em; - font-family: serif; +.wp-block-separator.is-style-dots:before{ + color:currentColor; + content:"···"; + font-family:serif; + font-size:1.5em; + letter-spacing:2em; + padding-left:2em; } -.wp-block-site-logo { - box-sizing: border-box; - line-height: 0; +.wp-block-site-logo{ + box-sizing:border-box; + line-height:0; } -.wp-block-site-logo a { - display: inline-block; +.wp-block-site-logo a{ + display:inline-block; } -.wp-block-site-logo.is-default-size img { - width: 120px; - height: auto; +.wp-block-site-logo.is-default-size img{ + height:auto; + width:120px; } -.wp-block-site-logo img { - height: auto; - max-width: 100%; +.wp-block-site-logo img{ + height:auto; + max-width:100%; } -.wp-block-site-logo a, -.wp-block-site-logo img { - border-radius: inherit; +.wp-block-site-logo a,.wp-block-site-logo img{ + border-radius:inherit; } -.wp-block-site-logo.aligncenter { - margin-left: auto; - margin-right: auto; - text-align: center; +.wp-block-site-logo.aligncenter{ + margin-left:auto; + margin-right:auto; + text-align:center; } -.wp-block-site-logo.is-style-rounded { - border-radius: 9999px; +.wp-block-site-logo.is-style-rounded{ + border-radius:9999px; } -.wp-block-social-links { - box-sizing: border-box; - padding-left: 0; - padding-right: 0; - text-indent: 0; - margin-left: 0; - background: none; +.wp-block-social-links{ + background:none; + box-sizing:border-box; + margin-left:0; + padding-left:0; + padding-right:0; + text-indent:0; } -.wp-block-social-links .wp-social-link a, -.wp-block-social-links .wp-social-link a:hover { - text-decoration: none; - border-bottom: 0; - box-shadow: none; +.wp-block-social-links .wp-social-link a,.wp-block-social-links .wp-social-link a:hover{ + border-bottom:0; + box-shadow:none; + text-decoration:none; } -.wp-block-social-links .wp-social-link a { - padding: 0.25em; +.wp-block-social-links .wp-social-link a{ + padding:.25em; } -.wp-block-social-links .wp-social-link svg { - width: 1em; - height: 1em; +.wp-block-social-links .wp-social-link svg{ + height:1em; + width:1em; } -.wp-block-social-links .wp-social-link span:not(.screen-reader-text) { - margin-left: 0.5em; - margin-right: 0.5em; - font-size: 0.65em; +.wp-block-social-links .wp-social-link span:not(.screen-reader-text){ + font-size:.65em; + margin-left:.5em; + margin-right:.5em; } -.wp-block-social-links.has-small-icon-size { - font-size: 16px; +.wp-block-social-links.has-small-icon-size{ + font-size:16px; } -.wp-block-social-links, .wp-block-social-links.has-normal-icon-size { - font-size: 24px; +.wp-block-social-links,.wp-block-social-links.has-normal-icon-size{ + font-size:24px; } -.wp-block-social-links.has-large-icon-size { - font-size: 36px; +.wp-block-social-links.has-large-icon-size{ + font-size:36px; } -.wp-block-social-links.has-huge-icon-size { - font-size: 48px; +.wp-block-social-links.has-huge-icon-size{ + font-size:48px; } -.wp-block-social-links.aligncenter { - justify-content: center; - display: flex; +.wp-block-social-links.aligncenter{ + display:flex; + justify-content:center; } -.wp-block-social-links.alignright { - justify-content: flex-end; +.wp-block-social-links.alignright{ + justify-content:flex-end; } -.wp-block-social-link { - display: block; - border-radius: 9999px; - transition: transform 0.1s ease; - height: auto; -} -@media (prefers-reduced-motion: reduce) { - .wp-block-social-link { - transition-duration: 0s; - transition-delay: 0s; +.wp-block-social-link{ + border-radius:9999px; + display:block; + height:auto; + transition:transform .1s ease; +} +@media (prefers-reduced-motion:reduce){ + .wp-block-social-link{ + transition-delay:0s; + transition-duration:0s; } } -.wp-block-social-link a { - align-items: center; - display: flex; - line-height: 0; - transition: transform 0.1s ease; +.wp-block-social-link a{ + align-items:center; + display:flex; + line-height:0; + transition:transform .1s ease; } -.wp-block-social-link:hover { - transform: scale(1.1); +.wp-block-social-link:hover{ + transform:scale(1.1); } -.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor, .wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:hover, .wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:active, .wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:visited, -.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor svg { - color: currentColor; - fill: currentColor; +.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor,.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor svg,.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:active,.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:hover,.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:visited{ + fill:currentColor; + color:currentColor; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link { - background-color: #f0f0f0; - color: #444; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link{ + background-color:#f0f0f0; + color:#444; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-amazon { - background-color: #f90; - color: #fff; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-amazon{ + background-color:#f90; + color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-bandcamp { - background-color: #1ea0c3; - color: #fff; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-bandcamp{ + background-color:#1ea0c3; + color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-behance { - background-color: #0757fe; - color: #fff; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-behance{ + background-color:#0757fe; + color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-codepen { - background-color: #1e1f26; - color: #fff; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-codepen{ + background-color:#1e1f26; + color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-deviantart { - background-color: #02e49b; - color: #fff; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-deviantart{ + background-color:#02e49b; + color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-dribbble { - background-color: #e94c89; - color: #fff; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-dribbble{ + background-color:#e94c89; + color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-dropbox { - background-color: #4280ff; - color: #fff; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-dropbox{ + background-color:#4280ff; + color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-etsy { - background-color: #f45800; - color: #fff; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-etsy{ + background-color:#f45800; + color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-facebook { - background-color: #1778f2; - color: #fff; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-facebook{ + background-color:#1778f2; + color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-fivehundredpx { - background-color: #000; - color: #fff; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-fivehundredpx{ + background-color:#000; + color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-flickr { - background-color: #0461dd; - color: #fff; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-flickr{ + background-color:#0461dd; + color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-foursquare { - background-color: #e65678; - color: #fff; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-foursquare{ + background-color:#e65678; + color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-github { - background-color: #24292d; - color: #fff; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-github{ + background-color:#24292d; + color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-goodreads { - background-color: #eceadd; - color: #382110; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-goodreads{ + background-color:#eceadd; + color:#382110; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-google { - background-color: #ea4434; - color: #fff; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-google{ + background-color:#ea4434; + color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-instagram { - background-color: #f00075; - color: #fff; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-instagram{ + background-color:#f00075; + color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-lastfm { - background-color: #e21b24; - color: #fff; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-lastfm{ + background-color:#e21b24; + color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-linkedin { - background-color: #0d66c2; - color: #fff; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-linkedin{ + background-color:#0d66c2; + color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-mastodon { - background-color: #3288d4; - color: #fff; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-mastodon{ + background-color:#3288d4; + color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-medium { - background-color: #02ab6c; - color: #fff; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-medium{ + background-color:#02ab6c; + color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-meetup { - background-color: #f6405f; - color: #fff; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-meetup{ + background-color:#f6405f; + color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-patreon { - background-color: #ff424d; - color: #fff; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-patreon{ + background-color:#ff424d; + color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pinterest { - background-color: #e60122; - color: #fff; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pinterest{ + background-color:#e60122; + color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pocket { - background-color: #ef4155; - color: #fff; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pocket{ + background-color:#ef4155; + color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-reddit { - background-color: #ff4500; - color: #fff; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-reddit{ + background-color:#ff4500; + color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-skype { - background-color: #0478d7; - color: #fff; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-skype{ + background-color:#0478d7; + color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-snapchat { - background-color: #fefc00; - color: #fff; - stroke: #000; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-snapchat{ + stroke:#000; + background-color:#fefc00; + color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-soundcloud { - background-color: #ff5600; - color: #fff; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-soundcloud{ + background-color:#ff5600; + color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-spotify { - background-color: #1bd760; - color: #fff; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-spotify{ + background-color:#1bd760; + color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-telegram { - background-color: #2aabee; - color: #fff; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-telegram{ + background-color:#2aabee; + color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-tiktok { - background-color: #000; - color: #fff; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-tiktok{ + background-color:#000; + color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-tumblr { - background-color: #011835; - color: #fff; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-tumblr{ + background-color:#011835; + color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitch { - background-color: #6440a4; - color: #fff; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitch{ + background-color:#6440a4; + color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitter { - background-color: #1da1f2; - color: #fff; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitter{ + background-color:#1da1f2; + color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-vimeo { - background-color: #1eb7ea; - color: #fff; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-vimeo{ + background-color:#1eb7ea; + color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-vk { - background-color: #4680c2; - color: #fff; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-vk{ + background-color:#4680c2; + color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-wordpress { - background-color: #3499cd; - color: #fff; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-wordpress{ + background-color:#3499cd; + color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-whatsapp { - background-color: #25d366; - color: #fff; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-whatsapp{ + background-color:#25d366; + color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-yelp { - background-color: #d32422; - color: #fff; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-yelp{ + background-color:#d32422; + color:#fff; } -.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-youtube { - background-color: #f00; - color: #fff; +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-youtube{ + background-color:red; + color:#fff; } -.wp-block-social-links.is-style-logos-only .wp-social-link { - background: none; +.wp-block-social-links.is-style-logos-only .wp-social-link{ + background:none; } -.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 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 svg{ + height:1.25em; + width:1.25em; } -.wp-block-social-links.is-style-logos-only .wp-social-link-amazon { - color: #f90; +.wp-block-social-links.is-style-logos-only .wp-social-link-amazon{ + color:#f90; } -.wp-block-social-links.is-style-logos-only .wp-social-link-bandcamp { - color: #1ea0c3; +.wp-block-social-links.is-style-logos-only .wp-social-link-bandcamp{ + color:#1ea0c3; } -.wp-block-social-links.is-style-logos-only .wp-social-link-behance { - color: #0757fe; +.wp-block-social-links.is-style-logos-only .wp-social-link-behance{ + color:#0757fe; } -.wp-block-social-links.is-style-logos-only .wp-social-link-codepen { - color: #1e1f26; +.wp-block-social-links.is-style-logos-only .wp-social-link-codepen{ + color:#1e1f26; } -.wp-block-social-links.is-style-logos-only .wp-social-link-deviantart { - color: #02e49b; +.wp-block-social-links.is-style-logos-only .wp-social-link-deviantart{ + color:#02e49b; } -.wp-block-social-links.is-style-logos-only .wp-social-link-dribbble { - color: #e94c89; +.wp-block-social-links.is-style-logos-only .wp-social-link-dribbble{ + color:#e94c89; } -.wp-block-social-links.is-style-logos-only .wp-social-link-dropbox { - color: #4280ff; +.wp-block-social-links.is-style-logos-only .wp-social-link-dropbox{ + color:#4280ff; } -.wp-block-social-links.is-style-logos-only .wp-social-link-etsy { - color: #f45800; +.wp-block-social-links.is-style-logos-only .wp-social-link-etsy{ + color:#f45800; } -.wp-block-social-links.is-style-logos-only .wp-social-link-facebook { - color: #1778f2; +.wp-block-social-links.is-style-logos-only .wp-social-link-facebook{ + color:#1778f2; } -.wp-block-social-links.is-style-logos-only .wp-social-link-fivehundredpx { - color: #000; +.wp-block-social-links.is-style-logos-only .wp-social-link-fivehundredpx{ + color:#000; } -.wp-block-social-links.is-style-logos-only .wp-social-link-flickr { - color: #0461dd; +.wp-block-social-links.is-style-logos-only .wp-social-link-flickr{ + color:#0461dd; } -.wp-block-social-links.is-style-logos-only .wp-social-link-foursquare { - color: #e65678; +.wp-block-social-links.is-style-logos-only .wp-social-link-foursquare{ + color:#e65678; } -.wp-block-social-links.is-style-logos-only .wp-social-link-github { - color: #24292d; +.wp-block-social-links.is-style-logos-only .wp-social-link-github{ + color:#24292d; } -.wp-block-social-links.is-style-logos-only .wp-social-link-goodreads { - color: #382110; +.wp-block-social-links.is-style-logos-only .wp-social-link-goodreads{ + color:#382110; } -.wp-block-social-links.is-style-logos-only .wp-social-link-google { - color: #ea4434; +.wp-block-social-links.is-style-logos-only .wp-social-link-google{ + color:#ea4434; } -.wp-block-social-links.is-style-logos-only .wp-social-link-instagram { - color: #f00075; +.wp-block-social-links.is-style-logos-only .wp-social-link-instagram{ + color:#f00075; } -.wp-block-social-links.is-style-logos-only .wp-social-link-lastfm { - color: #e21b24; +.wp-block-social-links.is-style-logos-only .wp-social-link-lastfm{ + color:#e21b24; } -.wp-block-social-links.is-style-logos-only .wp-social-link-linkedin { - color: #0d66c2; +.wp-block-social-links.is-style-logos-only .wp-social-link-linkedin{ + color:#0d66c2; } -.wp-block-social-links.is-style-logos-only .wp-social-link-mastodon { - color: #3288d4; +.wp-block-social-links.is-style-logos-only .wp-social-link-mastodon{ + color:#3288d4; } -.wp-block-social-links.is-style-logos-only .wp-social-link-medium { - color: #02ab6c; +.wp-block-social-links.is-style-logos-only .wp-social-link-medium{ + color:#02ab6c; } -.wp-block-social-links.is-style-logos-only .wp-social-link-meetup { - color: #f6405f; +.wp-block-social-links.is-style-logos-only .wp-social-link-meetup{ + color:#f6405f; } -.wp-block-social-links.is-style-logos-only .wp-social-link-patreon { - color: #ff424d; +.wp-block-social-links.is-style-logos-only .wp-social-link-patreon{ + color:#ff424d; } -.wp-block-social-links.is-style-logos-only .wp-social-link-pinterest { - color: #e60122; +.wp-block-social-links.is-style-logos-only .wp-social-link-pinterest{ + color:#e60122; } -.wp-block-social-links.is-style-logos-only .wp-social-link-pocket { - color: #ef4155; +.wp-block-social-links.is-style-logos-only .wp-social-link-pocket{ + color:#ef4155; } -.wp-block-social-links.is-style-logos-only .wp-social-link-reddit { - color: #ff4500; +.wp-block-social-links.is-style-logos-only .wp-social-link-reddit{ + color:#ff4500; } -.wp-block-social-links.is-style-logos-only .wp-social-link-skype { - color: #0478d7; +.wp-block-social-links.is-style-logos-only .wp-social-link-skype{ + color:#0478d7; } -.wp-block-social-links.is-style-logos-only .wp-social-link-snapchat { - color: #fff; - stroke: #000; +.wp-block-social-links.is-style-logos-only .wp-social-link-snapchat{ + stroke:#000; + color:#fff; } -.wp-block-social-links.is-style-logos-only .wp-social-link-soundcloud { - color: #ff5600; +.wp-block-social-links.is-style-logos-only .wp-social-link-soundcloud{ + color:#ff5600; } -.wp-block-social-links.is-style-logos-only .wp-social-link-spotify { - color: #1bd760; +.wp-block-social-links.is-style-logos-only .wp-social-link-spotify{ + color:#1bd760; } -.wp-block-social-links.is-style-logos-only .wp-social-link-telegram { - color: #2aabee; +.wp-block-social-links.is-style-logos-only .wp-social-link-telegram{ + color:#2aabee; } -.wp-block-social-links.is-style-logos-only .wp-social-link-tiktok { - color: #000; +.wp-block-social-links.is-style-logos-only .wp-social-link-tiktok{ + color:#000; } -.wp-block-social-links.is-style-logos-only .wp-social-link-tumblr { - color: #011835; +.wp-block-social-links.is-style-logos-only .wp-social-link-tumblr{ + color:#011835; } -.wp-block-social-links.is-style-logos-only .wp-social-link-twitch { - color: #6440a4; +.wp-block-social-links.is-style-logos-only .wp-social-link-twitch{ + color:#6440a4; } -.wp-block-social-links.is-style-logos-only .wp-social-link-twitter { - color: #1da1f2; +.wp-block-social-links.is-style-logos-only .wp-social-link-twitter{ + color:#1da1f2; } -.wp-block-social-links.is-style-logos-only .wp-social-link-vimeo { - color: #1eb7ea; +.wp-block-social-links.is-style-logos-only .wp-social-link-vimeo{ + color:#1eb7ea; } -.wp-block-social-links.is-style-logos-only .wp-social-link-vk { - color: #4680c2; +.wp-block-social-links.is-style-logos-only .wp-social-link-vk{ + color:#4680c2; } -.wp-block-social-links.is-style-logos-only .wp-social-link-whatsapp { - color: #25d366; +.wp-block-social-links.is-style-logos-only .wp-social-link-whatsapp{ + color:#25d366; } -.wp-block-social-links.is-style-logos-only .wp-social-link-wordpress { - color: #3499cd; +.wp-block-social-links.is-style-logos-only .wp-social-link-wordpress{ + color:#3499cd; } -.wp-block-social-links.is-style-logos-only .wp-social-link-yelp { - color: #d32422; +.wp-block-social-links.is-style-logos-only .wp-social-link-yelp{ + color:#d32422; } -.wp-block-social-links.is-style-logos-only .wp-social-link-youtube { - color: #f00; +.wp-block-social-links.is-style-logos-only .wp-social-link-youtube{ + color:red; } -.wp-block-social-links.is-style-pill-shape .wp-social-link { - width: auto; +.wp-block-social-links.is-style-pill-shape .wp-social-link{ + width:auto; } -.wp-block-social-links.is-style-pill-shape .wp-social-link a { - padding-left: calc((2/3) * 1em); - padding-right: calc((2/3) * 1em); +.wp-block-social-links.is-style-pill-shape .wp-social-link a{ + padding-left:.66667em; + padding-right:.66667em; } -.wp-block-spacer { - clear: both; +.wp-block-spacer{ + clear:both; } -.wp-block-tag-cloud.aligncenter { - text-align: center; - justify-content: center; +.wp-block-tag-cloud.aligncenter{ + justify-content:center; + text-align:center; } -.wp-block-tag-cloud.alignfull { - padding-left: 1em; - padding-right: 1em; +.wp-block-tag-cloud.alignfull{ + padding-left:1em; + padding-right:1em; } -.wp-block-tag-cloud a { - display: inline-block; - margin-right: 5px; +.wp-block-tag-cloud a{ + display:inline-block; + margin-right:5px; } -.wp-block-tag-cloud span { - display: inline-block; - margin-left: 5px; - text-decoration: none; +.wp-block-tag-cloud span{ + display:inline-block; + margin-left: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{ + display:flex; + flex-wrap:wrap; + gap:1ch; } -.wp-block-tag-cloud.is-style-outline a { - border: 1px solid currentColor; - font-size: unset !important; - margin-right: 0; - padding: 1ch 2ch; - text-decoration: none !important; +.wp-block-tag-cloud.is-style-outline a{ + border:1px solid; + font-size:unset !important; + margin-right:0; + padding:1ch 2ch; + text-decoration:none !important; } -.wp-block-table { - overflow-x: auto; -} -.wp-block-table table { - border-collapse: collapse; - width: 100%; -} -.wp-block-table td, -.wp-block-table th { - border: 1px solid; - padding: 0.5em; +.wp-block-table{ + overflow-x:auto; } -.wp-block-table .has-fixed-layout { - table-layout: fixed; - width: 100%; +.wp-block-table table{ + border-collapse:collapse; + width:100%; } -.wp-block-table .has-fixed-layout td, -.wp-block-table .has-fixed-layout th { - word-break: break-word; +.wp-block-table td,.wp-block-table th{ + border:1px solid; + padding:.5em; } -.wp-block-table.alignleft, .wp-block-table.aligncenter, .wp-block-table.alignright { - display: table; - width: auto; +.wp-block-table .has-fixed-layout{ + table-layout:fixed; + width:100%; } -.wp-block-table.alignleft td, -.wp-block-table.alignleft th, .wp-block-table.aligncenter td, -.wp-block-table.aligncenter th, .wp-block-table.alignright td, -.wp-block-table.alignright th { - word-break: break-word; +.wp-block-table .has-fixed-layout td,.wp-block-table .has-fixed-layout th{ + word-break:break-word; } -.wp-block-table .has-subtle-light-gray-background-color { - background-color: #f3f4f5; +.wp-block-table.aligncenter,.wp-block-table.alignleft,.wp-block-table.alignright{ + display:table; + width:auto; } -.wp-block-table .has-subtle-pale-green-background-color { - background-color: #e9fbe5; +.wp-block-table.aligncenter td,.wp-block-table.aligncenter th,.wp-block-table.alignleft td,.wp-block-table.alignleft th,.wp-block-table.alignright td,.wp-block-table.alignright th{ + word-break:break-word; } -.wp-block-table .has-subtle-pale-blue-background-color { - background-color: #e7f5fe; +.wp-block-table .has-subtle-light-gray-background-color{ + background-color:#f3f4f5; } -.wp-block-table .has-subtle-pale-pink-background-color { - background-color: #fcf0ef; +.wp-block-table .has-subtle-pale-green-background-color{ + background-color:#e9fbe5; } -.wp-block-table.is-style-stripes { - border-spacing: 0; - border-collapse: inherit; - background-color: transparent; - border-bottom: 1px solid #f0f0f0; +.wp-block-table .has-subtle-pale-blue-background-color{ + background-color:#e7f5fe; } -.wp-block-table.is-style-stripes tbody tr:nth-child(odd) { - background-color: #f0f0f0; +.wp-block-table .has-subtle-pale-pink-background-color{ + background-color:#fcf0ef; } -.wp-block-table.is-style-stripes.has-subtle-light-gray-background-color tbody tr:nth-child(odd) { - background-color: #f3f4f5; +.wp-block-table.is-style-stripes{ + background-color:initial; + border-bottom:1px solid #f0f0f0; + border-collapse:inherit; + border-spacing:0; } -.wp-block-table.is-style-stripes.has-subtle-pale-green-background-color tbody tr:nth-child(odd) { - background-color: #e9fbe5; +.wp-block-table.is-style-stripes tbody tr:nth-child(odd){ + background-color:#f0f0f0; } -.wp-block-table.is-style-stripes.has-subtle-pale-blue-background-color tbody tr:nth-child(odd) { - background-color: #e7f5fe; +.wp-block-table.is-style-stripes.has-subtle-light-gray-background-color tbody tr:nth-child(odd){ + background-color:#f3f4f5; } -.wp-block-table.is-style-stripes.has-subtle-pale-pink-background-color tbody tr:nth-child(odd) { - background-color: #fcf0ef; +.wp-block-table.is-style-stripes.has-subtle-pale-green-background-color tbody tr:nth-child(odd){ + background-color:#e9fbe5; } -.wp-block-table.is-style-stripes th, -.wp-block-table.is-style-stripes td { - border-color: transparent; +.wp-block-table.is-style-stripes.has-subtle-pale-blue-background-color tbody tr:nth-child(odd){ + background-color:#e7f5fe; } -.wp-block-table .has-border-color > *, -.wp-block-table .has-border-color tr, -.wp-block-table .has-border-color th, -.wp-block-table .has-border-color td { - border-color: inherit; +.wp-block-table.is-style-stripes.has-subtle-pale-pink-background-color tbody tr:nth-child(odd){ + background-color:#fcf0ef; } -.wp-block-table table[style*=border-top-color] > *, -.wp-block-table table[style*=border-top-color] tr:first-child { - border-top-color: inherit; +.wp-block-table.is-style-stripes td,.wp-block-table.is-style-stripes th{ + border-color:transparent; } -.wp-block-table table[style*=border-top-color] > * th, -.wp-block-table table[style*=border-top-color] > * td, -.wp-block-table table[style*=border-top-color] tr:first-child th, -.wp-block-table table[style*=border-top-color] tr:first-child td { - border-top-color: inherit; +.wp-block-table .has-border-color td,.wp-block-table .has-border-color th,.wp-block-table .has-border-color tr,.wp-block-table .has-border-color>*{ + border-color:inherit; } -.wp-block-table table[style*=border-top-color] tr:not(:first-child) { - border-top-color: currentColor; +.wp-block-table table[style*=border-top-color] tr:first-child,.wp-block-table table[style*=border-top-color] tr:first-child td,.wp-block-table table[style*=border-top-color] tr:first-child th,.wp-block-table table[style*=border-top-color]>*,.wp-block-table table[style*=border-top-color]>* td,.wp-block-table table[style*=border-top-color]>* th{ + border-top-color:inherit; } -.wp-block-table table[style*=border-right-color] > *, -.wp-block-table table[style*=border-right-color] tr, -.wp-block-table table[style*=border-right-color] th, -.wp-block-table table[style*=border-right-color] td:last-child { - border-right-color: inherit; +.wp-block-table table[style*=border-top-color] tr:not(:first-child){ + border-top-color:initial; } -.wp-block-table table[style*=border-bottom-color] > *, -.wp-block-table table[style*=border-bottom-color] tr:last-child { - border-bottom-color: inherit; +.wp-block-table table[style*=border-right-color] td:last-child,.wp-block-table table[style*=border-right-color] th,.wp-block-table table[style*=border-right-color] tr,.wp-block-table table[style*=border-right-color]>*{ + border-right-color:inherit; } -.wp-block-table table[style*=border-bottom-color] > * th, -.wp-block-table table[style*=border-bottom-color] > * td, -.wp-block-table table[style*=border-bottom-color] tr:last-child th, -.wp-block-table table[style*=border-bottom-color] tr:last-child td { - border-bottom-color: inherit; +.wp-block-table table[style*=border-bottom-color] tr:last-child,.wp-block-table table[style*=border-bottom-color] tr:last-child td,.wp-block-table table[style*=border-bottom-color] tr:last-child th,.wp-block-table table[style*=border-bottom-color]>*,.wp-block-table table[style*=border-bottom-color]>* td,.wp-block-table table[style*=border-bottom-color]>* th{ + border-bottom-color:inherit; } -.wp-block-table table[style*=border-bottom-color] tr:not(:last-child) { - border-bottom-color: currentColor; +.wp-block-table table[style*=border-bottom-color] tr:not(:last-child){ + border-bottom-color:initial; } -.wp-block-table table[style*=border-left-color] > *, -.wp-block-table table[style*=border-left-color] tr, -.wp-block-table table[style*=border-left-color] th, -.wp-block-table table[style*=border-left-color] td:first-child { - border-left-color: inherit; +.wp-block-table table[style*=border-left-color] td:first-child,.wp-block-table table[style*=border-left-color] th,.wp-block-table table[style*=border-left-color] tr,.wp-block-table table[style*=border-left-color]>*{ + border-left-color:inherit; } -.wp-block-table table[style*=border-style] > *, -.wp-block-table table[style*=border-style] tr, -.wp-block-table table[style*=border-style] th, -.wp-block-table table[style*=border-style] td { - border-style: inherit; +.wp-block-table table[style*=border-style] td,.wp-block-table table[style*=border-style] th,.wp-block-table table[style*=border-style] tr,.wp-block-table table[style*=border-style]>*{ + border-style:inherit; } -.wp-block-table table[style*=border-width] > *, -.wp-block-table table[style*=border-width] tr, -.wp-block-table table[style*=border-width] th, -.wp-block-table table[style*=border-width] td { - border-width: inherit; - border-style: inherit; +.wp-block-table table[style*=border-width] td,.wp-block-table table[style*=border-width] th,.wp-block-table table[style*=border-width] tr,.wp-block-table table[style*=border-width]>*{ + border-style:inherit; + border-width:inherit; } - -.wp-block-text-columns { - display: flex; -} -.wp-block-text-columns.aligncenter { - display: flex; +.wp-block-text-columns,.wp-block-text-columns.aligncenter{ + display:flex; } -.wp-block-text-columns .wp-block-column { - margin: 0 1em; - padding: 0; +.wp-block-text-columns .wp-block-column{ + margin:0 1em; + padding:0; } -.wp-block-text-columns .wp-block-column:first-child { - margin-left: 0; +.wp-block-text-columns .wp-block-column:first-child{ + margin-left:0; } -.wp-block-text-columns .wp-block-column:last-child { - margin-right: 0; +.wp-block-text-columns .wp-block-column:last-child{ + margin-right:0; } -.wp-block-text-columns.columns-2 .wp-block-column { - width: calc(100% / 2); +.wp-block-text-columns.columns-2 .wp-block-column{ + width:50%; } -.wp-block-text-columns.columns-3 .wp-block-column { - width: calc(100% / 3); +.wp-block-text-columns.columns-3 .wp-block-column{ + width:33.33333%; } -.wp-block-text-columns.columns-4 .wp-block-column { - width: calc(100% / 4); +.wp-block-text-columns.columns-4 .wp-block-column{ + width:25%; } -pre.wp-block-verse { - font-family: inherit; - overflow: auto; - white-space: pre-wrap; +pre.wp-block-verse{ + font-family:inherit; + overflow:auto; + white-space:pre-wrap; } -.wp-block-video { - box-sizing: border-box; +.wp-block-video{ + box-sizing:border-box; } -.wp-block-video video { - width: 100%; +.wp-block-video video{ + width:100%; } -@supports (position: sticky) { - .wp-block-video [poster] { - -o-object-fit: cover; - object-fit: cover; +@supports (position:sticky){ + .wp-block-video [poster]{ + -o-object-fit:cover; + object-fit:cover; } } -.wp-block-video.aligncenter { - text-align: center; +.wp-block-video.aligncenter{ + text-align:center; } -.wp-block-video figcaption { - margin-top: 0.5em; - margin-bottom: 1em; +.wp-block-video figcaption{ + margin-bottom:1em; + margin-top:.5em; } - -/** - * Element styles. - */ -.wp-element-button { - cursor: pointer; +.wp-element-button{ + cursor:pointer; } -: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 */ - --wp--preset--font-size--normal: 16px; - --wp--preset--font-size--huge: 42px; +:root{ + --wp--preset--font-size--normal:16px; + --wp--preset--font-size--huge:42px; } -:root .has-very-light-gray-background-color { - background-color: #eee; +:root .has-very-light-gray-background-color{ + background-color:#eee; } -:root .has-very-dark-gray-background-color { - background-color: #313131; +:root .has-very-dark-gray-background-color{ + background-color:#313131; } -:root .has-very-light-gray-color { - color: #eee; +:root .has-very-light-gray-color{ + color:#eee; } -:root .has-very-dark-gray-color { - color: #313131; +:root .has-very-dark-gray-color{ + color:#313131; } -:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background { - background: linear-gradient(135deg, #00d084 0%, #0693e3 100%); +:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{ + background:linear-gradient(135deg, #00d084, #0693e3); } -:root .has-purple-crush-gradient-background { - background: linear-gradient(135deg, #34e2e4 0%, #4721fb 50%, #ab1dfe 100%); +:root .has-purple-crush-gradient-background{ + background:linear-gradient(135deg, #34e2e4, #4721fb 50%, #ab1dfe); } -:root .has-hazy-dawn-gradient-background { - background: linear-gradient(135deg, #faaca8 0%, #dad0ec 100%); +:root .has-hazy-dawn-gradient-background{ + background:linear-gradient(135deg, #faaca8, #dad0ec); } -:root .has-subdued-olive-gradient-background { - background: linear-gradient(135deg, #fafae1 0%, #67a671 100%); +:root .has-subdued-olive-gradient-background{ + background:linear-gradient(135deg, #fafae1, #67a671); } -:root .has-atomic-cream-gradient-background { - background: linear-gradient(135deg, #fdd79a 0%, #004a59 100%); +:root .has-atomic-cream-gradient-background{ + background:linear-gradient(135deg, #fdd79a, #004a59); } -:root .has-nightshade-gradient-background { - background: linear-gradient(135deg, #330968 0%, #31cdcf 100%); +:root .has-nightshade-gradient-background{ + background:linear-gradient(135deg, #330968, #31cdcf); } -:root .has-midnight-gradient-background { - background: linear-gradient(135deg, #020381 0%, #2874fc 100%); +:root .has-midnight-gradient-background{ + background:linear-gradient(135deg, #020381, #2874fc); } -.has-regular-font-size { - font-size: 1em; +.has-regular-font-size{ + font-size:1em; } -.has-larger-font-size { - font-size: 2.625em; +.has-larger-font-size{ + font-size:2.625em; } -.has-normal-font-size { - font-size: var(--wp--preset--font-size--normal); +.has-normal-font-size{ + font-size:var(--wp--preset--font-size--normal); } -.has-huge-font-size { - font-size: var(--wp--preset--font-size--huge); +.has-huge-font-size{ + font-size:var(--wp--preset--font-size--huge); } -.has-text-align-center { - text-align: center; +.has-text-align-center{ + text-align:center; } -.has-text-align-left { - /*rtl:ignore*/ - text-align: left; +.has-text-align-left{ + text-align:left; } -.has-text-align-right { - /*rtl:ignore*/ - text-align: right; +.has-text-align-right{ + text-align:right; } -#end-resizable-editor-section { - display: none; +#end-resizable-editor-section{ + display:none; } -.aligncenter { - clear: both; +.aligncenter{ + clear:both; } -.items-justified-left { - justify-content: flex-start; +.items-justified-left{ + justify-content:flex-start; } -.items-justified-center { - justify-content: center; +.items-justified-center{ + justify-content:center; } -.items-justified-right { - justify-content: flex-end; +.items-justified-right{ + justify-content:flex-end; } -.items-justified-space-between { - justify-content: space-between; +.items-justified-space-between{ + justify-content:space-between; } -.screen-reader-text { - border: 0; - clip: rect(1px, 1px, 1px, 1px); - -webkit-clip-path: inset(50%); - clip-path: inset(50%); - height: 1px; - margin: -1px; - overflow: hidden; - padding: 0; - position: absolute; - width: 1px; - word-wrap: normal !important; +.screen-reader-text{ + clip:rect(1px, 1px, 1px, 1px); + word-wrap:normal !important; + border:0; + -webkit-clip-path:inset(50%); + clip-path:inset(50%); + height:1px; + margin:-1px; + overflow:hidden; + padding:0; + position:absolute; + width:1px; } -.screen-reader-text:focus { - background-color: #ddd; - clip: auto !important; - -webkit-clip-path: none; - clip-path: none; - color: #444; - display: block; - font-size: 1em; - height: auto; - left: 5px; - line-height: normal; - padding: 15px 23px 14px; - text-decoration: none; - top: 5px; - width: auto; - z-index: 100000; +.screen-reader-text:focus{ + clip:auto !important; + background-color:#ddd; + -webkit-clip-path:none; + clip-path:none; + color:#444; + display:block; + font-size:1em; + height:auto; + left:5px; + line-height:normal; + padding:15px 23px 14px; + text-decoration:none; + 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(.has-border-color){ + border-style:solid; } -html :where([style*="border-top-color"]) { - border-top-style: solid; +html :where([style*=border-top-color]){ + border-top-style:solid; } -html :where([style*="border-right-color"]) { - border-right-style: solid; +html :where([style*=border-right-color]){ + border-right-style:solid; } -html :where([style*="border-bottom-color"]) { - border-bottom-style: solid; +html :where([style*=border-bottom-color]){ + border-bottom-style:solid; } -html :where([style*="border-left-color"]) { - border-left-style: solid; +html :where([style*=border-left-color]){ + border-left-style:solid; } -html :where([style*="border-width"]) { - border-style: solid; +html :where([style*=border-width]){ + border-style:solid; } -html :where([style*="border-top-width"]) { - border-top-style: solid; +html :where([style*=border-top-width]){ + border-top-style:solid; } -html :where([style*="border-right-width"]) { - border-right-style: solid; +html :where([style*=border-right-width]){ + border-right-style:solid; } -html :where([style*="border-bottom-width"]) { - border-bottom-style: solid; +html :where([style*=border-bottom-width]){ + border-bottom-style:solid; } -html :where([style*="border-left-width"]) { - border-left-style: solid; +html :where([style*=border-left-width]){ + border-left-style:solid; } - -/** - * Provide baseline responsiveness for images. - */ -html :where(img[class*="wp-image-"]) { - height: auto; - max-width: 100%; +html :where(img[class*=wp-image-]){ + height:auto; + max-width:100%; } - -/** - * Reset user agent styles for figure element margins. - */ -figure { - margin: 0 0 1em 0; +figure{ + margin:0 0 1em; } \ No newline at end of file diff --git a/wp-includes/css/dist/block-library/theme-rtl.css b/wp-includes/css/dist/block-library/theme-rtl.css index 426bbada6c..67c03eba47 100644 --- a/wp-includes/css/dist/block-library/theme-rtl.css +++ b/wp-includes/css/dist/block-library/theme-rtl.css @@ -1,248 +1,169 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-audio figcaption { - color: #555; - font-size: 13px; - text-align: center; +.wp-block-audio figcaption{ + color:#555; + font-size:13px; + text-align:center; } -.is-dark-theme .wp-block-audio figcaption { - color: rgba(255, 255, 255, 0.65); +.is-dark-theme .wp-block-audio figcaption{ + color:hsla(0,0%,100%,.65); } -.wp-block-audio { - margin: 0 0 1em 0; +.wp-block-audio{ + margin:0 0 1em; } -.wp-block-code { - border: 1px solid #ccc; - border-radius: 4px; - font-family: Menlo, Consolas, monaco, monospace; - padding: 0.8em 1em; +.wp-block-code{ + border:1px solid #ccc; + border-radius:4px; + font-family:Menlo,Consolas,monaco,monospace; + padding:.8em 1em; } -.wp-block-embed figcaption { - color: #555; - font-size: 13px; - text-align: center; +.wp-block-embed figcaption{ + color:#555; + font-size:13px; + text-align:center; } -.is-dark-theme .wp-block-embed figcaption { - color: rgba(255, 255, 255, 0.65); +.is-dark-theme .wp-block-embed figcaption{ + color:hsla(0,0%,100%,.65); } -.wp-block-embed { - margin: 0 0 1em 0; +.wp-block-embed{ + margin:0 0 1em; } -.blocks-gallery-caption { - color: #555; - font-size: 13px; - text-align: center; +.blocks-gallery-caption{ + color:#555; + font-size:13px; + text-align:center; } -.is-dark-theme .blocks-gallery-caption { - color: rgba(255, 255, 255, 0.65); +.is-dark-theme .blocks-gallery-caption{ + color:hsla(0,0%,100%,.65); } -.wp-block-image figcaption { - color: #555; - font-size: 13px; - text-align: center; +.wp-block-image figcaption{ + color:#555; + font-size:13px; + text-align:center; } -.is-dark-theme .wp-block-image figcaption { - color: rgba(255, 255, 255, 0.65); +.is-dark-theme .wp-block-image figcaption{ + color:hsla(0,0%,100%,.65); } -.wp-block-image { - margin: 0 0 1em 0; +.wp-block-image{ + margin:0 0 1em; } -.wp-block-pullquote { - border-top: 4px solid currentColor; - border-bottom: 4px solid currentColor; - margin-bottom: 1.75em; - color: currentColor; +.wp-block-pullquote{ + border-bottom:4px solid; + border-top:4px solid; + color:currentColor; + margin-bottom:1.75em; } -.wp-block-pullquote cite, -.wp-block-pullquote footer, .wp-block-pullquote__citation { - color: currentColor; - text-transform: uppercase; - font-size: 0.8125em; - font-style: normal; +.wp-block-pullquote cite,.wp-block-pullquote footer,.wp-block-pullquote__citation{ + color:currentColor; + font-size:.8125em; + font-style:normal; + text-transform:uppercase; } -.wp-block-quote { - border-right: 0.25em solid currentColor; - margin: 0 0 1.75em 0; - padding-right: 1em; +.wp-block-quote{ + border-right:.25em solid; + margin:0 0 1.75em; + padding-right:1em; } -.wp-block-quote cite, -.wp-block-quote footer { - color: currentColor; - font-size: 0.8125em; - position: relative; - font-style: normal; +.wp-block-quote cite,.wp-block-quote footer{ + color:currentColor; + font-size:.8125em; + font-style:normal; + position:relative; } -.wp-block-quote.has-text-align-right { - border-right: none; - border-left: 0.25em solid currentColor; - padding-right: 0; - padding-left: 1em; +.wp-block-quote.has-text-align-right{ + border-left:.25em solid; + border-right:none; + padding-left:1em; + padding-right:0; } -.wp-block-quote.has-text-align-center { - border: none; - padding-right: 0; +.wp-block-quote.has-text-align-center{ + border:none; + padding-right:0; } -.wp-block-quote.is-style-plain, .wp-block-quote.is-style-large, .wp-block-quote.is-large { - border: none; +.wp-block-quote.is-large,.wp-block-quote.is-style-large,.wp-block-quote.is-style-plain{ + border:none; } -.wp-block-search .wp-block-search__label { - font-weight: bold; +.wp-block-search .wp-block-search__label{ + font-weight:700; } -.wp-block-search__button { - border: 1px solid #ccc; - padding: 0.375em 0.625em; +.wp-block-search__button{ + border:1px solid #ccc; + padding:.375em .625em; } -:where(.wp-block-group.has-background) { - padding: 1.25em 2.375em; +:where(.wp-block-group.has-background){ + padding:1.25em 2.375em; } -.wp-block-separator.has-css-opacity { - opacity: 0.4; +.wp-block-separator.has-css-opacity{ + opacity:.4; } -.wp-block-separator { - border: none; - border-bottom: 2px solid currentColor; - margin-right: auto; - margin-left: auto; +.wp-block-separator{ + border:none; + border-bottom:2px solid; + margin-left:auto; + margin-right:auto; } -.wp-block-separator.has-alpha-channel-opacity { - opacity: initial; +.wp-block-separator.has-alpha-channel-opacity{ + opacity:1; } -.wp-block-separator:not(.is-style-wide):not(.is-style-dots) { - width: 100px; +.wp-block-separator:not(.is-style-wide):not(.is-style-dots){ + width:100px; } -.wp-block-separator.has-background:not(.is-style-dots) { - border-bottom: none; - height: 1px; +.wp-block-separator.has-background:not(.is-style-dots){ + border-bottom:none; + height:1px; } -.wp-block-separator.has-background:not(.is-style-wide):not(.is-style-dots) { - height: 2px; +.wp-block-separator.has-background:not(.is-style-wide):not(.is-style-dots){ + height:2px; } -.wp-block-table { - margin: "0 0" 1em 0; +.wp-block-table{ + margin:"0 0" 1em 0; } -.wp-block-table thead { - border-bottom: 3px solid; +.wp-block-table thead{ + border-bottom:3px solid; } -.wp-block-table tfoot { - border-top: 3px solid; +.wp-block-table tfoot{ + border-top:3px solid; } -.wp-block-table td, -.wp-block-table th { - word-break: normal; +.wp-block-table td,.wp-block-table th{ + word-break:normal; } -.wp-block-table figcaption { - color: #555; - font-size: 13px; - text-align: center; +.wp-block-table figcaption{ + color:#555; + font-size:13px; + text-align:center; } -.is-dark-theme .wp-block-table figcaption { - color: rgba(255, 255, 255, 0.65); +.is-dark-theme .wp-block-table figcaption{ + color:hsla(0,0%,100%,.65); } -.wp-block-video figcaption { - color: #555; - font-size: 13px; - text-align: center; +.wp-block-video figcaption{ + color:#555; + font-size:13px; + text-align:center; } -.is-dark-theme .wp-block-video figcaption { - color: rgba(255, 255, 255, 0.65); +.is-dark-theme .wp-block-video figcaption{ + color:hsla(0,0%,100%,.65); } -.wp-block-video { - margin: 0 0 1em 0; +.wp-block-video{ + margin:0 0 1em; } -.wp-block-template-part.has-background { - padding: 1.25em 2.375em; - margin-top: 0; - margin-bottom: 0; +.wp-block-template-part.has-background{ + margin-bottom:0; + margin-top:0; + padding:1.25em 2.375em; } \ No newline at end of file diff --git a/wp-includes/css/dist/block-library/theme.css b/wp-includes/css/dist/block-library/theme.css index ed72588692..70e72da133 100644 --- a/wp-includes/css/dist/block-library/theme.css +++ b/wp-includes/css/dist/block-library/theme.css @@ -1,248 +1,169 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -.wp-block-audio figcaption { - color: #555; - font-size: 13px; - text-align: center; +.wp-block-audio figcaption{ + color:#555; + font-size:13px; + text-align:center; } -.is-dark-theme .wp-block-audio figcaption { - color: rgba(255, 255, 255, 0.65); +.is-dark-theme .wp-block-audio figcaption{ + color:hsla(0,0%,100%,.65); } -.wp-block-audio { - margin: 0 0 1em 0; +.wp-block-audio{ + margin:0 0 1em; } -.wp-block-code { - border: 1px solid #ccc; - border-radius: 4px; - font-family: Menlo, Consolas, monaco, monospace; - padding: 0.8em 1em; +.wp-block-code{ + border:1px solid #ccc; + border-radius:4px; + font-family:Menlo,Consolas,monaco,monospace; + padding:.8em 1em; } -.wp-block-embed figcaption { - color: #555; - font-size: 13px; - text-align: center; +.wp-block-embed figcaption{ + color:#555; + font-size:13px; + text-align:center; } -.is-dark-theme .wp-block-embed figcaption { - color: rgba(255, 255, 255, 0.65); +.is-dark-theme .wp-block-embed figcaption{ + color:hsla(0,0%,100%,.65); } -.wp-block-embed { - margin: 0 0 1em 0; +.wp-block-embed{ + margin:0 0 1em; } -.blocks-gallery-caption { - color: #555; - font-size: 13px; - text-align: center; +.blocks-gallery-caption{ + color:#555; + font-size:13px; + text-align:center; } -.is-dark-theme .blocks-gallery-caption { - color: rgba(255, 255, 255, 0.65); +.is-dark-theme .blocks-gallery-caption{ + color:hsla(0,0%,100%,.65); } -.wp-block-image figcaption { - color: #555; - font-size: 13px; - text-align: center; +.wp-block-image figcaption{ + color:#555; + font-size:13px; + text-align:center; } -.is-dark-theme .wp-block-image figcaption { - color: rgba(255, 255, 255, 0.65); +.is-dark-theme .wp-block-image figcaption{ + color:hsla(0,0%,100%,.65); } -.wp-block-image { - margin: 0 0 1em 0; +.wp-block-image{ + margin:0 0 1em; } -.wp-block-pullquote { - border-top: 4px solid currentColor; - border-bottom: 4px solid currentColor; - margin-bottom: 1.75em; - color: currentColor; +.wp-block-pullquote{ + border-bottom:4px solid; + border-top:4px solid; + color:currentColor; + margin-bottom:1.75em; } -.wp-block-pullquote cite, -.wp-block-pullquote footer, .wp-block-pullquote__citation { - color: currentColor; - text-transform: uppercase; - font-size: 0.8125em; - font-style: normal; +.wp-block-pullquote cite,.wp-block-pullquote footer,.wp-block-pullquote__citation{ + color:currentColor; + font-size:.8125em; + font-style:normal; + text-transform:uppercase; } -.wp-block-quote { - border-left: 0.25em solid currentColor; - margin: 0 0 1.75em 0; - padding-left: 1em; +.wp-block-quote{ + border-left:.25em solid; + margin:0 0 1.75em; + padding-left:1em; } -.wp-block-quote cite, -.wp-block-quote footer { - color: currentColor; - font-size: 0.8125em; - position: relative; - font-style: normal; +.wp-block-quote cite,.wp-block-quote footer{ + color:currentColor; + font-size:.8125em; + font-style:normal; + position:relative; } -.wp-block-quote.has-text-align-right { - border-left: none; - border-right: 0.25em solid currentColor; - padding-left: 0; - padding-right: 1em; +.wp-block-quote.has-text-align-right{ + border-left:none; + border-right:.25em solid; + padding-left:0; + padding-right:1em; } -.wp-block-quote.has-text-align-center { - border: none; - padding-left: 0; +.wp-block-quote.has-text-align-center{ + border:none; + padding-left:0; } -.wp-block-quote.is-style-plain, .wp-block-quote.is-style-large, .wp-block-quote.is-large { - border: none; +.wp-block-quote.is-large,.wp-block-quote.is-style-large,.wp-block-quote.is-style-plain{ + border:none; } -.wp-block-search .wp-block-search__label { - font-weight: bold; +.wp-block-search .wp-block-search__label{ + font-weight:700; } -.wp-block-search__button { - border: 1px solid #ccc; - padding: 0.375em 0.625em; +.wp-block-search__button{ + border:1px solid #ccc; + padding:.375em .625em; } -:where(.wp-block-group.has-background) { - padding: 1.25em 2.375em; +:where(.wp-block-group.has-background){ + padding:1.25em 2.375em; } -.wp-block-separator.has-css-opacity { - opacity: 0.4; +.wp-block-separator.has-css-opacity{ + opacity:.4; } -.wp-block-separator { - border: none; - border-bottom: 2px solid currentColor; - margin-left: auto; - margin-right: auto; +.wp-block-separator{ + border:none; + border-bottom:2px solid; + margin-left:auto; + margin-right:auto; } -.wp-block-separator.has-alpha-channel-opacity { - opacity: initial; +.wp-block-separator.has-alpha-channel-opacity{ + opacity:1; } -.wp-block-separator:not(.is-style-wide):not(.is-style-dots) { - width: 100px; +.wp-block-separator:not(.is-style-wide):not(.is-style-dots){ + width:100px; } -.wp-block-separator.has-background:not(.is-style-dots) { - border-bottom: none; - height: 1px; +.wp-block-separator.has-background:not(.is-style-dots){ + border-bottom:none; + height:1px; } -.wp-block-separator.has-background:not(.is-style-wide):not(.is-style-dots) { - height: 2px; +.wp-block-separator.has-background:not(.is-style-wide):not(.is-style-dots){ + height:2px; } -.wp-block-table { - margin: "0 0 1em 0"; +.wp-block-table{ + margin:"0 0 1em 0"; } -.wp-block-table thead { - border-bottom: 3px solid; +.wp-block-table thead{ + border-bottom:3px solid; } -.wp-block-table tfoot { - border-top: 3px solid; +.wp-block-table tfoot{ + border-top:3px solid; } -.wp-block-table td, -.wp-block-table th { - word-break: normal; +.wp-block-table td,.wp-block-table th{ + word-break:normal; } -.wp-block-table figcaption { - color: #555; - font-size: 13px; - text-align: center; +.wp-block-table figcaption{ + color:#555; + font-size:13px; + text-align:center; } -.is-dark-theme .wp-block-table figcaption { - color: rgba(255, 255, 255, 0.65); +.is-dark-theme .wp-block-table figcaption{ + color:hsla(0,0%,100%,.65); } -.wp-block-video figcaption { - color: #555; - font-size: 13px; - text-align: center; +.wp-block-video figcaption{ + color:#555; + font-size:13px; + text-align:center; } -.is-dark-theme .wp-block-video figcaption { - color: rgba(255, 255, 255, 0.65); +.is-dark-theme .wp-block-video figcaption{ + color:hsla(0,0%,100%,.65); } -.wp-block-video { - margin: 0 0 1em 0; +.wp-block-video{ + margin:0 0 1em; } -.wp-block-template-part.has-background { - padding: 1.25em 2.375em; - margin-top: 0; - margin-bottom: 0; +.wp-block-template-part.has-background{ + margin-bottom:0; + margin-top:0; + padding:1.25em 2.375em; } \ No newline at end of file diff --git a/wp-includes/css/dist/components/style-rtl.css b/wp-includes/css/dist/components/style-rtl.css index e0c70f3ef9..29fe737e9b 100644 --- a/wp-includes/css/dist/components/style-rtl.css +++ b/wp-includes/css/dist/components/style-rtl.css @@ -1,3468 +1,3104 @@ @charset "UTF-8"; -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -:root { - --wp-admin-theme-color: #007cba; - --wp-admin-theme-color--rgb: 0, 124, 186; - --wp-admin-theme-color-darker-10: #006ba1; - --wp-admin-theme-color-darker-10--rgb: 0, 107, 161; - --wp-admin-theme-color-darker-20: #005a87; - --wp-admin-theme-color-darker-20--rgb: 0, 90, 135; - --wp-admin-border-width-focus: 2px; +:root{ + --wp-admin-theme-color:#007cba; + --wp-admin-theme-color--rgb:0, 124, 186; + --wp-admin-theme-color-darker-10:#006ba1; + --wp-admin-theme-color-darker-10--rgb:0, 107, 161; + --wp-admin-theme-color-darker-20:#005a87; + --wp-admin-theme-color-darker-20--rgb:0, 90, 135; + --wp-admin-border-width-focus:2px; } -@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { - :root { - --wp-admin-border-width-focus: 1.5px; +@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ + :root{ + --wp-admin-border-width-focus:1.5px; } } -.components-animate__appear { - animation: components-animate__appear-animation 0.1s cubic-bezier(0, 0, 0.2, 1) 0s; - animation-fill-mode: forwards; +.components-animate__appear{ + animation:components-animate__appear-animation .1s cubic-bezier(0, 0, .2, 1) 0s; + animation-fill-mode:forwards; } -@media (prefers-reduced-motion: reduce) { - .components-animate__appear { - animation-duration: 1ms; - animation-delay: 0s; +@media (prefers-reduced-motion:reduce){ + .components-animate__appear{ + animation-delay:0s; + animation-duration:1ms; } } -.components-animate__appear.is-from-top, .components-animate__appear.is-from-top.is-from-left { - transform-origin: top right; +.components-animate__appear.is-from-top,.components-animate__appear.is-from-top.is-from-left{ + transform-origin:top right; } -.components-animate__appear.is-from-top.is-from-right { - transform-origin: top left; +.components-animate__appear.is-from-top.is-from-right{ + transform-origin:top left; } -.components-animate__appear.is-from-bottom, .components-animate__appear.is-from-bottom.is-from-left { - transform-origin: bottom right; +.components-animate__appear.is-from-bottom,.components-animate__appear.is-from-bottom.is-from-left{ + transform-origin:bottom right; } -.components-animate__appear.is-from-bottom.is-from-right { - transform-origin: bottom left; +.components-animate__appear.is-from-bottom.is-from-right{ + transform-origin:bottom left; } -@keyframes components-animate__appear-animation { - from { - transform: translateY(-2em) scaleY(0) scaleX(0); +@keyframes components-animate__appear-animation{ + 0%{ + transform:translateY(-2em) scaleY(0) scaleX(0); } - to { - transform: translateY(0%) scaleY(1) scaleX(1); + to{ + transform:translateY(0) scaleY(1) scaleX(1); } } -.components-animate__slide-in { - animation: components-animate__slide-in-animation 0.1s cubic-bezier(0, 0, 0.2, 1); - animation-fill-mode: forwards; +.components-animate__slide-in{ + animation:components-animate__slide-in-animation .1s cubic-bezier(0, 0, .2, 1); + animation-fill-mode:forwards; } -@media (prefers-reduced-motion: reduce) { - .components-animate__slide-in { - animation-duration: 1ms; - animation-delay: 0s; +@media (prefers-reduced-motion:reduce){ + .components-animate__slide-in{ + animation-delay:0s; + animation-duration:1ms; } } -.components-animate__slide-in.is-from-left { - transform: translateX(-100%); +.components-animate__slide-in.is-from-left{ + transform:translateX(-100%); } -.components-animate__slide-in.is-from-right { - transform: translateX(100%); +.components-animate__slide-in.is-from-right{ + transform:translateX(100%); } -@keyframes components-animate__slide-in-animation { - 100% { - transform: translateX(0%); +@keyframes components-animate__slide-in-animation{ + to{ + transform:translateX(0); } } -.components-animate__loading { - animation: components-animate__loading 1.6s ease-in-out infinite; +.components-animate__loading{ + animation:components-animate__loading 1.6s ease-in-out infinite; } -@keyframes components-animate__loading { - 0% { - opacity: 0.5; +@keyframes components-animate__loading{ + 0%{ + opacity:.5; } - 50% { - opacity: 1; + 50%{ + opacity:1; } - 100% { - opacity: 0.5; + to{ + opacity:.5; } } -.components-autocomplete__popover .components-popover__content { - padding: 16px; - min-width: 220px; +.components-autocomplete__popover .components-popover__content{ + min-width:220px; + padding:16px; } -.components-autocomplete__result.components-button { - display: flex; - height: auto; - min-height: 36px; - text-align: right; - width: 100%; +.components-autocomplete__result.components-button{ + display:flex; + height:auto; + min-height:36px; + text-align:right; + width:100%; } -.components-autocomplete__result.components-button.is-selected { - box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); +.components-autocomplete__result.components-button.is-selected{ + box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); } -.components-button-group { - display: inline-block; +.components-button-group{ + display:inline-block; } -.components-button-group .components-button { - border-radius: 0; - display: inline-flex; - color: #1e1e1e; - box-shadow: inset 0 0 0 1px #1e1e1e; +.components-button-group .components-button{ + border-radius:0; + box-shadow:inset 0 0 0 1px #1e1e1e; + color:#1e1e1e; + display:inline-flex; } -.components-button-group .components-button + .components-button { - margin-right: -1px; +.components-button-group .components-button+.components-button{ + margin-right:-1px; } -.components-button-group .components-button:first-child { - border-radius: 0 2px 2px 0; +.components-button-group .components-button:first-child{ + border-radius:0 2px 2px 0; } -.components-button-group .components-button:last-child { - border-radius: 2px 0 0 2px; +.components-button-group .components-button:last-child{ + border-radius:2px 0 0 2px; } -.components-button-group .components-button:focus, .components-button-group .components-button.is-primary { - position: relative; - z-index: 1; +.components-button-group .components-button.is-primary,.components-button-group .components-button:focus{ + position:relative; + z-index:1; } -.components-button-group .components-button.is-primary { - box-shadow: inset 0 0 0 1px #1e1e1e; +.components-button-group .components-button.is-primary{ + box-shadow:inset 0 0 0 1px #1e1e1e; } -.components-button { - display: inline-flex; - text-decoration: none; - font-family: inherit; - font-weight: normal; - font-size: 13px; - margin: 0; - border: 0; - cursor: pointer; - -webkit-appearance: none; - background: none; - transition: box-shadow 0.1s linear; - height: 36px; - align-items: center; - box-sizing: border-box; - padding: 6px 12px; - border-radius: 2px; - color: #1e1e1e; - /** - * Primary button style. - */ - /** - * Secondary and tertiary buttons. - */ - /** - * Secondary button style. - */ - /** - * Tertiary buttons. - */ - /** - * Destructive buttons. - */ - /** - * Link buttons. - */ +.components-button{ + align-items:center; + -webkit-appearance:none; + background:none; + border:0; + border-radius:2px; + box-sizing:border-box; + color:#1e1e1e; + cursor:pointer; + display:inline-flex; + font-family:inherit; + font-size:13px; + font-weight:400; + height:36px; + margin:0; + padding:6px 12px; + text-decoration:none; + transition:box-shadow .1s linear; } -@media (prefers-reduced-motion: reduce) { - .components-button { - transition-duration: 0s; - transition-delay: 0s; +@media (prefers-reduced-motion:reduce){ + .components-button{ + transition-delay:0s; + transition-duration:0s; } } -.components-button[aria-expanded=true], .components-button:hover { - color: var(--wp-admin-theme-color); +.components-button:hover,.components-button[aria-expanded=true]{ + color:var(--wp-admin-theme-color); } -.components-button[aria-disabled=true]:hover { - color: initial; +.components-button[aria-disabled=true]:hover{ + color:initial; } -.components-button:focus:not(:disabled) { - box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); - outline: 3px solid transparent; +.components-button:focus:not(:disabled){ + box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); + outline:3px solid transparent; } -.components-button.is-primary { - white-space: nowrap; - background: var(--wp-admin-theme-color); - color: #fff; - text-decoration: none; - text-shadow: none; - outline: 1px solid transparent; +.components-button.is-primary{ + background:var(--wp-admin-theme-color); + color:#fff; + outline:1px solid transparent; + text-decoration:none; + text-shadow:none; + white-space:nowrap; } -.components-button.is-primary:hover:not(:disabled) { - background: var(--wp-admin-theme-color-darker-10); - color: #fff; +.components-button.is-primary:hover:not(:disabled){ + background:var(--wp-admin-theme-color-darker-10); + color:#fff; } -.components-button.is-primary:active:not(:disabled) { - background: var(--wp-admin-theme-color-darker-20); - border-color: var(--wp-admin-theme-color-darker-20); - color: #fff; +.components-button.is-primary:active:not(:disabled){ + background:var(--wp-admin-theme-color-darker-20); + border-color:var(--wp-admin-theme-color-darker-20); + color:#fff; } -.components-button.is-primary:focus:not(:disabled) { - box-shadow: inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); +.components-button.is-primary:focus:not(:disabled){ + box-shadow:inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); } -.components-button.is-primary:disabled, .components-button.is-primary:disabled:active:enabled, .components-button.is-primary[aria-disabled=true], .components-button.is-primary[aria-disabled=true]:enabled, .components-button.is-primary[aria-disabled=true]:active:enabled { - color: rgba(255, 255, 255, 0.4); - background: var(--wp-admin-theme-color); - border-color: var(--wp-admin-theme-color); - opacity: 1; - outline: none; +.components-button.is-primary:disabled,.components-button.is-primary:disabled:active:enabled,.components-button.is-primary[aria-disabled=true],.components-button.is-primary[aria-disabled=true]:active:enabled,.components-button.is-primary[aria-disabled=true]:enabled{ + background:var(--wp-admin-theme-color); + border-color:var(--wp-admin-theme-color); + color:hsla(0,0%,100%,.4); + opacity:1; + outline:none; } -.components-button.is-primary:disabled:focus:enabled, .components-button.is-primary:disabled:active:enabled:focus:enabled, .components-button.is-primary[aria-disabled=true]:focus:enabled, .components-button.is-primary[aria-disabled=true]:enabled:focus:enabled, .components-button.is-primary[aria-disabled=true]:active:enabled:focus:enabled { - box-shadow: 0 0 0 1px #fff, 0 0 0 3px var(--wp-admin-theme-color); +.components-button.is-primary:disabled:active:enabled:focus:enabled,.components-button.is-primary:disabled:focus:enabled,.components-button.is-primary[aria-disabled=true]:active:enabled:focus:enabled,.components-button.is-primary[aria-disabled=true]:enabled:focus:enabled,.components-button.is-primary[aria-disabled=true]:focus:enabled{ + box-shadow:0 0 0 1px #fff, 0 0 0 3px var(--wp-admin-theme-color); } -.components-button.is-primary.is-busy, .components-button.is-primary.is-busy:disabled, .components-button.is-primary.is-busy[aria-disabled=true] { - color: #fff; - background-size: 100px 100%; - /* stylelint-disable */ - background-image: linear-gradient(45deg, var(--wp-admin-theme-color) 33%, var(--wp-admin-theme-color-darker-20) 33%, var(--wp-admin-theme-color-darker-20) 70%, var(--wp-admin-theme-color) 70%); - /* stylelint-enable */ - border-color: var(--wp-admin-theme-color); +.components-button.is-primary.is-busy,.components-button.is-primary.is-busy:disabled,.components-button.is-primary.is-busy[aria-disabled=true]{ + background-image:linear-gradient(45deg, var(--wp-admin-theme-color) 33%, var(--wp-admin-theme-color-darker-20) 33%, var(--wp-admin-theme-color-darker-20) 70%, var(--wp-admin-theme-color) 70%); + background-size:100px 100%; + border-color:var(--wp-admin-theme-color); + color:#fff; } -.components-button.is-secondary, .components-button.is-tertiary { - outline: 1px solid transparent; +.components-button.is-secondary,.components-button.is-tertiary{ + outline:1px solid transparent; } -.components-button.is-secondary:active:not(:disabled), .components-button.is-tertiary:active:not(:disabled) { - background: #ddd; - color: var(--wp-admin-theme-color-darker-10); - box-shadow: none; +.components-button.is-secondary:active:not(:disabled),.components-button.is-tertiary:active:not(:disabled){ + background:#ddd; + box-shadow:none; + color:var(--wp-admin-theme-color-darker-10); } -.components-button.is-secondary:hover:not(:disabled), .components-button.is-tertiary:hover:not(:disabled) { - color: var(--wp-admin-theme-color-darker-10); - box-shadow: inset 0 0 0 1px var(--wp-admin-theme-color-darker-10); +.components-button.is-secondary:hover:not(:disabled),.components-button.is-tertiary:hover:not(:disabled){ + box-shadow:inset 0 0 0 1px var(--wp-admin-theme-color-darker-10); + color:var(--wp-admin-theme-color-darker-10); } -.components-button.is-secondary:disabled, .components-button.is-secondary[aria-disabled=true], .components-button.is-secondary[aria-disabled=true]:hover, .components-button.is-tertiary:disabled, .components-button.is-tertiary[aria-disabled=true], .components-button.is-tertiary[aria-disabled=true]:hover { - color: #828282; - background: #eaeaea; - transform: none; - opacity: 1; - box-shadow: none; - outline: none; +.components-button.is-secondary:disabled,.components-button.is-secondary[aria-disabled=true],.components-button.is-secondary[aria-disabled=true]:hover,.components-button.is-tertiary:disabled,.components-button.is-tertiary[aria-disabled=true],.components-button.is-tertiary[aria-disabled=true]:hover{ + background:#eaeaea; + box-shadow:none; + color:#828282; + opacity:1; + outline:none; + transform:none; } -.components-button.is-secondary { - box-shadow: inset 0 0 0 1px var(--wp-admin-theme-color); - outline: 1px solid transparent; - white-space: nowrap; - color: var(--wp-admin-theme-color); - background: transparent; +.components-button.is-secondary{ + box-shadow:inset 0 0 0 1px var(--wp-admin-theme-color); + outline:1px solid transparent; } -.components-button.is-tertiary { - white-space: nowrap; - color: var(--wp-admin-theme-color); - background: transparent; - padding: 6px; +.components-button.is-secondary,.components-button.is-tertiary{ + background:transparent; + color:var(--wp-admin-theme-color); + white-space:nowrap; } -.components-button.is-tertiary .dashicon { - display: inline-block; - flex: 0 0 auto; +.components-button.is-tertiary{ + padding:6px; } -p + .components-button.is-tertiary { - margin-right: -6px; +.components-button.is-tertiary .dashicon{ + display:inline-block; + flex:0 0 auto; } -.components-button.is-destructive { - color: #cc1818; - box-shadow: inset 0 0 0 1px #cc1818; +p+.components-button.is-tertiary{ + margin-right:-6px; } -.components-button.is-destructive:hover:not(:disabled) { - color: #710d0d; - box-shadow: inset 0 0 0 1px #710d0d; +.components-button.is-destructive{ + box-shadow:inset 0 0 0 1px #cc1818; + color:#cc1818; } -.components-button.is-destructive:focus:not(:disabled) { - color: var(--wp-admin-theme-color); +.components-button.is-destructive:hover:not(:disabled){ + box-shadow:inset 0 0 0 1px #710d0d; + color:#710d0d; } -.components-button.is-destructive:active:not(:disabled) { - background: #ccc; +.components-button.is-destructive:focus:not(:disabled){ + color:var(--wp-admin-theme-color); } -.components-button.is-destructive.is-primary { - color: #fff; - background: #cc1818; - box-shadow: inset 0 0 0 1px #cc1818; +.components-button.is-destructive:active:not(:disabled){ + background:#ccc; } -.components-button.is-destructive.is-primary:hover:not(:disabled) { - color: #fff; - background: #710d0d; - box-shadow: inset 0 0 0 1px #710d0d; +.components-button.is-destructive.is-primary{ + background:#cc1818; + box-shadow:inset 0 0 0 1px #cc1818; + color:#fff; } -.components-button.is-destructive.is-tertiary { - box-shadow: none; +.components-button.is-destructive.is-primary:hover:not(:disabled){ + background:#710d0d; + box-shadow:inset 0 0 0 1px #710d0d; + color:#fff; } -.components-button.is-destructive.is-tertiary:hover:not(:disabled) { - box-shadow: inset 0 0 0 1px #cc1818; - color: #cc1818; +.components-button.is-destructive.is-tertiary{ + box-shadow:none; } -.components-button.is-destructive.is-tertiary:focus:not(:disabled) { - box-shadow: inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) #cc1818; - color: #cc1818; +.components-button.is-destructive.is-tertiary:hover:not(:disabled){ + box-shadow:inset 0 0 0 1px #cc1818; + color:#cc1818; } -.components-button.is-link { - margin: 0; - padding: 0; - box-shadow: none; - border: 0; - border-radius: 0; - background: none; - outline: none; - text-align: right; - color: var(--wp-admin-theme-color); - text-decoration: underline; - transition-property: border, background, color; - transition-duration: 0.05s; - transition-timing-function: ease-in-out; - height: auto; +.components-button.is-destructive.is-tertiary:focus:not(:disabled){ + box-shadow:inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) #cc1818; + color:#cc1818; } -@media (prefers-reduced-motion: reduce) { - .components-button.is-link { - transition-duration: 0s; - transition-delay: 0s; +.components-button.is-link{ + background:none; + border:0; + border-radius:0; + box-shadow:none; + color:var(--wp-admin-theme-color); + height:auto; + margin:0; + outline:none; + padding:0; + text-align:right; + text-decoration:underline; + transition-duration:.05s; + transition-property:border, background, color; + transition-timing-function:ease-in-out; +} +@media (prefers-reduced-motion:reduce){ + .components-button.is-link{ + transition-delay:0s; + transition-duration:0s; } } -.components-button.is-link:focus { - border-radius: 2px; +.components-button.is-link:focus{ + border-radius:2px; } -.components-button.is-link.is-destructive { - color: #cc1818; +.components-button.is-link.is-destructive{ + color:#cc1818; } -.components-button.is-link.is-destructive:active:not(:disabled), .components-button.is-link.is-destructive:hover:not(:disabled) { - color: #710d0d; - background: none; +.components-button.is-link.is-destructive:active:not(:disabled),.components-button.is-link.is-destructive:hover:not(:disabled){ + background:none; + color:#710d0d; } -.components-button.is-link.is-destructive:focus:not(:disabled) { - color: var(--wp-admin-theme-color); +.components-button.is-link.is-destructive:focus:not(:disabled){ + color:var(--wp-admin-theme-color); } -.components-button:not([aria-disabled=true]):active { - color: inherit; +.components-button:not([aria-disabled=true]):active{ + color:inherit; } -.components-button:disabled, .components-button[aria-disabled=true] { - cursor: default; - opacity: 0.3; +.components-button:disabled,.components-button[aria-disabled=true]{ + cursor:default; + opacity:.3; } -.components-button.is-busy, .components-button.is-secondary.is-busy, .components-button.is-secondary.is-busy:disabled, .components-button.is-secondary.is-busy[aria-disabled=true] { - animation: components-button__busy-animation 2500ms infinite linear; - opacity: 1; - background-size: 100px 100%; - /* stylelint-disable */ - background-image: linear-gradient(45deg, #fafafa 33%, #e0e0e0 33%, #e0e0e0 70%, #fafafa 70%); - /* stylelint-enable */ +.components-button.is-busy,.components-button.is-secondary.is-busy,.components-button.is-secondary.is-busy:disabled,.components-button.is-secondary.is-busy[aria-disabled=true]{ + animation:components-button__busy-animation 2.5s linear infinite; + background-image:linear-gradient(45deg, #fafafa 33%, #e0e0e0 0, #e0e0e0 70%, #fafafa 0); + background-size:100px 100%; + opacity:1; } -.components-button.is-small { - height: 24px; - line-height: 22px; - padding: 0 8px; - font-size: 11px; +.components-button.is-small{ + font-size:11px; + height:24px; + line-height:22px; + padding:0 8px; } -.components-button.is-small.has-icon:not(.has-text) { - padding: 0; - width: 24px; - min-width: 24px; +.components-button.is-small.has-icon:not(.has-text){ + min-width:24px; + padding:0; + width:24px; } -.components-button.has-icon { - padding: 6px; - min-width: 36px; - justify-content: center; +.components-button.has-icon{ + justify-content:center; + min-width:36px; + padding:6px; } -.components-button.has-icon .dashicon { - display: inline-block; - flex: 0 0 auto; - margin-right: 2px; - margin-left: 2px; +.components-button.has-icon .dashicon{ + display:inline-block; + flex:0 0 auto; + margin-left:2px; + margin-right:2px; } -.components-button.has-icon.has-text { - justify-content: left; +.components-button.has-icon.has-text{ + justify-content:left; } -.components-button.has-icon.has-text svg { - margin-left: 8px; +.components-button.has-icon.has-text svg{ + margin-left:8px; } -.components-button.has-icon.has-text .dashicon { - margin-left: 10px; +.components-button.has-icon.has-text .dashicon{ + margin-left:10px; } -.components-button.is-pressed { - color: #fff; - background: #1e1e1e; +.components-button.is-pressed{ + background:#1e1e1e; + color:#fff; } -.components-button.is-pressed:focus:not(:disabled) { - box-shadow: inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); - outline: 2px solid transparent; +.components-button.is-pressed:focus:not(:disabled){ + box-shadow:inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); + outline:2px solid transparent; } -.components-button.is-pressed:hover:not(:disabled) { - color: #fff; - background: #1e1e1e; +.components-button.is-pressed:hover:not(:disabled){ + background:#1e1e1e; + color:#fff; } -.components-button svg { - fill: currentColor; - outline: none; +.components-button svg{ + fill:currentColor; + outline:none; } -@media (forced-colors: active) { - .components-button svg { - fill: CanvasText; +@media (forced-colors:active){ + .components-button svg{ + fill:CanvasText; } } -.components-button .components-visually-hidden { - height: auto; +.components-button .components-visually-hidden{ + height:auto; } -@keyframes components-button__busy-animation { - 0% { - background-position: 200px 0; +@keyframes components-button__busy-animation{ + 0%{ + background-position:200px 0; } } -.components-checkbox-control__input[type=checkbox] { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - padding: 6px 8px; - box-shadow: 0 0 0 transparent; - transition: box-shadow 0.1s linear; - border-radius: 2px; - border: 1px solid #757575; - /* Fonts smaller than 16px causes mobile safari to zoom. */ - font-size: 16px; - /* Override core line-height. To be reviewed. */ - line-height: normal; - border: 1px solid #1e1e1e; - margin-left: 12px; - transition: none; - border-radius: 2px; - background: #fff; - color: #1e1e1e; - clear: none; - cursor: pointer; - display: inline-block; - line-height: 0; - margin: 0 0 0 4px; - outline: 0; - padding: 0 !important; - text-align: center; - vertical-align: top; - width: 24px; - height: 24px; - -webkit-appearance: none; - appearance: none; - transition: 0.1s border-color ease-in-out; +.components-checkbox-control__input[type=checkbox]{ + -webkit-appearance:none; + appearance:none; + background:#fff; + border:1px solid #1e1e1e; + border-radius:2px; + box-shadow:0 0 0 transparent; + clear:none; + color:#1e1e1e; + cursor:pointer; + display:inline-block; + font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; + font-size:16px; + height:24px; + line-height:normal; + line-height:0; + margin:0 0 0 4px; + outline:0; + padding:6px 8px; + padding:0 !important; + text-align:center; + transition:box-shadow .1s linear; + transition:none; + transition:border-color .1s ease-in-out; + vertical-align:top; + width:24px; } -@media (prefers-reduced-motion: reduce) { - .components-checkbox-control__input[type=checkbox] { - transition-duration: 0s; - transition-delay: 0s; +@media (min-width:600px){ + .components-checkbox-control__input[type=checkbox]{ + font-size:13px; + line-height:normal; } } -@media (min-width: 600px) { - .components-checkbox-control__input[type=checkbox] { - font-size: 13px; - /* Override core line-height. To be reviewed. */ - line-height: normal; +.components-checkbox-control__input[type=checkbox]:focus{ + border-color:var(--wp-admin-theme-color); + box-shadow:0 0 0 1px var(--wp-admin-theme-color); +} +.components-checkbox-control__input[type=checkbox]::-webkit-input-placeholder{ + color:rgba(30,30,30,.62); +} +.components-checkbox-control__input[type=checkbox]::-moz-placeholder{ + color:rgba(30,30,30,.62); + opacity:1; +} +.components-checkbox-control__input[type=checkbox]:-ms-input-placeholder{ + color:rgba(30,30,30,.62); +} +.components-checkbox-control__input[type=checkbox]:checked{ + background:var(--wp-admin-theme-color); + border-color:var(--wp-admin-theme-color); +} +.components-checkbox-control__input[type=checkbox]:checked::-ms-check{ + opacity:0; +} +.components-checkbox-control__input[type=checkbox]:checked:before,.components-checkbox-control__input[type=checkbox][aria-checked=mixed]:before{ + color:#fff; + margin:-3px -5px; +} +@media (min-width:782px){ + .components-checkbox-control__input[type=checkbox]:checked:before,.components-checkbox-control__input[type=checkbox][aria-checked=mixed]:before{ + margin:-4px -5px 0 0; } } -.components-checkbox-control__input[type=checkbox]:focus { - border-color: var(--wp-admin-theme-color); - box-shadow: 0 0 0 1px var(--wp-admin-theme-color); - outline: 2px solid transparent; +.components-checkbox-control__input[type=checkbox][aria-checked=mixed]{ + background:var(--wp-admin-theme-color); + border-color:var(--wp-admin-theme-color); } -.components-checkbox-control__input[type=checkbox]::-webkit-input-placeholder { - color: rgba(30, 30, 30, 0.62); +.components-checkbox-control__input[type=checkbox][aria-checked=mixed]:before{ + speak:none; + -webkit-font-smoothing:antialiased; + -moz-osx-font-smoothing:grayscale; + content:""; + display:inline-block; + float:right; + font:normal 30px/1 dashicons; + vertical-align:middle; + width:16px; } -.components-checkbox-control__input[type=checkbox]::-moz-placeholder { - opacity: 1; - color: rgba(30, 30, 30, 0.62); -} -.components-checkbox-control__input[type=checkbox]:-ms-input-placeholder { - color: rgba(30, 30, 30, 0.62); -} -.components-checkbox-control__input[type=checkbox]:focus { - box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--wp-admin-theme-color); - outline: 2px solid transparent; -} -.components-checkbox-control__input[type=checkbox]:checked { - background: var(--wp-admin-theme-color); - border-color: var(--wp-admin-theme-color); -} -.components-checkbox-control__input[type=checkbox]:checked::-ms-check { - opacity: 0; -} -.components-checkbox-control__input[type=checkbox]:checked::before, .components-checkbox-control__input[type=checkbox][aria-checked=mixed]::before { - margin: -3px -5px; - color: #fff; -} -@media (min-width: 782px) { - .components-checkbox-control__input[type=checkbox]:checked::before, .components-checkbox-control__input[type=checkbox][aria-checked=mixed]::before { - margin: -4px -5px 0 0; +@media (min-width:782px){ + .components-checkbox-control__input[type=checkbox][aria-checked=mixed]:before{ + float:none; + font-size:21px; } } -.components-checkbox-control__input[type=checkbox][aria-checked=mixed] { - background: var(--wp-admin-theme-color); - border-color: var(--wp-admin-theme-color); -} -.components-checkbox-control__input[type=checkbox][aria-checked=mixed]::before { - content: ""; - float: right; - display: inline-block; - vertical-align: middle; - width: 16px; - /* stylelint-disable */ - font: normal 30px/1 dashicons; - /* stylelint-enable */ - speak: none; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} -@media (min-width: 782px) { - .components-checkbox-control__input[type=checkbox][aria-checked=mixed]::before { - float: none; - font-size: 21px; +@media (min-width:600px){ + .components-checkbox-control__input[type=checkbox]{ + height:20px; + width:20px; } } -@media (min-width: 600px) { - .components-checkbox-control__input[type=checkbox] { - height: 20px; - width: 20px; +@media (prefers-reduced-motion:reduce){ + .components-checkbox-control__input[type=checkbox]{ + transition-delay:0s; + transition-duration:0s; } } -@media (prefers-reduced-motion: reduce) { - .components-checkbox-control__input[type=checkbox] { - transition-duration: 0s; - transition-delay: 0s; - } +.components-checkbox-control__input[type=checkbox]:focus{ + box-shadow:0 0 0 2px #fff, 0 0 0 4px var(--wp-admin-theme-color); + outline:2px solid transparent; } -.components-checkbox-control__input[type=checkbox]:focus { - box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--wp-admin-theme-color); - outline: 2px solid transparent; +.components-checkbox-control__input[type=checkbox]:checked,.components-checkbox-control__input[type=checkbox]:indeterminate{ + background:var(--wp-admin-theme-color); + border-color:var(--wp-admin-theme-color); } -.components-checkbox-control__input[type=checkbox]:checked, .components-checkbox-control__input[type=checkbox]:indeterminate { - background: var(--wp-admin-theme-color); - border-color: var(--wp-admin-theme-color); +.components-checkbox-control__input[type=checkbox]:checked::-ms-check,.components-checkbox-control__input[type=checkbox]:indeterminate::-ms-check{ + opacity:0; } -.components-checkbox-control__input[type=checkbox]:checked::-ms-check, .components-checkbox-control__input[type=checkbox]:indeterminate::-ms-check { - opacity: 0; -} -.components-checkbox-control__input[type=checkbox]:checked::before { - content: none; +.components-checkbox-control__input[type=checkbox]:checked:before{ + content:none; } -.components-checkbox-control__input-container { - position: relative; - display: inline-block; - margin-left: 12px; - vertical-align: middle; - width: 24px; - height: 24px; +.components-checkbox-control__input-container{ + display:inline-block; + height:24px; + margin-left:12px; + position:relative; + vertical-align:middle; + width:24px; } -@media (min-width: 600px) { - .components-checkbox-control__input-container { - width: 20px; - height: 20px; +@media (min-width:600px){ + .components-checkbox-control__input-container{ + height:20px; + width:20px; } } -svg.components-checkbox-control__checked, -svg.components-checkbox-control__indeterminate { - fill: #fff; - cursor: pointer; - position: absolute; - right: 0; - top: 0; - width: 24px; - height: 24px; - -webkit-user-select: none; - user-select: none; - pointer-events: none; +svg.components-checkbox-control__checked,svg.components-checkbox-control__indeterminate{ + fill:#fff; + cursor:pointer; + height:24px; + pointer-events:none; + position:absolute; + right:0; + top:0; + -webkit-user-select:none; + user-select:none; + width:24px; } -@media (min-width: 600px) { - svg.components-checkbox-control__checked, -svg.components-checkbox-control__indeterminate { - right: -2px; - top: -2px; +@media (min-width:600px){ + svg.components-checkbox-control__checked,svg.components-checkbox-control__indeterminate{ + right:-2px; + top:-2px; } } -.components-circular-option-picker { - display: inline-block; - width: 100%; - min-width: 188px; +.components-circular-option-picker{ + display:inline-block; + min-width:188px; + width:100%; } -.components-circular-option-picker .components-circular-option-picker__custom-clear-wrapper { - display: flex; - justify-content: flex-end; - margin-top: 12px; +.components-circular-option-picker .components-circular-option-picker__custom-clear-wrapper{ + display:flex; + justify-content:flex-end; + margin-top:12px; } -.components-circular-option-picker .components-circular-option-picker__swatches { - display: flex; - flex-wrap: wrap; - gap: 12px; +.components-circular-option-picker .components-circular-option-picker__swatches{ + display:flex; + flex-wrap:wrap; + gap:12px; } -.components-circular-option-picker__option-wrapper { - display: inline-block; - height: 28px; - width: 28px; - vertical-align: top; - transform: scale(1); - transition: 100ms transform ease; +.components-circular-option-picker__option-wrapper{ + display:inline-block; + height:28px; + transform:scale(1); + transition:transform .1s ease; + vertical-align:top; + width:28px; } -@media (prefers-reduced-motion: reduce) { - .components-circular-option-picker__option-wrapper { - transition-duration: 0s; - transition-delay: 0s; +@media (prefers-reduced-motion:reduce){ + .components-circular-option-picker__option-wrapper{ + transition-delay:0s; + transition-duration:0s; } } -.components-circular-option-picker__option-wrapper:hover { - transform: scale(1.2); +.components-circular-option-picker__option-wrapper:hover{ + transform:scale(1.2); } -.components-circular-option-picker__option-wrapper > div { - height: 100%; - width: 100%; +.components-circular-option-picker__option-wrapper>div{ + height:100%; + width:100%; } -.components-circular-option-picker__option-wrapper::before { - content: ""; - position: absolute; - top: 1px; - right: 1px; - bottom: 1px; - left: 1px; - border-radius: 50%; - z-index: -1; - /* stylelint-disable-next-line function-url-quotes */ - background: url('data:image/svg+xml,%3Csvg width="28" height="28" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M6 8V6H4v2h2zM8 8V6h2v2H8zM10 16H8v-2h2v2zM12 16v-2h2v2h-2zM12 18v-2h-2v2H8v2h2v-2h2zM14 18v2h-2v-2h2zM16 18h-2v-2h2v2z" fill="%23555D65"/%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M18 18h2v-2h-2v-2h2v-2h-2v-2h2V8h-2v2h-2V8h-2v2h2v2h-2v2h2v2h2v2zm-2-4v-2h2v2h-2z" fill="%23555D65"/%3E%3Cpath d="M18 18v2h-2v-2h2z" fill="%23555D65"/%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M8 10V8H6v2H4v2h2v2H4v2h2v2H4v2h2v2H4v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2V8h-2V6h2V4h-2v2h-2V4h-2v2h-2V4h-2v2h-2V4h-2v2h2v2h-2v2H8zm0 2v-2H6v2h2zm2 0v-2h2v2h-2zm0 2v-2H8v2H6v2h2v2H6v2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2V8h-2V6h-2v2h-2V6h-2v2h-2v2h2v2h-2v2h-2z" fill="%23555D65"/%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M4 0H2v2H0v2h2v2H0v2h2v2H0v2h2v2H0v2h2v2H0v2h2v2H0v2h2v2H0v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2V8h-2V6h2V4h-2V2h2V0h-2v2h-2V0h-2v2h-2V0h-2v2h-2V0h-2v2h-2V0h-2v2H8V0H6v2H4V0zm0 4V2H2v2h2zm2 0V2h2v2H6zm0 2V4H4v2H2v2h2v2H2v2h2v2H2v2h2v2H2v2h2v2H2v2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2V8h-2V6h2V4h-2V2h-2v2h-2V2h-2v2h-2V2h-2v2h-2V2h-2v2H8v2H6z" fill="%23555D65"/%3E%3C/svg%3E'); +.components-circular-option-picker__option-wrapper:before{ + background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='28' height='28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 8V6H4v2h2zm2 0V6h2v2H8zm2 8H8v-2h2v2zm2 0v-2h2v2h-2zm0 2v-2h-2v2H8v2h2v-2h2zm2 0v2h-2v-2h2zm2 0h-2v-2h2v2z' fill='%23555D65'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18 18h2v-2h-2v-2h2v-2h-2v-2h2V8h-2v2h-2V8h-2v2h2v2h-2v2h2v2h2v2zm-2-4v-2h2v2h-2z' fill='%23555D65'/%3E%3Cpath d='M18 18v2h-2v-2h2z' fill='%23555D65'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 10V8H6v2H4v2h2v2H4v2h2v2H4v2h2v2H4v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2V8h-2V6h2V4h-2v2h-2V4h-2v2h-2V4h-2v2h-2V4h-2v2h2v2h-2v2H8zm0 2v-2H6v2h2zm2 0v-2h2v2h-2zm0 2v-2H8v2H6v2h2v2H6v2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2V8h-2V6h-2v2h-2V6h-2v2h-2v2h2v2h-2v2h-2z' fill='%23555D65'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 0H2v2H0v2h2v2H0v2h2v2H0v2h2v2H0v2h2v2H0v2h2v2H0v2h2v2H0v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2V8h-2V6h2V4h-2V2h2V0h-2v2h-2V0h-2v2h-2V0h-2v2h-2V0h-2v2h-2V0h-2v2H8V0H6v2H4V0zm0 4V2H2v2h2zm2 0V2h2v2H6zm0 2V4H4v2H2v2h2v2H2v2h2v2H2v2h2v2H2v2h2v2H2v2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2V8h-2V6h2V4h-2V2h-2v2h-2V2h-2v2h-2V2h-2v2h-2V2h-2v2H8v2H6z' fill='%23555D65'/%3E%3C/svg%3E"); + border-radius:50%; + bottom:1px; + content:""; + left:1px; + position:absolute; + right:1px; + top:1px; + z-index:-1; } -.components-circular-option-picker__option { - display: inline-block; - vertical-align: top; - height: 100%; - width: 100%; - border: none; - border-radius: 50%; - background: transparent; - box-shadow: inset 0 0 0 14px; - transition: 100ms box-shadow ease; - cursor: pointer; +.components-circular-option-picker__option{ + background:transparent; + border:none; + border-radius:50%; + box-shadow:inset 0 0 0 14px; + cursor:pointer; + display:inline-block; + height:100%; + transition:box-shadow .1s ease; + vertical-align:top; + width:100%; } -@media (prefers-reduced-motion: reduce) { - .components-circular-option-picker__option { - transition-duration: 0s; - transition-delay: 0s; +@media (prefers-reduced-motion:reduce){ + .components-circular-option-picker__option{ + transition-delay:0s; + transition-duration:0s; } } -.components-circular-option-picker__option:hover { - box-shadow: inset 0 0 0 14px !important; +.components-circular-option-picker__option:hover{ + box-shadow:inset 0 0 0 14px !important; } -.components-circular-option-picker__option.is-pressed { - box-shadow: inset 0 0 0 4px; - position: relative; - z-index: 1; - overflow: visible; +.components-circular-option-picker__option.is-pressed{ + box-shadow:inset 0 0 0 4px; + overflow:visible; + position:relative; + z-index:1; } -.components-circular-option-picker__option.is-pressed + svg { - position: absolute; - right: 2px; - top: 2px; - border-radius: 50%; - z-index: 2; - pointer-events: none; +.components-circular-option-picker__option.is-pressed+svg{ + border-radius:50%; + pointer-events:none; + position:absolute; + right:2px; + top:2px; + z-index:2; } -.components-circular-option-picker__option::after { - content: ""; - position: absolute; - top: -1px; - right: -1px; - bottom: -1px; - left: -1px; - border-radius: 50%; - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2); - border: 1px solid transparent; - box-sizing: inherit; +.components-circular-option-picker__option:after{ + border:1px solid transparent; + border-radius:50%; + bottom:-1px; + box-shadow:inset 0 0 0 1px rgba(0,0,0,.2); + box-sizing:inherit; + content:""; + left:-1px; + position:absolute; + right:-1px; + top:-1px; } -.components-circular-option-picker__option:focus::after { - content: ""; - border: 2px solid #757575; - width: 32px; - height: 32px; - position: absolute; - top: -2px; - right: -2px; - border-radius: 50%; - box-shadow: inset 0 0 0 2px #fff; +.components-circular-option-picker__option:focus:after{ + border:2px solid #757575; + border-radius:50%; + box-shadow:inset 0 0 0 2px #fff; + content:""; + height:32px; + position:absolute; + right:-2px; + top:-2px; + width:32px; } -.components-circular-option-picker__option.components-button:focus { - background-color: transparent; - box-shadow: inset 0 0 0 14px; - outline: none; +.components-circular-option-picker__option.components-button:focus{ + background-color:initial; + box-shadow:inset 0 0 0 14px; + outline:none; } -.components-circular-option-picker__button-action .components-circular-option-picker__option { - color: #fff; - background: #fff; +.components-circular-option-picker__button-action .components-circular-option-picker__option{ + background:#fff; + color:#fff; } -.components-circular-option-picker__dropdown-link-action { - margin-left: 16px; +.components-circular-option-picker__dropdown-link-action{ + margin-left:16px; } -.components-circular-option-picker__dropdown-link-action .components-button { - line-height: 22px; +.components-circular-option-picker__dropdown-link-action .components-button{ + line-height:22px; } -.components-palette-edit__popover-gradient-picker { - width: 280px; - padding: 8px; +.components-palette-edit__popover-gradient-picker{ + padding:8px; + width:280px; } -.components-dropdown-menu__menu .components-palette-edit__menu-button { - width: 100%; +.components-dropdown-menu__menu .components-palette-edit__menu-button{ + width:100%; } -.component-color-indicator { - width: 20px; - height: 20px; - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2); - border-radius: 50%; - display: inline-block; - padding: 0; +.component-color-indicator{ + border-radius:50%; + box-shadow:inset 0 0 0 1px rgba(0,0,0,.2); + display:inline-block; + height:20px; + padding:0; + width:20px; } -.components-combobox-control { - width: 100%; +.components-combobox-control{ + width:100%; } -input.components-combobox-control__input[type=text] { - width: 100%; - border: none; - box-shadow: none; - font-family: inherit; - font-size: 16px; - padding: 2px; - margin: 0; - line-height: inherit; - min-height: auto; +input.components-combobox-control__input[type=text]{ + border:none; + box-shadow:none; + font-family:inherit; + font-size:16px; + line-height:inherit; + margin:0; + min-height:auto; + padding:2px; + width:100%; } -@media (min-width: 600px) { - input.components-combobox-control__input[type=text] { - font-size: 13px; +@media (min-width:600px){ + input.components-combobox-control__input[type=text]{ + font-size:13px; } } -input.components-combobox-control__input[type=text]:focus { - outline: none; - box-shadow: none; +input.components-combobox-control__input[type=text]:focus{ + box-shadow:none; + outline:none; } -.components-combobox-control__suggestions-container { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - padding: 6px 8px; - box-shadow: 0 0 0 transparent; - transition: box-shadow 0.1s linear; - border-radius: 2px; - border: 1px solid #757575; - /* Fonts smaller than 16px causes mobile safari to zoom. */ - font-size: 16px; - /* Override core line-height. To be reviewed. */ - line-height: normal; - display: flex; - flex-wrap: wrap; - align-items: flex-start; - width: 100%; - padding: 0; +.components-combobox-control__suggestions-container{ + align-items:flex-start; + border:1px solid #757575; + border-radius:2px; + box-shadow:0 0 0 transparent; + display:flex; + flex-wrap:wrap; + font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; + font-size:16px; + line-height:normal; + padding:0; + transition:box-shadow .1s linear; + width:100%; } -@media (prefers-reduced-motion: reduce) { - .components-combobox-control__suggestions-container { - transition-duration: 0s; - transition-delay: 0s; +@media (prefers-reduced-motion:reduce){ + .components-combobox-control__suggestions-container{ + transition-delay:0s; + transition-duration:0s; } } -@media (min-width: 600px) { - .components-combobox-control__suggestions-container { - font-size: 13px; - /* Override core line-height. To be reviewed. */ - line-height: normal; +@media (min-width:600px){ + .components-combobox-control__suggestions-container{ + font-size:13px; + line-height:normal; } } -.components-combobox-control__suggestions-container:focus { - border-color: var(--wp-admin-theme-color); - box-shadow: 0 0 0 1px var(--wp-admin-theme-color); - outline: 2px solid transparent; +.components-combobox-control__suggestions-container:focus{ + border-color:var(--wp-admin-theme-color); + box-shadow:0 0 0 1px var(--wp-admin-theme-color); + outline:2px solid transparent; } -.components-combobox-control__suggestions-container::-webkit-input-placeholder { - color: rgba(30, 30, 30, 0.62); +.components-combobox-control__suggestions-container::-webkit-input-placeholder{ + color:rgba(30,30,30,.62); } -.components-combobox-control__suggestions-container::-moz-placeholder { - opacity: 1; - color: rgba(30, 30, 30, 0.62); +.components-combobox-control__suggestions-container::-moz-placeholder{ + color:rgba(30,30,30,.62); + opacity:1; } -.components-combobox-control__suggestions-container:-ms-input-placeholder { - color: rgba(30, 30, 30, 0.62); +.components-combobox-control__suggestions-container:-ms-input-placeholder{ + color:rgba(30,30,30,.62); } -.components-combobox-control__suggestions-container:focus-within { - border-color: var(--wp-admin-theme-color); - box-shadow: 0 0 0 1px var(--wp-admin-theme-color); - outline: 2px solid transparent; +.components-combobox-control__suggestions-container:focus-within{ + border-color:var(--wp-admin-theme-color); + box-shadow:0 0 0 1px var(--wp-admin-theme-color); + outline:2px solid transparent; } -.components-combobox-control__reset.components-button { - display: flex; - height: 16px; - min-width: 16px; - padding: 0; +.components-combobox-control__reset.components-button{ + display:flex; + height:16px; + min-width:16px; + padding:0; } -.components-color-list-picker, -.components-color-list-picker__swatch-button { - width: 100%; +.components-color-list-picker,.components-color-list-picker__swatch-button{ + width:100%; } -.components-color-list-picker__color-picker { - margin: 8px 0; +.components-color-list-picker__color-picker{ + margin:8px 0; } -.components-color-list-picker__swatch-button { - padding: 6px; +.components-color-list-picker__swatch-button{ + padding:6px; } -.components-color-list-picker__swatch-color { - margin: 2px; +.components-color-list-picker__swatch-color{ + margin:2px; } -.components-color-palette__custom-color { - position: relative; - border: none; - background: none; - border-radius: 2px; - height: 64px; - padding: 12px; - font-family: inherit; - width: 100%; - background-image: repeating-linear-gradient(45deg, #e0e0e0 25%, transparent 25%, transparent 75%, #e0e0e0 75%, #e0e0e0), repeating-linear-gradient(45deg, #e0e0e0 25%, transparent 25%, transparent 75%, #e0e0e0 75%, #e0e0e0); - background-position: 0 0, 25px 25px; - background-size: calc(2 * 25px) calc(2 * 25px); - box-sizing: border-box; - color: #fff; - cursor: pointer; - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2); - outline: 1px solid transparent; +.components-color-palette__custom-color{ + background:none; + background-image:repeating-linear-gradient(45deg, #e0e0e0 25%, transparent 0, transparent 75%, #e0e0e0 0, #e0e0e0), repeating-linear-gradient(45deg, #e0e0e0 25%, transparent 0, transparent 75%, #e0e0e0 0, #e0e0e0); + background-position:0 0, 25px 25px; + background-size:50px 50px; + border:none; + border-radius:2px; + box-shadow:inset 0 0 0 1px rgba(0,0,0,.2); + box-sizing:border-box; + color:#fff; + cursor:pointer; + font-family:inherit; + height:64px; + outline:1px solid transparent; + padding:12px; + position:relative; + width:100%; } -.components-color-palette__custom-color:focus { - box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); - outline-width: 2px; +.components-color-palette__custom-color:focus{ + box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); + outline-width:2px; } -.components-color-palette__custom-color-name { - text-align: right; +.components-color-palette__custom-color-name{ + text-align:right; } -.components-color-palette__custom-color-value { - margin-right: 16px; - text-transform: uppercase; +.components-color-palette__custom-color-value{ + margin-right:16px; + text-transform:uppercase; } -.components-custom-gradient-picker:not(.is-next-has-no-margin) { - margin-top: 12px; - margin-bottom: 24px; +.components-custom-gradient-picker:not(.is-next-has-no-margin){ + margin-bottom:24px; + margin-top:12px; } -.components-custom-gradient-picker__gradient-bar:not(.has-gradient) { - opacity: 0.4; +.components-custom-gradient-picker__gradient-bar:not(.has-gradient){ + opacity:.4; } -.components-custom-gradient-picker__gradient-bar { - border-radius: 2px; - width: 100%; - height: 48px; +.components-custom-gradient-picker__gradient-bar{ + border-radius:2px; + height:48px; + width:100%; } -.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__markers-container { - position: relative; - width: calc(100% - 48px); - margin-right: auto; - margin-left: auto; +.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__markers-container{ + margin-left:auto; + margin-right:auto; + position:relative; + width:calc(100% - 48px); } -.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__control-point-dropdown { - position: absolute; - height: 16px; - width: 16px; - top: 16px; - display: flex; +.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__control-point-dropdown{ + display:flex; + height:16px; + position:absolute; + top:16px; + width:16px; } -.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__insert-point-dropdown { - position: relative; - height: inherit; - width: inherit; - min-width: 16px; - border-radius: 50%; - background: #fff; - padding: 2px; - color: #1e1e1e; +.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__insert-point-dropdown{ + background:#fff; + border-radius:50%; + color:#1e1e1e; + height:inherit; + min-width:16px; + padding:2px; + position:relative; + width:inherit; } -.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__insert-point-dropdown svg { - height: 100%; - width: 100%; +.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__insert-point-dropdown svg{ + height:100%; + width:100%; } -.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__control-point-button { - height: inherit; - width: inherit; - border-radius: 50%; - padding: 0; - box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) #fff, 0 0 2px 0 rgba(0, 0, 0, 0.25); - outline: 2px solid transparent; +.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__control-point-button{ + border-radius:50%; + box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) #fff, 0 0 2px 0 rgba(0,0,0,.25); + height:inherit; + outline:2px solid transparent; + padding:0; + width:inherit; } -.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__control-point-button:focus, .components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__control-point-button.is-active { - box-shadow: inset 0 0 0 calc(var(--wp-admin-border-width-focus) * 2) #fff, 0 0 2px 0 rgba(0, 0, 0, 0.25); - outline: 1.5px solid transparent; +.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__control-point-button.is-active,.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__control-point-button:focus{ + box-shadow:inset 0 0 0 calc(var(--wp-admin-border-width-focus)*2) #fff, 0 0 2px 0 rgba(0,0,0,.25); + outline:1.5px solid transparent; } -.components-custom-gradient-picker__remove-control-point-wrapper { - padding-bottom: 8px; +.components-custom-gradient-picker__remove-control-point-wrapper{ + padding-bottom:8px; } -.components-custom-gradient-picker__inserter { - direction: ltr; +.components-custom-gradient-picker__inserter{ + direction:ltr; } -.components-custom-gradient-picker__liner-gradient-indicator { - display: inline-block; - flex: 0 auto; - width: 20px; - height: 20px; +.components-custom-gradient-picker__liner-gradient-indicator{ + display:inline-block; + flex:0 auto; + height:20px; + width:20px; } -.components-custom-gradient-picker .components-custom-gradient-picker__toolbar { - border: none; +.components-custom-gradient-picker .components-custom-gradient-picker__toolbar{ + border:none; } -.components-custom-gradient-picker .components-custom-gradient-picker__toolbar > div + div { - margin-right: 1px; +.components-custom-gradient-picker .components-custom-gradient-picker__toolbar>div+div{ + margin-right:1px; } -.components-custom-gradient-picker .components-custom-gradient-picker__toolbar button.is-pressed > svg { - background: #fff; - border: 1px solid #949494; - border-radius: 2px; +.components-custom-gradient-picker .components-custom-gradient-picker__toolbar button.is-pressed>svg{ + background:#fff; + border:1px solid #949494; + border-radius:2px; } -.components-custom-select-control { - position: relative; - font-size: 13px; +.components-custom-select-control{ + font-size:13px; + position:relative; } -.components-custom-select-control__button { - position: relative; - text-align: right; - outline: 0; +.components-custom-select-control__button{ + outline:0; + position:relative; + text-align:right; } -.components-custom-select-control__menu { - border: 1px solid #1e1e1e; - background-color: #fff; - border-radius: 2px; - outline: none; - transition: none; - max-height: 400px; - min-width: 100%; - overflow: auto; - padding: 0; - position: absolute; - z-index: 1000000; +.components-custom-select-control__menu{ + background-color:#fff; + border:1px solid #1e1e1e; + border-radius:2px; + max-height:400px; + min-width:100%; + outline:none; + overflow:auto; + padding:0; + position:absolute; + transition:none; + z-index:1000000; } -.components-custom-select-control__menu[aria-hidden=true] { - display: none; +.components-custom-select-control__menu[aria-hidden=true]{ + display:none; } -.components-custom-select-control__item { - align-items: center; - display: grid; - grid-template-columns: auto auto; - list-style-type: none; - padding: 8px 16px; - cursor: default; - line-height: 28px; +.components-custom-select-control__item{ + align-items:center; + cursor:default; + display:grid; + grid-template-columns:auto auto; + line-height:28px; + list-style-type:none; + padding:8px 16px; } -.components-custom-select-control__item:not(.is-next-36px-default-size) { - padding: 8px; +.components-custom-select-control__item:not(.is-next-36px-default-size){ + padding:8px; } -.components-custom-select-control__item.has-hint { - grid-template-columns: auto auto 30px; +.components-custom-select-control__item.has-hint{ + grid-template-columns:auto auto 30px; } -.components-custom-select-control__item.is-highlighted { - background: #ddd; +.components-custom-select-control__item.is-highlighted{ + background:#ddd; } -.components-custom-select-control__item .components-custom-select-control__item-hint { - color: #757575; - text-align: left; - padding-left: 4px; +.components-custom-select-control__item .components-custom-select-control__item-hint{ + color:#757575; + padding-left:4px; + text-align:left; } -.components-custom-select-control__item .components-custom-select-control__item-icon { - margin-right: auto; +.components-custom-select-control__item .components-custom-select-control__item-icon{ + margin-right:auto; } -.components-custom-select-control__item:last-child { - margin-bottom: 0; +.components-custom-select-control__item:last-child{ + margin-bottom:0; } -.block-editor-dimension-control .components-base-control__field { - display: flex; - align-items: center; +.block-editor-dimension-control .components-base-control__field{ + align-items:center; + display:flex; } -.block-editor-dimension-control .components-base-control__label { - display: flex; - align-items: center; - margin-left: 1em; - margin-bottom: 0; +.block-editor-dimension-control .components-base-control__label{ + align-items:center; + display:flex; + margin-bottom:0; + margin-left:1em; } -.block-editor-dimension-control .components-base-control__label .dashicon { - margin-left: 0.5em; +.block-editor-dimension-control .components-base-control__label .dashicon{ + margin-left:.5em; } -.block-editor-dimension-control.is-manual .components-base-control__label { - width: 10em; +.block-editor-dimension-control.is-manual .components-base-control__label{ + width:10em; } -body.is-dragging-components-draggable { - cursor: move; - /* Fallback for IE/Edge < 14 */ - cursor: grabbing !important; +body.is-dragging-components-draggable{ + cursor:move; + cursor:grabbing !important; } -.components-draggable__invisible-drag-image { - position: fixed; - right: -1000px; - height: 50px; - width: 50px; +.components-draggable__invisible-drag-image{ + height:50px; + position:fixed; + right:-1000px; + width:50px; } -.components-draggable__clone { - position: fixed; - padding: 0; - background: transparent; - pointer-events: none; - z-index: 1000000000; +.components-draggable__clone{ + background:transparent; + padding:0; + pointer-events:none; + position:fixed; + z-index:1000000000; } -.components-drop-zone { - position: absolute; - top: 0; - left: 0; - bottom: 0; - right: 0; - z-index: 40; - visibility: hidden; - opacity: 0; - border-radius: 2px; +.components-drop-zone{ + border-radius:2px; + bottom:0; + left:0; + opacity:0; + position:absolute; + right:0; + top:0; + visibility:hidden; + z-index:40; } -.components-drop-zone.is-active { - opacity: 1; - visibility: visible; +.components-drop-zone.is-active{ + opacity:1; + visibility:visible; } -.components-drop-zone__content { - position: absolute; - top: 0; - bottom: 0; - right: 0; - left: 0; - height: 100%; - width: 100%; - display: flex; - background-color: var(--wp-admin-theme-color); - align-items: center; - justify-content: center; - z-index: 50; - text-align: center; - color: #fff; +.components-drop-zone__content{ + align-items:center; + background-color:var(--wp-admin-theme-color); + bottom:0; + color:#fff; + display:flex; + height:100%; + justify-content:center; + left:0; + position:absolute; + right:0; + text-align:center; + top:0; + width:100%; + z-index:50; } -.components-drop-zone__content-icon, -.components-drop-zone__content-text { - display: block; +.components-drop-zone__content-icon,.components-drop-zone__content-text{ + display:block; } -.components-drop-zone__content-icon { - margin: 0 auto; - line-height: 0; - fill: currentColor; - pointer-events: none; +.components-drop-zone__content-icon{ + fill:currentColor; + line-height:0; + margin:0 auto; + pointer-events:none; } -.components-drop-zone__content-text { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - font-size: 13px; +.components-drop-zone__content-text{ + font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; + font-size:13px; } -.components-dropdown { - display: inline-block; +.components-dropdown{ + display:inline-block; } -.components-dropdown__content .components-popover__content { - padding: 8px; +.components-dropdown__content .components-popover__content{ + padding:8px; } -.components-dropdown__content [role=menuitem] { - white-space: nowrap; +.components-dropdown__content [role=menuitem]{ + white-space:nowrap; } -.components-dropdown-menu__menu { - width: 100%; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - font-size: 13px; - line-height: 1.4; +.components-dropdown-menu__menu{ + font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; + font-size:13px; + line-height:1.4; + width:100%; } -.components-dropdown-menu__menu .components-dropdown-menu__menu-item, -.components-dropdown-menu__menu .components-menu-item { - width: 100%; - padding: 6px; - outline: none; - cursor: pointer; - white-space: nowrap; +.components-dropdown-menu__menu .components-dropdown-menu__menu-item,.components-dropdown-menu__menu .components-menu-item{ + cursor:pointer; + outline:none; + padding:6px; + white-space:nowrap; + width:100%; } -.components-dropdown-menu__menu .components-dropdown-menu__menu-item.has-separator, -.components-dropdown-menu__menu .components-menu-item.has-separator { - margin-top: 6px; - position: relative; - overflow: visible; +.components-dropdown-menu__menu .components-dropdown-menu__menu-item.has-separator,.components-dropdown-menu__menu .components-menu-item.has-separator{ + margin-top:6px; + overflow:visible; + position:relative; } -.components-dropdown-menu__menu .components-dropdown-menu__menu-item.has-separator::before, -.components-dropdown-menu__menu .components-menu-item.has-separator::before { - display: block; - content: ""; - box-sizing: content-box; - background-color: #ddd; - position: absolute; - top: -3px; - right: 0; - left: 0; - height: 1px; +.components-dropdown-menu__menu .components-dropdown-menu__menu-item.has-separator:before,.components-dropdown-menu__menu .components-menu-item.has-separator:before{ + background-color:#ddd; + box-sizing:initial; + content:""; + display:block; + height:1px; + left:0; + position:absolute; + right:0; + top:-3px; } -.components-dropdown-menu__menu .components-dropdown-menu__menu-item.is-active svg, -.components-dropdown-menu__menu .components-menu-item.is-active svg { - color: #fff; - background: #1e1e1e; - box-shadow: 0 0 0 1px #1e1e1e; - border-radius: 1px; +.components-dropdown-menu__menu .components-dropdown-menu__menu-item.is-active svg,.components-dropdown-menu__menu .components-menu-item.is-active svg{ + background:#1e1e1e; + border-radius:1px; + box-shadow:0 0 0 1px #1e1e1e; + color:#fff; } -.components-dropdown-menu__menu .components-dropdown-menu__menu-item > svg, -.components-dropdown-menu__menu .components-menu-item > svg { - border-radius: 2px; - width: 24px; - height: 24px; +.components-dropdown-menu__menu .components-dropdown-menu__menu-item>svg,.components-dropdown-menu__menu .components-menu-item>svg{ + border-radius:2px; + height:24px; + width:24px; } -.components-dropdown-menu__menu .components-dropdown-menu__menu-item.is-icon-only, -.components-dropdown-menu__menu .components-menu-item.is-icon-only { - width: auto; +.components-dropdown-menu__menu .components-dropdown-menu__menu-item.is-icon-only,.components-dropdown-menu__menu .components-menu-item.is-icon-only{ + width:auto; } -.components-dropdown-menu__menu .components-menu-item__button, -.components-dropdown-menu__menu .components-menu-item__button.components-button { - min-height: 36px; - height: auto; - text-align: right; - padding-right: 8px; - padding-left: 8px; +.components-dropdown-menu__menu .components-menu-item__button,.components-dropdown-menu__menu .components-menu-item__button.components-button{ + height:auto; + min-height:36px; + padding-left:8px; + padding-right:8px; + text-align:right; } -.components-dropdown-menu__menu .components-menu-group { - padding: 8px; - margin-top: 0; - margin-bottom: 0; - margin-right: -8px; - margin-left: -8px; +.components-dropdown-menu__menu .components-menu-group{ + margin:0 -8px; + padding:8px; } -.components-dropdown-menu__menu .components-menu-group:first-child { - margin-top: -8px; +.components-dropdown-menu__menu .components-menu-group:first-child{ + margin-top:-8px; } -.components-dropdown-menu__menu .components-menu-group:last-child { - margin-bottom: -8px; +.components-dropdown-menu__menu .components-menu-group:last-child{ + margin-bottom:-8px; } -.components-dropdown-menu__menu .components-menu-group + .components-menu-group { - margin-top: 0; - border-top: 1px solid #ccc; - padding: 8px; +.components-dropdown-menu__menu .components-menu-group+.components-menu-group{ + border-top:1px solid #ccc; + margin-top:0; + padding:8px; } -.is-alternate .components-dropdown-menu__menu .components-menu-group + .components-menu-group { - border-color: #1e1e1e; +.is-alternate .components-dropdown-menu__menu .components-menu-group+.components-menu-group{ + border-color:#1e1e1e; } -.components-duotone-picker__color-indicator::before { - background: transparent; +.components-duotone-picker__color-indicator:before{ + background:transparent; +} +.components-duotone-picker__color-indicator>.components-button,.components-duotone-picker__color-indicator>.components-button.is-pressed:hover:not(:disabled){ + background:linear-gradient(45deg, transparent 48%, #ddd 0, #ddd 52%, transparent 0); + color:transparent; +} +.components-duotone-picker__color-indicator>.components-button:not([aria-disabled=true]):active{ + color:transparent; } -.components-duotone-picker__color-indicator > .components-button { - background: linear-gradient(45deg, transparent 48%, #ddd 48%, #ddd 52%, transparent 52%); - color: transparent; +.components-font-size-picker__header__hint{ + color:#757575; + margin-right:4px; } -.components-duotone-picker__color-indicator > .components-button.is-pressed:hover:not(:disabled) { - background: linear-gradient(45deg, transparent 48%, #ddd 48%, #ddd 52%, transparent 52%); - color: transparent; +.components-font-size-picker__header .components-base-control__label{ + margin-bottom:0; } -.components-duotone-picker__color-indicator > .components-button:not([aria-disabled=true]):active { - color: transparent; +.components-font-size-picker__header .components-button.is-small.has-icon:not(.has-text){ + min-width:24px; + padding:0; } -.components-font-size-picker__header__hint { - margin-right: 4px; - color: #757575; +.components-font-size-picker__controls{ + align-items:center; + margin-top:8px; + max-width:248px; } -.components-font-size-picker__header .components-base-control__label { - margin-bottom: 0; +.components-font-size-picker__controls:not(.is-next-has-no-margin-bottom){ + margin-bottom:24px; } -.components-font-size-picker__header .components-button.is-small.has-icon:not(.has-text) { - min-width: 24px; - padding: 0; +.components-font-size-picker__controls .components-unit-control-wrapper .components-input-control__label{ + font-weight:300; + margin-bottom:8px !important; + padding-bottom:0 !important; } - -.components-font-size-picker__controls { - max-width: 248px; - align-items: center; - margin-top: 8px; +.components-font-size-picker__controls .components-font-size-picker__number{ + border:1px solid #757575; + border-radius:2px; + box-shadow:0 0 0 transparent; + display:inline-block; + font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; + font-size:16px; + font-weight:500; + height:30px; + line-height:normal; + margin:8px 0 0 8px; + padding:6px 8px; + transition:box-shadow .1s linear; + width:54px; } -.components-font-size-picker__controls:not(.is-next-has-no-margin-bottom) { - margin-bottom: 24px; -} -.components-font-size-picker__controls .components-unit-control-wrapper .components-input-control__label { - font-weight: 300; - padding-bottom: 0 !important; - margin-bottom: 8px !important; -} -.components-font-size-picker__controls .components-font-size-picker__number { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - padding: 6px 8px; - box-shadow: 0 0 0 transparent; - transition: box-shadow 0.1s linear; - border-radius: 2px; - border: 1px solid #757575; - /* Fonts smaller than 16px causes mobile safari to zoom. */ - font-size: 16px; - /* Override core line-height. To be reviewed. */ - line-height: normal; - display: inline-block; - font-weight: 500; - height: 30px; - margin-bottom: 0; - margin-right: 0; - margin-left: 8px; - margin-top: 8px; - width: 54px; -} -@media (prefers-reduced-motion: reduce) { - .components-font-size-picker__controls .components-font-size-picker__number { - transition-duration: 0s; - transition-delay: 0s; +@media (prefers-reduced-motion:reduce){ + .components-font-size-picker__controls .components-font-size-picker__number{ + transition-delay:0s; + transition-duration:0s; } } -@media (min-width: 600px) { - .components-font-size-picker__controls .components-font-size-picker__number { - font-size: 13px; - /* Override core line-height. To be reviewed. */ - line-height: normal; +@media (min-width:600px){ + .components-font-size-picker__controls .components-font-size-picker__number{ + font-size:13px; + line-height:normal; } } -.components-font-size-picker__controls .components-font-size-picker__number:focus { - border-color: var(--wp-admin-theme-color); - box-shadow: 0 0 0 1px var(--wp-admin-theme-color); - outline: 2px solid transparent; +.components-font-size-picker__controls .components-font-size-picker__number:focus{ + border-color:var(--wp-admin-theme-color); + box-shadow:0 0 0 1px var(--wp-admin-theme-color); + outline:2px solid transparent; } -.components-font-size-picker__controls .components-font-size-picker__number::-webkit-input-placeholder { - color: rgba(30, 30, 30, 0.62); +.components-font-size-picker__controls .components-font-size-picker__number::-webkit-input-placeholder{ + color:rgba(30,30,30,.62); } -.components-font-size-picker__controls .components-font-size-picker__number::-moz-placeholder { - opacity: 1; - color: rgba(30, 30, 30, 0.62); +.components-font-size-picker__controls .components-font-size-picker__number::-moz-placeholder{ + color:rgba(30,30,30,.62); + opacity:1; } -.components-font-size-picker__controls .components-font-size-picker__number:-ms-input-placeholder { - color: rgba(30, 30, 30, 0.62); +.components-font-size-picker__controls .components-font-size-picker__number:-ms-input-placeholder{ + color:rgba(30,30,30,.62); } -.components-font-size-picker__controls .components-font-size-picker__number[value=""] + .components-button { - cursor: default; - opacity: 0.3; - pointer-events: none; +.components-font-size-picker__controls .components-font-size-picker__number[value=""]+.components-button{ + cursor:default; + opacity:.3; + pointer-events:none; } -.components-font-size-picker__controls .components-font-size-picker__number-container { - display: flex; - flex-direction: column; +.components-font-size-picker__controls .components-font-size-picker__number-container{ + display:flex; + flex-direction:column; } -.components-font-size-picker__controls .components-color-palette__clear { - height: 30px; +.components-font-size-picker__controls .components-color-palette__clear{ + height:30px; } -.components-font-size-picker__custom-input .components-range-control__slider + .dashicon { - width: 30px; - height: 30px; +.components-font-size-picker__custom-input .components-range-control__slider+.dashicon{ + height:30px; + width:30px; } -.components-font-size-picker { - border: 0; - padding: 0; - margin: 0; +.components-font-size-picker{ + border:0; + margin:0; + padding:0; } -.components-form-toggle { - position: relative; - display: inline-block; +.components-form-toggle{ + display:inline-block; + position:relative; } -.components-form-toggle .components-form-toggle__track { - content: ""; - display: inline-block; - box-sizing: border-box; - vertical-align: top; - background-color: #fff; - border: 1px solid #1e1e1e; - width: 36px; - height: 18px; - border-radius: 9px; - transition: 0.2s background ease; +.components-form-toggle .components-form-toggle__track{ + background-color:#fff; + border:1px solid #1e1e1e; + border-radius:9px; + box-sizing:border-box; + content:""; + display:inline-block; + height:18px; + transition:background .2s ease; + vertical-align:top; + width:36px; } -@media (prefers-reduced-motion: reduce) { - .components-form-toggle .components-form-toggle__track { - transition-duration: 0s; - transition-delay: 0s; +@media (prefers-reduced-motion:reduce){ + .components-form-toggle .components-form-toggle__track{ + transition-delay:0s; + transition-duration:0s; } } -.components-form-toggle .components-form-toggle__thumb { - display: block; - position: absolute; - box-sizing: border-box; - top: 3px; - right: 3px; - width: 12px; - height: 12px; - border-radius: 50%; - transition: 0.1s transform ease; - background-color: #1e1e1e; - border: 5px solid #1e1e1e; +.components-form-toggle .components-form-toggle__thumb{ + background-color:#1e1e1e; + border:5px solid #1e1e1e; + border-radius:50%; + box-sizing:border-box; + display:block; + height:12px; + position:absolute; + right:3px; + top:3px; + transition:transform .1s ease; + width:12px; } -@media (prefers-reduced-motion: reduce) { - .components-form-toggle .components-form-toggle__thumb { - transition-duration: 0s; - transition-delay: 0s; +@media (prefers-reduced-motion:reduce){ + .components-form-toggle .components-form-toggle__thumb{ + transition-delay:0s; + transition-duration:0s; } } -.components-form-toggle.is-checked .components-form-toggle__track { - background-color: var(--wp-admin-theme-color); - border: 1px solid var(--wp-admin-theme-color); - border: 9px solid transparent; +.components-form-toggle.is-checked .components-form-toggle__track{ + background-color:var(--wp-admin-theme-color); + border:9px solid transparent; } -.components-form-toggle .components-form-toggle__input:focus + .components-form-toggle__track { - box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--wp-admin-theme-color); - outline: 2px solid transparent; - outline-offset: 2px; +.components-form-toggle .components-form-toggle__input:focus+.components-form-toggle__track{ + box-shadow:0 0 0 2px #fff, 0 0 0 4px var(--wp-admin-theme-color); + outline:2px solid transparent; + outline-offset:2px; } -.components-form-toggle.is-checked .components-form-toggle__thumb { - background-color: #fff; - border-width: 0; - transform: translateX(-18px); +.components-form-toggle.is-checked .components-form-toggle__thumb{ + background-color:#fff; + border-width:0; + transform:translateX(-18px); } -.components-form-toggle.is-disabled, .components-disabled .components-form-toggle { - opacity: 0.3; +.components-disabled .components-form-toggle,.components-form-toggle.is-disabled{ + opacity:.3; } -.components-form-toggle input.components-form-toggle__input[type=checkbox] { - position: absolute; - top: 0; - right: 0; - width: 100%; - height: 100%; - opacity: 0; - margin: 0; - padding: 0; - z-index: 1; - border: none; +.components-form-toggle input.components-form-toggle__input[type=checkbox]{ + border:none; + height:100%; + margin:0; + opacity:0; + padding:0; + position:absolute; + right:0; + top:0; + width:100%; + z-index:1; } -.components-form-toggle input.components-form-toggle__input[type=checkbox]:checked { - background: none; +.components-form-toggle input.components-form-toggle__input[type=checkbox]:checked{ + background:none; } -.components-form-toggle input.components-form-toggle__input[type=checkbox]::before { - content: ""; +.components-form-toggle input.components-form-toggle__input[type=checkbox]:before{ + content:""; } -.components-form-token-field__input-container { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - padding: 6px 8px; - box-shadow: 0 0 0 transparent; - transition: box-shadow 0.1s linear; - border-radius: 2px; - border: 1px solid #757575; - /* Fonts smaller than 16px causes mobile safari to zoom. */ - font-size: 16px; - /* Override core line-height. To be reviewed. */ - line-height: normal; - width: 100%; - margin: 0 0 8px 0; - padding: 0; - cursor: text; +.components-form-token-field__input-container{ + border:1px solid #757575; + border-radius:2px; + box-shadow:0 0 0 transparent; + cursor:text; + font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; + font-size:16px; + line-height:normal; + margin:0 0 8px; + padding:0; + transition:box-shadow .1s linear; + width:100%; } -@media (prefers-reduced-motion: reduce) { - .components-form-token-field__input-container { - transition-duration: 0s; - transition-delay: 0s; +@media (prefers-reduced-motion:reduce){ + .components-form-token-field__input-container{ + transition-delay:0s; + transition-duration:0s; } } -@media (min-width: 600px) { - .components-form-token-field__input-container { - font-size: 13px; - /* Override core line-height. To be reviewed. */ - line-height: normal; +@media (min-width:600px){ + .components-form-token-field__input-container{ + font-size:13px; + line-height:normal; } } -.components-form-token-field__input-container:focus { - border-color: var(--wp-admin-theme-color); - box-shadow: 0 0 0 1px var(--wp-admin-theme-color); - outline: 2px solid transparent; +.components-form-token-field__input-container:focus{ + border-color:var(--wp-admin-theme-color); + box-shadow:0 0 0 1px var(--wp-admin-theme-color); + outline:2px solid transparent; } -.components-form-token-field__input-container::-webkit-input-placeholder { - color: rgba(30, 30, 30, 0.62); +.components-form-token-field__input-container::-webkit-input-placeholder{ + color:rgba(30,30,30,.62); } -.components-form-token-field__input-container::-moz-placeholder { - opacity: 1; - color: rgba(30, 30, 30, 0.62); +.components-form-token-field__input-container::-moz-placeholder{ + color:rgba(30,30,30,.62); + opacity:1; } -.components-form-token-field__input-container:-ms-input-placeholder { - color: rgba(30, 30, 30, 0.62); +.components-form-token-field__input-container:-ms-input-placeholder{ + color:rgba(30,30,30,.62); } -.components-form-token-field__input-container.is-disabled { - background: #ddd; - border-color: #ddd; +.components-form-token-field__input-container.is-disabled{ + background:#ddd; + border-color:#ddd; } -.components-form-token-field__input-container.is-active { - border-color: var(--wp-admin-theme-color); - box-shadow: 0 0 0 1px var(--wp-admin-theme-color); - outline: 2px solid transparent; +.components-form-token-field__input-container.is-active{ + border-color:var(--wp-admin-theme-color); + box-shadow:0 0 0 1px var(--wp-admin-theme-color); + outline:2px solid transparent; } -.components-form-token-field__input-container input[type=text].components-form-token-field__input { - display: inline-block; - flex: 1; - font-family: inherit; - font-size: 16px; - width: 100%; - max-width: 100%; - margin-right: 4px; - padding: 0; - min-height: 24px; - min-width: 50px; - background: inherit; - border: 0; - color: #1e1e1e; - box-shadow: none; +.components-form-token-field__input-container input[type=text].components-form-token-field__input{ + background:inherit; + border:0; + box-shadow:none; + color:#1e1e1e; + display:inline-block; + flex:1; + font-family:inherit; + font-size:16px; + margin-right:4px; + max-width:100%; + min-height:24px; + min-width:50px; + padding:0; + width:100%; } -@media (min-width: 600px) { - .components-form-token-field__input-container input[type=text].components-form-token-field__input { - font-size: 13px; +@media (min-width:600px){ + .components-form-token-field__input-container input[type=text].components-form-token-field__input{ + font-size:13px; } } -.components-form-token-field__input-container input[type=text].components-form-token-field__input:focus, .components-form-token-field.is-active .components-form-token-field__input-container input[type=text].components-form-token-field__input { - outline: none; - box-shadow: none; +.components-form-token-field.is-active .components-form-token-field__input-container input[type=text].components-form-token-field__input,.components-form-token-field__input-container input[type=text].components-form-token-field__input:focus{ + box-shadow:none; + outline:none; } -.components-form-token-field__input-container .components-form-token-field__token + input[type=text].components-form-token-field__input { - width: auto; +.components-form-token-field__input-container .components-form-token-field__token+input[type=text].components-form-token-field__input{ + width:auto; } -.components-form-token-field__help { - font-size: 12px; - font-style: normal; - color: #757575; +.components-form-token-field__help{ + color:#757575; + font-size:12px; + font-style:normal; } -.components-form-token-field__token { - font-size: 13px; - display: flex; - color: #1e1e1e; - max-width: 100%; +.components-form-token-field__token{ + color:#1e1e1e; + display:flex; + font-size:13px; + max-width:100%; } -.components-form-token-field__token.is-success .components-form-token-field__token-text, -.components-form-token-field__token.is-success .components-form-token-field__remove-token { - background: #4ab866; +.components-form-token-field__token.is-success .components-form-token-field__remove-token,.components-form-token-field__token.is-success .components-form-token-field__token-text{ + background:#4ab866; } -.components-form-token-field__token.is-error .components-form-token-field__token-text, -.components-form-token-field__token.is-error .components-form-token-field__remove-token { - background: #cc1818; +.components-form-token-field__token.is-error .components-form-token-field__remove-token,.components-form-token-field__token.is-error .components-form-token-field__token-text{ + background:#cc1818; } -.components-form-token-field__token.is-validating .components-form-token-field__token-text, -.components-form-token-field__token.is-validating .components-form-token-field__remove-token { - color: #757575; +.components-form-token-field__token.is-validating .components-form-token-field__remove-token,.components-form-token-field__token.is-validating .components-form-token-field__token-text{ + color:#757575; } -.components-form-token-field__token.is-borderless { - position: relative; - padding: 0 0 0 24px; +.components-form-token-field__token.is-borderless{ + padding:0 0 0 24px; + position:relative; } -.components-form-token-field__token.is-borderless .components-form-token-field__token-text { - background: transparent; - color: var(--wp-admin-theme-color); +.components-form-token-field__token.is-borderless .components-form-token-field__token-text{ + background:transparent; + color:var(--wp-admin-theme-color); } -.components-form-token-field__token.is-borderless .components-form-token-field__remove-token { - background: transparent; - color: #757575; - position: absolute; - top: 1px; - left: 0; - padding: 0; +.components-form-token-field__token.is-borderless .components-form-token-field__remove-token{ + background:transparent; + color:#757575; + left:0; + padding:0; + position:absolute; + top:1px; } -.components-form-token-field__token.is-borderless.is-success .components-form-token-field__token-text { - color: #4ab866; +.components-form-token-field__token.is-borderless.is-success .components-form-token-field__token-text{ + color:#4ab866; } -.components-form-token-field__token.is-borderless.is-error .components-form-token-field__token-text { - color: #cc1818; - border-radius: 0 4px 4px 0; - padding: 0 6px 0 4px; +.components-form-token-field__token.is-borderless.is-error .components-form-token-field__token-text{ + border-radius:0 4px 4px 0; + color:#cc1818; + padding:0 6px 0 4px; } -.components-form-token-field__token.is-borderless.is-validating .components-form-token-field__token-text { - color: #1e1e1e; +.components-form-token-field__token.is-borderless.is-validating .components-form-token-field__token-text{ + color:#1e1e1e; } -.components-form-token-field__token.is-disabled .components-form-token-field__remove-token { - cursor: default; +.components-form-token-field__token.is-disabled .components-form-token-field__remove-token{ + cursor:default; } -.components-form-token-field__token-text, -.components-form-token-field__remove-token.components-button { - display: inline-block; - line-height: 24px; - height: auto; - background: #ddd; - min-width: unset; - transition: all 0.2s cubic-bezier(0.4, 1, 0.4, 1); +.components-form-token-field__remove-token.components-button,.components-form-token-field__token-text{ + background:#ddd; + display:inline-block; + height:auto; + line-height:24px; + min-width:unset; + transition:all .2s cubic-bezier(.4, 1, .4, 1); } -@media (prefers-reduced-motion: reduce) { - .components-form-token-field__token-text, -.components-form-token-field__remove-token.components-button { - transition-duration: 0s; - transition-delay: 0s; - animation-duration: 1ms; - animation-delay: 0s; +@media (prefers-reduced-motion:reduce){ + .components-form-token-field__remove-token.components-button,.components-form-token-field__token-text{ + animation-delay:0s; + animation-duration:1ms; + transition-delay:0s; + transition-duration:0s; } } -.components-form-token-field__token-text { - border-radius: 0 2px 2px 0; - padding: 0 8px 0 0; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; +.components-form-token-field__token-text{ + border-radius:0 2px 2px 0; + overflow:hidden; + padding:0 8px 0 0; + text-overflow:ellipsis; + white-space:nowrap; } -.components-form-token-field__remove-token.components-button { - cursor: pointer; - border-radius: 2px 0 0 2px; - padding: 0 2px; - color: #1e1e1e; - line-height: 10px; - overflow: initial; +.components-form-token-field__remove-token.components-button{ + border-radius:2px 0 0 2px; + color:#1e1e1e; + cursor:pointer; + line-height:10px; + overflow:initial; + padding:0 2px; } -.components-form-token-field__remove-token.components-button:hover { - color: #1e1e1e; +.components-form-token-field__remove-token.components-button:hover{ + color:#1e1e1e; } -.components-form-token-field__suggestions-list { - flex: 1 0 100%; - min-width: 100%; - max-height: 9em; - overflow-y: auto; - transition: all 0.15s ease-in-out; - list-style: none; - border-top: 1px solid #757575; - margin: 0; - padding: 0; +.components-form-token-field__suggestions-list{ + border-top:1px solid #757575; + flex:1 0 100%; + list-style:none; + margin:0; + max-height:9em; + min-width:100%; + overflow-y:auto; + padding:0; + transition:all .15s ease-in-out; } -@media (prefers-reduced-motion: reduce) { - .components-form-token-field__suggestions-list { - transition-duration: 0s; - transition-delay: 0s; +@media (prefers-reduced-motion:reduce){ + .components-form-token-field__suggestions-list{ + transition-delay:0s; + transition-duration:0s; } } -.components-form-token-field__suggestion { - color: #757575; - display: block; - font-size: 13px; - padding: 4px 8px; - margin: 0; - cursor: pointer; +.components-form-token-field__suggestion{ + color:#757575; + cursor:pointer; + display:block; + font-size:13px; + margin:0; + padding:4px 8px; } -.components-form-token-field__suggestion.is-selected { - background: var(--wp-admin-theme-color); - color: #fff; +.components-form-token-field__suggestion.is-selected{ + background:var(--wp-admin-theme-color); + color:#fff; } -.components-form-token-field__suggestion-match { - text-decoration: underline; +.components-form-token-field__suggestion-match{ + text-decoration:underline; } -@media (min-width: 600px) { - .components-guide { - width: 600px; +@media (min-width:600px){ + .components-guide{ + width:600px; } } -.components-guide .components-modal__content { - padding: 0; - margin-top: 0; - border-radius: 2px; +.components-guide .components-modal__content{ + border-radius:2px; + margin-top:0; + padding:0; } -.components-guide .components-modal__content::before { - content: none; +.components-guide .components-modal__content:before{ + content:none; } -.components-guide .components-modal__header { - border-bottom: none; - padding: 0; - position: sticky; - height: 60px; +.components-guide .components-modal__header{ + border-bottom:none; + height:60px; + padding:0; + position:sticky; } -.components-guide .components-modal__header .components-button { - align-self: flex-start; - margin: 8px 0 0 8px; - position: static; +.components-guide .components-modal__header .components-button{ + align-self:flex-start; + margin:8px 0 0 8px; + position:static; } -.components-guide .components-modal__header .components-button:hover svg { - fill: #fff; +.components-guide .components-modal__header .components-button:hover svg{ + fill:#fff; } -.components-guide__container { - display: flex; - flex-direction: column; - justify-content: space-between; - margin-top: -60px; - min-height: 100%; +.components-guide__container{ + display:flex; + flex-direction:column; + justify-content:space-between; + margin-top:-60px; + min-height:100%; } -.components-guide__page { - display: flex; - flex-direction: column; - justify-content: center; - position: relative; +.components-guide__page{ + display:flex; + flex-direction:column; + justify-content:center; + position:relative; } -@media (min-width: 600px) { - .components-guide__page { - min-height: 300px; +@media (min-width:600px){ + .components-guide__page{ + min-height:300px; } } -.components-guide__footer { - align-content: center; - display: flex; - height: 30px; - justify-content: center; - margin: 0 0 24px 0; - padding: 0 32px; - position: relative; - width: 100%; +.components-guide__footer{ + align-content:center; + display:flex; + height:30px; + justify-content:center; + margin:0 0 24px; + padding:0 32px; + position:relative; + width:100%; } -.components-guide__page-control { - margin: 0; - text-align: center; +.components-guide__page-control{ + margin:0; + text-align:center; } -.components-guide__page-control li { - display: inline-block; - margin: 0; +.components-guide__page-control li{ + display:inline-block; + margin:0; } -.components-guide__page-control .components-button { - height: 30px; - min-width: 20px; - margin: -6px 0; +.components-guide__page-control .components-button{ + height:30px; + margin:-6px 0; + min-width:20px; } -.components-modal__frame.components-guide { - border: none; - min-width: 312px; - height: 80vh; - max-height: 575px; +.components-modal__frame.components-guide{ + border:none; + height:80vh; + max-height:575px; + min-width:312px; } -@media (max-width: 600px) { - .components-modal__frame.components-guide { - margin: auto; - max-width: calc(100vw - 16px * 2); +@media (max-width:600px){ + .components-modal__frame.components-guide{ + margin:auto; + max-width:calc(100vw - 32px); } } -.components-button.components-guide__back-button, .components-button.components-guide__forward-button, .components-button.components-guide__finish-button { - height: 30px; - position: absolute; +.components-button.components-guide__back-button,.components-button.components-guide__finish-button,.components-button.components-guide__forward-button{ + height:30px; + position:absolute; } -.components-button.components-guide__back-button, .components-button.components-guide__forward-button { - font-size: 13px; - padding: 4px 2px; +.components-button.components-guide__back-button,.components-button.components-guide__forward-button{ + font-size:13px; + padding:4px 2px; } -.components-button.components-guide__back-button.has-text svg, .components-button.components-guide__forward-button.has-text svg { - margin: 0; +.components-button.components-guide__back-button.has-text svg,.components-button.components-guide__forward-button.has-text svg{ + margin:0; } -.components-button.components-guide__back-button:hover, .components-button.components-guide__forward-button:hover { - text-decoration: underline; +.components-button.components-guide__back-button:hover,.components-button.components-guide__forward-button:hover{ + text-decoration:underline; } -.components-button.components-guide__back-button { - right: 32px; +.components-button.components-guide__back-button{ + right:32px; } -.components-button.components-guide__forward-button { - left: 32px; - color: #1386bf; - font-weight: bold; +.components-button.components-guide__forward-button{ + color:#1386bf; + font-weight:700; + left:32px; } -.components-button.components-guide__finish-button { - left: 32px; +.components-button.components-guide__finish-button{ + left:32px; } -[role=region] { - position: relative; +[role=region]{ + position:relative; } -.is-focusing-regions [role=region]:focus::after { - content: ""; - position: absolute; - top: 0; - bottom: 0; - right: 0; - left: 0; - pointer-events: none; - outline: 4px solid transparent; - box-shadow: inset 0 0 0 4px var(--wp-admin-theme-color); +.is-focusing-regions [role=region]:focus:after{ + bottom:0; + box-shadow:inset 0 0 0 4px var(--wp-admin-theme-color); + content:""; + left:0; + outline:4px solid transparent; + pointer-events:none; + position:absolute; + right:0; + top:0; } -@supports (outline-offset: 1px) { - .is-focusing-regions [role=region]:focus::after { - content: none; +@supports (outline-offset:1px){ + .is-focusing-regions [role=region]:focus:after{ + content:none; } - .is-focusing-regions [role=region]:focus { - outline-style: solid; - outline-color: var(--wp-admin-theme-color); - outline-width: 4px; - outline-offset: -4px; + .is-focusing-regions [role=region]:focus{ + outline-color:var(--wp-admin-theme-color); + outline-offset:-4px; + outline-style:solid; + outline-width:4px; } } -.components-menu-group + .components-menu-group { - margin-top: 8px; - padding-top: 8px; - border-top: 1px solid #1e1e1e; +.components-menu-group+.components-menu-group{ + border-top:1px solid #1e1e1e; + margin-top:8px; + padding-top:8px; } -.components-menu-group + .components-menu-group.has-hidden-separator { - border-top: none; - margin-top: 0; - padding-top: 0; +.components-menu-group+.components-menu-group.has-hidden-separator{ + border-top:none; + margin-top:0; + padding-top:0; } -.components-menu-group__label { - padding: 0 8px; - margin-top: 4px; - margin-bottom: 12px; - color: #757575; - text-transform: uppercase; - font-size: 11px; - font-weight: 500; - white-space: nowrap; +.components-menu-group__label{ + color:#757575; + font-size:11px; + font-weight:500; + margin-bottom:12px; + margin-top:4px; + padding:0 8px; + text-transform:uppercase; + white-space:nowrap; } -.components-menu-item__button, -.components-menu-item__button.components-button { - width: 100%; +.components-menu-item__button,.components-menu-item__button.components-button{ + width:100%; } -.components-menu-item__button[role=menuitemradio] .components-menu-item__item:only-child, .components-menu-item__button[role=menuitemcheckbox] .components-menu-item__item:only-child, -.components-menu-item__button.components-button[role=menuitemradio] .components-menu-item__item:only-child, -.components-menu-item__button.components-button[role=menuitemcheckbox] .components-menu-item__item:only-child { - padding-left: 48px; +.components-menu-item__button.components-button[role=menuitemcheckbox] .components-menu-item__item:only-child,.components-menu-item__button.components-button[role=menuitemradio] .components-menu-item__item:only-child,.components-menu-item__button[role=menuitemcheckbox] .components-menu-item__item:only-child,.components-menu-item__button[role=menuitemradio] .components-menu-item__item:only-child{ + padding-left:48px; } -.components-menu-item__button .components-menu-items__item-icon, -.components-menu-item__button.components-button .components-menu-items__item-icon { - display: inline-block; - flex: 0 0 auto; +.components-menu-item__button .components-menu-items__item-icon,.components-menu-item__button.components-button .components-menu-items__item-icon{ + display:inline-block; + flex:0 0 auto; } -.components-menu-item__button .components-menu-items__item-icon.has-icon-right, -.components-menu-item__button.components-button .components-menu-items__item-icon.has-icon-right { - margin-left: -2px; - margin-right: 24px; +.components-menu-item__button .components-menu-items__item-icon.has-icon-right,.components-menu-item__button.components-button .components-menu-items__item-icon.has-icon-right{ + margin-left:-2px; + margin-right:24px; } -.components-menu-item__button .components-menu-item__shortcut + .components-menu-items__item-icon.has-icon-right, -.components-menu-item__button.components-button .components-menu-item__shortcut + .components-menu-items__item-icon.has-icon-right { - margin-right: 8px; +.components-menu-item__button .components-menu-item__shortcut+.components-menu-items__item-icon.has-icon-right,.components-menu-item__button.components-button .components-menu-item__shortcut+.components-menu-items__item-icon.has-icon-right{ + margin-right:8px; } -.components-menu-item__button .block-editor-block-icon, -.components-menu-item__button.components-button .block-editor-block-icon { - margin-right: -2px; - margin-left: 8px; +.components-menu-item__button .block-editor-block-icon,.components-menu-item__button.components-button .block-editor-block-icon{ + margin-left:8px; + margin-right:-2px; } -.components-menu-item__button.is-primary, -.components-menu-item__button.components-button.is-primary { - justify-content: center; +.components-menu-item__button.components-button.is-primary,.components-menu-item__button.is-primary{ + justify-content:center; } -.components-menu-item__button.is-primary .components-menu-item__item, -.components-menu-item__button.components-button.is-primary .components-menu-item__item { - margin-left: 0; +.components-menu-item__button.components-button.is-primary .components-menu-item__item,.components-menu-item__button.is-primary .components-menu-item__item{ + margin-left:0; } -.components-menu-item__button:disabled.is-tertiary, .components-menu-item__button[aria-disabled=true].is-tertiary, -.components-menu-item__button.components-button:disabled.is-tertiary, -.components-menu-item__button.components-button[aria-disabled=true].is-tertiary { - background: none; - color: var(--wp-admin-theme-color-darker-10); - opacity: 0.3; +.components-menu-item__button.components-button:disabled.is-tertiary,.components-menu-item__button.components-button[aria-disabled=true].is-tertiary,.components-menu-item__button:disabled.is-tertiary,.components-menu-item__button[aria-disabled=true].is-tertiary{ + background:none; + color:var(--wp-admin-theme-color-darker-10); + opacity:.3; } -.components-menu-item__info-wrapper { - display: flex; - flex-direction: column; - margin-left: auto; +.components-menu-item__info-wrapper{ + display:flex; + flex-direction:column; + margin-left:auto; } -.components-menu-item__info { - margin-top: 4px; - font-size: 12px; - color: #757575; - white-space: normal; +.components-menu-item__info{ + color:#757575; + font-size:12px; + margin-top:4px; + white-space:normal; } -.components-menu-item__item { - white-space: nowrap; - min-width: 160px; - margin-left: auto; - display: inline-flex; - align-items: center; +.components-menu-item__item{ + align-items:center; + display:inline-flex; + margin-left:auto; + min-width:160px; + white-space:nowrap; } -.components-menu-item__shortcut { - align-self: center; - margin-left: 0; - margin-right: auto; - padding-right: 24px; - color: currentColor; - display: none; +.components-menu-item__shortcut{ + align-self:center; + color:currentColor; + display:none; + margin-left:0; + margin-right:auto; + padding-right:24px; } -@media (min-width: 480px) { - .components-menu-item__shortcut { - display: inline; +@media (min-width:480px){ + .components-menu-item__shortcut{ + display:inline; } } -.components-menu-items-choice svg, -.components-menu-items-choice.components-button svg { - margin-left: 12px; +.components-menu-items-choice svg,.components-menu-items-choice.components-button svg{ + margin-left:12px; } -.components-menu-items-choice.has-icon, -.components-menu-items-choice.components-button.has-icon { - padding-right: 12px; +.components-menu-items-choice.components-button.has-icon,.components-menu-items-choice.has-icon{ + padding-right:12px; } -.components-modal__screen-overlay { - position: fixed; - top: 0; - left: 0; - bottom: 0; - right: 0; - background-color: rgba(0, 0, 0, 0.35); - z-index: 100000; - display: flex; - animation: edit-post__fade-in-animation 0.2s ease-out 0s; - animation-fill-mode: forwards; +.components-modal__screen-overlay{ + animation:edit-post__fade-in-animation .2s ease-out 0s; + animation-fill-mode:forwards; + background-color:rgba(0,0,0,.35); + bottom:0; + display:flex; + left:0; + position:fixed; + right:0; + top:0; + z-index:100000; } -@media (prefers-reduced-motion: reduce) { - .components-modal__screen-overlay { - animation-duration: 1ms; - animation-delay: 0s; +@media (prefers-reduced-motion:reduce){ + .components-modal__screen-overlay{ + animation-delay:0s; + animation-duration:1ms; } } -.components-modal__frame { - margin: 0; - width: 100%; - background: #fff; - box-shadow: 0 10px 10px rgba(0, 0, 0, 0.25); - border-radius: 2px; - overflow: hidden; - display: flex; +.components-modal__frame{ + background:#fff; + border-radius:2px; + box-shadow:0 10px 10px rgba(0,0,0,.25); + display:flex; + margin:0; + overflow:hidden; + width:100%; } -@media (min-width: 600px) { - .components-modal__frame { - margin: auto; - width: auto; - min-width: 360px; - max-width: calc(100% - 32px); - max-height: calc(100% - 120px); - animation: components-modal__appear-animation 0.1s ease-out; - animation-fill-mode: forwards; +@media (min-width:600px){ + .components-modal__frame{ + animation:components-modal__appear-animation .1s ease-out; + animation-fill-mode:forwards; + margin:auto; + max-height:calc(100% - 120px); + max-width:calc(100% - 32px); + min-width:360px; + width:auto; } } -@media (min-width: 600px) and (prefers-reduced-motion: reduce) { - .components-modal__frame { - animation-duration: 1ms; - animation-delay: 0s; +@media (min-width:600px) and (prefers-reduced-motion:reduce){ + .components-modal__frame{ + animation-delay:0s; + animation-duration:1ms; } } -@media (min-width: 600px) { - .components-modal__frame.is-full-screen { - width: 90vw; - min-height: 90vh; +@media (min-width:600px){ + .components-modal__frame.is-full-screen{ + min-height:90vh; + width:90vw; } } -@media (min-width: 960px) { - .components-modal__frame { - max-height: 70%; +@media (min-width:960px){ + .components-modal__frame{ + max-height:70%; } } -@keyframes components-modal__appear-animation { - from { - transform: translateY(32px); +@keyframes components-modal__appear-animation{ + 0%{ + transform:translateY(32px); } - to { - transform: translateY(0); + to{ + transform:translateY(0); } } -.components-modal__header { - box-sizing: border-box; - border-bottom: 1px solid transparent; - padding: 0 32px; - display: flex; - flex-direction: row; - justify-content: space-between; - align-items: center; - height: 76px; - width: 100%; - z-index: 10; - position: absolute; - top: 0; - right: 0; +.components-modal__header{ + align-items:center; + border-bottom:1px solid transparent; + box-sizing:border-box; + display:flex; + flex-direction:row; + height:76px; + justify-content:space-between; + padding:0 32px; + position:absolute; + right:0; + top:0; + width:100%; + z-index:10; } -.components-modal__header .components-modal__header-heading { - font-size: 1.2rem; - font-weight: 600; +.components-modal__header .components-modal__header-heading{ + font-size:1.2rem; + font-weight:600; } -.components-modal__header h1 { - line-height: 1; - margin: 0; +.components-modal__header h1{ + line-height:1; + margin:0; } -.components-modal__header .components-button { - position: relative; - right: 8px; +.components-modal__header .components-button{ + position:relative; + right:8px; } -.components-modal__content.has-scrolled-content:not(.hide-header) .components-modal__header { - border-bottom-color: #ddd; +.components-modal__content.has-scrolled-content:not(.hide-header) .components-modal__header{ + border-bottom-color:#ddd; } -.components-modal__header + p { - margin-top: 0; +.components-modal__header+p{ + margin-top:0; } -.components-modal__header-heading-container { - align-items: center; - flex-grow: 1; - display: flex; - flex-direction: row; - justify-content: left; +.components-modal__header-heading-container{ + align-items:center; + display:flex; + flex-direction:row; + flex-grow:1; + justify-content:left; } -.components-modal__header-icon-container { - display: inline-block; +.components-modal__header-icon-container{ + display:inline-block; } -.components-modal__header-icon-container svg { - max-width: 36px; - max-height: 36px; - padding: 8px; +.components-modal__header-icon-container svg{ + max-height:36px; + max-width:36px; + padding:8px; } -.components-modal__content { - flex: 1; - margin-top: 76px; - padding: 0 32px 32px; - overflow: auto; +.components-modal__content{ + flex:1; + margin-top:76px; + overflow:auto; + padding:0 32px 32px; } -.components-modal__content.hide-header { - margin-top: 0; - padding-top: 24px; +.components-modal__content.hide-header{ + margin-top:0; + padding-top:24px; } -.components-notice { - display: flex; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - font-size: 13px; - background-color: #fff; - border-right: 4px solid var(--wp-admin-theme-color); - margin: 5px 15px 2px; - padding: 8px 12px; - align-items: center; +.components-notice{ + align-items:center; + background-color:#fff; + border-right:4px solid var(--wp-admin-theme-color); + display:flex; + font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; + font-size:13px; + margin:5px 15px 2px; + padding:8px 12px; } -.components-notice.is-dismissible { - padding-left: 36px; - position: relative; +.components-notice.is-dismissible{ + padding-left:36px; + position:relative; } -.components-notice.is-success { - border-right-color: #4ab866; - background-color: #eff9f1; +.components-notice.is-success{ + background-color:#eff9f1; + border-right-color:#4ab866; } -.components-notice.is-warning { - border-right-color: #f0b849; - background-color: #fef8ee; +.components-notice.is-warning{ + background-color:#fef8ee; + border-right-color:#f0b849; } -.components-notice.is-error { - border-right-color: #cc1818; - background-color: #f4a2a2; +.components-notice.is-error{ + background-color:#f4a2a2; + border-right-color:#cc1818; } -.components-notice__content { - flex-grow: 1; - margin: 4px 0 4px 25px; +.components-notice__content{ + flex-grow:1; + margin:4px 0 4px 25px; } -.components-notice__actions { - display: flex; - flex-wrap: wrap; +.components-notice__actions{ + display:flex; + flex-wrap:wrap; } -.components-notice__action.components-button { - margin-left: 8px; +.components-notice__action.components-button{ + margin-left:8px; } -.components-notice__action.components-button, .components-notice__action.components-button.is-link { - margin-right: 12px; +.components-notice__action.components-button,.components-notice__action.components-button.is-link{ + margin-right:12px; } -.components-notice__action.components-button.is-secondary { - vertical-align: initial; +.components-notice__action.components-button.is-secondary{ + vertical-align:initial; } -.components-notice__dismiss { - color: #757575; - align-self: flex-start; - flex-shrink: 0; +.components-notice__dismiss{ + align-self:flex-start; + color:#757575; + flex-shrink:0; } -.components-notice__dismiss:not(:disabled):not([aria-disabled=true]):not(.is-secondary):hover, .components-notice__dismiss:not(:disabled):not([aria-disabled=true]):not(.is-secondary):active, .components-notice__dismiss:not(:disabled):not([aria-disabled=true]):focus { - color: #1e1e1e; - background-color: transparent; +.components-notice__dismiss:not(:disabled):not([aria-disabled=true]):focus,.components-notice__dismiss:not(:disabled):not([aria-disabled=true]):not(.is-secondary):active,.components-notice__dismiss:not(:disabled):not([aria-disabled=true]):not(.is-secondary):hover{ + background-color:initial; + color:#1e1e1e; } -.components-notice__dismiss:not(:disabled):not([aria-disabled=true]):not(.is-secondary):hover { - box-shadow: none; +.components-notice__dismiss:not(:disabled):not([aria-disabled=true]):not(.is-secondary):hover{ + box-shadow:none; } -.components-notice-list { - max-width: 100vw; - box-sizing: border-box; +.components-notice-list{ + box-sizing:border-box; + max-width:100vw; } -.components-notice-list .components-notice__content { - margin-top: 12px; - margin-bottom: 12px; - line-height: 2; +.components-notice-list .components-notice__content{ + line-height:2; + margin-bottom:12px; + margin-top:12px; } -.components-notice-list .components-notice__action.components-button { - display: block; - margin-right: 0; - margin-top: 8px; +.components-notice-list .components-notice__action.components-button{ + display:block; + margin-right:0; + margin-top:8px; } -.components-panel { - background: #fff; - border: 1px solid #e0e0e0; +.components-panel{ + background:#fff; + border:1px solid #e0e0e0; } -.components-panel > .components-panel__header:first-child, -.components-panel > .components-panel__body:first-child { - margin-top: -1px; +.components-panel>.components-panel__body:first-child,.components-panel>.components-panel__header:first-child{ + margin-top:-1px; } -.components-panel > .components-panel__header:last-child, -.components-panel > .components-panel__body:last-child { - border-bottom-width: 0; +.components-panel>.components-panel__body:last-child,.components-panel>.components-panel__header:last-child{ + border-bottom-width:0; } -.components-panel + .components-panel { - margin-top: -1px; +.components-panel+.components-panel{ + margin-top:-1px; } -.components-panel__body { - border-top: 1px solid #e0e0e0; - border-bottom: 1px solid #e0e0e0; +.components-panel__body{ + border-bottom:1px solid #e0e0e0; + border-top:1px solid #e0e0e0; } -.components-panel__body h3 { - margin: 0 0 0.5em; +.components-panel__body h3{ + margin:0 0 .5em; } -.components-panel__body.is-opened { - padding: 16px; +.components-panel__body.is-opened{ + padding:16px; } -.components-panel__header { - display: flex; - justify-content: space-between; - align-items: center; - padding: 0 16px; - border-bottom: 1px solid #ddd; - box-sizing: content-box; - height: 47px; +.components-panel__header{ + align-items:center; + border-bottom:1px solid #ddd; + box-sizing:initial; + display:flex; + height:47px; + justify-content:space-between; + padding:0 16px; } -.components-panel__header h2 { - margin: 0; - font-size: inherit; - color: inherit; +.components-panel__header h2{ + color:inherit; + font-size:inherit; + margin:0; } -.components-panel__body + .components-panel__body, -.components-panel__body + .components-panel__header, -.components-panel__header + .components-panel__body, -.components-panel__header + .components-panel__header { - margin-top: -1px; +.components-panel__body+.components-panel__body,.components-panel__body+.components-panel__header,.components-panel__header+.components-panel__body,.components-panel__header+.components-panel__header{ + margin-top:-1px; } -.components-panel__body > .components-panel__body-title { - display: block; - padding: 0; - font-size: inherit; - margin-top: 0; - margin-bottom: 0; - transition: 0.1s background ease-in-out; +.components-panel__body>.components-panel__body-title{ + display:block; + font-size:inherit; + margin-bottom:0; + margin-top:0; + padding:0; + transition:background .1s ease-in-out; } -@media (prefers-reduced-motion: reduce) { - .components-panel__body > .components-panel__body-title { - transition-duration: 0s; - transition-delay: 0s; +@media (prefers-reduced-motion:reduce){ + .components-panel__body>.components-panel__body-title{ + transition-delay:0s; + transition-duration:0s; } } -.components-panel__body.is-opened > .components-panel__body-title { - margin: -16px; - margin-bottom: 5px; +.components-panel__body.is-opened>.components-panel__body-title{ + margin:-16px -16px 5px; } -.components-panel__body > .components-panel__body-title:hover { - background: #f0f0f0; - border: none; +.components-panel__body>.components-panel__body-title:hover{ + background:#f0f0f0; + border:none; } -.components-panel__body-toggle.components-button { - position: relative; - padding: 16px 16px 16px 48px; - outline: none; - width: 100%; - font-weight: 500; - text-align: right; - color: #1e1e1e; - border: none; - box-shadow: none; - transition: 0.1s background ease-in-out; - height: auto; +.components-panel__body-toggle.components-button{ + border:none; + box-shadow:none; + color:#1e1e1e; + font-weight:500; + height:auto; + outline:none; + padding:16px 16px 16px 48px; + position:relative; + text-align:right; + transition:background .1s ease-in-out; + width:100%; } -@media (prefers-reduced-motion: reduce) { - .components-panel__body-toggle.components-button { - transition-duration: 0s; - transition-delay: 0s; +@media (prefers-reduced-motion:reduce){ + .components-panel__body-toggle.components-button{ + transition-delay:0s; + transition-duration:0s; } } -.components-panel__body-toggle.components-button:focus { - box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); - border-radius: 0; +.components-panel__body-toggle.components-button:focus{ + border-radius:0; + box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); } -.components-panel__body-toggle.components-button .components-panel__arrow { - position: absolute; - left: 16px; - top: 50%; - transform: translateY(-50%); - color: #1e1e1e; - fill: currentColor; - transition: 0.1s color ease-in-out; +.components-panel__body-toggle.components-button .components-panel__arrow{ + fill:currentColor; + color:#1e1e1e; + left:16px; + position:absolute; + top:50%; + transform:translateY(-50%); + transition:color .1s ease-in-out; } -@media (prefers-reduced-motion: reduce) { - .components-panel__body-toggle.components-button .components-panel__arrow { - transition-duration: 0s; - transition-delay: 0s; +@media (prefers-reduced-motion:reduce){ + .components-panel__body-toggle.components-button .components-panel__arrow{ + transition-delay:0s; + transition-duration:0s; } } -body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right { - transform: scaleX(-1); - -ms-filter: fliph; - filter: FlipH; - margin-top: -10px; +body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right{ + -ms-filter:fliph; + filter:FlipH; + margin-top:-10px; + transform:scaleX(-1); } -.components-panel__icon { - color: #757575; - margin: -2px 6px -2px 0; +.components-panel__icon{ + color:#757575; + margin:-2px 6px -2px 0; } -.components-panel__body-toggle-icon { - margin-left: -5px; +.components-panel__body-toggle-icon{ + margin-left:-5px; } -.components-panel__color-title { - float: right; - height: 19px; +.components-panel__color-title{ + float:right; + height:19px; } -.components-panel__row { - display: flex; - justify-content: space-between; - align-items: center; - margin-top: 8px; - min-height: 36px; +.components-panel__row{ + align-items:center; + display:flex; + justify-content:space-between; + margin-top:8px; + min-height:36px; } -.components-panel__row select { - min-width: 0; +.components-panel__row select{ + min-width:0; } -.components-panel__row label { - margin-left: 12px; - flex-shrink: 0; - max-width: 75%; +.components-panel__row label{ + flex-shrink:0; + margin-left:12px; + max-width:75%; } -.components-panel__row:empty, .components-panel__row:first-of-type { - margin-top: 0; +.components-panel__row:empty,.components-panel__row:first-of-type{ + margin-top:0; } -.components-panel .circle-picker { - padding-bottom: 20px; +.components-panel .circle-picker{ + padding-bottom:20px; } -.components-placeholder.components-placeholder { - box-sizing: border-box; - position: relative; - padding: 1em; - min-height: 200px; - width: 100%; - text-align: right; - margin: 0; - color: #1e1e1e; - -moz-font-smoothing: subpixel-antialiased; - -webkit-font-smoothing: subpixel-antialiased; - border-radius: 2px; - background-color: #fff; - box-shadow: inset 0 0 0 1px #1e1e1e; - outline: 1px solid transparent; +.components-placeholder.components-placeholder{ + -moz-font-smoothing:subpixel-antialiased; + -webkit-font-smoothing:subpixel-antialiased; + background-color:#fff; + border-radius:2px; + box-shadow:inset 0 0 0 1px #1e1e1e; + box-sizing:border-box; + color:#1e1e1e; + margin:0; + min-height:200px; + outline:1px solid transparent; + padding:1em; + position:relative; + text-align:right; + width:100%; } -@supports (position: sticky) { - .components-placeholder.components-placeholder { - display: flex; - flex-direction: column; - justify-content: center; - align-items: flex-start; +@supports (position:sticky){ + .components-placeholder.components-placeholder{ + align-items:flex-start; + display:flex; + flex-direction:column; + justify-content:center; } } -.components-placeholder__error, -.components-placeholder__instructions, -.components-placeholder__label, -.components-placeholder__fieldset { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - font-size: 13px; +.components-placeholder__error,.components-placeholder__fieldset,.components-placeholder__instructions,.components-placeholder__label{ + font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; + font-size:13px; } -.components-placeholder__label { - display: flex; - font-weight: 600; - margin-bottom: 16px; - align-items: center; +.components-placeholder__label{ + align-items:center; + display:flex; + font-weight:600; + margin-bottom:16px; } -.components-placeholder__label > svg, -.components-placeholder__label .dashicon, -.components-placeholder__label .block-editor-block-icon { - margin-left: 1ch; - fill: currentColor; +.components-placeholder__label .block-editor-block-icon,.components-placeholder__label .dashicon,.components-placeholder__label>svg{ + fill:currentColor; + margin-left:1ch; } -@media (forced-colors: active) { - .components-placeholder__label > svg, -.components-placeholder__label .dashicon, -.components-placeholder__label .block-editor-block-icon { - fill: CanvasText; +@media (forced-colors:active){ + .components-placeholder__label .block-editor-block-icon,.components-placeholder__label .dashicon,.components-placeholder__label>svg{ + fill:CanvasText; } } -.components-placeholder__label:empty { - display: none; +.components-placeholder__label:empty{ + display:none; } -.components-placeholder__fieldset, -.components-placeholder__fieldset form { - display: flex; - flex-direction: row; - width: 100%; - flex-wrap: wrap; +.components-placeholder__fieldset,.components-placeholder__fieldset form{ + display:flex; + flex-direction:row; + flex-wrap:wrap; + width:100%; } -.components-placeholder__fieldset p, -.components-placeholder__fieldset form p { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - font-size: 13px; +.components-placeholder__fieldset form p,.components-placeholder__fieldset p{ + font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; + font-size:13px; } -.components-placeholder__fieldset.components-placeholder__fieldset { - border: none; - padding: 0; +.components-placeholder__fieldset.components-placeholder__fieldset{ + border:none; + padding:0; } -.components-placeholder__fieldset.components-placeholder__fieldset .components-placeholder__instructions { - padding: 0; - font-weight: normal; - font-size: 1em; +.components-placeholder__fieldset.components-placeholder__fieldset .components-placeholder__instructions{ + font-size:1em; + font-weight:400; + padding:0; } -.components-placeholder__fieldset.is-column-layout, -.components-placeholder__fieldset.is-column-layout form { - flex-direction: column; +.components-placeholder__fieldset.is-column-layout,.components-placeholder__fieldset.is-column-layout form{ + flex-direction:column; } -.components-placeholder__input[type=url] { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - padding: 6px 8px; - box-shadow: 0 0 0 transparent; - transition: box-shadow 0.1s linear; - border-radius: 2px; - border: 1px solid #757575; - /* Fonts smaller than 16px causes mobile safari to zoom. */ - font-size: 16px; - /* Override core line-height. To be reviewed. */ - line-height: normal; - margin: 0 0 0 8px; - flex: 1 1 auto; +.components-placeholder__input[type=url]{ + border:1px solid #757575; + border-radius:2px; + box-shadow:0 0 0 transparent; + flex:1 1 auto; + font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; + font-size:16px; + line-height:normal; + margin:0 0 0 8px; + padding:6px 8px; + transition:box-shadow .1s linear; } -@media (prefers-reduced-motion: reduce) { - .components-placeholder__input[type=url] { - transition-duration: 0s; - transition-delay: 0s; +@media (prefers-reduced-motion:reduce){ + .components-placeholder__input[type=url]{ + transition-delay:0s; + transition-duration:0s; } } -@media (min-width: 600px) { - .components-placeholder__input[type=url] { - font-size: 13px; - /* Override core line-height. To be reviewed. */ - line-height: normal; +@media (min-width:600px){ + .components-placeholder__input[type=url]{ + font-size:13px; + line-height:normal; } } -.components-placeholder__input[type=url]:focus { - border-color: var(--wp-admin-theme-color); - box-shadow: 0 0 0 1px var(--wp-admin-theme-color); - outline: 2px solid transparent; +.components-placeholder__input[type=url]:focus{ + border-color:var(--wp-admin-theme-color); + box-shadow:0 0 0 1px var(--wp-admin-theme-color); + outline:2px solid transparent; } -.components-placeholder__input[type=url]::-webkit-input-placeholder { - color: rgba(30, 30, 30, 0.62); +.components-placeholder__input[type=url]::-webkit-input-placeholder{ + color:rgba(30,30,30,.62); } -.components-placeholder__input[type=url]::-moz-placeholder { - opacity: 1; - color: rgba(30, 30, 30, 0.62); +.components-placeholder__input[type=url]::-moz-placeholder{ + color:rgba(30,30,30,.62); + opacity:1; } -.components-placeholder__input[type=url]:-ms-input-placeholder { - color: rgba(30, 30, 30, 0.62); +.components-placeholder__input[type=url]:-ms-input-placeholder{ + color:rgba(30,30,30,.62); } -.components-placeholder__instructions { - margin-bottom: 1em; +.components-placeholder__instructions{ + margin-bottom:1em; } -.components-placeholder__error { - margin-top: 1em; - width: 100%; +.components-placeholder__error{ + margin-top:1em; + width:100%; } -.components-placeholder__fieldset .components-button { - margin-left: 12px; - margin-bottom: 12px; +.components-placeholder__fieldset .components-button{ + margin-bottom:12px; + margin-left:12px; } -.components-placeholder__fieldset .components-button:last-child { - margin-bottom: 0; - margin-left: 0; +.components-placeholder__fieldset .components-button:last-child{ + margin-bottom:0; + margin-left:0; } -.components-placeholder__fieldset .components-button:not(.is-link) ~ .components-button.is-link { - margin-right: 10px; - margin-left: 10px; +.components-placeholder__fieldset .components-button:not(.is-link)~.components-button.is-link{ + margin-left:10px; + margin-right:10px; } -.components-placeholder__fieldset .components-button:not(.is-link) ~ .components-button.is-link:last-child { - margin-left: 0; +.components-placeholder__fieldset .components-button:not(.is-link)~.components-button.is-link:last-child{ + margin-left:0; } -.components-placeholder.is-large .components-placeholder__label { - font-size: 18pt; - font-weight: normal; +.components-placeholder.is-large .components-placeholder__label{ + font-size:18pt; + font-weight:400; } -.components-placeholder.is-medium .components-placeholder__instructions, .components-placeholder.is-small .components-placeholder__instructions { - display: none; +.components-placeholder.is-medium .components-placeholder__instructions,.components-placeholder.is-small .components-placeholder__instructions{ + display:none; } -.components-placeholder.is-medium .components-placeholder__fieldset, -.components-placeholder.is-medium .components-placeholder__fieldset form, .components-placeholder.is-small .components-placeholder__fieldset, -.components-placeholder.is-small .components-placeholder__fieldset form { - flex-direction: column; +.components-placeholder.is-medium .components-placeholder__fieldset,.components-placeholder.is-medium .components-placeholder__fieldset form,.components-placeholder.is-small .components-placeholder__fieldset,.components-placeholder.is-small .components-placeholder__fieldset form{ + flex-direction:column; } -.components-placeholder.is-medium .components-placeholder__fieldset .components-button, .components-placeholder.is-small .components-placeholder__fieldset .components-button { - margin-left: auto; +.components-placeholder.is-medium .components-placeholder__fieldset .components-button,.components-placeholder.is-small .components-placeholder__fieldset .components-button{ + margin-left:auto; } -.components-placeholder.is-small .components-button { - padding: 0 8px 2px; +.components-placeholder.is-small .components-button{ + padding:0 8px 2px; } - -/** - * Dashed style placeholders - */ -.components-placeholder.has-illustration { - color: inherit; - display: flex; - box-shadow: none; - min-width: 100px; - -webkit-backdrop-filter: blur(100px); - backdrop-filter: blur(100px); - background-color: rgba(255, 255, 255, 0.1); - border: 1px dashed currentColor; - border-radius: 2px; - overflow: hidden; +.components-placeholder.has-illustration{ + -webkit-backdrop-filter:blur(100px); + backdrop-filter:blur(100px); + background-color:hsla(0,0%,100%,.1); + border:1px dashed; + border-radius:2px; + box-shadow:none; + color:inherit; + display:flex; + min-width:100px; + overflow:hidden; } -.is-dark-theme .components-placeholder.has-illustration { - background-color: rgba(0, 0, 0, 0.1); +.is-dark-theme .components-placeholder.has-illustration{ + background-color:rgba(0,0,0,.1); } -.components-placeholder.has-illustration .components-placeholder__fieldset { - width: auto; - margin-right: 0; - margin-left: 0; +.components-placeholder.has-illustration .components-placeholder__fieldset{ + margin-left:0; + margin-right:0; + width:auto; } -.components-placeholder.has-illustration .components-placeholder__label, -.components-placeholder.has-illustration .components-placeholder__instructions, -.components-placeholder.has-illustration .components-button { - opacity: 0; - transition: opacity 0.1s linear; +.components-placeholder.has-illustration .components-button,.components-placeholder.has-illustration .components-placeholder__instructions,.components-placeholder.has-illustration .components-placeholder__label{ + opacity:0; + transition:opacity .1s linear; } -@media (prefers-reduced-motion: reduce) { - .components-placeholder.has-illustration .components-placeholder__label, -.components-placeholder.has-illustration .components-placeholder__instructions, -.components-placeholder.has-illustration .components-button { - transition-duration: 0s; - transition-delay: 0s; +@media (prefers-reduced-motion:reduce){ + .components-placeholder.has-illustration .components-button,.components-placeholder.has-illustration .components-placeholder__instructions,.components-placeholder.has-illustration .components-placeholder__label{ + transition-delay:0s; + transition-duration:0s; } } -.is-selected > .components-placeholder.has-illustration .components-placeholder__label, -.is-selected > .components-placeholder.has-illustration .components-placeholder__instructions, -.is-selected > .components-placeholder.has-illustration .components-button { - opacity: 1; +.is-selected>.components-placeholder.has-illustration .components-button,.is-selected>.components-placeholder.has-illustration .components-placeholder__instructions,.is-selected>.components-placeholder.has-illustration .components-placeholder__label{ + opacity:1; } -.components-placeholder__preview { - display: flex; - justify-content: center; +.components-placeholder__preview{ + display:flex; + justify-content:center; } -.components-placeholder__illustration { - box-sizing: content-box; - position: absolute; - top: 50%; - right: 50%; - transform: translate(50%, -50%); - width: 100%; - height: 100%; - stroke: currentColor; - stroke-dasharray: 3; +.components-placeholder__illustration{ + stroke:currentColor; + stroke-dasharray:3; + box-sizing:initial; + height:100%; + position:absolute; + right:50%; + top:50%; + transform:translate(50%, -50%); + width:100%; } -.components-popover { - z-index: 1000000; +.components-popover{ + z-index:1000000; } -.components-popover.is-expanded { - position: fixed; - top: 0; - right: 0; - left: 0; - bottom: 0; - z-index: 1000000 !important; +.components-popover.is-expanded{ + bottom:0; + left:0; + position:fixed; + right:0; + top:0; + z-index:1000000 !important; } -.components-popover__content { - background: #fff; - outline: 1px solid #ccc; - box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); - border-radius: 2px; - box-sizing: border-box; - width: min-content; +.components-popover__content{ + background:#fff; + border-radius:2px; + box-shadow:0 2px 6px rgba(0,0,0,.05); + box-sizing:border-box; + outline:1px solid #ccc; + width:min-content; } -.is-alternate .components-popover__content { - outline: 1px solid #1e1e1e; - box-shadow: none; +.is-alternate .components-popover__content{ + box-shadow:none; + outline:1px solid #1e1e1e; } -.components-popover.is-expanded .components-popover__content { - position: static; - height: calc(100% - 48px); - overflow-y: visible; - width: auto; - border: none; - outline: none; - border-top: 1px solid #1e1e1e; +.components-popover.is-expanded .components-popover__content{ + border:none; + border-top:1px solid #1e1e1e; + height:calc(100% - 48px); + outline:none; + overflow-y:visible; + position:static; + width:auto; } -.components-popover__header { - align-items: center; - background: #fff; - display: flex; - height: 48px; - justify-content: space-between; - padding: 0 16px 0 8px; +.components-popover__header{ + align-items:center; + background:#fff; + display:flex; + height:48px; + justify-content:space-between; + padding:0 16px 0 8px; } -.components-popover__header-title { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - width: 100%; +.components-popover__header-title{ + overflow:hidden; + text-overflow:ellipsis; + white-space:nowrap; + width:100%; } -.components-popover__close.components-button { - z-index: 5; +.components-popover__close.components-button{ + z-index:5; } -.components-popover__arrow { - position: absolute; - width: 14px; - height: 14px; - pointer-events: none; - display: flex; +.components-popover__arrow{ + display:flex; + height:14px; + pointer-events:none; + position:absolute; + width:14px; } -.components-popover__arrow::before { - content: ""; - position: absolute; - top: -1px; - right: 1px; - height: 2px; - left: 1px; - background-color: #fff; +.components-popover__arrow:before{ + background-color:#fff; + content:""; + height:2px; + left:1px; + position:absolute; + right:1px; + top:-1px; } -.components-popover__arrow.is-top { - bottom: -14px !important; - transform: rotate(0); +.components-popover__arrow.is-top{ + bottom:-14px !important; + transform:rotate(0); } -.components-popover__arrow.is-right { - left: -14px !important; - transform: rotate(90deg); +.components-popover__arrow.is-right{ + left:-14px !important; + transform:rotate(90deg); } -.components-popover__arrow.is-bottom { - top: -14px !important; - transform: rotate(180deg); +.components-popover__arrow.is-bottom{ + top:-14px !important; + transform:rotate(180deg); } -.components-popover__arrow.is-left { - /*rtl:begin:ignore*/ - right: -14px !important; - transform: rotate(-90deg); +.components-popover__arrow.is-left{ + right:-14px !important; + transform:rotate(-90deg); } -.components-popover__triangle { - display: block; - flex: 1; +.components-popover__triangle{ + display:block; + flex:1; } -.components-popover__triangle-bg { - fill: #fff; +.components-popover__triangle-bg{ + fill:#fff; } -.components-popover__triangle-border { - fill: transparent; - stroke-width: 1px; - stroke: #ccc; +.components-popover__triangle-border{ + fill:transparent; + stroke-width:1px; + stroke:#ccc; } -.is-alternate .components-popover__triangle-border { - stroke: #1e1e1e; +.is-alternate .components-popover__triangle-border{ + stroke:#1e1e1e; } -.components-radio-control__input[type=radio] { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - padding: 6px 8px; - box-shadow: 0 0 0 transparent; - transition: box-shadow 0.1s linear; - border-radius: 2px; - border: 1px solid #757575; - /* Fonts smaller than 16px causes mobile safari to zoom. */ - font-size: 16px; - /* Override core line-height. To be reviewed. */ - line-height: normal; - border: 1px solid #1e1e1e; - margin-left: 12px; - transition: none; - border-radius: 50%; - width: 24px; - height: 24px; - margin-top: 0; - margin-left: 6px; +.components-radio-control__input[type=radio]{ + border:1px solid #1e1e1e; + border-radius:2px; + border-radius:50%; + box-shadow:0 0 0 transparent; + font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; + font-size:16px; + height:24px; + line-height:normal; + margin-left:6px; + margin-top:0; + padding:6px 8px; + transition:box-shadow .1s linear; + transition:none; + width:24px; } -@media (prefers-reduced-motion: reduce) { - .components-radio-control__input[type=radio] { - transition-duration: 0s; - transition-delay: 0s; +@media (prefers-reduced-motion:reduce){ + .components-radio-control__input[type=radio]{ + transition-delay:0s; + transition-duration:0s; } } -@media (min-width: 600px) { - .components-radio-control__input[type=radio] { - font-size: 13px; - /* Override core line-height. To be reviewed. */ - line-height: normal; +@media (min-width:600px){ + .components-radio-control__input[type=radio]{ + font-size:13px; + line-height:normal; } } -.components-radio-control__input[type=radio]:focus { - border-color: var(--wp-admin-theme-color); - box-shadow: 0 0 0 1px var(--wp-admin-theme-color); - outline: 2px solid transparent; +.components-radio-control__input[type=radio]:focus{ + border-color:var(--wp-admin-theme-color); + box-shadow:0 0 0 1px var(--wp-admin-theme-color); } -.components-radio-control__input[type=radio]::-webkit-input-placeholder { - color: rgba(30, 30, 30, 0.62); +.components-radio-control__input[type=radio]::-webkit-input-placeholder{ + color:rgba(30,30,30,.62); } -.components-radio-control__input[type=radio]::-moz-placeholder { - opacity: 1; - color: rgba(30, 30, 30, 0.62); +.components-radio-control__input[type=radio]::-moz-placeholder{ + color:rgba(30,30,30,.62); + opacity:1; } -.components-radio-control__input[type=radio]:-ms-input-placeholder { - color: rgba(30, 30, 30, 0.62); +.components-radio-control__input[type=radio]:-ms-input-placeholder{ + color:rgba(30,30,30,.62); } -@media (min-width: 600px) { - .components-radio-control__input[type=radio] { - height: 20px; - width: 20px; +@media (min-width:600px){ + .components-radio-control__input[type=radio]{ + height:20px; + width:20px; } } -.components-radio-control__input[type=radio]:checked::before { - box-sizing: inherit; - width: 8px; - height: 8px; - transform: translate(-7px, 7px); - margin: 0; - background-color: #fff; - border: 4px solid #fff; +.components-radio-control__input[type=radio]:checked:before{ + background-color:#fff; + border:4px solid #fff; + box-sizing:inherit; + height:8px; + margin:0; + transform:translate(-7px, 7px); + width:8px; } -@media (min-width: 600px) { - .components-radio-control__input[type=radio]:checked::before { - transform: translate(-5px, 5px); +@media (min-width:600px){ + .components-radio-control__input[type=radio]:checked:before{ + transform:translate(-5px, 5px); } } -.components-radio-control__input[type=radio]:focus { - box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--wp-admin-theme-color); - outline: 2px solid transparent; +.components-radio-control__input[type=radio]:focus{ + box-shadow:0 0 0 2px #fff, 0 0 0 4px var(--wp-admin-theme-color); + outline:2px solid transparent; } -.components-radio-control__input[type=radio]:checked { - background: var(--wp-admin-theme-color); - border-color: var(--wp-admin-theme-color); +.components-radio-control__input[type=radio]:checked{ + background:var(--wp-admin-theme-color); + border-color:var(--wp-admin-theme-color); } -.components-resizable-box__handle { - display: none; - width: 23px; - height: 23px; - z-index: 2; +.components-resizable-box__handle{ + display:none; + height:23px; + width:23px; + z-index:2; } -.components-resizable-box__container.has-show-handle .components-resizable-box__handle { - display: block; +.components-resizable-box__container.has-show-handle .components-resizable-box__handle{ + display:block; } -.components-resizable-box__container > img { - width: inherit; +.components-resizable-box__container>img{ + width:inherit; } -.components-resizable-box__handle::after { - display: block; - content: ""; - width: 15px; - height: 15px; - border-radius: 50%; - background: #fff; - cursor: inherit; - position: absolute; - top: calc(50% - 8px); - left: calc(50% - 8px); - box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); - outline: 2px solid transparent; +.components-resizable-box__handle:after{ + background:#fff; + border-radius:50%; + box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); + content:""; + cursor:inherit; + display:block; + height:15px; + left:calc(50% - 8px); + outline:2px solid transparent; + position:absolute; + top:calc(50% - 8px); + width:15px; } -.components-resizable-box__side-handle::before { - display: block; - border-radius: 2px; - content: ""; - width: 3px; - height: 3px; - background: var(--wp-admin-theme-color); - cursor: inherit; - position: absolute; - top: calc(50% - 1px); - left: calc(50% - 1px); - transition: transform 0.1s ease-in; - opacity: 0; +.components-resizable-box__side-handle:before{ + background:var(--wp-admin-theme-color); + border-radius:2px; + content:""; + cursor:inherit; + display:block; + height:3px; + left:calc(50% - 1px); + opacity:0; + position:absolute; + top:calc(50% - 1px); + transition:transform .1s ease-in; + width:3px; } -@media (prefers-reduced-motion: reduce) { - .components-resizable-box__side-handle::before { - transition-duration: 0s; - transition-delay: 0s; +@media (prefers-reduced-motion:reduce){ + .components-resizable-box__side-handle:before{ + transition-delay:0s; + transition-duration:0s; } } -.components-resizable-box__side-handle { - z-index: 2; +.components-resizable-box__corner-handle,.components-resizable-box__side-handle{ + z-index:2; } -.components-resizable-box__corner-handle { - z-index: 2; +.components-resizable-box__side-handle.components-resizable-box__handle-bottom,.components-resizable-box__side-handle.components-resizable-box__handle-bottom:before,.components-resizable-box__side-handle.components-resizable-box__handle-top,.components-resizable-box__side-handle.components-resizable-box__handle-top:before{ + border-left:0; + border-right:0; + right:0; + width:100%; } -.components-resizable-box__side-handle.components-resizable-box__handle-top, -.components-resizable-box__side-handle.components-resizable-box__handle-bottom, -.components-resizable-box__side-handle.components-resizable-box__handle-top::before, -.components-resizable-box__side-handle.components-resizable-box__handle-bottom::before { - width: 100%; - right: 0; - border-right: 0; - border-left: 0; +.components-resizable-box__side-handle.components-resizable-box__handle-left,.components-resizable-box__side-handle.components-resizable-box__handle-left:before,.components-resizable-box__side-handle.components-resizable-box__handle-right,.components-resizable-box__side-handle.components-resizable-box__handle-right:before{ + border-bottom:0; + border-top:0; + height:100%; + top:0; } -.components-resizable-box__side-handle.components-resizable-box__handle-left, -.components-resizable-box__side-handle.components-resizable-box__handle-right, -.components-resizable-box__side-handle.components-resizable-box__handle-left::before, -.components-resizable-box__side-handle.components-resizable-box__handle-right::before { - height: 100%; - top: 0; - border-top: 0; - border-bottom: 0; +.components-resizable-box__side-handle.components-resizable-box__handle-bottom:active:before,.components-resizable-box__side-handle.components-resizable-box__handle-bottom:hover:before,.components-resizable-box__side-handle.components-resizable-box__handle-top:active:before,.components-resizable-box__side-handle.components-resizable-box__handle-top:hover:before{ + animation:components-resizable-box__top-bottom-animation .1s ease-out 0s; + animation-fill-mode:forwards; } - -.components-resizable-box__side-handle.components-resizable-box__handle-top:hover::before, -.components-resizable-box__side-handle.components-resizable-box__handle-bottom:hover::before, -.components-resizable-box__side-handle.components-resizable-box__handle-top:active::before, -.components-resizable-box__side-handle.components-resizable-box__handle-bottom:active::before { - animation: components-resizable-box__top-bottom-animation 0.1s ease-out 0s; - animation-fill-mode: forwards; -} -@media (prefers-reduced-motion: reduce) { - .components-resizable-box__side-handle.components-resizable-box__handle-top:hover::before, -.components-resizable-box__side-handle.components-resizable-box__handle-bottom:hover::before, -.components-resizable-box__side-handle.components-resizable-box__handle-top:active::before, -.components-resizable-box__side-handle.components-resizable-box__handle-bottom:active::before { - animation-duration: 1ms; - animation-delay: 0s; +@media (prefers-reduced-motion:reduce){ + .components-resizable-box__side-handle.components-resizable-box__handle-bottom:active:before,.components-resizable-box__side-handle.components-resizable-box__handle-bottom:hover:before,.components-resizable-box__side-handle.components-resizable-box__handle-top:active:before,.components-resizable-box__side-handle.components-resizable-box__handle-top:hover:before{ + animation-delay:0s; + animation-duration:1ms; } } -.components-resizable-box__side-handle.components-resizable-box__handle-left:hover::before, -.components-resizable-box__side-handle.components-resizable-box__handle-right:hover::before, -.components-resizable-box__side-handle.components-resizable-box__handle-left:active::before, -.components-resizable-box__side-handle.components-resizable-box__handle-right:active::before { - animation: components-resizable-box__left-right-animation 0.1s ease-out 0s; - animation-fill-mode: forwards; +.components-resizable-box__side-handle.components-resizable-box__handle-left:active:before,.components-resizable-box__side-handle.components-resizable-box__handle-left:hover:before,.components-resizable-box__side-handle.components-resizable-box__handle-right:active:before,.components-resizable-box__side-handle.components-resizable-box__handle-right:hover:before{ + animation:components-resizable-box__left-right-animation .1s ease-out 0s; + animation-fill-mode:forwards; } -@media (prefers-reduced-motion: reduce) { - .components-resizable-box__side-handle.components-resizable-box__handle-left:hover::before, -.components-resizable-box__side-handle.components-resizable-box__handle-right:hover::before, -.components-resizable-box__side-handle.components-resizable-box__handle-left:active::before, -.components-resizable-box__side-handle.components-resizable-box__handle-right:active::before { - animation-duration: 1ms; - animation-delay: 0s; +@media (prefers-reduced-motion:reduce){ + .components-resizable-box__side-handle.components-resizable-box__handle-left:active:before,.components-resizable-box__side-handle.components-resizable-box__handle-left:hover:before,.components-resizable-box__side-handle.components-resizable-box__handle-right:active:before,.components-resizable-box__side-handle.components-resizable-box__handle-right:hover:before{ + animation-delay:0s; + animation-duration:1ms; } } +@media not all and (-webkit-min-device-pixel-ratio:0),not all and (min-resolution:0.001dpcm){ + @supports (-webkit-appearance:none){ -/* This CSS is shown only to Safari, which has a bug with table-caption making it jumpy. -See https://bugs.webkit.org/show_bug.cgi?id=187903. */ -@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) { - @supports (-webkit-appearance: none) { - .components-resizable-box__side-handle.components-resizable-box__handle-top:hover::before, -.components-resizable-box__side-handle.components-resizable-box__handle-bottom:hover::before, -.components-resizable-box__side-handle.components-resizable-box__handle-top:active::before, -.components-resizable-box__side-handle.components-resizable-box__handle-bottom:active::before { - animation: none; - } - - .components-resizable-box__side-handle.components-resizable-box__handle-left:hover::before, -.components-resizable-box__side-handle.components-resizable-box__handle-right:hover::before, -.components-resizable-box__side-handle.components-resizable-box__handle-left:active::before, -.components-resizable-box__side-handle.components-resizable-box__handle-right:active::before { - animation: none; + .components-resizable-box__side-handle.components-resizable-box__handle-bottom:active:before,.components-resizable-box__side-handle.components-resizable-box__handle-bottom:hover:before,.components-resizable-box__side-handle.components-resizable-box__handle-left:active:before,.components-resizable-box__side-handle.components-resizable-box__handle-left:hover:before,.components-resizable-box__side-handle.components-resizable-box__handle-right:active:before,.components-resizable-box__side-handle.components-resizable-box__handle-right:hover:before,.components-resizable-box__side-handle.components-resizable-box__handle-top:active:before,.components-resizable-box__side-handle.components-resizable-box__handle-top:hover:before{ + animation:none; } } } -@keyframes components-resizable-box__top-bottom-animation { - from { - transform: scaleX(0); - opacity: 0; +@keyframes components-resizable-box__top-bottom-animation{ + 0%{ + opacity:0; + transform:scaleX(0); } - to { - transform: scaleX(1); - opacity: 1; + to{ + opacity:1; + transform:scaleX(1); } } -@keyframes components-resizable-box__left-right-animation { - from { - transform: scaleY(0); - opacity: 0; +@keyframes components-resizable-box__left-right-animation{ + 0%{ + opacity:0; + transform:scaleY(0); } - to { - transform: scaleY(1); - opacity: 1; + to{ + opacity:1; + transform:scaleY(1); } } -.components-resizable-box__handle-right { - right: calc(11.5px * -1); +.components-resizable-box__handle-right{ + right:-11.5px; } -.components-resizable-box__handle-left { - left: calc(11.5px * -1); +.components-resizable-box__handle-left{ + left:-11.5px; } -.components-resizable-box__handle-top { - top: calc(11.5px * -1); +.components-resizable-box__handle-top{ + top:-11.5px; } -.components-resizable-box__handle-bottom { - bottom: calc(11.5px * -1); +.components-resizable-box__handle-bottom{ + bottom:-11.5px; } -.components-responsive-wrapper { - position: relative; - max-width: 100%; +.components-responsive-wrapper{ + max-width:100%; + position:relative; } -.components-responsive-wrapper, .components-responsive-wrapper > span { - display: block; +.components-responsive-wrapper,.components-responsive-wrapper>span{ + display:block; } -.components-responsive-wrapper__content { - position: absolute; - top: 0; - left: 0; - bottom: 0; - right: 0; - width: 100%; - height: 100%; - margin: auto; +.components-responsive-wrapper__content{ + bottom:0; + height:100%; + left:0; + margin:auto; + position:absolute; + right:0; + top:0; + width:100%; } -.components-sandbox { - overflow: hidden; +.components-sandbox{ + overflow:hidden; } -iframe.components-sandbox { - width: 100%; +iframe.components-sandbox{ + width:100%; } -html.lockscroll, -body.lockscroll { - overflow: hidden; +body.lockscroll,html.lockscroll{ + overflow:hidden; } -.components-search-control { - position: relative; +.components-search-control{ + position:relative; } -.components-search-control input[type=search].components-search-control__input { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - padding: 6px 8px; - box-shadow: 0 0 0 transparent; - transition: box-shadow 0.1s linear; - border-radius: 2px; - border: 1px solid #757575; - /* Fonts smaller than 16px causes mobile safari to zoom. */ - font-size: 16px; - /* Override core line-height. To be reviewed. */ - line-height: normal; - display: block; - padding: 16px 16px 16px 48px; - background: #f0f0f0; - border: none; - width: 100%; - height: 48px; - /* Fonts smaller than 16px causes mobile safari to zoom. */ - font-size: 16px; +.components-search-control input[type=search].components-search-control__input{ + background:#f0f0f0; + border:none; + border-radius:2px; + box-shadow:0 0 0 transparent; + display:block; + font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; + font-size:16px; + height:48px; + line-height:normal; + padding:16px 16px 16px 48px; + transition:box-shadow .1s linear; + width:100%; } -@media (prefers-reduced-motion: reduce) { - .components-search-control input[type=search].components-search-control__input { - transition-duration: 0s; - transition-delay: 0s; +@media (prefers-reduced-motion:reduce){ + .components-search-control input[type=search].components-search-control__input{ + transition-delay:0s; + transition-duration:0s; } } -@media (min-width: 600px) { - .components-search-control input[type=search].components-search-control__input { - font-size: 13px; - /* Override core line-height. To be reviewed. */ - line-height: normal; +@media (min-width:600px){ + .components-search-control input[type=search].components-search-control__input{ + font-size:13px; + line-height:normal; } } -.components-search-control input[type=search].components-search-control__input:focus { - border-color: var(--wp-admin-theme-color); - box-shadow: 0 0 0 1px var(--wp-admin-theme-color); - outline: 2px solid transparent; +.components-search-control input[type=search].components-search-control__input:focus{ + border-color:var(--wp-admin-theme-color); + box-shadow:0 0 0 1px var(--wp-admin-theme-color); + outline:2px solid transparent; } -.components-search-control input[type=search].components-search-control__input::-webkit-input-placeholder { - color: rgba(30, 30, 30, 0.62); +.components-search-control input[type=search].components-search-control__input::-webkit-input-placeholder{ + color:rgba(30,30,30,.62); } -.components-search-control input[type=search].components-search-control__input::-moz-placeholder { - opacity: 1; - color: rgba(30, 30, 30, 0.62); +.components-search-control input[type=search].components-search-control__input::-moz-placeholder{ + color:rgba(30,30,30,.62); + opacity:1; } -.components-search-control input[type=search].components-search-control__input:-ms-input-placeholder { - color: rgba(30, 30, 30, 0.62); +.components-search-control input[type=search].components-search-control__input:-ms-input-placeholder{ + color:rgba(30,30,30,.62); } -@media (min-width: 600px) { - .components-search-control input[type=search].components-search-control__input { - font-size: 13px; +@media (min-width:600px){ + .components-search-control input[type=search].components-search-control__input{ + font-size:13px; } } -.components-search-control input[type=search].components-search-control__input:focus { - background: #fff; - box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); +.components-search-control input[type=search].components-search-control__input:focus{ + background:#fff; + box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); } -.components-search-control input[type=search].components-search-control__input::placeholder { - color: #757575; +.components-search-control input[type=search].components-search-control__input::placeholder{ + color:#757575; } -.components-search-control input[type=search].components-search-control__input::-webkit-search-decoration, .components-search-control input[type=search].components-search-control__input::-webkit-search-cancel-button, .components-search-control input[type=search].components-search-control__input::-webkit-search-results-button, .components-search-control input[type=search].components-search-control__input::-webkit-search-results-decoration { - -webkit-appearance: none; +.components-search-control input[type=search].components-search-control__input::-webkit-search-cancel-button,.components-search-control input[type=search].components-search-control__input::-webkit-search-decoration,.components-search-control input[type=search].components-search-control__input::-webkit-search-results-button,.components-search-control input[type=search].components-search-control__input::-webkit-search-results-decoration{ + -webkit-appearance:none; } -.components-search-control__icon { - position: absolute; - top: 0; - left: 12px; - bottom: 0; - display: flex; - align-items: center; +.components-search-control__icon{ + align-items:center; + bottom:0; + display:flex; + left:12px; + position:absolute; + top:0; } -.components-search-control__icon > svg { - margin: 8px 0; +.components-search-control__icon>svg{ + margin:8px 0; } -.components-search-control__input-wrapper { - position: relative; +.components-search-control__input-wrapper{ + position:relative; } -.components-select-control__input { - background: #fff; - height: 36px; - line-height: 36px; - margin: 1px; - outline: 0; - width: 100%; - -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important; +.components-select-control__input{ + -webkit-tap-highlight-color:rgba(0, 0, 0, 0) !important; + background:#fff; + height:36px; + line-height:36px; + margin:1px; + outline:0; + width:100%; } -@media (min-width: 782px) { - .components-select-control__input { - height: 28px; - line-height: 28px; +@media (min-width:782px){ + .components-select-control__input{ + height:28px; + line-height:28px; } } -@media (max-width: 782px) { - .components-base-control .components-base-control__field .components-select-control__input { - font-size: 16px; +@media (max-width:782px){ + .components-base-control .components-base-control__field .components-select-control__input{ + font-size:16px; } } -.components-snackbar { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - font-size: 13px; - background-color: #1e1e1e; - border-radius: 2px; - box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); - color: #fff; - padding: 16px 24px; - width: 100%; - max-width: 600px; - box-sizing: border-box; - cursor: pointer; - pointer-events: auto; +.components-snackbar{ + background-color:#1e1e1e; + border-radius:2px; + box-shadow:0 2px 4px rgba(0,0,0,.3); + box-sizing:border-box; + color:#fff; + cursor:pointer; + font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; + font-size:13px; + max-width:600px; + padding:16px 24px; + pointer-events:auto; + width:100%; } -@media (min-width: 600px) { - .components-snackbar { - width: -moz-fit-content; - width: fit-content; +@media (min-width:600px){ + .components-snackbar{ + width:-moz-fit-content; + width:fit-content; } } -.components-snackbar:focus { - box-shadow: 0 0 0 1px #fff, 0 0 0 3px var(--wp-admin-theme-color); +.components-snackbar:focus{ + box-shadow:0 0 0 1px #fff, 0 0 0 3px var(--wp-admin-theme-color); } -.components-snackbar.components-snackbar-explicit-dismiss { - cursor: default; +.components-snackbar.components-snackbar-explicit-dismiss{ + cursor:default; } -.components-snackbar .components-snackbar__content-with-icon { - margin-right: 24px; +.components-snackbar .components-snackbar__content-with-icon{ + margin-right:24px; } -.components-snackbar .components-snackbar__icon { - position: absolute; - top: 24px; - right: 28px; +.components-snackbar .components-snackbar__icon{ + position:absolute; + right:28px; + top:24px; } -.components-snackbar .components-snackbar__dismiss-button { - margin-right: 32px; - cursor: pointer; +.components-snackbar .components-snackbar__dismiss-button{ + cursor:pointer; + margin-right:32px; } -.components-snackbar__action.components-button { - margin-right: 32px; - color: #fff; - height: auto; - flex-shrink: 0; - line-height: 1.4; - padding: 0; +.components-snackbar__action.components-button{ + color:#fff; + flex-shrink:0; + height:auto; + line-height:1.4; + margin-right:32px; + padding:0; } -.components-snackbar__action.components-button:not(:disabled):not([aria-disabled=true]):not(.is-secondary) { - text-decoration: underline; - background-color: transparent; +.components-snackbar__action.components-button:not(:disabled):not([aria-disabled=true]):not(.is-secondary){ + background-color:initial; + text-decoration:underline; } -.components-snackbar__action.components-button:not(:disabled):not([aria-disabled=true]):not(.is-secondary):focus { - color: #fff; - box-shadow: none; - outline: 1px dotted #fff; +.components-snackbar__action.components-button:not(:disabled):not([aria-disabled=true]):not(.is-secondary):focus{ + box-shadow:none; + color:#fff; + outline:1px dotted #fff; } -.components-snackbar__action.components-button:not(:disabled):not([aria-disabled=true]):not(.is-secondary):hover { - color: var(--wp-admin-theme-color); +.components-snackbar__action.components-button:not(:disabled):not([aria-disabled=true]):not(.is-secondary):hover{ + color:var(--wp-admin-theme-color); } -.components-snackbar__content { - display: flex; - align-items: baseline; - justify-content: space-between; - line-height: 1.4; +.components-snackbar__content{ + align-items:baseline; + display:flex; + justify-content:space-between; + line-height:1.4; } -.components-snackbar-list { - position: absolute; - z-index: 100000; - width: 100%; - box-sizing: border-box; - pointer-events: none; +.components-snackbar-list{ + box-sizing:border-box; + pointer-events:none; + position:absolute; + width:100%; + z-index:100000; } -.components-snackbar-list__notice-container { - position: relative; - padding-top: 8px; +.components-snackbar-list__notice-container{ + padding-top:8px; + position:relative; } -.components-tab-panel__tabs { - display: flex; - align-items: stretch; - flex-direction: row; +.components-tab-panel__tabs{ + align-items:stretch; + display:flex; + flex-direction:row; } -.components-tab-panel__tabs[aria-orientation=vertical] { - flex-direction: column; +.components-tab-panel__tabs[aria-orientation=vertical]{ + flex-direction:column; } -.components-tab-panel__tabs-item { - background: transparent; - border: none; - box-shadow: none; - border-radius: 0; - cursor: pointer; - height: 48px; - padding: 3px 16px; - margin-right: 0; - font-weight: 500; - transition: box-shadow 0.1s linear; - box-sizing: border-box; +.components-tab-panel__tabs-item{ + background:transparent; + border:none; + border-radius:0; + box-shadow:none; + box-sizing:border-box; + cursor:pointer; + font-weight:500; + height:48px; + margin-right:0; + padding:3px 16px; + transition:box-shadow .1s linear; } -.components-tab-panel__tabs-item::after { - content: attr(data-label); - display: block; - height: 0; - overflow: hidden; - speak: none; - visibility: hidden; +.components-tab-panel__tabs-item:after{ + speak:none; + content:attr(data-label); + display:block; + height:0; + overflow:hidden; + visibility:hidden; } -.components-tab-panel__tabs-item:focus:not(:disabled) { - box-shadow: inset 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); +.components-tab-panel__tabs-item:focus:not(:disabled){ + box-shadow:inset 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); } -.components-tab-panel__tabs-item.is-active { - box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) transparent, inset 0 -1.5px 0 0 var(--wp-admin-theme-color); - position: relative; +.components-tab-panel__tabs-item.is-active{ + box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) transparent, inset 0 -1.5px 0 0 var(--wp-admin-theme-color); + position:relative; } -.components-tab-panel__tabs-item.is-active::before { - content: ""; - position: absolute; - top: 0; - bottom: 1px; - left: 0; - right: 0; - border-bottom: 1.5px solid transparent; +.components-tab-panel__tabs-item.is-active:before{ + border-bottom:1.5px solid transparent; + bottom:1px; + content:""; + left:0; + position:absolute; + right:0; + top:0; } -.components-tab-panel__tabs-item:focus { - box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); +.components-tab-panel__tabs-item:focus{ + box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); } -.components-tab-panel__tabs-item.is-active:focus { - box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 -3px 0 0 var(--wp-admin-theme-color); +.components-tab-panel__tabs-item.is-active:focus{ + box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 -3px 0 0 var(--wp-admin-theme-color); } -.components-text-control__input, -.components-text-control__input[type=text], -.components-text-control__input[type=tel], -.components-text-control__input[type=time], -.components-text-control__input[type=url], -.components-text-control__input[type=week], -.components-text-control__input[type=password], -.components-text-control__input[type=color], -.components-text-control__input[type=date], -.components-text-control__input[type=datetime], -.components-text-control__input[type=datetime-local], -.components-text-control__input[type=email], -.components-text-control__input[type=month], -.components-text-control__input[type=number] { - width: 100%; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - padding: 6px 8px; - box-shadow: 0 0 0 transparent; - transition: box-shadow 0.1s linear; - border-radius: 2px; - border: 1px solid #757575; - /* Fonts smaller than 16px causes mobile safari to zoom. */ - font-size: 16px; - /* Override core line-height. To be reviewed. */ - line-height: normal; +.components-text-control__input,.components-text-control__input[type=color],.components-text-control__input[type=date],.components-text-control__input[type=datetime-local],.components-text-control__input[type=datetime],.components-text-control__input[type=email],.components-text-control__input[type=month],.components-text-control__input[type=number],.components-text-control__input[type=password],.components-text-control__input[type=tel],.components-text-control__input[type=text],.components-text-control__input[type=time],.components-text-control__input[type=url],.components-text-control__input[type=week]{ + border:1px solid #757575; + border-radius:2px; + box-shadow:0 0 0 transparent; + font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; + font-size:16px; + line-height:normal; + padding:6px 8px; + transition:box-shadow .1s linear; + width:100%; } -@media (prefers-reduced-motion: reduce) { - .components-text-control__input, -.components-text-control__input[type=text], -.components-text-control__input[type=tel], -.components-text-control__input[type=time], -.components-text-control__input[type=url], -.components-text-control__input[type=week], -.components-text-control__input[type=password], -.components-text-control__input[type=color], -.components-text-control__input[type=date], -.components-text-control__input[type=datetime], -.components-text-control__input[type=datetime-local], -.components-text-control__input[type=email], -.components-text-control__input[type=month], -.components-text-control__input[type=number] { - transition-duration: 0s; - transition-delay: 0s; +@media (prefers-reduced-motion:reduce){ + .components-text-control__input,.components-text-control__input[type=color],.components-text-control__input[type=date],.components-text-control__input[type=datetime-local],.components-text-control__input[type=datetime],.components-text-control__input[type=email],.components-text-control__input[type=month],.components-text-control__input[type=number],.components-text-control__input[type=password],.components-text-control__input[type=tel],.components-text-control__input[type=text],.components-text-control__input[type=time],.components-text-control__input[type=url],.components-text-control__input[type=week]{ + transition-delay:0s; + transition-duration:0s; } } -@media (min-width: 600px) { - .components-text-control__input, -.components-text-control__input[type=text], -.components-text-control__input[type=tel], -.components-text-control__input[type=time], -.components-text-control__input[type=url], -.components-text-control__input[type=week], -.components-text-control__input[type=password], -.components-text-control__input[type=color], -.components-text-control__input[type=date], -.components-text-control__input[type=datetime], -.components-text-control__input[type=datetime-local], -.components-text-control__input[type=email], -.components-text-control__input[type=month], -.components-text-control__input[type=number] { - font-size: 13px; - /* Override core line-height. To be reviewed. */ - line-height: normal; +@media (min-width:600px){ + .components-text-control__input,.components-text-control__input[type=color],.components-text-control__input[type=date],.components-text-control__input[type=datetime-local],.components-text-control__input[type=datetime],.components-text-control__input[type=email],.components-text-control__input[type=month],.components-text-control__input[type=number],.components-text-control__input[type=password],.components-text-control__input[type=tel],.components-text-control__input[type=text],.components-text-control__input[type=time],.components-text-control__input[type=url],.components-text-control__input[type=week]{ + font-size:13px; + line-height:normal; } } -.components-text-control__input:focus, -.components-text-control__input[type=text]:focus, -.components-text-control__input[type=tel]:focus, -.components-text-control__input[type=time]:focus, -.components-text-control__input[type=url]:focus, -.components-text-control__input[type=week]:focus, -.components-text-control__input[type=password]:focus, -.components-text-control__input[type=color]:focus, -.components-text-control__input[type=date]:focus, -.components-text-control__input[type=datetime]:focus, -.components-text-control__input[type=datetime-local]:focus, -.components-text-control__input[type=email]:focus, -.components-text-control__input[type=month]:focus, -.components-text-control__input[type=number]:focus { - border-color: var(--wp-admin-theme-color); - box-shadow: 0 0 0 1px var(--wp-admin-theme-color); - outline: 2px solid transparent; +.components-text-control__input:focus,.components-text-control__input[type=color]:focus,.components-text-control__input[type=date]:focus,.components-text-control__input[type=datetime-local]:focus,.components-text-control__input[type=datetime]:focus,.components-text-control__input[type=email]:focus,.components-text-control__input[type=month]:focus,.components-text-control__input[type=number]:focus,.components-text-control__input[type=password]:focus,.components-text-control__input[type=tel]:focus,.components-text-control__input[type=text]:focus,.components-text-control__input[type=time]:focus,.components-text-control__input[type=url]:focus,.components-text-control__input[type=week]:focus{ + border-color:var(--wp-admin-theme-color); + box-shadow:0 0 0 1px var(--wp-admin-theme-color); + outline:2px solid transparent; } -.components-text-control__input::-webkit-input-placeholder, -.components-text-control__input[type=text]::-webkit-input-placeholder, -.components-text-control__input[type=tel]::-webkit-input-placeholder, -.components-text-control__input[type=time]::-webkit-input-placeholder, -.components-text-control__input[type=url]::-webkit-input-placeholder, -.components-text-control__input[type=week]::-webkit-input-placeholder, -.components-text-control__input[type=password]::-webkit-input-placeholder, -.components-text-control__input[type=color]::-webkit-input-placeholder, -.components-text-control__input[type=date]::-webkit-input-placeholder, -.components-text-control__input[type=datetime]::-webkit-input-placeholder, -.components-text-control__input[type=datetime-local]::-webkit-input-placeholder, -.components-text-control__input[type=email]::-webkit-input-placeholder, -.components-text-control__input[type=month]::-webkit-input-placeholder, -.components-text-control__input[type=number]::-webkit-input-placeholder { - color: rgba(30, 30, 30, 0.62); +.components-text-control__input::-webkit-input-placeholder,.components-text-control__input[type=color]::-webkit-input-placeholder,.components-text-control__input[type=date]::-webkit-input-placeholder,.components-text-control__input[type=datetime-local]::-webkit-input-placeholder,.components-text-control__input[type=datetime]::-webkit-input-placeholder,.components-text-control__input[type=email]::-webkit-input-placeholder,.components-text-control__input[type=month]::-webkit-input-placeholder,.components-text-control__input[type=number]::-webkit-input-placeholder,.components-text-control__input[type=password]::-webkit-input-placeholder,.components-text-control__input[type=tel]::-webkit-input-placeholder,.components-text-control__input[type=text]::-webkit-input-placeholder,.components-text-control__input[type=time]::-webkit-input-placeholder,.components-text-control__input[type=url]::-webkit-input-placeholder,.components-text-control__input[type=week]::-webkit-input-placeholder{ + color:rgba(30,30,30,.62); } -.components-text-control__input::-moz-placeholder, -.components-text-control__input[type=text]::-moz-placeholder, -.components-text-control__input[type=tel]::-moz-placeholder, -.components-text-control__input[type=time]::-moz-placeholder, -.components-text-control__input[type=url]::-moz-placeholder, -.components-text-control__input[type=week]::-moz-placeholder, -.components-text-control__input[type=password]::-moz-placeholder, -.components-text-control__input[type=color]::-moz-placeholder, -.components-text-control__input[type=date]::-moz-placeholder, -.components-text-control__input[type=datetime]::-moz-placeholder, -.components-text-control__input[type=datetime-local]::-moz-placeholder, -.components-text-control__input[type=email]::-moz-placeholder, -.components-text-control__input[type=month]::-moz-placeholder, -.components-text-control__input[type=number]::-moz-placeholder { - opacity: 1; - color: rgba(30, 30, 30, 0.62); +.components-text-control__input::-moz-placeholder,.components-text-control__input[type=color]::-moz-placeholder,.components-text-control__input[type=date]::-moz-placeholder,.components-text-control__input[type=datetime-local]::-moz-placeholder,.components-text-control__input[type=datetime]::-moz-placeholder,.components-text-control__input[type=email]::-moz-placeholder,.components-text-control__input[type=month]::-moz-placeholder,.components-text-control__input[type=number]::-moz-placeholder,.components-text-control__input[type=password]::-moz-placeholder,.components-text-control__input[type=tel]::-moz-placeholder,.components-text-control__input[type=text]::-moz-placeholder,.components-text-control__input[type=time]::-moz-placeholder,.components-text-control__input[type=url]::-moz-placeholder,.components-text-control__input[type=week]::-moz-placeholder{ + color:rgba(30,30,30,.62); + opacity:1; } -.components-text-control__input:-ms-input-placeholder, -.components-text-control__input[type=text]:-ms-input-placeholder, -.components-text-control__input[type=tel]:-ms-input-placeholder, -.components-text-control__input[type=time]:-ms-input-placeholder, -.components-text-control__input[type=url]:-ms-input-placeholder, -.components-text-control__input[type=week]:-ms-input-placeholder, -.components-text-control__input[type=password]:-ms-input-placeholder, -.components-text-control__input[type=color]:-ms-input-placeholder, -.components-text-control__input[type=date]:-ms-input-placeholder, -.components-text-control__input[type=datetime]:-ms-input-placeholder, -.components-text-control__input[type=datetime-local]:-ms-input-placeholder, -.components-text-control__input[type=email]:-ms-input-placeholder, -.components-text-control__input[type=month]:-ms-input-placeholder, -.components-text-control__input[type=number]:-ms-input-placeholder { - color: rgba(30, 30, 30, 0.62); +.components-text-control__input:-ms-input-placeholder,.components-text-control__input[type=color]:-ms-input-placeholder,.components-text-control__input[type=date]:-ms-input-placeholder,.components-text-control__input[type=datetime-local]:-ms-input-placeholder,.components-text-control__input[type=datetime]:-ms-input-placeholder,.components-text-control__input[type=email]:-ms-input-placeholder,.components-text-control__input[type=month]:-ms-input-placeholder,.components-text-control__input[type=number]:-ms-input-placeholder,.components-text-control__input[type=password]:-ms-input-placeholder,.components-text-control__input[type=tel]:-ms-input-placeholder,.components-text-control__input[type=text]:-ms-input-placeholder,.components-text-control__input[type=time]:-ms-input-placeholder,.components-text-control__input[type=url]:-ms-input-placeholder,.components-text-control__input[type=week]:-ms-input-placeholder{ + color:rgba(30,30,30,.62); } -.components-tip { - display: flex; - color: #757575; +.components-tip{ + color:#757575; + display:flex; } -.components-tip svg { - align-self: center; - fill: #f0b849; - flex-shrink: 0; - margin-left: 16px; +.components-tip svg{ + fill:#f0b849; + align-self:center; + flex-shrink:0; + margin-left:16px; } -.components-tip p { - margin: 0; +.components-tip p{ + margin:0; } -.components-accessible-toolbar { - display: inline-flex; - border: 1px solid #1e1e1e; - border-radius: 2px; - flex-shrink: 0; +.components-accessible-toolbar{ + border:1px solid #1e1e1e; + border-radius:2px; + display:inline-flex; + flex-shrink:0; } -.components-accessible-toolbar > .components-toolbar-group:last-child { - border-left: none; +.components-accessible-toolbar>.components-toolbar-group:last-child{ + border-left:none; } -.components-accessible-toolbar .components-button, -.components-toolbar .components-button { - position: relative; - height: 48px; - z-index: 1; - padding-right: 16px; - padding-left: 16px; +.components-accessible-toolbar .components-button,.components-toolbar .components-button{ + height:48px; + padding-left:16px; + padding-right:16px; + position:relative; + z-index:1; } -.components-accessible-toolbar .components-button:focus:enabled, -.components-toolbar .components-button:focus:enabled { - box-shadow: none; - outline: none; +.components-accessible-toolbar .components-button:focus:enabled,.components-toolbar .components-button:focus:enabled{ + box-shadow:none; + outline:none; } -.components-accessible-toolbar .components-button::before, -.components-toolbar .components-button::before { - content: ""; - position: absolute; - display: block; - border-radius: 2px; - height: 32px; - right: 8px; - left: 8px; - z-index: -1; - animation: components-button__appear-animation 0.1s ease; - animation-fill-mode: forwards; +.components-accessible-toolbar .components-button:before,.components-toolbar .components-button:before{ + animation:components-button__appear-animation .1s ease; + animation-fill-mode:forwards; + border-radius:2px; + content:""; + display:block; + height:32px; + left:8px; + position:absolute; + right:8px; + z-index:-1; } -@media (prefers-reduced-motion: reduce) { - .components-accessible-toolbar .components-button::before, -.components-toolbar .components-button::before { - animation-duration: 1ms; - animation-delay: 0s; +@media (prefers-reduced-motion:reduce){ + .components-accessible-toolbar .components-button:before,.components-toolbar .components-button:before{ + animation-delay:0s; + animation-duration:1ms; } } -.components-accessible-toolbar .components-button svg, -.components-toolbar .components-button svg { - position: relative; - margin-right: auto; - margin-left: auto; +.components-accessible-toolbar .components-button svg,.components-toolbar .components-button svg{ + margin-left:auto; + margin-right:auto; + position:relative; } -.components-accessible-toolbar .components-button.is-pressed, -.components-toolbar .components-button.is-pressed { - background: transparent; +.components-accessible-toolbar .components-button.is-pressed,.components-accessible-toolbar .components-button.is-pressed:hover,.components-toolbar .components-button.is-pressed,.components-toolbar .components-button.is-pressed:hover{ + background:transparent; } -.components-accessible-toolbar .components-button.is-pressed:hover, -.components-toolbar .components-button.is-pressed:hover { - background: transparent; +.components-accessible-toolbar .components-button.is-pressed:before,.components-toolbar .components-button.is-pressed:before{ + background:#1e1e1e; } -.components-accessible-toolbar .components-button.is-pressed::before, -.components-toolbar .components-button.is-pressed::before { - background: #1e1e1e; +.components-accessible-toolbar .components-button:focus:before,.components-toolbar .components-button:focus:before{ + box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 0 0 4px #fff; + outline:2px solid transparent; } -.components-accessible-toolbar .components-button:focus::before, -.components-toolbar .components-button:focus::before { - box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 0 0 4px #fff; - outline: 2px solid transparent; +.components-accessible-toolbar .components-button.has-icon.has-icon,.components-toolbar .components-button.has-icon.has-icon{ + min-width:48px; + padding-left:12px; + padding-right:12px; } -.components-accessible-toolbar .components-button.has-icon.has-icon, -.components-toolbar .components-button.has-icon.has-icon { - padding-right: 12px; - padding-left: 12px; - min-width: 48px; +.components-accessible-toolbar .components-button.components-tab-button,.components-toolbar .components-button.components-tab-button{ + font-weight:500; } -.components-accessible-toolbar .components-button.components-tab-button, -.components-toolbar .components-button.components-tab-button { - font-weight: 500; -} -.components-accessible-toolbar .components-button.components-tab-button span, -.components-toolbar .components-button.components-tab-button span { - display: inline-block; - padding-right: 0; - padding-left: 0; - position: relative; +.components-accessible-toolbar .components-button.components-tab-button span,.components-toolbar .components-button.components-tab-button span{ + display:inline-block; + padding-left:0; + padding-right:0; + position:relative; } -@keyframes components-button__appear-animation { - from { - transform: scaleY(0); +@keyframes components-button__appear-animation{ + 0%{ + transform:scaleY(0); } - to { - transform: scaleY(1); + to{ + transform:scaleY(1); } } -.components-toolbar__control.components-button { - position: relative; +.components-toolbar__control.components-button{ + position:relative; } -.components-toolbar__control.components-button[data-subscript] svg { - padding: 5px 0 5px 10px; +.components-toolbar__control.components-button[data-subscript] svg{ + padding:5px 0 5px 10px; } -.components-toolbar__control.components-button[data-subscript]::after { - content: attr(data-subscript); - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - font-size: 13px; - font-weight: 600; - line-height: 12px; - position: absolute; - left: 8px; - bottom: 10px; +.components-toolbar__control.components-button[data-subscript]:after{ + bottom:10px; + content:attr(data-subscript); + font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; + font-size:13px; + font-weight:600; + left:8px; + line-height:12px; + position:absolute; } -.components-toolbar__control.components-button:active::before { - display: none; +.components-toolbar__control.components-button:active:before{ + display:none; } -.components-toolbar__control.components-button:not(:disabled).is-pressed[data-subscript]::after { - color: #fff; +.components-toolbar__control.components-button:not(:disabled).is-pressed[data-subscript]:after{ + color:#fff; } -.components-toolbar-group { - min-height: 48px; - border-left: 1px solid #1e1e1e; - background-color: #fff; - display: inline-flex; - flex-shrink: 0; - flex-wrap: wrap; - padding-right: 6px; - padding-left: 6px; - line-height: 0; +.components-toolbar-group{ + background-color:#fff; + border-left:1px solid #1e1e1e; + display:inline-flex; + flex-shrink:0; + flex-wrap:wrap; + line-height:0; + min-height:48px; + padding-left:6px; + padding-right:6px; } -.components-toolbar-group .components-toolbar-group.components-toolbar-group { - border-width: 0; - margin: 0; +.components-toolbar-group .components-toolbar-group.components-toolbar-group{ + border-width:0; + margin:0; } -.components-toolbar-group .components-button.components-button, -.components-toolbar-group .components-button.has-icon.has-icon { - min-width: 36px; - padding-right: 6px; - padding-left: 6px; +.components-toolbar-group .components-button.components-button,.components-toolbar-group .components-button.has-icon.has-icon{ + min-width:36px; + padding-left:6px; + padding-right:6px; } -.components-toolbar-group .components-button.components-button svg, -.components-toolbar-group .components-button.has-icon.has-icon svg { - min-width: 24px; +.components-toolbar-group .components-button.components-button svg,.components-toolbar-group .components-button.has-icon.has-icon svg{ + min-width:24px; } -.components-toolbar-group .components-button.components-button::before, -.components-toolbar-group .components-button.has-icon.has-icon::before { - right: 2px; - left: 2px; +.components-toolbar-group .components-button.components-button:before,.components-toolbar-group .components-button.has-icon.has-icon:before{ + left:2px; + right:2px; } -.components-toolbar { - min-height: 48px; - margin: 0; - border: 1px solid #1e1e1e; - background-color: #fff; - display: inline-flex; - flex-shrink: 0; - flex-wrap: wrap; +.components-toolbar{ + background-color:#fff; + border:1px solid #1e1e1e; + display:inline-flex; + flex-shrink:0; + flex-wrap:wrap; + margin:0; + min-height:48px; } -.components-toolbar .components-toolbar.components-toolbar { - border-width: 0; - margin: 0; +.components-toolbar .components-toolbar.components-toolbar{ + border-width:0; + margin:0; } -div.components-toolbar > div { - display: block; - margin: 0; +div.components-toolbar>div{ + display:block; + margin:0; } -@supports (position: sticky) { - div.components-toolbar > div { - display: flex; +@supports (position:sticky){ + div.components-toolbar>div{ + display:flex; } } -div.components-toolbar > div + div.has-left-divider { - margin-right: 6px; - position: relative; - overflow: visible; +div.components-toolbar>div+div.has-left-divider{ + margin-right:6px; + overflow:visible; + position:relative; } -div.components-toolbar > div + div.has-left-divider::before { - display: inline-block; - content: ""; - box-sizing: content-box; - background-color: #ddd; - position: absolute; - top: 8px; - right: -3px; - width: 1px; - height: 20px; +div.components-toolbar>div+div.has-left-divider:before{ + background-color:#ddd; + box-sizing:initial; + content:""; + display:inline-block; + height:20px; + position:absolute; + right:-3px; + top:8px; + width:1px; } -.components-tooltip.components-popover { - z-index: 1000002; +.components-tooltip.components-popover{ + z-index:1000002; } -.components-tooltip.components-popover .components-popover__content { - min-width: min-content; +.components-tooltip.components-popover .components-popover__content{ + min-width:min-content; } -.components-tooltip .components-popover__content { - background: #1e1e1e; - border-radius: 2px; - border-width: 0; - outline: none; - color: #fff; - white-space: nowrap; - text-align: center; - line-height: 1.4; - font-size: 12px; - box-shadow: none; - padding: 4px 8px; +.components-tooltip .components-popover__content{ + background:#1e1e1e; + border-radius:2px; + border-width:0; + box-shadow:none; + color:#fff; + font-size:12px; + line-height:1.4; + outline:none; + padding:4px 8px; + text-align:center; + white-space:nowrap; } -.components-tooltip__shortcut { - display: inline-block; - margin-right: 8px; +.components-tooltip__shortcut{ + display:inline-block; + margin-right:8px; } -.disabled-element-wrapper { - position: relative; +.disabled-element-wrapper{ + position:relative; } -.disabled-element-wrapper .event-catcher { - z-index: 100002; - position: absolute; - width: 100%; - height: 100%; - top: 0; - right: 0; - bottom: 0; - left: 0; +.disabled-element-wrapper .event-catcher{ + bottom:0; + height:100%; + left:0; + position:absolute; + right:0; + top:0; + width:100%; + z-index:100002; } \ No newline at end of file diff --git a/wp-includes/css/dist/components/style.css b/wp-includes/css/dist/components/style.css index 339065e5f8..da1cf51d2b 100644 --- a/wp-includes/css/dist/components/style.css +++ b/wp-includes/css/dist/components/style.css @@ -1,3478 +1,3104 @@ @charset "UTF-8"; -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -:root { - --wp-admin-theme-color: #007cba; - --wp-admin-theme-color--rgb: 0, 124, 186; - --wp-admin-theme-color-darker-10: #006ba1; - --wp-admin-theme-color-darker-10--rgb: 0, 107, 161; - --wp-admin-theme-color-darker-20: #005a87; - --wp-admin-theme-color-darker-20--rgb: 0, 90, 135; - --wp-admin-border-width-focus: 2px; +:root{ + --wp-admin-theme-color:#007cba; + --wp-admin-theme-color--rgb:0, 124, 186; + --wp-admin-theme-color-darker-10:#006ba1; + --wp-admin-theme-color-darker-10--rgb:0, 107, 161; + --wp-admin-theme-color-darker-20:#005a87; + --wp-admin-theme-color-darker-20--rgb:0, 90, 135; + --wp-admin-border-width-focus:2px; } -@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { - :root { - --wp-admin-border-width-focus: 1.5px; +@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ + :root{ + --wp-admin-border-width-focus:1.5px; } } -.components-animate__appear { - animation: components-animate__appear-animation 0.1s cubic-bezier(0, 0, 0.2, 1) 0s; - animation-fill-mode: forwards; +.components-animate__appear{ + animation:components-animate__appear-animation .1s cubic-bezier(0, 0, .2, 1) 0s; + animation-fill-mode:forwards; } -@media (prefers-reduced-motion: reduce) { - .components-animate__appear { - animation-duration: 1ms; - animation-delay: 0s; +@media (prefers-reduced-motion:reduce){ + .components-animate__appear{ + animation-delay:0s; + animation-duration:1ms; } } -.components-animate__appear.is-from-top, .components-animate__appear.is-from-top.is-from-left { - transform-origin: top left; +.components-animate__appear.is-from-top,.components-animate__appear.is-from-top.is-from-left{ + transform-origin:top left; } -.components-animate__appear.is-from-top.is-from-right { - transform-origin: top right; +.components-animate__appear.is-from-top.is-from-right{ + transform-origin:top right; } -.components-animate__appear.is-from-bottom, .components-animate__appear.is-from-bottom.is-from-left { - transform-origin: bottom left; +.components-animate__appear.is-from-bottom,.components-animate__appear.is-from-bottom.is-from-left{ + transform-origin:bottom left; } -.components-animate__appear.is-from-bottom.is-from-right { - transform-origin: bottom right; +.components-animate__appear.is-from-bottom.is-from-right{ + transform-origin:bottom right; } -@keyframes components-animate__appear-animation { - from { - transform: translateY(-2em) scaleY(0) scaleX(0); +@keyframes components-animate__appear-animation{ + 0%{ + transform:translateY(-2em) scaleY(0) scaleX(0); } - to { - transform: translateY(0%) scaleY(1) scaleX(1); + to{ + transform:translateY(0) scaleY(1) scaleX(1); } } -.components-animate__slide-in { - animation: components-animate__slide-in-animation 0.1s cubic-bezier(0, 0, 0.2, 1); - animation-fill-mode: forwards; +.components-animate__slide-in{ + animation:components-animate__slide-in-animation .1s cubic-bezier(0, 0, .2, 1); + animation-fill-mode:forwards; } -@media (prefers-reduced-motion: reduce) { - .components-animate__slide-in { - animation-duration: 1ms; - animation-delay: 0s; +@media (prefers-reduced-motion:reduce){ + .components-animate__slide-in{ + animation-delay:0s; + animation-duration:1ms; } } -.components-animate__slide-in.is-from-left { - transform: translateX(100%); +.components-animate__slide-in.is-from-left{ + transform:translateX(100%); } -.components-animate__slide-in.is-from-right { - transform: translateX(-100%); +.components-animate__slide-in.is-from-right{ + transform:translateX(-100%); } -@keyframes components-animate__slide-in-animation { - 100% { - transform: translateX(0%); +@keyframes components-animate__slide-in-animation{ + to{ + transform:translateX(0); } } -.components-animate__loading { - animation: components-animate__loading 1.6s ease-in-out infinite; +.components-animate__loading{ + animation:components-animate__loading 1.6s ease-in-out infinite; } -@keyframes components-animate__loading { - 0% { - opacity: 0.5; +@keyframes components-animate__loading{ + 0%{ + opacity:.5; } - 50% { - opacity: 1; + 50%{ + opacity:1; } - 100% { - opacity: 0.5; + to{ + opacity:.5; } } -.components-autocomplete__popover .components-popover__content { - padding: 16px; - min-width: 220px; +.components-autocomplete__popover .components-popover__content{ + min-width:220px; + padding:16px; } -.components-autocomplete__result.components-button { - display: flex; - height: auto; - min-height: 36px; - text-align: left; - width: 100%; +.components-autocomplete__result.components-button{ + display:flex; + height:auto; + min-height:36px; + text-align:left; + width:100%; } -.components-autocomplete__result.components-button.is-selected { - box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); +.components-autocomplete__result.components-button.is-selected{ + box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); } -.components-button-group { - display: inline-block; +.components-button-group{ + display:inline-block; } -.components-button-group .components-button { - border-radius: 0; - display: inline-flex; - color: #1e1e1e; - box-shadow: inset 0 0 0 1px #1e1e1e; +.components-button-group .components-button{ + border-radius:0; + box-shadow:inset 0 0 0 1px #1e1e1e; + color:#1e1e1e; + display:inline-flex; } -.components-button-group .components-button + .components-button { - margin-left: -1px; +.components-button-group .components-button+.components-button{ + margin-left:-1px; } -.components-button-group .components-button:first-child { - border-radius: 2px 0 0 2px; +.components-button-group .components-button:first-child{ + border-radius:2px 0 0 2px; } -.components-button-group .components-button:last-child { - border-radius: 0 2px 2px 0; +.components-button-group .components-button:last-child{ + border-radius:0 2px 2px 0; } -.components-button-group .components-button:focus, .components-button-group .components-button.is-primary { - position: relative; - z-index: 1; +.components-button-group .components-button.is-primary,.components-button-group .components-button:focus{ + position:relative; + z-index:1; } -.components-button-group .components-button.is-primary { - box-shadow: inset 0 0 0 1px #1e1e1e; +.components-button-group .components-button.is-primary{ + box-shadow:inset 0 0 0 1px #1e1e1e; } -.components-button { - display: inline-flex; - text-decoration: none; - font-family: inherit; - font-weight: normal; - font-size: 13px; - margin: 0; - border: 0; - cursor: pointer; - -webkit-appearance: none; - background: none; - transition: box-shadow 0.1s linear; - height: 36px; - align-items: center; - box-sizing: border-box; - padding: 6px 12px; - border-radius: 2px; - color: #1e1e1e; - /** - * Primary button style. - */ - /** - * Secondary and tertiary buttons. - */ - /** - * Secondary button style. - */ - /** - * Tertiary buttons. - */ - /** - * Destructive buttons. - */ - /** - * Link buttons. - */ +.components-button{ + align-items:center; + -webkit-appearance:none; + background:none; + border:0; + border-radius:2px; + box-sizing:border-box; + color:#1e1e1e; + cursor:pointer; + display:inline-flex; + font-family:inherit; + font-size:13px; + font-weight:400; + height:36px; + margin:0; + padding:6px 12px; + text-decoration:none; + transition:box-shadow .1s linear; } -@media (prefers-reduced-motion: reduce) { - .components-button { - transition-duration: 0s; - transition-delay: 0s; +@media (prefers-reduced-motion:reduce){ + .components-button{ + transition-delay:0s; + transition-duration:0s; } } -.components-button[aria-expanded=true], .components-button:hover { - color: var(--wp-admin-theme-color); +.components-button:hover,.components-button[aria-expanded=true]{ + color:var(--wp-admin-theme-color); } -.components-button[aria-disabled=true]:hover { - color: initial; +.components-button[aria-disabled=true]:hover{ + color:initial; } -.components-button:focus:not(:disabled) { - box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); - outline: 3px solid transparent; +.components-button:focus:not(:disabled){ + box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); + outline:3px solid transparent; } -.components-button.is-primary { - white-space: nowrap; - background: var(--wp-admin-theme-color); - color: #fff; - text-decoration: none; - text-shadow: none; - outline: 1px solid transparent; +.components-button.is-primary{ + background:var(--wp-admin-theme-color); + color:#fff; + outline:1px solid transparent; + text-decoration:none; + text-shadow:none; + white-space:nowrap; } -.components-button.is-primary:hover:not(:disabled) { - background: var(--wp-admin-theme-color-darker-10); - color: #fff; +.components-button.is-primary:hover:not(:disabled){ + background:var(--wp-admin-theme-color-darker-10); + color:#fff; } -.components-button.is-primary:active:not(:disabled) { - background: var(--wp-admin-theme-color-darker-20); - border-color: var(--wp-admin-theme-color-darker-20); - color: #fff; +.components-button.is-primary:active:not(:disabled){ + background:var(--wp-admin-theme-color-darker-20); + border-color:var(--wp-admin-theme-color-darker-20); + color:#fff; } -.components-button.is-primary:focus:not(:disabled) { - box-shadow: inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); +.components-button.is-primary:focus:not(:disabled){ + box-shadow:inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); } -.components-button.is-primary:disabled, .components-button.is-primary:disabled:active:enabled, .components-button.is-primary[aria-disabled=true], .components-button.is-primary[aria-disabled=true]:enabled, .components-button.is-primary[aria-disabled=true]:active:enabled { - color: rgba(255, 255, 255, 0.4); - background: var(--wp-admin-theme-color); - border-color: var(--wp-admin-theme-color); - opacity: 1; - outline: none; +.components-button.is-primary:disabled,.components-button.is-primary:disabled:active:enabled,.components-button.is-primary[aria-disabled=true],.components-button.is-primary[aria-disabled=true]:active:enabled,.components-button.is-primary[aria-disabled=true]:enabled{ + background:var(--wp-admin-theme-color); + border-color:var(--wp-admin-theme-color); + color:hsla(0,0%,100%,.4); + opacity:1; + outline:none; } -.components-button.is-primary:disabled:focus:enabled, .components-button.is-primary:disabled:active:enabled:focus:enabled, .components-button.is-primary[aria-disabled=true]:focus:enabled, .components-button.is-primary[aria-disabled=true]:enabled:focus:enabled, .components-button.is-primary[aria-disabled=true]:active:enabled:focus:enabled { - box-shadow: 0 0 0 1px #fff, 0 0 0 3px var(--wp-admin-theme-color); +.components-button.is-primary:disabled:active:enabled:focus:enabled,.components-button.is-primary:disabled:focus:enabled,.components-button.is-primary[aria-disabled=true]:active:enabled:focus:enabled,.components-button.is-primary[aria-disabled=true]:enabled:focus:enabled,.components-button.is-primary[aria-disabled=true]:focus:enabled{ + box-shadow:0 0 0 1px #fff, 0 0 0 3px var(--wp-admin-theme-color); } -.components-button.is-primary.is-busy, .components-button.is-primary.is-busy:disabled, .components-button.is-primary.is-busy[aria-disabled=true] { - color: #fff; - background-size: 100px 100%; - /* stylelint-disable */ - background-image: linear-gradient(-45deg, var(--wp-admin-theme-color) 33%, var(--wp-admin-theme-color-darker-20) 33%, var(--wp-admin-theme-color-darker-20) 70%, var(--wp-admin-theme-color) 70%); - /* stylelint-enable */ - border-color: var(--wp-admin-theme-color); +.components-button.is-primary.is-busy,.components-button.is-primary.is-busy:disabled,.components-button.is-primary.is-busy[aria-disabled=true]{ + background-image:linear-gradient(-45deg, var(--wp-admin-theme-color) 33%, var(--wp-admin-theme-color-darker-20) 33%, var(--wp-admin-theme-color-darker-20) 70%, var(--wp-admin-theme-color) 70%); + background-size:100px 100%; + border-color:var(--wp-admin-theme-color); + color:#fff; } -.components-button.is-secondary, .components-button.is-tertiary { - outline: 1px solid transparent; +.components-button.is-secondary,.components-button.is-tertiary{ + outline:1px solid transparent; } -.components-button.is-secondary:active:not(:disabled), .components-button.is-tertiary:active:not(:disabled) { - background: #ddd; - color: var(--wp-admin-theme-color-darker-10); - box-shadow: none; +.components-button.is-secondary:active:not(:disabled),.components-button.is-tertiary:active:not(:disabled){ + background:#ddd; + box-shadow:none; + color:var(--wp-admin-theme-color-darker-10); } -.components-button.is-secondary:hover:not(:disabled), .components-button.is-tertiary:hover:not(:disabled) { - color: var(--wp-admin-theme-color-darker-10); - box-shadow: inset 0 0 0 1px var(--wp-admin-theme-color-darker-10); +.components-button.is-secondary:hover:not(:disabled),.components-button.is-tertiary:hover:not(:disabled){ + box-shadow:inset 0 0 0 1px var(--wp-admin-theme-color-darker-10); + color:var(--wp-admin-theme-color-darker-10); } -.components-button.is-secondary:disabled, .components-button.is-secondary[aria-disabled=true], .components-button.is-secondary[aria-disabled=true]:hover, .components-button.is-tertiary:disabled, .components-button.is-tertiary[aria-disabled=true], .components-button.is-tertiary[aria-disabled=true]:hover { - color: #828282; - background: #eaeaea; - transform: none; - opacity: 1; - box-shadow: none; - outline: none; +.components-button.is-secondary:disabled,.components-button.is-secondary[aria-disabled=true],.components-button.is-secondary[aria-disabled=true]:hover,.components-button.is-tertiary:disabled,.components-button.is-tertiary[aria-disabled=true],.components-button.is-tertiary[aria-disabled=true]:hover{ + background:#eaeaea; + box-shadow:none; + color:#828282; + opacity:1; + outline:none; + transform:none; } -.components-button.is-secondary { - box-shadow: inset 0 0 0 1px var(--wp-admin-theme-color); - outline: 1px solid transparent; - white-space: nowrap; - color: var(--wp-admin-theme-color); - background: transparent; +.components-button.is-secondary{ + box-shadow:inset 0 0 0 1px var(--wp-admin-theme-color); + outline:1px solid transparent; } -.components-button.is-tertiary { - white-space: nowrap; - color: var(--wp-admin-theme-color); - background: transparent; - padding: 6px; +.components-button.is-secondary,.components-button.is-tertiary{ + background:transparent; + color:var(--wp-admin-theme-color); + white-space:nowrap; } -.components-button.is-tertiary .dashicon { - display: inline-block; - flex: 0 0 auto; +.components-button.is-tertiary{ + padding:6px; } -p + .components-button.is-tertiary { - margin-left: -6px; +.components-button.is-tertiary .dashicon{ + display:inline-block; + flex:0 0 auto; } -.components-button.is-destructive { - color: #cc1818; - box-shadow: inset 0 0 0 1px #cc1818; +p+.components-button.is-tertiary{ + margin-left:-6px; } -.components-button.is-destructive:hover:not(:disabled) { - color: #710d0d; - box-shadow: inset 0 0 0 1px #710d0d; +.components-button.is-destructive{ + box-shadow:inset 0 0 0 1px #cc1818; + color:#cc1818; } -.components-button.is-destructive:focus:not(:disabled) { - color: var(--wp-admin-theme-color); +.components-button.is-destructive:hover:not(:disabled){ + box-shadow:inset 0 0 0 1px #710d0d; + color:#710d0d; } -.components-button.is-destructive:active:not(:disabled) { - background: #ccc; +.components-button.is-destructive:focus:not(:disabled){ + color:var(--wp-admin-theme-color); } -.components-button.is-destructive.is-primary { - color: #fff; - background: #cc1818; - box-shadow: inset 0 0 0 1px #cc1818; +.components-button.is-destructive:active:not(:disabled){ + background:#ccc; } -.components-button.is-destructive.is-primary:hover:not(:disabled) { - color: #fff; - background: #710d0d; - box-shadow: inset 0 0 0 1px #710d0d; +.components-button.is-destructive.is-primary{ + background:#cc1818; + box-shadow:inset 0 0 0 1px #cc1818; + color:#fff; } -.components-button.is-destructive.is-tertiary { - box-shadow: none; +.components-button.is-destructive.is-primary:hover:not(:disabled){ + background:#710d0d; + box-shadow:inset 0 0 0 1px #710d0d; + color:#fff; } -.components-button.is-destructive.is-tertiary:hover:not(:disabled) { - box-shadow: inset 0 0 0 1px #cc1818; - color: #cc1818; +.components-button.is-destructive.is-tertiary{ + box-shadow:none; } -.components-button.is-destructive.is-tertiary:focus:not(:disabled) { - box-shadow: inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) #cc1818; - color: #cc1818; +.components-button.is-destructive.is-tertiary:hover:not(:disabled){ + box-shadow:inset 0 0 0 1px #cc1818; + color:#cc1818; } -.components-button.is-link { - margin: 0; - padding: 0; - box-shadow: none; - border: 0; - border-radius: 0; - background: none; - outline: none; - text-align: left; - color: var(--wp-admin-theme-color); - text-decoration: underline; - transition-property: border, background, color; - transition-duration: 0.05s; - transition-timing-function: ease-in-out; - height: auto; +.components-button.is-destructive.is-tertiary:focus:not(:disabled){ + box-shadow:inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) #cc1818; + color:#cc1818; } -@media (prefers-reduced-motion: reduce) { - .components-button.is-link { - transition-duration: 0s; - transition-delay: 0s; +.components-button.is-link{ + background:none; + border:0; + border-radius:0; + box-shadow:none; + color:var(--wp-admin-theme-color); + height:auto; + margin:0; + outline:none; + padding:0; + text-align:left; + text-decoration:underline; + transition-duration:.05s; + transition-property:border, background, color; + transition-timing-function:ease-in-out; +} +@media (prefers-reduced-motion:reduce){ + .components-button.is-link{ + transition-delay:0s; + transition-duration:0s; } } -.components-button.is-link:focus { - border-radius: 2px; +.components-button.is-link:focus{ + border-radius:2px; } -.components-button.is-link.is-destructive { - color: #cc1818; +.components-button.is-link.is-destructive{ + color:#cc1818; } -.components-button.is-link.is-destructive:active:not(:disabled), .components-button.is-link.is-destructive:hover:not(:disabled) { - color: #710d0d; - background: none; +.components-button.is-link.is-destructive:active:not(:disabled),.components-button.is-link.is-destructive:hover:not(:disabled){ + background:none; + color:#710d0d; } -.components-button.is-link.is-destructive:focus:not(:disabled) { - color: var(--wp-admin-theme-color); +.components-button.is-link.is-destructive:focus:not(:disabled){ + color:var(--wp-admin-theme-color); } -.components-button:not([aria-disabled=true]):active { - color: inherit; +.components-button:not([aria-disabled=true]):active{ + color:inherit; } -.components-button:disabled, .components-button[aria-disabled=true] { - cursor: default; - opacity: 0.3; +.components-button:disabled,.components-button[aria-disabled=true]{ + cursor:default; + opacity:.3; } -.components-button.is-busy, .components-button.is-secondary.is-busy, .components-button.is-secondary.is-busy:disabled, .components-button.is-secondary.is-busy[aria-disabled=true] { - animation: components-button__busy-animation 2500ms infinite linear; - opacity: 1; - background-size: 100px 100%; - /* stylelint-disable */ - background-image: linear-gradient(-45deg, #fafafa 33%, #e0e0e0 33%, #e0e0e0 70%, #fafafa 70%); - /* stylelint-enable */ +.components-button.is-busy,.components-button.is-secondary.is-busy,.components-button.is-secondary.is-busy:disabled,.components-button.is-secondary.is-busy[aria-disabled=true]{ + animation:components-button__busy-animation 2.5s linear infinite; + background-image:linear-gradient(-45deg, #fafafa 33%, #e0e0e0 0, #e0e0e0 70%, #fafafa 0); + background-size:100px 100%; + opacity:1; } -.components-button.is-small { - height: 24px; - line-height: 22px; - padding: 0 8px; - font-size: 11px; +.components-button.is-small{ + font-size:11px; + height:24px; + line-height:22px; + padding:0 8px; } -.components-button.is-small.has-icon:not(.has-text) { - padding: 0; - width: 24px; - min-width: 24px; +.components-button.is-small.has-icon:not(.has-text){ + min-width:24px; + padding:0; + width:24px; } -.components-button.has-icon { - padding: 6px; - min-width: 36px; - justify-content: center; +.components-button.has-icon{ + justify-content:center; + min-width:36px; + padding:6px; } -.components-button.has-icon .dashicon { - display: inline-block; - flex: 0 0 auto; - margin-left: 2px; - margin-right: 2px; +.components-button.has-icon .dashicon{ + display:inline-block; + flex:0 0 auto; + margin-left:2px; + margin-right:2px; } -.components-button.has-icon.has-text { - justify-content: left; +.components-button.has-icon.has-text{ + justify-content:left; } -.components-button.has-icon.has-text svg { - margin-right: 8px; +.components-button.has-icon.has-text svg{ + margin-right:8px; } -.components-button.has-icon.has-text .dashicon { - margin-right: 10px; +.components-button.has-icon.has-text .dashicon{ + margin-right:10px; } -.components-button.is-pressed { - color: #fff; - background: #1e1e1e; +.components-button.is-pressed{ + background:#1e1e1e; + color:#fff; } -.components-button.is-pressed:focus:not(:disabled) { - box-shadow: inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); - outline: 2px solid transparent; +.components-button.is-pressed:focus:not(:disabled){ + box-shadow:inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); + outline:2px solid transparent; } -.components-button.is-pressed:hover:not(:disabled) { - color: #fff; - background: #1e1e1e; +.components-button.is-pressed:hover:not(:disabled){ + background:#1e1e1e; + color:#fff; } -.components-button svg { - fill: currentColor; - outline: none; +.components-button svg{ + fill:currentColor; + outline:none; } -@media (forced-colors: active) { - .components-button svg { - fill: CanvasText; +@media (forced-colors:active){ + .components-button svg{ + fill:CanvasText; } } -.components-button .components-visually-hidden { - height: auto; +.components-button .components-visually-hidden{ + height:auto; } -@keyframes components-button__busy-animation { - 0% { - background-position: 200px 0; +@keyframes components-button__busy-animation{ + 0%{ + background-position:200px 0; } } -.components-checkbox-control__input[type=checkbox] { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - padding: 6px 8px; - box-shadow: 0 0 0 transparent; - transition: box-shadow 0.1s linear; - border-radius: 2px; - border: 1px solid #757575; - /* Fonts smaller than 16px causes mobile safari to zoom. */ - font-size: 16px; - /* Override core line-height. To be reviewed. */ - line-height: normal; - border: 1px solid #1e1e1e; - margin-right: 12px; - transition: none; - border-radius: 2px; - background: #fff; - color: #1e1e1e; - clear: none; - cursor: pointer; - display: inline-block; - line-height: 0; - margin: 0 4px 0 0; - outline: 0; - padding: 0 !important; - text-align: center; - vertical-align: top; - width: 24px; - height: 24px; - -webkit-appearance: none; - appearance: none; - transition: 0.1s border-color ease-in-out; +.components-checkbox-control__input[type=checkbox]{ + -webkit-appearance:none; + appearance:none; + background:#fff; + border:1px solid #1e1e1e; + border-radius:2px; + box-shadow:0 0 0 transparent; + clear:none; + color:#1e1e1e; + cursor:pointer; + display:inline-block; + font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; + font-size:16px; + height:24px; + line-height:normal; + line-height:0; + margin:0 4px 0 0; + outline:0; + padding:6px 8px; + padding:0 !important; + text-align:center; + transition:box-shadow .1s linear; + transition:none; + transition:border-color .1s ease-in-out; + vertical-align:top; + width:24px; } -@media (prefers-reduced-motion: reduce) { - .components-checkbox-control__input[type=checkbox] { - transition-duration: 0s; - transition-delay: 0s; +@media (min-width:600px){ + .components-checkbox-control__input[type=checkbox]{ + font-size:13px; + line-height:normal; } } -@media (min-width: 600px) { - .components-checkbox-control__input[type=checkbox] { - font-size: 13px; - /* Override core line-height. To be reviewed. */ - line-height: normal; +.components-checkbox-control__input[type=checkbox]:focus{ + border-color:var(--wp-admin-theme-color); + box-shadow:0 0 0 1px var(--wp-admin-theme-color); +} +.components-checkbox-control__input[type=checkbox]::-webkit-input-placeholder{ + color:rgba(30,30,30,.62); +} +.components-checkbox-control__input[type=checkbox]::-moz-placeholder{ + color:rgba(30,30,30,.62); + opacity:1; +} +.components-checkbox-control__input[type=checkbox]:-ms-input-placeholder{ + color:rgba(30,30,30,.62); +} +.components-checkbox-control__input[type=checkbox]:checked{ + background:var(--wp-admin-theme-color); + border-color:var(--wp-admin-theme-color); +} +.components-checkbox-control__input[type=checkbox]:checked::-ms-check{ + opacity:0; +} +.components-checkbox-control__input[type=checkbox]:checked:before,.components-checkbox-control__input[type=checkbox][aria-checked=mixed]:before{ + color:#fff; + margin:-3px -5px; +} +@media (min-width:782px){ + .components-checkbox-control__input[type=checkbox]:checked:before,.components-checkbox-control__input[type=checkbox][aria-checked=mixed]:before{ + margin:-4px 0 0 -5px; } } -.components-checkbox-control__input[type=checkbox]:focus { - border-color: var(--wp-admin-theme-color); - box-shadow: 0 0 0 1px var(--wp-admin-theme-color); - outline: 2px solid transparent; +.components-checkbox-control__input[type=checkbox][aria-checked=mixed]{ + background:var(--wp-admin-theme-color); + border-color:var(--wp-admin-theme-color); } -.components-checkbox-control__input[type=checkbox]::-webkit-input-placeholder { - color: rgba(30, 30, 30, 0.62); +.components-checkbox-control__input[type=checkbox][aria-checked=mixed]:before{ + speak:none; + -webkit-font-smoothing:antialiased; + -moz-osx-font-smoothing:grayscale; + content:""; + display:inline-block; + float:left; + font:normal 30px/1 dashicons; + vertical-align:middle; + width:16px; } -.components-checkbox-control__input[type=checkbox]::-moz-placeholder { - opacity: 1; - color: rgba(30, 30, 30, 0.62); -} -.components-checkbox-control__input[type=checkbox]:-ms-input-placeholder { - color: rgba(30, 30, 30, 0.62); -} -.components-checkbox-control__input[type=checkbox]:focus { - box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--wp-admin-theme-color); - outline: 2px solid transparent; -} -.components-checkbox-control__input[type=checkbox]:checked { - background: var(--wp-admin-theme-color); - border-color: var(--wp-admin-theme-color); -} -.components-checkbox-control__input[type=checkbox]:checked::-ms-check { - opacity: 0; -} -.components-checkbox-control__input[type=checkbox]:checked::before, .components-checkbox-control__input[type=checkbox][aria-checked=mixed]::before { - margin: -3px -5px; - color: #fff; -} -@media (min-width: 782px) { - .components-checkbox-control__input[type=checkbox]:checked::before, .components-checkbox-control__input[type=checkbox][aria-checked=mixed]::before { - margin: -4px 0 0 -5px; +@media (min-width:782px){ + .components-checkbox-control__input[type=checkbox][aria-checked=mixed]:before{ + float:none; + font-size:21px; } } -.components-checkbox-control__input[type=checkbox][aria-checked=mixed] { - background: var(--wp-admin-theme-color); - border-color: var(--wp-admin-theme-color); -} -.components-checkbox-control__input[type=checkbox][aria-checked=mixed]::before { - content: ""; - float: left; - display: inline-block; - vertical-align: middle; - width: 16px; - /* stylelint-disable */ - font: normal 30px/1 dashicons; - /* stylelint-enable */ - speak: none; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} -@media (min-width: 782px) { - .components-checkbox-control__input[type=checkbox][aria-checked=mixed]::before { - float: none; - font-size: 21px; +@media (min-width:600px){ + .components-checkbox-control__input[type=checkbox]{ + height:20px; + width:20px; } } -@media (min-width: 600px) { - .components-checkbox-control__input[type=checkbox] { - height: 20px; - width: 20px; +@media (prefers-reduced-motion:reduce){ + .components-checkbox-control__input[type=checkbox]{ + transition-delay:0s; + transition-duration:0s; } } -@media (prefers-reduced-motion: reduce) { - .components-checkbox-control__input[type=checkbox] { - transition-duration: 0s; - transition-delay: 0s; - } +.components-checkbox-control__input[type=checkbox]:focus{ + box-shadow:0 0 0 2px #fff, 0 0 0 4px var(--wp-admin-theme-color); + outline:2px solid transparent; } -.components-checkbox-control__input[type=checkbox]:focus { - box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--wp-admin-theme-color); - outline: 2px solid transparent; +.components-checkbox-control__input[type=checkbox]:checked,.components-checkbox-control__input[type=checkbox]:indeterminate{ + background:var(--wp-admin-theme-color); + border-color:var(--wp-admin-theme-color); } -.components-checkbox-control__input[type=checkbox]:checked, .components-checkbox-control__input[type=checkbox]:indeterminate { - background: var(--wp-admin-theme-color); - border-color: var(--wp-admin-theme-color); +.components-checkbox-control__input[type=checkbox]:checked::-ms-check,.components-checkbox-control__input[type=checkbox]:indeterminate::-ms-check{ + opacity:0; } -.components-checkbox-control__input[type=checkbox]:checked::-ms-check, .components-checkbox-control__input[type=checkbox]:indeterminate::-ms-check { - opacity: 0; -} -.components-checkbox-control__input[type=checkbox]:checked::before { - content: none; +.components-checkbox-control__input[type=checkbox]:checked:before{ + content:none; } -.components-checkbox-control__input-container { - position: relative; - display: inline-block; - margin-right: 12px; - vertical-align: middle; - width: 24px; - height: 24px; +.components-checkbox-control__input-container{ + display:inline-block; + height:24px; + margin-right:12px; + position:relative; + vertical-align:middle; + width:24px; } -@media (min-width: 600px) { - .components-checkbox-control__input-container { - width: 20px; - height: 20px; +@media (min-width:600px){ + .components-checkbox-control__input-container{ + height:20px; + width:20px; } } -svg.components-checkbox-control__checked, -svg.components-checkbox-control__indeterminate { - fill: #fff; - cursor: pointer; - position: absolute; - left: 0; - top: 0; - width: 24px; - height: 24px; - -webkit-user-select: none; - user-select: none; - pointer-events: none; +svg.components-checkbox-control__checked,svg.components-checkbox-control__indeterminate{ + fill:#fff; + cursor:pointer; + height:24px; + left:0; + pointer-events:none; + position:absolute; + top:0; + -webkit-user-select:none; + user-select:none; + width:24px; } -@media (min-width: 600px) { - svg.components-checkbox-control__checked, -svg.components-checkbox-control__indeterminate { - left: -2px; - top: -2px; +@media (min-width:600px){ + svg.components-checkbox-control__checked,svg.components-checkbox-control__indeterminate{ + left:-2px; + top:-2px; } } -.components-circular-option-picker { - display: inline-block; - width: 100%; - min-width: 188px; +.components-circular-option-picker{ + display:inline-block; + min-width:188px; + width:100%; } -.components-circular-option-picker .components-circular-option-picker__custom-clear-wrapper { - display: flex; - justify-content: flex-end; - margin-top: 12px; +.components-circular-option-picker .components-circular-option-picker__custom-clear-wrapper{ + display:flex; + justify-content:flex-end; + margin-top:12px; } -.components-circular-option-picker .components-circular-option-picker__swatches { - display: flex; - flex-wrap: wrap; - gap: 12px; +.components-circular-option-picker .components-circular-option-picker__swatches{ + display:flex; + flex-wrap:wrap; + gap:12px; } -.components-circular-option-picker__option-wrapper { - display: inline-block; - height: 28px; - width: 28px; - vertical-align: top; - transform: scale(1); - transition: 100ms transform ease; +.components-circular-option-picker__option-wrapper{ + display:inline-block; + height:28px; + transform:scale(1); + transition:transform .1s ease; + vertical-align:top; + width:28px; } -@media (prefers-reduced-motion: reduce) { - .components-circular-option-picker__option-wrapper { - transition-duration: 0s; - transition-delay: 0s; +@media (prefers-reduced-motion:reduce){ + .components-circular-option-picker__option-wrapper{ + transition-delay:0s; + transition-duration:0s; } } -.components-circular-option-picker__option-wrapper:hover { - transform: scale(1.2); +.components-circular-option-picker__option-wrapper:hover{ + transform:scale(1.2); } -.components-circular-option-picker__option-wrapper > div { - height: 100%; - width: 100%; +.components-circular-option-picker__option-wrapper>div{ + height:100%; + width:100%; } -.components-circular-option-picker__option-wrapper::before { - content: ""; - position: absolute; - top: 1px; - left: 1px; - bottom: 1px; - right: 1px; - border-radius: 50%; - z-index: -1; - /* stylelint-disable-next-line function-url-quotes */ - background: url('data:image/svg+xml,%3Csvg width="28" height="28" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M6 8V6H4v2h2zM8 8V6h2v2H8zM10 16H8v-2h2v2zM12 16v-2h2v2h-2zM12 18v-2h-2v2H8v2h2v-2h2zM14 18v2h-2v-2h2zM16 18h-2v-2h2v2z" fill="%23555D65"/%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M18 18h2v-2h-2v-2h2v-2h-2v-2h2V8h-2v2h-2V8h-2v2h2v2h-2v2h2v2h2v2zm-2-4v-2h2v2h-2z" fill="%23555D65"/%3E%3Cpath d="M18 18v2h-2v-2h2z" fill="%23555D65"/%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M8 10V8H6v2H4v2h2v2H4v2h2v2H4v2h2v2H4v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2V8h-2V6h2V4h-2v2h-2V4h-2v2h-2V4h-2v2h-2V4h-2v2h2v2h-2v2H8zm0 2v-2H6v2h2zm2 0v-2h2v2h-2zm0 2v-2H8v2H6v2h2v2H6v2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2V8h-2V6h-2v2h-2V6h-2v2h-2v2h2v2h-2v2h-2z" fill="%23555D65"/%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M4 0H2v2H0v2h2v2H0v2h2v2H0v2h2v2H0v2h2v2H0v2h2v2H0v2h2v2H0v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2V8h-2V6h2V4h-2V2h2V0h-2v2h-2V0h-2v2h-2V0h-2v2h-2V0h-2v2h-2V0h-2v2H8V0H6v2H4V0zm0 4V2H2v2h2zm2 0V2h2v2H6zm0 2V4H4v2H2v2h2v2H2v2h2v2H2v2h2v2H2v2h2v2H2v2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2V8h-2V6h2V4h-2V2h-2v2h-2V2h-2v2h-2V2h-2v2h-2V2h-2v2H8v2H6z" fill="%23555D65"/%3E%3C/svg%3E'); +.components-circular-option-picker__option-wrapper:before{ + background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='28' height='28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 8V6H4v2h2zm2 0V6h2v2H8zm2 8H8v-2h2v2zm2 0v-2h2v2h-2zm0 2v-2h-2v2H8v2h2v-2h2zm2 0v2h-2v-2h2zm2 0h-2v-2h2v2z' fill='%23555D65'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18 18h2v-2h-2v-2h2v-2h-2v-2h2V8h-2v2h-2V8h-2v2h2v2h-2v2h2v2h2v2zm-2-4v-2h2v2h-2z' fill='%23555D65'/%3E%3Cpath d='M18 18v2h-2v-2h2z' fill='%23555D65'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 10V8H6v2H4v2h2v2H4v2h2v2H4v2h2v2H4v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2V8h-2V6h2V4h-2v2h-2V4h-2v2h-2V4h-2v2h-2V4h-2v2h2v2h-2v2H8zm0 2v-2H6v2h2zm2 0v-2h2v2h-2zm0 2v-2H8v2H6v2h2v2H6v2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2V8h-2V6h-2v2h-2V6h-2v2h-2v2h2v2h-2v2h-2z' fill='%23555D65'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 0H2v2H0v2h2v2H0v2h2v2H0v2h2v2H0v2h2v2H0v2h2v2H0v2h2v2H0v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2V8h-2V6h2V4h-2V2h2V0h-2v2h-2V0h-2v2h-2V0h-2v2h-2V0h-2v2h-2V0h-2v2H8V0H6v2H4V0zm0 4V2H2v2h2zm2 0V2h2v2H6zm0 2V4H4v2H2v2h2v2H2v2h2v2H2v2h2v2H2v2h2v2H2v2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2V8h-2V6h2V4h-2V2h-2v2h-2V2h-2v2h-2V2h-2v2h-2V2h-2v2H8v2H6z' fill='%23555D65'/%3E%3C/svg%3E"); + border-radius:50%; + bottom:1px; + content:""; + left:1px; + position:absolute; + right:1px; + top:1px; + z-index:-1; } -.components-circular-option-picker__option { - display: inline-block; - vertical-align: top; - height: 100%; - width: 100%; - border: none; - border-radius: 50%; - background: transparent; - box-shadow: inset 0 0 0 14px; - transition: 100ms box-shadow ease; - cursor: pointer; +.components-circular-option-picker__option{ + background:transparent; + border:none; + border-radius:50%; + box-shadow:inset 0 0 0 14px; + cursor:pointer; + display:inline-block; + height:100%; + transition:box-shadow .1s ease; + vertical-align:top; + width:100%; } -@media (prefers-reduced-motion: reduce) { - .components-circular-option-picker__option { - transition-duration: 0s; - transition-delay: 0s; +@media (prefers-reduced-motion:reduce){ + .components-circular-option-picker__option{ + transition-delay:0s; + transition-duration:0s; } } -.components-circular-option-picker__option:hover { - box-shadow: inset 0 0 0 14px !important; +.components-circular-option-picker__option:hover{ + box-shadow:inset 0 0 0 14px !important; } -.components-circular-option-picker__option.is-pressed { - box-shadow: inset 0 0 0 4px; - position: relative; - z-index: 1; - overflow: visible; +.components-circular-option-picker__option.is-pressed{ + box-shadow:inset 0 0 0 4px; + overflow:visible; + position:relative; + z-index:1; } -.components-circular-option-picker__option.is-pressed + svg { - position: absolute; - left: 2px; - top: 2px; - border-radius: 50%; - z-index: 2; - pointer-events: none; +.components-circular-option-picker__option.is-pressed+svg{ + border-radius:50%; + left:2px; + pointer-events:none; + position:absolute; + top:2px; + z-index:2; } -.components-circular-option-picker__option::after { - content: ""; - position: absolute; - top: -1px; - left: -1px; - bottom: -1px; - right: -1px; - border-radius: 50%; - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2); - border: 1px solid transparent; - box-sizing: inherit; +.components-circular-option-picker__option:after{ + border:1px solid transparent; + border-radius:50%; + bottom:-1px; + box-shadow:inset 0 0 0 1px rgba(0,0,0,.2); + box-sizing:inherit; + content:""; + left:-1px; + position:absolute; + right:-1px; + top:-1px; } -.components-circular-option-picker__option:focus::after { - content: ""; - border: 2px solid #757575; - width: 32px; - height: 32px; - position: absolute; - top: -2px; - left: -2px; - border-radius: 50%; - box-shadow: inset 0 0 0 2px #fff; +.components-circular-option-picker__option:focus:after{ + border:2px solid #757575; + border-radius:50%; + box-shadow:inset 0 0 0 2px #fff; + content:""; + height:32px; + left:-2px; + position:absolute; + top:-2px; + width:32px; } -.components-circular-option-picker__option.components-button:focus { - background-color: transparent; - box-shadow: inset 0 0 0 14px; - outline: none; +.components-circular-option-picker__option.components-button:focus{ + background-color:initial; + box-shadow:inset 0 0 0 14px; + outline:none; } -.components-circular-option-picker__button-action .components-circular-option-picker__option { - color: #fff; - background: #fff; +.components-circular-option-picker__button-action .components-circular-option-picker__option{ + background:#fff; + color:#fff; } -.components-circular-option-picker__dropdown-link-action { - margin-right: 16px; +.components-circular-option-picker__dropdown-link-action{ + margin-right:16px; } -.components-circular-option-picker__dropdown-link-action .components-button { - line-height: 22px; +.components-circular-option-picker__dropdown-link-action .components-button{ + line-height:22px; } -.components-palette-edit__popover-gradient-picker { - width: 280px; - padding: 8px; +.components-palette-edit__popover-gradient-picker{ + padding:8px; + width:280px; } -.components-dropdown-menu__menu .components-palette-edit__menu-button { - width: 100%; +.components-dropdown-menu__menu .components-palette-edit__menu-button{ + width:100%; } -.component-color-indicator { - width: 20px; - height: 20px; - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2); - border-radius: 50%; - display: inline-block; - padding: 0; +.component-color-indicator{ + border-radius:50%; + box-shadow:inset 0 0 0 1px rgba(0,0,0,.2); + display:inline-block; + height:20px; + padding:0; + width:20px; } -.components-combobox-control { - width: 100%; +.components-combobox-control{ + width:100%; } -input.components-combobox-control__input[type=text] { - width: 100%; - border: none; - box-shadow: none; - font-family: inherit; - font-size: 16px; - padding: 2px; - margin: 0; - line-height: inherit; - min-height: auto; +input.components-combobox-control__input[type=text]{ + border:none; + box-shadow:none; + font-family:inherit; + font-size:16px; + line-height:inherit; + margin:0; + min-height:auto; + padding:2px; + width:100%; } -@media (min-width: 600px) { - input.components-combobox-control__input[type=text] { - font-size: 13px; +@media (min-width:600px){ + input.components-combobox-control__input[type=text]{ + font-size:13px; } } -input.components-combobox-control__input[type=text]:focus { - outline: none; - box-shadow: none; +input.components-combobox-control__input[type=text]:focus{ + box-shadow:none; + outline:none; } -.components-combobox-control__suggestions-container { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - padding: 6px 8px; - box-shadow: 0 0 0 transparent; - transition: box-shadow 0.1s linear; - border-radius: 2px; - border: 1px solid #757575; - /* Fonts smaller than 16px causes mobile safari to zoom. */ - font-size: 16px; - /* Override core line-height. To be reviewed. */ - line-height: normal; - display: flex; - flex-wrap: wrap; - align-items: flex-start; - width: 100%; - padding: 0; +.components-combobox-control__suggestions-container{ + align-items:flex-start; + border:1px solid #757575; + border-radius:2px; + box-shadow:0 0 0 transparent; + display:flex; + flex-wrap:wrap; + font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; + font-size:16px; + line-height:normal; + padding:0; + transition:box-shadow .1s linear; + width:100%; } -@media (prefers-reduced-motion: reduce) { - .components-combobox-control__suggestions-container { - transition-duration: 0s; - transition-delay: 0s; +@media (prefers-reduced-motion:reduce){ + .components-combobox-control__suggestions-container{ + transition-delay:0s; + transition-duration:0s; } } -@media (min-width: 600px) { - .components-combobox-control__suggestions-container { - font-size: 13px; - /* Override core line-height. To be reviewed. */ - line-height: normal; +@media (min-width:600px){ + .components-combobox-control__suggestions-container{ + font-size:13px; + line-height:normal; } } -.components-combobox-control__suggestions-container:focus { - border-color: var(--wp-admin-theme-color); - box-shadow: 0 0 0 1px var(--wp-admin-theme-color); - outline: 2px solid transparent; +.components-combobox-control__suggestions-container:focus{ + border-color:var(--wp-admin-theme-color); + box-shadow:0 0 0 1px var(--wp-admin-theme-color); + outline:2px solid transparent; } -.components-combobox-control__suggestions-container::-webkit-input-placeholder { - color: rgba(30, 30, 30, 0.62); +.components-combobox-control__suggestions-container::-webkit-input-placeholder{ + color:rgba(30,30,30,.62); } -.components-combobox-control__suggestions-container::-moz-placeholder { - opacity: 1; - color: rgba(30, 30, 30, 0.62); +.components-combobox-control__suggestions-container::-moz-placeholder{ + color:rgba(30,30,30,.62); + opacity:1; } -.components-combobox-control__suggestions-container:-ms-input-placeholder { - color: rgba(30, 30, 30, 0.62); +.components-combobox-control__suggestions-container:-ms-input-placeholder{ + color:rgba(30,30,30,.62); } -.components-combobox-control__suggestions-container:focus-within { - border-color: var(--wp-admin-theme-color); - box-shadow: 0 0 0 1px var(--wp-admin-theme-color); - outline: 2px solid transparent; +.components-combobox-control__suggestions-container:focus-within{ + border-color:var(--wp-admin-theme-color); + box-shadow:0 0 0 1px var(--wp-admin-theme-color); + outline:2px solid transparent; } -.components-combobox-control__reset.components-button { - display: flex; - height: 16px; - min-width: 16px; - padding: 0; +.components-combobox-control__reset.components-button{ + display:flex; + height:16px; + min-width:16px; + padding:0; } -.components-color-list-picker, -.components-color-list-picker__swatch-button { - width: 100%; +.components-color-list-picker,.components-color-list-picker__swatch-button{ + width:100%; } -.components-color-list-picker__color-picker { - margin: 8px 0; +.components-color-list-picker__color-picker{ + margin:8px 0; } -.components-color-list-picker__swatch-button { - padding: 6px; +.components-color-list-picker__swatch-button{ + padding:6px; } -.components-color-list-picker__swatch-color { - margin: 2px; +.components-color-list-picker__swatch-color{ + margin:2px; } -.components-color-palette__custom-color { - position: relative; - border: none; - background: none; - border-radius: 2px; - height: 64px; - padding: 12px; - font-family: inherit; - width: 100%; - /*rtl:begin:ignore*/ - background-image: repeating-linear-gradient(45deg, #e0e0e0 25%, transparent 25%, transparent 75%, #e0e0e0 75%, #e0e0e0), repeating-linear-gradient(45deg, #e0e0e0 25%, transparent 25%, transparent 75%, #e0e0e0 75%, #e0e0e0); - background-position: 0 0, 25px 25px; - /*rtl:end:ignore*/ - background-size: calc(2 * 25px) calc(2 * 25px); - box-sizing: border-box; - color: #fff; - cursor: pointer; - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2); - outline: 1px solid transparent; +.components-color-palette__custom-color{ + background:none; + background-image:repeating-linear-gradient(45deg, #e0e0e0 25%, transparent 0, transparent 75%, #e0e0e0 0, #e0e0e0), repeating-linear-gradient(45deg, #e0e0e0 25%, transparent 0, transparent 75%, #e0e0e0 0, #e0e0e0); + background-position:0 0, 25px 25px; + background-size:50px 50px; + border:none; + border-radius:2px; + box-shadow:inset 0 0 0 1px rgba(0,0,0,.2); + box-sizing:border-box; + color:#fff; + cursor:pointer; + font-family:inherit; + height:64px; + outline:1px solid transparent; + padding:12px; + position:relative; + width:100%; } -.components-color-palette__custom-color:focus { - box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); - outline-width: 2px; +.components-color-palette__custom-color:focus{ + box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); + outline-width:2px; } -.components-color-palette__custom-color-name { - text-align: left; +.components-color-palette__custom-color-name{ + text-align:left; } -.components-color-palette__custom-color-value { - margin-left: 16px; - text-transform: uppercase; +.components-color-palette__custom-color-value{ + margin-left:16px; + text-transform:uppercase; } -.components-custom-gradient-picker:not(.is-next-has-no-margin) { - margin-top: 12px; - margin-bottom: 24px; +.components-custom-gradient-picker:not(.is-next-has-no-margin){ + margin-bottom:24px; + margin-top:12px; } -.components-custom-gradient-picker__gradient-bar:not(.has-gradient) { - opacity: 0.4; +.components-custom-gradient-picker__gradient-bar:not(.has-gradient){ + opacity:.4; } -.components-custom-gradient-picker__gradient-bar { - border-radius: 2px; - width: 100%; - height: 48px; +.components-custom-gradient-picker__gradient-bar{ + border-radius:2px; + height:48px; + width:100%; } -.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__markers-container { - position: relative; - width: calc(100% - 48px); - margin-left: auto; - margin-right: auto; +.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__markers-container{ + margin-left:auto; + margin-right:auto; + position:relative; + width:calc(100% - 48px); } -.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__control-point-dropdown { - position: absolute; - height: 16px; - width: 16px; - top: 16px; - display: flex; +.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__control-point-dropdown{ + display:flex; + height:16px; + position:absolute; + top:16px; + width:16px; } -.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__insert-point-dropdown { - position: relative; - height: inherit; - width: inherit; - min-width: 16px; - border-radius: 50%; - background: #fff; - padding: 2px; - color: #1e1e1e; +.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__insert-point-dropdown{ + background:#fff; + border-radius:50%; + color:#1e1e1e; + height:inherit; + min-width:16px; + padding:2px; + position:relative; + width:inherit; } -.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__insert-point-dropdown svg { - height: 100%; - width: 100%; +.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__insert-point-dropdown svg{ + height:100%; + width:100%; } -.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__control-point-button { - height: inherit; - width: inherit; - border-radius: 50%; - padding: 0; - box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) #fff, 0 0 2px 0 rgba(0, 0, 0, 0.25); - outline: 2px solid transparent; +.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__control-point-button{ + border-radius:50%; + box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) #fff, 0 0 2px 0 rgba(0,0,0,.25); + height:inherit; + outline:2px solid transparent; + padding:0; + width:inherit; } -.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__control-point-button:focus, .components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__control-point-button.is-active { - box-shadow: inset 0 0 0 calc(var(--wp-admin-border-width-focus) * 2) #fff, 0 0 2px 0 rgba(0, 0, 0, 0.25); - outline: 1.5px solid transparent; +.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__control-point-button.is-active,.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__control-point-button:focus{ + box-shadow:inset 0 0 0 calc(var(--wp-admin-border-width-focus)*2) #fff, 0 0 2px 0 rgba(0,0,0,.25); + outline:1.5px solid transparent; } -.components-custom-gradient-picker__remove-control-point-wrapper { - padding-bottom: 8px; +.components-custom-gradient-picker__remove-control-point-wrapper{ + padding-bottom:8px; } -.components-custom-gradient-picker__inserter { - /*rtl:ignore*/ - direction: ltr; +.components-custom-gradient-picker__inserter{ + direction:ltr; } -.components-custom-gradient-picker__liner-gradient-indicator { - display: inline-block; - flex: 0 auto; - width: 20px; - height: 20px; +.components-custom-gradient-picker__liner-gradient-indicator{ + display:inline-block; + flex:0 auto; + height:20px; + width:20px; } -.components-custom-gradient-picker .components-custom-gradient-picker__toolbar { - border: none; +.components-custom-gradient-picker .components-custom-gradient-picker__toolbar{ + border:none; } -.components-custom-gradient-picker .components-custom-gradient-picker__toolbar > div + div { - margin-left: 1px; +.components-custom-gradient-picker .components-custom-gradient-picker__toolbar>div+div{ + margin-left:1px; } -.components-custom-gradient-picker .components-custom-gradient-picker__toolbar button.is-pressed > svg { - background: #fff; - border: 1px solid #949494; - border-radius: 2px; +.components-custom-gradient-picker .components-custom-gradient-picker__toolbar button.is-pressed>svg{ + background:#fff; + border:1px solid #949494; + border-radius:2px; } -.components-custom-select-control { - position: relative; - font-size: 13px; +.components-custom-select-control{ + font-size:13px; + position:relative; } -.components-custom-select-control__button { - position: relative; - text-align: left; - outline: 0; +.components-custom-select-control__button{ + outline:0; + position:relative; + text-align:left; } -.components-custom-select-control__menu { - border: 1px solid #1e1e1e; - background-color: #fff; - border-radius: 2px; - outline: none; - transition: none; - max-height: 400px; - min-width: 100%; - overflow: auto; - padding: 0; - position: absolute; - z-index: 1000000; +.components-custom-select-control__menu{ + background-color:#fff; + border:1px solid #1e1e1e; + border-radius:2px; + max-height:400px; + min-width:100%; + outline:none; + overflow:auto; + padding:0; + position:absolute; + transition:none; + z-index:1000000; } -.components-custom-select-control__menu[aria-hidden=true] { - display: none; +.components-custom-select-control__menu[aria-hidden=true]{ + display:none; } -.components-custom-select-control__item { - align-items: center; - display: grid; - grid-template-columns: auto auto; - list-style-type: none; - padding: 8px 16px; - cursor: default; - line-height: 28px; +.components-custom-select-control__item{ + align-items:center; + cursor:default; + display:grid; + grid-template-columns:auto auto; + line-height:28px; + list-style-type:none; + padding:8px 16px; } -.components-custom-select-control__item:not(.is-next-36px-default-size) { - padding: 8px; +.components-custom-select-control__item:not(.is-next-36px-default-size){ + padding:8px; } -.components-custom-select-control__item.has-hint { - grid-template-columns: auto auto 30px; +.components-custom-select-control__item.has-hint{ + grid-template-columns:auto auto 30px; } -.components-custom-select-control__item.is-highlighted { - background: #ddd; +.components-custom-select-control__item.is-highlighted{ + background:#ddd; } -.components-custom-select-control__item .components-custom-select-control__item-hint { - color: #757575; - text-align: right; - padding-right: 4px; +.components-custom-select-control__item .components-custom-select-control__item-hint{ + color:#757575; + padding-right:4px; + text-align:right; } -.components-custom-select-control__item .components-custom-select-control__item-icon { - margin-left: auto; +.components-custom-select-control__item .components-custom-select-control__item-icon{ + margin-left:auto; } -.components-custom-select-control__item:last-child { - margin-bottom: 0; +.components-custom-select-control__item:last-child{ + margin-bottom:0; } -.block-editor-dimension-control .components-base-control__field { - display: flex; - align-items: center; +.block-editor-dimension-control .components-base-control__field{ + align-items:center; + display:flex; } -.block-editor-dimension-control .components-base-control__label { - display: flex; - align-items: center; - margin-right: 1em; - margin-bottom: 0; +.block-editor-dimension-control .components-base-control__label{ + align-items:center; + display:flex; + margin-bottom:0; + margin-right:1em; } -.block-editor-dimension-control .components-base-control__label .dashicon { - margin-right: 0.5em; +.block-editor-dimension-control .components-base-control__label .dashicon{ + margin-right:.5em; } -.block-editor-dimension-control.is-manual .components-base-control__label { - width: 10em; +.block-editor-dimension-control.is-manual .components-base-control__label{ + width:10em; } -body.is-dragging-components-draggable { - cursor: move; - /* Fallback for IE/Edge < 14 */ - cursor: grabbing !important; +body.is-dragging-components-draggable{ + cursor:move; + cursor:grabbing !important; } -.components-draggable__invisible-drag-image { - position: fixed; - left: -1000px; - height: 50px; - width: 50px; +.components-draggable__invisible-drag-image{ + height:50px; + left:-1000px; + position:fixed; + width:50px; } -.components-draggable__clone { - position: fixed; - padding: 0; - background: transparent; - pointer-events: none; - z-index: 1000000000; +.components-draggable__clone{ + background:transparent; + padding:0; + pointer-events:none; + position:fixed; + z-index:1000000000; } -.components-drop-zone { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - z-index: 40; - visibility: hidden; - opacity: 0; - border-radius: 2px; +.components-drop-zone{ + border-radius:2px; + bottom:0; + left:0; + opacity:0; + position:absolute; + right:0; + top:0; + visibility:hidden; + z-index:40; } -.components-drop-zone.is-active { - opacity: 1; - visibility: visible; +.components-drop-zone.is-active{ + opacity:1; + visibility:visible; } -.components-drop-zone__content { - position: absolute; - top: 0; - bottom: 0; - left: 0; - right: 0; - height: 100%; - width: 100%; - display: flex; - background-color: var(--wp-admin-theme-color); - align-items: center; - justify-content: center; - z-index: 50; - text-align: center; - color: #fff; +.components-drop-zone__content{ + align-items:center; + background-color:var(--wp-admin-theme-color); + bottom:0; + color:#fff; + display:flex; + height:100%; + justify-content:center; + left:0; + position:absolute; + right:0; + text-align:center; + top:0; + width:100%; + z-index:50; } -.components-drop-zone__content-icon, -.components-drop-zone__content-text { - display: block; +.components-drop-zone__content-icon,.components-drop-zone__content-text{ + display:block; } -.components-drop-zone__content-icon { - margin: 0 auto; - line-height: 0; - fill: currentColor; - pointer-events: none; +.components-drop-zone__content-icon{ + fill:currentColor; + line-height:0; + margin:0 auto; + pointer-events:none; } -.components-drop-zone__content-text { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - font-size: 13px; +.components-drop-zone__content-text{ + font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; + font-size:13px; } -.components-dropdown { - display: inline-block; +.components-dropdown{ + display:inline-block; } -.components-dropdown__content .components-popover__content { - padding: 8px; +.components-dropdown__content .components-popover__content{ + padding:8px; } -.components-dropdown__content [role=menuitem] { - white-space: nowrap; +.components-dropdown__content [role=menuitem]{ + white-space:nowrap; } -.components-dropdown-menu__menu { - width: 100%; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - font-size: 13px; - line-height: 1.4; +.components-dropdown-menu__menu{ + font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; + font-size:13px; + line-height:1.4; + width:100%; } -.components-dropdown-menu__menu .components-dropdown-menu__menu-item, -.components-dropdown-menu__menu .components-menu-item { - width: 100%; - padding: 6px; - outline: none; - cursor: pointer; - white-space: nowrap; +.components-dropdown-menu__menu .components-dropdown-menu__menu-item,.components-dropdown-menu__menu .components-menu-item{ + cursor:pointer; + outline:none; + padding:6px; + white-space:nowrap; + width:100%; } -.components-dropdown-menu__menu .components-dropdown-menu__menu-item.has-separator, -.components-dropdown-menu__menu .components-menu-item.has-separator { - margin-top: 6px; - position: relative; - overflow: visible; +.components-dropdown-menu__menu .components-dropdown-menu__menu-item.has-separator,.components-dropdown-menu__menu .components-menu-item.has-separator{ + margin-top:6px; + overflow:visible; + position:relative; } -.components-dropdown-menu__menu .components-dropdown-menu__menu-item.has-separator::before, -.components-dropdown-menu__menu .components-menu-item.has-separator::before { - display: block; - content: ""; - box-sizing: content-box; - background-color: #ddd; - position: absolute; - top: -3px; - left: 0; - right: 0; - height: 1px; +.components-dropdown-menu__menu .components-dropdown-menu__menu-item.has-separator:before,.components-dropdown-menu__menu .components-menu-item.has-separator:before{ + background-color:#ddd; + box-sizing:initial; + content:""; + display:block; + height:1px; + left:0; + position:absolute; + right:0; + top:-3px; } -.components-dropdown-menu__menu .components-dropdown-menu__menu-item.is-active svg, -.components-dropdown-menu__menu .components-menu-item.is-active svg { - color: #fff; - background: #1e1e1e; - box-shadow: 0 0 0 1px #1e1e1e; - border-radius: 1px; +.components-dropdown-menu__menu .components-dropdown-menu__menu-item.is-active svg,.components-dropdown-menu__menu .components-menu-item.is-active svg{ + background:#1e1e1e; + border-radius:1px; + box-shadow:0 0 0 1px #1e1e1e; + color:#fff; } -.components-dropdown-menu__menu .components-dropdown-menu__menu-item > svg, -.components-dropdown-menu__menu .components-menu-item > svg { - border-radius: 2px; - width: 24px; - height: 24px; +.components-dropdown-menu__menu .components-dropdown-menu__menu-item>svg,.components-dropdown-menu__menu .components-menu-item>svg{ + border-radius:2px; + height:24px; + width:24px; } -.components-dropdown-menu__menu .components-dropdown-menu__menu-item.is-icon-only, -.components-dropdown-menu__menu .components-menu-item.is-icon-only { - width: auto; +.components-dropdown-menu__menu .components-dropdown-menu__menu-item.is-icon-only,.components-dropdown-menu__menu .components-menu-item.is-icon-only{ + width:auto; } -.components-dropdown-menu__menu .components-menu-item__button, -.components-dropdown-menu__menu .components-menu-item__button.components-button { - min-height: 36px; - height: auto; - text-align: left; - padding-left: 8px; - padding-right: 8px; +.components-dropdown-menu__menu .components-menu-item__button,.components-dropdown-menu__menu .components-menu-item__button.components-button{ + height:auto; + min-height:36px; + padding-left:8px; + padding-right:8px; + text-align:left; } -.components-dropdown-menu__menu .components-menu-group { - padding: 8px; - margin-top: 0; - margin-bottom: 0; - margin-left: -8px; - margin-right: -8px; +.components-dropdown-menu__menu .components-menu-group{ + margin:0 -8px; + padding:8px; } -.components-dropdown-menu__menu .components-menu-group:first-child { - margin-top: -8px; +.components-dropdown-menu__menu .components-menu-group:first-child{ + margin-top:-8px; } -.components-dropdown-menu__menu .components-menu-group:last-child { - margin-bottom: -8px; +.components-dropdown-menu__menu .components-menu-group:last-child{ + margin-bottom:-8px; } -.components-dropdown-menu__menu .components-menu-group + .components-menu-group { - margin-top: 0; - border-top: 1px solid #ccc; - padding: 8px; +.components-dropdown-menu__menu .components-menu-group+.components-menu-group{ + border-top:1px solid #ccc; + margin-top:0; + padding:8px; } -.is-alternate .components-dropdown-menu__menu .components-menu-group + .components-menu-group { - border-color: #1e1e1e; +.is-alternate .components-dropdown-menu__menu .components-menu-group+.components-menu-group{ + border-color:#1e1e1e; } -.components-duotone-picker__color-indicator::before { - background: transparent; +.components-duotone-picker__color-indicator:before{ + background:transparent; +} +.components-duotone-picker__color-indicator>.components-button,.components-duotone-picker__color-indicator>.components-button.is-pressed:hover:not(:disabled){ + background:linear-gradient(-45deg, transparent 48%, #ddd 0, #ddd 52%, transparent 0); + color:transparent; +} +.components-duotone-picker__color-indicator>.components-button:not([aria-disabled=true]):active{ + color:transparent; } -.components-duotone-picker__color-indicator > .components-button { - background: linear-gradient(-45deg, transparent 48%, #ddd 48%, #ddd 52%, transparent 52%); - color: transparent; +.components-font-size-picker__header__hint{ + color:#757575; + margin-left:4px; } -.components-duotone-picker__color-indicator > .components-button.is-pressed:hover:not(:disabled) { - background: linear-gradient(-45deg, transparent 48%, #ddd 48%, #ddd 52%, transparent 52%); - color: transparent; +.components-font-size-picker__header .components-base-control__label{ + margin-bottom:0; } -.components-duotone-picker__color-indicator > .components-button:not([aria-disabled=true]):active { - color: transparent; +.components-font-size-picker__header .components-button.is-small.has-icon:not(.has-text){ + min-width:24px; + padding:0; } -.components-font-size-picker__header__hint { - margin-left: 4px; - color: #757575; +.components-font-size-picker__controls{ + align-items:center; + margin-top:8px; + max-width:248px; } -.components-font-size-picker__header .components-base-control__label { - margin-bottom: 0; +.components-font-size-picker__controls:not(.is-next-has-no-margin-bottom){ + margin-bottom:24px; } -.components-font-size-picker__header .components-button.is-small.has-icon:not(.has-text) { - min-width: 24px; - padding: 0; +.components-font-size-picker__controls .components-unit-control-wrapper .components-input-control__label{ + font-weight:300; + margin-bottom:8px !important; + padding-bottom:0 !important; } - -.components-font-size-picker__controls { - max-width: 248px; - align-items: center; - margin-top: 8px; +.components-font-size-picker__controls .components-font-size-picker__number{ + border:1px solid #757575; + border-radius:2px; + box-shadow:0 0 0 transparent; + display:inline-block; + font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; + font-size:16px; + font-weight:500; + height:30px; + line-height:normal; + margin:8px 8px 0 0; + padding:6px 8px; + transition:box-shadow .1s linear; + width:54px; } -.components-font-size-picker__controls:not(.is-next-has-no-margin-bottom) { - margin-bottom: 24px; -} -.components-font-size-picker__controls .components-unit-control-wrapper .components-input-control__label { - font-weight: 300; - padding-bottom: 0 !important; - margin-bottom: 8px !important; -} -.components-font-size-picker__controls .components-font-size-picker__number { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - padding: 6px 8px; - box-shadow: 0 0 0 transparent; - transition: box-shadow 0.1s linear; - border-radius: 2px; - border: 1px solid #757575; - /* Fonts smaller than 16px causes mobile safari to zoom. */ - font-size: 16px; - /* Override core line-height. To be reviewed. */ - line-height: normal; - display: inline-block; - font-weight: 500; - height: 30px; - margin-bottom: 0; - margin-left: 0; - margin-right: 8px; - margin-top: 8px; - width: 54px; -} -@media (prefers-reduced-motion: reduce) { - .components-font-size-picker__controls .components-font-size-picker__number { - transition-duration: 0s; - transition-delay: 0s; +@media (prefers-reduced-motion:reduce){ + .components-font-size-picker__controls .components-font-size-picker__number{ + transition-delay:0s; + transition-duration:0s; } } -@media (min-width: 600px) { - .components-font-size-picker__controls .components-font-size-picker__number { - font-size: 13px; - /* Override core line-height. To be reviewed. */ - line-height: normal; +@media (min-width:600px){ + .components-font-size-picker__controls .components-font-size-picker__number{ + font-size:13px; + line-height:normal; } } -.components-font-size-picker__controls .components-font-size-picker__number:focus { - border-color: var(--wp-admin-theme-color); - box-shadow: 0 0 0 1px var(--wp-admin-theme-color); - outline: 2px solid transparent; +.components-font-size-picker__controls .components-font-size-picker__number:focus{ + border-color:var(--wp-admin-theme-color); + box-shadow:0 0 0 1px var(--wp-admin-theme-color); + outline:2px solid transparent; } -.components-font-size-picker__controls .components-font-size-picker__number::-webkit-input-placeholder { - color: rgba(30, 30, 30, 0.62); +.components-font-size-picker__controls .components-font-size-picker__number::-webkit-input-placeholder{ + color:rgba(30,30,30,.62); } -.components-font-size-picker__controls .components-font-size-picker__number::-moz-placeholder { - opacity: 1; - color: rgba(30, 30, 30, 0.62); +.components-font-size-picker__controls .components-font-size-picker__number::-moz-placeholder{ + color:rgba(30,30,30,.62); + opacity:1; } -.components-font-size-picker__controls .components-font-size-picker__number:-ms-input-placeholder { - color: rgba(30, 30, 30, 0.62); +.components-font-size-picker__controls .components-font-size-picker__number:-ms-input-placeholder{ + color:rgba(30,30,30,.62); } -.components-font-size-picker__controls .components-font-size-picker__number[value=""] + .components-button { - cursor: default; - opacity: 0.3; - pointer-events: none; +.components-font-size-picker__controls .components-font-size-picker__number[value=""]+.components-button{ + cursor:default; + opacity:.3; + pointer-events:none; } -.components-font-size-picker__controls .components-font-size-picker__number-container { - display: flex; - flex-direction: column; +.components-font-size-picker__controls .components-font-size-picker__number-container{ + display:flex; + flex-direction:column; } -.components-font-size-picker__controls .components-color-palette__clear { - height: 30px; +.components-font-size-picker__controls .components-color-palette__clear{ + height:30px; } -.components-font-size-picker__custom-input .components-range-control__slider + .dashicon { - width: 30px; - height: 30px; +.components-font-size-picker__custom-input .components-range-control__slider+.dashicon{ + height:30px; + width:30px; } -.components-font-size-picker { - border: 0; - padding: 0; - margin: 0; +.components-font-size-picker{ + border:0; + margin:0; + padding:0; } -.components-form-toggle { - position: relative; - display: inline-block; +.components-form-toggle{ + display:inline-block; + position:relative; } -.components-form-toggle .components-form-toggle__track { - content: ""; - display: inline-block; - box-sizing: border-box; - vertical-align: top; - background-color: #fff; - border: 1px solid #1e1e1e; - width: 36px; - height: 18px; - border-radius: 9px; - transition: 0.2s background ease; +.components-form-toggle .components-form-toggle__track{ + background-color:#fff; + border:1px solid #1e1e1e; + border-radius:9px; + box-sizing:border-box; + content:""; + display:inline-block; + height:18px; + transition:background .2s ease; + vertical-align:top; + width:36px; } -@media (prefers-reduced-motion: reduce) { - .components-form-toggle .components-form-toggle__track { - transition-duration: 0s; - transition-delay: 0s; +@media (prefers-reduced-motion:reduce){ + .components-form-toggle .components-form-toggle__track{ + transition-delay:0s; + transition-duration:0s; } } -.components-form-toggle .components-form-toggle__thumb { - display: block; - position: absolute; - box-sizing: border-box; - top: 3px; - left: 3px; - width: 12px; - height: 12px; - border-radius: 50%; - transition: 0.1s transform ease; - background-color: #1e1e1e; - border: 5px solid #1e1e1e; +.components-form-toggle .components-form-toggle__thumb{ + background-color:#1e1e1e; + border:5px solid #1e1e1e; + border-radius:50%; + box-sizing:border-box; + display:block; + height:12px; + left:3px; + position:absolute; + top:3px; + transition:transform .1s ease; + width:12px; } -@media (prefers-reduced-motion: reduce) { - .components-form-toggle .components-form-toggle__thumb { - transition-duration: 0s; - transition-delay: 0s; +@media (prefers-reduced-motion:reduce){ + .components-form-toggle .components-form-toggle__thumb{ + transition-delay:0s; + transition-duration:0s; } } -.components-form-toggle.is-checked .components-form-toggle__track { - background-color: var(--wp-admin-theme-color); - border: 1px solid var(--wp-admin-theme-color); - border: 9px solid transparent; +.components-form-toggle.is-checked .components-form-toggle__track{ + background-color:var(--wp-admin-theme-color); + border:9px solid transparent; } -.components-form-toggle .components-form-toggle__input:focus + .components-form-toggle__track { - box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--wp-admin-theme-color); - outline: 2px solid transparent; - outline-offset: 2px; +.components-form-toggle .components-form-toggle__input:focus+.components-form-toggle__track{ + box-shadow:0 0 0 2px #fff, 0 0 0 4px var(--wp-admin-theme-color); + outline:2px solid transparent; + outline-offset:2px; } -.components-form-toggle.is-checked .components-form-toggle__thumb { - background-color: #fff; - border-width: 0; - transform: translateX(18px); +.components-form-toggle.is-checked .components-form-toggle__thumb{ + background-color:#fff; + border-width:0; + transform:translateX(18px); } -.components-form-toggle.is-disabled, .components-disabled .components-form-toggle { - opacity: 0.3; +.components-disabled .components-form-toggle,.components-form-toggle.is-disabled{ + opacity:.3; } -.components-form-toggle input.components-form-toggle__input[type=checkbox] { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - opacity: 0; - margin: 0; - padding: 0; - z-index: 1; - border: none; +.components-form-toggle input.components-form-toggle__input[type=checkbox]{ + border:none; + height:100%; + left:0; + margin:0; + opacity:0; + padding:0; + position:absolute; + top:0; + width:100%; + z-index:1; } -.components-form-toggle input.components-form-toggle__input[type=checkbox]:checked { - background: none; +.components-form-toggle input.components-form-toggle__input[type=checkbox]:checked{ + background:none; } -.components-form-toggle input.components-form-toggle__input[type=checkbox]::before { - content: ""; +.components-form-toggle input.components-form-toggle__input[type=checkbox]:before{ + content:""; } -.components-form-token-field__input-container { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - padding: 6px 8px; - box-shadow: 0 0 0 transparent; - transition: box-shadow 0.1s linear; - border-radius: 2px; - border: 1px solid #757575; - /* Fonts smaller than 16px causes mobile safari to zoom. */ - font-size: 16px; - /* Override core line-height. To be reviewed. */ - line-height: normal; - width: 100%; - margin: 0 0 8px 0; - padding: 0; - cursor: text; +.components-form-token-field__input-container{ + border:1px solid #757575; + border-radius:2px; + box-shadow:0 0 0 transparent; + cursor:text; + font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; + font-size:16px; + line-height:normal; + margin:0 0 8px; + padding:0; + transition:box-shadow .1s linear; + width:100%; } -@media (prefers-reduced-motion: reduce) { - .components-form-token-field__input-container { - transition-duration: 0s; - transition-delay: 0s; +@media (prefers-reduced-motion:reduce){ + .components-form-token-field__input-container{ + transition-delay:0s; + transition-duration:0s; } } -@media (min-width: 600px) { - .components-form-token-field__input-container { - font-size: 13px; - /* Override core line-height. To be reviewed. */ - line-height: normal; +@media (min-width:600px){ + .components-form-token-field__input-container{ + font-size:13px; + line-height:normal; } } -.components-form-token-field__input-container:focus { - border-color: var(--wp-admin-theme-color); - box-shadow: 0 0 0 1px var(--wp-admin-theme-color); - outline: 2px solid transparent; +.components-form-token-field__input-container:focus{ + border-color:var(--wp-admin-theme-color); + box-shadow:0 0 0 1px var(--wp-admin-theme-color); + outline:2px solid transparent; } -.components-form-token-field__input-container::-webkit-input-placeholder { - color: rgba(30, 30, 30, 0.62); +.components-form-token-field__input-container::-webkit-input-placeholder{ + color:rgba(30,30,30,.62); } -.components-form-token-field__input-container::-moz-placeholder { - opacity: 1; - color: rgba(30, 30, 30, 0.62); +.components-form-token-field__input-container::-moz-placeholder{ + color:rgba(30,30,30,.62); + opacity:1; } -.components-form-token-field__input-container:-ms-input-placeholder { - color: rgba(30, 30, 30, 0.62); +.components-form-token-field__input-container:-ms-input-placeholder{ + color:rgba(30,30,30,.62); } -.components-form-token-field__input-container.is-disabled { - background: #ddd; - border-color: #ddd; +.components-form-token-field__input-container.is-disabled{ + background:#ddd; + border-color:#ddd; } -.components-form-token-field__input-container.is-active { - border-color: var(--wp-admin-theme-color); - box-shadow: 0 0 0 1px var(--wp-admin-theme-color); - outline: 2px solid transparent; +.components-form-token-field__input-container.is-active{ + border-color:var(--wp-admin-theme-color); + box-shadow:0 0 0 1px var(--wp-admin-theme-color); + outline:2px solid transparent; } -.components-form-token-field__input-container input[type=text].components-form-token-field__input { - display: inline-block; - flex: 1; - font-family: inherit; - font-size: 16px; - width: 100%; - max-width: 100%; - margin-left: 4px; - padding: 0; - min-height: 24px; - min-width: 50px; - background: inherit; - border: 0; - color: #1e1e1e; - box-shadow: none; +.components-form-token-field__input-container input[type=text].components-form-token-field__input{ + background:inherit; + border:0; + box-shadow:none; + color:#1e1e1e; + display:inline-block; + flex:1; + font-family:inherit; + font-size:16px; + margin-left:4px; + max-width:100%; + min-height:24px; + min-width:50px; + padding:0; + width:100%; } -@media (min-width: 600px) { - .components-form-token-field__input-container input[type=text].components-form-token-field__input { - font-size: 13px; +@media (min-width:600px){ + .components-form-token-field__input-container input[type=text].components-form-token-field__input{ + font-size:13px; } } -.components-form-token-field__input-container input[type=text].components-form-token-field__input:focus, .components-form-token-field.is-active .components-form-token-field__input-container input[type=text].components-form-token-field__input { - outline: none; - box-shadow: none; +.components-form-token-field.is-active .components-form-token-field__input-container input[type=text].components-form-token-field__input,.components-form-token-field__input-container input[type=text].components-form-token-field__input:focus{ + box-shadow:none; + outline:none; } -.components-form-token-field__input-container .components-form-token-field__token + input[type=text].components-form-token-field__input { - width: auto; +.components-form-token-field__input-container .components-form-token-field__token+input[type=text].components-form-token-field__input{ + width:auto; } -.components-form-token-field__help { - font-size: 12px; - font-style: normal; - color: #757575; +.components-form-token-field__help{ + color:#757575; + font-size:12px; + font-style:normal; } -.components-form-token-field__token { - font-size: 13px; - display: flex; - color: #1e1e1e; - max-width: 100%; +.components-form-token-field__token{ + color:#1e1e1e; + display:flex; + font-size:13px; + max-width:100%; } -.components-form-token-field__token.is-success .components-form-token-field__token-text, -.components-form-token-field__token.is-success .components-form-token-field__remove-token { - background: #4ab866; +.components-form-token-field__token.is-success .components-form-token-field__remove-token,.components-form-token-field__token.is-success .components-form-token-field__token-text{ + background:#4ab866; } -.components-form-token-field__token.is-error .components-form-token-field__token-text, -.components-form-token-field__token.is-error .components-form-token-field__remove-token { - background: #cc1818; +.components-form-token-field__token.is-error .components-form-token-field__remove-token,.components-form-token-field__token.is-error .components-form-token-field__token-text{ + background:#cc1818; } -.components-form-token-field__token.is-validating .components-form-token-field__token-text, -.components-form-token-field__token.is-validating .components-form-token-field__remove-token { - color: #757575; +.components-form-token-field__token.is-validating .components-form-token-field__remove-token,.components-form-token-field__token.is-validating .components-form-token-field__token-text{ + color:#757575; } -.components-form-token-field__token.is-borderless { - position: relative; - padding: 0 24px 0 0; +.components-form-token-field__token.is-borderless{ + padding:0 24px 0 0; + position:relative; } -.components-form-token-field__token.is-borderless .components-form-token-field__token-text { - background: transparent; - color: var(--wp-admin-theme-color); +.components-form-token-field__token.is-borderless .components-form-token-field__token-text{ + background:transparent; + color:var(--wp-admin-theme-color); } -.components-form-token-field__token.is-borderless .components-form-token-field__remove-token { - background: transparent; - color: #757575; - position: absolute; - top: 1px; - right: 0; - padding: 0; +.components-form-token-field__token.is-borderless .components-form-token-field__remove-token{ + background:transparent; + color:#757575; + padding:0; + position:absolute; + right:0; + top:1px; } -.components-form-token-field__token.is-borderless.is-success .components-form-token-field__token-text { - color: #4ab866; +.components-form-token-field__token.is-borderless.is-success .components-form-token-field__token-text{ + color:#4ab866; } -.components-form-token-field__token.is-borderless.is-error .components-form-token-field__token-text { - color: #cc1818; - border-radius: 4px 0 0 4px; - padding: 0 4px 0 6px; +.components-form-token-field__token.is-borderless.is-error .components-form-token-field__token-text{ + border-radius:4px 0 0 4px; + color:#cc1818; + padding:0 4px 0 6px; } -.components-form-token-field__token.is-borderless.is-validating .components-form-token-field__token-text { - color: #1e1e1e; +.components-form-token-field__token.is-borderless.is-validating .components-form-token-field__token-text{ + color:#1e1e1e; } -.components-form-token-field__token.is-disabled .components-form-token-field__remove-token { - cursor: default; +.components-form-token-field__token.is-disabled .components-form-token-field__remove-token{ + cursor:default; } -.components-form-token-field__token-text, -.components-form-token-field__remove-token.components-button { - display: inline-block; - line-height: 24px; - height: auto; - background: #ddd; - min-width: unset; - transition: all 0.2s cubic-bezier(0.4, 1, 0.4, 1); +.components-form-token-field__remove-token.components-button,.components-form-token-field__token-text{ + background:#ddd; + display:inline-block; + height:auto; + line-height:24px; + min-width:unset; + transition:all .2s cubic-bezier(.4, 1, .4, 1); } -@media (prefers-reduced-motion: reduce) { - .components-form-token-field__token-text, -.components-form-token-field__remove-token.components-button { - transition-duration: 0s; - transition-delay: 0s; - animation-duration: 1ms; - animation-delay: 0s; +@media (prefers-reduced-motion:reduce){ + .components-form-token-field__remove-token.components-button,.components-form-token-field__token-text{ + animation-delay:0s; + animation-duration:1ms; + transition-delay:0s; + transition-duration:0s; } } -.components-form-token-field__token-text { - border-radius: 2px 0 0 2px; - padding: 0 0 0 8px; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; +.components-form-token-field__token-text{ + border-radius:2px 0 0 2px; + overflow:hidden; + padding:0 0 0 8px; + text-overflow:ellipsis; + white-space:nowrap; } -.components-form-token-field__remove-token.components-button { - cursor: pointer; - border-radius: 0 2px 2px 0; - padding: 0 2px; - color: #1e1e1e; - line-height: 10px; - overflow: initial; +.components-form-token-field__remove-token.components-button{ + border-radius:0 2px 2px 0; + color:#1e1e1e; + cursor:pointer; + line-height:10px; + overflow:initial; + padding:0 2px; } -.components-form-token-field__remove-token.components-button:hover { - color: #1e1e1e; +.components-form-token-field__remove-token.components-button:hover{ + color:#1e1e1e; } -.components-form-token-field__suggestions-list { - flex: 1 0 100%; - min-width: 100%; - max-height: 9em; - overflow-y: auto; - transition: all 0.15s ease-in-out; - list-style: none; - border-top: 1px solid #757575; - margin: 0; - padding: 0; +.components-form-token-field__suggestions-list{ + border-top:1px solid #757575; + flex:1 0 100%; + list-style:none; + margin:0; + max-height:9em; + min-width:100%; + overflow-y:auto; + padding:0; + transition:all .15s ease-in-out; } -@media (prefers-reduced-motion: reduce) { - .components-form-token-field__suggestions-list { - transition-duration: 0s; - transition-delay: 0s; +@media (prefers-reduced-motion:reduce){ + .components-form-token-field__suggestions-list{ + transition-delay:0s; + transition-duration:0s; } } -.components-form-token-field__suggestion { - color: #757575; - display: block; - font-size: 13px; - padding: 4px 8px; - margin: 0; - cursor: pointer; +.components-form-token-field__suggestion{ + color:#757575; + cursor:pointer; + display:block; + font-size:13px; + margin:0; + padding:4px 8px; } -.components-form-token-field__suggestion.is-selected { - background: var(--wp-admin-theme-color); - color: #fff; +.components-form-token-field__suggestion.is-selected{ + background:var(--wp-admin-theme-color); + color:#fff; } -.components-form-token-field__suggestion-match { - text-decoration: underline; +.components-form-token-field__suggestion-match{ + text-decoration:underline; } -@media (min-width: 600px) { - .components-guide { - width: 600px; +@media (min-width:600px){ + .components-guide{ + width:600px; } } -.components-guide .components-modal__content { - padding: 0; - margin-top: 0; - border-radius: 2px; +.components-guide .components-modal__content{ + border-radius:2px; + margin-top:0; + padding:0; } -.components-guide .components-modal__content::before { - content: none; +.components-guide .components-modal__content:before{ + content:none; } -.components-guide .components-modal__header { - border-bottom: none; - padding: 0; - position: sticky; - height: 60px; +.components-guide .components-modal__header{ + border-bottom:none; + height:60px; + padding:0; + position:sticky; } -.components-guide .components-modal__header .components-button { - align-self: flex-start; - margin: 8px 8px 0 0; - position: static; +.components-guide .components-modal__header .components-button{ + align-self:flex-start; + margin:8px 8px 0 0; + position:static; } -.components-guide .components-modal__header .components-button:hover svg { - fill: #fff; +.components-guide .components-modal__header .components-button:hover svg{ + fill:#fff; } -.components-guide__container { - display: flex; - flex-direction: column; - justify-content: space-between; - margin-top: -60px; - min-height: 100%; +.components-guide__container{ + display:flex; + flex-direction:column; + justify-content:space-between; + margin-top:-60px; + min-height:100%; } -.components-guide__page { - display: flex; - flex-direction: column; - justify-content: center; - position: relative; +.components-guide__page{ + display:flex; + flex-direction:column; + justify-content:center; + position:relative; } -@media (min-width: 600px) { - .components-guide__page { - min-height: 300px; +@media (min-width:600px){ + .components-guide__page{ + min-height:300px; } } -.components-guide__footer { - align-content: center; - display: flex; - height: 30px; - justify-content: center; - margin: 0 0 24px 0; - padding: 0 32px; - position: relative; - width: 100%; +.components-guide__footer{ + align-content:center; + display:flex; + height:30px; + justify-content:center; + margin:0 0 24px; + padding:0 32px; + position:relative; + width:100%; } -.components-guide__page-control { - margin: 0; - text-align: center; +.components-guide__page-control{ + margin:0; + text-align:center; } -.components-guide__page-control li { - display: inline-block; - margin: 0; +.components-guide__page-control li{ + display:inline-block; + margin:0; } -.components-guide__page-control .components-button { - height: 30px; - min-width: 20px; - margin: -6px 0; +.components-guide__page-control .components-button{ + height:30px; + margin:-6px 0; + min-width:20px; } -.components-modal__frame.components-guide { - border: none; - min-width: 312px; - height: 80vh; - max-height: 575px; +.components-modal__frame.components-guide{ + border:none; + height:80vh; + max-height:575px; + min-width:312px; } -@media (max-width: 600px) { - .components-modal__frame.components-guide { - margin: auto; - max-width: calc(100vw - 16px * 2); +@media (max-width:600px){ + .components-modal__frame.components-guide{ + margin:auto; + max-width:calc(100vw - 32px); } } -.components-button.components-guide__back-button, .components-button.components-guide__forward-button, .components-button.components-guide__finish-button { - height: 30px; - position: absolute; +.components-button.components-guide__back-button,.components-button.components-guide__finish-button,.components-button.components-guide__forward-button{ + height:30px; + position:absolute; } -.components-button.components-guide__back-button, .components-button.components-guide__forward-button { - font-size: 13px; - padding: 4px 2px; +.components-button.components-guide__back-button,.components-button.components-guide__forward-button{ + font-size:13px; + padding:4px 2px; } -.components-button.components-guide__back-button.has-text svg, .components-button.components-guide__forward-button.has-text svg { - margin: 0; +.components-button.components-guide__back-button.has-text svg,.components-button.components-guide__forward-button.has-text svg{ + margin:0; } -.components-button.components-guide__back-button:hover, .components-button.components-guide__forward-button:hover { - text-decoration: underline; +.components-button.components-guide__back-button:hover,.components-button.components-guide__forward-button:hover{ + text-decoration:underline; } -.components-button.components-guide__back-button { - left: 32px; +.components-button.components-guide__back-button{ + left:32px; } -.components-button.components-guide__forward-button { - right: 32px; - color: #1386bf; - font-weight: bold; +.components-button.components-guide__forward-button{ + color:#1386bf; + font-weight:700; + right:32px; } -.components-button.components-guide__finish-button { - right: 32px; +.components-button.components-guide__finish-button{ + right:32px; } -[role=region] { - position: relative; +[role=region]{ + position:relative; } -.is-focusing-regions [role=region]:focus::after { - content: ""; - position: absolute; - top: 0; - bottom: 0; - left: 0; - right: 0; - pointer-events: none; - outline: 4px solid transparent; - box-shadow: inset 0 0 0 4px var(--wp-admin-theme-color); +.is-focusing-regions [role=region]:focus:after{ + bottom:0; + box-shadow:inset 0 0 0 4px var(--wp-admin-theme-color); + content:""; + left:0; + outline:4px solid transparent; + pointer-events:none; + position:absolute; + right:0; + top:0; } -@supports (outline-offset: 1px) { - .is-focusing-regions [role=region]:focus::after { - content: none; +@supports (outline-offset:1px){ + .is-focusing-regions [role=region]:focus:after{ + content:none; } - .is-focusing-regions [role=region]:focus { - outline-style: solid; - outline-color: var(--wp-admin-theme-color); - outline-width: 4px; - outline-offset: -4px; + .is-focusing-regions [role=region]:focus{ + outline-color:var(--wp-admin-theme-color); + outline-offset:-4px; + outline-style:solid; + outline-width:4px; } } -.components-menu-group + .components-menu-group { - margin-top: 8px; - padding-top: 8px; - border-top: 1px solid #1e1e1e; +.components-menu-group+.components-menu-group{ + border-top:1px solid #1e1e1e; + margin-top:8px; + padding-top:8px; } -.components-menu-group + .components-menu-group.has-hidden-separator { - border-top: none; - margin-top: 0; - padding-top: 0; +.components-menu-group+.components-menu-group.has-hidden-separator{ + border-top:none; + margin-top:0; + padding-top:0; } -.components-menu-group__label { - padding: 0 8px; - margin-top: 4px; - margin-bottom: 12px; - color: #757575; - text-transform: uppercase; - font-size: 11px; - font-weight: 500; - white-space: nowrap; +.components-menu-group__label{ + color:#757575; + font-size:11px; + font-weight:500; + margin-bottom:12px; + margin-top:4px; + padding:0 8px; + text-transform:uppercase; + white-space:nowrap; } -.components-menu-item__button, -.components-menu-item__button.components-button { - width: 100%; +.components-menu-item__button,.components-menu-item__button.components-button{ + width:100%; } -.components-menu-item__button[role=menuitemradio] .components-menu-item__item:only-child, .components-menu-item__button[role=menuitemcheckbox] .components-menu-item__item:only-child, -.components-menu-item__button.components-button[role=menuitemradio] .components-menu-item__item:only-child, -.components-menu-item__button.components-button[role=menuitemcheckbox] .components-menu-item__item:only-child { - padding-right: 48px; +.components-menu-item__button.components-button[role=menuitemcheckbox] .components-menu-item__item:only-child,.components-menu-item__button.components-button[role=menuitemradio] .components-menu-item__item:only-child,.components-menu-item__button[role=menuitemcheckbox] .components-menu-item__item:only-child,.components-menu-item__button[role=menuitemradio] .components-menu-item__item:only-child{ + padding-right:48px; } -.components-menu-item__button .components-menu-items__item-icon, -.components-menu-item__button.components-button .components-menu-items__item-icon { - display: inline-block; - flex: 0 0 auto; +.components-menu-item__button .components-menu-items__item-icon,.components-menu-item__button.components-button .components-menu-items__item-icon{ + display:inline-block; + flex:0 0 auto; } -.components-menu-item__button .components-menu-items__item-icon.has-icon-right, -.components-menu-item__button.components-button .components-menu-items__item-icon.has-icon-right { - margin-right: -2px; - margin-left: 24px; +.components-menu-item__button .components-menu-items__item-icon.has-icon-right,.components-menu-item__button.components-button .components-menu-items__item-icon.has-icon-right{ + margin-left:24px; + margin-right:-2px; } -.components-menu-item__button .components-menu-item__shortcut + .components-menu-items__item-icon.has-icon-right, -.components-menu-item__button.components-button .components-menu-item__shortcut + .components-menu-items__item-icon.has-icon-right { - margin-left: 8px; +.components-menu-item__button .components-menu-item__shortcut+.components-menu-items__item-icon.has-icon-right,.components-menu-item__button.components-button .components-menu-item__shortcut+.components-menu-items__item-icon.has-icon-right{ + margin-left:8px; } -.components-menu-item__button .block-editor-block-icon, -.components-menu-item__button.components-button .block-editor-block-icon { - margin-left: -2px; - margin-right: 8px; +.components-menu-item__button .block-editor-block-icon,.components-menu-item__button.components-button .block-editor-block-icon{ + margin-left:-2px; + margin-right:8px; } -.components-menu-item__button.is-primary, -.components-menu-item__button.components-button.is-primary { - justify-content: center; +.components-menu-item__button.components-button.is-primary,.components-menu-item__button.is-primary{ + justify-content:center; } -.components-menu-item__button.is-primary .components-menu-item__item, -.components-menu-item__button.components-button.is-primary .components-menu-item__item { - margin-right: 0; +.components-menu-item__button.components-button.is-primary .components-menu-item__item,.components-menu-item__button.is-primary .components-menu-item__item{ + margin-right:0; } -.components-menu-item__button:disabled.is-tertiary, .components-menu-item__button[aria-disabled=true].is-tertiary, -.components-menu-item__button.components-button:disabled.is-tertiary, -.components-menu-item__button.components-button[aria-disabled=true].is-tertiary { - background: none; - color: var(--wp-admin-theme-color-darker-10); - opacity: 0.3; +.components-menu-item__button.components-button:disabled.is-tertiary,.components-menu-item__button.components-button[aria-disabled=true].is-tertiary,.components-menu-item__button:disabled.is-tertiary,.components-menu-item__button[aria-disabled=true].is-tertiary{ + background:none; + color:var(--wp-admin-theme-color-darker-10); + opacity:.3; } -.components-menu-item__info-wrapper { - display: flex; - flex-direction: column; - margin-right: auto; +.components-menu-item__info-wrapper{ + display:flex; + flex-direction:column; + margin-right:auto; } -.components-menu-item__info { - margin-top: 4px; - font-size: 12px; - color: #757575; - white-space: normal; +.components-menu-item__info{ + color:#757575; + font-size:12px; + margin-top:4px; + white-space:normal; } -.components-menu-item__item { - white-space: nowrap; - min-width: 160px; - margin-right: auto; - display: inline-flex; - align-items: center; +.components-menu-item__item{ + align-items:center; + display:inline-flex; + margin-right:auto; + min-width:160px; + white-space:nowrap; } -.components-menu-item__shortcut { - align-self: center; - margin-right: 0; - margin-left: auto; - padding-left: 24px; - color: currentColor; - display: none; +.components-menu-item__shortcut{ + align-self:center; + color:currentColor; + display:none; + margin-left:auto; + margin-right:0; + padding-left:24px; } -@media (min-width: 480px) { - .components-menu-item__shortcut { - display: inline; +@media (min-width:480px){ + .components-menu-item__shortcut{ + display:inline; } } -.components-menu-items-choice svg, -.components-menu-items-choice.components-button svg { - margin-right: 12px; +.components-menu-items-choice svg,.components-menu-items-choice.components-button svg{ + margin-right:12px; } -.components-menu-items-choice.has-icon, -.components-menu-items-choice.components-button.has-icon { - padding-left: 12px; +.components-menu-items-choice.components-button.has-icon,.components-menu-items-choice.has-icon{ + padding-left:12px; } -.components-modal__screen-overlay { - position: fixed; - top: 0; - right: 0; - bottom: 0; - left: 0; - background-color: rgba(0, 0, 0, 0.35); - z-index: 100000; - display: flex; - animation: edit-post__fade-in-animation 0.2s ease-out 0s; - animation-fill-mode: forwards; +.components-modal__screen-overlay{ + animation:edit-post__fade-in-animation .2s ease-out 0s; + animation-fill-mode:forwards; + background-color:rgba(0,0,0,.35); + bottom:0; + display:flex; + left:0; + position:fixed; + right:0; + top:0; + z-index:100000; } -@media (prefers-reduced-motion: reduce) { - .components-modal__screen-overlay { - animation-duration: 1ms; - animation-delay: 0s; +@media (prefers-reduced-motion:reduce){ + .components-modal__screen-overlay{ + animation-delay:0s; + animation-duration:1ms; } } -.components-modal__frame { - margin: 0; - width: 100%; - background: #fff; - box-shadow: 0 10px 10px rgba(0, 0, 0, 0.25); - border-radius: 2px; - overflow: hidden; - display: flex; +.components-modal__frame{ + background:#fff; + border-radius:2px; + box-shadow:0 10px 10px rgba(0,0,0,.25); + display:flex; + margin:0; + overflow:hidden; + width:100%; } -@media (min-width: 600px) { - .components-modal__frame { - margin: auto; - width: auto; - min-width: 360px; - max-width: calc(100% - 32px); - max-height: calc(100% - 120px); - animation: components-modal__appear-animation 0.1s ease-out; - animation-fill-mode: forwards; +@media (min-width:600px){ + .components-modal__frame{ + animation:components-modal__appear-animation .1s ease-out; + animation-fill-mode:forwards; + margin:auto; + max-height:calc(100% - 120px); + max-width:calc(100% - 32px); + min-width:360px; + width:auto; } } -@media (min-width: 600px) and (prefers-reduced-motion: reduce) { - .components-modal__frame { - animation-duration: 1ms; - animation-delay: 0s; +@media (min-width:600px) and (prefers-reduced-motion:reduce){ + .components-modal__frame{ + animation-delay:0s; + animation-duration:1ms; } } -@media (min-width: 600px) { - .components-modal__frame.is-full-screen { - width: 90vw; - min-height: 90vh; +@media (min-width:600px){ + .components-modal__frame.is-full-screen{ + min-height:90vh; + width:90vw; } } -@media (min-width: 960px) { - .components-modal__frame { - max-height: 70%; +@media (min-width:960px){ + .components-modal__frame{ + max-height:70%; } } -@keyframes components-modal__appear-animation { - from { - transform: translateY(32px); +@keyframes components-modal__appear-animation{ + 0%{ + transform:translateY(32px); } - to { - transform: translateY(0); + to{ + transform:translateY(0); } } -.components-modal__header { - box-sizing: border-box; - border-bottom: 1px solid transparent; - padding: 0 32px; - display: flex; - flex-direction: row; - justify-content: space-between; - align-items: center; - height: 76px; - width: 100%; - z-index: 10; - position: absolute; - top: 0; - left: 0; +.components-modal__header{ + align-items:center; + border-bottom:1px solid transparent; + box-sizing:border-box; + display:flex; + flex-direction:row; + height:76px; + justify-content:space-between; + left:0; + padding:0 32px; + position:absolute; + top:0; + width:100%; + z-index:10; } -.components-modal__header .components-modal__header-heading { - font-size: 1.2rem; - font-weight: 600; +.components-modal__header .components-modal__header-heading{ + font-size:1.2rem; + font-weight:600; } -.components-modal__header h1 { - line-height: 1; - margin: 0; +.components-modal__header h1{ + line-height:1; + margin:0; } -.components-modal__header .components-button { - position: relative; - left: 8px; +.components-modal__header .components-button{ + left:8px; + position:relative; } -.components-modal__content.has-scrolled-content:not(.hide-header) .components-modal__header { - border-bottom-color: #ddd; +.components-modal__content.has-scrolled-content:not(.hide-header) .components-modal__header{ + border-bottom-color:#ddd; } -.components-modal__header + p { - margin-top: 0; +.components-modal__header+p{ + margin-top:0; } -.components-modal__header-heading-container { - align-items: center; - flex-grow: 1; - display: flex; - flex-direction: row; - justify-content: left; +.components-modal__header-heading-container{ + align-items:center; + display:flex; + flex-direction:row; + flex-grow:1; + justify-content:left; } -.components-modal__header-icon-container { - display: inline-block; +.components-modal__header-icon-container{ + display:inline-block; } -.components-modal__header-icon-container svg { - max-width: 36px; - max-height: 36px; - padding: 8px; +.components-modal__header-icon-container svg{ + max-height:36px; + max-width:36px; + padding:8px; } -.components-modal__content { - flex: 1; - margin-top: 76px; - padding: 0 32px 32px; - overflow: auto; +.components-modal__content{ + flex:1; + margin-top:76px; + overflow:auto; + padding:0 32px 32px; } -.components-modal__content.hide-header { - margin-top: 0; - padding-top: 24px; +.components-modal__content.hide-header{ + margin-top:0; + padding-top:24px; } -.components-notice { - display: flex; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - font-size: 13px; - background-color: #fff; - border-left: 4px solid var(--wp-admin-theme-color); - margin: 5px 15px 2px; - padding: 8px 12px; - align-items: center; +.components-notice{ + align-items:center; + background-color:#fff; + border-left:4px solid var(--wp-admin-theme-color); + display:flex; + font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; + font-size:13px; + margin:5px 15px 2px; + padding:8px 12px; } -.components-notice.is-dismissible { - padding-right: 36px; - position: relative; +.components-notice.is-dismissible{ + padding-right:36px; + position:relative; } -.components-notice.is-success { - border-left-color: #4ab866; - background-color: #eff9f1; +.components-notice.is-success{ + background-color:#eff9f1; + border-left-color:#4ab866; } -.components-notice.is-warning { - border-left-color: #f0b849; - background-color: #fef8ee; +.components-notice.is-warning{ + background-color:#fef8ee; + border-left-color:#f0b849; } -.components-notice.is-error { - border-left-color: #cc1818; - background-color: #f4a2a2; +.components-notice.is-error{ + background-color:#f4a2a2; + border-left-color:#cc1818; } -.components-notice__content { - flex-grow: 1; - margin: 4px 25px 4px 0; +.components-notice__content{ + flex-grow:1; + margin:4px 25px 4px 0; } -.components-notice__actions { - display: flex; - flex-wrap: wrap; +.components-notice__actions{ + display:flex; + flex-wrap:wrap; } -.components-notice__action.components-button { - margin-right: 8px; +.components-notice__action.components-button{ + margin-right:8px; } -.components-notice__action.components-button, .components-notice__action.components-button.is-link { - margin-left: 12px; +.components-notice__action.components-button,.components-notice__action.components-button.is-link{ + margin-left:12px; } -.components-notice__action.components-button.is-secondary { - vertical-align: initial; +.components-notice__action.components-button.is-secondary{ + vertical-align:initial; } -.components-notice__dismiss { - color: #757575; - align-self: flex-start; - flex-shrink: 0; +.components-notice__dismiss{ + align-self:flex-start; + color:#757575; + flex-shrink:0; } -.components-notice__dismiss:not(:disabled):not([aria-disabled=true]):not(.is-secondary):hover, .components-notice__dismiss:not(:disabled):not([aria-disabled=true]):not(.is-secondary):active, .components-notice__dismiss:not(:disabled):not([aria-disabled=true]):focus { - color: #1e1e1e; - background-color: transparent; +.components-notice__dismiss:not(:disabled):not([aria-disabled=true]):focus,.components-notice__dismiss:not(:disabled):not([aria-disabled=true]):not(.is-secondary):active,.components-notice__dismiss:not(:disabled):not([aria-disabled=true]):not(.is-secondary):hover{ + background-color:initial; + color:#1e1e1e; } -.components-notice__dismiss:not(:disabled):not([aria-disabled=true]):not(.is-secondary):hover { - box-shadow: none; +.components-notice__dismiss:not(:disabled):not([aria-disabled=true]):not(.is-secondary):hover{ + box-shadow:none; } -.components-notice-list { - max-width: 100vw; - box-sizing: border-box; +.components-notice-list{ + box-sizing:border-box; + max-width:100vw; } -.components-notice-list .components-notice__content { - margin-top: 12px; - margin-bottom: 12px; - line-height: 2; +.components-notice-list .components-notice__content{ + line-height:2; + margin-bottom:12px; + margin-top:12px; } -.components-notice-list .components-notice__action.components-button { - display: block; - margin-left: 0; - margin-top: 8px; +.components-notice-list .components-notice__action.components-button{ + display:block; + margin-left:0; + margin-top:8px; } -.components-panel { - background: #fff; - border: 1px solid #e0e0e0; +.components-panel{ + background:#fff; + border:1px solid #e0e0e0; } -.components-panel > .components-panel__header:first-child, -.components-panel > .components-panel__body:first-child { - margin-top: -1px; +.components-panel>.components-panel__body:first-child,.components-panel>.components-panel__header:first-child{ + margin-top:-1px; } -.components-panel > .components-panel__header:last-child, -.components-panel > .components-panel__body:last-child { - border-bottom-width: 0; +.components-panel>.components-panel__body:last-child,.components-panel>.components-panel__header:last-child{ + border-bottom-width:0; } -.components-panel + .components-panel { - margin-top: -1px; +.components-panel+.components-panel{ + margin-top:-1px; } -.components-panel__body { - border-top: 1px solid #e0e0e0; - border-bottom: 1px solid #e0e0e0; +.components-panel__body{ + border-bottom:1px solid #e0e0e0; + border-top:1px solid #e0e0e0; } -.components-panel__body h3 { - margin: 0 0 0.5em; +.components-panel__body h3{ + margin:0 0 .5em; } -.components-panel__body.is-opened { - padding: 16px; +.components-panel__body.is-opened{ + padding:16px; } -.components-panel__header { - display: flex; - justify-content: space-between; - align-items: center; - padding: 0 16px; - border-bottom: 1px solid #ddd; - box-sizing: content-box; - height: 47px; +.components-panel__header{ + align-items:center; + border-bottom:1px solid #ddd; + box-sizing:initial; + display:flex; + height:47px; + justify-content:space-between; + padding:0 16px; } -.components-panel__header h2 { - margin: 0; - font-size: inherit; - color: inherit; +.components-panel__header h2{ + color:inherit; + font-size:inherit; + margin:0; } -.components-panel__body + .components-panel__body, -.components-panel__body + .components-panel__header, -.components-panel__header + .components-panel__body, -.components-panel__header + .components-panel__header { - margin-top: -1px; +.components-panel__body+.components-panel__body,.components-panel__body+.components-panel__header,.components-panel__header+.components-panel__body,.components-panel__header+.components-panel__header{ + margin-top:-1px; } -.components-panel__body > .components-panel__body-title { - display: block; - padding: 0; - font-size: inherit; - margin-top: 0; - margin-bottom: 0; - transition: 0.1s background ease-in-out; +.components-panel__body>.components-panel__body-title{ + display:block; + font-size:inherit; + margin-bottom:0; + margin-top:0; + padding:0; + transition:background .1s ease-in-out; } -@media (prefers-reduced-motion: reduce) { - .components-panel__body > .components-panel__body-title { - transition-duration: 0s; - transition-delay: 0s; +@media (prefers-reduced-motion:reduce){ + .components-panel__body>.components-panel__body-title{ + transition-delay:0s; + transition-duration:0s; } } -.components-panel__body.is-opened > .components-panel__body-title { - margin: -16px; - margin-bottom: 5px; +.components-panel__body.is-opened>.components-panel__body-title{ + margin:-16px -16px 5px; } -.components-panel__body > .components-panel__body-title:hover { - background: #f0f0f0; - border: none; +.components-panel__body>.components-panel__body-title:hover{ + background:#f0f0f0; + border:none; } -.components-panel__body-toggle.components-button { - position: relative; - padding: 16px 48px 16px 16px; - outline: none; - width: 100%; - font-weight: 500; - text-align: left; - color: #1e1e1e; - border: none; - box-shadow: none; - transition: 0.1s background ease-in-out; - height: auto; - /* rtl:begin:ignore */ - /* rtl:end:ignore */ +.components-panel__body-toggle.components-button{ + border:none; + box-shadow:none; + color:#1e1e1e; + font-weight:500; + height:auto; + outline:none; + padding:16px 48px 16px 16px; + position:relative; + text-align:left; + transition:background .1s ease-in-out; + width:100%; } -@media (prefers-reduced-motion: reduce) { - .components-panel__body-toggle.components-button { - transition-duration: 0s; - transition-delay: 0s; +@media (prefers-reduced-motion:reduce){ + .components-panel__body-toggle.components-button{ + transition-delay:0s; + transition-duration:0s; } } -.components-panel__body-toggle.components-button:focus { - box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); - border-radius: 0; +.components-panel__body-toggle.components-button:focus{ + border-radius:0; + box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); } -.components-panel__body-toggle.components-button .components-panel__arrow { - position: absolute; - right: 16px; - top: 50%; - transform: translateY(-50%); - color: #1e1e1e; - fill: currentColor; - transition: 0.1s color ease-in-out; +.components-panel__body-toggle.components-button .components-panel__arrow{ + fill:currentColor; + color:#1e1e1e; + position:absolute; + right:16px; + top:50%; + transform:translateY(-50%); + transition:color .1s ease-in-out; } -@media (prefers-reduced-motion: reduce) { - .components-panel__body-toggle.components-button .components-panel__arrow { - transition-duration: 0s; - transition-delay: 0s; +@media (prefers-reduced-motion:reduce){ + .components-panel__body-toggle.components-button .components-panel__arrow{ + transition-delay:0s; + transition-duration:0s; } } -body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right { - transform: scaleX(-1); - -ms-filter: fliph; - filter: FlipH; - margin-top: -10px; +body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right{ + -ms-filter:fliph; + filter:FlipH; + margin-top:-10px; + transform:scaleX(-1); } -.components-panel__icon { - color: #757575; - margin: -2px 0 -2px 6px; +.components-panel__icon{ + color:#757575; + margin:-2px 0 -2px 6px; } -.components-panel__body-toggle-icon { - margin-right: -5px; +.components-panel__body-toggle-icon{ + margin-right:-5px; } -.components-panel__color-title { - float: left; - height: 19px; +.components-panel__color-title{ + float:left; + height:19px; } -.components-panel__row { - display: flex; - justify-content: space-between; - align-items: center; - margin-top: 8px; - min-height: 36px; +.components-panel__row{ + align-items:center; + display:flex; + justify-content:space-between; + margin-top:8px; + min-height:36px; } -.components-panel__row select { - min-width: 0; +.components-panel__row select{ + min-width:0; } -.components-panel__row label { - margin-right: 12px; - flex-shrink: 0; - max-width: 75%; +.components-panel__row label{ + flex-shrink:0; + margin-right:12px; + max-width:75%; } -.components-panel__row:empty, .components-panel__row:first-of-type { - margin-top: 0; +.components-panel__row:empty,.components-panel__row:first-of-type{ + margin-top:0; } -.components-panel .circle-picker { - padding-bottom: 20px; +.components-panel .circle-picker{ + padding-bottom:20px; } -.components-placeholder.components-placeholder { - box-sizing: border-box; - position: relative; - padding: 1em; - min-height: 200px; - width: 100%; - text-align: left; - margin: 0; - color: #1e1e1e; - -moz-font-smoothing: subpixel-antialiased; - -webkit-font-smoothing: subpixel-antialiased; - border-radius: 2px; - background-color: #fff; - box-shadow: inset 0 0 0 1px #1e1e1e; - outline: 1px solid transparent; +.components-placeholder.components-placeholder{ + -moz-font-smoothing:subpixel-antialiased; + -webkit-font-smoothing:subpixel-antialiased; + background-color:#fff; + border-radius:2px; + box-shadow:inset 0 0 0 1px #1e1e1e; + box-sizing:border-box; + color:#1e1e1e; + margin:0; + min-height:200px; + outline:1px solid transparent; + padding:1em; + position:relative; + text-align:left; + width:100%; } -@supports (position: sticky) { - .components-placeholder.components-placeholder { - display: flex; - flex-direction: column; - justify-content: center; - align-items: flex-start; +@supports (position:sticky){ + .components-placeholder.components-placeholder{ + align-items:flex-start; + display:flex; + flex-direction:column; + justify-content:center; } } -.components-placeholder__error, -.components-placeholder__instructions, -.components-placeholder__label, -.components-placeholder__fieldset { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - font-size: 13px; +.components-placeholder__error,.components-placeholder__fieldset,.components-placeholder__instructions,.components-placeholder__label{ + font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; + font-size:13px; } -.components-placeholder__label { - display: flex; - font-weight: 600; - margin-bottom: 16px; - align-items: center; +.components-placeholder__label{ + align-items:center; + display:flex; + font-weight:600; + margin-bottom:16px; } -.components-placeholder__label > svg, -.components-placeholder__label .dashicon, -.components-placeholder__label .block-editor-block-icon { - margin-right: 1ch; - fill: currentColor; +.components-placeholder__label .block-editor-block-icon,.components-placeholder__label .dashicon,.components-placeholder__label>svg{ + fill:currentColor; + margin-right:1ch; } -@media (forced-colors: active) { - .components-placeholder__label > svg, -.components-placeholder__label .dashicon, -.components-placeholder__label .block-editor-block-icon { - fill: CanvasText; +@media (forced-colors:active){ + .components-placeholder__label .block-editor-block-icon,.components-placeholder__label .dashicon,.components-placeholder__label>svg{ + fill:CanvasText; } } -.components-placeholder__label:empty { - display: none; +.components-placeholder__label:empty{ + display:none; } -.components-placeholder__fieldset, -.components-placeholder__fieldset form { - display: flex; - flex-direction: row; - width: 100%; - flex-wrap: wrap; +.components-placeholder__fieldset,.components-placeholder__fieldset form{ + display:flex; + flex-direction:row; + flex-wrap:wrap; + width:100%; } -.components-placeholder__fieldset p, -.components-placeholder__fieldset form p { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - font-size: 13px; +.components-placeholder__fieldset form p,.components-placeholder__fieldset p{ + font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; + font-size:13px; } -.components-placeholder__fieldset.components-placeholder__fieldset { - border: none; - padding: 0; +.components-placeholder__fieldset.components-placeholder__fieldset{ + border:none; + padding:0; } -.components-placeholder__fieldset.components-placeholder__fieldset .components-placeholder__instructions { - padding: 0; - font-weight: normal; - font-size: 1em; +.components-placeholder__fieldset.components-placeholder__fieldset .components-placeholder__instructions{ + font-size:1em; + font-weight:400; + padding:0; } -.components-placeholder__fieldset.is-column-layout, -.components-placeholder__fieldset.is-column-layout form { - flex-direction: column; +.components-placeholder__fieldset.is-column-layout,.components-placeholder__fieldset.is-column-layout form{ + flex-direction:column; } -.components-placeholder__input[type=url] { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - padding: 6px 8px; - box-shadow: 0 0 0 transparent; - transition: box-shadow 0.1s linear; - border-radius: 2px; - border: 1px solid #757575; - /* Fonts smaller than 16px causes mobile safari to zoom. */ - font-size: 16px; - /* Override core line-height. To be reviewed. */ - line-height: normal; - margin: 0 8px 0 0; - flex: 1 1 auto; +.components-placeholder__input[type=url]{ + border:1px solid #757575; + border-radius:2px; + box-shadow:0 0 0 transparent; + flex:1 1 auto; + font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; + font-size:16px; + line-height:normal; + margin:0 8px 0 0; + padding:6px 8px; + transition:box-shadow .1s linear; } -@media (prefers-reduced-motion: reduce) { - .components-placeholder__input[type=url] { - transition-duration: 0s; - transition-delay: 0s; +@media (prefers-reduced-motion:reduce){ + .components-placeholder__input[type=url]{ + transition-delay:0s; + transition-duration:0s; } } -@media (min-width: 600px) { - .components-placeholder__input[type=url] { - font-size: 13px; - /* Override core line-height. To be reviewed. */ - line-height: normal; +@media (min-width:600px){ + .components-placeholder__input[type=url]{ + font-size:13px; + line-height:normal; } } -.components-placeholder__input[type=url]:focus { - border-color: var(--wp-admin-theme-color); - box-shadow: 0 0 0 1px var(--wp-admin-theme-color); - outline: 2px solid transparent; +.components-placeholder__input[type=url]:focus{ + border-color:var(--wp-admin-theme-color); + box-shadow:0 0 0 1px var(--wp-admin-theme-color); + outline:2px solid transparent; } -.components-placeholder__input[type=url]::-webkit-input-placeholder { - color: rgba(30, 30, 30, 0.62); +.components-placeholder__input[type=url]::-webkit-input-placeholder{ + color:rgba(30,30,30,.62); } -.components-placeholder__input[type=url]::-moz-placeholder { - opacity: 1; - color: rgba(30, 30, 30, 0.62); +.components-placeholder__input[type=url]::-moz-placeholder{ + color:rgba(30,30,30,.62); + opacity:1; } -.components-placeholder__input[type=url]:-ms-input-placeholder { - color: rgba(30, 30, 30, 0.62); +.components-placeholder__input[type=url]:-ms-input-placeholder{ + color:rgba(30,30,30,.62); } -.components-placeholder__instructions { - margin-bottom: 1em; +.components-placeholder__instructions{ + margin-bottom:1em; } -.components-placeholder__error { - margin-top: 1em; - width: 100%; +.components-placeholder__error{ + margin-top:1em; + width:100%; } -.components-placeholder__fieldset .components-button { - margin-right: 12px; - margin-bottom: 12px; +.components-placeholder__fieldset .components-button{ + margin-bottom:12px; + margin-right:12px; } -.components-placeholder__fieldset .components-button:last-child { - margin-bottom: 0; - margin-right: 0; +.components-placeholder__fieldset .components-button:last-child{ + margin-bottom:0; + margin-right:0; } -.components-placeholder__fieldset .components-button:not(.is-link) ~ .components-button.is-link { - margin-left: 10px; - margin-right: 10px; +.components-placeholder__fieldset .components-button:not(.is-link)~.components-button.is-link{ + margin-left:10px; + margin-right:10px; } -.components-placeholder__fieldset .components-button:not(.is-link) ~ .components-button.is-link:last-child { - margin-right: 0; +.components-placeholder__fieldset .components-button:not(.is-link)~.components-button.is-link:last-child{ + margin-right:0; } -.components-placeholder.is-large .components-placeholder__label { - font-size: 18pt; - font-weight: normal; +.components-placeholder.is-large .components-placeholder__label{ + font-size:18pt; + font-weight:400; } -.components-placeholder.is-medium .components-placeholder__instructions, .components-placeholder.is-small .components-placeholder__instructions { - display: none; +.components-placeholder.is-medium .components-placeholder__instructions,.components-placeholder.is-small .components-placeholder__instructions{ + display:none; } -.components-placeholder.is-medium .components-placeholder__fieldset, -.components-placeholder.is-medium .components-placeholder__fieldset form, .components-placeholder.is-small .components-placeholder__fieldset, -.components-placeholder.is-small .components-placeholder__fieldset form { - flex-direction: column; +.components-placeholder.is-medium .components-placeholder__fieldset,.components-placeholder.is-medium .components-placeholder__fieldset form,.components-placeholder.is-small .components-placeholder__fieldset,.components-placeholder.is-small .components-placeholder__fieldset form{ + flex-direction:column; } -.components-placeholder.is-medium .components-placeholder__fieldset .components-button, .components-placeholder.is-small .components-placeholder__fieldset .components-button { - margin-right: auto; +.components-placeholder.is-medium .components-placeholder__fieldset .components-button,.components-placeholder.is-small .components-placeholder__fieldset .components-button{ + margin-right:auto; } -.components-placeholder.is-small .components-button { - padding: 0 8px 2px; +.components-placeholder.is-small .components-button{ + padding:0 8px 2px; } - -/** - * Dashed style placeholders - */ -.components-placeholder.has-illustration { - color: inherit; - display: flex; - box-shadow: none; - min-width: 100px; - -webkit-backdrop-filter: blur(100px); - backdrop-filter: blur(100px); - background-color: rgba(255, 255, 255, 0.1); - border: 1px dashed currentColor; - border-radius: 2px; - overflow: hidden; +.components-placeholder.has-illustration{ + -webkit-backdrop-filter:blur(100px); + backdrop-filter:blur(100px); + background-color:hsla(0,0%,100%,.1); + border:1px dashed; + border-radius:2px; + box-shadow:none; + color:inherit; + display:flex; + min-width:100px; + overflow:hidden; } -.is-dark-theme .components-placeholder.has-illustration { - background-color: rgba(0, 0, 0, 0.1); +.is-dark-theme .components-placeholder.has-illustration{ + background-color:rgba(0,0,0,.1); } -.components-placeholder.has-illustration .components-placeholder__fieldset { - width: auto; - margin-left: 0; - margin-right: 0; +.components-placeholder.has-illustration .components-placeholder__fieldset{ + margin-left:0; + margin-right:0; + width:auto; } -.components-placeholder.has-illustration .components-placeholder__label, -.components-placeholder.has-illustration .components-placeholder__instructions, -.components-placeholder.has-illustration .components-button { - opacity: 0; - transition: opacity 0.1s linear; +.components-placeholder.has-illustration .components-button,.components-placeholder.has-illustration .components-placeholder__instructions,.components-placeholder.has-illustration .components-placeholder__label{ + opacity:0; + transition:opacity .1s linear; } -@media (prefers-reduced-motion: reduce) { - .components-placeholder.has-illustration .components-placeholder__label, -.components-placeholder.has-illustration .components-placeholder__instructions, -.components-placeholder.has-illustration .components-button { - transition-duration: 0s; - transition-delay: 0s; +@media (prefers-reduced-motion:reduce){ + .components-placeholder.has-illustration .components-button,.components-placeholder.has-illustration .components-placeholder__instructions,.components-placeholder.has-illustration .components-placeholder__label{ + transition-delay:0s; + transition-duration:0s; } } -.is-selected > .components-placeholder.has-illustration .components-placeholder__label, -.is-selected > .components-placeholder.has-illustration .components-placeholder__instructions, -.is-selected > .components-placeholder.has-illustration .components-button { - opacity: 1; +.is-selected>.components-placeholder.has-illustration .components-button,.is-selected>.components-placeholder.has-illustration .components-placeholder__instructions,.is-selected>.components-placeholder.has-illustration .components-placeholder__label{ + opacity:1; } -.components-placeholder__preview { - display: flex; - justify-content: center; +.components-placeholder__preview{ + display:flex; + justify-content:center; } -.components-placeholder__illustration { - box-sizing: content-box; - position: absolute; - top: 50%; - left: 50%; - transform: translate(-50%, -50%); - width: 100%; - height: 100%; - stroke: currentColor; - stroke-dasharray: 3; +.components-placeholder__illustration{ + stroke:currentColor; + stroke-dasharray:3; + box-sizing:initial; + height:100%; + left:50%; + position:absolute; + top:50%; + transform:translate(-50%, -50%); + width:100%; } -.components-popover { - z-index: 1000000; +.components-popover{ + z-index:1000000; } -.components-popover.is-expanded { - position: fixed; - top: 0; - left: 0; - right: 0; - bottom: 0; - z-index: 1000000 !important; +.components-popover.is-expanded{ + bottom:0; + left:0; + position:fixed; + right:0; + top:0; + z-index:1000000 !important; } -.components-popover__content { - background: #fff; - outline: 1px solid #ccc; - box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); - border-radius: 2px; - box-sizing: border-box; - width: min-content; +.components-popover__content{ + background:#fff; + border-radius:2px; + box-shadow:0 2px 6px rgba(0,0,0,.05); + box-sizing:border-box; + outline:1px solid #ccc; + width:min-content; } -.is-alternate .components-popover__content { - outline: 1px solid #1e1e1e; - box-shadow: none; +.is-alternate .components-popover__content{ + box-shadow:none; + outline:1px solid #1e1e1e; } -.components-popover.is-expanded .components-popover__content { - position: static; - height: calc(100% - 48px); - overflow-y: visible; - width: auto; - border: none; - outline: none; - border-top: 1px solid #1e1e1e; +.components-popover.is-expanded .components-popover__content{ + border:none; + border-top:1px solid #1e1e1e; + height:calc(100% - 48px); + outline:none; + overflow-y:visible; + position:static; + width:auto; } -.components-popover__header { - align-items: center; - background: #fff; - display: flex; - height: 48px; - justify-content: space-between; - padding: 0 8px 0 16px; +.components-popover__header{ + align-items:center; + background:#fff; + display:flex; + height:48px; + justify-content:space-between; + padding:0 8px 0 16px; } -.components-popover__header-title { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - width: 100%; +.components-popover__header-title{ + overflow:hidden; + text-overflow:ellipsis; + white-space:nowrap; + width:100%; } -.components-popover__close.components-button { - z-index: 5; +.components-popover__close.components-button{ + z-index:5; } -.components-popover__arrow { - position: absolute; - width: 14px; - height: 14px; - pointer-events: none; - display: flex; +.components-popover__arrow{ + display:flex; + height:14px; + pointer-events:none; + position:absolute; + width:14px; } -.components-popover__arrow::before { - content: ""; - position: absolute; - top: -1px; - left: 1px; - height: 2px; - right: 1px; - background-color: #fff; +.components-popover__arrow:before{ + background-color:#fff; + content:""; + height:2px; + left:1px; + position:absolute; + right:1px; + top:-1px; } -.components-popover__arrow.is-top { - bottom: -14px !important; - transform: rotate(0); +.components-popover__arrow.is-top{ + bottom:-14px !important; + transform:rotate(0); } -.components-popover__arrow.is-right { - /*rtl:begin:ignore*/ - left: -14px !important; - transform: rotate(90deg); +.components-popover__arrow.is-right{ + left:-14px !important; + transform:rotate(90deg); } -.components-popover__arrow.is-bottom { - top: -14px !important; - transform: rotate(180deg); +.components-popover__arrow.is-bottom{ + top:-14px !important; + transform:rotate(180deg); } -.components-popover__arrow.is-left { - /*rtl:begin:ignore*/ - right: -14px !important; - transform: rotate(-90deg); - /*rtl:end:ignore*/ +.components-popover__arrow.is-left{ + right:-14px !important; + transform:rotate(-90deg); } -.components-popover__triangle { - display: block; - flex: 1; +.components-popover__triangle{ + display:block; + flex:1; } -.components-popover__triangle-bg { - fill: #fff; +.components-popover__triangle-bg{ + fill:#fff; } -.components-popover__triangle-border { - fill: transparent; - stroke-width: 1px; - stroke: #ccc; +.components-popover__triangle-border{ + fill:transparent; + stroke-width:1px; + stroke:#ccc; } -.is-alternate .components-popover__triangle-border { - stroke: #1e1e1e; +.is-alternate .components-popover__triangle-border{ + stroke:#1e1e1e; } -.components-radio-control__input[type=radio] { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - padding: 6px 8px; - box-shadow: 0 0 0 transparent; - transition: box-shadow 0.1s linear; - border-radius: 2px; - border: 1px solid #757575; - /* Fonts smaller than 16px causes mobile safari to zoom. */ - font-size: 16px; - /* Override core line-height. To be reviewed. */ - line-height: normal; - border: 1px solid #1e1e1e; - margin-right: 12px; - transition: none; - border-radius: 50%; - width: 24px; - height: 24px; - margin-top: 0; - margin-right: 6px; +.components-radio-control__input[type=radio]{ + border:1px solid #1e1e1e; + border-radius:2px; + border-radius:50%; + box-shadow:0 0 0 transparent; + font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; + font-size:16px; + height:24px; + line-height:normal; + margin-right:6px; + margin-top:0; + padding:6px 8px; + transition:box-shadow .1s linear; + transition:none; + width:24px; } -@media (prefers-reduced-motion: reduce) { - .components-radio-control__input[type=radio] { - transition-duration: 0s; - transition-delay: 0s; +@media (prefers-reduced-motion:reduce){ + .components-radio-control__input[type=radio]{ + transition-delay:0s; + transition-duration:0s; } } -@media (min-width: 600px) { - .components-radio-control__input[type=radio] { - font-size: 13px; - /* Override core line-height. To be reviewed. */ - line-height: normal; +@media (min-width:600px){ + .components-radio-control__input[type=radio]{ + font-size:13px; + line-height:normal; } } -.components-radio-control__input[type=radio]:focus { - border-color: var(--wp-admin-theme-color); - box-shadow: 0 0 0 1px var(--wp-admin-theme-color); - outline: 2px solid transparent; +.components-radio-control__input[type=radio]:focus{ + border-color:var(--wp-admin-theme-color); + box-shadow:0 0 0 1px var(--wp-admin-theme-color); } -.components-radio-control__input[type=radio]::-webkit-input-placeholder { - color: rgba(30, 30, 30, 0.62); +.components-radio-control__input[type=radio]::-webkit-input-placeholder{ + color:rgba(30,30,30,.62); } -.components-radio-control__input[type=radio]::-moz-placeholder { - opacity: 1; - color: rgba(30, 30, 30, 0.62); +.components-radio-control__input[type=radio]::-moz-placeholder{ + color:rgba(30,30,30,.62); + opacity:1; } -.components-radio-control__input[type=radio]:-ms-input-placeholder { - color: rgba(30, 30, 30, 0.62); +.components-radio-control__input[type=radio]:-ms-input-placeholder{ + color:rgba(30,30,30,.62); } -@media (min-width: 600px) { - .components-radio-control__input[type=radio] { - height: 20px; - width: 20px; +@media (min-width:600px){ + .components-radio-control__input[type=radio]{ + height:20px; + width:20px; } } -.components-radio-control__input[type=radio]:checked::before { - box-sizing: inherit; - width: 8px; - height: 8px; - transform: translate(7px, 7px); - margin: 0; - background-color: #fff; - border: 4px solid #fff; +.components-radio-control__input[type=radio]:checked:before{ + background-color:#fff; + border:4px solid #fff; + box-sizing:inherit; + height:8px; + margin:0; + transform:translate(7px, 7px); + width:8px; } -@media (min-width: 600px) { - .components-radio-control__input[type=radio]:checked::before { - transform: translate(5px, 5px); +@media (min-width:600px){ + .components-radio-control__input[type=radio]:checked:before{ + transform:translate(5px, 5px); } } -.components-radio-control__input[type=radio]:focus { - box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--wp-admin-theme-color); - outline: 2px solid transparent; +.components-radio-control__input[type=radio]:focus{ + box-shadow:0 0 0 2px #fff, 0 0 0 4px var(--wp-admin-theme-color); + outline:2px solid transparent; } -.components-radio-control__input[type=radio]:checked { - background: var(--wp-admin-theme-color); - border-color: var(--wp-admin-theme-color); +.components-radio-control__input[type=radio]:checked{ + background:var(--wp-admin-theme-color); + border-color:var(--wp-admin-theme-color); } -.components-resizable-box__handle { - display: none; - width: 23px; - height: 23px; - z-index: 2; +.components-resizable-box__handle{ + display:none; + height:23px; + width:23px; + z-index:2; } -.components-resizable-box__container.has-show-handle .components-resizable-box__handle { - display: block; +.components-resizable-box__container.has-show-handle .components-resizable-box__handle{ + display:block; } -.components-resizable-box__container > img { - width: inherit; +.components-resizable-box__container>img{ + width:inherit; } -.components-resizable-box__handle::after { - display: block; - content: ""; - width: 15px; - height: 15px; - border-radius: 50%; - background: #fff; - cursor: inherit; - position: absolute; - top: calc(50% - 8px); - right: calc(50% - 8px); - box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); - outline: 2px solid transparent; +.components-resizable-box__handle:after{ + background:#fff; + border-radius:50%; + box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); + content:""; + cursor:inherit; + display:block; + height:15px; + outline:2px solid transparent; + position:absolute; + right:calc(50% - 8px); + top:calc(50% - 8px); + width:15px; } -.components-resizable-box__side-handle::before { - display: block; - border-radius: 2px; - content: ""; - width: 3px; - height: 3px; - background: var(--wp-admin-theme-color); - cursor: inherit; - position: absolute; - top: calc(50% - 1px); - right: calc(50% - 1px); - transition: transform 0.1s ease-in; - opacity: 0; +.components-resizable-box__side-handle:before{ + background:var(--wp-admin-theme-color); + border-radius:2px; + content:""; + cursor:inherit; + display:block; + height:3px; + opacity:0; + position:absolute; + right:calc(50% - 1px); + top:calc(50% - 1px); + transition:transform .1s ease-in; + width:3px; } -@media (prefers-reduced-motion: reduce) { - .components-resizable-box__side-handle::before { - transition-duration: 0s; - transition-delay: 0s; +@media (prefers-reduced-motion:reduce){ + .components-resizable-box__side-handle:before{ + transition-delay:0s; + transition-duration:0s; } } -.components-resizable-box__side-handle { - z-index: 2; +.components-resizable-box__corner-handle,.components-resizable-box__side-handle{ + z-index:2; } -.components-resizable-box__corner-handle { - z-index: 2; +.components-resizable-box__side-handle.components-resizable-box__handle-bottom,.components-resizable-box__side-handle.components-resizable-box__handle-bottom:before,.components-resizable-box__side-handle.components-resizable-box__handle-top,.components-resizable-box__side-handle.components-resizable-box__handle-top:before{ + border-left:0; + border-right:0; + left:0; + width:100%; } -.components-resizable-box__side-handle.components-resizable-box__handle-top, -.components-resizable-box__side-handle.components-resizable-box__handle-bottom, -.components-resizable-box__side-handle.components-resizable-box__handle-top::before, -.components-resizable-box__side-handle.components-resizable-box__handle-bottom::before { - width: 100%; - left: 0; - border-left: 0; - border-right: 0; +.components-resizable-box__side-handle.components-resizable-box__handle-left,.components-resizable-box__side-handle.components-resizable-box__handle-left:before,.components-resizable-box__side-handle.components-resizable-box__handle-right,.components-resizable-box__side-handle.components-resizable-box__handle-right:before{ + border-bottom:0; + border-top:0; + height:100%; + top:0; } -.components-resizable-box__side-handle.components-resizable-box__handle-left, -.components-resizable-box__side-handle.components-resizable-box__handle-right, -.components-resizable-box__side-handle.components-resizable-box__handle-left::before, -.components-resizable-box__side-handle.components-resizable-box__handle-right::before { - height: 100%; - top: 0; - border-top: 0; - border-bottom: 0; +.components-resizable-box__side-handle.components-resizable-box__handle-bottom:active:before,.components-resizable-box__side-handle.components-resizable-box__handle-bottom:hover:before,.components-resizable-box__side-handle.components-resizable-box__handle-top:active:before,.components-resizable-box__side-handle.components-resizable-box__handle-top:hover:before{ + animation:components-resizable-box__top-bottom-animation .1s ease-out 0s; + animation-fill-mode:forwards; } - -.components-resizable-box__side-handle.components-resizable-box__handle-top:hover::before, -.components-resizable-box__side-handle.components-resizable-box__handle-bottom:hover::before, -.components-resizable-box__side-handle.components-resizable-box__handle-top:active::before, -.components-resizable-box__side-handle.components-resizable-box__handle-bottom:active::before { - animation: components-resizable-box__top-bottom-animation 0.1s ease-out 0s; - animation-fill-mode: forwards; -} -@media (prefers-reduced-motion: reduce) { - .components-resizable-box__side-handle.components-resizable-box__handle-top:hover::before, -.components-resizable-box__side-handle.components-resizable-box__handle-bottom:hover::before, -.components-resizable-box__side-handle.components-resizable-box__handle-top:active::before, -.components-resizable-box__side-handle.components-resizable-box__handle-bottom:active::before { - animation-duration: 1ms; - animation-delay: 0s; +@media (prefers-reduced-motion:reduce){ + .components-resizable-box__side-handle.components-resizable-box__handle-bottom:active:before,.components-resizable-box__side-handle.components-resizable-box__handle-bottom:hover:before,.components-resizable-box__side-handle.components-resizable-box__handle-top:active:before,.components-resizable-box__side-handle.components-resizable-box__handle-top:hover:before{ + animation-delay:0s; + animation-duration:1ms; } } -.components-resizable-box__side-handle.components-resizable-box__handle-left:hover::before, -.components-resizable-box__side-handle.components-resizable-box__handle-right:hover::before, -.components-resizable-box__side-handle.components-resizable-box__handle-left:active::before, -.components-resizable-box__side-handle.components-resizable-box__handle-right:active::before { - animation: components-resizable-box__left-right-animation 0.1s ease-out 0s; - animation-fill-mode: forwards; +.components-resizable-box__side-handle.components-resizable-box__handle-left:active:before,.components-resizable-box__side-handle.components-resizable-box__handle-left:hover:before,.components-resizable-box__side-handle.components-resizable-box__handle-right:active:before,.components-resizable-box__side-handle.components-resizable-box__handle-right:hover:before{ + animation:components-resizable-box__left-right-animation .1s ease-out 0s; + animation-fill-mode:forwards; } -@media (prefers-reduced-motion: reduce) { - .components-resizable-box__side-handle.components-resizable-box__handle-left:hover::before, -.components-resizable-box__side-handle.components-resizable-box__handle-right:hover::before, -.components-resizable-box__side-handle.components-resizable-box__handle-left:active::before, -.components-resizable-box__side-handle.components-resizable-box__handle-right:active::before { - animation-duration: 1ms; - animation-delay: 0s; +@media (prefers-reduced-motion:reduce){ + .components-resizable-box__side-handle.components-resizable-box__handle-left:active:before,.components-resizable-box__side-handle.components-resizable-box__handle-left:hover:before,.components-resizable-box__side-handle.components-resizable-box__handle-right:active:before,.components-resizable-box__side-handle.components-resizable-box__handle-right:hover:before{ + animation-delay:0s; + animation-duration:1ms; } } +@media not all and (-webkit-min-device-pixel-ratio:0),not all and (min-resolution:0.001dpcm){ + @supports (-webkit-appearance:none){ -/* This CSS is shown only to Safari, which has a bug with table-caption making it jumpy. -See https://bugs.webkit.org/show_bug.cgi?id=187903. */ -@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) { - @supports (-webkit-appearance: none) { - .components-resizable-box__side-handle.components-resizable-box__handle-top:hover::before, -.components-resizable-box__side-handle.components-resizable-box__handle-bottom:hover::before, -.components-resizable-box__side-handle.components-resizable-box__handle-top:active::before, -.components-resizable-box__side-handle.components-resizable-box__handle-bottom:active::before { - animation: none; - } - - .components-resizable-box__side-handle.components-resizable-box__handle-left:hover::before, -.components-resizable-box__side-handle.components-resizable-box__handle-right:hover::before, -.components-resizable-box__side-handle.components-resizable-box__handle-left:active::before, -.components-resizable-box__side-handle.components-resizable-box__handle-right:active::before { - animation: none; + .components-resizable-box__side-handle.components-resizable-box__handle-bottom:active:before,.components-resizable-box__side-handle.components-resizable-box__handle-bottom:hover:before,.components-resizable-box__side-handle.components-resizable-box__handle-left:active:before,.components-resizable-box__side-handle.components-resizable-box__handle-left:hover:before,.components-resizable-box__side-handle.components-resizable-box__handle-right:active:before,.components-resizable-box__side-handle.components-resizable-box__handle-right:hover:before,.components-resizable-box__side-handle.components-resizable-box__handle-top:active:before,.components-resizable-box__side-handle.components-resizable-box__handle-top:hover:before{ + animation:none; } } } -@keyframes components-resizable-box__top-bottom-animation { - from { - transform: scaleX(0); - opacity: 0; +@keyframes components-resizable-box__top-bottom-animation{ + 0%{ + opacity:0; + transform:scaleX(0); } - to { - transform: scaleX(1); - opacity: 1; + to{ + opacity:1; + transform:scaleX(1); } } -@keyframes components-resizable-box__left-right-animation { - from { - transform: scaleY(0); - opacity: 0; +@keyframes components-resizable-box__left-right-animation{ + 0%{ + opacity:0; + transform:scaleY(0); } - to { - transform: scaleY(1); - opacity: 1; + to{ + opacity:1; + transform:scaleY(1); } } -/*!rtl:begin:ignore*/ -.components-resizable-box__handle-right { - right: calc(11.5px * -1); +.components-resizable-box__handle-right{ + right:-11.5px; } -.components-resizable-box__handle-left { - left: calc(11.5px * -1); +.components-resizable-box__handle-left{ + left:-11.5px; } -.components-resizable-box__handle-top { - top: calc(11.5px * -1); +.components-resizable-box__handle-top{ + top:-11.5px; } -.components-resizable-box__handle-bottom { - bottom: calc(11.5px * -1); +.components-resizable-box__handle-bottom{ + bottom:-11.5px; +} +.components-responsive-wrapper{ + max-width:100%; + position:relative; +} +.components-responsive-wrapper,.components-responsive-wrapper>span{ + display:block; } -/*!rtl:end:ignore*/ -.components-responsive-wrapper { - position: relative; - max-width: 100%; -} -.components-responsive-wrapper, .components-responsive-wrapper > span { - display: block; +.components-responsive-wrapper__content{ + bottom:0; + height:100%; + left:0; + margin:auto; + position:absolute; + right:0; + top:0; + width:100%; } -.components-responsive-wrapper__content { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - width: 100%; - height: 100%; - margin: auto; +.components-sandbox{ + overflow:hidden; } -.components-sandbox { - overflow: hidden; +iframe.components-sandbox{ + width:100%; } -iframe.components-sandbox { - width: 100%; +body.lockscroll,html.lockscroll{ + overflow:hidden; } -html.lockscroll, -body.lockscroll { - overflow: hidden; +.components-search-control{ + position:relative; } - -.components-search-control { - position: relative; +.components-search-control input[type=search].components-search-control__input{ + background:#f0f0f0; + border:none; + border-radius:2px; + box-shadow:0 0 0 transparent; + display:block; + font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; + font-size:16px; + height:48px; + line-height:normal; + padding:16px 48px 16px 16px; + transition:box-shadow .1s linear; + width:100%; } -.components-search-control input[type=search].components-search-control__input { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - padding: 6px 8px; - box-shadow: 0 0 0 transparent; - transition: box-shadow 0.1s linear; - border-radius: 2px; - border: 1px solid #757575; - /* Fonts smaller than 16px causes mobile safari to zoom. */ - font-size: 16px; - /* Override core line-height. To be reviewed. */ - line-height: normal; - display: block; - padding: 16px 48px 16px 16px; - background: #f0f0f0; - border: none; - width: 100%; - height: 48px; - /* Fonts smaller than 16px causes mobile safari to zoom. */ - font-size: 16px; -} -@media (prefers-reduced-motion: reduce) { - .components-search-control input[type=search].components-search-control__input { - transition-duration: 0s; - transition-delay: 0s; +@media (prefers-reduced-motion:reduce){ + .components-search-control input[type=search].components-search-control__input{ + transition-delay:0s; + transition-duration:0s; } } -@media (min-width: 600px) { - .components-search-control input[type=search].components-search-control__input { - font-size: 13px; - /* Override core line-height. To be reviewed. */ - line-height: normal; +@media (min-width:600px){ + .components-search-control input[type=search].components-search-control__input{ + font-size:13px; + line-height:normal; } } -.components-search-control input[type=search].components-search-control__input:focus { - border-color: var(--wp-admin-theme-color); - box-shadow: 0 0 0 1px var(--wp-admin-theme-color); - outline: 2px solid transparent; +.components-search-control input[type=search].components-search-control__input:focus{ + border-color:var(--wp-admin-theme-color); + box-shadow:0 0 0 1px var(--wp-admin-theme-color); + outline:2px solid transparent; } -.components-search-control input[type=search].components-search-control__input::-webkit-input-placeholder { - color: rgba(30, 30, 30, 0.62); +.components-search-control input[type=search].components-search-control__input::-webkit-input-placeholder{ + color:rgba(30,30,30,.62); } -.components-search-control input[type=search].components-search-control__input::-moz-placeholder { - opacity: 1; - color: rgba(30, 30, 30, 0.62); +.components-search-control input[type=search].components-search-control__input::-moz-placeholder{ + color:rgba(30,30,30,.62); + opacity:1; } -.components-search-control input[type=search].components-search-control__input:-ms-input-placeholder { - color: rgba(30, 30, 30, 0.62); +.components-search-control input[type=search].components-search-control__input:-ms-input-placeholder{ + color:rgba(30,30,30,.62); } -@media (min-width: 600px) { - .components-search-control input[type=search].components-search-control__input { - font-size: 13px; +@media (min-width:600px){ + .components-search-control input[type=search].components-search-control__input{ + font-size:13px; } } -.components-search-control input[type=search].components-search-control__input:focus { - background: #fff; - box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); +.components-search-control input[type=search].components-search-control__input:focus{ + background:#fff; + box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); } -.components-search-control input[type=search].components-search-control__input::placeholder { - color: #757575; +.components-search-control input[type=search].components-search-control__input::placeholder{ + color:#757575; } -.components-search-control input[type=search].components-search-control__input::-webkit-search-decoration, .components-search-control input[type=search].components-search-control__input::-webkit-search-cancel-button, .components-search-control input[type=search].components-search-control__input::-webkit-search-results-button, .components-search-control input[type=search].components-search-control__input::-webkit-search-results-decoration { - -webkit-appearance: none; +.components-search-control input[type=search].components-search-control__input::-webkit-search-cancel-button,.components-search-control input[type=search].components-search-control__input::-webkit-search-decoration,.components-search-control input[type=search].components-search-control__input::-webkit-search-results-button,.components-search-control input[type=search].components-search-control__input::-webkit-search-results-decoration{ + -webkit-appearance:none; } -.components-search-control__icon { - position: absolute; - top: 0; - right: 12px; - bottom: 0; - display: flex; - align-items: center; +.components-search-control__icon{ + align-items:center; + bottom:0; + display:flex; + position:absolute; + right:12px; + top:0; } -.components-search-control__icon > svg { - margin: 8px 0; +.components-search-control__icon>svg{ + margin:8px 0; } -.components-search-control__input-wrapper { - position: relative; +.components-search-control__input-wrapper{ + position:relative; } -.components-select-control__input { - background: #fff; - height: 36px; - line-height: 36px; - margin: 1px; - outline: 0; - width: 100%; - -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important; +.components-select-control__input{ + -webkit-tap-highlight-color:rgba(0, 0, 0, 0) !important; + background:#fff; + height:36px; + line-height:36px; + margin:1px; + outline:0; + width:100%; } -@media (min-width: 782px) { - .components-select-control__input { - height: 28px; - line-height: 28px; +@media (min-width:782px){ + .components-select-control__input{ + height:28px; + line-height:28px; } } -@media (max-width: 782px) { - .components-base-control .components-base-control__field .components-select-control__input { - font-size: 16px; +@media (max-width:782px){ + .components-base-control .components-base-control__field .components-select-control__input{ + font-size:16px; } } -.components-snackbar { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - font-size: 13px; - background-color: #1e1e1e; - border-radius: 2px; - box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); - color: #fff; - padding: 16px 24px; - width: 100%; - max-width: 600px; - box-sizing: border-box; - cursor: pointer; - pointer-events: auto; +.components-snackbar{ + background-color:#1e1e1e; + border-radius:2px; + box-shadow:0 2px 4px rgba(0,0,0,.3); + box-sizing:border-box; + color:#fff; + cursor:pointer; + font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; + font-size:13px; + max-width:600px; + padding:16px 24px; + pointer-events:auto; + width:100%; } -@media (min-width: 600px) { - .components-snackbar { - width: -moz-fit-content; - width: fit-content; +@media (min-width:600px){ + .components-snackbar{ + width:-moz-fit-content; + width:fit-content; } } -.components-snackbar:focus { - box-shadow: 0 0 0 1px #fff, 0 0 0 3px var(--wp-admin-theme-color); +.components-snackbar:focus{ + box-shadow:0 0 0 1px #fff, 0 0 0 3px var(--wp-admin-theme-color); } -.components-snackbar.components-snackbar-explicit-dismiss { - cursor: default; +.components-snackbar.components-snackbar-explicit-dismiss{ + cursor:default; } -.components-snackbar .components-snackbar__content-with-icon { - margin-left: 24px; +.components-snackbar .components-snackbar__content-with-icon{ + margin-left:24px; } -.components-snackbar .components-snackbar__icon { - position: absolute; - top: 24px; - left: 28px; +.components-snackbar .components-snackbar__icon{ + left:28px; + position:absolute; + top:24px; } -.components-snackbar .components-snackbar__dismiss-button { - margin-left: 32px; - cursor: pointer; +.components-snackbar .components-snackbar__dismiss-button{ + cursor:pointer; + margin-left:32px; } -.components-snackbar__action.components-button { - margin-left: 32px; - color: #fff; - height: auto; - flex-shrink: 0; - line-height: 1.4; - padding: 0; +.components-snackbar__action.components-button{ + color:#fff; + flex-shrink:0; + height:auto; + line-height:1.4; + margin-left:32px; + padding:0; } -.components-snackbar__action.components-button:not(:disabled):not([aria-disabled=true]):not(.is-secondary) { - text-decoration: underline; - background-color: transparent; +.components-snackbar__action.components-button:not(:disabled):not([aria-disabled=true]):not(.is-secondary){ + background-color:initial; + text-decoration:underline; } -.components-snackbar__action.components-button:not(:disabled):not([aria-disabled=true]):not(.is-secondary):focus { - color: #fff; - box-shadow: none; - outline: 1px dotted #fff; +.components-snackbar__action.components-button:not(:disabled):not([aria-disabled=true]):not(.is-secondary):focus{ + box-shadow:none; + color:#fff; + outline:1px dotted #fff; } -.components-snackbar__action.components-button:not(:disabled):not([aria-disabled=true]):not(.is-secondary):hover { - color: var(--wp-admin-theme-color); +.components-snackbar__action.components-button:not(:disabled):not([aria-disabled=true]):not(.is-secondary):hover{ + color:var(--wp-admin-theme-color); } -.components-snackbar__content { - display: flex; - align-items: baseline; - justify-content: space-between; - line-height: 1.4; +.components-snackbar__content{ + align-items:baseline; + display:flex; + justify-content:space-between; + line-height:1.4; } -.components-snackbar-list { - position: absolute; - z-index: 100000; - width: 100%; - box-sizing: border-box; - pointer-events: none; +.components-snackbar-list{ + box-sizing:border-box; + pointer-events:none; + position:absolute; + width:100%; + z-index:100000; } -.components-snackbar-list__notice-container { - position: relative; - padding-top: 8px; +.components-snackbar-list__notice-container{ + padding-top:8px; + position:relative; } -.components-tab-panel__tabs { - display: flex; - align-items: stretch; - flex-direction: row; +.components-tab-panel__tabs{ + align-items:stretch; + display:flex; + flex-direction:row; } -.components-tab-panel__tabs[aria-orientation=vertical] { - flex-direction: column; +.components-tab-panel__tabs[aria-orientation=vertical]{ + flex-direction:column; } -.components-tab-panel__tabs-item { - background: transparent; - border: none; - box-shadow: none; - border-radius: 0; - cursor: pointer; - height: 48px; - padding: 3px 16px; - margin-left: 0; - font-weight: 500; - transition: box-shadow 0.1s linear; - box-sizing: border-box; +.components-tab-panel__tabs-item{ + background:transparent; + border:none; + border-radius:0; + box-shadow:none; + box-sizing:border-box; + cursor:pointer; + font-weight:500; + height:48px; + margin-left:0; + padding:3px 16px; + transition:box-shadow .1s linear; } -.components-tab-panel__tabs-item::after { - content: attr(data-label); - display: block; - height: 0; - overflow: hidden; - speak: none; - visibility: hidden; +.components-tab-panel__tabs-item:after{ + speak:none; + content:attr(data-label); + display:block; + height:0; + overflow:hidden; + visibility:hidden; } -.components-tab-panel__tabs-item:focus:not(:disabled) { - box-shadow: inset 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); +.components-tab-panel__tabs-item:focus:not(:disabled){ + box-shadow:inset 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); } -.components-tab-panel__tabs-item.is-active { - box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) transparent, inset 0 -1.5px 0 0 var(--wp-admin-theme-color); - position: relative; +.components-tab-panel__tabs-item.is-active{ + box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) transparent, inset 0 -1.5px 0 0 var(--wp-admin-theme-color); + position:relative; } -.components-tab-panel__tabs-item.is-active::before { - content: ""; - position: absolute; - top: 0; - bottom: 1px; - right: 0; - left: 0; - border-bottom: 1.5px solid transparent; +.components-tab-panel__tabs-item.is-active:before{ + border-bottom:1.5px solid transparent; + bottom:1px; + content:""; + left:0; + position:absolute; + right:0; + top:0; } -.components-tab-panel__tabs-item:focus { - box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); +.components-tab-panel__tabs-item:focus{ + box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); } -.components-tab-panel__tabs-item.is-active:focus { - box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 -3px 0 0 var(--wp-admin-theme-color); +.components-tab-panel__tabs-item.is-active:focus{ + box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 -3px 0 0 var(--wp-admin-theme-color); } -.components-text-control__input, -.components-text-control__input[type=text], -.components-text-control__input[type=tel], -.components-text-control__input[type=time], -.components-text-control__input[type=url], -.components-text-control__input[type=week], -.components-text-control__input[type=password], -.components-text-control__input[type=color], -.components-text-control__input[type=date], -.components-text-control__input[type=datetime], -.components-text-control__input[type=datetime-local], -.components-text-control__input[type=email], -.components-text-control__input[type=month], -.components-text-control__input[type=number] { - width: 100%; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - padding: 6px 8px; - box-shadow: 0 0 0 transparent; - transition: box-shadow 0.1s linear; - border-radius: 2px; - border: 1px solid #757575; - /* Fonts smaller than 16px causes mobile safari to zoom. */ - font-size: 16px; - /* Override core line-height. To be reviewed. */ - line-height: normal; +.components-text-control__input,.components-text-control__input[type=color],.components-text-control__input[type=date],.components-text-control__input[type=datetime-local],.components-text-control__input[type=datetime],.components-text-control__input[type=email],.components-text-control__input[type=month],.components-text-control__input[type=number],.components-text-control__input[type=password],.components-text-control__input[type=tel],.components-text-control__input[type=text],.components-text-control__input[type=time],.components-text-control__input[type=url],.components-text-control__input[type=week]{ + border:1px solid #757575; + border-radius:2px; + box-shadow:0 0 0 transparent; + font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; + font-size:16px; + line-height:normal; + padding:6px 8px; + transition:box-shadow .1s linear; + width:100%; } -@media (prefers-reduced-motion: reduce) { - .components-text-control__input, -.components-text-control__input[type=text], -.components-text-control__input[type=tel], -.components-text-control__input[type=time], -.components-text-control__input[type=url], -.components-text-control__input[type=week], -.components-text-control__input[type=password], -.components-text-control__input[type=color], -.components-text-control__input[type=date], -.components-text-control__input[type=datetime], -.components-text-control__input[type=datetime-local], -.components-text-control__input[type=email], -.components-text-control__input[type=month], -.components-text-control__input[type=number] { - transition-duration: 0s; - transition-delay: 0s; +@media (prefers-reduced-motion:reduce){ + .components-text-control__input,.components-text-control__input[type=color],.components-text-control__input[type=date],.components-text-control__input[type=datetime-local],.components-text-control__input[type=datetime],.components-text-control__input[type=email],.components-text-control__input[type=month],.components-text-control__input[type=number],.components-text-control__input[type=password],.components-text-control__input[type=tel],.components-text-control__input[type=text],.components-text-control__input[type=time],.components-text-control__input[type=url],.components-text-control__input[type=week]{ + transition-delay:0s; + transition-duration:0s; } } -@media (min-width: 600px) { - .components-text-control__input, -.components-text-control__input[type=text], -.components-text-control__input[type=tel], -.components-text-control__input[type=time], -.components-text-control__input[type=url], -.components-text-control__input[type=week], -.components-text-control__input[type=password], -.components-text-control__input[type=color], -.components-text-control__input[type=date], -.components-text-control__input[type=datetime], -.components-text-control__input[type=datetime-local], -.components-text-control__input[type=email], -.components-text-control__input[type=month], -.components-text-control__input[type=number] { - font-size: 13px; - /* Override core line-height. To be reviewed. */ - line-height: normal; +@media (min-width:600px){ + .components-text-control__input,.components-text-control__input[type=color],.components-text-control__input[type=date],.components-text-control__input[type=datetime-local],.components-text-control__input[type=datetime],.components-text-control__input[type=email],.components-text-control__input[type=month],.components-text-control__input[type=number],.components-text-control__input[type=password],.components-text-control__input[type=tel],.components-text-control__input[type=text],.components-text-control__input[type=time],.components-text-control__input[type=url],.components-text-control__input[type=week]{ + font-size:13px; + line-height:normal; } } -.components-text-control__input:focus, -.components-text-control__input[type=text]:focus, -.components-text-control__input[type=tel]:focus, -.components-text-control__input[type=time]:focus, -.components-text-control__input[type=url]:focus, -.components-text-control__input[type=week]:focus, -.components-text-control__input[type=password]:focus, -.components-text-control__input[type=color]:focus, -.components-text-control__input[type=date]:focus, -.components-text-control__input[type=datetime]:focus, -.components-text-control__input[type=datetime-local]:focus, -.components-text-control__input[type=email]:focus, -.components-text-control__input[type=month]:focus, -.components-text-control__input[type=number]:focus { - border-color: var(--wp-admin-theme-color); - box-shadow: 0 0 0 1px var(--wp-admin-theme-color); - outline: 2px solid transparent; +.components-text-control__input:focus,.components-text-control__input[type=color]:focus,.components-text-control__input[type=date]:focus,.components-text-control__input[type=datetime-local]:focus,.components-text-control__input[type=datetime]:focus,.components-text-control__input[type=email]:focus,.components-text-control__input[type=month]:focus,.components-text-control__input[type=number]:focus,.components-text-control__input[type=password]:focus,.components-text-control__input[type=tel]:focus,.components-text-control__input[type=text]:focus,.components-text-control__input[type=time]:focus,.components-text-control__input[type=url]:focus,.components-text-control__input[type=week]:focus{ + border-color:var(--wp-admin-theme-color); + box-shadow:0 0 0 1px var(--wp-admin-theme-color); + outline:2px solid transparent; } -.components-text-control__input::-webkit-input-placeholder, -.components-text-control__input[type=text]::-webkit-input-placeholder, -.components-text-control__input[type=tel]::-webkit-input-placeholder, -.components-text-control__input[type=time]::-webkit-input-placeholder, -.components-text-control__input[type=url]::-webkit-input-placeholder, -.components-text-control__input[type=week]::-webkit-input-placeholder, -.components-text-control__input[type=password]::-webkit-input-placeholder, -.components-text-control__input[type=color]::-webkit-input-placeholder, -.components-text-control__input[type=date]::-webkit-input-placeholder, -.components-text-control__input[type=datetime]::-webkit-input-placeholder, -.components-text-control__input[type=datetime-local]::-webkit-input-placeholder, -.components-text-control__input[type=email]::-webkit-input-placeholder, -.components-text-control__input[type=month]::-webkit-input-placeholder, -.components-text-control__input[type=number]::-webkit-input-placeholder { - color: rgba(30, 30, 30, 0.62); +.components-text-control__input::-webkit-input-placeholder,.components-text-control__input[type=color]::-webkit-input-placeholder,.components-text-control__input[type=date]::-webkit-input-placeholder,.components-text-control__input[type=datetime-local]::-webkit-input-placeholder,.components-text-control__input[type=datetime]::-webkit-input-placeholder,.components-text-control__input[type=email]::-webkit-input-placeholder,.components-text-control__input[type=month]::-webkit-input-placeholder,.components-text-control__input[type=number]::-webkit-input-placeholder,.components-text-control__input[type=password]::-webkit-input-placeholder,.components-text-control__input[type=tel]::-webkit-input-placeholder,.components-text-control__input[type=text]::-webkit-input-placeholder,.components-text-control__input[type=time]::-webkit-input-placeholder,.components-text-control__input[type=url]::-webkit-input-placeholder,.components-text-control__input[type=week]::-webkit-input-placeholder{ + color:rgba(30,30,30,.62); } -.components-text-control__input::-moz-placeholder, -.components-text-control__input[type=text]::-moz-placeholder, -.components-text-control__input[type=tel]::-moz-placeholder, -.components-text-control__input[type=time]::-moz-placeholder, -.components-text-control__input[type=url]::-moz-placeholder, -.components-text-control__input[type=week]::-moz-placeholder, -.components-text-control__input[type=password]::-moz-placeholder, -.components-text-control__input[type=color]::-moz-placeholder, -.components-text-control__input[type=date]::-moz-placeholder, -.components-text-control__input[type=datetime]::-moz-placeholder, -.components-text-control__input[type=datetime-local]::-moz-placeholder, -.components-text-control__input[type=email]::-moz-placeholder, -.components-text-control__input[type=month]::-moz-placeholder, -.components-text-control__input[type=number]::-moz-placeholder { - opacity: 1; - color: rgba(30, 30, 30, 0.62); +.components-text-control__input::-moz-placeholder,.components-text-control__input[type=color]::-moz-placeholder,.components-text-control__input[type=date]::-moz-placeholder,.components-text-control__input[type=datetime-local]::-moz-placeholder,.components-text-control__input[type=datetime]::-moz-placeholder,.components-text-control__input[type=email]::-moz-placeholder,.components-text-control__input[type=month]::-moz-placeholder,.components-text-control__input[type=number]::-moz-placeholder,.components-text-control__input[type=password]::-moz-placeholder,.components-text-control__input[type=tel]::-moz-placeholder,.components-text-control__input[type=text]::-moz-placeholder,.components-text-control__input[type=time]::-moz-placeholder,.components-text-control__input[type=url]::-moz-placeholder,.components-text-control__input[type=week]::-moz-placeholder{ + color:rgba(30,30,30,.62); + opacity:1; } -.components-text-control__input:-ms-input-placeholder, -.components-text-control__input[type=text]:-ms-input-placeholder, -.components-text-control__input[type=tel]:-ms-input-placeholder, -.components-text-control__input[type=time]:-ms-input-placeholder, -.components-text-control__input[type=url]:-ms-input-placeholder, -.components-text-control__input[type=week]:-ms-input-placeholder, -.components-text-control__input[type=password]:-ms-input-placeholder, -.components-text-control__input[type=color]:-ms-input-placeholder, -.components-text-control__input[type=date]:-ms-input-placeholder, -.components-text-control__input[type=datetime]:-ms-input-placeholder, -.components-text-control__input[type=datetime-local]:-ms-input-placeholder, -.components-text-control__input[type=email]:-ms-input-placeholder, -.components-text-control__input[type=month]:-ms-input-placeholder, -.components-text-control__input[type=number]:-ms-input-placeholder { - color: rgba(30, 30, 30, 0.62); +.components-text-control__input:-ms-input-placeholder,.components-text-control__input[type=color]:-ms-input-placeholder,.components-text-control__input[type=date]:-ms-input-placeholder,.components-text-control__input[type=datetime-local]:-ms-input-placeholder,.components-text-control__input[type=datetime]:-ms-input-placeholder,.components-text-control__input[type=email]:-ms-input-placeholder,.components-text-control__input[type=month]:-ms-input-placeholder,.components-text-control__input[type=number]:-ms-input-placeholder,.components-text-control__input[type=password]:-ms-input-placeholder,.components-text-control__input[type=tel]:-ms-input-placeholder,.components-text-control__input[type=text]:-ms-input-placeholder,.components-text-control__input[type=time]:-ms-input-placeholder,.components-text-control__input[type=url]:-ms-input-placeholder,.components-text-control__input[type=week]:-ms-input-placeholder{ + color:rgba(30,30,30,.62); } -.components-tip { - display: flex; - color: #757575; +.components-tip{ + color:#757575; + display:flex; } -.components-tip svg { - align-self: center; - fill: #f0b849; - flex-shrink: 0; - margin-right: 16px; +.components-tip svg{ + fill:#f0b849; + align-self:center; + flex-shrink:0; + margin-right:16px; } -.components-tip p { - margin: 0; +.components-tip p{ + margin:0; } -.components-accessible-toolbar { - display: inline-flex; - border: 1px solid #1e1e1e; - border-radius: 2px; - flex-shrink: 0; +.components-accessible-toolbar{ + border:1px solid #1e1e1e; + border-radius:2px; + display:inline-flex; + flex-shrink:0; } -.components-accessible-toolbar > .components-toolbar-group:last-child { - border-right: none; +.components-accessible-toolbar>.components-toolbar-group:last-child{ + border-right:none; } -.components-accessible-toolbar .components-button, -.components-toolbar .components-button { - position: relative; - height: 48px; - z-index: 1; - padding-left: 16px; - padding-right: 16px; +.components-accessible-toolbar .components-button,.components-toolbar .components-button{ + height:48px; + padding-left:16px; + padding-right:16px; + position:relative; + z-index:1; } -.components-accessible-toolbar .components-button:focus:enabled, -.components-toolbar .components-button:focus:enabled { - box-shadow: none; - outline: none; +.components-accessible-toolbar .components-button:focus:enabled,.components-toolbar .components-button:focus:enabled{ + box-shadow:none; + outline:none; } -.components-accessible-toolbar .components-button::before, -.components-toolbar .components-button::before { - content: ""; - position: absolute; - display: block; - border-radius: 2px; - height: 32px; - left: 8px; - right: 8px; - z-index: -1; - animation: components-button__appear-animation 0.1s ease; - animation-fill-mode: forwards; +.components-accessible-toolbar .components-button:before,.components-toolbar .components-button:before{ + animation:components-button__appear-animation .1s ease; + animation-fill-mode:forwards; + border-radius:2px; + content:""; + display:block; + height:32px; + left:8px; + position:absolute; + right:8px; + z-index:-1; } -@media (prefers-reduced-motion: reduce) { - .components-accessible-toolbar .components-button::before, -.components-toolbar .components-button::before { - animation-duration: 1ms; - animation-delay: 0s; +@media (prefers-reduced-motion:reduce){ + .components-accessible-toolbar .components-button:before,.components-toolbar .components-button:before{ + animation-delay:0s; + animation-duration:1ms; } } -.components-accessible-toolbar .components-button svg, -.components-toolbar .components-button svg { - position: relative; - margin-left: auto; - margin-right: auto; +.components-accessible-toolbar .components-button svg,.components-toolbar .components-button svg{ + margin-left:auto; + margin-right:auto; + position:relative; } -.components-accessible-toolbar .components-button.is-pressed, -.components-toolbar .components-button.is-pressed { - background: transparent; +.components-accessible-toolbar .components-button.is-pressed,.components-accessible-toolbar .components-button.is-pressed:hover,.components-toolbar .components-button.is-pressed,.components-toolbar .components-button.is-pressed:hover{ + background:transparent; } -.components-accessible-toolbar .components-button.is-pressed:hover, -.components-toolbar .components-button.is-pressed:hover { - background: transparent; +.components-accessible-toolbar .components-button.is-pressed:before,.components-toolbar .components-button.is-pressed:before{ + background:#1e1e1e; } -.components-accessible-toolbar .components-button.is-pressed::before, -.components-toolbar .components-button.is-pressed::before { - background: #1e1e1e; +.components-accessible-toolbar .components-button:focus:before,.components-toolbar .components-button:focus:before{ + box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 0 0 4px #fff; + outline:2px solid transparent; } -.components-accessible-toolbar .components-button:focus::before, -.components-toolbar .components-button:focus::before { - box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 0 0 4px #fff; - outline: 2px solid transparent; +.components-accessible-toolbar .components-button.has-icon.has-icon,.components-toolbar .components-button.has-icon.has-icon{ + min-width:48px; + padding-left:12px; + padding-right:12px; } -.components-accessible-toolbar .components-button.has-icon.has-icon, -.components-toolbar .components-button.has-icon.has-icon { - padding-left: 12px; - padding-right: 12px; - min-width: 48px; +.components-accessible-toolbar .components-button.components-tab-button,.components-toolbar .components-button.components-tab-button{ + font-weight:500; } -.components-accessible-toolbar .components-button.components-tab-button, -.components-toolbar .components-button.components-tab-button { - font-weight: 500; -} -.components-accessible-toolbar .components-button.components-tab-button span, -.components-toolbar .components-button.components-tab-button span { - display: inline-block; - padding-left: 0; - padding-right: 0; - position: relative; +.components-accessible-toolbar .components-button.components-tab-button span,.components-toolbar .components-button.components-tab-button span{ + display:inline-block; + padding-left:0; + padding-right:0; + position:relative; } -@keyframes components-button__appear-animation { - from { - transform: scaleY(0); +@keyframes components-button__appear-animation{ + 0%{ + transform:scaleY(0); } - to { - transform: scaleY(1); + to{ + transform:scaleY(1); } } -.components-toolbar__control.components-button { - position: relative; +.components-toolbar__control.components-button{ + position:relative; } -.components-toolbar__control.components-button[data-subscript] svg { - padding: 5px 10px 5px 0; +.components-toolbar__control.components-button[data-subscript] svg{ + padding:5px 10px 5px 0; } -.components-toolbar__control.components-button[data-subscript]::after { - content: attr(data-subscript); - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - font-size: 13px; - font-weight: 600; - line-height: 12px; - position: absolute; - right: 8px; - bottom: 10px; +.components-toolbar__control.components-button[data-subscript]:after{ + bottom:10px; + content:attr(data-subscript); + font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; + font-size:13px; + font-weight:600; + line-height:12px; + position:absolute; + right:8px; } -.components-toolbar__control.components-button:active::before { - display: none; +.components-toolbar__control.components-button:active:before{ + display:none; } -.components-toolbar__control.components-button:not(:disabled).is-pressed[data-subscript]::after { - color: #fff; +.components-toolbar__control.components-button:not(:disabled).is-pressed[data-subscript]:after{ + color:#fff; } -.components-toolbar-group { - min-height: 48px; - border-right: 1px solid #1e1e1e; - background-color: #fff; - display: inline-flex; - flex-shrink: 0; - flex-wrap: wrap; - padding-left: 6px; - padding-right: 6px; - line-height: 0; +.components-toolbar-group{ + background-color:#fff; + border-right:1px solid #1e1e1e; + display:inline-flex; + flex-shrink:0; + flex-wrap:wrap; + line-height:0; + min-height:48px; + padding-left:6px; + padding-right:6px; } -.components-toolbar-group .components-toolbar-group.components-toolbar-group { - border-width: 0; - margin: 0; +.components-toolbar-group .components-toolbar-group.components-toolbar-group{ + border-width:0; + margin:0; } -.components-toolbar-group .components-button.components-button, -.components-toolbar-group .components-button.has-icon.has-icon { - min-width: 36px; - padding-left: 6px; - padding-right: 6px; +.components-toolbar-group .components-button.components-button,.components-toolbar-group .components-button.has-icon.has-icon{ + min-width:36px; + padding-left:6px; + padding-right:6px; } -.components-toolbar-group .components-button.components-button svg, -.components-toolbar-group .components-button.has-icon.has-icon svg { - min-width: 24px; +.components-toolbar-group .components-button.components-button svg,.components-toolbar-group .components-button.has-icon.has-icon svg{ + min-width:24px; } -.components-toolbar-group .components-button.components-button::before, -.components-toolbar-group .components-button.has-icon.has-icon::before { - left: 2px; - right: 2px; +.components-toolbar-group .components-button.components-button:before,.components-toolbar-group .components-button.has-icon.has-icon:before{ + left:2px; + right:2px; } -.components-toolbar { - min-height: 48px; - margin: 0; - border: 1px solid #1e1e1e; - background-color: #fff; - display: inline-flex; - flex-shrink: 0; - flex-wrap: wrap; +.components-toolbar{ + background-color:#fff; + border:1px solid #1e1e1e; + display:inline-flex; + flex-shrink:0; + flex-wrap:wrap; + margin:0; + min-height:48px; } -.components-toolbar .components-toolbar.components-toolbar { - border-width: 0; - margin: 0; +.components-toolbar .components-toolbar.components-toolbar{ + border-width:0; + margin:0; } -div.components-toolbar > div { - display: block; - margin: 0; +div.components-toolbar>div{ + display:block; + margin:0; } -@supports (position: sticky) { - div.components-toolbar > div { - display: flex; +@supports (position:sticky){ + div.components-toolbar>div{ + display:flex; } } -div.components-toolbar > div + div.has-left-divider { - margin-left: 6px; - position: relative; - overflow: visible; +div.components-toolbar>div+div.has-left-divider{ + margin-left:6px; + overflow:visible; + position:relative; } -div.components-toolbar > div + div.has-left-divider::before { - display: inline-block; - content: ""; - box-sizing: content-box; - background-color: #ddd; - position: absolute; - top: 8px; - left: -3px; - width: 1px; - height: 20px; +div.components-toolbar>div+div.has-left-divider:before{ + background-color:#ddd; + box-sizing:initial; + content:""; + display:inline-block; + height:20px; + left:-3px; + position:absolute; + top:8px; + width:1px; } -.components-tooltip.components-popover { - z-index: 1000002; +.components-tooltip.components-popover{ + z-index:1000002; } -.components-tooltip.components-popover .components-popover__content { - min-width: min-content; +.components-tooltip.components-popover .components-popover__content{ + min-width:min-content; } -.components-tooltip .components-popover__content { - background: #1e1e1e; - border-radius: 2px; - border-width: 0; - outline: none; - color: #fff; - white-space: nowrap; - text-align: center; - line-height: 1.4; - font-size: 12px; - box-shadow: none; - padding: 4px 8px; +.components-tooltip .components-popover__content{ + background:#1e1e1e; + border-radius:2px; + border-width:0; + box-shadow:none; + color:#fff; + font-size:12px; + line-height:1.4; + outline:none; + padding:4px 8px; + text-align:center; + white-space:nowrap; } -.components-tooltip__shortcut { - display: inline-block; - margin-left: 8px; +.components-tooltip__shortcut{ + display:inline-block; + margin-left:8px; } -.disabled-element-wrapper { - position: relative; +.disabled-element-wrapper{ + position:relative; } -.disabled-element-wrapper .event-catcher { - z-index: 100002; - position: absolute; - width: 100%; - height: 100%; - top: 0; - left: 0; - bottom: 0; - right: 0; +.disabled-element-wrapper .event-catcher{ + bottom:0; + height:100%; + left:0; + position:absolute; + right:0; + top:0; + width:100%; + z-index:100002; } \ No newline at end of file diff --git a/wp-includes/css/dist/customize-widgets/style-rtl.css b/wp-includes/css/dist/customize-widgets/style-rtl.css index ca4d4af9a7..e38b459f04 100644 --- a/wp-includes/css/dist/customize-widgets/style-rtl.css +++ b/wp-includes/css/dist/customize-widgets/style-rtl.css @@ -1,311 +1,224 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -:root { - --wp-admin-theme-color: #007cba; - --wp-admin-theme-color--rgb: 0, 124, 186; - --wp-admin-theme-color-darker-10: #006ba1; - --wp-admin-theme-color-darker-10--rgb: 0, 107, 161; - --wp-admin-theme-color-darker-20: #005a87; - --wp-admin-theme-color-darker-20--rgb: 0, 90, 135; - --wp-admin-border-width-focus: 2px; +:root{ + --wp-admin-theme-color:#007cba; + --wp-admin-theme-color--rgb:0, 124, 186; + --wp-admin-theme-color-darker-10:#006ba1; + --wp-admin-theme-color-darker-10--rgb:0, 107, 161; + --wp-admin-theme-color-darker-20:#005a87; + --wp-admin-theme-color-darker-20--rgb:0, 90, 135; + --wp-admin-border-width-focus:2px; } -@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { - :root { - --wp-admin-border-width-focus: 1.5px; +@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ + :root{ + --wp-admin-border-width-focus:1.5px; } } -#customize-theme-controls .customize-pane-child.accordion-section-content.customize-widgets-layout__inspector { - background: #fff; - box-sizing: border-box; +#customize-theme-controls .customize-pane-child.accordion-section-content.customize-widgets-layout__inspector{ + background:#fff; + box-sizing:border-box; } -#customize-theme-controls .customize-pane-child.accordion-section-content.customize-widgets-layout__inspector * { - box-sizing: inherit; +#customize-theme-controls .customize-pane-child.accordion-section-content.customize-widgets-layout__inspector *{ + box-sizing:inherit; } -#customize-theme-controls .customize-pane-child.accordion-section-content.customize-widgets-layout__inspector .block-editor-block-inspector { - margin: -12px; +#customize-theme-controls .customize-pane-child.accordion-section-content.customize-widgets-layout__inspector .block-editor-block-inspector{ + margin:-12px; } -#customize-theme-controls .customize-pane-child.accordion-section-content.customize-widgets-layout__inspector .block-editor-block-inspector h3 { - margin-bottom: 0; +#customize-theme-controls .customize-pane-child.accordion-section-content.customize-widgets-layout__inspector .block-editor-block-inspector h3{ + margin-bottom:0; } -#customize-theme-controls .customize-pane-child.control-section-sidebar.is-sub-section-open { - transform: translateX(100%); +#customize-theme-controls .customize-pane-child.control-section-sidebar.is-sub-section-open{ + transform:translateX(100%); } -.customize-widgets-header { - display: flex; - justify-content: flex-end; - margin: -15px -12px 0 -12px; - background: #f0f0f1; - border-bottom: 1px solid #e0e0e0; - z-index: 8; +.customize-widgets-header{ + background:#f0f0f1; + border-bottom:1px solid #e0e0e0; + display:flex; + justify-content:flex-end; + margin:-15px -12px 0; + z-index:8; } -@media (min-width: 782px) { - .customize-widgets-header { - margin-bottom: 44px; +@media (min-width:782px){ + .customize-widgets-header{ + margin-bottom:44px; } } -.customize-widgets-header.is-fixed-toolbar-active { - margin-bottom: 0; +.customize-widgets-header.is-fixed-toolbar-active{ + margin-bottom:0; } -.customize-widgets-header-toolbar { - display: flex; - border: none; - width: 100%; - align-items: center; +.customize-widgets-header-toolbar{ + align-items:center; + border:none; + display:flex; + width:100%; } -.customize-widgets-header-toolbar .customize-widgets-header-toolbar__inserter-toggle.components-button.has-icon { - border-radius: 2px; - color: #fff; - padding: 0; - min-width: 24px; - height: 24px; - margin: 12px auto 12px 0; +.customize-widgets-header-toolbar .customize-widgets-header-toolbar__inserter-toggle.components-button.has-icon{ + border-radius:2px; + color:#fff; + height:24px; + margin:12px auto 12px 0; + min-width:24px; + padding:0; } -.customize-widgets-header-toolbar .customize-widgets-header-toolbar__inserter-toggle.components-button.has-icon::before { - content: none; +.customize-widgets-header-toolbar .customize-widgets-header-toolbar__inserter-toggle.components-button.has-icon:before{ + content:none; } -.customize-widgets-header-toolbar .customize-widgets-header-toolbar__inserter-toggle.components-button.has-icon.is-pressed { - background: #1e1e1e; +.customize-widgets-header-toolbar .customize-widgets-header-toolbar__inserter-toggle.components-button.has-icon.is-pressed{ + background:#1e1e1e; } -.customize-widgets-header-toolbar .components-button.has-icon.customize-widgets-editor-history-button.redo-button { - margin-right: -12px; +.customize-widgets-header-toolbar .components-button.has-icon.customize-widgets-editor-history-button.redo-button{ + margin-right:-12px; } -#customize-sidebar-outer-content { - width: auto; - min-width: 100%; +#customize-sidebar-outer-content{ + min-width:100%; + width:auto; } -#customize-outer-theme-controls .widgets-inserter { - padding: 0; +#customize-outer-theme-controls .widgets-inserter{ + padding:0; } -#customize-outer-theme-controls .widgets-inserter .customize-section-description-container { - display: none; +#customize-outer-theme-controls .widgets-inserter .customize-section-description-container{ + display:none; } -.customize-widgets-layout__inserter-panel { - background: #fff; +.customize-widgets-layout__inserter-panel{ + background:#fff; } -.customize-widgets-layout__inserter-panel-header { - display: flex; - justify-content: space-between; - align-items: center; - padding: 16px; - height: 46px; - box-sizing: border-box; - border-bottom: 1px solid #ddd; +.customize-widgets-layout__inserter-panel-header{ + align-items:center; + border-bottom:1px solid #ddd; + box-sizing:border-box; + display:flex; + height:46px; + justify-content:space-between; + padding:16px; } -.customize-widgets-layout__inserter-panel-header .customize-widgets-layout__inserter-panel-header-title { - margin: 0; +.customize-widgets-layout__inserter-panel-header .customize-widgets-layout__inserter-panel-header-title{ + margin:0; } -.block-editor-inserter__quick-inserter .block-editor-inserter__panel-content { - background: #fff; +.block-editor-inserter__quick-inserter .block-editor-inserter__panel-content{ + background:#fff; } -.customize-widgets-keyboard-shortcut-help-modal__section { - margin: 0 0 2rem 0; +.customize-widgets-keyboard-shortcut-help-modal__section{ + margin:0 0 2rem; } -.customize-widgets-keyboard-shortcut-help-modal__section-title { - font-size: 0.9rem; - font-weight: 600; +.customize-widgets-keyboard-shortcut-help-modal__section-title{ + font-size:.9rem; + font-weight:600; } -.customize-widgets-keyboard-shortcut-help-modal__shortcut { - display: flex; - align-items: baseline; - padding: 0.6rem 0; - border-top: 1px solid #ddd; - margin-bottom: 0; +.customize-widgets-keyboard-shortcut-help-modal__shortcut{ + align-items:baseline; + border-top:1px solid #ddd; + display:flex; + margin-bottom:0; + padding:.6rem 0; } -.customize-widgets-keyboard-shortcut-help-modal__shortcut:last-child { - border-bottom: 1px solid #ddd; +.customize-widgets-keyboard-shortcut-help-modal__shortcut:last-child{ + border-bottom:1px solid #ddd; } -.customize-widgets-keyboard-shortcut-help-modal__shortcut:empty { - display: none; +.customize-widgets-keyboard-shortcut-help-modal__shortcut:empty{ + display:none; } -.customize-widgets-keyboard-shortcut-help-modal__shortcut-term { - font-weight: 600; - margin: 0 1rem 0 0; - text-align: left; +.customize-widgets-keyboard-shortcut-help-modal__shortcut-term{ + font-weight:600; + margin:0 1rem 0 0; + text-align:left; } -.customize-widgets-keyboard-shortcut-help-modal__shortcut-description { - flex: 1; - margin: 0; - flex-basis: auto; +.customize-widgets-keyboard-shortcut-help-modal__shortcut-description{ + flex:1; + flex-basis:auto; + margin:0; } -.customize-widgets-keyboard-shortcut-help-modal__shortcut-key-combination { - display: block; - background: none; - margin: 0; - padding: 0; +.customize-widgets-keyboard-shortcut-help-modal__shortcut-key-combination{ + background:none; + display:block; + margin:0; + padding:0; } -.customize-widgets-keyboard-shortcut-help-modal__shortcut-key-combination + .customize-widgets-keyboard-shortcut-help-modal__shortcut-key-combination { - margin-top: 10px; +.customize-widgets-keyboard-shortcut-help-modal__shortcut-key-combination+.customize-widgets-keyboard-shortcut-help-modal__shortcut-key-combination{ + margin-top:10px; } -.customize-widgets-keyboard-shortcut-help-modal__shortcut-key { - padding: 0.25rem 0.5rem; - border-radius: 8%; - margin: 0 0.2rem 0 0.2rem; +.customize-widgets-keyboard-shortcut-help-modal__shortcut-key{ + border-radius:8%; + margin:0 .2rem; + padding:.25rem .5rem; } -.customize-widgets-keyboard-shortcut-help-modal__shortcut-key:last-child { - margin: 0 0.2rem 0 0; +.customize-widgets-keyboard-shortcut-help-modal__shortcut-key:last-child{ + margin:0 .2rem 0 0; } -.block-editor-block-contextual-toolbar.is-fixed { - top: 0; - margin-right: -12px; - margin-left: -12px; - width: calc(100% + 24px); - overflow-y: auto; - z-index: 7; +.block-editor-block-contextual-toolbar.is-fixed{ + margin-left:-12px; + margin-right:-12px; + overflow-y:auto; + top:0; + width:calc(100% + 24px); + z-index:7; } -.customize-control-sidebar_block_editor .block-editor-block-list__block-popover { - position: fixed !important; - z-index: 7; +.customize-control-sidebar_block_editor .block-editor-block-list__block-popover{ + position:fixed !important; + z-index:7; } -.customize-widgets-popover .components-popover, -.customize-control-sidebar_block_editor .components-popover { - position: fixed !important; +.customize-control-sidebar_block_editor .components-popover,.customize-widgets-popover .components-popover{ + position:fixed !important; } -.customize-widgets-welcome-guide__image__wrapper { - background: #00a0d2; - text-align: center; - margin-bottom: 8px; +.customize-widgets-welcome-guide__image__wrapper{ + background:#00a0d2; + margin-bottom:8px; + text-align:center; } -.customize-widgets-welcome-guide__image { - height: auto; +.customize-widgets-welcome-guide__image{ + height:auto; } -.wrap .customize-widgets-welcome-guide__heading { - font-size: 18px; - font-weight: 600; +.wrap .customize-widgets-welcome-guide__heading{ + font-size:18px; + font-weight:600; } -.customize-widgets-welcome-guide__text { - line-height: 1.7; +.customize-widgets-welcome-guide__text{ + line-height:1.7; } -.customize-widgets-welcome-guide__button { - justify-content: center; - margin: 1em 0; - width: 100%; +.customize-widgets-welcome-guide__button{ + justify-content:center; + margin:1em 0; + width:100%; } -.customize-widgets-welcome-guide__separator { - margin: 1em 0; +.customize-widgets-welcome-guide__separator{ + margin:1em 0; } -.customize-widgets-welcome-guide__more-info { - line-height: 1.4; +.customize-widgets-welcome-guide__more-info{ + line-height:1.4; } -#customize-theme-controls .customize-pane-child.customize-widgets__sidebar-section { - min-height: 100%; - background-color: #fff; - padding-top: 12px !important; +#customize-theme-controls .customize-pane-child.customize-widgets__sidebar-section{ + background-color:#fff; + min-height:100%; + padding-top:12px !important; } -#customize-theme-controls .customize-pane-child.customize-widgets__sidebar-section.open { - overflow: unset; +#customize-theme-controls .customize-pane-child.customize-widgets__sidebar-section.open{ + overflow:unset; } -#customize-theme-controls .customize-pane-child.customize-widgets__sidebar-section .customize-section-title { - position: static !important; - margin-top: -12px !important; - width: unset !important; +#customize-theme-controls .customize-pane-child.customize-widgets__sidebar-section .customize-section-title{ + margin-top:-12px !important; + position:static !important; + width:unset !important; } -.components-modal__screen-overlay { - z-index: 999999; +.components-modal__screen-overlay{ + z-index:999999; } -.customize-control-sidebar_block_editor, -.customize-widgets-layout__inspector, -.customize-widgets-popover { - box-sizing: border-box; +.customize-control-sidebar_block_editor,.customize-widgets-layout__inspector,.customize-widgets-popover{ + box-sizing:border-box; } -.customize-control-sidebar_block_editor *, -.customize-control-sidebar_block_editor *::before, -.customize-control-sidebar_block_editor *::after, -.customize-widgets-layout__inspector *, -.customize-widgets-layout__inspector *::before, -.customize-widgets-layout__inspector *::after, -.customize-widgets-popover *, -.customize-widgets-popover *::before, -.customize-widgets-popover *::after { - box-sizing: inherit; +.customize-control-sidebar_block_editor *,.customize-control-sidebar_block_editor :after,.customize-control-sidebar_block_editor :before,.customize-widgets-layout__inspector *,.customize-widgets-layout__inspector :after,.customize-widgets-layout__inspector :before,.customize-widgets-popover *,.customize-widgets-popover :after,.customize-widgets-popover :before{ + box-sizing:inherit; } \ No newline at end of file diff --git a/wp-includes/css/dist/customize-widgets/style.css b/wp-includes/css/dist/customize-widgets/style.css index 85ee78b7a4..a316c867bc 100644 --- a/wp-includes/css/dist/customize-widgets/style.css +++ b/wp-includes/css/dist/customize-widgets/style.css @@ -1,311 +1,224 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -:root { - --wp-admin-theme-color: #007cba; - --wp-admin-theme-color--rgb: 0, 124, 186; - --wp-admin-theme-color-darker-10: #006ba1; - --wp-admin-theme-color-darker-10--rgb: 0, 107, 161; - --wp-admin-theme-color-darker-20: #005a87; - --wp-admin-theme-color-darker-20--rgb: 0, 90, 135; - --wp-admin-border-width-focus: 2px; +:root{ + --wp-admin-theme-color:#007cba; + --wp-admin-theme-color--rgb:0, 124, 186; + --wp-admin-theme-color-darker-10:#006ba1; + --wp-admin-theme-color-darker-10--rgb:0, 107, 161; + --wp-admin-theme-color-darker-20:#005a87; + --wp-admin-theme-color-darker-20--rgb:0, 90, 135; + --wp-admin-border-width-focus:2px; } -@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { - :root { - --wp-admin-border-width-focus: 1.5px; +@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ + :root{ + --wp-admin-border-width-focus:1.5px; } } -#customize-theme-controls .customize-pane-child.accordion-section-content.customize-widgets-layout__inspector { - background: #fff; - box-sizing: border-box; +#customize-theme-controls .customize-pane-child.accordion-section-content.customize-widgets-layout__inspector{ + background:#fff; + box-sizing:border-box; } -#customize-theme-controls .customize-pane-child.accordion-section-content.customize-widgets-layout__inspector * { - box-sizing: inherit; +#customize-theme-controls .customize-pane-child.accordion-section-content.customize-widgets-layout__inspector *{ + box-sizing:inherit; } -#customize-theme-controls .customize-pane-child.accordion-section-content.customize-widgets-layout__inspector .block-editor-block-inspector { - margin: -12px; +#customize-theme-controls .customize-pane-child.accordion-section-content.customize-widgets-layout__inspector .block-editor-block-inspector{ + margin:-12px; } -#customize-theme-controls .customize-pane-child.accordion-section-content.customize-widgets-layout__inspector .block-editor-block-inspector h3 { - margin-bottom: 0; +#customize-theme-controls .customize-pane-child.accordion-section-content.customize-widgets-layout__inspector .block-editor-block-inspector h3{ + margin-bottom:0; } -#customize-theme-controls .customize-pane-child.control-section-sidebar.is-sub-section-open { - transform: translateX(-100%); +#customize-theme-controls .customize-pane-child.control-section-sidebar.is-sub-section-open{ + transform:translateX(-100%); } -.customize-widgets-header { - display: flex; - justify-content: flex-end; - margin: -15px -12px 0 -12px; - background: #f0f0f1; - border-bottom: 1px solid #e0e0e0; - z-index: 8; +.customize-widgets-header{ + background:#f0f0f1; + border-bottom:1px solid #e0e0e0; + display:flex; + justify-content:flex-end; + margin:-15px -12px 0; + z-index:8; } -@media (min-width: 782px) { - .customize-widgets-header { - margin-bottom: 44px; +@media (min-width:782px){ + .customize-widgets-header{ + margin-bottom:44px; } } -.customize-widgets-header.is-fixed-toolbar-active { - margin-bottom: 0; +.customize-widgets-header.is-fixed-toolbar-active{ + margin-bottom:0; } -.customize-widgets-header-toolbar { - display: flex; - border: none; - width: 100%; - align-items: center; +.customize-widgets-header-toolbar{ + align-items:center; + border:none; + display:flex; + width:100%; } -.customize-widgets-header-toolbar .customize-widgets-header-toolbar__inserter-toggle.components-button.has-icon { - border-radius: 2px; - color: #fff; - padding: 0; - min-width: 24px; - height: 24px; - margin: 12px 0 12px auto; +.customize-widgets-header-toolbar .customize-widgets-header-toolbar__inserter-toggle.components-button.has-icon{ + border-radius:2px; + color:#fff; + height:24px; + margin:12px 0 12px auto; + min-width:24px; + padding:0; } -.customize-widgets-header-toolbar .customize-widgets-header-toolbar__inserter-toggle.components-button.has-icon::before { - content: none; +.customize-widgets-header-toolbar .customize-widgets-header-toolbar__inserter-toggle.components-button.has-icon:before{ + content:none; } -.customize-widgets-header-toolbar .customize-widgets-header-toolbar__inserter-toggle.components-button.has-icon.is-pressed { - background: #1e1e1e; +.customize-widgets-header-toolbar .customize-widgets-header-toolbar__inserter-toggle.components-button.has-icon.is-pressed{ + background:#1e1e1e; } -.customize-widgets-header-toolbar .components-button.has-icon.customize-widgets-editor-history-button.redo-button { - margin-left: -12px; +.customize-widgets-header-toolbar .components-button.has-icon.customize-widgets-editor-history-button.redo-button{ + margin-left:-12px; } -#customize-sidebar-outer-content { - width: auto; - min-width: 100%; +#customize-sidebar-outer-content{ + min-width:100%; + width:auto; } -#customize-outer-theme-controls .widgets-inserter { - padding: 0; +#customize-outer-theme-controls .widgets-inserter{ + padding:0; } -#customize-outer-theme-controls .widgets-inserter .customize-section-description-container { - display: none; +#customize-outer-theme-controls .widgets-inserter .customize-section-description-container{ + display:none; } -.customize-widgets-layout__inserter-panel { - background: #fff; +.customize-widgets-layout__inserter-panel{ + background:#fff; } -.customize-widgets-layout__inserter-panel-header { - display: flex; - justify-content: space-between; - align-items: center; - padding: 16px; - height: 46px; - box-sizing: border-box; - border-bottom: 1px solid #ddd; +.customize-widgets-layout__inserter-panel-header{ + align-items:center; + border-bottom:1px solid #ddd; + box-sizing:border-box; + display:flex; + height:46px; + justify-content:space-between; + padding:16px; } -.customize-widgets-layout__inserter-panel-header .customize-widgets-layout__inserter-panel-header-title { - margin: 0; +.customize-widgets-layout__inserter-panel-header .customize-widgets-layout__inserter-panel-header-title{ + margin:0; } -.block-editor-inserter__quick-inserter .block-editor-inserter__panel-content { - background: #fff; +.block-editor-inserter__quick-inserter .block-editor-inserter__panel-content{ + background:#fff; } -.customize-widgets-keyboard-shortcut-help-modal__section { - margin: 0 0 2rem 0; +.customize-widgets-keyboard-shortcut-help-modal__section{ + margin:0 0 2rem; } -.customize-widgets-keyboard-shortcut-help-modal__section-title { - font-size: 0.9rem; - font-weight: 600; +.customize-widgets-keyboard-shortcut-help-modal__section-title{ + font-size:.9rem; + font-weight:600; } -.customize-widgets-keyboard-shortcut-help-modal__shortcut { - display: flex; - align-items: baseline; - padding: 0.6rem 0; - border-top: 1px solid #ddd; - margin-bottom: 0; +.customize-widgets-keyboard-shortcut-help-modal__shortcut{ + align-items:baseline; + border-top:1px solid #ddd; + display:flex; + margin-bottom:0; + padding:.6rem 0; } -.customize-widgets-keyboard-shortcut-help-modal__shortcut:last-child { - border-bottom: 1px solid #ddd; +.customize-widgets-keyboard-shortcut-help-modal__shortcut:last-child{ + border-bottom:1px solid #ddd; } -.customize-widgets-keyboard-shortcut-help-modal__shortcut:empty { - display: none; +.customize-widgets-keyboard-shortcut-help-modal__shortcut:empty{ + display:none; } -.customize-widgets-keyboard-shortcut-help-modal__shortcut-term { - font-weight: 600; - margin: 0 0 0 1rem; - text-align: right; +.customize-widgets-keyboard-shortcut-help-modal__shortcut-term{ + font-weight:600; + margin:0 0 0 1rem; + text-align:right; } -.customize-widgets-keyboard-shortcut-help-modal__shortcut-description { - flex: 1; - margin: 0; - flex-basis: auto; +.customize-widgets-keyboard-shortcut-help-modal__shortcut-description{ + flex:1; + flex-basis:auto; + margin:0; } -.customize-widgets-keyboard-shortcut-help-modal__shortcut-key-combination { - display: block; - background: none; - margin: 0; - padding: 0; +.customize-widgets-keyboard-shortcut-help-modal__shortcut-key-combination{ + background:none; + display:block; + margin:0; + padding:0; } -.customize-widgets-keyboard-shortcut-help-modal__shortcut-key-combination + .customize-widgets-keyboard-shortcut-help-modal__shortcut-key-combination { - margin-top: 10px; +.customize-widgets-keyboard-shortcut-help-modal__shortcut-key-combination+.customize-widgets-keyboard-shortcut-help-modal__shortcut-key-combination{ + margin-top:10px; } -.customize-widgets-keyboard-shortcut-help-modal__shortcut-key { - padding: 0.25rem 0.5rem; - border-radius: 8%; - margin: 0 0.2rem 0 0.2rem; +.customize-widgets-keyboard-shortcut-help-modal__shortcut-key{ + border-radius:8%; + margin:0 .2rem; + padding:.25rem .5rem; } -.customize-widgets-keyboard-shortcut-help-modal__shortcut-key:last-child { - margin: 0 0 0 0.2rem; +.customize-widgets-keyboard-shortcut-help-modal__shortcut-key:last-child{ + margin:0 0 0 .2rem; } -.block-editor-block-contextual-toolbar.is-fixed { - top: 0; - margin-left: -12px; - margin-right: -12px; - width: calc(100% + 24px); - overflow-y: auto; - z-index: 7; +.block-editor-block-contextual-toolbar.is-fixed{ + margin-left:-12px; + margin-right:-12px; + overflow-y:auto; + top:0; + width:calc(100% + 24px); + z-index:7; } -.customize-control-sidebar_block_editor .block-editor-block-list__block-popover { - position: fixed !important; - z-index: 7; +.customize-control-sidebar_block_editor .block-editor-block-list__block-popover{ + position:fixed !important; + z-index:7; } -.customize-widgets-popover .components-popover, -.customize-control-sidebar_block_editor .components-popover { - position: fixed !important; +.customize-control-sidebar_block_editor .components-popover,.customize-widgets-popover .components-popover{ + position:fixed !important; } -.customize-widgets-welcome-guide__image__wrapper { - background: #00a0d2; - text-align: center; - margin-bottom: 8px; +.customize-widgets-welcome-guide__image__wrapper{ + background:#00a0d2; + margin-bottom:8px; + text-align:center; } -.customize-widgets-welcome-guide__image { - height: auto; +.customize-widgets-welcome-guide__image{ + height:auto; } -.wrap .customize-widgets-welcome-guide__heading { - font-size: 18px; - font-weight: 600; +.wrap .customize-widgets-welcome-guide__heading{ + font-size:18px; + font-weight:600; } -.customize-widgets-welcome-guide__text { - line-height: 1.7; +.customize-widgets-welcome-guide__text{ + line-height:1.7; } -.customize-widgets-welcome-guide__button { - justify-content: center; - margin: 1em 0; - width: 100%; +.customize-widgets-welcome-guide__button{ + justify-content:center; + margin:1em 0; + width:100%; } -.customize-widgets-welcome-guide__separator { - margin: 1em 0; +.customize-widgets-welcome-guide__separator{ + margin:1em 0; } -.customize-widgets-welcome-guide__more-info { - line-height: 1.4; +.customize-widgets-welcome-guide__more-info{ + line-height:1.4; } -#customize-theme-controls .customize-pane-child.customize-widgets__sidebar-section { - min-height: 100%; - background-color: #fff; - padding-top: 12px !important; +#customize-theme-controls .customize-pane-child.customize-widgets__sidebar-section{ + background-color:#fff; + min-height:100%; + padding-top:12px !important; } -#customize-theme-controls .customize-pane-child.customize-widgets__sidebar-section.open { - overflow: unset; +#customize-theme-controls .customize-pane-child.customize-widgets__sidebar-section.open{ + overflow:unset; } -#customize-theme-controls .customize-pane-child.customize-widgets__sidebar-section .customize-section-title { - position: static !important; - margin-top: -12px !important; - width: unset !important; +#customize-theme-controls .customize-pane-child.customize-widgets__sidebar-section .customize-section-title{ + margin-top:-12px !important; + position:static !important; + width:unset !important; } -.components-modal__screen-overlay { - z-index: 999999; +.components-modal__screen-overlay{ + z-index:999999; } -.customize-control-sidebar_block_editor, -.customize-widgets-layout__inspector, -.customize-widgets-popover { - box-sizing: border-box; +.customize-control-sidebar_block_editor,.customize-widgets-layout__inspector,.customize-widgets-popover{ + box-sizing:border-box; } -.customize-control-sidebar_block_editor *, -.customize-control-sidebar_block_editor *::before, -.customize-control-sidebar_block_editor *::after, -.customize-widgets-layout__inspector *, -.customize-widgets-layout__inspector *::before, -.customize-widgets-layout__inspector *::after, -.customize-widgets-popover *, -.customize-widgets-popover *::before, -.customize-widgets-popover *::after { - box-sizing: inherit; +.customize-control-sidebar_block_editor *,.customize-control-sidebar_block_editor :after,.customize-control-sidebar_block_editor :before,.customize-widgets-layout__inspector *,.customize-widgets-layout__inspector :after,.customize-widgets-layout__inspector :before,.customize-widgets-popover *,.customize-widgets-popover :after,.customize-widgets-popover :before{ + box-sizing:inherit; } \ No newline at end of file diff --git a/wp-includes/css/dist/edit-post/classic-rtl.css b/wp-includes/css/dist/edit-post/classic-rtl.css index a80aa75a09..562ac52772 100644 --- a/wp-includes/css/dist/edit-post/classic-rtl.css +++ b/wp-includes/css/dist/edit-post/classic-rtl.css @@ -1,167 +1,87 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -:root { - --wp-admin-theme-color: #007cba; - --wp-admin-theme-color--rgb: 0, 124, 186; - --wp-admin-theme-color-darker-10: #006ba1; - --wp-admin-theme-color-darker-10--rgb: 0, 107, 161; - --wp-admin-theme-color-darker-20: #005a87; - --wp-admin-theme-color-darker-20--rgb: 0, 90, 135; - --wp-admin-border-width-focus: 2px; +:root{ + --wp-admin-theme-color:#007cba; + --wp-admin-theme-color--rgb:0, 124, 186; + --wp-admin-theme-color-darker-10:#006ba1; + --wp-admin-theme-color-darker-10--rgb:0, 107, 161; + --wp-admin-theme-color-darker-20:#005a87; + --wp-admin-theme-color-darker-20--rgb:0, 90, 135; + --wp-admin-border-width-focus:2px; } -@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { - :root { - --wp-admin-border-width-focus: 1.5px; +@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ + :root{ + --wp-admin-border-width-focus:1.5px; } } -.editor-styles-wrapper .wp-block { - margin-right: auto; - margin-left: auto; +.editor-styles-wrapper .wp-block{ + margin-left:auto; + margin-right:auto; } -html :where(.editor-styles-wrapper) { - padding: 8px; +html :where(.editor-styles-wrapper){ + padding:8px; } -html :where(.editor-styles-wrapper) .block-editor-block-list__layout.is-root-container > .wp-block[data-align=full] { - margin-right: -8px; - margin-left: -8px; +html :where(.editor-styles-wrapper) .block-editor-block-list__layout.is-root-container>.wp-block[data-align=full]{ + margin-left:-8px; + margin-right:-8px; } -html :where(.wp-block) { - max-width: 840px; - margin-top: 28px; - margin-bottom: 28px; +html :where(.wp-block){ + margin-bottom:28px; + margin-top:28px; + max-width:840px; } -html :where(.wp-block)[data-align=wide] { - max-width: 1100px; +html :where(.wp-block)[data-align=wide]{ + max-width:1100px; } -html :where(.wp-block)[data-align=full] { - max-width: none; +html :where(.wp-block)[data-align=full]{ + max-width:none; } -html :where(.wp-block)[data-align=left], html :where(.wp-block)[data-align=right] { - width: 100%; - height: 0; +html :where(.wp-block)[data-align=left],html :where(.wp-block)[data-align=right]{ + height:0; + width:100%; } -html :where(.wp-block)[data-align=left]::before, html :where(.wp-block)[data-align=right]::before { - content: none; +html :where(.wp-block)[data-align=left]:before,html :where(.wp-block)[data-align=right]:before{ + content:none; } -html :where(.wp-block)[data-align=left] > * { - float: left; - margin-right: 2em; +html :where(.wp-block)[data-align=left]>*{ + float:left; + margin-right:2em; } -html :where(.wp-block)[data-align=right] > * { - float: right; - margin-left: 2em; +html :where(.wp-block)[data-align=right]>*{ + float:right; + margin-left:2em; } -html :where(.wp-block)[data-align=full], html :where(.wp-block)[data-align=wide] { - clear: both; +html :where(.wp-block)[data-align=full],html :where(.wp-block)[data-align=wide]{ + clear:both; } -.wp-block-group > [data-align=full] { - margin-right: auto; - margin-left: auto; +.wp-block-group>[data-align=full]{ + margin-left:auto; + margin-right:auto; } -.wp-block-group.has-background > [data-align=full] { - margin-right: -30px; - width: calc(100% + 60px); +.wp-block-group.has-background>[data-align=full]{ + margin-right:-30px; + width:calc(100% + 60px); } - -/** -* Group: Full Width Alignment -*/ -[data-align=full] .wp-block-group > .wp-block { - padding-right: 14px; - padding-left: 14px; +[data-align=full] .wp-block-group>.wp-block{ + padding-left:14px; + padding-right:14px; } -@media (min-width: 600px) { - [data-align=full] .wp-block-group > .wp-block { - padding-right: 0; - padding-left: 0; +@media (min-width:600px){ + [data-align=full] .wp-block-group>.wp-block{ + padding-left:0; + padding-right:0; } } -[data-align=full] .wp-block-group > [data-align=full] { - padding-left: 0; - padding-right: 0; - right: 0; - width: 100%; - max-width: none; +[data-align=full] .wp-block-group>[data-align=full]{ + max-width:none; + padding-left:0; + padding-right:0; + right:0; + width:100%; } -[data-align=full] .wp-block-group.has-background > [data-align=full] { - width: calc(100% + 60px); +[data-align=full] .wp-block-group.has-background>[data-align=full]{ + width:calc(100% + 60px); } \ No newline at end of file diff --git a/wp-includes/css/dist/edit-post/classic.css b/wp-includes/css/dist/edit-post/classic.css index 0835b55286..00f985e536 100644 --- a/wp-includes/css/dist/edit-post/classic.css +++ b/wp-includes/css/dist/edit-post/classic.css @@ -1,171 +1,87 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -:root { - --wp-admin-theme-color: #007cba; - --wp-admin-theme-color--rgb: 0, 124, 186; - --wp-admin-theme-color-darker-10: #006ba1; - --wp-admin-theme-color-darker-10--rgb: 0, 107, 161; - --wp-admin-theme-color-darker-20: #005a87; - --wp-admin-theme-color-darker-20--rgb: 0, 90, 135; - --wp-admin-border-width-focus: 2px; +:root{ + --wp-admin-theme-color:#007cba; + --wp-admin-theme-color--rgb:0, 124, 186; + --wp-admin-theme-color-darker-10:#006ba1; + --wp-admin-theme-color-darker-10--rgb:0, 107, 161; + --wp-admin-theme-color-darker-20:#005a87; + --wp-admin-theme-color-darker-20--rgb:0, 90, 135; + --wp-admin-border-width-focus:2px; } -@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { - :root { - --wp-admin-border-width-focus: 1.5px; +@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ + :root{ + --wp-admin-border-width-focus:1.5px; } } -.editor-styles-wrapper .wp-block { - margin-left: auto; - margin-right: auto; +.editor-styles-wrapper .wp-block{ + margin-left:auto; + margin-right:auto; } -html :where(.editor-styles-wrapper) { - padding: 8px; +html :where(.editor-styles-wrapper){ + padding:8px; } -html :where(.editor-styles-wrapper) .block-editor-block-list__layout.is-root-container > .wp-block[data-align=full] { - margin-left: -8px; - margin-right: -8px; +html :where(.editor-styles-wrapper) .block-editor-block-list__layout.is-root-container>.wp-block[data-align=full]{ + margin-left:-8px; + margin-right:-8px; } -html :where(.wp-block) { - max-width: 840px; - margin-top: 28px; - margin-bottom: 28px; +html :where(.wp-block){ + margin-bottom:28px; + margin-top:28px; + max-width:840px; } -html :where(.wp-block)[data-align=wide] { - max-width: 1100px; +html :where(.wp-block)[data-align=wide]{ + max-width:1100px; } -html :where(.wp-block)[data-align=full] { - max-width: none; +html :where(.wp-block)[data-align=full]{ + max-width:none; } -html :where(.wp-block)[data-align=left], html :where(.wp-block)[data-align=right] { - width: 100%; - height: 0; +html :where(.wp-block)[data-align=left],html :where(.wp-block)[data-align=right]{ + height:0; + width:100%; } -html :where(.wp-block)[data-align=left]::before, html :where(.wp-block)[data-align=right]::before { - content: none; +html :where(.wp-block)[data-align=left]:before,html :where(.wp-block)[data-align=right]:before{ + content:none; } -html :where(.wp-block)[data-align=left] > * { - /*!rtl:begin:ignore*/ - float: left; - margin-right: 2em; - /*!rtl:end:ignore*/ +html :where(.wp-block)[data-align=left]>*{ + float:left; + margin-right:2em; } -html :where(.wp-block)[data-align=right] > * { - /*!rtl:begin:ignore*/ - float: right; - margin-left: 2em; - /*!rtl:end:ignore*/ +html :where(.wp-block)[data-align=right]>*{ + float:right; + margin-left:2em; } -html :where(.wp-block)[data-align=full], html :where(.wp-block)[data-align=wide] { - clear: both; +html :where(.wp-block)[data-align=full],html :where(.wp-block)[data-align=wide]{ + clear:both; } -.wp-block-group > [data-align=full] { - margin-left: auto; - margin-right: auto; +.wp-block-group>[data-align=full]{ + margin-left:auto; + margin-right:auto; } -.wp-block-group.has-background > [data-align=full] { - margin-left: -30px; - width: calc(100% + 60px); +.wp-block-group.has-background>[data-align=full]{ + margin-left:-30px; + width:calc(100% + 60px); } - -/** -* Group: Full Width Alignment -*/ -[data-align=full] .wp-block-group > .wp-block { - padding-left: 14px; - padding-right: 14px; +[data-align=full] .wp-block-group>.wp-block{ + padding-left:14px; + padding-right:14px; } -@media (min-width: 600px) { - [data-align=full] .wp-block-group > .wp-block { - padding-left: 0; - padding-right: 0; +@media (min-width:600px){ + [data-align=full] .wp-block-group>.wp-block{ + padding-left:0; + padding-right:0; } } -[data-align=full] .wp-block-group > [data-align=full] { - padding-right: 0; - padding-left: 0; - left: 0; - width: 100%; - max-width: none; +[data-align=full] .wp-block-group>[data-align=full]{ + left:0; + max-width:none; + padding-left:0; + padding-right:0; + width:100%; } -[data-align=full] .wp-block-group.has-background > [data-align=full] { - width: calc(100% + 60px); +[data-align=full] .wp-block-group.has-background>[data-align=full]{ + width:calc(100% + 60px); } \ No newline at end of file diff --git a/wp-includes/css/dist/edit-post/style-rtl.css b/wp-includes/css/dist/edit-post/style-rtl.css index 6d2899a661..052cd05ed0 100644 --- a/wp-includes/css/dist/edit-post/style-rtl.css +++ b/wp-includes/css/dist/edit-post/style-rtl.css @@ -1,1999 +1,1745 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -:root { - --wp-admin-theme-color: #007cba; - --wp-admin-theme-color--rgb: 0, 124, 186; - --wp-admin-theme-color-darker-10: #006ba1; - --wp-admin-theme-color-darker-10--rgb: 0, 107, 161; - --wp-admin-theme-color-darker-20: #005a87; - --wp-admin-theme-color-darker-20--rgb: 0, 90, 135; - --wp-admin-border-width-focus: 2px; -} -@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { - :root { - --wp-admin-border-width-focus: 1.5px; - } -} - -.components-panel__header.interface-complementary-area-header__small { - background: #fff; - padding-left: 4px; -} -.components-panel__header.interface-complementary-area-header__small .interface-complementary-area-header__small-title { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - width: 100%; -} -@media (min-width: 782px) { - .components-panel__header.interface-complementary-area-header__small { - display: none; - } -} - -.interface-complementary-area-header { - background: #fff; - padding-left: 4px; -} -.interface-complementary-area-header .components-button.has-icon { - display: none; - margin-right: auto; -} -.interface-complementary-area-header .components-button.has-icon ~ .components-button { - margin-right: 0; -} -@media (min-width: 782px) { - .interface-complementary-area-header .components-button.has-icon { - display: flex; - } -} - -@media (min-width: 782px) { - .components-panel__header + .interface-complementary-area-header { - margin-top: 0; - } -} - -.interface-complementary-area { - background: #fff; - color: #1e1e1e; -} -@media (min-width: 600px) { - .interface-complementary-area { - -webkit-overflow-scrolling: touch; - } -} -@media (min-width: 782px) { - .interface-complementary-area { - width: 280px; - } +:root{ + --wp-admin-theme-color:#007cba; + --wp-admin-theme-color--rgb:0, 124, 186; + --wp-admin-theme-color-darker-10:#006ba1; + --wp-admin-theme-color-darker-10--rgb:0, 107, 161; + --wp-admin-theme-color-darker-20:#005a87; + --wp-admin-theme-color-darker-20--rgb:0, 90, 135; + --wp-admin-border-width-focus:2px; } -.interface-complementary-area .components-panel { - border: none; - position: relative; - z-index: 0; +@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ + :root{ + --wp-admin-border-width-focus:1.5px; + } +} + +.components-panel__header.interface-complementary-area-header__small{ + background:#fff; + padding-left:4px; +} +.components-panel__header.interface-complementary-area-header__small .interface-complementary-area-header__small-title{ + overflow:hidden; + text-overflow:ellipsis; + white-space:nowrap; + width:100%; +} +@media (min-width:782px){ + .components-panel__header.interface-complementary-area-header__small{ + display:none; + } +} + +.interface-complementary-area-header{ + background:#fff; + padding-left:4px; +} +.interface-complementary-area-header .components-button.has-icon{ + display:none; + margin-right:auto; +} +.interface-complementary-area-header .components-button.has-icon~.components-button{ + margin-right:0; +} +@media (min-width:782px){ + .interface-complementary-area-header .components-button.has-icon{ + display:flex; + } + .components-panel__header+.interface-complementary-area-header{ + margin-top:0; + } } -.interface-complementary-area .components-panel__header { - position: sticky; - top: 0; - z-index: 1; + +.interface-complementary-area{ + background:#fff; + color:#1e1e1e; } -.interface-complementary-area .components-panel__header.edit-post-sidebar__panel-tabs { - top: 48px; +@media (min-width:600px){ + .interface-complementary-area{ + -webkit-overflow-scrolling:touch; + } } -@media (min-width: 782px) { - .interface-complementary-area .components-panel__header.edit-post-sidebar__panel-tabs { - top: 0; +@media (min-width:782px){ + .interface-complementary-area{ + width:280px; } } -.interface-complementary-area p:not(.components-base-control__help) { - margin-top: 0; +.interface-complementary-area .components-panel{ + border:none; + position:relative; + z-index:0; +} +.interface-complementary-area .components-panel__header{ + position:sticky; + top:0; + z-index:1; } -.interface-complementary-area h2 { - font-size: 13px; - color: #1e1e1e; - margin-bottom: 1.5em; +.interface-complementary-area .components-panel__header.edit-post-sidebar__panel-tabs{ + top:48px; } -.interface-complementary-area h3 { - font-size: 11px; - text-transform: uppercase; - font-weight: 500; - color: #1e1e1e; - margin-bottom: 1.5em; +@media (min-width:782px){ + .interface-complementary-area .components-panel__header.edit-post-sidebar__panel-tabs{ + top:0; + } } -.interface-complementary-area hr { - border-top: none; - border-bottom: 1px solid #f0f0f0; - margin: 1.5em 0; +.interface-complementary-area p:not(.components-base-control__help){ + margin-top:0; } -.interface-complementary-area div.components-toolbar-group, -.interface-complementary-area div.components-toolbar { - box-shadow: none; - margin-bottom: 1.5em; +.interface-complementary-area h2{ + color:#1e1e1e; + font-size:13px; + margin-bottom:1.5em; } -.interface-complementary-area div.components-toolbar-group:last-child, -.interface-complementary-area div.components-toolbar:last-child { - margin-bottom: 0; +.interface-complementary-area h3{ + color:#1e1e1e; + font-size:11px; + font-weight:500; + margin-bottom:1.5em; + text-transform:uppercase; } -.interface-complementary-area .block-editor-skip-to-selected-block:focus { - top: auto; - left: 10px; - bottom: 10px; - right: auto; +.interface-complementary-area hr{ + border-bottom:1px solid #f0f0f0; + border-top:none; + margin:1.5em 0; +} +.interface-complementary-area div.components-toolbar,.interface-complementary-area div.components-toolbar-group{ + box-shadow:none; + margin-bottom:1.5em; +} +.interface-complementary-area div.components-toolbar-group:last-child,.interface-complementary-area div.components-toolbar:last-child{ + margin-bottom:0; +} +.interface-complementary-area .block-editor-skip-to-selected-block:focus{ + bottom:10px; + left:10px; + right:auto; + top:auto; } -@media (min-width: 782px) { - body.js.is-fullscreen-mode { - margin-top: -32px; - height: calc(100% + 32px); +@media (min-width:782px){ + body.js.is-fullscreen-mode{ + height:calc(100% + 32px); + margin-top:-32px; } - body.js.is-fullscreen-mode #adminmenumain, -body.js.is-fullscreen-mode #wpadminbar { - display: none; + body.js.is-fullscreen-mode #adminmenumain,body.js.is-fullscreen-mode #wpadminbar{ + display:none; } - body.js.is-fullscreen-mode #wpcontent, -body.js.is-fullscreen-mode #wpfooter { - margin-right: 0; + body.js.is-fullscreen-mode #wpcontent,body.js.is-fullscreen-mode #wpfooter{ + margin-right:0; } } -html.interface-interface-skeleton__html-container { - position: fixed; - width: 100%; +html.interface-interface-skeleton__html-container{ + position:fixed; + width:100%; } -@media (min-width: 782px) { - html.interface-interface-skeleton__html-container { - position: initial; - width: initial; +@media (min-width:782px){ + html.interface-interface-skeleton__html-container{ + position:static; + width:auto; } } -.interface-interface-skeleton { - display: flex; - flex-direction: row; - height: auto; - max-height: 100%; - position: fixed; - top: 46px; - right: 0; - left: 0; - bottom: 0; +.interface-interface-skeleton{ + bottom:0; + display:flex; + flex-direction:row; + height:auto; + left:0; + max-height:100%; + position:fixed; + top:46px; } -@media (min-width: 783px) { - .interface-interface-skeleton { - top: 32px; +@media (min-width:783px){ + .interface-interface-skeleton{ + top:32px; } - .is-fullscreen-mode .interface-interface-skeleton { - top: 0; + .is-fullscreen-mode .interface-interface-skeleton{ + top:0; } } -.interface-interface-skeleton__editor { - display: flex; - flex-direction: column; - flex: 0 1 100%; - overflow: hidden; +.interface-interface-skeleton__editor{ + display:flex; + flex:0 1 100%; + flex-direction:column; + overflow:hidden; } -.interface-interface-skeleton { - /* Set left position when auto-fold is not on the body element. */ - right: 0; +.interface-interface-skeleton{ + right:0; } -@media (min-width: 783px) { - .interface-interface-skeleton { - right: 160px; +@media (min-width:783px){ + .interface-interface-skeleton{ + right:160px; } } - -.auto-fold .interface-interface-skeleton { - /* Auto fold is when on smaller breakpoints, nav menu auto collapses. */ -} -@media (min-width: 783px) { - .auto-fold .interface-interface-skeleton { - right: 36px; +@media (min-width:783px){ + .auto-fold .interface-interface-skeleton{ + right:36px; } } -@media (min-width: 961px) { - .auto-fold .interface-interface-skeleton { - right: 160px; +@media (min-width:961px){ + .auto-fold .interface-interface-skeleton{ + right:160px; } } - -/* Sidebar manually collapsed. */ -.folded .interface-interface-skeleton { - right: 0; +.folded .interface-interface-skeleton{ + right:0; } -@media (min-width: 783px) { - .folded .interface-interface-skeleton { - right: 36px; +@media (min-width:783px){ + .folded .interface-interface-skeleton{ + right:36px; } } -body.is-fullscreen-mode .interface-interface-skeleton { - right: 0 !important; +body.is-fullscreen-mode .interface-interface-skeleton{ + right:0 !important; } -.interface-interface-skeleton__body { - flex-grow: 1; - display: flex; - overflow: auto; - overscroll-behavior-y: none; +.interface-interface-skeleton__body{ + display:flex; + flex-grow:1; + overflow:auto; + overscroll-behavior-y:none; } -@media (min-width: 782px) { - .has-footer .interface-interface-skeleton__body { - padding-bottom: 25px; +@media (min-width:782px){ + .has-footer .interface-interface-skeleton__body{ + padding-bottom:25px; } } -.interface-interface-skeleton__content { - flex-grow: 1; - display: flex; - flex-direction: column; - overflow: auto; - z-index: 20; +.interface-interface-skeleton__content{ + display:flex; + flex-direction:column; + flex-grow:1; + overflow:auto; + z-index:20; } -.interface-interface-skeleton__secondary-sidebar, -.interface-interface-skeleton__sidebar { - display: block; - flex-shrink: 0; - position: absolute; - z-index: 100000; - top: 0; - left: 0; - bottom: 0; - right: 0; - background: #fff; - color: #1e1e1e; +.interface-interface-skeleton__secondary-sidebar,.interface-interface-skeleton__sidebar{ + background:#fff; + bottom:0; + color:#1e1e1e; + display:block; + flex-shrink:0; + left:0; + position:absolute; + right:0; + top:0; + z-index:100000; } -@media (min-width: 782px) { - .interface-interface-skeleton__secondary-sidebar, -.interface-interface-skeleton__sidebar { - position: relative !important; - z-index: 90; - width: auto; +@media (min-width:782px){ + .interface-interface-skeleton__secondary-sidebar,.interface-interface-skeleton__sidebar{ + position:relative !important; + width:auto; + z-index:90; } } -.interface-interface-skeleton__sidebar { - overflow: auto; +.interface-interface-skeleton__sidebar{ + overflow:auto; } -@media (min-width: 782px) { - .interface-interface-skeleton__sidebar { - border-right: 1px solid #e0e0e0; +@media (min-width:782px){ + .interface-interface-skeleton__sidebar{ + border-right:1px solid #e0e0e0; } -} - -@media (min-width: 782px) { - .interface-interface-skeleton__secondary-sidebar { - border-left: 1px solid #e0e0e0; + .interface-interface-skeleton__secondary-sidebar{ + border-left:1px solid #e0e0e0; } } -.interface-interface-skeleton__header { - flex-shrink: 0; - height: auto; - border-bottom: 1px solid #e0e0e0; - z-index: 30; - color: #1e1e1e; +.interface-interface-skeleton__header{ + border-bottom:1px solid #e0e0e0; + color:#1e1e1e; + flex-shrink:0; + height:auto; + z-index:30; } -.interface-interface-skeleton__footer { - height: auto; - flex-shrink: 0; - border-top: 1px solid #e0e0e0; - color: #1e1e1e; - position: absolute; - bottom: 0; - right: 0; - width: 100%; - background-color: #fff; - z-index: 90; - display: none; +.interface-interface-skeleton__footer{ + background-color:#fff; + border-top:1px solid #e0e0e0; + bottom:0; + color:#1e1e1e; + display:none; + flex-shrink:0; + height:auto; + position:absolute; + right:0; + width:100%; + z-index:90; } -@media (min-width: 782px) { - .interface-interface-skeleton__footer { - display: flex; +@media (min-width:782px){ + .interface-interface-skeleton__footer{ + display:flex; } } -.interface-interface-skeleton__footer .block-editor-block-breadcrumb { - z-index: 30; - display: flex; - background: #fff; - height: 24px; - align-items: center; - font-size: 13px; - padding: 0 18px; +.interface-interface-skeleton__footer .block-editor-block-breadcrumb{ + align-items:center; + background:#fff; + display:flex; + font-size:13px; + height:24px; + padding:0 18px; + z-index:30; } -.interface-interface-skeleton__actions { - z-index: 100000; - position: fixed !important; - top: -9999em; - bottom: auto; - right: auto; - left: 0; - width: 280px; - color: #1e1e1e; +.interface-interface-skeleton__actions{ + bottom:auto; + color:#1e1e1e; + left:0; + position:fixed !important; + right:auto; + top:-9999em; + width:280px; + z-index:100000; } -.interface-interface-skeleton__actions:focus { - top: auto; - bottom: 0; +.interface-interface-skeleton__actions:focus{ + bottom:0; + top:auto; } -.interface-more-menu-dropdown { - margin-right: -4px; +.interface-more-menu-dropdown{ + margin-right:-4px; } -.interface-more-menu-dropdown .components-button { - width: auto; - padding: 0 2px; +.interface-more-menu-dropdown .components-button{ + padding:0 2px; + width:auto; } -@media (min-width: 600px) { - .interface-more-menu-dropdown { - margin-right: 0; +@media (min-width:600px){ + .interface-more-menu-dropdown{ + margin-right:0; } - .interface-more-menu-dropdown .components-button { - padding: 0 4px; + .interface-more-menu-dropdown .components-button{ + padding:0 4px; } } -.interface-more-menu-dropdown__content .components-popover__content { - min-width: 280px; +.interface-more-menu-dropdown__content .components-popover__content{ + min-width:280px; } -@media (min-width: 480px) { - .interface-more-menu-dropdown__content .components-popover__content { - max-width: 480px; +@media (min-width:480px){ + .interface-more-menu-dropdown__content .components-popover__content{ + max-width:480px; } } -.interface-more-menu-dropdown__content .components-popover__content .components-dropdown-menu__menu { - padding: 0; +.interface-more-menu-dropdown__content .components-popover__content .components-dropdown-menu__menu{ + padding:0; } -.components-popover.interface-more-menu-dropdown__content { - z-index: 99998; +.components-popover.interface-more-menu-dropdown__content{ + z-index:99998; } -.interface-pinned-items { - display: flex; - gap: 4px; - margin-left: -4px; +.interface-pinned-items{ + display:flex; + gap:4px; + margin-left:-4px; } -.interface-pinned-items .components-button:not(:first-child) { - display: none; +.interface-pinned-items .components-button:not(:first-child){ + display:none; } -@media (min-width: 600px) { - .interface-pinned-items .components-button:not(:first-child) { - display: flex; +@media (min-width:600px){ + .interface-pinned-items .components-button:not(:first-child){ + display:flex; } } -.interface-pinned-items .components-button { - margin: 0; +.interface-pinned-items .components-button{ + margin:0; } -.interface-pinned-items .components-button svg { - max-width: 24px; - max-height: 24px; +.interface-pinned-items .components-button svg{ + max-height:24px; + max-width:24px; } -@media (min-width: 600px) { - .interface-preferences-modal { - width: calc(100% - 32px); - height: calc(100% - 120px); +@media (min-width:600px){ + .interface-preferences-modal{ + height:calc(100% - 120px); + width:calc(100% - 32px); } } -@media (min-width: 782px) { - .interface-preferences-modal { - width: 750px; +@media (min-width:782px){ + .interface-preferences-modal{ + width:750px; } } -@media (min-width: 960px) { - .interface-preferences-modal { - height: 70%; +@media (min-width:960px){ + .interface-preferences-modal{ + height:70%; } } -@media (max-width: 781px) { - .interface-preferences-modal .components-modal__content { - padding: 0; +@media (max-width:781px){ + .interface-preferences-modal .components-modal__content{ + padding:0; } } -.interface-preferences__tabs .components-tab-panel__tabs { - position: absolute; - top: 84px; - right: 16px; - width: 160px; +.interface-preferences__tabs .components-tab-panel__tabs{ + position:absolute; + right:16px; + top:84px; + width:160px; } -.interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item { - border-radius: 2px; - font-weight: 400; +.interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item{ + border-radius:2px; + font-weight:400; } -.interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item.is-active { - background: #f0f0f0; - box-shadow: none; - font-weight: 500; +.interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item.is-active{ + background:#f0f0f0; + box-shadow:none; + font-weight:500; } -.interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item:focus:not(:disabled) { - box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); +.interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item:focus:not(:disabled){ + box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); } -.interface-preferences__tabs .components-tab-panel__tab-content { - padding-right: 24px; - margin-right: 160px; +.interface-preferences__tabs .components-tab-panel__tab-content{ + margin-right:160px; + padding-right:24px; } -@media (max-width: 781px) { - .interface-preferences__provider { - height: 100%; +@media (max-width:781px){ + .interface-preferences__provider{ + height:100%; } } -.interface-preferences-modal__section { - margin: 0 0 2.5rem 0; +.interface-preferences-modal__section{ + margin:0 0 2.5rem; } -.interface-preferences-modal__section:last-child { - margin: 0; +.interface-preferences-modal__section:last-child{ + margin:0; } -.interface-preferences-modal__section-legend { - margin-bottom: 8px; +.interface-preferences-modal__section-legend{ + margin-bottom:8px; } -.interface-preferences-modal__section-title { - font-size: 0.9rem; - font-weight: 600; - margin-top: 0; +.interface-preferences-modal__section-title{ + font-size:.9rem; + font-weight:600; + margin-top:0; } -.interface-preferences-modal__section-description { - margin: -8px 0 8px 0; - font-size: 12px; - font-style: normal; - color: #757575; +.interface-preferences-modal__section-description{ + color:#757575; + font-size:12px; + font-style:normal; + margin:-8px 0 8px; } -.interface-preferences-modal__option + .interface-preferences-modal__option { - margin-top: 16px; +.interface-preferences-modal__option+.interface-preferences-modal__option{ + margin-top:16px; } -.interface-preferences-modal__option .components-base-control__help { - margin-top: 0; - margin-right: 48px; +.interface-preferences-modal__option .components-base-control__help{ + margin-right:48px; + margin-top:0; } -.edit-post-header { - height: 60px; - background: #fff; - display: flex; - flex-wrap: wrap; - align-items: center; - max-width: 100vw; +.edit-post-header{ + align-items:center; + background:#fff; + display:flex; + flex-wrap:wrap; + height:60px; + max-width:100vw; } -@media (min-width: 280px) { - .edit-post-header { - flex-wrap: nowrap; +@media (min-width:280px){ + .edit-post-header{ + flex-wrap:nowrap; } } -.edit-post-header > .edit-post-header__settings { - order: 1; +.edit-post-header>.edit-post-header__settings{ + order:1; } -@supports (position: sticky) { - .edit-post-header > .edit-post-header__settings { - order: initial; +@supports (position:sticky){ + .edit-post-header>.edit-post-header__settings{ + order:0; } } -.edit-post-header__toolbar { - display: flex; - flex-grow: 1; +.edit-post-header__toolbar{ + display:flex; + flex-grow:1; +} +.edit-post-header__toolbar .table-of-contents{ + display:none; +} +@media (min-width:600px){ + .edit-post-header__toolbar .table-of-contents{ + display:block; + } } -.edit-post-header__toolbar .table-of-contents { - display: none; +.edit-post-header__settings{ + align-items:center; + display:inline-flex; + flex-wrap:wrap; + gap:4px; + padding-left:4px; } -@media (min-width: 600px) { - .edit-post-header__toolbar .table-of-contents { - display: block; +@media (min-width:600px){ + .edit-post-header__settings{ + gap:8px; + padding-left:10px; } } -/** - * Buttons on the right side - */ -.edit-post-header__settings { - display: inline-flex; - align-items: center; - flex-wrap: wrap; - padding-left: 4px; - gap: 4px; +.edit-post-header-preview__grouping-external{ + display:flex; + padding-bottom:0; + position:relative; +} + +.edit-post-header-preview__button-external{ + display:flex; + justify-content:flex-start; + margin-left:auto; + padding-right:8px; + width:100%; +} +.edit-post-header-preview__button-external svg{ + margin-right:auto; +} + +.edit-post-post-preview-dropdown .components-popover__content{ + padding-bottom:0; } -@media (min-width: 600px) { - .edit-post-header__settings { - padding-left: 10px; +.edit-post-header__dropdown .components-button.has-icon,.show-icon-labels .edit-post-header .components-button.has-icon,.show-icon-labels.interface-pinned-items .components-button.has-icon{ + width:auto; +} +.edit-post-header__dropdown .components-button.has-icon svg,.show-icon-labels .edit-post-header .components-button.has-icon svg,.show-icon-labels.interface-pinned-items .components-button.has-icon svg{ + display:none; +} +.edit-post-header__dropdown .components-button.has-icon:after,.show-icon-labels .edit-post-header .components-button.has-icon:after,.show-icon-labels.interface-pinned-items .components-button.has-icon:after{ + content:attr(aria-label); +} +.edit-post-header__dropdown .components-button.has-icon[aria-disabled=true],.show-icon-labels .edit-post-header .components-button.has-icon[aria-disabled=true],.show-icon-labels.interface-pinned-items .components-button.has-icon[aria-disabled=true]{ + background-color:initial; +} +.edit-post-header__dropdown .is-tertiary:active,.show-icon-labels .edit-post-header .is-tertiary:active,.show-icon-labels.interface-pinned-items .is-tertiary:active{ + background-color:initial; + box-shadow:0 0 0 1.5px var(--wp-admin-theme-color); +} +.edit-post-header__dropdown .components-button.has-icon.button-toggle svg,.edit-post-header__dropdown .edit-post-fullscreen-mode-close.has-icon svg,.show-icon-labels .edit-post-header .components-button.has-icon.button-toggle svg,.show-icon-labels .edit-post-header .edit-post-fullscreen-mode-close.has-icon svg,.show-icon-labels.interface-pinned-items .components-button.has-icon.button-toggle svg,.show-icon-labels.interface-pinned-items .edit-post-fullscreen-mode-close.has-icon svg{ + display:block; +} +.edit-post-header__dropdown .components-button.has-icon.button-toggle:after,.edit-post-header__dropdown .edit-post-fullscreen-mode-close.has-icon:after,.show-icon-labels .edit-post-header .components-button.has-icon.button-toggle:after,.show-icon-labels .edit-post-header .edit-post-fullscreen-mode-close.has-icon:after,.show-icon-labels.interface-pinned-items .components-button.has-icon.button-toggle:after,.show-icon-labels.interface-pinned-items .edit-post-fullscreen-mode-close.has-icon:after{ + content:none; +} +.edit-post-header__dropdown .edit-post-fullscreen-mode-close.has-icon,.show-icon-labels .edit-post-header .edit-post-fullscreen-mode-close.has-icon,.show-icon-labels.interface-pinned-items .edit-post-fullscreen-mode-close.has-icon{ + width:60px; +} +.edit-post-header__dropdown .components-menu-items-choice .components-menu-items__item-icon.components-menu-items__item-icon,.show-icon-labels .edit-post-header .components-menu-items-choice .components-menu-items__item-icon.components-menu-items__item-icon,.show-icon-labels.interface-pinned-items .components-menu-items-choice .components-menu-items__item-icon.components-menu-items__item-icon{ + display:block; +} +.edit-post-header__dropdown .edit-post-header-toolbar__inserter-toggle.edit-post-header-toolbar__inserter-toggle,.edit-post-header__dropdown .interface-pinned-items .components-button,.show-icon-labels .edit-post-header .edit-post-header-toolbar__inserter-toggle.edit-post-header-toolbar__inserter-toggle,.show-icon-labels .edit-post-header .interface-pinned-items .components-button,.show-icon-labels.interface-pinned-items .edit-post-header-toolbar__inserter-toggle.edit-post-header-toolbar__inserter-toggle,.show-icon-labels.interface-pinned-items .interface-pinned-items .components-button{ + padding-left:8px; + padding-right:8px; +} +@media (min-width:600px){ + .edit-post-header__dropdown .edit-post-header-toolbar__inserter-toggle.edit-post-header-toolbar__inserter-toggle,.edit-post-header__dropdown .interface-pinned-items .components-button,.show-icon-labels .edit-post-header .edit-post-header-toolbar__inserter-toggle.edit-post-header-toolbar__inserter-toggle,.show-icon-labels .edit-post-header .interface-pinned-items .components-button,.show-icon-labels.interface-pinned-items .edit-post-header-toolbar__inserter-toggle.edit-post-header-toolbar__inserter-toggle,.show-icon-labels.interface-pinned-items .interface-pinned-items .components-button{ + padding-left:12px; + padding-right:12px; } } -@media (min-width: 600px) { - .edit-post-header__settings { - gap: 8px; +.edit-post-header__dropdown .editor-post-save-draft.editor-post-save-draft:after,.show-icon-labels .edit-post-header .editor-post-save-draft.editor-post-save-draft:after,.show-icon-labels.interface-pinned-items .editor-post-save-draft.editor-post-save-draft:after{ + content:none; +} +@media (min-width:600px){ + .edit-post-header__dropdown .editor-post-save-draft.editor-post-save-draft:after,.show-icon-labels .edit-post-header .editor-post-save-draft.editor-post-save-draft:after,.show-icon-labels.interface-pinned-items .editor-post-save-draft.editor-post-save-draft:after{ + content:attr(aria-label); } } -.edit-post-header-preview__grouping-external { - display: flex; - position: relative; - padding-bottom: 0; +.edit-post-header__dropdown .components-button.block-editor-list-view,.edit-post-header__dropdown .components-button.editor-history__redo,.edit-post-header__dropdown .components-button.editor-history__undo,.edit-post-header__dropdown .components-menu-item__button.components-menu-item__button,.edit-post-header__dropdown .table-of-contents .components-button{ + justify-content:flex-start; + margin:0; + padding:6px 40px 6px 6px; + text-align:right; + width:14.625rem; } -.edit-post-header-preview__button-external { - padding-right: 8px; - margin-left: auto; - width: 100%; - display: flex; - justify-content: flex-start; +.show-icon-labels.interface-pinned-items{ + border-bottom:1px solid #ccc; + display:block; + margin:0 -12px; + padding:6px 12px 12px; } -.edit-post-header-preview__button-external svg { - margin-right: auto; +.show-icon-labels.interface-pinned-items>.components-button.has-icon{ + justify-content:flex-start; + margin:0; + padding:6px 8px 6px 6px; + width:14.625rem; } - -.edit-post-post-preview-dropdown .components-popover__content { - padding-bottom: 0; +.show-icon-labels.interface-pinned-items>.components-button.has-icon[aria-expanded=true] svg{ + display:block; + max-width:24px; +} +.show-icon-labels.interface-pinned-items>.components-button.has-icon[aria-expanded=false]{ + padding-right:40px; +} +.show-icon-labels.interface-pinned-items>.components-button.has-icon svg{ + margin-left:8px; } -/** - * Show icon labels. - */ -.show-icon-labels.interface-pinned-items .components-button.has-icon, -.show-icon-labels .edit-post-header .components-button.has-icon, -.edit-post-header__dropdown .components-button.has-icon { - width: auto; -} -.show-icon-labels.interface-pinned-items .components-button.has-icon svg, -.show-icon-labels .edit-post-header .components-button.has-icon svg, -.edit-post-header__dropdown .components-button.has-icon svg { - display: none; -} -.show-icon-labels.interface-pinned-items .components-button.has-icon::after, -.show-icon-labels .edit-post-header .components-button.has-icon::after, -.edit-post-header__dropdown .components-button.has-icon::after { - content: attr(aria-label); -} -.show-icon-labels.interface-pinned-items .components-button.has-icon[aria-disabled=true], -.show-icon-labels .edit-post-header .components-button.has-icon[aria-disabled=true], -.edit-post-header__dropdown .components-button.has-icon[aria-disabled=true] { - background-color: transparent; -} -.show-icon-labels.interface-pinned-items .is-tertiary:active, -.show-icon-labels .edit-post-header .is-tertiary:active, -.edit-post-header__dropdown .is-tertiary:active { - box-shadow: 0 0 0 1.5px var(--wp-admin-theme-color); - background-color: transparent; +.edit-post-fullscreen-mode-close.components-button{ + display:none; } -.show-icon-labels.interface-pinned-items .edit-post-fullscreen-mode-close.has-icon svg, -.show-icon-labels.interface-pinned-items .components-button.has-icon.button-toggle svg, -.show-icon-labels .edit-post-header .edit-post-fullscreen-mode-close.has-icon svg, -.show-icon-labels .edit-post-header .components-button.has-icon.button-toggle svg, -.edit-post-header__dropdown .edit-post-fullscreen-mode-close.has-icon svg, -.edit-post-header__dropdown .components-button.has-icon.button-toggle svg { - display: block; -} -.show-icon-labels.interface-pinned-items .edit-post-fullscreen-mode-close.has-icon::after, -.show-icon-labels.interface-pinned-items .components-button.has-icon.button-toggle::after, -.show-icon-labels .edit-post-header .edit-post-fullscreen-mode-close.has-icon::after, -.show-icon-labels .edit-post-header .components-button.has-icon.button-toggle::after, -.edit-post-header__dropdown .edit-post-fullscreen-mode-close.has-icon::after, -.edit-post-header__dropdown .components-button.has-icon.button-toggle::after { - content: none; -} -.show-icon-labels.interface-pinned-items .edit-post-fullscreen-mode-close.has-icon, -.show-icon-labels .edit-post-header .edit-post-fullscreen-mode-close.has-icon, -.edit-post-header__dropdown .edit-post-fullscreen-mode-close.has-icon { - width: 60px; -} -.show-icon-labels.interface-pinned-items .components-menu-items-choice .components-menu-items__item-icon.components-menu-items__item-icon, -.show-icon-labels .edit-post-header .components-menu-items-choice .components-menu-items__item-icon.components-menu-items__item-icon, -.edit-post-header__dropdown .components-menu-items-choice .components-menu-items__item-icon.components-menu-items__item-icon { - display: block; -} -.show-icon-labels.interface-pinned-items .edit-post-header-toolbar__inserter-toggle.edit-post-header-toolbar__inserter-toggle, -.show-icon-labels.interface-pinned-items .interface-pinned-items .components-button, -.show-icon-labels .edit-post-header .edit-post-header-toolbar__inserter-toggle.edit-post-header-toolbar__inserter-toggle, -.show-icon-labels .edit-post-header .interface-pinned-items .components-button, -.edit-post-header__dropdown .edit-post-header-toolbar__inserter-toggle.edit-post-header-toolbar__inserter-toggle, -.edit-post-header__dropdown .interface-pinned-items .components-button { - padding-right: 8px; - padding-left: 8px; -} -@media (min-width: 600px) { - .show-icon-labels.interface-pinned-items .edit-post-header-toolbar__inserter-toggle.edit-post-header-toolbar__inserter-toggle, -.show-icon-labels.interface-pinned-items .interface-pinned-items .components-button, -.show-icon-labels .edit-post-header .edit-post-header-toolbar__inserter-toggle.edit-post-header-toolbar__inserter-toggle, -.show-icon-labels .edit-post-header .interface-pinned-items .components-button, -.edit-post-header__dropdown .edit-post-header-toolbar__inserter-toggle.edit-post-header-toolbar__inserter-toggle, -.edit-post-header__dropdown .interface-pinned-items .components-button { - padding-right: 12px; - padding-left: 12px; - } -} -.show-icon-labels.interface-pinned-items .editor-post-save-draft.editor-post-save-draft::after, -.show-icon-labels .edit-post-header .editor-post-save-draft.editor-post-save-draft::after, -.edit-post-header__dropdown .editor-post-save-draft.editor-post-save-draft::after { - content: none; -} -@media (min-width: 600px) { - .show-icon-labels.interface-pinned-items .editor-post-save-draft.editor-post-save-draft::after, -.show-icon-labels .edit-post-header .editor-post-save-draft.editor-post-save-draft::after, -.edit-post-header__dropdown .editor-post-save-draft.editor-post-save-draft::after { - content: attr(aria-label); - } -} - -.edit-post-header__dropdown .components-menu-item__button.components-menu-item__button, -.edit-post-header__dropdown .components-button.editor-history__undo, -.edit-post-header__dropdown .components-button.editor-history__redo, -.edit-post-header__dropdown .table-of-contents .components-button, -.edit-post-header__dropdown .components-button.block-editor-list-view { - margin: 0; - padding: 6px 40px 6px 6px; - width: 14.625rem; - text-align: right; - justify-content: flex-start; -} - -.show-icon-labels.interface-pinned-items { - padding: 6px 12px 12px; - margin-top: 0; - margin-bottom: 0; - margin-right: -12px; - margin-left: -12px; - border-bottom: 1px solid #ccc; - display: block; -} -.show-icon-labels.interface-pinned-items > .components-button.has-icon { - margin: 0; - padding: 6px 8px 6px 6px; - width: 14.625rem; - justify-content: flex-start; -} -.show-icon-labels.interface-pinned-items > .components-button.has-icon[aria-expanded=true] svg { - display: block; - max-width: 24px; -} -.show-icon-labels.interface-pinned-items > .components-button.has-icon[aria-expanded=false] { - padding-right: 40px; -} -.show-icon-labels.interface-pinned-items > .components-button.has-icon svg { - margin-left: 8px; -} - -.edit-post-fullscreen-mode-close.components-button { - display: none; -} -@media (min-width: 782px) { - .edit-post-fullscreen-mode-close.components-button { - display: flex; - align-items: center; - align-self: stretch; - border: none; - background: #1e1e1e; - color: #fff; - border-radius: 0; - height: 61px; - width: 60px; - position: relative; - margin-bottom: -1px; - } - .edit-post-fullscreen-mode-close.components-button:active { - color: #fff; - } - .edit-post-fullscreen-mode-close.components-button:focus { - box-shadow: none; +@media (min-width:782px){ + .edit-post-fullscreen-mode-close.components-button{ + align-items:center; + align-self:stretch; + background:#1e1e1e; + border:none; + border-radius:0; + color:#fff; + display:flex; + height:61px; + margin-bottom:-1px; + position:relative; + width:60px; } - .edit-post-fullscreen-mode-close.components-button::before { - transition: box-shadow 0.1s ease; - content: ""; - display: block; - position: absolute; - top: 9px; - left: 9px; - bottom: 9px; - right: 9px; - border-radius: 4px; - box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) #1e1e1e; + .edit-post-fullscreen-mode-close.components-button:active{ + color:#fff; } -} -@media (min-width: 782px) and (prefers-reduced-motion: reduce) { - .edit-post-fullscreen-mode-close.components-button::before { - transition-duration: 0s; - transition-delay: 0s; + .edit-post-fullscreen-mode-close.components-button:focus{ + box-shadow:none; } -} -@media (min-width: 782px) { - .edit-post-fullscreen-mode-close.components-button:hover::before { - box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) #757575; + .edit-post-fullscreen-mode-close.components-button:before{ + border-radius:4px; + bottom:9px; + box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) #1e1e1e; + content:""; + display:block; + left:9px; + position:absolute; + right:9px; + top:9px; + transition:box-shadow .1s ease; } } -@media (min-width: 782px) { - .edit-post-fullscreen-mode-close.components-button.has-icon:hover::before { - box-shadow: none; +@media (min-width:782px) and (prefers-reduced-motion:reduce){ + .edit-post-fullscreen-mode-close.components-button:before{ + transition-delay:0s; + transition-duration:0s; } } -@media (min-width: 782px) { - .edit-post-fullscreen-mode-close.components-button:focus::before { - box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) rgba(255, 255, 255, 0.1), inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); +@media (min-width:782px){ + .edit-post-fullscreen-mode-close.components-button:hover:before{ + box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) #757575; + } + .edit-post-fullscreen-mode-close.components-button.has-icon:hover:before{ + box-shadow:none; + } + .edit-post-fullscreen-mode-close.components-button:focus:before{ + box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) hsla(0,0%,100%,.1), inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); } } -.edit-post-fullscreen-mode-close.components-button .edit-post-fullscreen-mode-close_site-icon { - width: 36px; - height: 36px; - border-radius: 2px; - -o-object-fit: cover; - object-fit: cover; - margin-top: -1px; +.edit-post-fullscreen-mode-close.components-button .edit-post-fullscreen-mode-close_site-icon{ + border-radius:2px; + height:36px; + margin-top:-1px; + -o-object-fit:cover; + object-fit:cover; + width:36px; } -.edit-post-header-toolbar { - display: inline-flex; - flex-grow: 1; - align-items: center; - border: none; +.edit-post-header-toolbar{ + align-items:center; + border:none; + display:inline-flex; + flex-grow:1; } -.edit-post-header-toolbar .edit-post-header-toolbar__left > .components-button { - display: none; +.edit-post-header-toolbar .edit-post-header-toolbar__left>.components-button{ + display:none; } -@media (min-width: 600px) { - .edit-post-header-toolbar .edit-post-header-toolbar__left > .components-button { - display: inline-flex; +@media (min-width:600px){ + .edit-post-header-toolbar .edit-post-header-toolbar__left>.components-button{ + display:inline-flex; } } -.edit-post-header-toolbar .edit-post-header-toolbar__left > .edit-post-header-toolbar__inserter-toggle { - display: inline-flex; +.edit-post-header-toolbar .edit-post-header-toolbar__left>.edit-post-header-toolbar__inserter-toggle{ + display:inline-flex; } -.edit-post-header-toolbar .edit-post-header-toolbar__left > .edit-post-header-toolbar__inserter-toggle svg { - transition: transform cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s; +.edit-post-header-toolbar .edit-post-header-toolbar__left>.edit-post-header-toolbar__inserter-toggle svg{ + transition:transform .2s cubic-bezier(.165, .84, .44, 1); } -@media (prefers-reduced-motion: reduce) { - .edit-post-header-toolbar .edit-post-header-toolbar__left > .edit-post-header-toolbar__inserter-toggle svg { - transition-duration: 0s; - transition-delay: 0s; +@media (prefers-reduced-motion:reduce){ + .edit-post-header-toolbar .edit-post-header-toolbar__left>.edit-post-header-toolbar__inserter-toggle svg{ + transition-delay:0s; + transition-duration:0s; } } -.edit-post-header-toolbar .edit-post-header-toolbar__left > .edit-post-header-toolbar__inserter-toggle.is-pressed svg { - transform: rotate(-45deg); +.edit-post-header-toolbar .edit-post-header-toolbar__left>.edit-post-header-toolbar__inserter-toggle.is-pressed svg{ + transform:rotate(-45deg); } -.edit-post-header-toolbar .block-editor-list-view { - display: none; +.edit-post-header-toolbar .block-editor-list-view{ + display:none; } -@media (min-width: 600px) { - .edit-post-header-toolbar .block-editor-list-view { - display: flex; +@media (min-width:600px){ + .edit-post-header-toolbar .block-editor-list-view{ + display:flex; } } -.edit-post-header-toolbar .edit-post-header-toolbar__left > .components-button.has-icon, -.edit-post-header-toolbar .edit-post-header-toolbar__left > .components-dropdown > .components-button.has-icon { - height: 36px; - min-width: 36px; - padding: 6px; +.edit-post-header-toolbar .edit-post-header-toolbar__left>.components-button.has-icon,.edit-post-header-toolbar .edit-post-header-toolbar__left>.components-dropdown>.components-button.has-icon{ + height:36px; + min-width:36px; + padding:6px; } -.edit-post-header-toolbar .edit-post-header-toolbar__left > .components-button.has-icon.is-pressed, -.edit-post-header-toolbar .edit-post-header-toolbar__left > .components-dropdown > .components-button.has-icon.is-pressed { - background: #1e1e1e; +.edit-post-header-toolbar .edit-post-header-toolbar__left>.components-button.has-icon.is-pressed,.edit-post-header-toolbar .edit-post-header-toolbar__left>.components-dropdown>.components-button.has-icon.is-pressed{ + background:#1e1e1e; } -.edit-post-header-toolbar .edit-post-header-toolbar__left > .components-button.has-icon:focus:not(:disabled), -.edit-post-header-toolbar .edit-post-header-toolbar__left > .components-dropdown > .components-button.has-icon:focus:not(:disabled) { - box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 0 0 1px #fff; - outline: 1px solid transparent; +.edit-post-header-toolbar .edit-post-header-toolbar__left>.components-button.has-icon:focus:not(:disabled),.edit-post-header-toolbar .edit-post-header-toolbar__left>.components-dropdown>.components-button.has-icon:focus:not(:disabled){ + box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 0 0 1px #fff; + outline:1px solid transparent; } -.edit-post-header-toolbar .edit-post-header-toolbar__left > .components-button.has-icon::before, -.edit-post-header-toolbar .edit-post-header-toolbar__left > .components-dropdown > .components-button.has-icon::before { - display: none; +.edit-post-header-toolbar .edit-post-header-toolbar__left>.components-button.has-icon:before,.edit-post-header-toolbar .edit-post-header-toolbar__left>.components-dropdown>.components-button.has-icon:before{ + display:none; } -@media (min-width: 600px) { - .edit-post-header.has-reduced-ui .edit-post-header-toolbar__left > * + .components-button, -.edit-post-header.has-reduced-ui .edit-post-header-toolbar__left > * + .components-dropdown > [aria-expanded=false] { - transition: opacity 0.1s linear; +@media (min-width:600px){ + .edit-post-header.has-reduced-ui .edit-post-header-toolbar__left>*+.components-button,.edit-post-header.has-reduced-ui .edit-post-header-toolbar__left>*+.components-dropdown>[aria-expanded=false]{ + transition:opacity .1s linear; } } -@media (min-width: 600px) and (prefers-reduced-motion: reduce) { - .edit-post-header.has-reduced-ui .edit-post-header-toolbar__left > * + .components-button, -.edit-post-header.has-reduced-ui .edit-post-header-toolbar__left > * + .components-dropdown > [aria-expanded=false] { - transition-duration: 0s; - transition-delay: 0s; +@media (min-width:600px) and (prefers-reduced-motion:reduce){ + .edit-post-header.has-reduced-ui .edit-post-header-toolbar__left>*+.components-button,.edit-post-header.has-reduced-ui .edit-post-header-toolbar__left>*+.components-dropdown>[aria-expanded=false]{ + transition-delay:0s; + transition-duration:0s; } } -@media (min-width: 600px) { - .edit-post-header.has-reduced-ui:not(:hover) .edit-post-header-toolbar__left > * + .components-button, .edit-post-header.has-reduced-ui:not(:hover) .edit-post-header-toolbar__left > * + .components-dropdown > [aria-expanded=false] { - opacity: 0; +@media (min-width:600px){ + .edit-post-header.has-reduced-ui:not(:hover) .edit-post-header-toolbar__left>*+.components-button,.edit-post-header.has-reduced-ui:not(:hover) .edit-post-header-toolbar__left>*+.components-dropdown>[aria-expanded=false]{ + opacity:0; } } -.edit-post-header-toolbar__left { - display: inline-flex; - align-items: center; - padding-right: 8px; +.edit-post-header-toolbar__left{ + align-items:center; + display:inline-flex; + padding-right:8px; } -@media (min-width: 600px) { - .edit-post-header-toolbar__left { - padding-right: 24px; +@media (min-width:600px){ + .edit-post-header-toolbar__left{ + padding-right:24px; } } -@media (min-width: 1280px) { - .edit-post-header-toolbar__left { - padding-left: 8px; +@media (min-width:1280px){ + .edit-post-header-toolbar__left{ + padding-left:8px; } } -.edit-post-header-toolbar .edit-post-header-toolbar__left > .edit-post-header-toolbar__inserter-toggle.has-icon { - margin-left: 8px; - min-width: 32px; - width: 32px; - height: 32px; - padding: 0; +.edit-post-header-toolbar .edit-post-header-toolbar__left>.edit-post-header-toolbar__inserter-toggle.has-icon{ + height:32px; + margin-left:8px; + min-width:32px; + padding:0; + width:32px; } -.show-icon-labels .edit-post-header-toolbar .edit-post-header-toolbar__left > .edit-post-header-toolbar__inserter-toggle.has-icon { - width: auto; - height: 36px; - padding: 0 8px; +.show-icon-labels .edit-post-header-toolbar .edit-post-header-toolbar__left>.edit-post-header-toolbar__inserter-toggle.has-icon{ + height:36px; + padding:0 8px; + width:auto; } -.show-icon-labels .edit-post-header-toolbar__left > * + * { - margin-right: 8px; +.show-icon-labels .edit-post-header-toolbar__left>*+*{ + margin-right:8px; } -.edit-post-template-top-area { - display: flex; - flex-direction: column; - align-content: space-between; - width: 100%; - align-items: center; +.edit-post-template-top-area{ + align-content:space-between; + align-items:center; + display:flex; + flex-direction:column; + width:100%; } -.edit-post-template-top-area .edit-post-template-title, -.edit-post-template-top-area .edit-post-template-post-title { - padding: 0; - text-decoration: none; - height: auto; +.edit-post-template-top-area .edit-post-template-post-title,.edit-post-template-top-area .edit-post-template-title{ + height:auto; + padding:0; + text-decoration:none; } -.edit-post-template-top-area .edit-post-template-title::before, -.edit-post-template-top-area .edit-post-template-post-title::before { - height: 100%; +.edit-post-template-top-area .edit-post-template-post-title:before,.edit-post-template-top-area .edit-post-template-title:before{ + height:100%; } -.edit-post-template-top-area .edit-post-template-title.has-icon svg, -.edit-post-template-top-area .edit-post-template-post-title.has-icon svg { - order: 1; - margin-left: 0; +.edit-post-template-top-area .edit-post-template-post-title.has-icon svg,.edit-post-template-top-area .edit-post-template-title.has-icon svg{ + margin-left:0; + order:1; } -.edit-post-template-top-area .edit-post-template-title { - color: #1e1e1e; +.edit-post-template-top-area .edit-post-template-title{ + color:#1e1e1e; } -.edit-post-template-top-area .edit-post-template-post-title { - margin-top: 4px; - max-width: 160px; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - display: block; +.edit-post-template-top-area .edit-post-template-post-title{ + display:block; + margin-top:4px; + max-width:160px; + overflow:hidden; + text-overflow:ellipsis; + white-space:nowrap; } -.edit-post-template-top-area .edit-post-template-post-title::before { - right: 0; - left: 0; +.edit-post-template-top-area .edit-post-template-post-title:before{ + left:0; + right:0; } -@media (min-width: 1080px) { - .edit-post-template-top-area .edit-post-template-post-title { - max-width: 400px; +@media (min-width:1080px){ + .edit-post-template-top-area .edit-post-template-post-title{ + max-width:400px; } } -.edit-post-template-top-area__popover .components-popover__content { - min-width: 280px; +.edit-post-template-top-area__popover .components-popover__content{ + min-width:280px; } -.edit-post-template-top-area__popover .components-popover__content > div { - padding: 0; +.edit-post-template-top-area__popover .components-popover__content>div{ + padding:0; } -.edit-post-template-top-area__popover .edit-site-template-details__group { - padding: 16px; +.edit-post-template-top-area__popover .edit-site-template-details__group{ + padding:16px; } -.edit-post-template-top-area__popover .edit-site-template-details__group .components-base-control__help { - margin-bottom: 0; +.edit-post-template-top-area__popover .edit-site-template-details__group .components-base-control__help{ + margin-bottom:0; } -.edit-post-template-top-area__popover .edit-post-template-details__description { - color: #757575; +.edit-post-template-top-area__popover .edit-post-template-details__description{ + color:#757575; } -.edit-post-template-top-area__second-menu-group { - border-top: 1px solid #ddd; - padding: 16px 8px; +.edit-post-template-top-area__second-menu-group{ + border-top:1px solid #ddd; + padding:16px 8px; } -.edit-post-template-top-area__second-menu-group .edit-post-template-top-area__delete-template-button { - display: flex; - justify-content: center; - padding: 4px 8px; +.edit-post-template-top-area__second-menu-group .edit-post-template-top-area__delete-template-button{ + display:flex; + justify-content:center; + padding:4px 8px; } -.edit-post-template-top-area__second-menu-group .edit-post-template-top-area__delete-template-button.is-destructive { - padding: inherit; - margin-right: 8px; - margin-left: 8px; - width: calc(100% - 16px); +.edit-post-template-top-area__second-menu-group .edit-post-template-top-area__delete-template-button.is-destructive{ + margin-left:8px; + margin-right:8px; + padding:inherit; + width:calc(100% - 16px); } -.edit-post-template-top-area__second-menu-group .edit-post-template-top-area__delete-template-button.is-destructive .components-menu-item__item { - width: auto; +.edit-post-template-top-area__second-menu-group .edit-post-template-top-area__delete-template-button.is-destructive .components-menu-item__item{ + width:auto; } -.edit-post-template-top-area__second-menu-group .edit-post-template-top-area__delete-template-button .components-menu-item__item { - margin-left: 0; - min-width: 0; - width: 100%; +.edit-post-template-top-area__second-menu-group .edit-post-template-top-area__delete-template-button .components-menu-item__item{ + margin-left:0; + min-width:0; + width:100%; } -.edit-post-keyboard-shortcut-help-modal__section { - margin: 0 0 2rem 0; -} -.edit-post-keyboard-shortcut-help-modal__section-title { - font-size: 0.9rem; - font-weight: 600; +.edit-post-keyboard-shortcut-help-modal__section{ + margin:0 0 2rem; } -.edit-post-keyboard-shortcut-help-modal__shortcut { - display: flex; - align-items: baseline; - padding: 0.6rem 0; - border-top: 1px solid #ddd; - margin-bottom: 0; +.edit-post-keyboard-shortcut-help-modal__section-title{ + font-size:.9rem; + font-weight:600; } -.edit-post-keyboard-shortcut-help-modal__shortcut:last-child { - border-bottom: 1px solid #ddd; +.edit-post-keyboard-shortcut-help-modal__shortcut{ + align-items:baseline; + border-top:1px solid #ddd; + display:flex; + margin-bottom:0; + padding:.6rem 0; } -.edit-post-keyboard-shortcut-help-modal__shortcut:empty { - display: none; +.edit-post-keyboard-shortcut-help-modal__shortcut:last-child{ + border-bottom:1px solid #ddd; } -.edit-post-keyboard-shortcut-help-modal__shortcut-term { - font-weight: 600; - margin: 0 1rem 0 0; - text-align: left; +.edit-post-keyboard-shortcut-help-modal__shortcut:empty{ + display:none; } -.edit-post-keyboard-shortcut-help-modal__shortcut-description { - flex: 1; - margin: 0; - flex-basis: auto; +.edit-post-keyboard-shortcut-help-modal__shortcut-term{ + font-weight:600; + margin:0 1rem 0 0; + text-align:left; } -.edit-post-keyboard-shortcut-help-modal__shortcut-key-combination { - display: block; - background: none; - margin: 0; - padding: 0; +.edit-post-keyboard-shortcut-help-modal__shortcut-description{ + flex:1; + flex-basis:auto; + margin:0; } -.edit-post-keyboard-shortcut-help-modal__shortcut-key-combination + .edit-post-keyboard-shortcut-help-modal__shortcut-key-combination { - margin-top: 10px; +.edit-post-keyboard-shortcut-help-modal__shortcut-key-combination{ + background:none; + display:block; + margin:0; + padding:0; } -.edit-post-keyboard-shortcut-help-modal__shortcut-key { - padding: 0.25rem 0.5rem; - border-radius: 8%; - margin: 0 0.2rem 0 0.2rem; +.edit-post-keyboard-shortcut-help-modal__shortcut-key-combination+.edit-post-keyboard-shortcut-help-modal__shortcut-key-combination{ + margin-top:10px; } -.edit-post-keyboard-shortcut-help-modal__shortcut-key:last-child { - margin: 0 0.2rem 0 0; +.edit-post-keyboard-shortcut-help-modal__shortcut-key{ + border-radius:8%; + margin:0 .2rem; + padding:.25rem .5rem; } - -.edit-post-layout__metaboxes { - flex-shrink: 0; - clear: both; +.edit-post-keyboard-shortcut-help-modal__shortcut-key:last-child{ + margin:0 .2rem 0 0; } -.edit-post-layout .components-editor-notices__snackbar { - position: fixed; - left: 0; - bottom: 40px; - padding-right: 16px; - padding-left: 16px; +.edit-post-layout__metaboxes{ + clear:both; + flex-shrink:0; } -.edit-post-layout .components-editor-notices__snackbar { - /* Set left position when auto-fold is not on the body element. */ - right: 0; +.edit-post-layout .components-editor-notices__snackbar{ + bottom:40px; + left:0; + padding-left:16px; + padding-right:16px; + position:fixed; + right:0; } -@media (min-width: 783px) { - .edit-post-layout .components-editor-notices__snackbar { - right: 160px; +@media (min-width:783px){ + .edit-post-layout .components-editor-notices__snackbar{ + right:160px; } } - -.auto-fold .edit-post-layout .components-editor-notices__snackbar { - /* Auto fold is when on smaller breakpoints, nav menu auto collapses. */ -} -@media (min-width: 783px) { - .auto-fold .edit-post-layout .components-editor-notices__snackbar { - right: 36px; +@media (min-width:783px){ + .auto-fold .edit-post-layout .components-editor-notices__snackbar{ + right:36px; } } -@media (min-width: 961px) { - .auto-fold .edit-post-layout .components-editor-notices__snackbar { - right: 160px; +@media (min-width:961px){ + .auto-fold .edit-post-layout .components-editor-notices__snackbar{ + right:160px; } } - -/* Sidebar manually collapsed. */ -.folded .edit-post-layout .components-editor-notices__snackbar { - right: 0; +.folded .edit-post-layout .components-editor-notices__snackbar{ + right:0; } -@media (min-width: 783px) { - .folded .edit-post-layout .components-editor-notices__snackbar { - right: 36px; +@media (min-width:783px){ + .folded .edit-post-layout .components-editor-notices__snackbar{ + right:36px; } } -body.is-fullscreen-mode .edit-post-layout .components-editor-notices__snackbar { - right: 0 !important; +body.is-fullscreen-mode .edit-post-layout .components-editor-notices__snackbar{ + right:0 !important; } -.edit-post-layout .editor-post-publish-panel { - position: fixed; - z-index: 100001; - top: 46px; - bottom: 0; - left: 0; - right: 0; - overflow: auto; +.edit-post-layout .editor-post-publish-panel{ + bottom:0; + left:0; + overflow:auto; + position:fixed; + right:0; + top:46px; + z-index:100001; } -@media (min-width: 782px) { - .edit-post-layout .editor-post-publish-panel { - z-index: 99998; - top: 32px; - right: auto; - width: 281px; - border-right: 1px solid #ddd; - transform: translateX(-100%); - animation: edit-post-post-publish-panel__slide-in-animation 0.1s forwards; +@media (min-width:782px){ + .edit-post-layout .editor-post-publish-panel{ + animation:edit-post-post-publish-panel__slide-in-animation .1s forwards; + border-right:1px solid #ddd; + right:auto; + top:32px; + transform:translateX(-100%); + width:281px; + z-index:99998; } } -@media (min-width: 782px) and (prefers-reduced-motion: reduce) { - .edit-post-layout .editor-post-publish-panel { - animation-duration: 1ms; - animation-delay: 0s; +@media (min-width:782px) and (prefers-reduced-motion:reduce){ + .edit-post-layout .editor-post-publish-panel{ + animation-delay:0s; + animation-duration:1ms; } } -@media (min-width: 782px) { - body.is-fullscreen-mode .edit-post-layout .editor-post-publish-panel { - top: 0; +@media (min-width:782px){ + body.is-fullscreen-mode .edit-post-layout .editor-post-publish-panel{ + top:0; } -} -@media (min-width: 782px) { - [role=region]:focus .edit-post-layout .editor-post-publish-panel { - transform: translateX(0%); + [role=region]:focus .edit-post-layout .editor-post-publish-panel{ + transform:translateX(0); } } -@keyframes edit-post-post-publish-panel__slide-in-animation { - 100% { - transform: translateX(0%); +@keyframes edit-post-post-publish-panel__slide-in-animation{ + to{ + transform:translateX(0); } } -.edit-post-layout .editor-post-publish-panel__header-publish-button { - justify-content: center; +.edit-post-layout .editor-post-publish-panel__header-publish-button{ + justify-content:center; } -.edit-post-layout__toggle-publish-panel, -.edit-post-layout__toggle-sidebar-panel, -.edit-post-layout__toggle-entities-saved-states-panel { - z-index: 100000; - position: fixed !important; - top: -9999em; - bottom: auto; - right: auto; - left: 0; - width: 280px; - background-color: #fff; - border: 1px dotted #ddd; - height: auto !important; - padding: 24px; - display: flex; - justify-content: center; +.edit-post-layout__toggle-entities-saved-states-panel,.edit-post-layout__toggle-publish-panel,.edit-post-layout__toggle-sidebar-panel{ + background-color:#fff; + border:1px dotted #ddd; + bottom:auto; + display:flex; + height:auto !important; + justify-content:center; + left:0; + padding:24px; + position:fixed !important; + right:auto; + top:-9999em; + width:280px; + z-index:100000; } -.interface-interface-skeleton__actions:focus .edit-post-layout__toggle-publish-panel, .interface-interface-skeleton__actions:focus-within .edit-post-layout__toggle-publish-panel, -.interface-interface-skeleton__actions:focus .edit-post-layout__toggle-sidebar-panel, -.interface-interface-skeleton__actions:focus-within .edit-post-layout__toggle-sidebar-panel, -.interface-interface-skeleton__actions:focus .edit-post-layout__toggle-entities-saved-states-panel, -.interface-interface-skeleton__actions:focus-within .edit-post-layout__toggle-entities-saved-states-panel { - top: auto; - bottom: 0; +.interface-interface-skeleton__actions:focus .edit-post-layout__toggle-entities-saved-states-panel,.interface-interface-skeleton__actions:focus .edit-post-layout__toggle-publish-panel,.interface-interface-skeleton__actions:focus .edit-post-layout__toggle-sidebar-panel,.interface-interface-skeleton__actions:focus-within .edit-post-layout__toggle-entities-saved-states-panel,.interface-interface-skeleton__actions:focus-within .edit-post-layout__toggle-publish-panel,.interface-interface-skeleton__actions:focus-within .edit-post-layout__toggle-sidebar-panel{ + bottom:0; + top:auto; } -.edit-post-block-manager__no-results { - font-style: italic; - padding: 24px 0; - text-align: center; +.edit-post-block-manager__no-results{ + font-style:italic; + padding:24px 0; + text-align:center; } -.edit-post-block-manager__search { - margin: 16px 0; +.edit-post-block-manager__search{ + margin:16px 0; } -.edit-post-block-manager__disabled-blocks-count { - border: 1px solid #ddd; - border-width: 1px 0; - box-shadow: 32px 0 0 0 #fff, -32px 0 0 0 #fff; - padding: 8px; - background-color: #fff; - text-align: center; - font-style: italic; - position: sticky; - top: -1px; - z-index: 2; +.edit-post-block-manager__disabled-blocks-count{ + background-color:#fff; + border:1px solid #ddd; + border-width:1px 0; + box-shadow:32px 0 0 0 #fff,-32px 0 0 0 #fff; + font-style:italic; + padding:8px; + position:sticky; + text-align:center; + top:-1px; + z-index:2; } -.edit-post-block-manager__disabled-blocks-count ~ .edit-post-block-manager__results .edit-post-block-manager__category-title { - top: 35px; +.edit-post-block-manager__disabled-blocks-count~.edit-post-block-manager__results .edit-post-block-manager__category-title{ + top:35px; } -.edit-post-block-manager__category { - margin: 0 0 24px 0; +.edit-post-block-manager__category{ + margin:0 0 24px; } -.edit-post-block-manager__category-title { - position: sticky; - top: 0; - padding: 16px 0; - background-color: #fff; - z-index: 1; +.edit-post-block-manager__category-title{ + background-color:#fff; + padding:16px 0; + position:sticky; + top:0; + z-index:1; +} +.edit-post-block-manager__category-title .components-checkbox-control__label{ + font-weight:600; } -.edit-post-block-manager__category-title .components-checkbox-control__label { - font-weight: 600; + +.edit-post-block-manager__checklist{ + margin-top:0; } -.edit-post-block-manager__checklist { - margin-top: 0; +.edit-post-block-manager__category-title,.edit-post-block-manager__checklist-item{ + border-bottom:1px solid #ddd; +} +.edit-post-block-manager__category-title .components-base-control__field,.edit-post-block-manager__checklist-item .components-base-control__field{ + align-items:center; + display:flex; + margin:0; } -.edit-post-block-manager__category-title, -.edit-post-block-manager__checklist-item { - border-bottom: 1px solid #ddd; +.edit-post-block-manager__checklist-item{ + margin-bottom:0; + padding-right:16px; +} +.components-modal__content .edit-post-block-manager__checklist-item.components-checkbox-control__input-container{ + margin:0 8px; } -.edit-post-block-manager__category-title .components-base-control__field, -.edit-post-block-manager__checklist-item .components-base-control__field { - align-items: center; - display: flex; - margin: 0; -} - -.edit-post-block-manager__checklist-item { - margin-bottom: 0; - padding-right: 16px; -} -.components-modal__content .edit-post-block-manager__checklist-item.components-checkbox-control__input-container { - margin: 0 8px; -} -.edit-post-block-manager__checklist-item .components-checkbox-control__label { - display: flex; - align-items: center; - justify-content: space-between; - flex-grow: 1; - padding: 8px 0; -} -.edit-post-block-manager__checklist-item .block-editor-block-icon { - margin-left: 10px; - fill: #1e1e1e; -} - -.edit-post-block-manager__results { - border-top: 1px solid #ddd; -} - -.edit-post-block-manager__disabled-blocks-count + .edit-post-block-manager__results { - border-top-width: 0; +.edit-post-block-manager__checklist-item .components-checkbox-control__label{ + align-items:center; + display:flex; + flex-grow:1; + justify-content:space-between; + padding:8px 0; +} +.edit-post-block-manager__checklist-item .block-editor-block-icon{ + fill:#1e1e1e; + margin-left:10px; +} + +.edit-post-block-manager__results{ + border-top:1px solid #ddd; +} + +.edit-post-block-manager__disabled-blocks-count+.edit-post-block-manager__results{ + border-top-width:0; } -.edit-post-meta-boxes-area { - position: relative; - /** - * The wordpress default for most meta-box elements is content-box. Some - * elements such as textarea and input are set to border-box in forms.css. - * These elements therefore specifically set back to border-box here, while - * other elements (such as .button) are unaffected by Gutenberg's style - * because of their higher specificity. - */ - /* Match width and positioning of the meta boxes. Override default styles. */ - /* Override Default meta box stylings */ +.edit-post-meta-boxes-area{ + position:relative; } -.edit-post-meta-boxes-area__container, -.edit-post-meta-boxes-area .inside { - box-sizing: content-box; +.edit-post-meta-boxes-area .inside,.edit-post-meta-boxes-area__container{ + box-sizing:initial; } -.edit-post-meta-boxes-area textarea, -.edit-post-meta-boxes-area input { - box-sizing: border-box; +.edit-post-meta-boxes-area input,.edit-post-meta-boxes-area textarea{ + box-sizing:border-box; } -.edit-post-meta-boxes-area .postbox-header { - border-top: 1px solid #ddd; - border-bottom: 0; +.edit-post-meta-boxes-area .postbox-header{ + border-bottom:0; + border-top:1px solid #ddd; } -.edit-post-meta-boxes-area #poststuff { - margin: 0 auto; - padding-top: 0; - min-width: auto; +.edit-post-meta-boxes-area #poststuff{ + margin:0 auto; + min-width:auto; + padding-top:0; } -.edit-post-meta-boxes-area #poststuff h3.hndle, -.edit-post-meta-boxes-area #poststuff .stuffbox > h3, -.edit-post-meta-boxes-area #poststuff h2.hndle { - /* WordPress selectors yolo */ - box-sizing: border-box; - color: inherit; - font-weight: 600; - outline: none; - padding: 0 24px; - position: relative; - width: 100%; +.edit-post-meta-boxes-area #poststuff .stuffbox>h3,.edit-post-meta-boxes-area #poststuff h2.hndle,.edit-post-meta-boxes-area #poststuff h3.hndle{ + box-sizing:border-box; + color:inherit; + font-weight:600; + outline:none; + padding:0 24px; + position:relative; + width:100%; } -.edit-post-meta-boxes-area .postbox { - border: 0; - color: inherit; - margin-bottom: 0; +.edit-post-meta-boxes-area .postbox{ + border:0; + color:inherit; + margin-bottom:0; } -.edit-post-meta-boxes-area .postbox > .inside { - color: inherit; - padding: 0 24px 24px; - margin: 0; +.edit-post-meta-boxes-area .postbox>.inside{ + color:inherit; + margin:0; + padding:0 24px 24px; } -.edit-post-meta-boxes-area .postbox .handlediv { - height: 44px; - width: 44px; +.edit-post-meta-boxes-area .postbox .handlediv{ + height:44px; + width:44px; } -.edit-post-meta-boxes-area.is-loading::before { - position: absolute; - top: 0; - right: 0; - left: 0; - bottom: 0; - content: ""; - background: transparent; - z-index: 1; +.edit-post-meta-boxes-area.is-loading:before{ + background:transparent; + bottom:0; + content:""; + left:0; + position:absolute; + right:0; + top:0; + z-index:1; } -.edit-post-meta-boxes-area .components-spinner { - position: absolute; - top: 10px; - left: 20px; - z-index: 5; +.edit-post-meta-boxes-area .components-spinner{ + left:20px; + position:absolute; + top:10px; + z-index:5; } -.edit-post-meta-boxes-area .is-hidden { - display: none; +.edit-post-meta-boxes-area .is-hidden{ + display:none; } -.edit-post-meta-boxes-area .metabox-location-side .postbox input[type=checkbox] { - border: 1px solid #757575; +.edit-post-meta-boxes-area .metabox-location-side .postbox input[type=checkbox]{ + border:1px solid #757575; } -.edit-post-meta-boxes-area .metabox-location-side .postbox input[type=checkbox]:checked { - background: #fff; - border-color: #757575; +.edit-post-meta-boxes-area .metabox-location-side .postbox input[type=checkbox]:checked{ + background:#fff; + border-color:#757575; } -.edit-post-meta-boxes-area .metabox-location-side .postbox input[type=checkbox]::before { - margin: -3px -4px; +.edit-post-meta-boxes-area .metabox-location-side .postbox input[type=checkbox]:before{ + margin:-3px -4px; } -.edit-post-meta-boxes-area__clear { - clear: both; +.edit-post-meta-boxes-area__clear{ + clear:both; } -.edit-post-editor__inserter-panel, -.edit-post-editor__list-view-panel { - height: 100%; - display: flex; - flex-direction: column; +.edit-post-editor__inserter-panel,.edit-post-editor__list-view-panel{ + display:flex; + flex-direction:column; + height:100%; } -.edit-post-editor__list-view-panel { - min-width: 350px; +.edit-post-editor__list-view-panel{ + min-width:350px; } -.edit-post-editor__inserter-panel-header { - padding-top: 8px; - padding-left: 8px; - display: flex; - justify-content: flex-end; +.edit-post-editor__inserter-panel-header{ + display:flex; + justify-content:flex-end; + padding-left:8px; + padding-top:8px; } -.edit-post-editor__inserter-panel-content, -.edit-post-editor__list-view-panel-content { - height: calc(100% - 36px - 8px); +.edit-post-editor__inserter-panel-content,.edit-post-editor__list-view-panel-content{ + height:calc(100% - 44px); } -@media (min-width: 782px) { - .edit-post-editor__inserter-panel-content { - height: 100%; +@media (min-width:782px){ + .edit-post-editor__inserter-panel-content{ + height:100%; } } -.edit-post-editor__list-view-panel-header { - align-items: center; - border-bottom: 1px solid #ddd; - display: flex; - justify-content: space-between; - height: 48px; - padding-right: 16px; - padding-left: 4px; +.edit-post-editor__list-view-panel-header{ + align-items:center; + border-bottom:1px solid #ddd; + display:flex; + height:48px; + justify-content:space-between; + padding-left:4px; + padding-right:16px; } -.edit-post-editor__list-view-panel-content { - overflow-y: auto; - padding: 8px 6px; +.edit-post-editor__list-view-panel-content{ + overflow-y:auto; + padding:8px 6px; } -.components-panel__header.edit-post-sidebar__panel-tabs { - justify-content: flex-start; - padding-right: 0; - padding-left: 16px; - border-top: 0; - margin-top: 0; +.components-panel__header.edit-post-sidebar__panel-tabs{ + border-top:0; + justify-content:flex-start; + margin-top:0; + padding-left:16px; + padding-right:0; } -.components-panel__header.edit-post-sidebar__panel-tabs ul { - display: flex; +.components-panel__header.edit-post-sidebar__panel-tabs ul{ + display:flex; } -.components-panel__header.edit-post-sidebar__panel-tabs li { - margin: 0; +.components-panel__header.edit-post-sidebar__panel-tabs li{ + margin:0; } -.components-panel__header.edit-post-sidebar__panel-tabs .components-button.has-icon { - display: none; - margin: 0 auto 0 0; - padding: 0; - min-width: 24px; - height: 24px; +.components-panel__header.edit-post-sidebar__panel-tabs .components-button.has-icon{ + display:none; + height:24px; + margin:0 auto 0 0; + min-width:24px; + padding:0; } -@media (min-width: 782px) { - .components-panel__header.edit-post-sidebar__panel-tabs .components-button.has-icon { - display: flex; +@media (min-width:782px){ + .components-panel__header.edit-post-sidebar__panel-tabs .components-button.has-icon{ + display:flex; } } -.components-panel__body.is-opened.edit-post-last-revision__panel { - padding: 0; - height: 48px; +.components-panel__body.is-opened.edit-post-last-revision__panel{ + height:48px; + padding:0; } -.editor-post-last-revision__title.components-button { - padding: 16px; +.editor-post-last-revision__title.components-button{ + padding:16px; } -.edit-post-post-author { - display: flex; - flex-direction: column; - align-items: stretch; +.edit-post-post-author,.edit-post-post-format{ + align-items:stretch; + display:flex; + flex-direction:column; } -.edit-post-post-format { - display: flex; - flex-direction: column; - align-items: stretch; +.edit-post-post-schedule{ + justify-content:flex-start; + position:relative; + width:100%; } - -.edit-post-post-schedule { - width: 100%; - position: relative; - justify-content: flex-start; -} -.edit-post-post-schedule span { - display: block; - width: 45%; - flex-shrink: 0; +.edit-post-post-schedule span{ + display:block; + flex-shrink:0; + width:45%; } -.components-button.edit-post-post-schedule__toggle { - text-align: right; - white-space: normal; - height: auto; +.components-button.edit-post-post-schedule__toggle{ + height:auto; + text-align:right; + white-space:normal; } -.components-button.edit-post-post-schedule__toggle span { - width: 0; +.components-button.edit-post-post-schedule__toggle span{ + width:0; } -.edit-post-post-schedule__dialog .block-editor-publish-date-time-picker { - margin: 8px; +.edit-post-post-schedule__dialog .block-editor-publish-date-time-picker{ + margin:8px; } -.edit-post-post-slug { - display: flex; - flex-direction: column; - align-items: stretch; +.edit-post-post-slug{ + align-items:stretch; + display:flex; + flex-direction:column; } -.edit-post-post-status .edit-post-post-publish-dropdown__switch-to-draft { - margin-top: 15px; - width: 100%; - text-align: center; +.edit-post-post-status .edit-post-post-publish-dropdown__switch-to-draft{ + margin-top:15px; + text-align:center; + width:100%; } -.edit-post-post-template { - width: 100%; - justify-content: flex-start; +.edit-post-post-template{ + justify-content:flex-start; + width:100%; } -.edit-post-post-template span { - display: block; - width: 45%; +.edit-post-post-template span{ + display:block; + width:45%; } -.edit-post-post-template__dropdown { - max-width: 55%; +.edit-post-post-template__dropdown{ + max-width:55%; } -.components-button.edit-post-post-template__toggle { - display: inline-block; - width: 100%; - overflow: hidden; - text-overflow: ellipsis; +.components-button.edit-post-post-template__toggle{ + display:inline-block; + overflow:hidden; + text-overflow:ellipsis; + width:100%; } -.edit-post-post-template__dialog { - z-index: 99999; +.edit-post-post-template__dialog{ + z-index:99999; } -.edit-post-post-template__form { - min-width: 248px; - margin: 8px; +.edit-post-post-template__form{ + margin:8px; + min-width:248px; } -@media (min-width: 782px) { - .edit-post-post-template__create-form { - width: 320px; +@media (min-width:782px){ + .edit-post-post-template__create-form{ + width:320px; } } -.edit-post-post-url { - width: 100%; - justify-content: flex-start; +.edit-post-post-url{ + justify-content:flex-start; + width:100%; } -.edit-post-post-url span { - display: block; - width: 45%; - flex-shrink: 0; +.edit-post-post-url span{ + display:block; + flex-shrink:0; + width:45%; } -.components-button.edit-post-post-url__toggle { - text-align: right; - white-space: normal; - height: auto; - word-break: break-word; +.components-button.edit-post-post-url__toggle{ + height:auto; + text-align:right; + white-space:normal; + word-break:break-word; } -.edit-post-post-url__dialog .editor-post-url { - min-width: 248px; - margin: 8px; +.edit-post-post-url__dialog .editor-post-url{ + margin:8px; + min-width:248px; } -.edit-post-post-visibility { - width: 100%; - justify-content: flex-start; +.edit-post-post-visibility{ + justify-content:flex-start; + width:100%; } -.edit-post-post-visibility span { - display: block; - width: 45%; +.edit-post-post-visibility span{ + display:block; + width:45%; } -.edit-post-post-visibility__dialog .editor-post-visibility { - min-width: 248px; - margin: 8px; +.edit-post-post-visibility__dialog .editor-post-visibility{ + margin:8px; + min-width:248px; } -.components-button.edit-post-sidebar__panel-tab { - border-radius: 0; - height: 48px; - background: transparent; - border: none; - box-shadow: none; - cursor: pointer; - display: inline-block; - padding: 3px 15px; - margin-right: 0; - font-weight: 500; +.components-button.edit-post-sidebar__panel-tab{ + background:transparent; + border:none; + border-radius:0; + box-shadow:none; + cursor:pointer; + display:inline-block; + font-weight:500; + height:48px; + margin-right:0; + padding:3px 15px; } -.components-button.edit-post-sidebar__panel-tab::after { - content: attr(data-label); - display: block; - font-weight: 600; - height: 0; - overflow: hidden; - speak: none; - visibility: hidden; +.components-button.edit-post-sidebar__panel-tab:after{ + speak:none; + content:attr(data-label); + display:block; + font-weight:600; + height:0; + overflow:hidden; + visibility:hidden; } -.components-button.edit-post-sidebar__panel-tab.is-active { - box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) transparent, inset 0 -1.5px 0 0 var(--wp-admin-theme-color); - position: relative; - z-index: 1; +.components-button.edit-post-sidebar__panel-tab.is-active{ + box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) transparent, inset 0 -1.5px 0 0 var(--wp-admin-theme-color); + position:relative; + z-index:1; } -.components-button.edit-post-sidebar__panel-tab.is-active::before { - content: ""; - position: absolute; - top: 0; - bottom: 1px; - left: 0; - right: 0; - border-bottom: 1.5px solid transparent; +.components-button.edit-post-sidebar__panel-tab.is-active:before{ + border-bottom:1.5px solid transparent; + bottom:1px; + content:""; + left:0; + position:absolute; + right:0; + top:0; } -.components-button.edit-post-sidebar__panel-tab:focus { - box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); - position: relative; - z-index: 1; +.components-button.edit-post-sidebar__panel-tab:focus{ + box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); + position:relative; + z-index:1; } -.components-button.edit-post-sidebar__panel-tab.is-active:focus { - box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 -3px 0 0 var(--wp-admin-theme-color); +.components-button.edit-post-sidebar__panel-tab.is-active:focus{ + box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 -3px 0 0 var(--wp-admin-theme-color); } -h2.edit-post-template-summary__title { - line-height: 24px; - margin: 0 0 4px; - font-weight: 500; +h2.edit-post-template-summary__title{ + font-weight:500; + line-height:24px; + margin:0 0 4px; } -.edit-post-text-editor { - position: relative; - width: 100%; - background-color: #fff; - flex-grow: 1; +.edit-post-text-editor{ + background-color:#fff; + flex-grow:1; + position:relative; + width:100%; } -.edit-post-text-editor .editor-post-title { - max-width: none; - line-height: 1.4; - font-family: Menlo, Consolas, monaco, monospace; - font-size: 2.5em; - font-weight: normal; - border: 1px solid #949494; - padding: 16px; +.edit-post-text-editor .editor-post-title{ + border:1px solid #949494; + font-family:Menlo,Consolas,monaco,monospace; + font-size:2.5em; + font-weight:400; + line-height:1.4; + max-width:none; + padding:16px; } -@media (min-width: 600px) { - .edit-post-text-editor .editor-post-title { - padding: 24px; +@media (min-width:600px){ + .edit-post-text-editor .editor-post-title{ + padding:24px; } } -.edit-post-text-editor .editor-post-title:focus { - border-color: var(--wp-admin-theme-color); - box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); +.edit-post-text-editor .editor-post-title:focus{ + border-color:var(--wp-admin-theme-color); + box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); } -.edit-post-text-editor__body { - width: 100%; - padding: 0 12px 12px 12px; - max-width: 1080px; - margin-right: auto; - margin-left: auto; -} -@media (min-width: 960px) { - .edit-post-text-editor__body { - padding: 16px 24px 96px 24px; - padding: 0 24px 24px 24px; - } -} - -.edit-post-text-editor__toolbar { - position: sticky; - z-index: 1; - top: 0; - right: 0; - left: 0; - display: flex; - background: rgba(255, 255, 255, 0.8); - padding: 4px 12px; -} -@media (min-width: 600px) { - .edit-post-text-editor__toolbar { - padding: 12px; - } -} -@media (min-width: 960px) { - .edit-post-text-editor__toolbar { - padding: 12px 24px; - } -} -.edit-post-text-editor__toolbar h2 { - line-height: 36px; - margin: 0 0 0 auto; - font-size: 13px; - color: #1e1e1e; +.edit-post-text-editor__body{ + margin-left:auto; + margin-right:auto; + max-width:1080px; + padding:0 12px 12px; + width:100%; +} +@media (min-width:960px){ + .edit-post-text-editor__body{ + padding:0 24px 24px; + } +} + +.edit-post-text-editor__toolbar{ + background:hsla(0,0%,100%,.8); + display:flex; + left:0; + padding:4px 12px; + position:sticky; + right:0; + top:0; + z-index:1; +} +@media (min-width:600px){ + .edit-post-text-editor__toolbar{ + padding:12px; + } +} +@media (min-width:960px){ + .edit-post-text-editor__toolbar{ + padding:12px 24px; + } } -.edit-post-text-editor__toolbar .components-button svg { - order: 1; +.edit-post-text-editor__toolbar h2{ + color:#1e1e1e; + font-size:13px; + line-height:36px; + margin:0 0 0 auto; +} +.edit-post-text-editor__toolbar .components-button svg{ + order:1; } -.edit-post-visual-editor { - position: relative; - display: flex; - flex-flow: column; - background-color: #2f2f2f; - flex: 1 0 auto; +.edit-post-visual-editor{ + background-color:#2f2f2f; + display:flex; + flex:1 0 auto; + flex-flow:column; + position:relative; } -.edit-post-visual-editor .components-button { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - font-size: 13px; - padding: 6px 12px; +.edit-post-visual-editor .components-button{ + font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; + font-size:13px; + padding:6px 12px; } -.edit-post-visual-editor .components-button.is-tertiary, .edit-post-visual-editor .components-button.has-icon { - padding: 6px; +.edit-post-visual-editor .components-button.has-icon,.edit-post-visual-editor .components-button.is-tertiary{ + padding:6px; } -.edit-post-visual-editor__post-title-wrapper { - margin-top: 4rem; - margin-bottom: var(--wp--style--block-gap); +.edit-post-visual-editor__post-title-wrapper{ + margin-bottom:var(--wp--style--block-gap); + margin-top:4rem; } -.edit-post-visual-editor__post-title-wrapper .editor-post-title { - margin-right: auto; - margin-left: auto; +.edit-post-visual-editor__post-title-wrapper .editor-post-title{ + margin-left:auto; + margin-right:auto; } -.edit-post-visual-editor__exit-template-mode { - position: absolute; - top: 8px; - right: 8px; - color: #fff; +.edit-post-visual-editor__exit-template-mode{ + color:#fff; + position:absolute; + right:8px; + top:8px; } -.edit-post-visual-editor__exit-template-mode:active:not([aria-disabled=true]), .edit-post-visual-editor__exit-template-mode:focus:not([aria-disabled=true]), .edit-post-visual-editor__exit-template-mode:hover { - color: #f0f0f0; +.edit-post-visual-editor__exit-template-mode:active:not([aria-disabled=true]),.edit-post-visual-editor__exit-template-mode:focus:not([aria-disabled=true]),.edit-post-visual-editor__exit-template-mode:hover{ + color:#f0f0f0; } -.edit-post-visual-editor__content-area { - width: 100%; - height: 100%; - position: relative; - box-sizing: border-box; - display: flex; - flex-grow: 1; +.edit-post-visual-editor__content-area{ + box-sizing:border-box; + display:flex; + flex-grow:1; + height:100%; + position:relative; + width:100%; } -.edit-post-welcome-guide, -.edit-template-welcome-guide { - width: 312px; +.edit-post-welcome-guide,.edit-template-welcome-guide{ + width:312px; } -.edit-post-welcome-guide__image, -.edit-template-welcome-guide__image { - background: #00a0d2; - margin: 0 0 16px; +.edit-post-welcome-guide__image,.edit-template-welcome-guide__image{ + background:#00a0d2; + margin:0 0 16px; } -.edit-post-welcome-guide__image > img, -.edit-template-welcome-guide__image > img { - display: block; - max-width: 100%; - -o-object-fit: cover; - object-fit: cover; +.edit-post-welcome-guide__image>img,.edit-template-welcome-guide__image>img{ + display:block; + max-width:100%; + -o-object-fit:cover; + object-fit:cover; } -.edit-post-welcome-guide__heading, -.edit-template-welcome-guide__heading { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - font-size: 24px; - line-height: 1.4; - margin: 16px 0 16px 0; - padding: 0 32px; +.edit-post-welcome-guide__heading,.edit-template-welcome-guide__heading{ + font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; + font-size:24px; + line-height:1.4; + margin:16px 0; + padding:0 32px; } -.edit-post-welcome-guide__text, -.edit-template-welcome-guide__text { - font-size: 13px; - line-height: 1.4; - margin: 0 0 24px 0; - padding: 0 32px; +.edit-post-welcome-guide__text,.edit-template-welcome-guide__text{ + font-size:13px; + line-height:1.4; + margin:0 0 24px; + padding:0 32px; } -.edit-post-welcome-guide__inserter-icon, -.edit-template-welcome-guide__inserter-icon { - margin: 0 4px; - vertical-align: text-top; +.edit-post-welcome-guide__inserter-icon,.edit-template-welcome-guide__inserter-icon{ + margin:0 4px; + vertical-align:text-top; } -.edit-template-welcome-guide .components-button svg { - fill: #fff; +.edit-template-welcome-guide .components-button svg{ + fill:#fff; } -@media (min-width: 600px) { - .edit-post-start-page-options__modal { - width: calc(100% - 32px); - height: calc(100% - 120px); +@media (min-width:600px){ + .edit-post-start-page-options__modal{ + height:calc(100% - 120px); + width:calc(100% - 32px); } } -@media (min-width: 782px) { - .edit-post-start-page-options__modal { - width: 750px; +@media (min-width:782px){ + .edit-post-start-page-options__modal{ + width:750px; } } -@media (min-width: 960px) { - .edit-post-start-page-options__modal { - height: 70%; +@media (min-width:960px){ + .edit-post-start-page-options__modal{ + height:70%; } } -.edit-post-start-page-options__modal-content .block-editor-block-patterns-list { - column-count: 2; - column-gap: 24px; +.edit-post-start-page-options__modal-content .block-editor-block-patterns-list{ + column-count:2; + column-gap:24px; } -.edit-post-start-page-options__modal-content .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item { - break-inside: avoid-column; - margin-bottom: 24px; +.edit-post-start-page-options__modal-content .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item{ + break-inside:avoid-column; + margin-bottom:24px; } -.edit-post-start-page-options__modal-content .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item .block-editor-block-preview__container { - min-height: 100px; +.edit-post-start-page-options__modal-content .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item .block-editor-block-preview__container{ + min-height:100px; } -.edit-post-start-page-options__modal-content .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item .block-editor-block-preview__content { - width: 100%; +.edit-post-start-page-options__modal-content .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item .block-editor-block-preview__content{ + width:100%; } - -/** - * Animations - */ -@keyframes edit-post__fade-in-animation { - from { - opacity: 0; +@keyframes edit-post__fade-in-animation{ + 0%{ + opacity:0; } - to { - opacity: 1; + to{ + opacity:1; } } -html.wp-toolbar { - background: #fff; -} -body.block-editor-page { - background: #fff; - /* We hide legacy notices in Gutenberg Based Pages, because they were not designed in a way that scaled well. - Plugins can use Gutenberg notices if they need to pass on information to the user when they are editing. */ +body.block-editor-page,html.wp-toolbar{ + background:#fff; } -body.block-editor-page #wpcontent { - padding-right: 0; +body.block-editor-page #wpcontent{ + padding-right:0; } -body.block-editor-page #wpbody-content { - padding-bottom: 0; +body.block-editor-page #wpbody-content{ + padding-bottom:0; } -body.block-editor-page #wpbody-content > div:not(.block-editor):not(#screen-meta) { - display: none; +body.block-editor-page #wpbody-content>div:not(.block-editor):not(#screen-meta),body.block-editor-page #wpfooter{ + display:none; } -body.block-editor-page #wpfooter { - display: none; +body.block-editor-page .a11y-speak-region{ + right:-1px; + top:-1px; } -body.block-editor-page .a11y-speak-region { - right: -1px; - top: -1px; +body.block-editor-page ul#adminmenu a.wp-has-current-submenu:after,body.block-editor-page ul#adminmenu>li.current>a.current:after{ + border-left-color:#fff; } -body.block-editor-page ul#adminmenu a.wp-has-current-submenu::after, -body.block-editor-page ul#adminmenu > li.current > a.current::after { - border-left-color: #fff; -} -body.block-editor-page .media-frame select.attachment-filters:last-of-type { - width: auto; - max-width: 100%; +body.block-editor-page .media-frame select.attachment-filters:last-of-type{ + max-width:100%; + width:auto; } -.block-editor-page #wpwrap { - overflow-y: auto; +.block-editor-page #wpwrap{ + overflow-y:auto; } -@media (min-width: 782px) { - .block-editor-page #wpwrap { - overflow-y: initial; +@media (min-width:782px){ + .block-editor-page #wpwrap{ + overflow-y:initial; } } -.edit-post-header, -.edit-post-text-editor, -.edit-post-sidebar, -.editor-post-publish-panel, -.components-popover, -.components-modal__frame, -.edit-post-editor__inserter-panel { - box-sizing: border-box; +.components-modal__frame,.components-popover,.edit-post-editor__inserter-panel,.edit-post-header,.edit-post-sidebar,.edit-post-text-editor,.editor-post-publish-panel{ + box-sizing:border-box; } -.edit-post-header *, -.edit-post-header *::before, -.edit-post-header *::after, -.edit-post-text-editor *, -.edit-post-text-editor *::before, -.edit-post-text-editor *::after, -.edit-post-sidebar *, -.edit-post-sidebar *::before, -.edit-post-sidebar *::after, -.editor-post-publish-panel *, -.editor-post-publish-panel *::before, -.editor-post-publish-panel *::after, -.components-popover *, -.components-popover *::before, -.components-popover *::after, -.components-modal__frame *, -.components-modal__frame *::before, -.components-modal__frame *::after, -.edit-post-editor__inserter-panel *, -.edit-post-editor__inserter-panel *::before, -.edit-post-editor__inserter-panel *::after { - box-sizing: inherit; +.components-modal__frame *,.components-modal__frame :after,.components-modal__frame :before,.components-popover *,.components-popover :after,.components-popover :before,.edit-post-editor__inserter-panel *,.edit-post-editor__inserter-panel :after,.edit-post-editor__inserter-panel :before,.edit-post-header *,.edit-post-header :after,.edit-post-header :before,.edit-post-sidebar *,.edit-post-sidebar :after,.edit-post-sidebar :before,.edit-post-text-editor *,.edit-post-text-editor :after,.edit-post-text-editor :before,.editor-post-publish-panel *,.editor-post-publish-panel :after,.editor-post-publish-panel :before{ + box-sizing:inherit; } -@media (min-width: 600px) { - .block-editor__container { - position: absolute; - top: 0; - left: 0; - bottom: 0; - right: 0; - min-height: calc(100vh - 46px); +@media (min-width:600px){ + .block-editor__container{ + bottom:0; + left:0; + min-height:calc(100vh - 46px); + position:absolute; + right:0; + top:0; + } +} +@media (min-width:782px){ + .block-editor__container{ + min-height:calc(100vh - 32px); + } + body.is-fullscreen-mode .block-editor__container{ + min-height:100vh; } } -@media (min-width: 782px) { - .block-editor__container { - min-height: calc(100vh - 32px); +.block-editor__container img{ + height:auto; + max-width:100%; +} + +body.admin-color-light{ + --wp-admin-theme-color:#0085ba; + --wp-admin-theme-color--rgb:0, 133, 186; + --wp-admin-theme-color-darker-10:#0073a1; + --wp-admin-theme-color-darker-10--rgb:0, 115, 161; + --wp-admin-theme-color-darker-20:#006187; + --wp-admin-theme-color-darker-20--rgb:0, 97, 135; + --wp-admin-border-width-focus:2px; +} +@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ + body.admin-color-light{ + --wp-admin-border-width-focus:1.5px; } - body.is-fullscreen-mode .block-editor__container { - min-height: 100vh; +} + +body.admin-color-modern{ + --wp-admin-theme-color:#3858e9; + --wp-admin-theme-color--rgb:56, 88, 233; + --wp-admin-theme-color-darker-10:#2145e6; + --wp-admin-theme-color-darker-10--rgb:33, 69, 230; + --wp-admin-theme-color-darker-20:#183ad6; + --wp-admin-theme-color-darker-20--rgb:24, 58, 214; + --wp-admin-border-width-focus:2px; +} +@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ + body.admin-color-modern{ + --wp-admin-border-width-focus:1.5px; } } -.block-editor__container img { - max-width: 100%; - height: auto; + +body.admin-color-blue{ + --wp-admin-theme-color:#096484; + --wp-admin-theme-color--rgb:9, 100, 132; + --wp-admin-theme-color-darker-10:#07526c; + --wp-admin-theme-color-darker-10--rgb:7, 82, 108; + --wp-admin-theme-color-darker-20:#064054; + --wp-admin-theme-color-darker-20--rgb:6, 64, 84; + --wp-admin-border-width-focus:2px; +} +@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ + body.admin-color-blue{ + --wp-admin-border-width-focus:1.5px; + } } -body.admin-color-light { - --wp-admin-theme-color: #0085ba; - --wp-admin-theme-color--rgb: 0, 133, 186; - --wp-admin-theme-color-darker-10: #0073a1; - --wp-admin-theme-color-darker-10--rgb: 0, 115, 161; - --wp-admin-theme-color-darker-20: #006187; - --wp-admin-theme-color-darker-20--rgb: 0, 97, 135; - --wp-admin-border-width-focus: 2px; +body.admin-color-coffee{ + --wp-admin-theme-color:#46403c; + --wp-admin-theme-color--rgb:70, 64, 60; + --wp-admin-theme-color-darker-10:#383330; + --wp-admin-theme-color-darker-10--rgb:56, 51, 48; + --wp-admin-theme-color-darker-20:#2b2724; + --wp-admin-theme-color-darker-20--rgb:43, 39, 36; + --wp-admin-border-width-focus:2px; } -@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { - body.admin-color-light { - --wp-admin-border-width-focus: 1.5px; +@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ + body.admin-color-coffee{ + --wp-admin-border-width-focus:1.5px; } } -body.admin-color-modern { - --wp-admin-theme-color: #3858e9; - --wp-admin-theme-color--rgb: 56, 88, 233; - --wp-admin-theme-color-darker-10: #2145e6; - --wp-admin-theme-color-darker-10--rgb: 33, 69, 230; - --wp-admin-theme-color-darker-20: #183ad6; - --wp-admin-theme-color-darker-20--rgb: 24, 58, 214; - --wp-admin-border-width-focus: 2px; -} -@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { - body.admin-color-modern { - --wp-admin-border-width-focus: 1.5px; - } -} - -body.admin-color-blue { - --wp-admin-theme-color: #096484; - --wp-admin-theme-color--rgb: 9, 100, 132; - --wp-admin-theme-color-darker-10: #07526c; - --wp-admin-theme-color-darker-10--rgb: 7, 82, 108; - --wp-admin-theme-color-darker-20: #064054; - --wp-admin-theme-color-darker-20--rgb: 6, 64, 84; - --wp-admin-border-width-focus: 2px; -} -@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { - body.admin-color-blue { - --wp-admin-border-width-focus: 1.5px; - } -} - -body.admin-color-coffee { - --wp-admin-theme-color: #46403c; - --wp-admin-theme-color--rgb: 70, 64, 60; - --wp-admin-theme-color-darker-10: #383330; - --wp-admin-theme-color-darker-10--rgb: 56, 51, 48; - --wp-admin-theme-color-darker-20: #2b2724; - --wp-admin-theme-color-darker-20--rgb: 43, 39, 36; - --wp-admin-border-width-focus: 2px; -} -@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { - body.admin-color-coffee { - --wp-admin-border-width-focus: 1.5px; - } -} - -body.admin-color-ectoplasm { - --wp-admin-theme-color: #523f6d; - --wp-admin-theme-color--rgb: 82, 63, 109; - --wp-admin-theme-color-darker-10: #46365d; - --wp-admin-theme-color-darker-10--rgb: 70, 54, 93; - --wp-admin-theme-color-darker-20: #3a2c4d; - --wp-admin-theme-color-darker-20--rgb: 58, 44, 77; - --wp-admin-border-width-focus: 2px; +body.admin-color-ectoplasm{ + --wp-admin-theme-color:#523f6d; + --wp-admin-theme-color--rgb:82, 63, 109; + --wp-admin-theme-color-darker-10:#46365d; + --wp-admin-theme-color-darker-10--rgb:70, 54, 93; + --wp-admin-theme-color-darker-20:#3a2c4d; + --wp-admin-theme-color-darker-20--rgb:58, 44, 77; + --wp-admin-border-width-focus:2px; } -@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { - body.admin-color-ectoplasm { - --wp-admin-border-width-focus: 1.5px; +@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ + body.admin-color-ectoplasm{ + --wp-admin-border-width-focus:1.5px; } } -body.admin-color-midnight { - --wp-admin-theme-color: #e14d43; - --wp-admin-theme-color--rgb: 225, 77, 67; - --wp-admin-theme-color-darker-10: #dd382d; - --wp-admin-theme-color-darker-10--rgb: 221, 56, 45; - --wp-admin-theme-color-darker-20: #d02c21; - --wp-admin-theme-color-darker-20--rgb: 208, 44, 33; - --wp-admin-border-width-focus: 2px; +body.admin-color-midnight{ + --wp-admin-theme-color:#e14d43; + --wp-admin-theme-color--rgb:225, 77, 67; + --wp-admin-theme-color-darker-10:#dd382d; + --wp-admin-theme-color-darker-10--rgb:221, 56, 45; + --wp-admin-theme-color-darker-20:#d02c21; + --wp-admin-theme-color-darker-20--rgb:208, 44, 33; + --wp-admin-border-width-focus:2px; } -@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { - body.admin-color-midnight { - --wp-admin-border-width-focus: 1.5px; +@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ + body.admin-color-midnight{ + --wp-admin-border-width-focus:1.5px; } } -body.admin-color-ocean { - --wp-admin-theme-color: #627c83; - --wp-admin-theme-color--rgb: 98, 124, 131; - --wp-admin-theme-color-darker-10: #576e74; - --wp-admin-theme-color-darker-10--rgb: 87, 110, 116; - --wp-admin-theme-color-darker-20: #4c6066; - --wp-admin-theme-color-darker-20--rgb: 76, 96, 102; - --wp-admin-border-width-focus: 2px; +body.admin-color-ocean{ + --wp-admin-theme-color:#627c83; + --wp-admin-theme-color--rgb:98, 124, 131; + --wp-admin-theme-color-darker-10:#576e74; + --wp-admin-theme-color-darker-10--rgb:87, 110, 116; + --wp-admin-theme-color-darker-20:#4c6066; + --wp-admin-theme-color-darker-20--rgb:76, 96, 102; + --wp-admin-border-width-focus:2px; } -@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { - body.admin-color-ocean { - --wp-admin-border-width-focus: 1.5px; +@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ + body.admin-color-ocean{ + --wp-admin-border-width-focus:1.5px; } } -body.admin-color-sunrise { - --wp-admin-theme-color: #dd823b; - --wp-admin-theme-color--rgb: 221, 130, 59; - --wp-admin-theme-color-darker-10: #d97426; - --wp-admin-theme-color-darker-10--rgb: 217, 116, 38; - --wp-admin-theme-color-darker-20: #c36922; - --wp-admin-theme-color-darker-20--rgb: 195, 105, 34; - --wp-admin-border-width-focus: 2px; +body.admin-color-sunrise{ + --wp-admin-theme-color:#dd823b; + --wp-admin-theme-color--rgb:221, 130, 59; + --wp-admin-theme-color-darker-10:#d97426; + --wp-admin-theme-color-darker-10--rgb:217, 116, 38; + --wp-admin-theme-color-darker-20:#c36922; + --wp-admin-theme-color-darker-20--rgb:195, 105, 34; + --wp-admin-border-width-focus:2px; } -@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { - body.admin-color-sunrise { - --wp-admin-border-width-focus: 1.5px; +@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ + body.admin-color-sunrise{ + --wp-admin-border-width-focus:1.5px; } } \ No newline at end of file diff --git a/wp-includes/css/dist/edit-post/style.css b/wp-includes/css/dist/edit-post/style.css index f201cd4121..1a64538497 100644 --- a/wp-includes/css/dist/edit-post/style.css +++ b/wp-includes/css/dist/edit-post/style.css @@ -1,1999 +1,1745 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -:root { - --wp-admin-theme-color: #007cba; - --wp-admin-theme-color--rgb: 0, 124, 186; - --wp-admin-theme-color-darker-10: #006ba1; - --wp-admin-theme-color-darker-10--rgb: 0, 107, 161; - --wp-admin-theme-color-darker-20: #005a87; - --wp-admin-theme-color-darker-20--rgb: 0, 90, 135; - --wp-admin-border-width-focus: 2px; -} -@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { - :root { - --wp-admin-border-width-focus: 1.5px; - } -} - -.components-panel__header.interface-complementary-area-header__small { - background: #fff; - padding-right: 4px; -} -.components-panel__header.interface-complementary-area-header__small .interface-complementary-area-header__small-title { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - width: 100%; -} -@media (min-width: 782px) { - .components-panel__header.interface-complementary-area-header__small { - display: none; - } -} - -.interface-complementary-area-header { - background: #fff; - padding-right: 4px; -} -.interface-complementary-area-header .components-button.has-icon { - display: none; - margin-left: auto; -} -.interface-complementary-area-header .components-button.has-icon ~ .components-button { - margin-left: 0; -} -@media (min-width: 782px) { - .interface-complementary-area-header .components-button.has-icon { - display: flex; - } -} - -@media (min-width: 782px) { - .components-panel__header + .interface-complementary-area-header { - margin-top: 0; - } -} - -.interface-complementary-area { - background: #fff; - color: #1e1e1e; -} -@media (min-width: 600px) { - .interface-complementary-area { - -webkit-overflow-scrolling: touch; - } -} -@media (min-width: 782px) { - .interface-complementary-area { - width: 280px; - } +:root{ + --wp-admin-theme-color:#007cba; + --wp-admin-theme-color--rgb:0, 124, 186; + --wp-admin-theme-color-darker-10:#006ba1; + --wp-admin-theme-color-darker-10--rgb:0, 107, 161; + --wp-admin-theme-color-darker-20:#005a87; + --wp-admin-theme-color-darker-20--rgb:0, 90, 135; + --wp-admin-border-width-focus:2px; } -.interface-complementary-area .components-panel { - border: none; - position: relative; - z-index: 0; +@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ + :root{ + --wp-admin-border-width-focus:1.5px; + } +} + +.components-panel__header.interface-complementary-area-header__small{ + background:#fff; + padding-right:4px; +} +.components-panel__header.interface-complementary-area-header__small .interface-complementary-area-header__small-title{ + overflow:hidden; + text-overflow:ellipsis; + white-space:nowrap; + width:100%; +} +@media (min-width:782px){ + .components-panel__header.interface-complementary-area-header__small{ + display:none; + } +} + +.interface-complementary-area-header{ + background:#fff; + padding-right:4px; +} +.interface-complementary-area-header .components-button.has-icon{ + display:none; + margin-left:auto; +} +.interface-complementary-area-header .components-button.has-icon~.components-button{ + margin-left:0; +} +@media (min-width:782px){ + .interface-complementary-area-header .components-button.has-icon{ + display:flex; + } + .components-panel__header+.interface-complementary-area-header{ + margin-top:0; + } } -.interface-complementary-area .components-panel__header { - position: sticky; - top: 0; - z-index: 1; + +.interface-complementary-area{ + background:#fff; + color:#1e1e1e; } -.interface-complementary-area .components-panel__header.edit-post-sidebar__panel-tabs { - top: 48px; +@media (min-width:600px){ + .interface-complementary-area{ + -webkit-overflow-scrolling:touch; + } } -@media (min-width: 782px) { - .interface-complementary-area .components-panel__header.edit-post-sidebar__panel-tabs { - top: 0; +@media (min-width:782px){ + .interface-complementary-area{ + width:280px; } } -.interface-complementary-area p:not(.components-base-control__help) { - margin-top: 0; +.interface-complementary-area .components-panel{ + border:none; + position:relative; + z-index:0; +} +.interface-complementary-area .components-panel__header{ + position:sticky; + top:0; + z-index:1; } -.interface-complementary-area h2 { - font-size: 13px; - color: #1e1e1e; - margin-bottom: 1.5em; +.interface-complementary-area .components-panel__header.edit-post-sidebar__panel-tabs{ + top:48px; } -.interface-complementary-area h3 { - font-size: 11px; - text-transform: uppercase; - font-weight: 500; - color: #1e1e1e; - margin-bottom: 1.5em; +@media (min-width:782px){ + .interface-complementary-area .components-panel__header.edit-post-sidebar__panel-tabs{ + top:0; + } } -.interface-complementary-area hr { - border-top: none; - border-bottom: 1px solid #f0f0f0; - margin: 1.5em 0; +.interface-complementary-area p:not(.components-base-control__help){ + margin-top:0; } -.interface-complementary-area div.components-toolbar-group, -.interface-complementary-area div.components-toolbar { - box-shadow: none; - margin-bottom: 1.5em; +.interface-complementary-area h2{ + color:#1e1e1e; + font-size:13px; + margin-bottom:1.5em; } -.interface-complementary-area div.components-toolbar-group:last-child, -.interface-complementary-area div.components-toolbar:last-child { - margin-bottom: 0; +.interface-complementary-area h3{ + color:#1e1e1e; + font-size:11px; + font-weight:500; + margin-bottom:1.5em; + text-transform:uppercase; } -.interface-complementary-area .block-editor-skip-to-selected-block:focus { - top: auto; - right: 10px; - bottom: 10px; - left: auto; +.interface-complementary-area hr{ + border-bottom:1px solid #f0f0f0; + border-top:none; + margin:1.5em 0; +} +.interface-complementary-area div.components-toolbar,.interface-complementary-area div.components-toolbar-group{ + box-shadow:none; + margin-bottom:1.5em; +} +.interface-complementary-area div.components-toolbar-group:last-child,.interface-complementary-area div.components-toolbar:last-child{ + margin-bottom:0; +} +.interface-complementary-area .block-editor-skip-to-selected-block:focus{ + bottom:10px; + left:auto; + right:10px; + top:auto; } -@media (min-width: 782px) { - body.js.is-fullscreen-mode { - margin-top: -32px; - height: calc(100% + 32px); +@media (min-width:782px){ + body.js.is-fullscreen-mode{ + height:calc(100% + 32px); + margin-top:-32px; } - body.js.is-fullscreen-mode #adminmenumain, -body.js.is-fullscreen-mode #wpadminbar { - display: none; + body.js.is-fullscreen-mode #adminmenumain,body.js.is-fullscreen-mode #wpadminbar{ + display:none; } - body.js.is-fullscreen-mode #wpcontent, -body.js.is-fullscreen-mode #wpfooter { - margin-left: 0; + body.js.is-fullscreen-mode #wpcontent,body.js.is-fullscreen-mode #wpfooter{ + margin-left:0; } } -html.interface-interface-skeleton__html-container { - position: fixed; - width: 100%; +html.interface-interface-skeleton__html-container{ + position:fixed; + width:100%; } -@media (min-width: 782px) { - html.interface-interface-skeleton__html-container { - position: initial; - width: initial; +@media (min-width:782px){ + html.interface-interface-skeleton__html-container{ + position:static; + width:auto; } } -.interface-interface-skeleton { - display: flex; - flex-direction: row; - height: auto; - max-height: 100%; - position: fixed; - top: 46px; - left: 0; - right: 0; - bottom: 0; +.interface-interface-skeleton{ + bottom:0; + display:flex; + flex-direction:row; + height:auto; + max-height:100%; + position:fixed; + right:0; + top:46px; } -@media (min-width: 783px) { - .interface-interface-skeleton { - top: 32px; +@media (min-width:783px){ + .interface-interface-skeleton{ + top:32px; } - .is-fullscreen-mode .interface-interface-skeleton { - top: 0; + .is-fullscreen-mode .interface-interface-skeleton{ + top:0; } } -.interface-interface-skeleton__editor { - display: flex; - flex-direction: column; - flex: 0 1 100%; - overflow: hidden; +.interface-interface-skeleton__editor{ + display:flex; + flex:0 1 100%; + flex-direction:column; + overflow:hidden; } -.interface-interface-skeleton { - /* Set left position when auto-fold is not on the body element. */ - left: 0; +.interface-interface-skeleton{ + left:0; } -@media (min-width: 783px) { - .interface-interface-skeleton { - left: 160px; +@media (min-width:783px){ + .interface-interface-skeleton{ + left:160px; } } - -.auto-fold .interface-interface-skeleton { - /* Auto fold is when on smaller breakpoints, nav menu auto collapses. */ -} -@media (min-width: 783px) { - .auto-fold .interface-interface-skeleton { - left: 36px; +@media (min-width:783px){ + .auto-fold .interface-interface-skeleton{ + left:36px; } } -@media (min-width: 961px) { - .auto-fold .interface-interface-skeleton { - left: 160px; +@media (min-width:961px){ + .auto-fold .interface-interface-skeleton{ + left:160px; } } - -/* Sidebar manually collapsed. */ -.folded .interface-interface-skeleton { - left: 0; +.folded .interface-interface-skeleton{ + left:0; } -@media (min-width: 783px) { - .folded .interface-interface-skeleton { - left: 36px; +@media (min-width:783px){ + .folded .interface-interface-skeleton{ + left:36px; } } -body.is-fullscreen-mode .interface-interface-skeleton { - left: 0 !important; +body.is-fullscreen-mode .interface-interface-skeleton{ + left:0 !important; } -.interface-interface-skeleton__body { - flex-grow: 1; - display: flex; - overflow: auto; - overscroll-behavior-y: none; +.interface-interface-skeleton__body{ + display:flex; + flex-grow:1; + overflow:auto; + overscroll-behavior-y:none; } -@media (min-width: 782px) { - .has-footer .interface-interface-skeleton__body { - padding-bottom: 25px; +@media (min-width:782px){ + .has-footer .interface-interface-skeleton__body{ + padding-bottom:25px; } } -.interface-interface-skeleton__content { - flex-grow: 1; - display: flex; - flex-direction: column; - overflow: auto; - z-index: 20; +.interface-interface-skeleton__content{ + display:flex; + flex-direction:column; + flex-grow:1; + overflow:auto; + z-index:20; } -.interface-interface-skeleton__secondary-sidebar, -.interface-interface-skeleton__sidebar { - display: block; - flex-shrink: 0; - position: absolute; - z-index: 100000; - top: 0; - right: 0; - bottom: 0; - left: 0; - background: #fff; - color: #1e1e1e; +.interface-interface-skeleton__secondary-sidebar,.interface-interface-skeleton__sidebar{ + background:#fff; + bottom:0; + color:#1e1e1e; + display:block; + flex-shrink:0; + left:0; + position:absolute; + right:0; + top:0; + z-index:100000; } -@media (min-width: 782px) { - .interface-interface-skeleton__secondary-sidebar, -.interface-interface-skeleton__sidebar { - position: relative !important; - z-index: 90; - width: auto; +@media (min-width:782px){ + .interface-interface-skeleton__secondary-sidebar,.interface-interface-skeleton__sidebar{ + position:relative !important; + width:auto; + z-index:90; } } -.interface-interface-skeleton__sidebar { - overflow: auto; +.interface-interface-skeleton__sidebar{ + overflow:auto; } -@media (min-width: 782px) { - .interface-interface-skeleton__sidebar { - border-left: 1px solid #e0e0e0; +@media (min-width:782px){ + .interface-interface-skeleton__sidebar{ + border-left:1px solid #e0e0e0; } -} - -@media (min-width: 782px) { - .interface-interface-skeleton__secondary-sidebar { - border-right: 1px solid #e0e0e0; + .interface-interface-skeleton__secondary-sidebar{ + border-right:1px solid #e0e0e0; } } -.interface-interface-skeleton__header { - flex-shrink: 0; - height: auto; - border-bottom: 1px solid #e0e0e0; - z-index: 30; - color: #1e1e1e; +.interface-interface-skeleton__header{ + border-bottom:1px solid #e0e0e0; + color:#1e1e1e; + flex-shrink:0; + height:auto; + z-index:30; } -.interface-interface-skeleton__footer { - height: auto; - flex-shrink: 0; - border-top: 1px solid #e0e0e0; - color: #1e1e1e; - position: absolute; - bottom: 0; - left: 0; - width: 100%; - background-color: #fff; - z-index: 90; - display: none; +.interface-interface-skeleton__footer{ + background-color:#fff; + border-top:1px solid #e0e0e0; + bottom:0; + color:#1e1e1e; + display:none; + flex-shrink:0; + height:auto; + left:0; + position:absolute; + width:100%; + z-index:90; } -@media (min-width: 782px) { - .interface-interface-skeleton__footer { - display: flex; +@media (min-width:782px){ + .interface-interface-skeleton__footer{ + display:flex; } } -.interface-interface-skeleton__footer .block-editor-block-breadcrumb { - z-index: 30; - display: flex; - background: #fff; - height: 24px; - align-items: center; - font-size: 13px; - padding: 0 18px; +.interface-interface-skeleton__footer .block-editor-block-breadcrumb{ + align-items:center; + background:#fff; + display:flex; + font-size:13px; + height:24px; + padding:0 18px; + z-index:30; } -.interface-interface-skeleton__actions { - z-index: 100000; - position: fixed !important; - top: -9999em; - bottom: auto; - left: auto; - right: 0; - width: 280px; - color: #1e1e1e; +.interface-interface-skeleton__actions{ + bottom:auto; + color:#1e1e1e; + left:auto; + position:fixed !important; + right:0; + top:-9999em; + width:280px; + z-index:100000; } -.interface-interface-skeleton__actions:focus { - top: auto; - bottom: 0; +.interface-interface-skeleton__actions:focus{ + bottom:0; + top:auto; } -.interface-more-menu-dropdown { - margin-left: -4px; +.interface-more-menu-dropdown{ + margin-left:-4px; } -.interface-more-menu-dropdown .components-button { - width: auto; - padding: 0 2px; +.interface-more-menu-dropdown .components-button{ + padding:0 2px; + width:auto; } -@media (min-width: 600px) { - .interface-more-menu-dropdown { - margin-left: 0; +@media (min-width:600px){ + .interface-more-menu-dropdown{ + margin-left:0; } - .interface-more-menu-dropdown .components-button { - padding: 0 4px; + .interface-more-menu-dropdown .components-button{ + padding:0 4px; } } -.interface-more-menu-dropdown__content .components-popover__content { - min-width: 280px; +.interface-more-menu-dropdown__content .components-popover__content{ + min-width:280px; } -@media (min-width: 480px) { - .interface-more-menu-dropdown__content .components-popover__content { - max-width: 480px; +@media (min-width:480px){ + .interface-more-menu-dropdown__content .components-popover__content{ + max-width:480px; } } -.interface-more-menu-dropdown__content .components-popover__content .components-dropdown-menu__menu { - padding: 0; +.interface-more-menu-dropdown__content .components-popover__content .components-dropdown-menu__menu{ + padding:0; } -.components-popover.interface-more-menu-dropdown__content { - z-index: 99998; +.components-popover.interface-more-menu-dropdown__content{ + z-index:99998; } -.interface-pinned-items { - display: flex; - gap: 4px; - margin-right: -4px; +.interface-pinned-items{ + display:flex; + gap:4px; + margin-right:-4px; } -.interface-pinned-items .components-button:not(:first-child) { - display: none; +.interface-pinned-items .components-button:not(:first-child){ + display:none; } -@media (min-width: 600px) { - .interface-pinned-items .components-button:not(:first-child) { - display: flex; +@media (min-width:600px){ + .interface-pinned-items .components-button:not(:first-child){ + display:flex; } } -.interface-pinned-items .components-button { - margin: 0; +.interface-pinned-items .components-button{ + margin:0; } -.interface-pinned-items .components-button svg { - max-width: 24px; - max-height: 24px; +.interface-pinned-items .components-button svg{ + max-height:24px; + max-width:24px; } -@media (min-width: 600px) { - .interface-preferences-modal { - width: calc(100% - 32px); - height: calc(100% - 120px); +@media (min-width:600px){ + .interface-preferences-modal{ + height:calc(100% - 120px); + width:calc(100% - 32px); } } -@media (min-width: 782px) { - .interface-preferences-modal { - width: 750px; +@media (min-width:782px){ + .interface-preferences-modal{ + width:750px; } } -@media (min-width: 960px) { - .interface-preferences-modal { - height: 70%; +@media (min-width:960px){ + .interface-preferences-modal{ + height:70%; } } -@media (max-width: 781px) { - .interface-preferences-modal .components-modal__content { - padding: 0; +@media (max-width:781px){ + .interface-preferences-modal .components-modal__content{ + padding:0; } } -.interface-preferences__tabs .components-tab-panel__tabs { - position: absolute; - top: 84px; - left: 16px; - width: 160px; +.interface-preferences__tabs .components-tab-panel__tabs{ + left:16px; + position:absolute; + top:84px; + width:160px; } -.interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item { - border-radius: 2px; - font-weight: 400; +.interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item{ + border-radius:2px; + font-weight:400; } -.interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item.is-active { - background: #f0f0f0; - box-shadow: none; - font-weight: 500; +.interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item.is-active{ + background:#f0f0f0; + box-shadow:none; + font-weight:500; } -.interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item:focus:not(:disabled) { - box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); +.interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item:focus:not(:disabled){ + box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); } -.interface-preferences__tabs .components-tab-panel__tab-content { - padding-left: 24px; - margin-left: 160px; +.interface-preferences__tabs .components-tab-panel__tab-content{ + margin-left:160px; + padding-left:24px; } -@media (max-width: 781px) { - .interface-preferences__provider { - height: 100%; +@media (max-width:781px){ + .interface-preferences__provider{ + height:100%; } } -.interface-preferences-modal__section { - margin: 0 0 2.5rem 0; +.interface-preferences-modal__section{ + margin:0 0 2.5rem; } -.interface-preferences-modal__section:last-child { - margin: 0; +.interface-preferences-modal__section:last-child{ + margin:0; } -.interface-preferences-modal__section-legend { - margin-bottom: 8px; +.interface-preferences-modal__section-legend{ + margin-bottom:8px; } -.interface-preferences-modal__section-title { - font-size: 0.9rem; - font-weight: 600; - margin-top: 0; +.interface-preferences-modal__section-title{ + font-size:.9rem; + font-weight:600; + margin-top:0; } -.interface-preferences-modal__section-description { - margin: -8px 0 8px 0; - font-size: 12px; - font-style: normal; - color: #757575; +.interface-preferences-modal__section-description{ + color:#757575; + font-size:12px; + font-style:normal; + margin:-8px 0 8px; } -.interface-preferences-modal__option + .interface-preferences-modal__option { - margin-top: 16px; +.interface-preferences-modal__option+.interface-preferences-modal__option{ + margin-top:16px; } -.interface-preferences-modal__option .components-base-control__help { - margin-top: 0; - margin-left: 48px; +.interface-preferences-modal__option .components-base-control__help{ + margin-left:48px; + margin-top:0; } -.edit-post-header { - height: 60px; - background: #fff; - display: flex; - flex-wrap: wrap; - align-items: center; - max-width: 100vw; +.edit-post-header{ + align-items:center; + background:#fff; + display:flex; + flex-wrap:wrap; + height:60px; + max-width:100vw; } -@media (min-width: 280px) { - .edit-post-header { - flex-wrap: nowrap; +@media (min-width:280px){ + .edit-post-header{ + flex-wrap:nowrap; } } -.edit-post-header > .edit-post-header__settings { - order: 1; +.edit-post-header>.edit-post-header__settings{ + order:1; } -@supports (position: sticky) { - .edit-post-header > .edit-post-header__settings { - order: initial; +@supports (position:sticky){ + .edit-post-header>.edit-post-header__settings{ + order:0; } } -.edit-post-header__toolbar { - display: flex; - flex-grow: 1; +.edit-post-header__toolbar{ + display:flex; + flex-grow:1; +} +.edit-post-header__toolbar .table-of-contents{ + display:none; +} +@media (min-width:600px){ + .edit-post-header__toolbar .table-of-contents{ + display:block; + } } -.edit-post-header__toolbar .table-of-contents { - display: none; +.edit-post-header__settings{ + align-items:center; + display:inline-flex; + flex-wrap:wrap; + gap:4px; + padding-right:4px; } -@media (min-width: 600px) { - .edit-post-header__toolbar .table-of-contents { - display: block; +@media (min-width:600px){ + .edit-post-header__settings{ + gap:8px; + padding-right:10px; } } -/** - * Buttons on the right side - */ -.edit-post-header__settings { - display: inline-flex; - align-items: center; - flex-wrap: wrap; - padding-right: 4px; - gap: 4px; +.edit-post-header-preview__grouping-external{ + display:flex; + padding-bottom:0; + position:relative; +} + +.edit-post-header-preview__button-external{ + display:flex; + justify-content:flex-start; + margin-right:auto; + padding-left:8px; + width:100%; +} +.edit-post-header-preview__button-external svg{ + margin-left:auto; +} + +.edit-post-post-preview-dropdown .components-popover__content{ + padding-bottom:0; } -@media (min-width: 600px) { - .edit-post-header__settings { - padding-right: 10px; +.edit-post-header__dropdown .components-button.has-icon,.show-icon-labels .edit-post-header .components-button.has-icon,.show-icon-labels.interface-pinned-items .components-button.has-icon{ + width:auto; +} +.edit-post-header__dropdown .components-button.has-icon svg,.show-icon-labels .edit-post-header .components-button.has-icon svg,.show-icon-labels.interface-pinned-items .components-button.has-icon svg{ + display:none; +} +.edit-post-header__dropdown .components-button.has-icon:after,.show-icon-labels .edit-post-header .components-button.has-icon:after,.show-icon-labels.interface-pinned-items .components-button.has-icon:after{ + content:attr(aria-label); +} +.edit-post-header__dropdown .components-button.has-icon[aria-disabled=true],.show-icon-labels .edit-post-header .components-button.has-icon[aria-disabled=true],.show-icon-labels.interface-pinned-items .components-button.has-icon[aria-disabled=true]{ + background-color:initial; +} +.edit-post-header__dropdown .is-tertiary:active,.show-icon-labels .edit-post-header .is-tertiary:active,.show-icon-labels.interface-pinned-items .is-tertiary:active{ + background-color:initial; + box-shadow:0 0 0 1.5px var(--wp-admin-theme-color); +} +.edit-post-header__dropdown .components-button.has-icon.button-toggle svg,.edit-post-header__dropdown .edit-post-fullscreen-mode-close.has-icon svg,.show-icon-labels .edit-post-header .components-button.has-icon.button-toggle svg,.show-icon-labels .edit-post-header .edit-post-fullscreen-mode-close.has-icon svg,.show-icon-labels.interface-pinned-items .components-button.has-icon.button-toggle svg,.show-icon-labels.interface-pinned-items .edit-post-fullscreen-mode-close.has-icon svg{ + display:block; +} +.edit-post-header__dropdown .components-button.has-icon.button-toggle:after,.edit-post-header__dropdown .edit-post-fullscreen-mode-close.has-icon:after,.show-icon-labels .edit-post-header .components-button.has-icon.button-toggle:after,.show-icon-labels .edit-post-header .edit-post-fullscreen-mode-close.has-icon:after,.show-icon-labels.interface-pinned-items .components-button.has-icon.button-toggle:after,.show-icon-labels.interface-pinned-items .edit-post-fullscreen-mode-close.has-icon:after{ + content:none; +} +.edit-post-header__dropdown .edit-post-fullscreen-mode-close.has-icon,.show-icon-labels .edit-post-header .edit-post-fullscreen-mode-close.has-icon,.show-icon-labels.interface-pinned-items .edit-post-fullscreen-mode-close.has-icon{ + width:60px; +} +.edit-post-header__dropdown .components-menu-items-choice .components-menu-items__item-icon.components-menu-items__item-icon,.show-icon-labels .edit-post-header .components-menu-items-choice .components-menu-items__item-icon.components-menu-items__item-icon,.show-icon-labels.interface-pinned-items .components-menu-items-choice .components-menu-items__item-icon.components-menu-items__item-icon{ + display:block; +} +.edit-post-header__dropdown .edit-post-header-toolbar__inserter-toggle.edit-post-header-toolbar__inserter-toggle,.edit-post-header__dropdown .interface-pinned-items .components-button,.show-icon-labels .edit-post-header .edit-post-header-toolbar__inserter-toggle.edit-post-header-toolbar__inserter-toggle,.show-icon-labels .edit-post-header .interface-pinned-items .components-button,.show-icon-labels.interface-pinned-items .edit-post-header-toolbar__inserter-toggle.edit-post-header-toolbar__inserter-toggle,.show-icon-labels.interface-pinned-items .interface-pinned-items .components-button{ + padding-left:8px; + padding-right:8px; +} +@media (min-width:600px){ + .edit-post-header__dropdown .edit-post-header-toolbar__inserter-toggle.edit-post-header-toolbar__inserter-toggle,.edit-post-header__dropdown .interface-pinned-items .components-button,.show-icon-labels .edit-post-header .edit-post-header-toolbar__inserter-toggle.edit-post-header-toolbar__inserter-toggle,.show-icon-labels .edit-post-header .interface-pinned-items .components-button,.show-icon-labels.interface-pinned-items .edit-post-header-toolbar__inserter-toggle.edit-post-header-toolbar__inserter-toggle,.show-icon-labels.interface-pinned-items .interface-pinned-items .components-button{ + padding-left:12px; + padding-right:12px; } } -@media (min-width: 600px) { - .edit-post-header__settings { - gap: 8px; +.edit-post-header__dropdown .editor-post-save-draft.editor-post-save-draft:after,.show-icon-labels .edit-post-header .editor-post-save-draft.editor-post-save-draft:after,.show-icon-labels.interface-pinned-items .editor-post-save-draft.editor-post-save-draft:after{ + content:none; +} +@media (min-width:600px){ + .edit-post-header__dropdown .editor-post-save-draft.editor-post-save-draft:after,.show-icon-labels .edit-post-header .editor-post-save-draft.editor-post-save-draft:after,.show-icon-labels.interface-pinned-items .editor-post-save-draft.editor-post-save-draft:after{ + content:attr(aria-label); } } -.edit-post-header-preview__grouping-external { - display: flex; - position: relative; - padding-bottom: 0; +.edit-post-header__dropdown .components-button.block-editor-list-view,.edit-post-header__dropdown .components-button.editor-history__redo,.edit-post-header__dropdown .components-button.editor-history__undo,.edit-post-header__dropdown .components-menu-item__button.components-menu-item__button,.edit-post-header__dropdown .table-of-contents .components-button{ + justify-content:flex-start; + margin:0; + padding:6px 6px 6px 40px; + text-align:left; + width:14.625rem; } -.edit-post-header-preview__button-external { - padding-left: 8px; - margin-right: auto; - width: 100%; - display: flex; - justify-content: flex-start; +.show-icon-labels.interface-pinned-items{ + border-bottom:1px solid #ccc; + display:block; + margin:0 -12px; + padding:6px 12px 12px; } -.edit-post-header-preview__button-external svg { - margin-left: auto; +.show-icon-labels.interface-pinned-items>.components-button.has-icon{ + justify-content:flex-start; + margin:0; + padding:6px 6px 6px 8px; + width:14.625rem; } - -.edit-post-post-preview-dropdown .components-popover__content { - padding-bottom: 0; +.show-icon-labels.interface-pinned-items>.components-button.has-icon[aria-expanded=true] svg{ + display:block; + max-width:24px; +} +.show-icon-labels.interface-pinned-items>.components-button.has-icon[aria-expanded=false]{ + padding-left:40px; +} +.show-icon-labels.interface-pinned-items>.components-button.has-icon svg{ + margin-right:8px; } -/** - * Show icon labels. - */ -.show-icon-labels.interface-pinned-items .components-button.has-icon, -.show-icon-labels .edit-post-header .components-button.has-icon, -.edit-post-header__dropdown .components-button.has-icon { - width: auto; -} -.show-icon-labels.interface-pinned-items .components-button.has-icon svg, -.show-icon-labels .edit-post-header .components-button.has-icon svg, -.edit-post-header__dropdown .components-button.has-icon svg { - display: none; -} -.show-icon-labels.interface-pinned-items .components-button.has-icon::after, -.show-icon-labels .edit-post-header .components-button.has-icon::after, -.edit-post-header__dropdown .components-button.has-icon::after { - content: attr(aria-label); -} -.show-icon-labels.interface-pinned-items .components-button.has-icon[aria-disabled=true], -.show-icon-labels .edit-post-header .components-button.has-icon[aria-disabled=true], -.edit-post-header__dropdown .components-button.has-icon[aria-disabled=true] { - background-color: transparent; -} -.show-icon-labels.interface-pinned-items .is-tertiary:active, -.show-icon-labels .edit-post-header .is-tertiary:active, -.edit-post-header__dropdown .is-tertiary:active { - box-shadow: 0 0 0 1.5px var(--wp-admin-theme-color); - background-color: transparent; +.edit-post-fullscreen-mode-close.components-button{ + display:none; } -.show-icon-labels.interface-pinned-items .edit-post-fullscreen-mode-close.has-icon svg, -.show-icon-labels.interface-pinned-items .components-button.has-icon.button-toggle svg, -.show-icon-labels .edit-post-header .edit-post-fullscreen-mode-close.has-icon svg, -.show-icon-labels .edit-post-header .components-button.has-icon.button-toggle svg, -.edit-post-header__dropdown .edit-post-fullscreen-mode-close.has-icon svg, -.edit-post-header__dropdown .components-button.has-icon.button-toggle svg { - display: block; -} -.show-icon-labels.interface-pinned-items .edit-post-fullscreen-mode-close.has-icon::after, -.show-icon-labels.interface-pinned-items .components-button.has-icon.button-toggle::after, -.show-icon-labels .edit-post-header .edit-post-fullscreen-mode-close.has-icon::after, -.show-icon-labels .edit-post-header .components-button.has-icon.button-toggle::after, -.edit-post-header__dropdown .edit-post-fullscreen-mode-close.has-icon::after, -.edit-post-header__dropdown .components-button.has-icon.button-toggle::after { - content: none; -} -.show-icon-labels.interface-pinned-items .edit-post-fullscreen-mode-close.has-icon, -.show-icon-labels .edit-post-header .edit-post-fullscreen-mode-close.has-icon, -.edit-post-header__dropdown .edit-post-fullscreen-mode-close.has-icon { - width: 60px; -} -.show-icon-labels.interface-pinned-items .components-menu-items-choice .components-menu-items__item-icon.components-menu-items__item-icon, -.show-icon-labels .edit-post-header .components-menu-items-choice .components-menu-items__item-icon.components-menu-items__item-icon, -.edit-post-header__dropdown .components-menu-items-choice .components-menu-items__item-icon.components-menu-items__item-icon { - display: block; -} -.show-icon-labels.interface-pinned-items .edit-post-header-toolbar__inserter-toggle.edit-post-header-toolbar__inserter-toggle, -.show-icon-labels.interface-pinned-items .interface-pinned-items .components-button, -.show-icon-labels .edit-post-header .edit-post-header-toolbar__inserter-toggle.edit-post-header-toolbar__inserter-toggle, -.show-icon-labels .edit-post-header .interface-pinned-items .components-button, -.edit-post-header__dropdown .edit-post-header-toolbar__inserter-toggle.edit-post-header-toolbar__inserter-toggle, -.edit-post-header__dropdown .interface-pinned-items .components-button { - padding-left: 8px; - padding-right: 8px; -} -@media (min-width: 600px) { - .show-icon-labels.interface-pinned-items .edit-post-header-toolbar__inserter-toggle.edit-post-header-toolbar__inserter-toggle, -.show-icon-labels.interface-pinned-items .interface-pinned-items .components-button, -.show-icon-labels .edit-post-header .edit-post-header-toolbar__inserter-toggle.edit-post-header-toolbar__inserter-toggle, -.show-icon-labels .edit-post-header .interface-pinned-items .components-button, -.edit-post-header__dropdown .edit-post-header-toolbar__inserter-toggle.edit-post-header-toolbar__inserter-toggle, -.edit-post-header__dropdown .interface-pinned-items .components-button { - padding-left: 12px; - padding-right: 12px; - } -} -.show-icon-labels.interface-pinned-items .editor-post-save-draft.editor-post-save-draft::after, -.show-icon-labels .edit-post-header .editor-post-save-draft.editor-post-save-draft::after, -.edit-post-header__dropdown .editor-post-save-draft.editor-post-save-draft::after { - content: none; -} -@media (min-width: 600px) { - .show-icon-labels.interface-pinned-items .editor-post-save-draft.editor-post-save-draft::after, -.show-icon-labels .edit-post-header .editor-post-save-draft.editor-post-save-draft::after, -.edit-post-header__dropdown .editor-post-save-draft.editor-post-save-draft::after { - content: attr(aria-label); - } -} - -.edit-post-header__dropdown .components-menu-item__button.components-menu-item__button, -.edit-post-header__dropdown .components-button.editor-history__undo, -.edit-post-header__dropdown .components-button.editor-history__redo, -.edit-post-header__dropdown .table-of-contents .components-button, -.edit-post-header__dropdown .components-button.block-editor-list-view { - margin: 0; - padding: 6px 6px 6px 40px; - width: 14.625rem; - text-align: left; - justify-content: flex-start; -} - -.show-icon-labels.interface-pinned-items { - padding: 6px 12px 12px; - margin-top: 0; - margin-bottom: 0; - margin-left: -12px; - margin-right: -12px; - border-bottom: 1px solid #ccc; - display: block; -} -.show-icon-labels.interface-pinned-items > .components-button.has-icon { - margin: 0; - padding: 6px 6px 6px 8px; - width: 14.625rem; - justify-content: flex-start; -} -.show-icon-labels.interface-pinned-items > .components-button.has-icon[aria-expanded=true] svg { - display: block; - max-width: 24px; -} -.show-icon-labels.interface-pinned-items > .components-button.has-icon[aria-expanded=false] { - padding-left: 40px; -} -.show-icon-labels.interface-pinned-items > .components-button.has-icon svg { - margin-right: 8px; -} - -.edit-post-fullscreen-mode-close.components-button { - display: none; -} -@media (min-width: 782px) { - .edit-post-fullscreen-mode-close.components-button { - display: flex; - align-items: center; - align-self: stretch; - border: none; - background: #1e1e1e; - color: #fff; - border-radius: 0; - height: 61px; - width: 60px; - position: relative; - margin-bottom: -1px; - } - .edit-post-fullscreen-mode-close.components-button:active { - color: #fff; - } - .edit-post-fullscreen-mode-close.components-button:focus { - box-shadow: none; +@media (min-width:782px){ + .edit-post-fullscreen-mode-close.components-button{ + align-items:center; + align-self:stretch; + background:#1e1e1e; + border:none; + border-radius:0; + color:#fff; + display:flex; + height:61px; + margin-bottom:-1px; + position:relative; + width:60px; } - .edit-post-fullscreen-mode-close.components-button::before { - transition: box-shadow 0.1s ease; - content: ""; - display: block; - position: absolute; - top: 9px; - right: 9px; - bottom: 9px; - left: 9px; - border-radius: 4px; - box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) #1e1e1e; + .edit-post-fullscreen-mode-close.components-button:active{ + color:#fff; } -} -@media (min-width: 782px) and (prefers-reduced-motion: reduce) { - .edit-post-fullscreen-mode-close.components-button::before { - transition-duration: 0s; - transition-delay: 0s; + .edit-post-fullscreen-mode-close.components-button:focus{ + box-shadow:none; } -} -@media (min-width: 782px) { - .edit-post-fullscreen-mode-close.components-button:hover::before { - box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) #757575; + .edit-post-fullscreen-mode-close.components-button:before{ + border-radius:4px; + bottom:9px; + box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) #1e1e1e; + content:""; + display:block; + left:9px; + position:absolute; + right:9px; + top:9px; + transition:box-shadow .1s ease; } } -@media (min-width: 782px) { - .edit-post-fullscreen-mode-close.components-button.has-icon:hover::before { - box-shadow: none; +@media (min-width:782px) and (prefers-reduced-motion:reduce){ + .edit-post-fullscreen-mode-close.components-button:before{ + transition-delay:0s; + transition-duration:0s; } } -@media (min-width: 782px) { - .edit-post-fullscreen-mode-close.components-button:focus::before { - box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) rgba(255, 255, 255, 0.1), inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); +@media (min-width:782px){ + .edit-post-fullscreen-mode-close.components-button:hover:before{ + box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) #757575; + } + .edit-post-fullscreen-mode-close.components-button.has-icon:hover:before{ + box-shadow:none; + } + .edit-post-fullscreen-mode-close.components-button:focus:before{ + box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) hsla(0,0%,100%,.1), inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); } } -.edit-post-fullscreen-mode-close.components-button .edit-post-fullscreen-mode-close_site-icon { - width: 36px; - height: 36px; - border-radius: 2px; - -o-object-fit: cover; - object-fit: cover; - margin-top: -1px; +.edit-post-fullscreen-mode-close.components-button .edit-post-fullscreen-mode-close_site-icon{ + border-radius:2px; + height:36px; + margin-top:-1px; + -o-object-fit:cover; + object-fit:cover; + width:36px; } -.edit-post-header-toolbar { - display: inline-flex; - flex-grow: 1; - align-items: center; - border: none; +.edit-post-header-toolbar{ + align-items:center; + border:none; + display:inline-flex; + flex-grow:1; } -.edit-post-header-toolbar .edit-post-header-toolbar__left > .components-button { - display: none; +.edit-post-header-toolbar .edit-post-header-toolbar__left>.components-button{ + display:none; } -@media (min-width: 600px) { - .edit-post-header-toolbar .edit-post-header-toolbar__left > .components-button { - display: inline-flex; +@media (min-width:600px){ + .edit-post-header-toolbar .edit-post-header-toolbar__left>.components-button{ + display:inline-flex; } } -.edit-post-header-toolbar .edit-post-header-toolbar__left > .edit-post-header-toolbar__inserter-toggle { - display: inline-flex; +.edit-post-header-toolbar .edit-post-header-toolbar__left>.edit-post-header-toolbar__inserter-toggle{ + display:inline-flex; } -.edit-post-header-toolbar .edit-post-header-toolbar__left > .edit-post-header-toolbar__inserter-toggle svg { - transition: transform cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s; +.edit-post-header-toolbar .edit-post-header-toolbar__left>.edit-post-header-toolbar__inserter-toggle svg{ + transition:transform .2s cubic-bezier(.165, .84, .44, 1); } -@media (prefers-reduced-motion: reduce) { - .edit-post-header-toolbar .edit-post-header-toolbar__left > .edit-post-header-toolbar__inserter-toggle svg { - transition-duration: 0s; - transition-delay: 0s; +@media (prefers-reduced-motion:reduce){ + .edit-post-header-toolbar .edit-post-header-toolbar__left>.edit-post-header-toolbar__inserter-toggle svg{ + transition-delay:0s; + transition-duration:0s; } } -.edit-post-header-toolbar .edit-post-header-toolbar__left > .edit-post-header-toolbar__inserter-toggle.is-pressed svg { - transform: rotate(45deg); +.edit-post-header-toolbar .edit-post-header-toolbar__left>.edit-post-header-toolbar__inserter-toggle.is-pressed svg{ + transform:rotate(45deg); } -.edit-post-header-toolbar .block-editor-list-view { - display: none; +.edit-post-header-toolbar .block-editor-list-view{ + display:none; } -@media (min-width: 600px) { - .edit-post-header-toolbar .block-editor-list-view { - display: flex; +@media (min-width:600px){ + .edit-post-header-toolbar .block-editor-list-view{ + display:flex; } } -.edit-post-header-toolbar .edit-post-header-toolbar__left > .components-button.has-icon, -.edit-post-header-toolbar .edit-post-header-toolbar__left > .components-dropdown > .components-button.has-icon { - height: 36px; - min-width: 36px; - padding: 6px; +.edit-post-header-toolbar .edit-post-header-toolbar__left>.components-button.has-icon,.edit-post-header-toolbar .edit-post-header-toolbar__left>.components-dropdown>.components-button.has-icon{ + height:36px; + min-width:36px; + padding:6px; } -.edit-post-header-toolbar .edit-post-header-toolbar__left > .components-button.has-icon.is-pressed, -.edit-post-header-toolbar .edit-post-header-toolbar__left > .components-dropdown > .components-button.has-icon.is-pressed { - background: #1e1e1e; +.edit-post-header-toolbar .edit-post-header-toolbar__left>.components-button.has-icon.is-pressed,.edit-post-header-toolbar .edit-post-header-toolbar__left>.components-dropdown>.components-button.has-icon.is-pressed{ + background:#1e1e1e; } -.edit-post-header-toolbar .edit-post-header-toolbar__left > .components-button.has-icon:focus:not(:disabled), -.edit-post-header-toolbar .edit-post-header-toolbar__left > .components-dropdown > .components-button.has-icon:focus:not(:disabled) { - box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 0 0 1px #fff; - outline: 1px solid transparent; +.edit-post-header-toolbar .edit-post-header-toolbar__left>.components-button.has-icon:focus:not(:disabled),.edit-post-header-toolbar .edit-post-header-toolbar__left>.components-dropdown>.components-button.has-icon:focus:not(:disabled){ + box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 0 0 1px #fff; + outline:1px solid transparent; } -.edit-post-header-toolbar .edit-post-header-toolbar__left > .components-button.has-icon::before, -.edit-post-header-toolbar .edit-post-header-toolbar__left > .components-dropdown > .components-button.has-icon::before { - display: none; +.edit-post-header-toolbar .edit-post-header-toolbar__left>.components-button.has-icon:before,.edit-post-header-toolbar .edit-post-header-toolbar__left>.components-dropdown>.components-button.has-icon:before{ + display:none; } -@media (min-width: 600px) { - .edit-post-header.has-reduced-ui .edit-post-header-toolbar__left > * + .components-button, -.edit-post-header.has-reduced-ui .edit-post-header-toolbar__left > * + .components-dropdown > [aria-expanded=false] { - transition: opacity 0.1s linear; +@media (min-width:600px){ + .edit-post-header.has-reduced-ui .edit-post-header-toolbar__left>*+.components-button,.edit-post-header.has-reduced-ui .edit-post-header-toolbar__left>*+.components-dropdown>[aria-expanded=false]{ + transition:opacity .1s linear; } } -@media (min-width: 600px) and (prefers-reduced-motion: reduce) { - .edit-post-header.has-reduced-ui .edit-post-header-toolbar__left > * + .components-button, -.edit-post-header.has-reduced-ui .edit-post-header-toolbar__left > * + .components-dropdown > [aria-expanded=false] { - transition-duration: 0s; - transition-delay: 0s; +@media (min-width:600px) and (prefers-reduced-motion:reduce){ + .edit-post-header.has-reduced-ui .edit-post-header-toolbar__left>*+.components-button,.edit-post-header.has-reduced-ui .edit-post-header-toolbar__left>*+.components-dropdown>[aria-expanded=false]{ + transition-delay:0s; + transition-duration:0s; } } -@media (min-width: 600px) { - .edit-post-header.has-reduced-ui:not(:hover) .edit-post-header-toolbar__left > * + .components-button, .edit-post-header.has-reduced-ui:not(:hover) .edit-post-header-toolbar__left > * + .components-dropdown > [aria-expanded=false] { - opacity: 0; +@media (min-width:600px){ + .edit-post-header.has-reduced-ui:not(:hover) .edit-post-header-toolbar__left>*+.components-button,.edit-post-header.has-reduced-ui:not(:hover) .edit-post-header-toolbar__left>*+.components-dropdown>[aria-expanded=false]{ + opacity:0; } } -.edit-post-header-toolbar__left { - display: inline-flex; - align-items: center; - padding-left: 8px; +.edit-post-header-toolbar__left{ + align-items:center; + display:inline-flex; + padding-left:8px; } -@media (min-width: 600px) { - .edit-post-header-toolbar__left { - padding-left: 24px; +@media (min-width:600px){ + .edit-post-header-toolbar__left{ + padding-left:24px; } } -@media (min-width: 1280px) { - .edit-post-header-toolbar__left { - padding-right: 8px; +@media (min-width:1280px){ + .edit-post-header-toolbar__left{ + padding-right:8px; } } -.edit-post-header-toolbar .edit-post-header-toolbar__left > .edit-post-header-toolbar__inserter-toggle.has-icon { - margin-right: 8px; - min-width: 32px; - width: 32px; - height: 32px; - padding: 0; +.edit-post-header-toolbar .edit-post-header-toolbar__left>.edit-post-header-toolbar__inserter-toggle.has-icon{ + height:32px; + margin-right:8px; + min-width:32px; + padding:0; + width:32px; } -.show-icon-labels .edit-post-header-toolbar .edit-post-header-toolbar__left > .edit-post-header-toolbar__inserter-toggle.has-icon { - width: auto; - height: 36px; - padding: 0 8px; +.show-icon-labels .edit-post-header-toolbar .edit-post-header-toolbar__left>.edit-post-header-toolbar__inserter-toggle.has-icon{ + height:36px; + padding:0 8px; + width:auto; } -.show-icon-labels .edit-post-header-toolbar__left > * + * { - margin-left: 8px; +.show-icon-labels .edit-post-header-toolbar__left>*+*{ + margin-left:8px; } -.edit-post-template-top-area { - display: flex; - flex-direction: column; - align-content: space-between; - width: 100%; - align-items: center; +.edit-post-template-top-area{ + align-content:space-between; + align-items:center; + display:flex; + flex-direction:column; + width:100%; } -.edit-post-template-top-area .edit-post-template-title, -.edit-post-template-top-area .edit-post-template-post-title { - padding: 0; - text-decoration: none; - height: auto; +.edit-post-template-top-area .edit-post-template-post-title,.edit-post-template-top-area .edit-post-template-title{ + height:auto; + padding:0; + text-decoration:none; } -.edit-post-template-top-area .edit-post-template-title::before, -.edit-post-template-top-area .edit-post-template-post-title::before { - height: 100%; +.edit-post-template-top-area .edit-post-template-post-title:before,.edit-post-template-top-area .edit-post-template-title:before{ + height:100%; } -.edit-post-template-top-area .edit-post-template-title.has-icon svg, -.edit-post-template-top-area .edit-post-template-post-title.has-icon svg { - order: 1; - margin-right: 0; +.edit-post-template-top-area .edit-post-template-post-title.has-icon svg,.edit-post-template-top-area .edit-post-template-title.has-icon svg{ + margin-right:0; + order:1; } -.edit-post-template-top-area .edit-post-template-title { - color: #1e1e1e; +.edit-post-template-top-area .edit-post-template-title{ + color:#1e1e1e; } -.edit-post-template-top-area .edit-post-template-post-title { - margin-top: 4px; - max-width: 160px; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - display: block; +.edit-post-template-top-area .edit-post-template-post-title{ + display:block; + margin-top:4px; + max-width:160px; + overflow:hidden; + text-overflow:ellipsis; + white-space:nowrap; } -.edit-post-template-top-area .edit-post-template-post-title::before { - left: 0; - right: 0; +.edit-post-template-top-area .edit-post-template-post-title:before{ + left:0; + right:0; } -@media (min-width: 1080px) { - .edit-post-template-top-area .edit-post-template-post-title { - max-width: 400px; +@media (min-width:1080px){ + .edit-post-template-top-area .edit-post-template-post-title{ + max-width:400px; } } -.edit-post-template-top-area__popover .components-popover__content { - min-width: 280px; +.edit-post-template-top-area__popover .components-popover__content{ + min-width:280px; } -.edit-post-template-top-area__popover .components-popover__content > div { - padding: 0; +.edit-post-template-top-area__popover .components-popover__content>div{ + padding:0; } -.edit-post-template-top-area__popover .edit-site-template-details__group { - padding: 16px; +.edit-post-template-top-area__popover .edit-site-template-details__group{ + padding:16px; } -.edit-post-template-top-area__popover .edit-site-template-details__group .components-base-control__help { - margin-bottom: 0; +.edit-post-template-top-area__popover .edit-site-template-details__group .components-base-control__help{ + margin-bottom:0; } -.edit-post-template-top-area__popover .edit-post-template-details__description { - color: #757575; +.edit-post-template-top-area__popover .edit-post-template-details__description{ + color:#757575; } -.edit-post-template-top-area__second-menu-group { - border-top: 1px solid #ddd; - padding: 16px 8px; +.edit-post-template-top-area__second-menu-group{ + border-top:1px solid #ddd; + padding:16px 8px; } -.edit-post-template-top-area__second-menu-group .edit-post-template-top-area__delete-template-button { - display: flex; - justify-content: center; - padding: 4px 8px; +.edit-post-template-top-area__second-menu-group .edit-post-template-top-area__delete-template-button{ + display:flex; + justify-content:center; + padding:4px 8px; } -.edit-post-template-top-area__second-menu-group .edit-post-template-top-area__delete-template-button.is-destructive { - padding: inherit; - margin-left: 8px; - margin-right: 8px; - width: calc(100% - 16px); +.edit-post-template-top-area__second-menu-group .edit-post-template-top-area__delete-template-button.is-destructive{ + margin-left:8px; + margin-right:8px; + padding:inherit; + width:calc(100% - 16px); } -.edit-post-template-top-area__second-menu-group .edit-post-template-top-area__delete-template-button.is-destructive .components-menu-item__item { - width: auto; +.edit-post-template-top-area__second-menu-group .edit-post-template-top-area__delete-template-button.is-destructive .components-menu-item__item{ + width:auto; } -.edit-post-template-top-area__second-menu-group .edit-post-template-top-area__delete-template-button .components-menu-item__item { - margin-right: 0; - min-width: 0; - width: 100%; +.edit-post-template-top-area__second-menu-group .edit-post-template-top-area__delete-template-button .components-menu-item__item{ + margin-right:0; + min-width:0; + width:100%; } -.edit-post-keyboard-shortcut-help-modal__section { - margin: 0 0 2rem 0; -} -.edit-post-keyboard-shortcut-help-modal__section-title { - font-size: 0.9rem; - font-weight: 600; +.edit-post-keyboard-shortcut-help-modal__section{ + margin:0 0 2rem; } -.edit-post-keyboard-shortcut-help-modal__shortcut { - display: flex; - align-items: baseline; - padding: 0.6rem 0; - border-top: 1px solid #ddd; - margin-bottom: 0; +.edit-post-keyboard-shortcut-help-modal__section-title{ + font-size:.9rem; + font-weight:600; } -.edit-post-keyboard-shortcut-help-modal__shortcut:last-child { - border-bottom: 1px solid #ddd; +.edit-post-keyboard-shortcut-help-modal__shortcut{ + align-items:baseline; + border-top:1px solid #ddd; + display:flex; + margin-bottom:0; + padding:.6rem 0; } -.edit-post-keyboard-shortcut-help-modal__shortcut:empty { - display: none; +.edit-post-keyboard-shortcut-help-modal__shortcut:last-child{ + border-bottom:1px solid #ddd; } -.edit-post-keyboard-shortcut-help-modal__shortcut-term { - font-weight: 600; - margin: 0 0 0 1rem; - text-align: right; +.edit-post-keyboard-shortcut-help-modal__shortcut:empty{ + display:none; } -.edit-post-keyboard-shortcut-help-modal__shortcut-description { - flex: 1; - margin: 0; - flex-basis: auto; +.edit-post-keyboard-shortcut-help-modal__shortcut-term{ + font-weight:600; + margin:0 0 0 1rem; + text-align:right; } -.edit-post-keyboard-shortcut-help-modal__shortcut-key-combination { - display: block; - background: none; - margin: 0; - padding: 0; +.edit-post-keyboard-shortcut-help-modal__shortcut-description{ + flex:1; + flex-basis:auto; + margin:0; } -.edit-post-keyboard-shortcut-help-modal__shortcut-key-combination + .edit-post-keyboard-shortcut-help-modal__shortcut-key-combination { - margin-top: 10px; +.edit-post-keyboard-shortcut-help-modal__shortcut-key-combination{ + background:none; + display:block; + margin:0; + padding:0; } -.edit-post-keyboard-shortcut-help-modal__shortcut-key { - padding: 0.25rem 0.5rem; - border-radius: 8%; - margin: 0 0.2rem 0 0.2rem; +.edit-post-keyboard-shortcut-help-modal__shortcut-key-combination+.edit-post-keyboard-shortcut-help-modal__shortcut-key-combination{ + margin-top:10px; } -.edit-post-keyboard-shortcut-help-modal__shortcut-key:last-child { - margin: 0 0 0 0.2rem; +.edit-post-keyboard-shortcut-help-modal__shortcut-key{ + border-radius:8%; + margin:0 .2rem; + padding:.25rem .5rem; } - -.edit-post-layout__metaboxes { - flex-shrink: 0; - clear: both; +.edit-post-keyboard-shortcut-help-modal__shortcut-key:last-child{ + margin:0 0 0 .2rem; } -.edit-post-layout .components-editor-notices__snackbar { - position: fixed; - right: 0; - bottom: 40px; - padding-left: 16px; - padding-right: 16px; +.edit-post-layout__metaboxes{ + clear:both; + flex-shrink:0; } -.edit-post-layout .components-editor-notices__snackbar { - /* Set left position when auto-fold is not on the body element. */ - left: 0; +.edit-post-layout .components-editor-notices__snackbar{ + bottom:40px; + left:0; + padding-left:16px; + padding-right:16px; + position:fixed; + right:0; } -@media (min-width: 783px) { - .edit-post-layout .components-editor-notices__snackbar { - left: 160px; +@media (min-width:783px){ + .edit-post-layout .components-editor-notices__snackbar{ + left:160px; } } - -.auto-fold .edit-post-layout .components-editor-notices__snackbar { - /* Auto fold is when on smaller breakpoints, nav menu auto collapses. */ -} -@media (min-width: 783px) { - .auto-fold .edit-post-layout .components-editor-notices__snackbar { - left: 36px; +@media (min-width:783px){ + .auto-fold .edit-post-layout .components-editor-notices__snackbar{ + left:36px; } } -@media (min-width: 961px) { - .auto-fold .edit-post-layout .components-editor-notices__snackbar { - left: 160px; +@media (min-width:961px){ + .auto-fold .edit-post-layout .components-editor-notices__snackbar{ + left:160px; } } - -/* Sidebar manually collapsed. */ -.folded .edit-post-layout .components-editor-notices__snackbar { - left: 0; +.folded .edit-post-layout .components-editor-notices__snackbar{ + left:0; } -@media (min-width: 783px) { - .folded .edit-post-layout .components-editor-notices__snackbar { - left: 36px; +@media (min-width:783px){ + .folded .edit-post-layout .components-editor-notices__snackbar{ + left:36px; } } -body.is-fullscreen-mode .edit-post-layout .components-editor-notices__snackbar { - left: 0 !important; +body.is-fullscreen-mode .edit-post-layout .components-editor-notices__snackbar{ + left:0 !important; } -.edit-post-layout .editor-post-publish-panel { - position: fixed; - z-index: 100001; - top: 46px; - bottom: 0; - right: 0; - left: 0; - overflow: auto; +.edit-post-layout .editor-post-publish-panel{ + bottom:0; + left:0; + overflow:auto; + position:fixed; + right:0; + top:46px; + z-index:100001; } -@media (min-width: 782px) { - .edit-post-layout .editor-post-publish-panel { - z-index: 99998; - top: 32px; - left: auto; - width: 281px; - border-left: 1px solid #ddd; - transform: translateX(100%); - animation: edit-post-post-publish-panel__slide-in-animation 0.1s forwards; +@media (min-width:782px){ + .edit-post-layout .editor-post-publish-panel{ + animation:edit-post-post-publish-panel__slide-in-animation .1s forwards; + border-left:1px solid #ddd; + left:auto; + top:32px; + transform:translateX(100%); + width:281px; + z-index:99998; } } -@media (min-width: 782px) and (prefers-reduced-motion: reduce) { - .edit-post-layout .editor-post-publish-panel { - animation-duration: 1ms; - animation-delay: 0s; +@media (min-width:782px) and (prefers-reduced-motion:reduce){ + .edit-post-layout .editor-post-publish-panel{ + animation-delay:0s; + animation-duration:1ms; } } -@media (min-width: 782px) { - body.is-fullscreen-mode .edit-post-layout .editor-post-publish-panel { - top: 0; +@media (min-width:782px){ + body.is-fullscreen-mode .edit-post-layout .editor-post-publish-panel{ + top:0; } -} -@media (min-width: 782px) { - [role=region]:focus .edit-post-layout .editor-post-publish-panel { - transform: translateX(0%); + [role=region]:focus .edit-post-layout .editor-post-publish-panel{ + transform:translateX(0); } } -@keyframes edit-post-post-publish-panel__slide-in-animation { - 100% { - transform: translateX(0%); +@keyframes edit-post-post-publish-panel__slide-in-animation{ + to{ + transform:translateX(0); } } -.edit-post-layout .editor-post-publish-panel__header-publish-button { - justify-content: center; +.edit-post-layout .editor-post-publish-panel__header-publish-button{ + justify-content:center; } -.edit-post-layout__toggle-publish-panel, -.edit-post-layout__toggle-sidebar-panel, -.edit-post-layout__toggle-entities-saved-states-panel { - z-index: 100000; - position: fixed !important; - top: -9999em; - bottom: auto; - left: auto; - right: 0; - width: 280px; - background-color: #fff; - border: 1px dotted #ddd; - height: auto !important; - padding: 24px; - display: flex; - justify-content: center; +.edit-post-layout__toggle-entities-saved-states-panel,.edit-post-layout__toggle-publish-panel,.edit-post-layout__toggle-sidebar-panel{ + background-color:#fff; + border:1px dotted #ddd; + bottom:auto; + display:flex; + height:auto !important; + justify-content:center; + left:auto; + padding:24px; + position:fixed !important; + right:0; + top:-9999em; + width:280px; + z-index:100000; } -.interface-interface-skeleton__actions:focus .edit-post-layout__toggle-publish-panel, .interface-interface-skeleton__actions:focus-within .edit-post-layout__toggle-publish-panel, -.interface-interface-skeleton__actions:focus .edit-post-layout__toggle-sidebar-panel, -.interface-interface-skeleton__actions:focus-within .edit-post-layout__toggle-sidebar-panel, -.interface-interface-skeleton__actions:focus .edit-post-layout__toggle-entities-saved-states-panel, -.interface-interface-skeleton__actions:focus-within .edit-post-layout__toggle-entities-saved-states-panel { - top: auto; - bottom: 0; +.interface-interface-skeleton__actions:focus .edit-post-layout__toggle-entities-saved-states-panel,.interface-interface-skeleton__actions:focus .edit-post-layout__toggle-publish-panel,.interface-interface-skeleton__actions:focus .edit-post-layout__toggle-sidebar-panel,.interface-interface-skeleton__actions:focus-within .edit-post-layout__toggle-entities-saved-states-panel,.interface-interface-skeleton__actions:focus-within .edit-post-layout__toggle-publish-panel,.interface-interface-skeleton__actions:focus-within .edit-post-layout__toggle-sidebar-panel{ + bottom:0; + top:auto; } -.edit-post-block-manager__no-results { - font-style: italic; - padding: 24px 0; - text-align: center; +.edit-post-block-manager__no-results{ + font-style:italic; + padding:24px 0; + text-align:center; } -.edit-post-block-manager__search { - margin: 16px 0; +.edit-post-block-manager__search{ + margin:16px 0; } -.edit-post-block-manager__disabled-blocks-count { - border: 1px solid #ddd; - border-width: 1px 0; - box-shadow: -32px 0 0 0 #fff, 32px 0 0 0 #fff; - padding: 8px; - background-color: #fff; - text-align: center; - font-style: italic; - position: sticky; - top: -1px; - z-index: 2; +.edit-post-block-manager__disabled-blocks-count{ + background-color:#fff; + border:1px solid #ddd; + border-width:1px 0; + box-shadow:-32px 0 0 0 #fff,32px 0 0 0 #fff; + font-style:italic; + padding:8px; + position:sticky; + text-align:center; + top:-1px; + z-index:2; } -.edit-post-block-manager__disabled-blocks-count ~ .edit-post-block-manager__results .edit-post-block-manager__category-title { - top: 35px; +.edit-post-block-manager__disabled-blocks-count~.edit-post-block-manager__results .edit-post-block-manager__category-title{ + top:35px; } -.edit-post-block-manager__category { - margin: 0 0 24px 0; +.edit-post-block-manager__category{ + margin:0 0 24px; } -.edit-post-block-manager__category-title { - position: sticky; - top: 0; - padding: 16px 0; - background-color: #fff; - z-index: 1; +.edit-post-block-manager__category-title{ + background-color:#fff; + padding:16px 0; + position:sticky; + top:0; + z-index:1; +} +.edit-post-block-manager__category-title .components-checkbox-control__label{ + font-weight:600; } -.edit-post-block-manager__category-title .components-checkbox-control__label { - font-weight: 600; + +.edit-post-block-manager__checklist{ + margin-top:0; } -.edit-post-block-manager__checklist { - margin-top: 0; +.edit-post-block-manager__category-title,.edit-post-block-manager__checklist-item{ + border-bottom:1px solid #ddd; +} +.edit-post-block-manager__category-title .components-base-control__field,.edit-post-block-manager__checklist-item .components-base-control__field{ + align-items:center; + display:flex; + margin:0; } -.edit-post-block-manager__category-title, -.edit-post-block-manager__checklist-item { - border-bottom: 1px solid #ddd; +.edit-post-block-manager__checklist-item{ + margin-bottom:0; + padding-left:16px; +} +.components-modal__content .edit-post-block-manager__checklist-item.components-checkbox-control__input-container{ + margin:0 8px; } -.edit-post-block-manager__category-title .components-base-control__field, -.edit-post-block-manager__checklist-item .components-base-control__field { - align-items: center; - display: flex; - margin: 0; -} - -.edit-post-block-manager__checklist-item { - margin-bottom: 0; - padding-left: 16px; -} -.components-modal__content .edit-post-block-manager__checklist-item.components-checkbox-control__input-container { - margin: 0 8px; -} -.edit-post-block-manager__checklist-item .components-checkbox-control__label { - display: flex; - align-items: center; - justify-content: space-between; - flex-grow: 1; - padding: 8px 0; -} -.edit-post-block-manager__checklist-item .block-editor-block-icon { - margin-right: 10px; - fill: #1e1e1e; -} - -.edit-post-block-manager__results { - border-top: 1px solid #ddd; -} - -.edit-post-block-manager__disabled-blocks-count + .edit-post-block-manager__results { - border-top-width: 0; +.edit-post-block-manager__checklist-item .components-checkbox-control__label{ + align-items:center; + display:flex; + flex-grow:1; + justify-content:space-between; + padding:8px 0; +} +.edit-post-block-manager__checklist-item .block-editor-block-icon{ + fill:#1e1e1e; + margin-right:10px; +} + +.edit-post-block-manager__results{ + border-top:1px solid #ddd; +} + +.edit-post-block-manager__disabled-blocks-count+.edit-post-block-manager__results{ + border-top-width:0; } -.edit-post-meta-boxes-area { - position: relative; - /** - * The wordpress default for most meta-box elements is content-box. Some - * elements such as textarea and input are set to border-box in forms.css. - * These elements therefore specifically set back to border-box here, while - * other elements (such as .button) are unaffected by Gutenberg's style - * because of their higher specificity. - */ - /* Match width and positioning of the meta boxes. Override default styles. */ - /* Override Default meta box stylings */ +.edit-post-meta-boxes-area{ + position:relative; } -.edit-post-meta-boxes-area__container, -.edit-post-meta-boxes-area .inside { - box-sizing: content-box; +.edit-post-meta-boxes-area .inside,.edit-post-meta-boxes-area__container{ + box-sizing:initial; } -.edit-post-meta-boxes-area textarea, -.edit-post-meta-boxes-area input { - box-sizing: border-box; +.edit-post-meta-boxes-area input,.edit-post-meta-boxes-area textarea{ + box-sizing:border-box; } -.edit-post-meta-boxes-area .postbox-header { - border-top: 1px solid #ddd; - border-bottom: 0; +.edit-post-meta-boxes-area .postbox-header{ + border-bottom:0; + border-top:1px solid #ddd; } -.edit-post-meta-boxes-area #poststuff { - margin: 0 auto; - padding-top: 0; - min-width: auto; +.edit-post-meta-boxes-area #poststuff{ + margin:0 auto; + min-width:auto; + padding-top:0; } -.edit-post-meta-boxes-area #poststuff h3.hndle, -.edit-post-meta-boxes-area #poststuff .stuffbox > h3, -.edit-post-meta-boxes-area #poststuff h2.hndle { - /* WordPress selectors yolo */ - box-sizing: border-box; - color: inherit; - font-weight: 600; - outline: none; - padding: 0 24px; - position: relative; - width: 100%; +.edit-post-meta-boxes-area #poststuff .stuffbox>h3,.edit-post-meta-boxes-area #poststuff h2.hndle,.edit-post-meta-boxes-area #poststuff h3.hndle{ + box-sizing:border-box; + color:inherit; + font-weight:600; + outline:none; + padding:0 24px; + position:relative; + width:100%; } -.edit-post-meta-boxes-area .postbox { - border: 0; - color: inherit; - margin-bottom: 0; +.edit-post-meta-boxes-area .postbox{ + border:0; + color:inherit; + margin-bottom:0; } -.edit-post-meta-boxes-area .postbox > .inside { - color: inherit; - padding: 0 24px 24px; - margin: 0; +.edit-post-meta-boxes-area .postbox>.inside{ + color:inherit; + margin:0; + padding:0 24px 24px; } -.edit-post-meta-boxes-area .postbox .handlediv { - height: 44px; - width: 44px; +.edit-post-meta-boxes-area .postbox .handlediv{ + height:44px; + width:44px; } -.edit-post-meta-boxes-area.is-loading::before { - position: absolute; - top: 0; - left: 0; - right: 0; - bottom: 0; - content: ""; - background: transparent; - z-index: 1; +.edit-post-meta-boxes-area.is-loading:before{ + background:transparent; + bottom:0; + content:""; + left:0; + position:absolute; + right:0; + top:0; + z-index:1; } -.edit-post-meta-boxes-area .components-spinner { - position: absolute; - top: 10px; - right: 20px; - z-index: 5; +.edit-post-meta-boxes-area .components-spinner{ + position:absolute; + right:20px; + top:10px; + z-index:5; } -.edit-post-meta-boxes-area .is-hidden { - display: none; +.edit-post-meta-boxes-area .is-hidden{ + display:none; } -.edit-post-meta-boxes-area .metabox-location-side .postbox input[type=checkbox] { - border: 1px solid #757575; +.edit-post-meta-boxes-area .metabox-location-side .postbox input[type=checkbox]{ + border:1px solid #757575; } -.edit-post-meta-boxes-area .metabox-location-side .postbox input[type=checkbox]:checked { - background: #fff; - border-color: #757575; +.edit-post-meta-boxes-area .metabox-location-side .postbox input[type=checkbox]:checked{ + background:#fff; + border-color:#757575; } -.edit-post-meta-boxes-area .metabox-location-side .postbox input[type=checkbox]::before { - margin: -3px -4px; +.edit-post-meta-boxes-area .metabox-location-side .postbox input[type=checkbox]:before{ + margin:-3px -4px; } -.edit-post-meta-boxes-area__clear { - clear: both; +.edit-post-meta-boxes-area__clear{ + clear:both; } -.edit-post-editor__inserter-panel, -.edit-post-editor__list-view-panel { - height: 100%; - display: flex; - flex-direction: column; +.edit-post-editor__inserter-panel,.edit-post-editor__list-view-panel{ + display:flex; + flex-direction:column; + height:100%; } -.edit-post-editor__list-view-panel { - min-width: 350px; +.edit-post-editor__list-view-panel{ + min-width:350px; } -.edit-post-editor__inserter-panel-header { - padding-top: 8px; - padding-right: 8px; - display: flex; - justify-content: flex-end; +.edit-post-editor__inserter-panel-header{ + display:flex; + justify-content:flex-end; + padding-right:8px; + padding-top:8px; } -.edit-post-editor__inserter-panel-content, -.edit-post-editor__list-view-panel-content { - height: calc(100% - 36px - 8px); +.edit-post-editor__inserter-panel-content,.edit-post-editor__list-view-panel-content{ + height:calc(100% - 44px); } -@media (min-width: 782px) { - .edit-post-editor__inserter-panel-content { - height: 100%; +@media (min-width:782px){ + .edit-post-editor__inserter-panel-content{ + height:100%; } } -.edit-post-editor__list-view-panel-header { - align-items: center; - border-bottom: 1px solid #ddd; - display: flex; - justify-content: space-between; - height: 48px; - padding-left: 16px; - padding-right: 4px; +.edit-post-editor__list-view-panel-header{ + align-items:center; + border-bottom:1px solid #ddd; + display:flex; + height:48px; + justify-content:space-between; + padding-left:16px; + padding-right:4px; } -.edit-post-editor__list-view-panel-content { - overflow-y: auto; - padding: 8px 6px; +.edit-post-editor__list-view-panel-content{ + overflow-y:auto; + padding:8px 6px; } -.components-panel__header.edit-post-sidebar__panel-tabs { - justify-content: flex-start; - padding-left: 0; - padding-right: 16px; - border-top: 0; - margin-top: 0; +.components-panel__header.edit-post-sidebar__panel-tabs{ + border-top:0; + justify-content:flex-start; + margin-top:0; + padding-left:0; + padding-right:16px; } -.components-panel__header.edit-post-sidebar__panel-tabs ul { - display: flex; +.components-panel__header.edit-post-sidebar__panel-tabs ul{ + display:flex; } -.components-panel__header.edit-post-sidebar__panel-tabs li { - margin: 0; +.components-panel__header.edit-post-sidebar__panel-tabs li{ + margin:0; } -.components-panel__header.edit-post-sidebar__panel-tabs .components-button.has-icon { - display: none; - margin: 0 0 0 auto; - padding: 0; - min-width: 24px; - height: 24px; +.components-panel__header.edit-post-sidebar__panel-tabs .components-button.has-icon{ + display:none; + height:24px; + margin:0 0 0 auto; + min-width:24px; + padding:0; } -@media (min-width: 782px) { - .components-panel__header.edit-post-sidebar__panel-tabs .components-button.has-icon { - display: flex; +@media (min-width:782px){ + .components-panel__header.edit-post-sidebar__panel-tabs .components-button.has-icon{ + display:flex; } } -.components-panel__body.is-opened.edit-post-last-revision__panel { - padding: 0; - height: 48px; +.components-panel__body.is-opened.edit-post-last-revision__panel{ + height:48px; + padding:0; } -.editor-post-last-revision__title.components-button { - padding: 16px; +.editor-post-last-revision__title.components-button{ + padding:16px; } -.edit-post-post-author { - display: flex; - flex-direction: column; - align-items: stretch; +.edit-post-post-author,.edit-post-post-format{ + align-items:stretch; + display:flex; + flex-direction:column; } -.edit-post-post-format { - display: flex; - flex-direction: column; - align-items: stretch; +.edit-post-post-schedule{ + justify-content:flex-start; + position:relative; + width:100%; } - -.edit-post-post-schedule { - width: 100%; - position: relative; - justify-content: flex-start; -} -.edit-post-post-schedule span { - display: block; - width: 45%; - flex-shrink: 0; +.edit-post-post-schedule span{ + display:block; + flex-shrink:0; + width:45%; } -.components-button.edit-post-post-schedule__toggle { - text-align: left; - white-space: normal; - height: auto; +.components-button.edit-post-post-schedule__toggle{ + height:auto; + text-align:left; + white-space:normal; } -.components-button.edit-post-post-schedule__toggle span { - width: 0; +.components-button.edit-post-post-schedule__toggle span{ + width:0; } -.edit-post-post-schedule__dialog .block-editor-publish-date-time-picker { - margin: 8px; +.edit-post-post-schedule__dialog .block-editor-publish-date-time-picker{ + margin:8px; } -.edit-post-post-slug { - display: flex; - flex-direction: column; - align-items: stretch; +.edit-post-post-slug{ + align-items:stretch; + display:flex; + flex-direction:column; } -.edit-post-post-status .edit-post-post-publish-dropdown__switch-to-draft { - margin-top: 15px; - width: 100%; - text-align: center; +.edit-post-post-status .edit-post-post-publish-dropdown__switch-to-draft{ + margin-top:15px; + text-align:center; + width:100%; } -.edit-post-post-template { - width: 100%; - justify-content: flex-start; +.edit-post-post-template{ + justify-content:flex-start; + width:100%; } -.edit-post-post-template span { - display: block; - width: 45%; +.edit-post-post-template span{ + display:block; + width:45%; } -.edit-post-post-template__dropdown { - max-width: 55%; +.edit-post-post-template__dropdown{ + max-width:55%; } -.components-button.edit-post-post-template__toggle { - display: inline-block; - width: 100%; - overflow: hidden; - text-overflow: ellipsis; +.components-button.edit-post-post-template__toggle{ + display:inline-block; + overflow:hidden; + text-overflow:ellipsis; + width:100%; } -.edit-post-post-template__dialog { - z-index: 99999; +.edit-post-post-template__dialog{ + z-index:99999; } -.edit-post-post-template__form { - min-width: 248px; - margin: 8px; +.edit-post-post-template__form{ + margin:8px; + min-width:248px; } -@media (min-width: 782px) { - .edit-post-post-template__create-form { - width: 320px; +@media (min-width:782px){ + .edit-post-post-template__create-form{ + width:320px; } } -.edit-post-post-url { - width: 100%; - justify-content: flex-start; +.edit-post-post-url{ + justify-content:flex-start; + width:100%; } -.edit-post-post-url span { - display: block; - width: 45%; - flex-shrink: 0; +.edit-post-post-url span{ + display:block; + flex-shrink:0; + width:45%; } -.components-button.edit-post-post-url__toggle { - text-align: left; - white-space: normal; - height: auto; - word-break: break-word; +.components-button.edit-post-post-url__toggle{ + height:auto; + text-align:left; + white-space:normal; + word-break:break-word; } -.edit-post-post-url__dialog .editor-post-url { - min-width: 248px; - margin: 8px; +.edit-post-post-url__dialog .editor-post-url{ + margin:8px; + min-width:248px; } -.edit-post-post-visibility { - width: 100%; - justify-content: flex-start; +.edit-post-post-visibility{ + justify-content:flex-start; + width:100%; } -.edit-post-post-visibility span { - display: block; - width: 45%; +.edit-post-post-visibility span{ + display:block; + width:45%; } -.edit-post-post-visibility__dialog .editor-post-visibility { - min-width: 248px; - margin: 8px; +.edit-post-post-visibility__dialog .editor-post-visibility{ + margin:8px; + min-width:248px; } -.components-button.edit-post-sidebar__panel-tab { - border-radius: 0; - height: 48px; - background: transparent; - border: none; - box-shadow: none; - cursor: pointer; - display: inline-block; - padding: 3px 15px; - margin-left: 0; - font-weight: 500; +.components-button.edit-post-sidebar__panel-tab{ + background:transparent; + border:none; + border-radius:0; + box-shadow:none; + cursor:pointer; + display:inline-block; + font-weight:500; + height:48px; + margin-left:0; + padding:3px 15px; } -.components-button.edit-post-sidebar__panel-tab::after { - content: attr(data-label); - display: block; - font-weight: 600; - height: 0; - overflow: hidden; - speak: none; - visibility: hidden; +.components-button.edit-post-sidebar__panel-tab:after{ + speak:none; + content:attr(data-label); + display:block; + font-weight:600; + height:0; + overflow:hidden; + visibility:hidden; } -.components-button.edit-post-sidebar__panel-tab.is-active { - box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) transparent, inset 0 -1.5px 0 0 var(--wp-admin-theme-color); - position: relative; - z-index: 1; +.components-button.edit-post-sidebar__panel-tab.is-active{ + box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) transparent, inset 0 -1.5px 0 0 var(--wp-admin-theme-color); + position:relative; + z-index:1; } -.components-button.edit-post-sidebar__panel-tab.is-active::before { - content: ""; - position: absolute; - top: 0; - bottom: 1px; - right: 0; - left: 0; - border-bottom: 1.5px solid transparent; +.components-button.edit-post-sidebar__panel-tab.is-active:before{ + border-bottom:1.5px solid transparent; + bottom:1px; + content:""; + left:0; + position:absolute; + right:0; + top:0; } -.components-button.edit-post-sidebar__panel-tab:focus { - box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); - position: relative; - z-index: 1; +.components-button.edit-post-sidebar__panel-tab:focus{ + box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); + position:relative; + z-index:1; } -.components-button.edit-post-sidebar__panel-tab.is-active:focus { - box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 -3px 0 0 var(--wp-admin-theme-color); +.components-button.edit-post-sidebar__panel-tab.is-active:focus{ + box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 -3px 0 0 var(--wp-admin-theme-color); } -h2.edit-post-template-summary__title { - line-height: 24px; - margin: 0 0 4px; - font-weight: 500; +h2.edit-post-template-summary__title{ + font-weight:500; + line-height:24px; + margin:0 0 4px; } -.edit-post-text-editor { - position: relative; - width: 100%; - background-color: #fff; - flex-grow: 1; +.edit-post-text-editor{ + background-color:#fff; + flex-grow:1; + position:relative; + width:100%; } -.edit-post-text-editor .editor-post-title { - max-width: none; - line-height: 1.4; - font-family: Menlo, Consolas, monaco, monospace; - font-size: 2.5em; - font-weight: normal; - border: 1px solid #949494; - padding: 16px; +.edit-post-text-editor .editor-post-title{ + border:1px solid #949494; + font-family:Menlo,Consolas,monaco,monospace; + font-size:2.5em; + font-weight:400; + line-height:1.4; + max-width:none; + padding:16px; } -@media (min-width: 600px) { - .edit-post-text-editor .editor-post-title { - padding: 24px; +@media (min-width:600px){ + .edit-post-text-editor .editor-post-title{ + padding:24px; } } -.edit-post-text-editor .editor-post-title:focus { - border-color: var(--wp-admin-theme-color); - box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); +.edit-post-text-editor .editor-post-title:focus{ + border-color:var(--wp-admin-theme-color); + box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); } -.edit-post-text-editor__body { - width: 100%; - padding: 0 12px 12px 12px; - max-width: 1080px; - margin-left: auto; - margin-right: auto; -} -@media (min-width: 960px) { - .edit-post-text-editor__body { - padding: 16px 24px 96px 24px; - padding: 0 24px 24px 24px; - } -} - -.edit-post-text-editor__toolbar { - position: sticky; - z-index: 1; - top: 0; - left: 0; - right: 0; - display: flex; - background: rgba(255, 255, 255, 0.8); - padding: 4px 12px; -} -@media (min-width: 600px) { - .edit-post-text-editor__toolbar { - padding: 12px; - } -} -@media (min-width: 960px) { - .edit-post-text-editor__toolbar { - padding: 12px 24px; - } -} -.edit-post-text-editor__toolbar h2 { - line-height: 36px; - margin: 0 auto 0 0; - font-size: 13px; - color: #1e1e1e; +.edit-post-text-editor__body{ + margin-left:auto; + margin-right:auto; + max-width:1080px; + padding:0 12px 12px; + width:100%; +} +@media (min-width:960px){ + .edit-post-text-editor__body{ + padding:0 24px 24px; + } +} + +.edit-post-text-editor__toolbar{ + background:hsla(0,0%,100%,.8); + display:flex; + left:0; + padding:4px 12px; + position:sticky; + right:0; + top:0; + z-index:1; +} +@media (min-width:600px){ + .edit-post-text-editor__toolbar{ + padding:12px; + } +} +@media (min-width:960px){ + .edit-post-text-editor__toolbar{ + padding:12px 24px; + } } -.edit-post-text-editor__toolbar .components-button svg { - order: 1; +.edit-post-text-editor__toolbar h2{ + color:#1e1e1e; + font-size:13px; + line-height:36px; + margin:0 auto 0 0; +} +.edit-post-text-editor__toolbar .components-button svg{ + order:1; } -.edit-post-visual-editor { - position: relative; - display: flex; - flex-flow: column; - background-color: #2f2f2f; - flex: 1 0 auto; +.edit-post-visual-editor{ + background-color:#2f2f2f; + display:flex; + flex:1 0 auto; + flex-flow:column; + position:relative; } -.edit-post-visual-editor .components-button { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - font-size: 13px; - padding: 6px 12px; +.edit-post-visual-editor .components-button{ + font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; + font-size:13px; + padding:6px 12px; } -.edit-post-visual-editor .components-button.is-tertiary, .edit-post-visual-editor .components-button.has-icon { - padding: 6px; +.edit-post-visual-editor .components-button.has-icon,.edit-post-visual-editor .components-button.is-tertiary{ + padding:6px; } -.edit-post-visual-editor__post-title-wrapper { - margin-top: 4rem; - margin-bottom: var(--wp--style--block-gap); +.edit-post-visual-editor__post-title-wrapper{ + margin-bottom:var(--wp--style--block-gap); + margin-top:4rem; } -.edit-post-visual-editor__post-title-wrapper .editor-post-title { - margin-left: auto; - margin-right: auto; +.edit-post-visual-editor__post-title-wrapper .editor-post-title{ + margin-left:auto; + margin-right:auto; } -.edit-post-visual-editor__exit-template-mode { - position: absolute; - top: 8px; - left: 8px; - color: #fff; +.edit-post-visual-editor__exit-template-mode{ + color:#fff; + left:8px; + position:absolute; + top:8px; } -.edit-post-visual-editor__exit-template-mode:active:not([aria-disabled=true]), .edit-post-visual-editor__exit-template-mode:focus:not([aria-disabled=true]), .edit-post-visual-editor__exit-template-mode:hover { - color: #f0f0f0; +.edit-post-visual-editor__exit-template-mode:active:not([aria-disabled=true]),.edit-post-visual-editor__exit-template-mode:focus:not([aria-disabled=true]),.edit-post-visual-editor__exit-template-mode:hover{ + color:#f0f0f0; } -.edit-post-visual-editor__content-area { - width: 100%; - height: 100%; - position: relative; - box-sizing: border-box; - display: flex; - flex-grow: 1; +.edit-post-visual-editor__content-area{ + box-sizing:border-box; + display:flex; + flex-grow:1; + height:100%; + position:relative; + width:100%; } -.edit-post-welcome-guide, -.edit-template-welcome-guide { - width: 312px; +.edit-post-welcome-guide,.edit-template-welcome-guide{ + width:312px; } -.edit-post-welcome-guide__image, -.edit-template-welcome-guide__image { - background: #00a0d2; - margin: 0 0 16px; +.edit-post-welcome-guide__image,.edit-template-welcome-guide__image{ + background:#00a0d2; + margin:0 0 16px; } -.edit-post-welcome-guide__image > img, -.edit-template-welcome-guide__image > img { - display: block; - max-width: 100%; - -o-object-fit: cover; - object-fit: cover; +.edit-post-welcome-guide__image>img,.edit-template-welcome-guide__image>img{ + display:block; + max-width:100%; + -o-object-fit:cover; + object-fit:cover; } -.edit-post-welcome-guide__heading, -.edit-template-welcome-guide__heading { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - font-size: 24px; - line-height: 1.4; - margin: 16px 0 16px 0; - padding: 0 32px; +.edit-post-welcome-guide__heading,.edit-template-welcome-guide__heading{ + font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; + font-size:24px; + line-height:1.4; + margin:16px 0; + padding:0 32px; } -.edit-post-welcome-guide__text, -.edit-template-welcome-guide__text { - font-size: 13px; - line-height: 1.4; - margin: 0 0 24px 0; - padding: 0 32px; +.edit-post-welcome-guide__text,.edit-template-welcome-guide__text{ + font-size:13px; + line-height:1.4; + margin:0 0 24px; + padding:0 32px; } -.edit-post-welcome-guide__inserter-icon, -.edit-template-welcome-guide__inserter-icon { - margin: 0 4px; - vertical-align: text-top; +.edit-post-welcome-guide__inserter-icon,.edit-template-welcome-guide__inserter-icon{ + margin:0 4px; + vertical-align:text-top; } -.edit-template-welcome-guide .components-button svg { - fill: #fff; +.edit-template-welcome-guide .components-button svg{ + fill:#fff; } -@media (min-width: 600px) { - .edit-post-start-page-options__modal { - width: calc(100% - 32px); - height: calc(100% - 120px); +@media (min-width:600px){ + .edit-post-start-page-options__modal{ + height:calc(100% - 120px); + width:calc(100% - 32px); } } -@media (min-width: 782px) { - .edit-post-start-page-options__modal { - width: 750px; +@media (min-width:782px){ + .edit-post-start-page-options__modal{ + width:750px; } } -@media (min-width: 960px) { - .edit-post-start-page-options__modal { - height: 70%; +@media (min-width:960px){ + .edit-post-start-page-options__modal{ + height:70%; } } -.edit-post-start-page-options__modal-content .block-editor-block-patterns-list { - column-count: 2; - column-gap: 24px; +.edit-post-start-page-options__modal-content .block-editor-block-patterns-list{ + column-count:2; + column-gap:24px; } -.edit-post-start-page-options__modal-content .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item { - break-inside: avoid-column; - margin-bottom: 24px; +.edit-post-start-page-options__modal-content .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item{ + break-inside:avoid-column; + margin-bottom:24px; } -.edit-post-start-page-options__modal-content .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item .block-editor-block-preview__container { - min-height: 100px; +.edit-post-start-page-options__modal-content .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item .block-editor-block-preview__container{ + min-height:100px; } -.edit-post-start-page-options__modal-content .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item .block-editor-block-preview__content { - width: 100%; +.edit-post-start-page-options__modal-content .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item .block-editor-block-preview__content{ + width:100%; } - -/** - * Animations - */ -@keyframes edit-post__fade-in-animation { - from { - opacity: 0; +@keyframes edit-post__fade-in-animation{ + 0%{ + opacity:0; } - to { - opacity: 1; + to{ + opacity:1; } } -html.wp-toolbar { - background: #fff; -} -body.block-editor-page { - background: #fff; - /* We hide legacy notices in Gutenberg Based Pages, because they were not designed in a way that scaled well. - Plugins can use Gutenberg notices if they need to pass on information to the user when they are editing. */ +body.block-editor-page,html.wp-toolbar{ + background:#fff; } -body.block-editor-page #wpcontent { - padding-left: 0; +body.block-editor-page #wpcontent{ + padding-left:0; } -body.block-editor-page #wpbody-content { - padding-bottom: 0; +body.block-editor-page #wpbody-content{ + padding-bottom:0; } -body.block-editor-page #wpbody-content > div:not(.block-editor):not(#screen-meta) { - display: none; +body.block-editor-page #wpbody-content>div:not(.block-editor):not(#screen-meta),body.block-editor-page #wpfooter{ + display:none; } -body.block-editor-page #wpfooter { - display: none; +body.block-editor-page .a11y-speak-region{ + left:-1px; + top:-1px; } -body.block-editor-page .a11y-speak-region { - left: -1px; - top: -1px; +body.block-editor-page ul#adminmenu a.wp-has-current-submenu:after,body.block-editor-page ul#adminmenu>li.current>a.current:after{ + border-right-color:#fff; } -body.block-editor-page ul#adminmenu a.wp-has-current-submenu::after, -body.block-editor-page ul#adminmenu > li.current > a.current::after { - border-right-color: #fff; -} -body.block-editor-page .media-frame select.attachment-filters:last-of-type { - width: auto; - max-width: 100%; +body.block-editor-page .media-frame select.attachment-filters:last-of-type{ + max-width:100%; + width:auto; } -.block-editor-page #wpwrap { - overflow-y: auto; +.block-editor-page #wpwrap{ + overflow-y:auto; } -@media (min-width: 782px) { - .block-editor-page #wpwrap { - overflow-y: initial; +@media (min-width:782px){ + .block-editor-page #wpwrap{ + overflow-y:initial; } } -.edit-post-header, -.edit-post-text-editor, -.edit-post-sidebar, -.editor-post-publish-panel, -.components-popover, -.components-modal__frame, -.edit-post-editor__inserter-panel { - box-sizing: border-box; +.components-modal__frame,.components-popover,.edit-post-editor__inserter-panel,.edit-post-header,.edit-post-sidebar,.edit-post-text-editor,.editor-post-publish-panel{ + box-sizing:border-box; } -.edit-post-header *, -.edit-post-header *::before, -.edit-post-header *::after, -.edit-post-text-editor *, -.edit-post-text-editor *::before, -.edit-post-text-editor *::after, -.edit-post-sidebar *, -.edit-post-sidebar *::before, -.edit-post-sidebar *::after, -.editor-post-publish-panel *, -.editor-post-publish-panel *::before, -.editor-post-publish-panel *::after, -.components-popover *, -.components-popover *::before, -.components-popover *::after, -.components-modal__frame *, -.components-modal__frame *::before, -.components-modal__frame *::after, -.edit-post-editor__inserter-panel *, -.edit-post-editor__inserter-panel *::before, -.edit-post-editor__inserter-panel *::after { - box-sizing: inherit; +.components-modal__frame *,.components-modal__frame :after,.components-modal__frame :before,.components-popover *,.components-popover :after,.components-popover :before,.edit-post-editor__inserter-panel *,.edit-post-editor__inserter-panel :after,.edit-post-editor__inserter-panel :before,.edit-post-header *,.edit-post-header :after,.edit-post-header :before,.edit-post-sidebar *,.edit-post-sidebar :after,.edit-post-sidebar :before,.edit-post-text-editor *,.edit-post-text-editor :after,.edit-post-text-editor :before,.editor-post-publish-panel *,.editor-post-publish-panel :after,.editor-post-publish-panel :before{ + box-sizing:inherit; } -@media (min-width: 600px) { - .block-editor__container { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - min-height: calc(100vh - 46px); +@media (min-width:600px){ + .block-editor__container{ + bottom:0; + left:0; + min-height:calc(100vh - 46px); + position:absolute; + right:0; + top:0; + } +} +@media (min-width:782px){ + .block-editor__container{ + min-height:calc(100vh - 32px); + } + body.is-fullscreen-mode .block-editor__container{ + min-height:100vh; } } -@media (min-width: 782px) { - .block-editor__container { - min-height: calc(100vh - 32px); +.block-editor__container img{ + height:auto; + max-width:100%; +} + +body.admin-color-light{ + --wp-admin-theme-color:#0085ba; + --wp-admin-theme-color--rgb:0, 133, 186; + --wp-admin-theme-color-darker-10:#0073a1; + --wp-admin-theme-color-darker-10--rgb:0, 115, 161; + --wp-admin-theme-color-darker-20:#006187; + --wp-admin-theme-color-darker-20--rgb:0, 97, 135; + --wp-admin-border-width-focus:2px; +} +@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ + body.admin-color-light{ + --wp-admin-border-width-focus:1.5px; } - body.is-fullscreen-mode .block-editor__container { - min-height: 100vh; +} + +body.admin-color-modern{ + --wp-admin-theme-color:#3858e9; + --wp-admin-theme-color--rgb:56, 88, 233; + --wp-admin-theme-color-darker-10:#2145e6; + --wp-admin-theme-color-darker-10--rgb:33, 69, 230; + --wp-admin-theme-color-darker-20:#183ad6; + --wp-admin-theme-color-darker-20--rgb:24, 58, 214; + --wp-admin-border-width-focus:2px; +} +@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ + body.admin-color-modern{ + --wp-admin-border-width-focus:1.5px; } } -.block-editor__container img { - max-width: 100%; - height: auto; + +body.admin-color-blue{ + --wp-admin-theme-color:#096484; + --wp-admin-theme-color--rgb:9, 100, 132; + --wp-admin-theme-color-darker-10:#07526c; + --wp-admin-theme-color-darker-10--rgb:7, 82, 108; + --wp-admin-theme-color-darker-20:#064054; + --wp-admin-theme-color-darker-20--rgb:6, 64, 84; + --wp-admin-border-width-focus:2px; +} +@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ + body.admin-color-blue{ + --wp-admin-border-width-focus:1.5px; + } } -body.admin-color-light { - --wp-admin-theme-color: #0085ba; - --wp-admin-theme-color--rgb: 0, 133, 186; - --wp-admin-theme-color-darker-10: #0073a1; - --wp-admin-theme-color-darker-10--rgb: 0, 115, 161; - --wp-admin-theme-color-darker-20: #006187; - --wp-admin-theme-color-darker-20--rgb: 0, 97, 135; - --wp-admin-border-width-focus: 2px; +body.admin-color-coffee{ + --wp-admin-theme-color:#46403c; + --wp-admin-theme-color--rgb:70, 64, 60; + --wp-admin-theme-color-darker-10:#383330; + --wp-admin-theme-color-darker-10--rgb:56, 51, 48; + --wp-admin-theme-color-darker-20:#2b2724; + --wp-admin-theme-color-darker-20--rgb:43, 39, 36; + --wp-admin-border-width-focus:2px; } -@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { - body.admin-color-light { - --wp-admin-border-width-focus: 1.5px; +@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ + body.admin-color-coffee{ + --wp-admin-border-width-focus:1.5px; } } -body.admin-color-modern { - --wp-admin-theme-color: #3858e9; - --wp-admin-theme-color--rgb: 56, 88, 233; - --wp-admin-theme-color-darker-10: #2145e6; - --wp-admin-theme-color-darker-10--rgb: 33, 69, 230; - --wp-admin-theme-color-darker-20: #183ad6; - --wp-admin-theme-color-darker-20--rgb: 24, 58, 214; - --wp-admin-border-width-focus: 2px; -} -@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { - body.admin-color-modern { - --wp-admin-border-width-focus: 1.5px; - } -} - -body.admin-color-blue { - --wp-admin-theme-color: #096484; - --wp-admin-theme-color--rgb: 9, 100, 132; - --wp-admin-theme-color-darker-10: #07526c; - --wp-admin-theme-color-darker-10--rgb: 7, 82, 108; - --wp-admin-theme-color-darker-20: #064054; - --wp-admin-theme-color-darker-20--rgb: 6, 64, 84; - --wp-admin-border-width-focus: 2px; -} -@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { - body.admin-color-blue { - --wp-admin-border-width-focus: 1.5px; - } -} - -body.admin-color-coffee { - --wp-admin-theme-color: #46403c; - --wp-admin-theme-color--rgb: 70, 64, 60; - --wp-admin-theme-color-darker-10: #383330; - --wp-admin-theme-color-darker-10--rgb: 56, 51, 48; - --wp-admin-theme-color-darker-20: #2b2724; - --wp-admin-theme-color-darker-20--rgb: 43, 39, 36; - --wp-admin-border-width-focus: 2px; -} -@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { - body.admin-color-coffee { - --wp-admin-border-width-focus: 1.5px; - } -} - -body.admin-color-ectoplasm { - --wp-admin-theme-color: #523f6d; - --wp-admin-theme-color--rgb: 82, 63, 109; - --wp-admin-theme-color-darker-10: #46365d; - --wp-admin-theme-color-darker-10--rgb: 70, 54, 93; - --wp-admin-theme-color-darker-20: #3a2c4d; - --wp-admin-theme-color-darker-20--rgb: 58, 44, 77; - --wp-admin-border-width-focus: 2px; +body.admin-color-ectoplasm{ + --wp-admin-theme-color:#523f6d; + --wp-admin-theme-color--rgb:82, 63, 109; + --wp-admin-theme-color-darker-10:#46365d; + --wp-admin-theme-color-darker-10--rgb:70, 54, 93; + --wp-admin-theme-color-darker-20:#3a2c4d; + --wp-admin-theme-color-darker-20--rgb:58, 44, 77; + --wp-admin-border-width-focus:2px; } -@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { - body.admin-color-ectoplasm { - --wp-admin-border-width-focus: 1.5px; +@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ + body.admin-color-ectoplasm{ + --wp-admin-border-width-focus:1.5px; } } -body.admin-color-midnight { - --wp-admin-theme-color: #e14d43; - --wp-admin-theme-color--rgb: 225, 77, 67; - --wp-admin-theme-color-darker-10: #dd382d; - --wp-admin-theme-color-darker-10--rgb: 221, 56, 45; - --wp-admin-theme-color-darker-20: #d02c21; - --wp-admin-theme-color-darker-20--rgb: 208, 44, 33; - --wp-admin-border-width-focus: 2px; +body.admin-color-midnight{ + --wp-admin-theme-color:#e14d43; + --wp-admin-theme-color--rgb:225, 77, 67; + --wp-admin-theme-color-darker-10:#dd382d; + --wp-admin-theme-color-darker-10--rgb:221, 56, 45; + --wp-admin-theme-color-darker-20:#d02c21; + --wp-admin-theme-color-darker-20--rgb:208, 44, 33; + --wp-admin-border-width-focus:2px; } -@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { - body.admin-color-midnight { - --wp-admin-border-width-focus: 1.5px; +@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ + body.admin-color-midnight{ + --wp-admin-border-width-focus:1.5px; } } -body.admin-color-ocean { - --wp-admin-theme-color: #627c83; - --wp-admin-theme-color--rgb: 98, 124, 131; - --wp-admin-theme-color-darker-10: #576e74; - --wp-admin-theme-color-darker-10--rgb: 87, 110, 116; - --wp-admin-theme-color-darker-20: #4c6066; - --wp-admin-theme-color-darker-20--rgb: 76, 96, 102; - --wp-admin-border-width-focus: 2px; +body.admin-color-ocean{ + --wp-admin-theme-color:#627c83; + --wp-admin-theme-color--rgb:98, 124, 131; + --wp-admin-theme-color-darker-10:#576e74; + --wp-admin-theme-color-darker-10--rgb:87, 110, 116; + --wp-admin-theme-color-darker-20:#4c6066; + --wp-admin-theme-color-darker-20--rgb:76, 96, 102; + --wp-admin-border-width-focus:2px; } -@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { - body.admin-color-ocean { - --wp-admin-border-width-focus: 1.5px; +@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ + body.admin-color-ocean{ + --wp-admin-border-width-focus:1.5px; } } -body.admin-color-sunrise { - --wp-admin-theme-color: #dd823b; - --wp-admin-theme-color--rgb: 221, 130, 59; - --wp-admin-theme-color-darker-10: #d97426; - --wp-admin-theme-color-darker-10--rgb: 217, 116, 38; - --wp-admin-theme-color-darker-20: #c36922; - --wp-admin-theme-color-darker-20--rgb: 195, 105, 34; - --wp-admin-border-width-focus: 2px; +body.admin-color-sunrise{ + --wp-admin-theme-color:#dd823b; + --wp-admin-theme-color--rgb:221, 130, 59; + --wp-admin-theme-color-darker-10:#d97426; + --wp-admin-theme-color-darker-10--rgb:217, 116, 38; + --wp-admin-theme-color-darker-20:#c36922; + --wp-admin-theme-color-darker-20--rgb:195, 105, 34; + --wp-admin-border-width-focus:2px; } -@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { - body.admin-color-sunrise { - --wp-admin-border-width-focus: 1.5px; +@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ + body.admin-color-sunrise{ + --wp-admin-border-width-focus:1.5px; } } \ No newline at end of file diff --git a/wp-includes/css/dist/edit-site/style-rtl.css b/wp-includes/css/dist/edit-site/style-rtl.css index 2114b2a848..3fe86f66de 100644 --- a/wp-includes/css/dist/edit-site/style-rtl.css +++ b/wp-includes/css/dist/edit-site/style-rtl.css @@ -1,2414 +1,2236 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -:root { - --wp-admin-theme-color: #007cba; - --wp-admin-theme-color--rgb: 0, 124, 186; - --wp-admin-theme-color-darker-10: #006ba1; - --wp-admin-theme-color-darker-10--rgb: 0, 107, 161; - --wp-admin-theme-color-darker-20: #005a87; - --wp-admin-theme-color-darker-20--rgb: 0, 90, 135; - --wp-admin-border-width-focus: 2px; -} -@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { - :root { - --wp-admin-border-width-focus: 1.5px; - } -} - -.components-panel__header.interface-complementary-area-header__small { - background: #fff; - padding-left: 4px; -} -.components-panel__header.interface-complementary-area-header__small .interface-complementary-area-header__small-title { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - width: 100%; -} -@media (min-width: 782px) { - .components-panel__header.interface-complementary-area-header__small { - display: none; - } -} - -.interface-complementary-area-header { - background: #fff; - padding-left: 4px; -} -.interface-complementary-area-header .components-button.has-icon { - display: none; - margin-right: auto; -} -.interface-complementary-area-header .components-button.has-icon ~ .components-button { - margin-right: 0; -} -@media (min-width: 782px) { - .interface-complementary-area-header .components-button.has-icon { - display: flex; - } -} - -@media (min-width: 782px) { - .components-panel__header + .interface-complementary-area-header { - margin-top: 0; - } -} - -.interface-complementary-area { - background: #fff; - color: #1e1e1e; -} -@media (min-width: 600px) { - .interface-complementary-area { - -webkit-overflow-scrolling: touch; - } -} -@media (min-width: 782px) { - .interface-complementary-area { - width: 280px; - } +:root{ + --wp-admin-theme-color:#007cba; + --wp-admin-theme-color--rgb:0, 124, 186; + --wp-admin-theme-color-darker-10:#006ba1; + --wp-admin-theme-color-darker-10--rgb:0, 107, 161; + --wp-admin-theme-color-darker-20:#005a87; + --wp-admin-theme-color-darker-20--rgb:0, 90, 135; + --wp-admin-border-width-focus:2px; } -.interface-complementary-area .components-panel { - border: none; - position: relative; - z-index: 0; +@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ + :root{ + --wp-admin-border-width-focus:1.5px; + } +} + +.components-panel__header.interface-complementary-area-header__small{ + background:#fff; + padding-left:4px; +} +.components-panel__header.interface-complementary-area-header__small .interface-complementary-area-header__small-title{ + overflow:hidden; + text-overflow:ellipsis; + white-space:nowrap; + width:100%; +} +@media (min-width:782px){ + .components-panel__header.interface-complementary-area-header__small{ + display:none; + } +} + +.interface-complementary-area-header{ + background:#fff; + padding-left:4px; +} +.interface-complementary-area-header .components-button.has-icon{ + display:none; + margin-right:auto; +} +.interface-complementary-area-header .components-button.has-icon~.components-button{ + margin-right:0; +} +@media (min-width:782px){ + .interface-complementary-area-header .components-button.has-icon{ + display:flex; + } + .components-panel__header+.interface-complementary-area-header{ + margin-top:0; + } +} + +.interface-complementary-area{ + background:#fff; + color:#1e1e1e; +} +@media (min-width:600px){ + .interface-complementary-area{ + -webkit-overflow-scrolling:touch; + } +} +@media (min-width:782px){ + .interface-complementary-area{ + width:280px; + } +} +.interface-complementary-area .components-panel{ + border:none; + position:relative; + z-index:0; } -.interface-complementary-area .components-panel__header { - position: sticky; - top: 0; - z-index: 1; +.interface-complementary-area .components-panel__header{ + position:sticky; + top:0; + z-index:1; } -.interface-complementary-area .components-panel__header.edit-post-sidebar__panel-tabs { - top: 48px; +.interface-complementary-area .components-panel__header.edit-post-sidebar__panel-tabs{ + top:48px; } -@media (min-width: 782px) { - .interface-complementary-area .components-panel__header.edit-post-sidebar__panel-tabs { - top: 0; +@media (min-width:782px){ + .interface-complementary-area .components-panel__header.edit-post-sidebar__panel-tabs{ + top:0; } } -.interface-complementary-area p:not(.components-base-control__help) { - margin-top: 0; +.interface-complementary-area p:not(.components-base-control__help){ + margin-top:0; } -.interface-complementary-area h2 { - font-size: 13px; - color: #1e1e1e; - margin-bottom: 1.5em; +.interface-complementary-area h2{ + color:#1e1e1e; + font-size:13px; + margin-bottom:1.5em; } -.interface-complementary-area h3 { - font-size: 11px; - text-transform: uppercase; - font-weight: 500; - color: #1e1e1e; - margin-bottom: 1.5em; +.interface-complementary-area h3{ + color:#1e1e1e; + font-size:11px; + font-weight:500; + margin-bottom:1.5em; + text-transform:uppercase; } -.interface-complementary-area hr { - border-top: none; - border-bottom: 1px solid #f0f0f0; - margin: 1.5em 0; +.interface-complementary-area hr{ + border-bottom:1px solid #f0f0f0; + border-top:none; + margin:1.5em 0; } -.interface-complementary-area div.components-toolbar-group, -.interface-complementary-area div.components-toolbar { - box-shadow: none; - margin-bottom: 1.5em; +.interface-complementary-area div.components-toolbar,.interface-complementary-area div.components-toolbar-group{ + box-shadow:none; + margin-bottom:1.5em; } -.interface-complementary-area div.components-toolbar-group:last-child, -.interface-complementary-area div.components-toolbar:last-child { - margin-bottom: 0; +.interface-complementary-area div.components-toolbar-group:last-child,.interface-complementary-area div.components-toolbar:last-child{ + margin-bottom:0; } -.interface-complementary-area .block-editor-skip-to-selected-block:focus { - top: auto; - left: 10px; - bottom: 10px; - right: auto; +.interface-complementary-area .block-editor-skip-to-selected-block:focus{ + bottom:10px; + left:10px; + right:auto; + top:auto; } -@media (min-width: 782px) { - body.js.is-fullscreen-mode { - margin-top: -32px; - height: calc(100% + 32px); +@media (min-width:782px){ + body.js.is-fullscreen-mode{ + height:calc(100% + 32px); + margin-top:-32px; } - body.js.is-fullscreen-mode #adminmenumain, -body.js.is-fullscreen-mode #wpadminbar { - display: none; + body.js.is-fullscreen-mode #adminmenumain,body.js.is-fullscreen-mode #wpadminbar{ + display:none; } - body.js.is-fullscreen-mode #wpcontent, -body.js.is-fullscreen-mode #wpfooter { - margin-right: 0; + body.js.is-fullscreen-mode #wpcontent,body.js.is-fullscreen-mode #wpfooter{ + margin-right:0; } } -html.interface-interface-skeleton__html-container { - position: fixed; - width: 100%; +html.interface-interface-skeleton__html-container{ + position:fixed; + width:100%; } -@media (min-width: 782px) { - html.interface-interface-skeleton__html-container { - position: initial; - width: initial; +@media (min-width:782px){ + html.interface-interface-skeleton__html-container{ + position:static; + width:auto; } } -.interface-interface-skeleton { - display: flex; - flex-direction: row; - height: auto; - max-height: 100%; - position: fixed; - top: 46px; - right: 0; - left: 0; - bottom: 0; +.interface-interface-skeleton{ + bottom:0; + display:flex; + flex-direction:row; + height:auto; + left:0; + max-height:100%; + position:fixed; + top:46px; } -@media (min-width: 783px) { - .interface-interface-skeleton { - top: 32px; +@media (min-width:783px){ + .interface-interface-skeleton{ + top:32px; } - .is-fullscreen-mode .interface-interface-skeleton { - top: 0; + .is-fullscreen-mode .interface-interface-skeleton{ + top:0; } } -.interface-interface-skeleton__editor { - display: flex; - flex-direction: column; - flex: 0 1 100%; - overflow: hidden; +.interface-interface-skeleton__editor{ + display:flex; + flex:0 1 100%; + flex-direction:column; + overflow:hidden; } -.interface-interface-skeleton { - /* Set left position when auto-fold is not on the body element. */ - right: 0; +.interface-interface-skeleton{ + right:0; } -@media (min-width: 783px) { - .interface-interface-skeleton { - right: 160px; +@media (min-width:783px){ + .interface-interface-skeleton{ + right:160px; } } - -.auto-fold .interface-interface-skeleton { - /* Auto fold is when on smaller breakpoints, nav menu auto collapses. */ -} -@media (min-width: 783px) { - .auto-fold .interface-interface-skeleton { - right: 36px; +@media (min-width:783px){ + .auto-fold .interface-interface-skeleton{ + right:36px; } } -@media (min-width: 961px) { - .auto-fold .interface-interface-skeleton { - right: 160px; +@media (min-width:961px){ + .auto-fold .interface-interface-skeleton{ + right:160px; } } - -/* Sidebar manually collapsed. */ -.folded .interface-interface-skeleton { - right: 0; +.folded .interface-interface-skeleton{ + right:0; } -@media (min-width: 783px) { - .folded .interface-interface-skeleton { - right: 36px; +@media (min-width:783px){ + .folded .interface-interface-skeleton{ + right:36px; } } -body.is-fullscreen-mode .interface-interface-skeleton { - right: 0 !important; +body.is-fullscreen-mode .interface-interface-skeleton{ + right:0 !important; } -.interface-interface-skeleton__body { - flex-grow: 1; - display: flex; - overflow: auto; - overscroll-behavior-y: none; +.interface-interface-skeleton__body{ + display:flex; + flex-grow:1; + overflow:auto; + overscroll-behavior-y:none; } -@media (min-width: 782px) { - .has-footer .interface-interface-skeleton__body { - padding-bottom: 25px; +@media (min-width:782px){ + .has-footer .interface-interface-skeleton__body{ + padding-bottom:25px; } } -.interface-interface-skeleton__content { - flex-grow: 1; - display: flex; - flex-direction: column; - overflow: auto; - z-index: 20; +.interface-interface-skeleton__content{ + display:flex; + flex-direction:column; + flex-grow:1; + overflow:auto; + z-index:20; } -.interface-interface-skeleton__secondary-sidebar, -.interface-interface-skeleton__sidebar { - display: block; - flex-shrink: 0; - position: absolute; - z-index: 100000; - top: 0; - left: 0; - bottom: 0; - right: 0; - background: #fff; - color: #1e1e1e; +.interface-interface-skeleton__secondary-sidebar,.interface-interface-skeleton__sidebar{ + background:#fff; + bottom:0; + color:#1e1e1e; + display:block; + flex-shrink:0; + left:0; + position:absolute; + right:0; + top:0; + z-index:100000; } -@media (min-width: 782px) { - .interface-interface-skeleton__secondary-sidebar, -.interface-interface-skeleton__sidebar { - position: relative !important; - z-index: 90; - width: auto; +@media (min-width:782px){ + .interface-interface-skeleton__secondary-sidebar,.interface-interface-skeleton__sidebar{ + position:relative !important; + width:auto; + z-index:90; } } -.interface-interface-skeleton__sidebar { - overflow: auto; +.interface-interface-skeleton__sidebar{ + overflow:auto; } -@media (min-width: 782px) { - .interface-interface-skeleton__sidebar { - border-right: 1px solid #e0e0e0; +@media (min-width:782px){ + .interface-interface-skeleton__sidebar{ + border-right:1px solid #e0e0e0; } -} - -@media (min-width: 782px) { - .interface-interface-skeleton__secondary-sidebar { - border-left: 1px solid #e0e0e0; + .interface-interface-skeleton__secondary-sidebar{ + border-left:1px solid #e0e0e0; } } -.interface-interface-skeleton__header { - flex-shrink: 0; - height: auto; - border-bottom: 1px solid #e0e0e0; - z-index: 30; - color: #1e1e1e; +.interface-interface-skeleton__header{ + border-bottom:1px solid #e0e0e0; + color:#1e1e1e; + flex-shrink:0; + height:auto; + z-index:30; } -.interface-interface-skeleton__footer { - height: auto; - flex-shrink: 0; - border-top: 1px solid #e0e0e0; - color: #1e1e1e; - position: absolute; - bottom: 0; - right: 0; - width: 100%; - background-color: #fff; - z-index: 90; - display: none; +.interface-interface-skeleton__footer{ + background-color:#fff; + border-top:1px solid #e0e0e0; + bottom:0; + color:#1e1e1e; + display:none; + flex-shrink:0; + height:auto; + position:absolute; + right:0; + width:100%; + z-index:90; } -@media (min-width: 782px) { - .interface-interface-skeleton__footer { - display: flex; +@media (min-width:782px){ + .interface-interface-skeleton__footer{ + display:flex; } } -.interface-interface-skeleton__footer .block-editor-block-breadcrumb { - z-index: 30; - display: flex; - background: #fff; - height: 24px; - align-items: center; - font-size: 13px; - padding: 0 18px; +.interface-interface-skeleton__footer .block-editor-block-breadcrumb{ + align-items:center; + background:#fff; + display:flex; + font-size:13px; + height:24px; + padding:0 18px; + z-index:30; } -.interface-interface-skeleton__actions { - z-index: 100000; - position: fixed !important; - top: -9999em; - bottom: auto; - right: auto; - left: 0; - width: 280px; - color: #1e1e1e; +.interface-interface-skeleton__actions{ + bottom:auto; + color:#1e1e1e; + left:0; + position:fixed !important; + right:auto; + top:-9999em; + width:280px; + z-index:100000; } -.interface-interface-skeleton__actions:focus { - top: auto; - bottom: 0; +.interface-interface-skeleton__actions:focus{ + bottom:0; + top:auto; } -.interface-more-menu-dropdown { - margin-right: -4px; +.interface-more-menu-dropdown{ + margin-right:-4px; } -.interface-more-menu-dropdown .components-button { - width: auto; - padding: 0 2px; +.interface-more-menu-dropdown .components-button{ + padding:0 2px; + width:auto; } -@media (min-width: 600px) { - .interface-more-menu-dropdown { - margin-right: 0; +@media (min-width:600px){ + .interface-more-menu-dropdown{ + margin-right:0; } - .interface-more-menu-dropdown .components-button { - padding: 0 4px; + .interface-more-menu-dropdown .components-button{ + padding:0 4px; } } -.interface-more-menu-dropdown__content .components-popover__content { - min-width: 280px; +.interface-more-menu-dropdown__content .components-popover__content{ + min-width:280px; } -@media (min-width: 480px) { - .interface-more-menu-dropdown__content .components-popover__content { - max-width: 480px; +@media (min-width:480px){ + .interface-more-menu-dropdown__content .components-popover__content{ + max-width:480px; } } -.interface-more-menu-dropdown__content .components-popover__content .components-dropdown-menu__menu { - padding: 0; +.interface-more-menu-dropdown__content .components-popover__content .components-dropdown-menu__menu{ + padding:0; } -.components-popover.interface-more-menu-dropdown__content { - z-index: 99998; +.components-popover.interface-more-menu-dropdown__content{ + z-index:99998; } -.interface-pinned-items { - display: flex; - gap: 4px; - margin-left: -4px; +.interface-pinned-items{ + display:flex; + gap:4px; + margin-left:-4px; } -.interface-pinned-items .components-button:not(:first-child) { - display: none; +.interface-pinned-items .components-button:not(:first-child){ + display:none; } -@media (min-width: 600px) { - .interface-pinned-items .components-button:not(:first-child) { - display: flex; +@media (min-width:600px){ + .interface-pinned-items .components-button:not(:first-child){ + display:flex; } } -.interface-pinned-items .components-button { - margin: 0; +.interface-pinned-items .components-button{ + margin:0; } -.interface-pinned-items .components-button svg { - max-width: 24px; - max-height: 24px; +.interface-pinned-items .components-button svg{ + max-height:24px; + max-width:24px; } -@media (min-width: 600px) { - .interface-preferences-modal { - width: calc(100% - 32px); - height: calc(100% - 120px); +@media (min-width:600px){ + .interface-preferences-modal{ + height:calc(100% - 120px); + width:calc(100% - 32px); } } -@media (min-width: 782px) { - .interface-preferences-modal { - width: 750px; +@media (min-width:782px){ + .interface-preferences-modal{ + width:750px; } } -@media (min-width: 960px) { - .interface-preferences-modal { - height: 70%; +@media (min-width:960px){ + .interface-preferences-modal{ + height:70%; } } -@media (max-width: 781px) { - .interface-preferences-modal .components-modal__content { - padding: 0; +@media (max-width:781px){ + .interface-preferences-modal .components-modal__content{ + padding:0; } } -.interface-preferences__tabs .components-tab-panel__tabs { - position: absolute; - top: 84px; - right: 16px; - width: 160px; +.interface-preferences__tabs .components-tab-panel__tabs{ + position:absolute; + right:16px; + top:84px; + width:160px; } -.interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item { - border-radius: 2px; - font-weight: 400; +.interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item{ + border-radius:2px; + font-weight:400; } -.interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item.is-active { - background: #f0f0f0; - box-shadow: none; - font-weight: 500; +.interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item.is-active{ + background:#f0f0f0; + box-shadow:none; + font-weight:500; } -.interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item:focus:not(:disabled) { - box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); +.interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item:focus:not(:disabled){ + box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); } -.interface-preferences__tabs .components-tab-panel__tab-content { - padding-right: 24px; - margin-right: 160px; +.interface-preferences__tabs .components-tab-panel__tab-content{ + margin-right:160px; + padding-right:24px; } -@media (max-width: 781px) { - .interface-preferences__provider { - height: 100%; +@media (max-width:781px){ + .interface-preferences__provider{ + height:100%; } } -.interface-preferences-modal__section { - margin: 0 0 2.5rem 0; +.interface-preferences-modal__section{ + margin:0 0 2.5rem; } -.interface-preferences-modal__section:last-child { - margin: 0; +.interface-preferences-modal__section:last-child{ + margin:0; } -.interface-preferences-modal__section-legend { - margin-bottom: 8px; +.interface-preferences-modal__section-legend{ + margin-bottom:8px; } -.interface-preferences-modal__section-title { - font-size: 0.9rem; - font-weight: 600; - margin-top: 0; +.interface-preferences-modal__section-title{ + font-size:.9rem; + font-weight:600; + margin-top:0; } -.interface-preferences-modal__section-description { - margin: -8px 0 8px 0; - font-size: 12px; - font-style: normal; - color: #757575; +.interface-preferences-modal__section-description{ + color:#757575; + font-size:12px; + font-style:normal; + margin:-8px 0 8px; } -.interface-preferences-modal__option + .interface-preferences-modal__option { - margin-top: 16px; +.interface-preferences-modal__option+.interface-preferences-modal__option{ + margin-top:16px; } -.interface-preferences-modal__option .components-base-control__help { - margin-top: 0; - margin-right: 48px; +.interface-preferences-modal__option .components-base-control__help{ + margin-right:48px; + margin-top:0; } -.edit-site-block-editor__editor-styles-wrapper .components-button { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - font-size: 13px; - padding: 6px 12px; +.edit-site-block-editor__editor-styles-wrapper .components-button{ + font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; + font-size:13px; + padding:6px 12px; } -.edit-site-block-editor__editor-styles-wrapper .components-button.is-tertiary, .edit-site-block-editor__editor-styles-wrapper .components-button.has-icon { - padding: 6px; +.edit-site-block-editor__editor-styles-wrapper .components-button.has-icon,.edit-site-block-editor__editor-styles-wrapper .components-button.is-tertiary{ + padding:6px; } -.edit-site-visual-editor { - position: relative; - background-color: #2f2f2f; - align-items: center; +.edit-site-visual-editor{ + align-items:center; + background-color:#2f2f2f; } -.edit-site-visual-editor.is-focus-mode { - padding: 48px; +.edit-site-visual-editor.is-focus-mode{ + padding:48px; } -.edit-site-visual-editor.is-focus-mode .edit-site-visual-editor__editor-canvas { - border-radius: 2px; - max-height: 100%; +.edit-site-visual-editor.is-focus-mode .edit-site-visual-editor__editor-canvas{ + border-radius:2px; + max-height:100%; } -.edit-site-visual-editor.is-focus-mode .components-resizable-box__container { - overflow: visible; +.edit-site-visual-editor.is-focus-mode .components-resizable-box__container{ + overflow:visible; } -.edit-site-visual-editor .components-resizable-box__container { - margin: 0 auto; - overflow: auto; +.edit-site-visual-editor .components-resizable-box__container{ + margin:0 auto; + overflow:auto; } -.edit-site-visual-editor__back-button { - position: absolute; - top: 8px; - right: 8px; - color: #fff; +.edit-site-visual-editor__back-button{ + color:#fff; + position:absolute; + right:8px; + top:8px; } -.edit-site-visual-editor__back-button:active:not([aria-disabled=true]), .edit-site-visual-editor__back-button:focus:not([aria-disabled=true]), .edit-site-visual-editor__back-button:hover { - color: #f0f0f0; +.edit-site-visual-editor__back-button:active:not([aria-disabled=true]),.edit-site-visual-editor__back-button:focus:not([aria-disabled=true]),.edit-site-visual-editor__back-button:hover{ + color:#f0f0f0; } -.resizable-editor__drag-handle { - position: absolute; - top: 0; - bottom: 0; - padding: 0; - margin: auto 0; - width: 4px; - height: 100px; - -webkit-appearance: none; - appearance: none; - cursor: ew-resize; - outline: none; - background: #949494; - border-radius: 2px; - border: 0; +.resizable-editor__drag-handle{ + -webkit-appearance:none; + appearance:none; + background:#949494; + border:0; + border-radius:2px; + bottom:0; + cursor:ew-resize; + height:100px; + margin:auto 0; + outline:none; + padding:0; + position:absolute; + top:0; + width:4px; } -.resizable-editor__drag-handle.is-left { - right: -16px; +.resizable-editor__drag-handle.is-left{ + right:-16px; } -.resizable-editor__drag-handle.is-right { - left: -16px; +.resizable-editor__drag-handle.is-right{ + left:-16px; } -.resizable-editor__drag-handle:hover, .resizable-editor__drag-handle:active { - background: #ccc; +.resizable-editor__drag-handle:active,.resizable-editor__drag-handle:hover{ + background:#ccc; } -.resizable-editor__drag-handle:focus { - box-shadow: 0 0 0 1px #2f2f2f, 0 0 0 calc(var(--wp-admin-border-width-focus) + 1px) var(--wp-admin-theme-color); +.resizable-editor__drag-handle:focus{ + box-shadow:0 0 0 1px #2f2f2f, 0 0 0 calc(var(--wp-admin-border-width-focus) + 1px) var(--wp-admin-theme-color); } -.edit-site-code-editor { - position: relative; - width: 100%; - background-color: #fff; - flex-grow: 1; +.edit-site-code-editor{ + background-color:#fff; + flex-grow:1; + position:relative; + width:100%; } -.edit-site-code-editor__body { - width: 100%; - padding: 12px; - max-width: 1080px; - margin-right: auto; - margin-left: auto; +.edit-site-code-editor__body{ + margin-left:auto; + margin-right:auto; + max-width:1080px; + padding:12px; + width:100%; } -@media (min-width: 960px) { - .edit-site-code-editor__body { - padding: 24px; +@media (min-width:960px){ + .edit-site-code-editor__body{ + padding:24px; } } -.edit-site-code-editor__toolbar { - position: sticky; - z-index: 1; - top: 0; - right: 0; - left: 0; - display: flex; - background: rgba(255, 255, 255, 0.8); - padding: 4px 12px; +.edit-site-code-editor__toolbar{ + background:hsla(0,0%,100%,.8); + display:flex; + left:0; + padding:4px 12px; + position:sticky; + right:0; + top:0; + z-index:1; } -@media (min-width: 600px) { - .edit-site-code-editor__toolbar { - padding: 12px; +@media (min-width:600px){ + .edit-site-code-editor__toolbar{ + padding:12px; } } -@media (min-width: 960px) { - .edit-site-code-editor__toolbar { - padding: 12px 24px; +@media (min-width:960px){ + .edit-site-code-editor__toolbar{ + padding:12px 24px; } } -.edit-site-code-editor__toolbar h2 { - line-height: 36px; - margin: 0 0 0 auto; - font-size: 13px; - color: #1e1e1e; +.edit-site-code-editor__toolbar h2{ + color:#1e1e1e; + font-size:13px; + line-height:36px; + margin:0 0 0 auto; } -.edit-site-code-editor__toolbar .components-button svg { - order: 1; +.edit-site-code-editor__toolbar .components-button svg{ + order:1; } -textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area { - border: 1px solid #949494; - border-radius: 0; - display: block; - margin: 0; - width: 100%; - box-shadow: none; - resize: none; - overflow: hidden; - font-family: Menlo, Consolas, monaco, monospace; - line-height: 2.4; - min-height: 200px; - transition: border 0.1s ease-out, box-shadow 0.1s linear; - padding: 16px; - /* Fonts smaller than 16px causes mobile safari to zoom. */ - font-size: 16px !important; -} -@media (prefers-reduced-motion: reduce) { - textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area { - transition-duration: 0s; - transition-delay: 0s; - } +textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area{ + border:1px solid #949494; + border-radius:0; + box-shadow:none; + display:block; + font-family:Menlo,Consolas,monaco,monospace; + font-size:16px !important; + line-height:2.4; + margin:0; + min-height:200px; + overflow:hidden; + padding:16px; + resize:none; + transition:border .1s ease-out,box-shadow .1s linear; + width:100%; } -@media (min-width: 600px) { - textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area { - padding: 24px; +@media (prefers-reduced-motion:reduce){ + textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area{ + transition-delay:0s; + transition-duration:0s; } } -@media (min-width: 600px) { - textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area { - font-size: 15px !important; +@media (min-width:600px){ + textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area{ + font-size:15px !important; + padding:24px; } } -textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area:focus { - border-color: var(--wp-admin-theme-color); - box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); - position: relative; +textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area:focus{ + border-color:var(--wp-admin-theme-color); + box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); + position:relative; } -textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area::-webkit-input-placeholder { - color: rgba(30, 30, 30, 0.62); +textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area::-webkit-input-placeholder{ + color:rgba(30,30,30,.62); } -textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area::-moz-placeholder { - color: rgba(30, 30, 30, 0.62); - opacity: 1; +textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area::-moz-placeholder{ + color:rgba(30,30,30,.62); + opacity:1; } -textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area:-ms-input-placeholder { - color: rgba(30, 30, 30, 0.62); +textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area:-ms-input-placeholder{ + color:rgba(30,30,30,.62); } -.edit-site-global-styles-preview { - display: flex; - align-items: center; - justify-content: center; - line-height: 1; - cursor: pointer; +.edit-site-global-styles-preview{ + align-items:center; + cursor:pointer; + display:flex; + justify-content:center; + line-height:1; } -.edit-site-global-styles-preview__iframe { - max-width: 100%; - display: block; +.edit-site-global-styles-preview__iframe{ + display:block; + max-width:100%; } -.edit-site-typography-panel__preview { - display: flex; - align-items: center; - justify-content: center; - min-height: 100px; - margin-bottom: 16px; - background: #f0f0f0; - border-radius: 2px; +.edit-site-typography-panel__preview{ + align-items:center; + background:#f0f0f0; + border-radius:2px; + display:flex; + justify-content:center; + margin-bottom:16px; + min-height:100px; } -.edit-site-typography-panel__full-width-control { - grid-column: 1/-1; - max-width: 100%; +.edit-site-typography-panel__full-width-control{ + grid-column:1 / -1; + max-width:100%; } -.edit-site-global-styles-screen-heading-color, -.edit-site-global-styles-screen-typography { - margin: 16px; +.edit-site-global-styles-screen-heading-color,.edit-site-global-styles-screen-typography{ + margin:16px; } -.edit-site-global-styles-screen-typography__indicator { - height: 24px; - width: 24px; - font-size: 14px; - display: flex !important; - align-items: center; - justify-content: center; - border-radius: 2px; +.edit-site-global-styles-screen-typography__indicator{ + align-items:center; + border-radius:2px; + display:flex !important; + font-size:14px; + height:24px; + justify-content:center; + width:24px; } -.edit-site-global-styles-screen-colors { - margin: 16px; +.edit-site-global-styles-screen-colors{ + margin:16px; } -.edit-site-global-styles-screen-colors .component-color-indicator { - background: linear-gradient(45deg, transparent 48%, #ddd 48%, #ddd 52%, transparent 52%); - flex-shrink: 0; +.edit-site-global-styles-screen-colors .component-color-indicator{ + background:linear-gradient(45deg, transparent 48%, #ddd 0, #ddd 52%, transparent 0); + flex-shrink:0; } -.edit-site-global-styles-header__description, -.edit-site-block-types-search { - padding: 0 16px; +.edit-site-block-types-search,.edit-site-global-styles-header__description{ + padding:0 16px; } -.edit-site-global-styles-subtitle { - margin-bottom: 0 !important; - text-transform: uppercase; - font-weight: 500 !important; - font-size: 11px !important; +.edit-site-global-styles-subtitle{ + font-size:11px !important; + font-weight:500 !important; + margin-bottom:0 !important; + text-transform:uppercase; } -.edit-site-global-styles-section-title { - color: #2f2f2f; - font-weight: 600; - line-height: 1.2; - padding: 16px; - padding-bottom: 0; - margin: 0; +.edit-site-global-styles-section-title{ + color:#2f2f2f; + font-weight:600; + line-height:1.2; + margin:0; + padding:16px 16px 0; } -.edit-site-screen-text-color__control, -.edit-site-screen-link-color__control, -.edit-site-screen-button-color__control { - padding: 16px; +.edit-site-screen-button-color__control,.edit-site-screen-link-color__control,.edit-site-screen-text-color__control{ + padding:16px; } -.edit-site-global-styles-variations_item { - box-sizing: border-box; +.edit-site-global-styles-variations_item{ + box-sizing:border-box; } -.edit-site-global-styles-variations_item .edit-site-global-styles-variations_item-preview { - padding: 2px; - border-radius: 2px; - border: #e0e0e0 1px solid; +.edit-site-global-styles-variations_item .edit-site-global-styles-variations_item-preview{ + border:1px solid #e0e0e0; + border-radius:2px; + padding:2px; } -.edit-site-global-styles-variations_item.is-active .edit-site-global-styles-variations_item-preview { - border: #1e1e1e 1px solid; +.edit-site-global-styles-variations_item.is-active .edit-site-global-styles-variations_item-preview{ + border:1px solid #1e1e1e; } -.edit-site-global-styles-variations_item:hover .edit-site-global-styles-variations_item-preview { - border: var(--wp-admin-theme-color) 1px solid; -} -.edit-site-global-styles-variations_item:focus .edit-site-global-styles-variations_item-preview { - border: var(--wp-admin-theme-color) 1px solid; +.edit-site-global-styles-variations_item:focus .edit-site-global-styles-variations_item-preview,.edit-site-global-styles-variations_item:hover .edit-site-global-styles-variations_item-preview{ + border:1px solid var(--wp-admin-theme-color); } -.edit-site-global-styles-icon-with-current-color { - fill: currentColor; +.edit-site-global-styles-icon-with-current-color{ + fill:currentColor; } -.edit-site-global-styles__color-indicator-wrapper { - height: 24px; - flex-shrink: 0; +.edit-site-global-styles__color-indicator-wrapper{ + flex-shrink:0; + height:24px; } -.edit-site-global-styles__color-label { - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; +.edit-site-global-styles__color-label{ + overflow:hidden; + text-overflow:ellipsis; + white-space:nowrap; } -.edit-site-header { - align-items: center; - background-color: #fff; - display: flex; - height: 60px; - box-sizing: border-box; - width: 100%; - justify-content: space-between; +.edit-site-header{ + align-items:center; + background-color:#fff; + box-sizing:border-box; + display:flex; + height:60px; + justify-content:space-between; + width:100%; } -body.is-fullscreen-mode .edit-site-header { - padding-right: 60px; - transition: padding-right 20ms linear; - transition-delay: 80ms; +body.is-fullscreen-mode .edit-site-header{ + padding-right:60px; + transition:padding-right 20ms linear; + transition-delay:80ms; } -@media (prefers-reduced-motion: reduce) { - body.is-fullscreen-mode .edit-site-header { - transition-duration: 0s; - transition-delay: 0s; +@media (prefers-reduced-motion:reduce){ + body.is-fullscreen-mode .edit-site-header{ + transition-delay:0s; + transition-duration:0s; } } -.edit-site-header .edit-site-header_start { - display: flex; - border: none; +.edit-site-header .edit-site-header_start{ + border:none; + display:flex; } -.edit-site-header .edit-site-header_end { - display: flex; - justify-content: flex-end; +.edit-site-header .edit-site-header_end{ + display:flex; + justify-content:flex-end; } -.edit-site-header .edit-site-header_center { - display: flex; - align-items: center; - height: 100%; - flex-grow: 1; - justify-content: center; - min-width: 0; +.edit-site-header .edit-site-header_center{ + align-items:center; + display:flex; + flex-grow:1; + height:100%; + justify-content:center; + min-width:0; } -body.is-navigation-sidebar-open .edit-site-header { - padding-right: 0; - transition: padding-right 20ms linear; - transition-delay: 0ms; +body.is-navigation-sidebar-open .edit-site-header{ + padding-right:0; + transition:padding-right 20ms linear; + transition-delay:0ms; } -@media (prefers-reduced-motion: reduce) { - body.is-navigation-sidebar-open .edit-site-header { - transition-duration: 0s; - transition-delay: 0s; +@media (prefers-reduced-motion:reduce){ + body.is-navigation-sidebar-open .edit-site-header{ + transition-delay:0s; + transition-duration:0s; } } -@media (max-width: 959px) { - body.is-navigation-sidebar-open .edit-site-header .edit-site-header-toolbar__inserter-toggle ~ .components-button, -body.is-navigation-sidebar-open .edit-site-header .edit-site-header_end .components-button:not(.is-primary) { - display: none; +@media (max-width:959px){ + body.is-navigation-sidebar-open .edit-site-header .edit-site-header-toolbar__inserter-toggle~.components-button,body.is-navigation-sidebar-open .edit-site-header .edit-site-header_end .components-button:not(.is-primary){ + display:none; } - body.is-navigation-sidebar-open .edit-site-header .edit-site-save-button__button { - margin-left: 0; + body.is-navigation-sidebar-open .edit-site-header .edit-site-save-button__button{ + margin-left:0; } } -.edit-site-header__toolbar { - display: flex; - align-items: center; - padding-right: 8px; +.edit-site-header__toolbar{ + align-items:center; + display:flex; + padding-right:8px; } -@media (min-width: 600px) { - .edit-site-header__toolbar { - padding-right: 24px; +@media (min-width:600px){ + .edit-site-header__toolbar{ + padding-right:24px; } } -@media (min-width: 1280px) { - .edit-site-header__toolbar { - padding-left: 8px; +@media (min-width:1280px){ + .edit-site-header__toolbar{ + padding-left:8px; } } -.edit-site-header__toolbar .edit-site-header-toolbar__inserter-toggle { - margin-left: 8px; - min-width: 32px; - width: 32px; - height: 32px; - padding: 0; +.edit-site-header__toolbar .edit-site-header-toolbar__inserter-toggle{ + height:32px; + margin-left:8px; + min-width:32px; + padding:0; + width:32px; } -.edit-site-header__toolbar .edit-site-header-toolbar__inserter-toggle svg { - transition: transform cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s; +.edit-site-header__toolbar .edit-site-header-toolbar__inserter-toggle svg{ + transition:transform .2s cubic-bezier(.165, .84, .44, 1); } -@media (prefers-reduced-motion: reduce) { - .edit-site-header__toolbar .edit-site-header-toolbar__inserter-toggle svg { - transition-duration: 0s; - transition-delay: 0s; +@media (prefers-reduced-motion:reduce){ + .edit-site-header__toolbar .edit-site-header-toolbar__inserter-toggle svg{ + transition-delay:0s; + transition-duration:0s; } } -.edit-site-header__toolbar .edit-site-header-toolbar__inserter-toggle.is-pressed svg { - transform: rotate(-45deg); -} - -.edit-site-header__toolbar-switchers { - align-items: center; - display: flex; +.edit-site-header__toolbar .edit-site-header-toolbar__inserter-toggle.is-pressed svg{ + transform:rotate(-45deg); } -.edit-site-header__toolbar-switchers-separator { - margin: 0 -6px 0; +.edit-site-header__toolbar-switchers{ + align-items:center; + display:flex; } -/** - * Buttons on the right side - */ -.edit-site-header__actions { - display: inline-flex; - align-items: center; - padding-left: 4px; - gap: 4px; +.edit-site-header__toolbar-switchers-separator{ + margin:0 -6px; } -@media (min-width: 600px) { - .edit-site-header__actions { - padding-left: 10px; - } +.edit-site-header__actions{ + align-items:center; + display:inline-flex; + gap:4px; + padding-left:4px; } -@media (min-width: 600px) { - .edit-site-header__actions { - gap: 8px; +@media (min-width:600px){ + .edit-site-header__actions{ + gap:8px; + padding-left:10px; } } -.edit-site-header__actions .interface-pinned-items { - display: none; +.edit-site-header__actions .interface-pinned-items{ + display:none; } -@media (min-width: 782px) { - .edit-site-header__actions .interface-pinned-items { - display: inline-flex; +@media (min-width:782px){ + .edit-site-header__actions .interface-pinned-items{ + display:inline-flex; } } -.edit-site-header__actions__preview-options { - opacity: 1; - transition: opacity 0.3s; +.edit-site-header__actions__preview-options{ + opacity:1; + transition:opacity .3s; } -.edit-site-header__actions__preview-options.is-zoomed-out { - opacity: 0; +.edit-site-header__actions__preview-options.is-zoomed-out{ + opacity:0; } -.edit-site-header__actions-more-menu { - margin-right: -4px; +.edit-site-header__actions-more-menu{ + margin-right:-4px; } -.edit-site-header__actions-more-menu .components-icon-button { - padding: 8px 2px; - width: auto; +.edit-site-header__actions-more-menu .components-icon-button{ + padding:8px 2px; + width:auto; } -@media (min-width: 600px) { - .edit-site-header__actions-more-menu { - margin-right: 4px; +@media (min-width:600px){ + .edit-site-header__actions-more-menu{ + margin-right:4px; } - .edit-site-header__actions-more-menu .components-icon-button { - padding: 8px 4px; + .edit-site-header__actions-more-menu .components-icon-button{ + padding:8px 4px; } } -.edit-site-header_start { - display: flex; - border: none; +.edit-site-header_start{ + border:none; + display:flex; } -.edit-site-header_start .edit-site-header__toolbar > .components-button.has-icon, -.edit-site-header_start .edit-site-header__toolbar > .components-dropdown > .components-button.has-icon { - height: 36px; - min-width: 36px; - padding: 6px; +.edit-site-header_start .edit-site-header__toolbar>.components-button.has-icon,.edit-site-header_start .edit-site-header__toolbar>.components-dropdown>.components-button.has-icon{ + height:36px; + min-width:36px; + padding:6px; } -.edit-site-header_start .edit-site-header__toolbar > .components-button.has-icon.is-pressed, -.edit-site-header_start .edit-site-header__toolbar > .components-dropdown > .components-button.has-icon.is-pressed { - background: #1e1e1e; +.edit-site-header_start .edit-site-header__toolbar>.components-button.has-icon.is-pressed,.edit-site-header_start .edit-site-header__toolbar>.components-dropdown>.components-button.has-icon.is-pressed{ + background:#1e1e1e; } -.edit-site-header_start .edit-site-header__toolbar > .components-button.has-icon:focus:not(:disabled), -.edit-site-header_start .edit-site-header__toolbar > .components-dropdown > .components-button.has-icon:focus:not(:disabled) { - box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 0 0 1px #fff; - outline: 1px solid transparent; +.edit-site-header_start .edit-site-header__toolbar>.components-button.has-icon:focus:not(:disabled),.edit-site-header_start .edit-site-header__toolbar>.components-dropdown>.components-button.has-icon:focus:not(:disabled){ + box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 0 0 1px #fff; + outline:1px solid transparent; } -.edit-site-header_start .edit-site-header__toolbar > .components-button.has-icon::before, -.edit-site-header_start .edit-site-header__toolbar > .components-dropdown > .components-button.has-icon::before { - display: none; +.edit-site-header_start .edit-site-header__toolbar>.components-button.has-icon:before,.edit-site-header_start .edit-site-header__toolbar>.components-dropdown>.components-button.has-icon:before{ + display:none; } -.edit-site-header_start .edit-site-header__toolbar > .edit-site-header-toolbar__inserter-toggle.has-icon { - margin-left: 8px; - min-width: 32px; - width: 32px; - height: 32px; - padding: 0; +.edit-site-header_start .edit-site-header__toolbar>.edit-site-header-toolbar__inserter-toggle.has-icon{ + height:32px; + margin-left:8px; + min-width:32px; + padding:0; + width:32px; } -.edit-site-header_start .edit-site-header__toolbar > .edit-site-header-toolbar__inserter-toggle.has-text.has-icon { - width: auto; - padding: 0 8px; +.edit-site-header_start .edit-site-header__toolbar>.edit-site-header-toolbar__inserter-toggle.has-text.has-icon{ + padding:0 8px; + width:auto; } -.show-icon-labels .edit-site-header .components-button.has-icon { - width: auto; +.show-icon-labels .edit-site-header .components-button.has-icon{ + width:auto; } -.show-icon-labels .edit-site-header .components-button.has-icon svg { - display: none; +.show-icon-labels .edit-site-header .components-button.has-icon svg{ + display:none; } -.show-icon-labels .edit-site-header .components-button.has-icon::after { - content: attr(aria-label); +.show-icon-labels .edit-site-header .components-button.has-icon:after{ + content:attr(aria-label); } -.show-icon-labels .edit-site-header .components-button.has-icon[aria-disabled=true] { - background-color: transparent; +.show-icon-labels .edit-site-header .components-button.has-icon[aria-disabled=true]{ + background-color:initial; } -.show-icon-labels .edit-site-header .is-tertiary:active { - box-shadow: 0 0 0 1.5px var(--wp-admin-theme-color); - background-color: transparent; +.show-icon-labels .edit-site-header .is-tertiary:active{ + background-color:initial; + box-shadow:0 0 0 1.5px var(--wp-admin-theme-color); } -.show-icon-labels .edit-site-header .edit-site-save-button__button { - padding-right: 6px; - padding-left: 6px; +.show-icon-labels .edit-site-header .edit-site-save-button__button{ + padding-left:6px; + padding-right:6px; } -.show-icon-labels .edit-site-header .edit-site-document-actions__get-info.edit-site-document-actions__get-info.edit-site-document-actions__get-info::after { - content: none; +.show-icon-labels .edit-site-header .edit-site-document-actions__get-info.edit-site-document-actions__get-info.edit-site-document-actions__get-info:after{ + content:none; } -.show-icon-labels .edit-site-header .edit-site-header-toolbar__inserter-toggle.edit-site-header-toolbar__inserter-toggle, -.show-icon-labels .edit-site-header .edit-site-document-actions__get-info.edit-site-document-actions__get-info.edit-site-document-actions__get-info { - height: 36px; - padding: 0 8px; +.show-icon-labels .edit-site-header .edit-site-document-actions__get-info.edit-site-document-actions__get-info.edit-site-document-actions__get-info,.show-icon-labels .edit-site-header .edit-site-header-toolbar__inserter-toggle.edit-site-header-toolbar__inserter-toggle{ + height:36px; + padding:0 8px; } -.show-icon-labels .edit-site-header .edit-site-header_start .edit-site-header__toolbar > * + * { - margin-right: 8px; +.show-icon-labels .edit-site-header .edit-site-header_start .edit-site-header__toolbar>*+*{ + margin-right:8px; } -.edit-site-document-actions { - display: flex; - flex-direction: column; - justify-content: center; - padding: 0 8px; - height: 100%; - min-width: 0; +.edit-site-document-actions{ + display:flex; + flex-direction:column; + height:100%; + justify-content:center; + min-width:0; + padding:0 8px; +} +.edit-site-document-actions .edit-site-document-actions__title-wrapper{ + align-items:center; + display:flex; + flex-direction:row; + justify-content:center; + min-width:0; +} +.edit-site-document-actions .edit-site-document-actions__title-wrapper .components-dropdown{ + display:inline-flex; + margin-right:4px; } -.edit-site-document-actions .edit-site-document-actions__title-wrapper { - display: flex; - flex-direction: row; - justify-content: center; - align-items: center; - min-width: 0; -} -.edit-site-document-actions .edit-site-document-actions__title-wrapper .components-dropdown { - display: inline-flex; - margin-right: 4px; -} -.edit-site-document-actions .edit-site-document-actions__title-wrapper .components-dropdown .components-button { - min-width: 0; - padding: 0; -} -.edit-site-document-actions .edit-site-document-actions__title-wrapper > h1 { - margin: 0; - min-width: 0; -} -.edit-site-document-actions .edit-site-document-actions__title { - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; -} -.edit-site-document-actions .edit-site-document-actions__secondary-item { - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - max-width: 0; - opacity: 0; - padding: 0; - transition: all ease 0.2s; - background: #e0e0e0; - border-radius: 2px; -} -@media (prefers-reduced-motion: reduce) { - .edit-site-document-actions .edit-site-document-actions__secondary-item { - transition-duration: 0s; - transition-delay: 0s; - } -} -.edit-site-document-actions.has-secondary-label .edit-site-document-actions__secondary-item { - opacity: 1; - padding: 0 4px; - max-width: 180px; - margin-right: 6px; -} - -.edit-site-document-actions__info-dropdown > .components-popover__content { - padding: 0; - min-width: 240px; -} - -.edit-site-navigation-toggle { - align-items: center; - background: #1e1e1e; - border-radius: 0; - display: flex; - position: absolute; - z-index: 31; - height: 60px; - width: 60px; -} - -.edit-site-navigation-toggle__button.components-button { - align-items: center; - background: #1e1e1e; - border-radius: 0; - color: #fff; - height: 61px; - width: 60px; - z-index: 1; - margin-bottom: -1px; - min-width: 60px; -} -.edit-site-navigation-toggle__button.components-button:hover, .edit-site-navigation-toggle__button.components-button:active { - color: #fff; -} -.edit-site-navigation-toggle__button.components-button:focus { - box-shadow: none; -} -.edit-site-navigation-toggle__button.components-button::before { - transition: box-shadow 0.1s ease; - content: ""; - display: block; - position: absolute; - top: 9px; - left: 9px; - bottom: 9px; - right: 9px; - border-radius: 4px; - box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) #1e1e1e; -} -@media (prefers-reduced-motion: reduce) { - .edit-site-navigation-toggle__button.components-button::before { - transition-duration: 0s; - transition-delay: 0s; - } -} -.edit-site-navigation-toggle__button.components-button:hover::before { - box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) #757575; -} -.edit-site-navigation-toggle__button.components-button.has-icon:hover::before { - box-shadow: none; -} -.edit-site-navigation-toggle__button.components-button:focus::before { - box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) rgba(255, 255, 255, 0.1), inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); -} -.edit-site-navigation-toggle__button.components-button .edit-site-navigation-toggle__site-icon { - width: 36px; - height: 36px; - border-radius: 2px; - -o-object-fit: cover; - object-fit: cover; - margin-top: -1px; -} - -.edit-site-navigation-panel { - height: 100%; - position: relative; - width: 0; - overflow: hidden; - background: #1e1e1e; - color: #fff; - transition: width 100ms linear; -} -@media (prefers-reduced-motion: reduce) { - .edit-site-navigation-panel { - transition-duration: 0s; - transition-delay: 0s; - } -} -@media (min-width: 782px) { - .interface-interface-skeleton.has-footer .edit-site-navigation-panel { - height: calc(100% - 25px); - } -} - -.edit-site-navigation-panel__inner { - position: relative; - width: 300px; - height: 100%; - overflow: hidden; - visibility: hidden; - transition: visibility 100ms linear; +.edit-site-document-actions .edit-site-document-actions__title-wrapper .components-dropdown .components-button{ + min-width:0; + padding:0; +} +.edit-site-document-actions .edit-site-document-actions__title-wrapper>h1{ + margin:0; + min-width:0; +} +.edit-site-document-actions .edit-site-document-actions__title{ + overflow:hidden; + text-overflow:ellipsis; + white-space:nowrap; +} +.edit-site-document-actions .edit-site-document-actions__secondary-item{ + background:#e0e0e0; + border-radius:2px; + max-width:0; + opacity:0; + overflow:hidden; + padding:0; + text-overflow:ellipsis; + transition:all .2s ease; + white-space:nowrap; +} +@media (prefers-reduced-motion:reduce){ + .edit-site-document-actions .edit-site-document-actions__secondary-item{ + transition-delay:0s; + transition-duration:0s; + } +} +.edit-site-document-actions.has-secondary-label .edit-site-document-actions__secondary-item{ + margin-right:6px; + max-width:180px; + opacity:1; + padding:0 4px; +} + +.edit-site-document-actions__info-dropdown>.components-popover__content{ + min-width:240px; + padding:0; +} + +.edit-site-navigation-toggle{ + align-items:center; + background:#1e1e1e; + border-radius:0; + display:flex; + height:60px; + position:absolute; + width:60px; + z-index:31; +} + +.edit-site-navigation-toggle__button.components-button{ + align-items:center; + background:#1e1e1e; + border-radius:0; + color:#fff; + height:61px; + margin-bottom:-1px; + min-width:60px; + width:60px; + z-index:1; +} +.edit-site-navigation-toggle__button.components-button:active,.edit-site-navigation-toggle__button.components-button:hover{ + color:#fff; +} +.edit-site-navigation-toggle__button.components-button:focus{ + box-shadow:none; +} +.edit-site-navigation-toggle__button.components-button:before{ + border-radius:4px; + bottom:9px; + box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) #1e1e1e; + content:""; + display:block; + left:9px; + position:absolute; + right:9px; + top:9px; + transition:box-shadow .1s ease; +} +@media (prefers-reduced-motion:reduce){ + .edit-site-navigation-toggle__button.components-button:before{ + transition-delay:0s; + transition-duration:0s; + } +} +.edit-site-navigation-toggle__button.components-button:hover:before{ + box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) #757575; +} +.edit-site-navigation-toggle__button.components-button.has-icon:hover:before{ + box-shadow:none; +} +.edit-site-navigation-toggle__button.components-button:focus:before{ + box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) hsla(0,0%,100%,.1), inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); +} +.edit-site-navigation-toggle__button.components-button .edit-site-navigation-toggle__site-icon{ + border-radius:2px; + height:36px; + margin-top:-1px; + -o-object-fit:cover; + object-fit:cover; + width:36px; +} + +.edit-site-navigation-panel{ + background:#1e1e1e; + color:#fff; + height:100%; + overflow:hidden; + position:relative; + transition:width .1s linear; + width:0; +} +@media (prefers-reduced-motion:reduce){ + .edit-site-navigation-panel{ + transition-delay:0s; + transition-duration:0s; + } +} +@media (min-width:782px){ + .interface-interface-skeleton.has-footer .edit-site-navigation-panel{ + height:calc(100% - 25px); + } +} + +.edit-site-navigation-panel__inner{ + height:100%; + overflow:hidden; + position:relative; + transition:visibility .1s linear; + visibility:hidden; + width:300px; } -@media (prefers-reduced-motion: reduce) { - .edit-site-navigation-panel__inner { - transition-duration: 0s; - transition-delay: 0s; +@media (prefers-reduced-motion:reduce){ + .edit-site-navigation-panel__inner{ + transition-delay:0s; + transition-duration:0s; } } -.edit-site-navigation-panel.is-open { - width: 300px; +.edit-site-navigation-panel.is-open{ + width:300px; } -.edit-site-navigation-panel.is-open .edit-site-navigation-panel__inner { - visibility: visible; +.edit-site-navigation-panel.is-open .edit-site-navigation-panel__inner{ + visibility:visible; } -.edit-site-navigation-panel__site-title-container { - height: 60px; - padding-right: 60px; - margin: 0 8px 0 16px; - display: flex; - align-items: center; +.edit-site-navigation-panel__site-title-container{ + align-items:center; + display:flex; + height:60px; + margin:0 8px 0 16px; + padding-right:60px; } -.edit-site-navigation-panel__site-title { - font-style: normal; - font-weight: 600; - font-size: 14px; - /* Matches menu items */ - line-height: 20px; - color: #ddd; - display: -webkit-box; - -webkit-line-clamp: 2; - -webkit-box-orient: vertical; - overflow: hidden; +.edit-site-navigation-panel__site-title{ + -webkit-line-clamp:2; + -webkit-box-orient:vertical; + color:#ddd; + display:-webkit-box; + font-size:14px; + font-style:normal; + font-weight:600; + line-height:20px; + overflow:hidden; } -.edit-site-navigation-panel__scroll-container { - overflow-x: hidden; - overflow-y: auto; - height: calc(100% - 60px); +.edit-site-navigation-panel__scroll-container{ + height:calc(100% - 60px); + overflow-x:hidden; + overflow-y:auto; } -.edit-site-navigation-panel__back-to-dashboard.components-button.is-tertiary { - height: 36px; - margin-top: 24px; - padding: 8px 8px 8px 16px; +.edit-site-navigation-panel__back-to-dashboard.components-button.is-tertiary{ + height:36px; + margin-top:24px; + padding:8px 8px 8px 16px; } -.edit-site-navigation-panel__back-to-dashboard.components-button.is-tertiary:focus:not(:disabled) { - border-bottom-color: transparent; +.edit-site-navigation-panel__back-to-dashboard.components-button.is-tertiary:focus:not(:disabled){ + border-bottom-color:transparent; } -.edit-site-navigation-panel__preview { - display: none; - border: 1px solid #ccc; - width: 300px; - padding: 16px; - background: #fff; - box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); - border-radius: 2px; - position: absolute; - top: 73px; - right: 312px; - color: #1e1e1e; - z-index: 32; +.edit-site-navigation-panel__preview{ + background:#fff; + border:1px solid #ccc; + border-radius:2px; + box-shadow:0 2px 6px rgba(0,0,0,.05); + color:#1e1e1e; + display:none; + padding:16px; + position:absolute; + right:312px; + top:73px; + width:300px; + z-index:32; } -@media (min-width: 782px) { - .edit-site-navigation-panel__preview { - display: block; +@media (min-width:782px){ + .edit-site-navigation-panel__preview{ + display:block; } } -.edit-site-navigation-panel__template-item { - display: block; +.edit-site-navigation-panel__template-item{ + display:block; } -.edit-site-navigation-panel__template-item .components-button { - display: flex; - flex-direction: column; - align-items: flex-start; - justify-content: center; - height: auto; - min-height: 36px; - text-align: right; - padding-right: 16px; - padding-left: 16px; - color: inherit; +.edit-site-navigation-panel__template-item .components-button{ + align-items:flex-start; + color:inherit; + display:flex; + flex-direction:column; + height:auto; + justify-content:center; + min-height:36px; + padding-left:16px; + padding-right:16px; + text-align:right; } -.edit-site-navigation-panel__template-item-title { - font-size: 14px; - line-height: 20px; -} -.edit-site-navigation-panel__template-item-title em { - margin-left: 1ch; +.edit-site-navigation-panel__template-item-title{ + font-size:14px; + line-height:20px; } - -.edit-site-navigation-panel__template-parts .components-navigation__menu-title-heading { - text-transform: capitalize; +.edit-site-navigation-panel__template-item-title em{ + margin-left:1ch; } -.edit-site-navigation-panel__template-part-item .components-navigation__item-title { - text-transform: capitalize; +.edit-site-navigation-panel__template-part-item .components-navigation__item-title,.edit-site-navigation-panel__template-parts .components-navigation__menu-title-heading{ + text-transform:capitalize; } -.components-navigation__item + .edit-site-navigation-panel__template-item { - margin-top: 16px; +.components-navigation__item+.edit-site-navigation-panel__template-item{ + margin-top:16px; } -.edit-site-navigation-panel__template-item + .edit-site-navigation-panel__template-item { - margin-top: 8px; +.edit-site-navigation-panel__template-item+.edit-site-navigation-panel__template-item{ + margin-top:8px; } -.edit-site-navigation-panel__info-wrapper { - padding: 4px 0; +.edit-site-navigation-panel__info-wrapper{ + padding:4px 0; } -.edit-site-navigation-panel__template-item-description { - padding-top: 8px; - font-size: 12px; - line-height: 16px; +.edit-site-navigation-panel__template-item-description{ + font-size:12px; + line-height:16px; + padding-top:8px; } -.edit-site-navigation-panel__new-template-dropdown { - margin: 0 12px 0 0; +.edit-site-navigation-panel__new-template-dropdown{ + margin:0 12px 0 0; } -.edit-site-navigation-panel__new-template-dropdown button { - margin: 0; +.edit-site-navigation-panel__new-template-dropdown button{ + margin:0; } -@media (min-width: 600px) { - .edit-site-navigation-panel__new-template-popover { - min-width: 300px; +@media (min-width:600px){ + .edit-site-navigation-panel__new-template-popover{ + min-width:300px; } } -.edit-site-list-header { - position: relative; - align-items: center; - background-color: #fff; - display: flex; - height: 60px; - box-sizing: border-box; - width: 100%; - justify-content: flex-end; - padding-left: 16px; +.edit-site-list-header{ + align-items:center; + background-color:#fff; + box-sizing:border-box; + display:flex; + height:60px; + justify-content:flex-end; + padding-left:16px; + position:relative; + width:100%; } -body.is-fullscreen-mode .edit-site-list-header { - padding-right: 60px; - transition: padding-right 20ms linear; - transition-delay: 80ms; +body.is-fullscreen-mode .edit-site-list-header{ + padding-right:60px; + transition:padding-right 20ms linear; + transition-delay:80ms; } -@media (prefers-reduced-motion: reduce) { - body.is-fullscreen-mode .edit-site-list-header { - transition-duration: 0s; - transition-delay: 0s; +@media (prefers-reduced-motion:reduce){ + body.is-fullscreen-mode .edit-site-list-header{ + transition-delay:0s; + transition-duration:0s; } } -.edit-site-list-header .edit-site-list-header__title { - position: absolute; - right: 0; - width: 100%; - text-align: center; - font-size: 20px; - padding: 0; - margin: 0; +.edit-site-list-header .edit-site-list-header__title{ + font-size:20px; + margin:0; + padding:0; + position:absolute; + right:0; + text-align:center; + width:100%; } -.edit-site-list-header__right { - position: relative; +.edit-site-list-header__right{ + position:relative; } -.edit-site .edit-site-list .interface-interface-skeleton__editor { - min-width: 100%; +.edit-site .edit-site-list .interface-interface-skeleton__editor{ + min-width:100%; } -@media (min-width: 782px) { - .edit-site .edit-site-list .interface-interface-skeleton__editor { - min-width: 0; +@media (min-width:782px){ + .edit-site .edit-site-list .interface-interface-skeleton__editor{ + min-width:0; } } -.edit-site .edit-site-list .interface-interface-skeleton__content { - background: #fff; - align-items: center; - padding: 16px; +.edit-site .edit-site-list .interface-interface-skeleton__content{ + align-items:center; + background:#fff; + padding:16px; } -@media (min-width: 782px) { - .edit-site .edit-site-list .interface-interface-skeleton__content { - padding: 72px; +@media (min-width:782px){ + .edit-site .edit-site-list .interface-interface-skeleton__content{ + padding:72px; } } -.edit-site-list-table { - width: 100%; - border: 1px solid #ddd; - border-radius: 2px; - margin: 0; - overflow: hidden; - border-spacing: 0; - max-width: 960px; +.edit-site-list-table{ + border:1px solid #ddd; + border-radius:2px; + border-spacing:0; + margin:0; + max-width:960px; + overflow:hidden; + width:100%; } -.edit-site-list-table tr { - display: flex; - align-items: center; - padding: 16px; - box-sizing: border-box; - border-top: 1px solid #f0f0f0; - margin: 0; +.edit-site-list-table tr{ + align-items:center; + border-top:1px solid #f0f0f0; + box-sizing:border-box; + display:flex; + margin:0; + padding:16px; } -.edit-site-list-table tr:first-child { - border-top: 0; +.edit-site-list-table tr:first-child{ + border-top:0; } -@media (min-width: 782px) { - .edit-site-list-table tr { - padding: 24px 32px; +@media (min-width:782px){ + .edit-site-list-table tr{ + padding:24px 32px; } } -.edit-site-list-table tr .edit-site-list-table-column:nth-child(1) { - width: calc(60% - 18px); - padding-left: 24px; +.edit-site-list-table tr .edit-site-list-table-column:first-child{ + padding-left:24px; + width:calc(60% - 18px); } -.edit-site-list-table tr .edit-site-list-table-column:nth-child(1) a { - display: inline-block; - text-decoration: none; - font-weight: 500; - margin-bottom: 4px; +.edit-site-list-table tr .edit-site-list-table-column:first-child a{ + display:inline-block; + font-weight:500; + margin-bottom:4px; + text-decoration:none; } -.edit-site-list-table tr .edit-site-list-table-column:nth-child(2) { - width: calc(40% - 18px); - word-break: break-word; +.edit-site-list-table tr .edit-site-list-table-column:nth-child(2){ + width:calc(40% - 18px); + word-break:break-word; } -.edit-site-list-table tr .edit-site-list-table-column:nth-child(3) { - min-width: 36px; - flex-shrink: 0; +.edit-site-list-table tr .edit-site-list-table-column:nth-child(3){ + flex-shrink:0; + min-width:36px; } -.edit-site-list-table tr.edit-site-list-table-head { - font-size: 16px; - font-weight: 600; - text-align: right; - color: #1e1e1e; - border-top: none; - border-bottom: 1px solid #ddd; +.edit-site-list-table tr.edit-site-list-table-head{ + border-bottom:1px solid #ddd; + border-top:none; + color:#1e1e1e; + font-size:16px; + font-weight:600; + text-align:right; } -.edit-site-list-table tr.edit-site-list-table-head th { - font-weight: inherit; +.edit-site-list-table tr.edit-site-list-table-head th{ + font-weight:inherit; } -@media (min-width: 782px) { - .edit-site-list.is-navigation-open .components-snackbar-list { - margin-right: 300px; +@media (min-width:782px){ + .edit-site-list.is-navigation-open .components-snackbar-list{ + margin-right:300px; } -} - -@media (min-width: 782px) { - .edit-site-list__rename-modal .components-base-control { - width: 320px; + .edit-site-list__rename-modal .components-base-control{ + width:320px; } } -.edit-site-list__rename-modal-actions { - margin-top: 12px; +.edit-site-list__rename-modal-actions{ + margin-top:12px; } -.edit-site-template__actions button:not(:last-child) { - margin-left: 8px; +.edit-site-template__actions button:not(:last-child){ + margin-left:8px; } -.edit-site-list-added-by__icon { - display: flex; - flex-shrink: 0; - position: relative; - align-items: center; - justify-content: center; - width: 32px; - height: 32px; - background: #2f2f2f; - border-radius: 100%; +.edit-site-list-added-by__icon{ + align-items:center; + background:#2f2f2f; + border-radius:100%; + display:flex; + flex-shrink:0; + height:32px; + justify-content:center; + position:relative; + width:32px; } -.edit-site-list-added-by__icon svg { - fill: #fff; +.edit-site-list-added-by__icon svg{ + fill:#fff; } -.edit-site-list-added-by__icon.is-customized::after { - position: absolute; - content: ""; - background: var(--wp-admin-theme-color); - height: 8px; - width: 8px; - outline: 2px solid #fff; - border-radius: 100%; - top: -1px; - left: -1px; +.edit-site-list-added-by__icon.is-customized:after{ + background:var(--wp-admin-theme-color); + border-radius:100%; + content:""; + height:8px; + left:-1px; + outline:2px solid #fff; + position:absolute; + top:-1px; + width:8px; } -.edit-site-list-added-by__avatar { - flex-shrink: 0; - overflow: hidden; - border-radius: 100%; - background: #2f2f2f; - width: 32px; - height: 32px; +.edit-site-list-added-by__avatar{ + background:#2f2f2f; + border-radius:100%; + flex-shrink:0; + height:32px; + overflow:hidden; + width:32px; } -.edit-site-list-added-by__avatar img { - width: 32px; - height: 32px; - -o-object-fit: cover; - object-fit: cover; - opacity: 0; - transition: opacity 0.1s linear; +.edit-site-list-added-by__avatar img{ + height:32px; + -o-object-fit:cover; + object-fit:cover; + opacity:0; + transition:opacity .1s linear; + width:32px; } -@media (prefers-reduced-motion: reduce) { - .edit-site-list-added-by__avatar img { - transition-duration: 0s; - transition-delay: 0s; +@media (prefers-reduced-motion:reduce){ + .edit-site-list-added-by__avatar img{ + transition-delay:0s; + transition-duration:0s; } } -.edit-site-list-added-by__avatar.is-loaded img { - opacity: 1; +.edit-site-list-added-by__avatar.is-loaded img{ + opacity:1; } -.edit-site-new-template-dropdown .components-dropdown-menu__toggle { - padding: 6px 12px; +.edit-site-new-template-dropdown .components-dropdown-menu__toggle{ + padding:6px 12px; } -@media (min-width: 600px) { - .edit-site-new-template-dropdown .edit-site-new-template-dropdown__popover { - min-width: 300px; +@media (min-width:600px){ + .edit-site-new-template-dropdown .edit-site-new-template-dropdown__popover{ + min-width:300px; } } -.edit-site-custom-template-modal__contents > .components-button { - padding: 24px; - box-shadow: inset 0 0 0 1px #949494; - border-radius: 2px; - width: 256px; - height: auto; - display: flex; - flex-direction: column; - gap: 8px; - outline: 1px solid transparent; +.edit-site-custom-template-modal__contents>.components-button{ + border-radius:2px; + box-shadow:inset 0 0 0 1px #949494; + display:flex; + flex-direction:column; + gap:8px; + height:auto; + outline:1px solid transparent; + padding:24px; + width:256px; } -.edit-site-custom-template-modal__contents > .components-button span:first-child { - color: #1e1e1e; +.edit-site-custom-template-modal__contents>.components-button span:first-child{ + color:#1e1e1e; } -.edit-site-custom-template-modal__contents > .components-button span { - color: #757575; +.edit-site-custom-template-modal__contents>.components-button span{ + color:#757575; } -.edit-site-custom-template-modal__contents > .components-button:hover { - color: var(--wp-admin-theme-color-darker-10); - box-shadow: inset 0 0 0 1px var(--wp-admin-theme-color-darker-10); +.edit-site-custom-template-modal__contents>.components-button:hover{ + box-shadow:inset 0 0 0 1px var(--wp-admin-theme-color-darker-10); + color:var(--wp-admin-theme-color-darker-10); } -.edit-site-custom-template-modal__contents > .components-button:hover span:first-child { - color: var(--wp-admin-theme-color); +.edit-site-custom-template-modal__contents>.components-button:hover span:first-child{ + color:var(--wp-admin-theme-color); } -.edit-site-custom-template-modal__contents > .components-button:focus { - box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); - outline: 3px solid transparent; +.edit-site-custom-template-modal__contents>.components-button:focus{ + box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); + outline:3px solid transparent; } -.edit-site-custom-template-modal__contents > .components-button:focus span:first-child { - color: var(--wp-admin-theme-color); +.edit-site-custom-template-modal__contents>.components-button:focus span:first-child{ + color:var(--wp-admin-theme-color); } -.edit-site-custom-template-modal .components-search-control input[type=search].components-search-control__input { - background: #fff; - border: 1px solid #ddd; +.edit-site-custom-template-modal .components-search-control input[type=search].components-search-control__input{ + background:#fff; + border:1px solid #ddd; } -.edit-site-custom-template-modal .components-search-control input[type=search].components-search-control__input:focus { - border-color: var(--wp-admin-theme-color); - box-shadow: 0 0 0 1px var(--wp-admin-theme-color); +.edit-site-custom-template-modal .components-search-control input[type=search].components-search-control__input:focus{ + border-color:var(--wp-admin-theme-color); + box-shadow:0 0 0 1px var(--wp-admin-theme-color); } -@media (min-width: 782px) { - .edit-site-custom-template-modal { - width: 456px; +@media (min-width:782px){ + .edit-site-custom-template-modal{ + width:456px; } } -.edit-site-custom-template-modal__suggestions_list { - margin-top: 16px; +.edit-site-custom-template-modal__suggestions_list{ + margin-top:16px; } -@media (min-width: 600px) { - .edit-site-custom-template-modal__suggestions_list { - height: 232px; - overflow: scroll; +@media (min-width:600px){ + .edit-site-custom-template-modal__suggestions_list{ + height:232px; + overflow:scroll; } } -.edit-site-custom-template-modal__suggestions_list__list-item { - display: block; - width: 100%; - text-align: right; - white-space: pre-wrap; - overflow-wrap: break-word; - height: auto; +.edit-site-custom-template-modal__suggestions_list__list-item{ + display:block; + height:auto; + overflow-wrap:break-word; + text-align:right; + white-space:pre-wrap; + width:100%; } -.edit-site-custom-template-modal__suggestions_list__list-item mark { - font-weight: 700; - background: none; +.edit-site-custom-template-modal__suggestions_list__list-item mark{ + background:none; + font-weight:700; } -.edit-site-custom-template-modal__suggestions_list__list-item:hover { - background-color: #f0f0f0; +.edit-site-custom-template-modal__suggestions_list__list-item:hover{ + background-color:#f0f0f0; } -.edit-site-custom-template-modal__suggestions_list__list-item:hover mark { - color: var(--wp-admin-theme-color); +.edit-site-custom-template-modal__suggestions_list__list-item:hover mark{ + color:var(--wp-admin-theme-color); } -.edit-site-custom-template-modal__suggestions_list__list-item:focus { - background-color: #f0f0f0; +.edit-site-custom-template-modal__suggestions_list__list-item:focus{ + background-color:#f0f0f0; } -.edit-site-custom-template-modal__suggestions_list__list-item:focus:not(:disabled) { - box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color) inset; +.edit-site-custom-template-modal__suggestions_list__list-item:focus:not(:disabled){ + box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color) inset; } -.edit-site-custom-template-modal__suggestions_list__list-item__title, .edit-site-custom-template-modal__suggestions_list__list-item__info { - overflow: hidden; - text-overflow: ellipsis; - display: block; +.edit-site-custom-template-modal__suggestions_list__list-item__info,.edit-site-custom-template-modal__suggestions_list__list-item__title{ + display:block; + overflow:hidden; + text-overflow:ellipsis; } -.edit-site-custom-template-modal__suggestions_list__list-item__title { - font-weight: 500; - margin-bottom: 0.2em; +.edit-site-custom-template-modal__suggestions_list__list-item__title{ + font-weight:500; + margin-bottom:.2em; } -.edit-site-custom-template-modal__suggestions_list__list-item__info { - color: #757575; - font-size: 0.9em; - line-height: 1.3; - word-break: break-all; +.edit-site-custom-template-modal__suggestions_list__list-item__info{ + color:#757575; + font-size:.9em; + line-height:1.3; + word-break:break-all; } -.edit-site-custom-template-modal__no-results { - border: 1px solid #ccc; - border-radius: 2px; - padding: 16px; - margin-bottom: 0; - margin-top: 16px; +.edit-site-custom-template-modal__no-results{ + border:1px solid #ccc; + border-radius:2px; + margin-bottom:0; + margin-top:16px; + padding:16px; } -@media (min-width: 782px) { - .edit-site-custom-generic-template__modal .components-base-control { - width: 320px; +@media (min-width:782px){ + .edit-site-custom-generic-template__modal .components-base-control{ + width:320px; } } -.edit-site-custom-generic-template__modal .components-modal__header { - border-bottom: none; +.edit-site-custom-generic-template__modal .components-modal__header{ + border-bottom:none; } -.edit-site-custom-generic-template__modal .components-modal__content::before { - margin-bottom: 4px; +.edit-site-custom-generic-template__modal .components-modal__content:before{ + margin-bottom:4px; } -.edit-site-custom-generic-template__modal-actions { - margin-top: 12px; +.edit-site-custom-generic-template__modal-actions{ + margin-top:12px; } -.edit-site-sidebar { - width: 280px; +.edit-site-sidebar{ + width:280px; } -.edit-site-sidebar > .components-panel { - border-right: 0; - border-left: 0; - margin-bottom: -1px; - margin-top: -1px; +.edit-site-sidebar>.components-panel{ + border-left:0; + border-right:0; + margin-bottom:-1px; + margin-top:-1px; } -.edit-site-sidebar > .components-panel > .components-panel__header { - background: #f0f0f0; +.edit-site-sidebar>.components-panel>.components-panel__header{ + background:#f0f0f0; } -.edit-site-sidebar .block-editor-block-inspector__card { - margin: 0; +.edit-site-sidebar .block-editor-block-inspector__card{ + margin:0; } -.edit-site-global-styles-sidebar { - display: flex; - flex-direction: column; - min-height: 100%; +.edit-site-global-styles-sidebar{ + display:flex; + flex-direction:column; + min-height:100%; } -.edit-site-global-styles-sidebar__panel, .edit-site-global-styles-sidebar__navigator-provider { - display: flex; - flex-direction: column; - flex: 1; +.edit-site-global-styles-sidebar__navigator-provider,.edit-site-global-styles-sidebar__panel{ + display:flex; + flex:1; + flex-direction:column; } -.edit-site-global-styles-sidebar__navigator-screen { - flex: 1; +.edit-site-global-styles-sidebar__navigator-screen{ + flex:1; } -.edit-site-global-styles-sidebar .interface-complementary-area-header .components-button.has-icon { - margin-right: 0; +.edit-site-global-styles-sidebar .interface-complementary-area-header .components-button.has-icon{ + margin-right:0; } -.edit-site-global-styles-sidebar__reset-button.components-button { - margin-right: auto; +.edit-site-global-styles-sidebar__reset-button.components-button{ + margin-right:auto; } -.edit-site-global-styles-sidebar .components-navigation__menu-title-heading { - font-size: 15.6px; - font-weight: 500; +.edit-site-global-styles-sidebar .components-navigation__menu-title-heading{ + font-size:15.6px; + font-weight:500; } -.edit-site-global-styles-sidebar .components-navigation__item > button span { - font-weight: 500; +.edit-site-global-styles-sidebar .components-navigation__item>button span{ + font-weight:500; } -.edit-site-typography-panel, -.edit-site-global-styles-sidebar .block-editor-panel-color-gradient-settings { - border: 0; +.edit-site-global-styles-sidebar .block-editor-panel-color-gradient-settings,.edit-site-typography-panel{ + border:0; } -.edit-site-global-styles-sidebar .components-tools-panel-item.single-column { - grid-column: span 1; +.edit-site-global-styles-sidebar .components-tools-panel-item.single-column{ + grid-column:span 1; } -.edit-site-global-styles-sidebar .components-tools-panel .span-columns { - grid-column: 1/-1; +.edit-site-global-styles-sidebar .components-tools-panel .span-columns{ + grid-column:1 / -1; } -.edit-site-global-styles-sidebar__blocks-group { - padding-top: 24px; - border-top: 1px solid #e0e0e0; +.edit-site-global-styles-sidebar__blocks-group{ + border-top:1px solid #e0e0e0; + padding-top:24px; } -.edit-site-global-styles-sidebar__blocks-group-help { - padding: 0 16px; +.edit-site-global-styles-sidebar__blocks-group-help{ + padding:0 16px; } -.edit-site-global-styles-color-palette-panel, -.edit-site-global-styles-gradient-palette-panel { - padding: 16px; +.edit-site-global-styles-color-palette-panel,.edit-site-global-styles-gradient-palette-panel{ + padding:16px; } -.edit-site-navigation-sidebar__beta { - display: inline-flex; - margin-right: 8px; - padding: 0 8px; - height: 24px; - border-radius: 2px; - background-color: #1e1e1e; - color: #fff; - align-items: center; - font-size: 12px; - line-height: 1; +.edit-site-navigation-sidebar__beta{ + align-items:center; + background-color:#1e1e1e; + border-radius:2px; + color:#fff; + display:inline-flex; + font-size:12px; + height:24px; + line-height:1; + margin-right:8px; + padding:0 8px; } -.edit-site-global-styles-sidebar hr { - margin: 0; +.edit-site-global-styles-sidebar hr{ + margin:0; } -.components-panel__header.edit-site-sidebar__panel-tabs { - justify-content: flex-start; - padding-right: 0; - padding-left: 16px; - border-top: 0; - margin-top: 0; +.components-panel__header.edit-site-sidebar__panel-tabs{ + border-top:0; + justify-content:flex-start; + margin-top:0; + padding-left:16px; + padding-right:0; } -.components-panel__header.edit-site-sidebar__panel-tabs ul { - display: flex; +.components-panel__header.edit-site-sidebar__panel-tabs ul{ + display:flex; } -.components-panel__header.edit-site-sidebar__panel-tabs li { - margin: 0; +.components-panel__header.edit-site-sidebar__panel-tabs li{ + margin:0; } -.components-panel__header.edit-site-sidebar__panel-tabs .components-button.has-icon { - display: none; - margin: 0 auto 0 0; - padding: 0; - min-width: 24px; - height: 24px; +.components-panel__header.edit-site-sidebar__panel-tabs .components-button.has-icon{ + display:none; + height:24px; + margin:0 auto 0 0; + min-width:24px; + padding:0; } -@media (min-width: 782px) { - .components-panel__header.edit-site-sidebar__panel-tabs .components-button.has-icon { - display: flex; +@media (min-width:782px){ + .components-panel__header.edit-site-sidebar__panel-tabs .components-button.has-icon{ + display:flex; } } -.components-button.edit-site-sidebar__panel-tab { - border-radius: 0; - height: 48px; - background: transparent; - border: none; - box-shadow: none; - cursor: pointer; - display: inline-block; - padding: 3px 15px; - margin-right: 0; - font-weight: 500; +.components-button.edit-site-sidebar__panel-tab{ + background:transparent; + border:none; + border-radius:0; + box-shadow:none; + cursor:pointer; + display:inline-block; + font-weight:500; + height:48px; + margin-right:0; + padding:3px 15px; } -.components-button.edit-site-sidebar__panel-tab::after { - content: attr(data-label); - display: block; - font-weight: 600; - height: 0; - overflow: hidden; - speak: none; - visibility: hidden; +.components-button.edit-site-sidebar__panel-tab:after{ + speak:none; + content:attr(data-label); + display:block; + font-weight:600; + height:0; + overflow:hidden; + visibility:hidden; } -.components-button.edit-site-sidebar__panel-tab.is-active { - box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) transparent, inset 0 -1.5px 0 0 var(--wp-admin-theme-color); - position: relative; - z-index: 1; +.components-button.edit-site-sidebar__panel-tab.is-active{ + box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) transparent, inset 0 -1.5px 0 0 var(--wp-admin-theme-color); + position:relative; + z-index:1; } -.components-button.edit-site-sidebar__panel-tab.is-active::before { - content: ""; - position: absolute; - top: 0; - bottom: 1px; - left: 0; - right: 0; - border-bottom: 1.5px solid transparent; +.components-button.edit-site-sidebar__panel-tab.is-active:before{ + border-bottom:1.5px solid transparent; + bottom:1px; + content:""; + left:0; + position:absolute; + right:0; + top:0; } -.components-button.edit-site-sidebar__panel-tab:focus { - box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); - position: relative; - z-index: 1; +.components-button.edit-site-sidebar__panel-tab:focus{ + box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); + position:relative; + z-index:1; } -.components-button.edit-site-sidebar__panel-tab.is-active:focus { - box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 -1.5px 0 0 var(--wp-admin-theme-color); +.components-button.edit-site-sidebar__panel-tab.is-active:focus{ + box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 -1.5px 0 0 var(--wp-admin-theme-color); } -@keyframes loadingpulse { - 0% { - opacity: 1; +@keyframes loadingpulse{ + 0%{ + opacity:1; } - 50% { - opacity: 0.5; + 50%{ + opacity:.5; } - 100% { - opacity: 1; + to{ + opacity:1; } } -.edit-site-navigation-inspector { - padding: 16px; +.edit-site-navigation-inspector{ + padding:16px; } -.edit-site-navigation-inspector .block-editor-list-view-leaf .block-editor-list-view-block-contents { - white-space: normal; +.edit-site-navigation-inspector .block-editor-list-view-leaf .block-editor-list-view-block-contents{ + white-space:normal; } -.edit-site-navigation-inspector .block-editor-list-view-block__title { - margin-top: 3px; +.edit-site-navigation-inspector .block-editor-list-view-block__title{ + margin-top:3px; } -.edit-site-navigation-inspector .block-editor-list-view-block__menu-cell { - padding-left: 0; +.edit-site-navigation-inspector .block-editor-list-view-block__menu-cell{ + padding-left:0; } -.edit-site-navigation-inspector__placeholder { - padding: 8px; - margin: 8px; - background-color: #f0f0f0; - animation: loadingpulse 1s linear infinite; - animation-delay: 0.5s; +.edit-site-navigation-inspector__placeholder{ + animation:loadingpulse 1s linear infinite; + animation-delay:.5s; + background-color:#f0f0f0; + margin:8px; + padding:8px; } -.edit-site-navigation-inspector__placeholder.is-child { - margin-right: 24px; - width: 50%; +.edit-site-navigation-inspector__placeholder.is-child{ + margin-right:24px; + width:50%; } -.edit-site-template-card { - display: flex; - align-items: flex-start; -} -.edit-site-template-card__content { - flex-grow: 1; - margin-bottom: 4px; +.edit-site-template-card{ + align-items:flex-start; + display:flex; } -.edit-site-template-card__title { - font-weight: 500; - line-height: 24px; +.edit-site-template-card__content{ + flex-grow:1; + margin-bottom:4px; } -.edit-site-template-card__title.edit-site-template-card__title { - margin: 0; +.edit-site-template-card__title{ + font-weight:500; + line-height:24px; } -.edit-site-template-card__description { - font-size: 13px; - margin: 0 0 16px; +.edit-site-template-card__title.edit-site-template-card__title{ + margin:0; } -.edit-site-template-card__icon { - flex: 0 0 24px; - margin-left: 12px; - width: 24px; - height: 24px; +.edit-site-template-card__description{ + font-size:13px; + margin:0 0 16px; } -.edit-site-template-card__template-areas-list { - margin: 0; +.edit-site-template-card__icon{ + flex:0 0 24px; + height:24px; + margin-left:12px; + width:24px; } -.edit-site-template-card__template-areas-list > li { - margin: 0; +.edit-site-template-card__template-areas-list,.edit-site-template-card__template-areas-list>li{ + margin:0; } -.edit-site-template-card__template-areas-item { - width: 100%; +.edit-site-template-card__template-areas-item{ + width:100%; } -.edit-site-template-card__template-areas-item.components-button.has-icon { - padding: 0; +.edit-site-template-card__template-areas-item.components-button.has-icon{ + padding:0; } -.edit-site-template-card__header { - display: flex; - justify-content: space-between; - margin: 0 0 4px; +.edit-site-template-card__header{ + display:flex; + justify-content:space-between; + margin:0 0 4px; } -.edit-site-template-card__actions { - line-height: 0; +.edit-site-template-card__actions{ + line-height:0; } -.edit-site-template-card__actions > .components-button.is-small.has-icon { - padding: 0; - min-width: auto; +.edit-site-template-card__actions>.components-button.is-small.has-icon{ + min-width:auto; + padding:0; } -h3.edit-site-template-card__template-areas-title { - font-weight: 500; - margin: 0 0 8px; +h3.edit-site-template-card__template-areas-title{ + font-weight:500; + margin:0 0 8px; } -html #wpadminbar { - display: none; +html #wpadminbar{ + display:none; } -html.wp-toolbar { - padding-top: 0; +html.wp-toolbar{ + padding-top:0; } -.edit-site-editor__toggle-save-panel { - z-index: 100000; - position: fixed !important; - top: -9999em; - bottom: auto; - right: auto; - left: 0; - width: 280px; - background-color: #fff; - border: 1px dotted #ddd; - height: auto !important; - padding: 24px; - display: flex; - justify-content: center; +.edit-site-editor__toggle-save-panel{ + background-color:#fff; + border:1px dotted #ddd; + bottom:auto; + display:flex; + height:auto !important; + justify-content:center; + left:0; + padding:24px; + position:fixed !important; + right:auto; + top:-9999em; + width:280px; + z-index:100000; } -.interface-interface-skeleton__actions:focus .edit-site-editor__toggle-save-panel, .interface-interface-skeleton__actions:focus-within .edit-site-editor__toggle-save-panel { - top: auto; - bottom: 0; +.interface-interface-skeleton__actions:focus .edit-site-editor__toggle-save-panel,.interface-interface-skeleton__actions:focus-within .edit-site-editor__toggle-save-panel{ + bottom:0; + top:auto; } -.edit-site-visual-editor { - position: relative; - height: 100%; - display: block; - overflow: hidden; +.edit-site-visual-editor{ + display:block; + height:100%; + overflow:hidden; + position:relative; } -.edit-site-visual-editor iframe { - display: block; - width: 100%; - height: 100%; - background-color: #fff; +.edit-site-visual-editor iframe{ + background-color:#fff; + display:block; + height:100%; + width:100%; } -.edit-site .components-editor-notices__snackbar { - position: fixed; - left: 0; - bottom: 40px; - padding-right: 16px; - padding-left: 16px; +.edit-site .components-editor-notices__snackbar{ + bottom:40px; + left:0; + padding-left:16px; + padding-right:16px; + position:fixed; + right:0; } - -.edit-site .components-editor-notices__snackbar { - /* Set left position when auto-fold is not on the body element. */ - right: 0; -} -@media (min-width: 783px) { - .edit-site .components-editor-notices__snackbar { - right: 160px; +@media (min-width:783px){ + .edit-site .components-editor-notices__snackbar{ + right:160px; } } - -.auto-fold .edit-site .components-editor-notices__snackbar { - /* Auto fold is when on smaller breakpoints, nav menu auto collapses. */ -} -@media (min-width: 783px) { - .auto-fold .edit-site .components-editor-notices__snackbar { - right: 36px; +@media (min-width:783px){ + .auto-fold .edit-site .components-editor-notices__snackbar{ + right:36px; } } -@media (min-width: 961px) { - .auto-fold .edit-site .components-editor-notices__snackbar { - right: 160px; +@media (min-width:961px){ + .auto-fold .edit-site .components-editor-notices__snackbar{ + right:160px; } } - -/* Sidebar manually collapsed. */ -.folded .edit-site .components-editor-notices__snackbar { - right: 0; +.folded .edit-site .components-editor-notices__snackbar{ + right:0; } -@media (min-width: 783px) { - .folded .edit-site .components-editor-notices__snackbar { - right: 36px; +@media (min-width:783px){ + .folded .edit-site .components-editor-notices__snackbar{ + right:36px; } } -body.is-fullscreen-mode .edit-site .components-editor-notices__snackbar { - right: 0 !important; +body.is-fullscreen-mode .edit-site .components-editor-notices__snackbar{ + right:0 !important; } -.edit-site-template-details .edit-site-template-details__group { - margin: 0; - padding: 16px; +.edit-site-template-details .edit-site-template-details__group{ + margin:0; + padding:16px; } -.edit-site-template-details .edit-site-template-details__group + .edit-site-template-details__group { - border-top: 1px solid #ccc; +.edit-site-template-details .edit-site-template-details__group+.edit-site-template-details__group{ + border-top:1px solid #ccc; } -.edit-site-template-details .edit-site-template-details__description { - color: #757575; +.edit-site-template-details .edit-site-template-details__description{ + color:#757575; } -.edit-site-template-details .edit-site-template-details__group.edit-site-template-details__template-areas { - padding: 8px; +.edit-site-template-details .edit-site-template-details__group.edit-site-template-details__template-areas{ + padding:8px; } -.edit-site-template-details .edit-site-template-details__template-areas-item { - position: relative; +.edit-site-template-details .edit-site-template-details__template-areas-item{ + position:relative; } -.edit-site-template-details .edit-site-template-details__template-areas-item .edit-site-template-details__template-areas-item-more { - position: absolute; - left: 0; - top: 0; - bottom: 0; - margin: auto 0; +.edit-site-template-details .edit-site-template-details__template-areas-item .edit-site-template-details__template-areas-item-more{ + bottom:0; + left:0; + margin:auto 0; + position:absolute; + top:0; } -.edit-site-template-details .edit-site-template-details__revert { - padding: 12px 8px; +.edit-site-template-details .edit-site-template-details__revert{ + padding:12px 8px; } -.edit-site-template-details .edit-site-template-details__revert-button { - height: auto; - padding: 4px 8px; - text-align: right; +.edit-site-template-details .edit-site-template-details__revert-button{ + height:auto; + padding:4px 8px; + text-align:right; } -.edit-site-template-details .edit-site-template-details__revert-button:focus:not(:disabled) { - box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 0 0 3px #fff; +.edit-site-template-details .edit-site-template-details__revert-button:focus:not(:disabled){ + box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 0 0 3px #fff; } -.edit-site-template-details .edit-site-template-details__show-all-button.components-button { - display: flex; - justify-content: center; - background: #1e1e1e; - color: #fff; - width: 100%; - height: 44px; - border-radius: 0; +.edit-site-template-details .edit-site-template-details__show-all-button.components-button{ + background:#1e1e1e; + border-radius:0; + color:#fff; + display:flex; + height:44px; + justify-content:center; + width:100%; } -.edit-site-template-details .edit-site-template-details__show-all-button.components-button:hover { - color: #fff; +.edit-site-template-details .edit-site-template-details__show-all-button.components-button:hover{ + color:#fff; } -.edit-site-template-details .edit-site-template-details__show-all-button.components-button:active { - color: #ccc; +.edit-site-template-details .edit-site-template-details__show-all-button.components-button:active{ + color:#ccc; } -.edit-site-template-details .edit-site-template-details__show-all-button.components-button:focus:not(:disabled) { - box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 0 0 3px #fff; +.edit-site-template-details .edit-site-template-details__show-all-button.components-button:focus:not(:disabled){ + box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 0 0 3px #fff; } -.edit-site-create-template-part-modal { - z-index: 1000001; +.edit-site-create-template-part-modal{ + z-index:1000001; } -@media (min-width: 600px) { - .edit-site-create-template-part-modal .components-modal__frame { - max-width: 500px; +@media (min-width:600px){ + .edit-site-create-template-part-modal .components-modal__frame{ + max-width:500px; } } -.edit-site-create-template-part-modal__modal-actions { - padding-top: 12px; +.edit-site-create-template-part-modal__modal-actions{ + padding-top:12px; } -.edit-site-create-template-part-modal__area-base-control .components-base-control__label { - margin: 16px 0 8px; - cursor: auto; +.edit-site-create-template-part-modal__area-base-control .components-base-control__label{ + cursor:auto; + margin:16px 0 8px; } -.edit-site-create-template-part-modal__area-radio-group { - width: 100%; - border: 1px solid #757575; - border-radius: 2px; +.edit-site-create-template-part-modal__area-radio-group{ + border:1px solid #757575; + border-radius:2px; + width:100%; } -.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio { - display: block; - width: 100%; - height: 100%; - text-align: right; - padding: 12px; +.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio{ + display:block; + height:100%; + padding:12px; + text-align:right; + width:100%; } -.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio, .edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio.is-secondary:hover, .edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio.is-primary:hover { - margin: 0; - background-color: inherit; - border-bottom: 1px solid #757575; - border-radius: 0; +.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio,.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio.is-primary:hover,.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio.is-secondary:hover{ + background-color:inherit; + border-bottom:1px solid #757575; + border-radius:0; + margin:0; } -.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio:not(:focus), .edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio.is-secondary:hover:not(:focus), .edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio.is-primary:hover:not(:focus) { - box-shadow: none; +.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio.is-primary:hover:not(:focus),.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio.is-secondary:hover:not(:focus),.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio:not(:focus){ + box-shadow:none; } -.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio:focus, .edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio.is-secondary:hover:focus, .edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio.is-primary:hover:focus { - border-bottom: 1px solid #fff; +.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio.is-primary:hover:focus,.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio.is-secondary:hover:focus,.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio:focus{ + border-bottom:1px solid #fff; } -.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio:last-of-type, .edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio.is-secondary:hover:last-of-type, .edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio.is-primary:hover:last-of-type { - border-bottom: none; +.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio.is-primary:hover:last-of-type,.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio.is-secondary:hover:last-of-type,.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio:last-of-type{ + border-bottom:none; } -.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio:not(:hover), .edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio[aria-checked=true] { - color: #1e1e1e; - cursor: auto; +.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio:not(:hover),.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio[aria-checked=true]{ + color:#1e1e1e; + cursor:auto; } -.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio:not(:hover) .edit-site-create-template-part-modal__option-label div, .edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio[aria-checked=true] .edit-site-create-template-part-modal__option-label div { - color: #949494; +.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio:not(:hover) .edit-site-create-template-part-modal__option-label div,.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio[aria-checked=true] .edit-site-create-template-part-modal__option-label div{ + color:#949494; } -.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio .edit-site-create-template-part-modal__option-label { - padding-top: 4px; - white-space: normal; +.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio .edit-site-create-template-part-modal__option-label{ + padding-top:4px; + white-space:normal; } -.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio .edit-site-create-template-part-modal__option-label div { - padding-top: 4px; - font-size: 12px; +.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio .edit-site-create-template-part-modal__option-label div{ + font-size:12px; + padding-top:4px; } -.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio .edit-site-create-template-part-modal__checkbox { - margin-right: auto; - min-width: 24px; +.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio .edit-site-create-template-part-modal__checkbox{ + margin-right:auto; + min-width:24px; } -.edit-site-editor__inserter-panel, -.edit-site-editor__list-view-panel { - height: 100%; - display: flex; - flex-direction: column; +.edit-site-editor__inserter-panel,.edit-site-editor__list-view-panel{ + display:flex; + flex-direction:column; + height:100%; } -.edit-site-editor__list-view-panel { - min-width: 350px; +.edit-site-editor__list-view-panel{ + min-width:350px; } -.edit-site-editor__inserter-panel-header { - padding-top: 8px; - padding-left: 8px; - display: flex; - justify-content: flex-end; +.edit-site-editor__inserter-panel-header{ + display:flex; + justify-content:flex-end; + padding-left:8px; + padding-top:8px; } -.edit-site-editor__inserter-panel-content, -.edit-site-editor__list-view-panel-content { - height: calc(100% - 36px - 8px); +.edit-site-editor__inserter-panel-content,.edit-site-editor__list-view-panel-content{ + height:calc(100% - 44px); } -@media (min-width: 782px) { - .edit-site-editor__inserter-panel-content { - height: 100%; +@media (min-width:782px){ + .edit-site-editor__inserter-panel-content{ + height:100%; } } -.edit-site-editor__list-view-panel-header { - align-items: center; - border-bottom: 1px solid #ddd; - display: flex; - justify-content: space-between; - height: 48px; - padding-right: 16px; - padding-left: 4px; +.edit-site-editor__list-view-panel-header{ + align-items:center; + border-bottom:1px solid #ddd; + display:flex; + height:48px; + justify-content:space-between; + padding-left:4px; + padding-right:16px; } -.edit-site-editor__list-view-panel-content { - overflow-y: auto; - padding: 8px; +.edit-site-editor__list-view-panel-content{ + overflow-y:auto; + padding:8px; } -.edit-site-welcome-guide { - width: 312px; +.edit-site-welcome-guide{ + width:312px; } -.edit-site-welcome-guide__image { - background: #00a0d2; - margin: 0 0 16px; +.edit-site-welcome-guide__image{ + background:#00a0d2; + margin:0 0 16px; } -.edit-site-welcome-guide__image > img { - display: block; - max-width: 100%; - -o-object-fit: cover; - object-fit: cover; +.edit-site-welcome-guide__image>img{ + display:block; + max-width:100%; + -o-object-fit:cover; + object-fit:cover; } -.edit-site-welcome-guide__heading { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - font-size: 24px; - line-height: 1.4; - margin: 16px 0 16px 0; - padding: 0 32px; +.edit-site-welcome-guide__heading{ + font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; + font-size:24px; + line-height:1.4; + margin:16px 0; + padding:0 32px; } -.edit-site-welcome-guide__text { - font-size: 13px; - line-height: 1.4; - margin: 0 0 16px 0; - padding: 0 32px; +.edit-site-welcome-guide__text{ + font-size:13px; + line-height:1.4; + margin:0 0 16px; + padding:0 32px; } -.edit-site-welcome-guide__text img { - vertical-align: bottom; +.edit-site-welcome-guide__text img{ + vertical-align:bottom; } -.edit-site-welcome-guide__inserter-icon { - margin: 0 4px; - vertical-align: text-top; +.edit-site-welcome-guide__inserter-icon{ + margin:0 4px; + vertical-align:text-top; } -.edit-site-keyboard-shortcut-help-modal__section { - margin: 0 0 2rem 0; -} -.edit-site-keyboard-shortcut-help-modal__section-title { - font-size: 0.9rem; - font-weight: 600; +.edit-site-keyboard-shortcut-help-modal__section{ + margin:0 0 2rem; } -.edit-site-keyboard-shortcut-help-modal__shortcut { - display: flex; - align-items: baseline; - padding: 0.6rem 0; - border-top: 1px solid #ddd; - margin-bottom: 0; +.edit-site-keyboard-shortcut-help-modal__section-title{ + font-size:.9rem; + font-weight:600; } -.edit-site-keyboard-shortcut-help-modal__shortcut:last-child { - border-bottom: 1px solid #ddd; +.edit-site-keyboard-shortcut-help-modal__shortcut{ + align-items:baseline; + border-top:1px solid #ddd; + display:flex; + margin-bottom:0; + padding:.6rem 0; } -.edit-site-keyboard-shortcut-help-modal__shortcut:empty { - display: none; +.edit-site-keyboard-shortcut-help-modal__shortcut:last-child{ + border-bottom:1px solid #ddd; } -.edit-site-keyboard-shortcut-help-modal__shortcut-term { - font-weight: 600; - margin: 0 1rem 0 0; - text-align: left; +.edit-site-keyboard-shortcut-help-modal__shortcut:empty{ + display:none; } -.edit-site-keyboard-shortcut-help-modal__shortcut-description { - flex: 1; - margin: 0; - flex-basis: auto; +.edit-site-keyboard-shortcut-help-modal__shortcut-term{ + font-weight:600; + margin:0 1rem 0 0; + text-align:left; } -.edit-site-keyboard-shortcut-help-modal__shortcut-key-combination { - display: block; - background: none; - margin: 0; - padding: 0; +.edit-site-keyboard-shortcut-help-modal__shortcut-description{ + flex:1; + flex-basis:auto; + margin:0; } -.edit-site-keyboard-shortcut-help-modal__shortcut-key-combination + .edit-site-keyboard-shortcut-help-modal__shortcut-key-combination { - margin-top: 10px; +.edit-site-keyboard-shortcut-help-modal__shortcut-key-combination{ + background:none; + display:block; + margin:0; + padding:0; } -.edit-site-keyboard-shortcut-help-modal__shortcut-key { - padding: 0.25rem 0.5rem; - border-radius: 8%; - margin: 0 0.2rem 0 0.2rem; +.edit-site-keyboard-shortcut-help-modal__shortcut-key-combination+.edit-site-keyboard-shortcut-help-modal__shortcut-key-combination{ + margin-top:10px; } -.edit-site-keyboard-shortcut-help-modal__shortcut-key:last-child { - margin: 0 0.2rem 0 0; +.edit-site-keyboard-shortcut-help-modal__shortcut-key{ + border-radius:8%; + margin:0 .2rem; + padding:.25rem .5rem; } - -html.wp-toolbar { - background: #fff; +.edit-site-keyboard-shortcut-help-modal__shortcut-key:last-child{ + margin:0 .2rem 0 0; } -body.appearance_page_gutenberg-template-parts, -body.site-editor-php { - background: #fff; - /* We hide legacy notices in Gutenberg Based Pages, because they were not designed in a way that scaled well. - Plugins can use Gutenberg notices if they need to pass on information to the user when they are editing. */ -} -body.appearance_page_gutenberg-template-parts #wpcontent, -body.site-editor-php #wpcontent { - padding-right: 0; +body.appearance_page_gutenberg-template-parts,body.site-editor-php,html.wp-toolbar{ + background:#fff; } -body.appearance_page_gutenberg-template-parts #wpbody-content, -body.site-editor-php #wpbody-content { - padding-bottom: 0; +body.appearance_page_gutenberg-template-parts #wpcontent,body.site-editor-php #wpcontent{ + padding-right:0; } -body.appearance_page_gutenberg-template-parts #wpbody-content > div:not(.edit-site):not(#screen-meta), -body.site-editor-php #wpbody-content > div:not(.edit-site):not(#screen-meta) { - display: none; +body.appearance_page_gutenberg-template-parts #wpbody-content,body.site-editor-php #wpbody-content{ + padding-bottom:0; } -body.appearance_page_gutenberg-template-parts #wpfooter, -body.site-editor-php #wpfooter { - display: none; +body.appearance_page_gutenberg-template-parts #wpbody-content>div:not(.edit-site):not(#screen-meta),body.appearance_page_gutenberg-template-parts #wpfooter,body.site-editor-php #wpbody-content>div:not(.edit-site):not(#screen-meta),body.site-editor-php #wpfooter{ + display:none; } -body.appearance_page_gutenberg-template-parts .a11y-speak-region, -body.site-editor-php .a11y-speak-region { - right: -1px; - top: -1px; +body.appearance_page_gutenberg-template-parts .a11y-speak-region,body.site-editor-php .a11y-speak-region{ + right:-1px; + top:-1px; } -body.appearance_page_gutenberg-template-parts ul#adminmenu a.wp-has-current-submenu::after, -body.appearance_page_gutenberg-template-parts ul#adminmenu > li.current > a.current::after, -body.site-editor-php ul#adminmenu a.wp-has-current-submenu::after, -body.site-editor-php ul#adminmenu > li.current > a.current::after { - border-left-color: #fff; +body.appearance_page_gutenberg-template-parts ul#adminmenu a.wp-has-current-submenu:after,body.appearance_page_gutenberg-template-parts ul#adminmenu>li.current>a.current:after,body.site-editor-php ul#adminmenu a.wp-has-current-submenu:after,body.site-editor-php ul#adminmenu>li.current>a.current:after{ + border-left-color:#fff; } -body.appearance_page_gutenberg-template-parts .media-frame select.attachment-filters:last-of-type, -body.site-editor-php .media-frame select.attachment-filters:last-of-type { - width: auto; - max-width: 100%; +body.appearance_page_gutenberg-template-parts .media-frame select.attachment-filters:last-of-type,body.site-editor-php .media-frame select.attachment-filters:last-of-type{ + max-width:100%; + width:auto; } -.edit-site, -.components-modal__frame { - box-sizing: border-box; +.components-modal__frame,.edit-site{ + box-sizing:border-box; } -.edit-site *, -.edit-site *::before, -.edit-site *::after, -.components-modal__frame *, -.components-modal__frame *::before, -.components-modal__frame *::after { - box-sizing: inherit; +.components-modal__frame *,.components-modal__frame :after,.components-modal__frame :before,.edit-site *,.edit-site :after,.edit-site :before{ + box-sizing:inherit; } -@media (min-width: 600px) { - .edit-site { - bottom: 0; - right: 0; - min-height: 100vh; - position: absolute; - left: 0; - top: 0; +@media (min-width:600px){ + .edit-site{ + bottom:0; + left:0; + min-height:100vh; + position:absolute; + right:0; + top:0; } } -.edit-site .interface-interface-skeleton { - top: 0; +.edit-site .interface-interface-skeleton{ + top:0; } -.edit-site .interface-complementary-area__pin-unpin-item.components-button { - display: none; +.edit-site .interface-complementary-area__pin-unpin-item.components-button{ + display:none; } -.edit-site .interface-interface-skeleton__content { - background-color: #2f2f2f; +.edit-site .interface-interface-skeleton__content{ + background-color:#2f2f2f; } - -/** - * Animations - */ -@keyframes edit-post__fade-in-animation { - from { - opacity: 0; +@keyframes edit-post__fade-in-animation{ + 0%{ + opacity:0; } - to { - opacity: 1; + to{ + opacity:1; } } -body.admin-color-light { - --wp-admin-theme-color: #0085ba; - --wp-admin-theme-color--rgb: 0, 133, 186; - --wp-admin-theme-color-darker-10: #0073a1; - --wp-admin-theme-color-darker-10--rgb: 0, 115, 161; - --wp-admin-theme-color-darker-20: #006187; - --wp-admin-theme-color-darker-20--rgb: 0, 97, 135; - --wp-admin-border-width-focus: 2px; +body.admin-color-light{ + --wp-admin-theme-color:#0085ba; + --wp-admin-theme-color--rgb:0, 133, 186; + --wp-admin-theme-color-darker-10:#0073a1; + --wp-admin-theme-color-darker-10--rgb:0, 115, 161; + --wp-admin-theme-color-darker-20:#006187; + --wp-admin-theme-color-darker-20--rgb:0, 97, 135; + --wp-admin-border-width-focus:2px; } -@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { - body.admin-color-light { - --wp-admin-border-width-focus: 1.5px; +@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ + body.admin-color-light{ + --wp-admin-border-width-focus:1.5px; } } -body.admin-color-modern { - --wp-admin-theme-color: #3858e9; - --wp-admin-theme-color--rgb: 56, 88, 233; - --wp-admin-theme-color-darker-10: #2145e6; - --wp-admin-theme-color-darker-10--rgb: 33, 69, 230; - --wp-admin-theme-color-darker-20: #183ad6; - --wp-admin-theme-color-darker-20--rgb: 24, 58, 214; - --wp-admin-border-width-focus: 2px; +body.admin-color-modern{ + --wp-admin-theme-color:#3858e9; + --wp-admin-theme-color--rgb:56, 88, 233; + --wp-admin-theme-color-darker-10:#2145e6; + --wp-admin-theme-color-darker-10--rgb:33, 69, 230; + --wp-admin-theme-color-darker-20:#183ad6; + --wp-admin-theme-color-darker-20--rgb:24, 58, 214; + --wp-admin-border-width-focus:2px; } -@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { - body.admin-color-modern { - --wp-admin-border-width-focus: 1.5px; +@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ + body.admin-color-modern{ + --wp-admin-border-width-focus:1.5px; } } -body.admin-color-blue { - --wp-admin-theme-color: #096484; - --wp-admin-theme-color--rgb: 9, 100, 132; - --wp-admin-theme-color-darker-10: #07526c; - --wp-admin-theme-color-darker-10--rgb: 7, 82, 108; - --wp-admin-theme-color-darker-20: #064054; - --wp-admin-theme-color-darker-20--rgb: 6, 64, 84; - --wp-admin-border-width-focus: 2px; +body.admin-color-blue{ + --wp-admin-theme-color:#096484; + --wp-admin-theme-color--rgb:9, 100, 132; + --wp-admin-theme-color-darker-10:#07526c; + --wp-admin-theme-color-darker-10--rgb:7, 82, 108; + --wp-admin-theme-color-darker-20:#064054; + --wp-admin-theme-color-darker-20--rgb:6, 64, 84; + --wp-admin-border-width-focus:2px; } -@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { - body.admin-color-blue { - --wp-admin-border-width-focus: 1.5px; +@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ + body.admin-color-blue{ + --wp-admin-border-width-focus:1.5px; } } -body.admin-color-coffee { - --wp-admin-theme-color: #46403c; - --wp-admin-theme-color--rgb: 70, 64, 60; - --wp-admin-theme-color-darker-10: #383330; - --wp-admin-theme-color-darker-10--rgb: 56, 51, 48; - --wp-admin-theme-color-darker-20: #2b2724; - --wp-admin-theme-color-darker-20--rgb: 43, 39, 36; - --wp-admin-border-width-focus: 2px; +body.admin-color-coffee{ + --wp-admin-theme-color:#46403c; + --wp-admin-theme-color--rgb:70, 64, 60; + --wp-admin-theme-color-darker-10:#383330; + --wp-admin-theme-color-darker-10--rgb:56, 51, 48; + --wp-admin-theme-color-darker-20:#2b2724; + --wp-admin-theme-color-darker-20--rgb:43, 39, 36; + --wp-admin-border-width-focus:2px; } -@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { - body.admin-color-coffee { - --wp-admin-border-width-focus: 1.5px; +@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ + body.admin-color-coffee{ + --wp-admin-border-width-focus:1.5px; } } -body.admin-color-ectoplasm { - --wp-admin-theme-color: #523f6d; - --wp-admin-theme-color--rgb: 82, 63, 109; - --wp-admin-theme-color-darker-10: #46365d; - --wp-admin-theme-color-darker-10--rgb: 70, 54, 93; - --wp-admin-theme-color-darker-20: #3a2c4d; - --wp-admin-theme-color-darker-20--rgb: 58, 44, 77; - --wp-admin-border-width-focus: 2px; +body.admin-color-ectoplasm{ + --wp-admin-theme-color:#523f6d; + --wp-admin-theme-color--rgb:82, 63, 109; + --wp-admin-theme-color-darker-10:#46365d; + --wp-admin-theme-color-darker-10--rgb:70, 54, 93; + --wp-admin-theme-color-darker-20:#3a2c4d; + --wp-admin-theme-color-darker-20--rgb:58, 44, 77; + --wp-admin-border-width-focus:2px; } -@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { - body.admin-color-ectoplasm { - --wp-admin-border-width-focus: 1.5px; +@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ + body.admin-color-ectoplasm{ + --wp-admin-border-width-focus:1.5px; } } -body.admin-color-midnight { - --wp-admin-theme-color: #e14d43; - --wp-admin-theme-color--rgb: 225, 77, 67; - --wp-admin-theme-color-darker-10: #dd382d; - --wp-admin-theme-color-darker-10--rgb: 221, 56, 45; - --wp-admin-theme-color-darker-20: #d02c21; - --wp-admin-theme-color-darker-20--rgb: 208, 44, 33; - --wp-admin-border-width-focus: 2px; +body.admin-color-midnight{ + --wp-admin-theme-color:#e14d43; + --wp-admin-theme-color--rgb:225, 77, 67; + --wp-admin-theme-color-darker-10:#dd382d; + --wp-admin-theme-color-darker-10--rgb:221, 56, 45; + --wp-admin-theme-color-darker-20:#d02c21; + --wp-admin-theme-color-darker-20--rgb:208, 44, 33; + --wp-admin-border-width-focus:2px; } -@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { - body.admin-color-midnight { - --wp-admin-border-width-focus: 1.5px; +@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ + body.admin-color-midnight{ + --wp-admin-border-width-focus:1.5px; } } -body.admin-color-ocean { - --wp-admin-theme-color: #627c83; - --wp-admin-theme-color--rgb: 98, 124, 131; - --wp-admin-theme-color-darker-10: #576e74; - --wp-admin-theme-color-darker-10--rgb: 87, 110, 116; - --wp-admin-theme-color-darker-20: #4c6066; - --wp-admin-theme-color-darker-20--rgb: 76, 96, 102; - --wp-admin-border-width-focus: 2px; +body.admin-color-ocean{ + --wp-admin-theme-color:#627c83; + --wp-admin-theme-color--rgb:98, 124, 131; + --wp-admin-theme-color-darker-10:#576e74; + --wp-admin-theme-color-darker-10--rgb:87, 110, 116; + --wp-admin-theme-color-darker-20:#4c6066; + --wp-admin-theme-color-darker-20--rgb:76, 96, 102; + --wp-admin-border-width-focus:2px; } -@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { - body.admin-color-ocean { - --wp-admin-border-width-focus: 1.5px; +@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ + body.admin-color-ocean{ + --wp-admin-border-width-focus:1.5px; } } -body.admin-color-sunrise { - --wp-admin-theme-color: #dd823b; - --wp-admin-theme-color--rgb: 221, 130, 59; - --wp-admin-theme-color-darker-10: #d97426; - --wp-admin-theme-color-darker-10--rgb: 217, 116, 38; - --wp-admin-theme-color-darker-20: #c36922; - --wp-admin-theme-color-darker-20--rgb: 195, 105, 34; - --wp-admin-border-width-focus: 2px; +body.admin-color-sunrise{ + --wp-admin-theme-color:#dd823b; + --wp-admin-theme-color--rgb:221, 130, 59; + --wp-admin-theme-color-darker-10:#d97426; + --wp-admin-theme-color-darker-10--rgb:217, 116, 38; + --wp-admin-theme-color-darker-20:#c36922; + --wp-admin-theme-color-darker-20--rgb:195, 105, 34; + --wp-admin-border-width-focus:2px; } -@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { - body.admin-color-sunrise { - --wp-admin-border-width-focus: 1.5px; +@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ + body.admin-color-sunrise{ + --wp-admin-border-width-focus:1.5px; } } \ No newline at end of file diff --git a/wp-includes/css/dist/edit-site/style.css b/wp-includes/css/dist/edit-site/style.css index e01e47fa86..fcf1f4a3f5 100644 --- a/wp-includes/css/dist/edit-site/style.css +++ b/wp-includes/css/dist/edit-site/style.css @@ -1,2414 +1,2236 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -:root { - --wp-admin-theme-color: #007cba; - --wp-admin-theme-color--rgb: 0, 124, 186; - --wp-admin-theme-color-darker-10: #006ba1; - --wp-admin-theme-color-darker-10--rgb: 0, 107, 161; - --wp-admin-theme-color-darker-20: #005a87; - --wp-admin-theme-color-darker-20--rgb: 0, 90, 135; - --wp-admin-border-width-focus: 2px; -} -@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { - :root { - --wp-admin-border-width-focus: 1.5px; - } -} - -.components-panel__header.interface-complementary-area-header__small { - background: #fff; - padding-right: 4px; -} -.components-panel__header.interface-complementary-area-header__small .interface-complementary-area-header__small-title { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - width: 100%; -} -@media (min-width: 782px) { - .components-panel__header.interface-complementary-area-header__small { - display: none; - } -} - -.interface-complementary-area-header { - background: #fff; - padding-right: 4px; -} -.interface-complementary-area-header .components-button.has-icon { - display: none; - margin-left: auto; -} -.interface-complementary-area-header .components-button.has-icon ~ .components-button { - margin-left: 0; -} -@media (min-width: 782px) { - .interface-complementary-area-header .components-button.has-icon { - display: flex; - } -} - -@media (min-width: 782px) { - .components-panel__header + .interface-complementary-area-header { - margin-top: 0; - } -} - -.interface-complementary-area { - background: #fff; - color: #1e1e1e; -} -@media (min-width: 600px) { - .interface-complementary-area { - -webkit-overflow-scrolling: touch; - } -} -@media (min-width: 782px) { - .interface-complementary-area { - width: 280px; - } +:root{ + --wp-admin-theme-color:#007cba; + --wp-admin-theme-color--rgb:0, 124, 186; + --wp-admin-theme-color-darker-10:#006ba1; + --wp-admin-theme-color-darker-10--rgb:0, 107, 161; + --wp-admin-theme-color-darker-20:#005a87; + --wp-admin-theme-color-darker-20--rgb:0, 90, 135; + --wp-admin-border-width-focus:2px; } -.interface-complementary-area .components-panel { - border: none; - position: relative; - z-index: 0; +@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ + :root{ + --wp-admin-border-width-focus:1.5px; + } +} + +.components-panel__header.interface-complementary-area-header__small{ + background:#fff; + padding-right:4px; +} +.components-panel__header.interface-complementary-area-header__small .interface-complementary-area-header__small-title{ + overflow:hidden; + text-overflow:ellipsis; + white-space:nowrap; + width:100%; +} +@media (min-width:782px){ + .components-panel__header.interface-complementary-area-header__small{ + display:none; + } +} + +.interface-complementary-area-header{ + background:#fff; + padding-right:4px; +} +.interface-complementary-area-header .components-button.has-icon{ + display:none; + margin-left:auto; +} +.interface-complementary-area-header .components-button.has-icon~.components-button{ + margin-left:0; +} +@media (min-width:782px){ + .interface-complementary-area-header .components-button.has-icon{ + display:flex; + } + .components-panel__header+.interface-complementary-area-header{ + margin-top:0; + } +} + +.interface-complementary-area{ + background:#fff; + color:#1e1e1e; +} +@media (min-width:600px){ + .interface-complementary-area{ + -webkit-overflow-scrolling:touch; + } +} +@media (min-width:782px){ + .interface-complementary-area{ + width:280px; + } +} +.interface-complementary-area .components-panel{ + border:none; + position:relative; + z-index:0; } -.interface-complementary-area .components-panel__header { - position: sticky; - top: 0; - z-index: 1; +.interface-complementary-area .components-panel__header{ + position:sticky; + top:0; + z-index:1; } -.interface-complementary-area .components-panel__header.edit-post-sidebar__panel-tabs { - top: 48px; +.interface-complementary-area .components-panel__header.edit-post-sidebar__panel-tabs{ + top:48px; } -@media (min-width: 782px) { - .interface-complementary-area .components-panel__header.edit-post-sidebar__panel-tabs { - top: 0; +@media (min-width:782px){ + .interface-complementary-area .components-panel__header.edit-post-sidebar__panel-tabs{ + top:0; } } -.interface-complementary-area p:not(.components-base-control__help) { - margin-top: 0; +.interface-complementary-area p:not(.components-base-control__help){ + margin-top:0; } -.interface-complementary-area h2 { - font-size: 13px; - color: #1e1e1e; - margin-bottom: 1.5em; +.interface-complementary-area h2{ + color:#1e1e1e; + font-size:13px; + margin-bottom:1.5em; } -.interface-complementary-area h3 { - font-size: 11px; - text-transform: uppercase; - font-weight: 500; - color: #1e1e1e; - margin-bottom: 1.5em; +.interface-complementary-area h3{ + color:#1e1e1e; + font-size:11px; + font-weight:500; + margin-bottom:1.5em; + text-transform:uppercase; } -.interface-complementary-area hr { - border-top: none; - border-bottom: 1px solid #f0f0f0; - margin: 1.5em 0; +.interface-complementary-area hr{ + border-bottom:1px solid #f0f0f0; + border-top:none; + margin:1.5em 0; } -.interface-complementary-area div.components-toolbar-group, -.interface-complementary-area div.components-toolbar { - box-shadow: none; - margin-bottom: 1.5em; +.interface-complementary-area div.components-toolbar,.interface-complementary-area div.components-toolbar-group{ + box-shadow:none; + margin-bottom:1.5em; } -.interface-complementary-area div.components-toolbar-group:last-child, -.interface-complementary-area div.components-toolbar:last-child { - margin-bottom: 0; +.interface-complementary-area div.components-toolbar-group:last-child,.interface-complementary-area div.components-toolbar:last-child{ + margin-bottom:0; } -.interface-complementary-area .block-editor-skip-to-selected-block:focus { - top: auto; - right: 10px; - bottom: 10px; - left: auto; +.interface-complementary-area .block-editor-skip-to-selected-block:focus{ + bottom:10px; + left:auto; + right:10px; + top:auto; } -@media (min-width: 782px) { - body.js.is-fullscreen-mode { - margin-top: -32px; - height: calc(100% + 32px); +@media (min-width:782px){ + body.js.is-fullscreen-mode{ + height:calc(100% + 32px); + margin-top:-32px; } - body.js.is-fullscreen-mode #adminmenumain, -body.js.is-fullscreen-mode #wpadminbar { - display: none; + body.js.is-fullscreen-mode #adminmenumain,body.js.is-fullscreen-mode #wpadminbar{ + display:none; } - body.js.is-fullscreen-mode #wpcontent, -body.js.is-fullscreen-mode #wpfooter { - margin-left: 0; + body.js.is-fullscreen-mode #wpcontent,body.js.is-fullscreen-mode #wpfooter{ + margin-left:0; } } -html.interface-interface-skeleton__html-container { - position: fixed; - width: 100%; +html.interface-interface-skeleton__html-container{ + position:fixed; + width:100%; } -@media (min-width: 782px) { - html.interface-interface-skeleton__html-container { - position: initial; - width: initial; +@media (min-width:782px){ + html.interface-interface-skeleton__html-container{ + position:static; + width:auto; } } -.interface-interface-skeleton { - display: flex; - flex-direction: row; - height: auto; - max-height: 100%; - position: fixed; - top: 46px; - left: 0; - right: 0; - bottom: 0; +.interface-interface-skeleton{ + bottom:0; + display:flex; + flex-direction:row; + height:auto; + max-height:100%; + position:fixed; + right:0; + top:46px; } -@media (min-width: 783px) { - .interface-interface-skeleton { - top: 32px; +@media (min-width:783px){ + .interface-interface-skeleton{ + top:32px; } - .is-fullscreen-mode .interface-interface-skeleton { - top: 0; + .is-fullscreen-mode .interface-interface-skeleton{ + top:0; } } -.interface-interface-skeleton__editor { - display: flex; - flex-direction: column; - flex: 0 1 100%; - overflow: hidden; +.interface-interface-skeleton__editor{ + display:flex; + flex:0 1 100%; + flex-direction:column; + overflow:hidden; } -.interface-interface-skeleton { - /* Set left position when auto-fold is not on the body element. */ - left: 0; +.interface-interface-skeleton{ + left:0; } -@media (min-width: 783px) { - .interface-interface-skeleton { - left: 160px; +@media (min-width:783px){ + .interface-interface-skeleton{ + left:160px; } } - -.auto-fold .interface-interface-skeleton { - /* Auto fold is when on smaller breakpoints, nav menu auto collapses. */ -} -@media (min-width: 783px) { - .auto-fold .interface-interface-skeleton { - left: 36px; +@media (min-width:783px){ + .auto-fold .interface-interface-skeleton{ + left:36px; } } -@media (min-width: 961px) { - .auto-fold .interface-interface-skeleton { - left: 160px; +@media (min-width:961px){ + .auto-fold .interface-interface-skeleton{ + left:160px; } } - -/* Sidebar manually collapsed. */ -.folded .interface-interface-skeleton { - left: 0; +.folded .interface-interface-skeleton{ + left:0; } -@media (min-width: 783px) { - .folded .interface-interface-skeleton { - left: 36px; +@media (min-width:783px){ + .folded .interface-interface-skeleton{ + left:36px; } } -body.is-fullscreen-mode .interface-interface-skeleton { - left: 0 !important; +body.is-fullscreen-mode .interface-interface-skeleton{ + left:0 !important; } -.interface-interface-skeleton__body { - flex-grow: 1; - display: flex; - overflow: auto; - overscroll-behavior-y: none; +.interface-interface-skeleton__body{ + display:flex; + flex-grow:1; + overflow:auto; + overscroll-behavior-y:none; } -@media (min-width: 782px) { - .has-footer .interface-interface-skeleton__body { - padding-bottom: 25px; +@media (min-width:782px){ + .has-footer .interface-interface-skeleton__body{ + padding-bottom:25px; } } -.interface-interface-skeleton__content { - flex-grow: 1; - display: flex; - flex-direction: column; - overflow: auto; - z-index: 20; +.interface-interface-skeleton__content{ + display:flex; + flex-direction:column; + flex-grow:1; + overflow:auto; + z-index:20; } -.interface-interface-skeleton__secondary-sidebar, -.interface-interface-skeleton__sidebar { - display: block; - flex-shrink: 0; - position: absolute; - z-index: 100000; - top: 0; - right: 0; - bottom: 0; - left: 0; - background: #fff; - color: #1e1e1e; +.interface-interface-skeleton__secondary-sidebar,.interface-interface-skeleton__sidebar{ + background:#fff; + bottom:0; + color:#1e1e1e; + display:block; + flex-shrink:0; + left:0; + position:absolute; + right:0; + top:0; + z-index:100000; } -@media (min-width: 782px) { - .interface-interface-skeleton__secondary-sidebar, -.interface-interface-skeleton__sidebar { - position: relative !important; - z-index: 90; - width: auto; +@media (min-width:782px){ + .interface-interface-skeleton__secondary-sidebar,.interface-interface-skeleton__sidebar{ + position:relative !important; + width:auto; + z-index:90; } } -.interface-interface-skeleton__sidebar { - overflow: auto; +.interface-interface-skeleton__sidebar{ + overflow:auto; } -@media (min-width: 782px) { - .interface-interface-skeleton__sidebar { - border-left: 1px solid #e0e0e0; +@media (min-width:782px){ + .interface-interface-skeleton__sidebar{ + border-left:1px solid #e0e0e0; } -} - -@media (min-width: 782px) { - .interface-interface-skeleton__secondary-sidebar { - border-right: 1px solid #e0e0e0; + .interface-interface-skeleton__secondary-sidebar{ + border-right:1px solid #e0e0e0; } } -.interface-interface-skeleton__header { - flex-shrink: 0; - height: auto; - border-bottom: 1px solid #e0e0e0; - z-index: 30; - color: #1e1e1e; +.interface-interface-skeleton__header{ + border-bottom:1px solid #e0e0e0; + color:#1e1e1e; + flex-shrink:0; + height:auto; + z-index:30; } -.interface-interface-skeleton__footer { - height: auto; - flex-shrink: 0; - border-top: 1px solid #e0e0e0; - color: #1e1e1e; - position: absolute; - bottom: 0; - left: 0; - width: 100%; - background-color: #fff; - z-index: 90; - display: none; +.interface-interface-skeleton__footer{ + background-color:#fff; + border-top:1px solid #e0e0e0; + bottom:0; + color:#1e1e1e; + display:none; + flex-shrink:0; + height:auto; + left:0; + position:absolute; + width:100%; + z-index:90; } -@media (min-width: 782px) { - .interface-interface-skeleton__footer { - display: flex; +@media (min-width:782px){ + .interface-interface-skeleton__footer{ + display:flex; } } -.interface-interface-skeleton__footer .block-editor-block-breadcrumb { - z-index: 30; - display: flex; - background: #fff; - height: 24px; - align-items: center; - font-size: 13px; - padding: 0 18px; +.interface-interface-skeleton__footer .block-editor-block-breadcrumb{ + align-items:center; + background:#fff; + display:flex; + font-size:13px; + height:24px; + padding:0 18px; + z-index:30; } -.interface-interface-skeleton__actions { - z-index: 100000; - position: fixed !important; - top: -9999em; - bottom: auto; - left: auto; - right: 0; - width: 280px; - color: #1e1e1e; +.interface-interface-skeleton__actions{ + bottom:auto; + color:#1e1e1e; + left:auto; + position:fixed !important; + right:0; + top:-9999em; + width:280px; + z-index:100000; } -.interface-interface-skeleton__actions:focus { - top: auto; - bottom: 0; +.interface-interface-skeleton__actions:focus{ + bottom:0; + top:auto; } -.interface-more-menu-dropdown { - margin-left: -4px; +.interface-more-menu-dropdown{ + margin-left:-4px; } -.interface-more-menu-dropdown .components-button { - width: auto; - padding: 0 2px; +.interface-more-menu-dropdown .components-button{ + padding:0 2px; + width:auto; } -@media (min-width: 600px) { - .interface-more-menu-dropdown { - margin-left: 0; +@media (min-width:600px){ + .interface-more-menu-dropdown{ + margin-left:0; } - .interface-more-menu-dropdown .components-button { - padding: 0 4px; + .interface-more-menu-dropdown .components-button{ + padding:0 4px; } } -.interface-more-menu-dropdown__content .components-popover__content { - min-width: 280px; +.interface-more-menu-dropdown__content .components-popover__content{ + min-width:280px; } -@media (min-width: 480px) { - .interface-more-menu-dropdown__content .components-popover__content { - max-width: 480px; +@media (min-width:480px){ + .interface-more-menu-dropdown__content .components-popover__content{ + max-width:480px; } } -.interface-more-menu-dropdown__content .components-popover__content .components-dropdown-menu__menu { - padding: 0; +.interface-more-menu-dropdown__content .components-popover__content .components-dropdown-menu__menu{ + padding:0; } -.components-popover.interface-more-menu-dropdown__content { - z-index: 99998; +.components-popover.interface-more-menu-dropdown__content{ + z-index:99998; } -.interface-pinned-items { - display: flex; - gap: 4px; - margin-right: -4px; +.interface-pinned-items{ + display:flex; + gap:4px; + margin-right:-4px; } -.interface-pinned-items .components-button:not(:first-child) { - display: none; +.interface-pinned-items .components-button:not(:first-child){ + display:none; } -@media (min-width: 600px) { - .interface-pinned-items .components-button:not(:first-child) { - display: flex; +@media (min-width:600px){ + .interface-pinned-items .components-button:not(:first-child){ + display:flex; } } -.interface-pinned-items .components-button { - margin: 0; +.interface-pinned-items .components-button{ + margin:0; } -.interface-pinned-items .components-button svg { - max-width: 24px; - max-height: 24px; +.interface-pinned-items .components-button svg{ + max-height:24px; + max-width:24px; } -@media (min-width: 600px) { - .interface-preferences-modal { - width: calc(100% - 32px); - height: calc(100% - 120px); +@media (min-width:600px){ + .interface-preferences-modal{ + height:calc(100% - 120px); + width:calc(100% - 32px); } } -@media (min-width: 782px) { - .interface-preferences-modal { - width: 750px; +@media (min-width:782px){ + .interface-preferences-modal{ + width:750px; } } -@media (min-width: 960px) { - .interface-preferences-modal { - height: 70%; +@media (min-width:960px){ + .interface-preferences-modal{ + height:70%; } } -@media (max-width: 781px) { - .interface-preferences-modal .components-modal__content { - padding: 0; +@media (max-width:781px){ + .interface-preferences-modal .components-modal__content{ + padding:0; } } -.interface-preferences__tabs .components-tab-panel__tabs { - position: absolute; - top: 84px; - left: 16px; - width: 160px; +.interface-preferences__tabs .components-tab-panel__tabs{ + left:16px; + position:absolute; + top:84px; + width:160px; } -.interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item { - border-radius: 2px; - font-weight: 400; +.interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item{ + border-radius:2px; + font-weight:400; } -.interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item.is-active { - background: #f0f0f0; - box-shadow: none; - font-weight: 500; +.interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item.is-active{ + background:#f0f0f0; + box-shadow:none; + font-weight:500; } -.interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item:focus:not(:disabled) { - box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); +.interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item:focus:not(:disabled){ + box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); } -.interface-preferences__tabs .components-tab-panel__tab-content { - padding-left: 24px; - margin-left: 160px; +.interface-preferences__tabs .components-tab-panel__tab-content{ + margin-left:160px; + padding-left:24px; } -@media (max-width: 781px) { - .interface-preferences__provider { - height: 100%; +@media (max-width:781px){ + .interface-preferences__provider{ + height:100%; } } -.interface-preferences-modal__section { - margin: 0 0 2.5rem 0; +.interface-preferences-modal__section{ + margin:0 0 2.5rem; } -.interface-preferences-modal__section:last-child { - margin: 0; +.interface-preferences-modal__section:last-child{ + margin:0; } -.interface-preferences-modal__section-legend { - margin-bottom: 8px; +.interface-preferences-modal__section-legend{ + margin-bottom:8px; } -.interface-preferences-modal__section-title { - font-size: 0.9rem; - font-weight: 600; - margin-top: 0; +.interface-preferences-modal__section-title{ + font-size:.9rem; + font-weight:600; + margin-top:0; } -.interface-preferences-modal__section-description { - margin: -8px 0 8px 0; - font-size: 12px; - font-style: normal; - color: #757575; +.interface-preferences-modal__section-description{ + color:#757575; + font-size:12px; + font-style:normal; + margin:-8px 0 8px; } -.interface-preferences-modal__option + .interface-preferences-modal__option { - margin-top: 16px; +.interface-preferences-modal__option+.interface-preferences-modal__option{ + margin-top:16px; } -.interface-preferences-modal__option .components-base-control__help { - margin-top: 0; - margin-left: 48px; +.interface-preferences-modal__option .components-base-control__help{ + margin-left:48px; + margin-top:0; } -.edit-site-block-editor__editor-styles-wrapper .components-button { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - font-size: 13px; - padding: 6px 12px; +.edit-site-block-editor__editor-styles-wrapper .components-button{ + font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; + font-size:13px; + padding:6px 12px; } -.edit-site-block-editor__editor-styles-wrapper .components-button.is-tertiary, .edit-site-block-editor__editor-styles-wrapper .components-button.has-icon { - padding: 6px; +.edit-site-block-editor__editor-styles-wrapper .components-button.has-icon,.edit-site-block-editor__editor-styles-wrapper .components-button.is-tertiary{ + padding:6px; } -.edit-site-visual-editor { - position: relative; - background-color: #2f2f2f; - align-items: center; +.edit-site-visual-editor{ + align-items:center; + background-color:#2f2f2f; } -.edit-site-visual-editor.is-focus-mode { - padding: 48px; +.edit-site-visual-editor.is-focus-mode{ + padding:48px; } -.edit-site-visual-editor.is-focus-mode .edit-site-visual-editor__editor-canvas { - border-radius: 2px; - max-height: 100%; +.edit-site-visual-editor.is-focus-mode .edit-site-visual-editor__editor-canvas{ + border-radius:2px; + max-height:100%; } -.edit-site-visual-editor.is-focus-mode .components-resizable-box__container { - overflow: visible; +.edit-site-visual-editor.is-focus-mode .components-resizable-box__container{ + overflow:visible; } -.edit-site-visual-editor .components-resizable-box__container { - margin: 0 auto; - overflow: auto; +.edit-site-visual-editor .components-resizable-box__container{ + margin:0 auto; + overflow:auto; } -.edit-site-visual-editor__back-button { - position: absolute; - top: 8px; - left: 8px; - color: #fff; +.edit-site-visual-editor__back-button{ + color:#fff; + left:8px; + position:absolute; + top:8px; } -.edit-site-visual-editor__back-button:active:not([aria-disabled=true]), .edit-site-visual-editor__back-button:focus:not([aria-disabled=true]), .edit-site-visual-editor__back-button:hover { - color: #f0f0f0; +.edit-site-visual-editor__back-button:active:not([aria-disabled=true]),.edit-site-visual-editor__back-button:focus:not([aria-disabled=true]),.edit-site-visual-editor__back-button:hover{ + color:#f0f0f0; } -.resizable-editor__drag-handle { - position: absolute; - top: 0; - bottom: 0; - padding: 0; - margin: auto 0; - width: 4px; - height: 100px; - -webkit-appearance: none; - appearance: none; - cursor: ew-resize; - outline: none; - background: #949494; - border-radius: 2px; - border: 0; +.resizable-editor__drag-handle{ + -webkit-appearance:none; + appearance:none; + background:#949494; + border:0; + border-radius:2px; + bottom:0; + cursor:ew-resize; + height:100px; + margin:auto 0; + outline:none; + padding:0; + position:absolute; + top:0; + width:4px; } -.resizable-editor__drag-handle.is-left { - left: -16px; +.resizable-editor__drag-handle.is-left{ + left:-16px; } -.resizable-editor__drag-handle.is-right { - right: -16px; +.resizable-editor__drag-handle.is-right{ + right:-16px; } -.resizable-editor__drag-handle:hover, .resizable-editor__drag-handle:active { - background: #ccc; +.resizable-editor__drag-handle:active,.resizable-editor__drag-handle:hover{ + background:#ccc; } -.resizable-editor__drag-handle:focus { - box-shadow: 0 0 0 1px #2f2f2f, 0 0 0 calc(var(--wp-admin-border-width-focus) + 1px) var(--wp-admin-theme-color); +.resizable-editor__drag-handle:focus{ + box-shadow:0 0 0 1px #2f2f2f, 0 0 0 calc(var(--wp-admin-border-width-focus) + 1px) var(--wp-admin-theme-color); } -.edit-site-code-editor { - position: relative; - width: 100%; - background-color: #fff; - flex-grow: 1; +.edit-site-code-editor{ + background-color:#fff; + flex-grow:1; + position:relative; + width:100%; } -.edit-site-code-editor__body { - width: 100%; - padding: 12px; - max-width: 1080px; - margin-left: auto; - margin-right: auto; +.edit-site-code-editor__body{ + margin-left:auto; + margin-right:auto; + max-width:1080px; + padding:12px; + width:100%; } -@media (min-width: 960px) { - .edit-site-code-editor__body { - padding: 24px; +@media (min-width:960px){ + .edit-site-code-editor__body{ + padding:24px; } } -.edit-site-code-editor__toolbar { - position: sticky; - z-index: 1; - top: 0; - left: 0; - right: 0; - display: flex; - background: rgba(255, 255, 255, 0.8); - padding: 4px 12px; +.edit-site-code-editor__toolbar{ + background:hsla(0,0%,100%,.8); + display:flex; + left:0; + padding:4px 12px; + position:sticky; + right:0; + top:0; + z-index:1; } -@media (min-width: 600px) { - .edit-site-code-editor__toolbar { - padding: 12px; +@media (min-width:600px){ + .edit-site-code-editor__toolbar{ + padding:12px; } } -@media (min-width: 960px) { - .edit-site-code-editor__toolbar { - padding: 12px 24px; +@media (min-width:960px){ + .edit-site-code-editor__toolbar{ + padding:12px 24px; } } -.edit-site-code-editor__toolbar h2 { - line-height: 36px; - margin: 0 auto 0 0; - font-size: 13px; - color: #1e1e1e; +.edit-site-code-editor__toolbar h2{ + color:#1e1e1e; + font-size:13px; + line-height:36px; + margin:0 auto 0 0; } -.edit-site-code-editor__toolbar .components-button svg { - order: 1; +.edit-site-code-editor__toolbar .components-button svg{ + order:1; } -textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area { - border: 1px solid #949494; - border-radius: 0; - display: block; - margin: 0; - width: 100%; - box-shadow: none; - resize: none; - overflow: hidden; - font-family: Menlo, Consolas, monaco, monospace; - line-height: 2.4; - min-height: 200px; - transition: border 0.1s ease-out, box-shadow 0.1s linear; - padding: 16px; - /* Fonts smaller than 16px causes mobile safari to zoom. */ - font-size: 16px !important; -} -@media (prefers-reduced-motion: reduce) { - textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area { - transition-duration: 0s; - transition-delay: 0s; - } +textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area{ + border:1px solid #949494; + border-radius:0; + box-shadow:none; + display:block; + font-family:Menlo,Consolas,monaco,monospace; + font-size:16px !important; + line-height:2.4; + margin:0; + min-height:200px; + overflow:hidden; + padding:16px; + resize:none; + transition:border .1s ease-out,box-shadow .1s linear; + width:100%; } -@media (min-width: 600px) { - textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area { - padding: 24px; +@media (prefers-reduced-motion:reduce){ + textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area{ + transition-delay:0s; + transition-duration:0s; } } -@media (min-width: 600px) { - textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area { - font-size: 15px !important; +@media (min-width:600px){ + textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area{ + font-size:15px !important; + padding:24px; } } -textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area:focus { - border-color: var(--wp-admin-theme-color); - box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); - position: relative; +textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area:focus{ + border-color:var(--wp-admin-theme-color); + box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); + position:relative; } -textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area::-webkit-input-placeholder { - color: rgba(30, 30, 30, 0.62); +textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area::-webkit-input-placeholder{ + color:rgba(30,30,30,.62); } -textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area::-moz-placeholder { - color: rgba(30, 30, 30, 0.62); - opacity: 1; +textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area::-moz-placeholder{ + color:rgba(30,30,30,.62); + opacity:1; } -textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area:-ms-input-placeholder { - color: rgba(30, 30, 30, 0.62); +textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area:-ms-input-placeholder{ + color:rgba(30,30,30,.62); } -.edit-site-global-styles-preview { - display: flex; - align-items: center; - justify-content: center; - line-height: 1; - cursor: pointer; +.edit-site-global-styles-preview{ + align-items:center; + cursor:pointer; + display:flex; + justify-content:center; + line-height:1; } -.edit-site-global-styles-preview__iframe { - max-width: 100%; - display: block; +.edit-site-global-styles-preview__iframe{ + display:block; + max-width:100%; } -.edit-site-typography-panel__preview { - display: flex; - align-items: center; - justify-content: center; - min-height: 100px; - margin-bottom: 16px; - background: #f0f0f0; - border-radius: 2px; +.edit-site-typography-panel__preview{ + align-items:center; + background:#f0f0f0; + border-radius:2px; + display:flex; + justify-content:center; + margin-bottom:16px; + min-height:100px; } -.edit-site-typography-panel__full-width-control { - grid-column: 1/-1; - max-width: 100%; +.edit-site-typography-panel__full-width-control{ + grid-column:1 / -1; + max-width:100%; } -.edit-site-global-styles-screen-heading-color, -.edit-site-global-styles-screen-typography { - margin: 16px; +.edit-site-global-styles-screen-heading-color,.edit-site-global-styles-screen-typography{ + margin:16px; } -.edit-site-global-styles-screen-typography__indicator { - height: 24px; - width: 24px; - font-size: 14px; - display: flex !important; - align-items: center; - justify-content: center; - border-radius: 2px; +.edit-site-global-styles-screen-typography__indicator{ + align-items:center; + border-radius:2px; + display:flex !important; + font-size:14px; + height:24px; + justify-content:center; + width:24px; } -.edit-site-global-styles-screen-colors { - margin: 16px; +.edit-site-global-styles-screen-colors{ + margin:16px; } -.edit-site-global-styles-screen-colors .component-color-indicator { - background: linear-gradient(-45deg, transparent 48%, #ddd 48%, #ddd 52%, transparent 52%); - flex-shrink: 0; +.edit-site-global-styles-screen-colors .component-color-indicator{ + background:linear-gradient(-45deg, transparent 48%, #ddd 0, #ddd 52%, transparent 0); + flex-shrink:0; } -.edit-site-global-styles-header__description, -.edit-site-block-types-search { - padding: 0 16px; +.edit-site-block-types-search,.edit-site-global-styles-header__description{ + padding:0 16px; } -.edit-site-global-styles-subtitle { - margin-bottom: 0 !important; - text-transform: uppercase; - font-weight: 500 !important; - font-size: 11px !important; +.edit-site-global-styles-subtitle{ + font-size:11px !important; + font-weight:500 !important; + margin-bottom:0 !important; + text-transform:uppercase; } -.edit-site-global-styles-section-title { - color: #2f2f2f; - font-weight: 600; - line-height: 1.2; - padding: 16px; - padding-bottom: 0; - margin: 0; +.edit-site-global-styles-section-title{ + color:#2f2f2f; + font-weight:600; + line-height:1.2; + margin:0; + padding:16px 16px 0; } -.edit-site-screen-text-color__control, -.edit-site-screen-link-color__control, -.edit-site-screen-button-color__control { - padding: 16px; +.edit-site-screen-button-color__control,.edit-site-screen-link-color__control,.edit-site-screen-text-color__control{ + padding:16px; } -.edit-site-global-styles-variations_item { - box-sizing: border-box; +.edit-site-global-styles-variations_item{ + box-sizing:border-box; } -.edit-site-global-styles-variations_item .edit-site-global-styles-variations_item-preview { - padding: 2px; - border-radius: 2px; - border: #e0e0e0 1px solid; +.edit-site-global-styles-variations_item .edit-site-global-styles-variations_item-preview{ + border:1px solid #e0e0e0; + border-radius:2px; + padding:2px; } -.edit-site-global-styles-variations_item.is-active .edit-site-global-styles-variations_item-preview { - border: #1e1e1e 1px solid; +.edit-site-global-styles-variations_item.is-active .edit-site-global-styles-variations_item-preview{ + border:1px solid #1e1e1e; } -.edit-site-global-styles-variations_item:hover .edit-site-global-styles-variations_item-preview { - border: var(--wp-admin-theme-color) 1px solid; -} -.edit-site-global-styles-variations_item:focus .edit-site-global-styles-variations_item-preview { - border: var(--wp-admin-theme-color) 1px solid; +.edit-site-global-styles-variations_item:focus .edit-site-global-styles-variations_item-preview,.edit-site-global-styles-variations_item:hover .edit-site-global-styles-variations_item-preview{ + border:1px solid var(--wp-admin-theme-color); } -.edit-site-global-styles-icon-with-current-color { - fill: currentColor; +.edit-site-global-styles-icon-with-current-color{ + fill:currentColor; } -.edit-site-global-styles__color-indicator-wrapper { - height: 24px; - flex-shrink: 0; +.edit-site-global-styles__color-indicator-wrapper{ + flex-shrink:0; + height:24px; } -.edit-site-global-styles__color-label { - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; +.edit-site-global-styles__color-label{ + overflow:hidden; + text-overflow:ellipsis; + white-space:nowrap; } -.edit-site-header { - align-items: center; - background-color: #fff; - display: flex; - height: 60px; - box-sizing: border-box; - width: 100%; - justify-content: space-between; +.edit-site-header{ + align-items:center; + background-color:#fff; + box-sizing:border-box; + display:flex; + height:60px; + justify-content:space-between; + width:100%; } -body.is-fullscreen-mode .edit-site-header { - padding-left: 60px; - transition: padding-left 20ms linear; - transition-delay: 80ms; +body.is-fullscreen-mode .edit-site-header{ + padding-left:60px; + transition:padding-left 20ms linear; + transition-delay:80ms; } -@media (prefers-reduced-motion: reduce) { - body.is-fullscreen-mode .edit-site-header { - transition-duration: 0s; - transition-delay: 0s; +@media (prefers-reduced-motion:reduce){ + body.is-fullscreen-mode .edit-site-header{ + transition-delay:0s; + transition-duration:0s; } } -.edit-site-header .edit-site-header_start { - display: flex; - border: none; +.edit-site-header .edit-site-header_start{ + border:none; + display:flex; } -.edit-site-header .edit-site-header_end { - display: flex; - justify-content: flex-end; +.edit-site-header .edit-site-header_end{ + display:flex; + justify-content:flex-end; } -.edit-site-header .edit-site-header_center { - display: flex; - align-items: center; - height: 100%; - flex-grow: 1; - justify-content: center; - min-width: 0; +.edit-site-header .edit-site-header_center{ + align-items:center; + display:flex; + flex-grow:1; + height:100%; + justify-content:center; + min-width:0; } -body.is-navigation-sidebar-open .edit-site-header { - padding-left: 0; - transition: padding-left 20ms linear; - transition-delay: 0ms; +body.is-navigation-sidebar-open .edit-site-header{ + padding-left:0; + transition:padding-left 20ms linear; + transition-delay:0ms; } -@media (prefers-reduced-motion: reduce) { - body.is-navigation-sidebar-open .edit-site-header { - transition-duration: 0s; - transition-delay: 0s; +@media (prefers-reduced-motion:reduce){ + body.is-navigation-sidebar-open .edit-site-header{ + transition-delay:0s; + transition-duration:0s; } } -@media (max-width: 959px) { - body.is-navigation-sidebar-open .edit-site-header .edit-site-header-toolbar__inserter-toggle ~ .components-button, -body.is-navigation-sidebar-open .edit-site-header .edit-site-header_end .components-button:not(.is-primary) { - display: none; +@media (max-width:959px){ + body.is-navigation-sidebar-open .edit-site-header .edit-site-header-toolbar__inserter-toggle~.components-button,body.is-navigation-sidebar-open .edit-site-header .edit-site-header_end .components-button:not(.is-primary){ + display:none; } - body.is-navigation-sidebar-open .edit-site-header .edit-site-save-button__button { - margin-right: 0; + body.is-navigation-sidebar-open .edit-site-header .edit-site-save-button__button{ + margin-right:0; } } -.edit-site-header__toolbar { - display: flex; - align-items: center; - padding-left: 8px; +.edit-site-header__toolbar{ + align-items:center; + display:flex; + padding-left:8px; } -@media (min-width: 600px) { - .edit-site-header__toolbar { - padding-left: 24px; +@media (min-width:600px){ + .edit-site-header__toolbar{ + padding-left:24px; } } -@media (min-width: 1280px) { - .edit-site-header__toolbar { - padding-right: 8px; +@media (min-width:1280px){ + .edit-site-header__toolbar{ + padding-right:8px; } } -.edit-site-header__toolbar .edit-site-header-toolbar__inserter-toggle { - margin-right: 8px; - min-width: 32px; - width: 32px; - height: 32px; - padding: 0; +.edit-site-header__toolbar .edit-site-header-toolbar__inserter-toggle{ + height:32px; + margin-right:8px; + min-width:32px; + padding:0; + width:32px; } -.edit-site-header__toolbar .edit-site-header-toolbar__inserter-toggle svg { - transition: transform cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s; +.edit-site-header__toolbar .edit-site-header-toolbar__inserter-toggle svg{ + transition:transform .2s cubic-bezier(.165, .84, .44, 1); } -@media (prefers-reduced-motion: reduce) { - .edit-site-header__toolbar .edit-site-header-toolbar__inserter-toggle svg { - transition-duration: 0s; - transition-delay: 0s; +@media (prefers-reduced-motion:reduce){ + .edit-site-header__toolbar .edit-site-header-toolbar__inserter-toggle svg{ + transition-delay:0s; + transition-duration:0s; } } -.edit-site-header__toolbar .edit-site-header-toolbar__inserter-toggle.is-pressed svg { - transform: rotate(45deg); -} - -.edit-site-header__toolbar-switchers { - align-items: center; - display: flex; +.edit-site-header__toolbar .edit-site-header-toolbar__inserter-toggle.is-pressed svg{ + transform:rotate(45deg); } -.edit-site-header__toolbar-switchers-separator { - margin: 0 -6px 0; +.edit-site-header__toolbar-switchers{ + align-items:center; + display:flex; } -/** - * Buttons on the right side - */ -.edit-site-header__actions { - display: inline-flex; - align-items: center; - padding-right: 4px; - gap: 4px; +.edit-site-header__toolbar-switchers-separator{ + margin:0 -6px; } -@media (min-width: 600px) { - .edit-site-header__actions { - padding-right: 10px; - } +.edit-site-header__actions{ + align-items:center; + display:inline-flex; + gap:4px; + padding-right:4px; } -@media (min-width: 600px) { - .edit-site-header__actions { - gap: 8px; +@media (min-width:600px){ + .edit-site-header__actions{ + gap:8px; + padding-right:10px; } } -.edit-site-header__actions .interface-pinned-items { - display: none; +.edit-site-header__actions .interface-pinned-items{ + display:none; } -@media (min-width: 782px) { - .edit-site-header__actions .interface-pinned-items { - display: inline-flex; +@media (min-width:782px){ + .edit-site-header__actions .interface-pinned-items{ + display:inline-flex; } } -.edit-site-header__actions__preview-options { - opacity: 1; - transition: opacity 0.3s; +.edit-site-header__actions__preview-options{ + opacity:1; + transition:opacity .3s; } -.edit-site-header__actions__preview-options.is-zoomed-out { - opacity: 0; +.edit-site-header__actions__preview-options.is-zoomed-out{ + opacity:0; } -.edit-site-header__actions-more-menu { - margin-left: -4px; +.edit-site-header__actions-more-menu{ + margin-left:-4px; } -.edit-site-header__actions-more-menu .components-icon-button { - padding: 8px 2px; - width: auto; +.edit-site-header__actions-more-menu .components-icon-button{ + padding:8px 2px; + width:auto; } -@media (min-width: 600px) { - .edit-site-header__actions-more-menu { - margin-left: 4px; +@media (min-width:600px){ + .edit-site-header__actions-more-menu{ + margin-left:4px; } - .edit-site-header__actions-more-menu .components-icon-button { - padding: 8px 4px; + .edit-site-header__actions-more-menu .components-icon-button{ + padding:8px 4px; } } -.edit-site-header_start { - display: flex; - border: none; +.edit-site-header_start{ + border:none; + display:flex; } -.edit-site-header_start .edit-site-header__toolbar > .components-button.has-icon, -.edit-site-header_start .edit-site-header__toolbar > .components-dropdown > .components-button.has-icon { - height: 36px; - min-width: 36px; - padding: 6px; +.edit-site-header_start .edit-site-header__toolbar>.components-button.has-icon,.edit-site-header_start .edit-site-header__toolbar>.components-dropdown>.components-button.has-icon{ + height:36px; + min-width:36px; + padding:6px; } -.edit-site-header_start .edit-site-header__toolbar > .components-button.has-icon.is-pressed, -.edit-site-header_start .edit-site-header__toolbar > .components-dropdown > .components-button.has-icon.is-pressed { - background: #1e1e1e; +.edit-site-header_start .edit-site-header__toolbar>.components-button.has-icon.is-pressed,.edit-site-header_start .edit-site-header__toolbar>.components-dropdown>.components-button.has-icon.is-pressed{ + background:#1e1e1e; } -.edit-site-header_start .edit-site-header__toolbar > .components-button.has-icon:focus:not(:disabled), -.edit-site-header_start .edit-site-header__toolbar > .components-dropdown > .components-button.has-icon:focus:not(:disabled) { - box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 0 0 1px #fff; - outline: 1px solid transparent; +.edit-site-header_start .edit-site-header__toolbar>.components-button.has-icon:focus:not(:disabled),.edit-site-header_start .edit-site-header__toolbar>.components-dropdown>.components-button.has-icon:focus:not(:disabled){ + box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 0 0 1px #fff; + outline:1px solid transparent; } -.edit-site-header_start .edit-site-header__toolbar > .components-button.has-icon::before, -.edit-site-header_start .edit-site-header__toolbar > .components-dropdown > .components-button.has-icon::before { - display: none; +.edit-site-header_start .edit-site-header__toolbar>.components-button.has-icon:before,.edit-site-header_start .edit-site-header__toolbar>.components-dropdown>.components-button.has-icon:before{ + display:none; } -.edit-site-header_start .edit-site-header__toolbar > .edit-site-header-toolbar__inserter-toggle.has-icon { - margin-right: 8px; - min-width: 32px; - width: 32px; - height: 32px; - padding: 0; +.edit-site-header_start .edit-site-header__toolbar>.edit-site-header-toolbar__inserter-toggle.has-icon{ + height:32px; + margin-right:8px; + min-width:32px; + padding:0; + width:32px; } -.edit-site-header_start .edit-site-header__toolbar > .edit-site-header-toolbar__inserter-toggle.has-text.has-icon { - width: auto; - padding: 0 8px; +.edit-site-header_start .edit-site-header__toolbar>.edit-site-header-toolbar__inserter-toggle.has-text.has-icon{ + padding:0 8px; + width:auto; } -.show-icon-labels .edit-site-header .components-button.has-icon { - width: auto; +.show-icon-labels .edit-site-header .components-button.has-icon{ + width:auto; } -.show-icon-labels .edit-site-header .components-button.has-icon svg { - display: none; +.show-icon-labels .edit-site-header .components-button.has-icon svg{ + display:none; } -.show-icon-labels .edit-site-header .components-button.has-icon::after { - content: attr(aria-label); +.show-icon-labels .edit-site-header .components-button.has-icon:after{ + content:attr(aria-label); } -.show-icon-labels .edit-site-header .components-button.has-icon[aria-disabled=true] { - background-color: transparent; +.show-icon-labels .edit-site-header .components-button.has-icon[aria-disabled=true]{ + background-color:initial; } -.show-icon-labels .edit-site-header .is-tertiary:active { - box-shadow: 0 0 0 1.5px var(--wp-admin-theme-color); - background-color: transparent; +.show-icon-labels .edit-site-header .is-tertiary:active{ + background-color:initial; + box-shadow:0 0 0 1.5px var(--wp-admin-theme-color); } -.show-icon-labels .edit-site-header .edit-site-save-button__button { - padding-left: 6px; - padding-right: 6px; +.show-icon-labels .edit-site-header .edit-site-save-button__button{ + padding-left:6px; + padding-right:6px; } -.show-icon-labels .edit-site-header .edit-site-document-actions__get-info.edit-site-document-actions__get-info.edit-site-document-actions__get-info::after { - content: none; +.show-icon-labels .edit-site-header .edit-site-document-actions__get-info.edit-site-document-actions__get-info.edit-site-document-actions__get-info:after{ + content:none; } -.show-icon-labels .edit-site-header .edit-site-header-toolbar__inserter-toggle.edit-site-header-toolbar__inserter-toggle, -.show-icon-labels .edit-site-header .edit-site-document-actions__get-info.edit-site-document-actions__get-info.edit-site-document-actions__get-info { - height: 36px; - padding: 0 8px; +.show-icon-labels .edit-site-header .edit-site-document-actions__get-info.edit-site-document-actions__get-info.edit-site-document-actions__get-info,.show-icon-labels .edit-site-header .edit-site-header-toolbar__inserter-toggle.edit-site-header-toolbar__inserter-toggle{ + height:36px; + padding:0 8px; } -.show-icon-labels .edit-site-header .edit-site-header_start .edit-site-header__toolbar > * + * { - margin-left: 8px; +.show-icon-labels .edit-site-header .edit-site-header_start .edit-site-header__toolbar>*+*{ + margin-left:8px; } -.edit-site-document-actions { - display: flex; - flex-direction: column; - justify-content: center; - padding: 0 8px; - height: 100%; - min-width: 0; +.edit-site-document-actions{ + display:flex; + flex-direction:column; + height:100%; + justify-content:center; + min-width:0; + padding:0 8px; +} +.edit-site-document-actions .edit-site-document-actions__title-wrapper{ + align-items:center; + display:flex; + flex-direction:row; + justify-content:center; + min-width:0; +} +.edit-site-document-actions .edit-site-document-actions__title-wrapper .components-dropdown{ + display:inline-flex; + margin-left:4px; } -.edit-site-document-actions .edit-site-document-actions__title-wrapper { - display: flex; - flex-direction: row; - justify-content: center; - align-items: center; - min-width: 0; -} -.edit-site-document-actions .edit-site-document-actions__title-wrapper .components-dropdown { - display: inline-flex; - margin-left: 4px; -} -.edit-site-document-actions .edit-site-document-actions__title-wrapper .components-dropdown .components-button { - min-width: 0; - padding: 0; -} -.edit-site-document-actions .edit-site-document-actions__title-wrapper > h1 { - margin: 0; - min-width: 0; -} -.edit-site-document-actions .edit-site-document-actions__title { - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; -} -.edit-site-document-actions .edit-site-document-actions__secondary-item { - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - max-width: 0; - opacity: 0; - padding: 0; - transition: all ease 0.2s; - background: #e0e0e0; - border-radius: 2px; -} -@media (prefers-reduced-motion: reduce) { - .edit-site-document-actions .edit-site-document-actions__secondary-item { - transition-duration: 0s; - transition-delay: 0s; - } -} -.edit-site-document-actions.has-secondary-label .edit-site-document-actions__secondary-item { - opacity: 1; - padding: 0 4px; - max-width: 180px; - margin-left: 6px; -} - -.edit-site-document-actions__info-dropdown > .components-popover__content { - padding: 0; - min-width: 240px; -} - -.edit-site-navigation-toggle { - align-items: center; - background: #1e1e1e; - border-radius: 0; - display: flex; - position: absolute; - z-index: 31; - height: 60px; - width: 60px; -} - -.edit-site-navigation-toggle__button.components-button { - align-items: center; - background: #1e1e1e; - border-radius: 0; - color: #fff; - height: 61px; - width: 60px; - z-index: 1; - margin-bottom: -1px; - min-width: 60px; -} -.edit-site-navigation-toggle__button.components-button:hover, .edit-site-navigation-toggle__button.components-button:active { - color: #fff; -} -.edit-site-navigation-toggle__button.components-button:focus { - box-shadow: none; -} -.edit-site-navigation-toggle__button.components-button::before { - transition: box-shadow 0.1s ease; - content: ""; - display: block; - position: absolute; - top: 9px; - right: 9px; - bottom: 9px; - left: 9px; - border-radius: 4px; - box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) #1e1e1e; -} -@media (prefers-reduced-motion: reduce) { - .edit-site-navigation-toggle__button.components-button::before { - transition-duration: 0s; - transition-delay: 0s; - } -} -.edit-site-navigation-toggle__button.components-button:hover::before { - box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) #757575; -} -.edit-site-navigation-toggle__button.components-button.has-icon:hover::before { - box-shadow: none; -} -.edit-site-navigation-toggle__button.components-button:focus::before { - box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) rgba(255, 255, 255, 0.1), inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); -} -.edit-site-navigation-toggle__button.components-button .edit-site-navigation-toggle__site-icon { - width: 36px; - height: 36px; - border-radius: 2px; - -o-object-fit: cover; - object-fit: cover; - margin-top: -1px; -} - -.edit-site-navigation-panel { - height: 100%; - position: relative; - width: 0; - overflow: hidden; - background: #1e1e1e; - color: #fff; - transition: width 100ms linear; -} -@media (prefers-reduced-motion: reduce) { - .edit-site-navigation-panel { - transition-duration: 0s; - transition-delay: 0s; - } -} -@media (min-width: 782px) { - .interface-interface-skeleton.has-footer .edit-site-navigation-panel { - height: calc(100% - 25px); - } -} - -.edit-site-navigation-panel__inner { - position: relative; - width: 300px; - height: 100%; - overflow: hidden; - visibility: hidden; - transition: visibility 100ms linear; +.edit-site-document-actions .edit-site-document-actions__title-wrapper .components-dropdown .components-button{ + min-width:0; + padding:0; +} +.edit-site-document-actions .edit-site-document-actions__title-wrapper>h1{ + margin:0; + min-width:0; +} +.edit-site-document-actions .edit-site-document-actions__title{ + overflow:hidden; + text-overflow:ellipsis; + white-space:nowrap; +} +.edit-site-document-actions .edit-site-document-actions__secondary-item{ + background:#e0e0e0; + border-radius:2px; + max-width:0; + opacity:0; + overflow:hidden; + padding:0; + text-overflow:ellipsis; + transition:all .2s ease; + white-space:nowrap; +} +@media (prefers-reduced-motion:reduce){ + .edit-site-document-actions .edit-site-document-actions__secondary-item{ + transition-delay:0s; + transition-duration:0s; + } +} +.edit-site-document-actions.has-secondary-label .edit-site-document-actions__secondary-item{ + margin-left:6px; + max-width:180px; + opacity:1; + padding:0 4px; +} + +.edit-site-document-actions__info-dropdown>.components-popover__content{ + min-width:240px; + padding:0; +} + +.edit-site-navigation-toggle{ + align-items:center; + background:#1e1e1e; + border-radius:0; + display:flex; + height:60px; + position:absolute; + width:60px; + z-index:31; +} + +.edit-site-navigation-toggle__button.components-button{ + align-items:center; + background:#1e1e1e; + border-radius:0; + color:#fff; + height:61px; + margin-bottom:-1px; + min-width:60px; + width:60px; + z-index:1; +} +.edit-site-navigation-toggle__button.components-button:active,.edit-site-navigation-toggle__button.components-button:hover{ + color:#fff; +} +.edit-site-navigation-toggle__button.components-button:focus{ + box-shadow:none; +} +.edit-site-navigation-toggle__button.components-button:before{ + border-radius:4px; + bottom:9px; + box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) #1e1e1e; + content:""; + display:block; + left:9px; + position:absolute; + right:9px; + top:9px; + transition:box-shadow .1s ease; +} +@media (prefers-reduced-motion:reduce){ + .edit-site-navigation-toggle__button.components-button:before{ + transition-delay:0s; + transition-duration:0s; + } +} +.edit-site-navigation-toggle__button.components-button:hover:before{ + box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) #757575; +} +.edit-site-navigation-toggle__button.components-button.has-icon:hover:before{ + box-shadow:none; +} +.edit-site-navigation-toggle__button.components-button:focus:before{ + box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) hsla(0,0%,100%,.1), inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); +} +.edit-site-navigation-toggle__button.components-button .edit-site-navigation-toggle__site-icon{ + border-radius:2px; + height:36px; + margin-top:-1px; + -o-object-fit:cover; + object-fit:cover; + width:36px; +} + +.edit-site-navigation-panel{ + background:#1e1e1e; + color:#fff; + height:100%; + overflow:hidden; + position:relative; + transition:width .1s linear; + width:0; +} +@media (prefers-reduced-motion:reduce){ + .edit-site-navigation-panel{ + transition-delay:0s; + transition-duration:0s; + } +} +@media (min-width:782px){ + .interface-interface-skeleton.has-footer .edit-site-navigation-panel{ + height:calc(100% - 25px); + } +} + +.edit-site-navigation-panel__inner{ + height:100%; + overflow:hidden; + position:relative; + transition:visibility .1s linear; + visibility:hidden; + width:300px; } -@media (prefers-reduced-motion: reduce) { - .edit-site-navigation-panel__inner { - transition-duration: 0s; - transition-delay: 0s; +@media (prefers-reduced-motion:reduce){ + .edit-site-navigation-panel__inner{ + transition-delay:0s; + transition-duration:0s; } } -.edit-site-navigation-panel.is-open { - width: 300px; +.edit-site-navigation-panel.is-open{ + width:300px; } -.edit-site-navigation-panel.is-open .edit-site-navigation-panel__inner { - visibility: visible; +.edit-site-navigation-panel.is-open .edit-site-navigation-panel__inner{ + visibility:visible; } -.edit-site-navigation-panel__site-title-container { - height: 60px; - padding-left: 60px; - margin: 0 16px 0 8px; - display: flex; - align-items: center; +.edit-site-navigation-panel__site-title-container{ + align-items:center; + display:flex; + height:60px; + margin:0 16px 0 8px; + padding-left:60px; } -.edit-site-navigation-panel__site-title { - font-style: normal; - font-weight: 600; - font-size: 14px; - /* Matches menu items */ - line-height: 20px; - color: #ddd; - display: -webkit-box; - -webkit-line-clamp: 2; - -webkit-box-orient: vertical; - overflow: hidden; +.edit-site-navigation-panel__site-title{ + -webkit-line-clamp:2; + -webkit-box-orient:vertical; + color:#ddd; + display:-webkit-box; + font-size:14px; + font-style:normal; + font-weight:600; + line-height:20px; + overflow:hidden; } -.edit-site-navigation-panel__scroll-container { - overflow-x: hidden; - overflow-y: auto; - height: calc(100% - 60px); +.edit-site-navigation-panel__scroll-container{ + height:calc(100% - 60px); + overflow-x:hidden; + overflow-y:auto; } -.edit-site-navigation-panel__back-to-dashboard.components-button.is-tertiary { - height: 36px; - margin-top: 24px; - padding: 8px 16px 8px 8px; +.edit-site-navigation-panel__back-to-dashboard.components-button.is-tertiary{ + height:36px; + margin-top:24px; + padding:8px 16px 8px 8px; } -.edit-site-navigation-panel__back-to-dashboard.components-button.is-tertiary:focus:not(:disabled) { - border-bottom-color: transparent; +.edit-site-navigation-panel__back-to-dashboard.components-button.is-tertiary:focus:not(:disabled){ + border-bottom-color:transparent; } -.edit-site-navigation-panel__preview { - display: none; - border: 1px solid #ccc; - width: 300px; - padding: 16px; - background: #fff; - box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); - border-radius: 2px; - position: absolute; - top: 73px; - left: 312px; - color: #1e1e1e; - z-index: 32; +.edit-site-navigation-panel__preview{ + background:#fff; + border:1px solid #ccc; + border-radius:2px; + box-shadow:0 2px 6px rgba(0,0,0,.05); + color:#1e1e1e; + display:none; + left:312px; + padding:16px; + position:absolute; + top:73px; + width:300px; + z-index:32; } -@media (min-width: 782px) { - .edit-site-navigation-panel__preview { - display: block; +@media (min-width:782px){ + .edit-site-navigation-panel__preview{ + display:block; } } -.edit-site-navigation-panel__template-item { - display: block; +.edit-site-navigation-panel__template-item{ + display:block; } -.edit-site-navigation-panel__template-item .components-button { - display: flex; - flex-direction: column; - align-items: flex-start; - justify-content: center; - height: auto; - min-height: 36px; - text-align: left; - padding-left: 16px; - padding-right: 16px; - color: inherit; +.edit-site-navigation-panel__template-item .components-button{ + align-items:flex-start; + color:inherit; + display:flex; + flex-direction:column; + height:auto; + justify-content:center; + min-height:36px; + padding-left:16px; + padding-right:16px; + text-align:left; } -.edit-site-navigation-panel__template-item-title { - font-size: 14px; - line-height: 20px; -} -.edit-site-navigation-panel__template-item-title em { - margin-right: 1ch; +.edit-site-navigation-panel__template-item-title{ + font-size:14px; + line-height:20px; } - -.edit-site-navigation-panel__template-parts .components-navigation__menu-title-heading { - text-transform: capitalize; +.edit-site-navigation-panel__template-item-title em{ + margin-right:1ch; } -.edit-site-navigation-panel__template-part-item .components-navigation__item-title { - text-transform: capitalize; +.edit-site-navigation-panel__template-part-item .components-navigation__item-title,.edit-site-navigation-panel__template-parts .components-navigation__menu-title-heading{ + text-transform:capitalize; } -.components-navigation__item + .edit-site-navigation-panel__template-item { - margin-top: 16px; +.components-navigation__item+.edit-site-navigation-panel__template-item{ + margin-top:16px; } -.edit-site-navigation-panel__template-item + .edit-site-navigation-panel__template-item { - margin-top: 8px; +.edit-site-navigation-panel__template-item+.edit-site-navigation-panel__template-item{ + margin-top:8px; } -.edit-site-navigation-panel__info-wrapper { - padding: 4px 0; +.edit-site-navigation-panel__info-wrapper{ + padding:4px 0; } -.edit-site-navigation-panel__template-item-description { - padding-top: 8px; - font-size: 12px; - line-height: 16px; +.edit-site-navigation-panel__template-item-description{ + font-size:12px; + line-height:16px; + padding-top:8px; } -.edit-site-navigation-panel__new-template-dropdown { - margin: 0 0 0 12px; +.edit-site-navigation-panel__new-template-dropdown{ + margin:0 0 0 12px; } -.edit-site-navigation-panel__new-template-dropdown button { - margin: 0; +.edit-site-navigation-panel__new-template-dropdown button{ + margin:0; } -@media (min-width: 600px) { - .edit-site-navigation-panel__new-template-popover { - min-width: 300px; +@media (min-width:600px){ + .edit-site-navigation-panel__new-template-popover{ + min-width:300px; } } -.edit-site-list-header { - position: relative; - align-items: center; - background-color: #fff; - display: flex; - height: 60px; - box-sizing: border-box; - width: 100%; - justify-content: flex-end; - padding-right: 16px; +.edit-site-list-header{ + align-items:center; + background-color:#fff; + box-sizing:border-box; + display:flex; + height:60px; + justify-content:flex-end; + padding-right:16px; + position:relative; + width:100%; } -body.is-fullscreen-mode .edit-site-list-header { - padding-left: 60px; - transition: padding-left 20ms linear; - transition-delay: 80ms; +body.is-fullscreen-mode .edit-site-list-header{ + padding-left:60px; + transition:padding-left 20ms linear; + transition-delay:80ms; } -@media (prefers-reduced-motion: reduce) { - body.is-fullscreen-mode .edit-site-list-header { - transition-duration: 0s; - transition-delay: 0s; +@media (prefers-reduced-motion:reduce){ + body.is-fullscreen-mode .edit-site-list-header{ + transition-delay:0s; + transition-duration:0s; } } -.edit-site-list-header .edit-site-list-header__title { - position: absolute; - left: 0; - width: 100%; - text-align: center; - font-size: 20px; - padding: 0; - margin: 0; +.edit-site-list-header .edit-site-list-header__title{ + font-size:20px; + left:0; + margin:0; + padding:0; + position:absolute; + text-align:center; + width:100%; } -.edit-site-list-header__right { - position: relative; +.edit-site-list-header__right{ + position:relative; } -.edit-site .edit-site-list .interface-interface-skeleton__editor { - min-width: 100%; +.edit-site .edit-site-list .interface-interface-skeleton__editor{ + min-width:100%; } -@media (min-width: 782px) { - .edit-site .edit-site-list .interface-interface-skeleton__editor { - min-width: 0; +@media (min-width:782px){ + .edit-site .edit-site-list .interface-interface-skeleton__editor{ + min-width:0; } } -.edit-site .edit-site-list .interface-interface-skeleton__content { - background: #fff; - align-items: center; - padding: 16px; +.edit-site .edit-site-list .interface-interface-skeleton__content{ + align-items:center; + background:#fff; + padding:16px; } -@media (min-width: 782px) { - .edit-site .edit-site-list .interface-interface-skeleton__content { - padding: 72px; +@media (min-width:782px){ + .edit-site .edit-site-list .interface-interface-skeleton__content{ + padding:72px; } } -.edit-site-list-table { - width: 100%; - border: 1px solid #ddd; - border-radius: 2px; - margin: 0; - overflow: hidden; - border-spacing: 0; - max-width: 960px; +.edit-site-list-table{ + border:1px solid #ddd; + border-radius:2px; + border-spacing:0; + margin:0; + max-width:960px; + overflow:hidden; + width:100%; } -.edit-site-list-table tr { - display: flex; - align-items: center; - padding: 16px; - box-sizing: border-box; - border-top: 1px solid #f0f0f0; - margin: 0; +.edit-site-list-table tr{ + align-items:center; + border-top:1px solid #f0f0f0; + box-sizing:border-box; + display:flex; + margin:0; + padding:16px; } -.edit-site-list-table tr:first-child { - border-top: 0; +.edit-site-list-table tr:first-child{ + border-top:0; } -@media (min-width: 782px) { - .edit-site-list-table tr { - padding: 24px 32px; +@media (min-width:782px){ + .edit-site-list-table tr{ + padding:24px 32px; } } -.edit-site-list-table tr .edit-site-list-table-column:nth-child(1) { - width: calc(60% - 18px); - padding-right: 24px; +.edit-site-list-table tr .edit-site-list-table-column:first-child{ + padding-right:24px; + width:calc(60% - 18px); } -.edit-site-list-table tr .edit-site-list-table-column:nth-child(1) a { - display: inline-block; - text-decoration: none; - font-weight: 500; - margin-bottom: 4px; +.edit-site-list-table tr .edit-site-list-table-column:first-child a{ + display:inline-block; + font-weight:500; + margin-bottom:4px; + text-decoration:none; } -.edit-site-list-table tr .edit-site-list-table-column:nth-child(2) { - width: calc(40% - 18px); - word-break: break-word; +.edit-site-list-table tr .edit-site-list-table-column:nth-child(2){ + width:calc(40% - 18px); + word-break:break-word; } -.edit-site-list-table tr .edit-site-list-table-column:nth-child(3) { - min-width: 36px; - flex-shrink: 0; +.edit-site-list-table tr .edit-site-list-table-column:nth-child(3){ + flex-shrink:0; + min-width:36px; } -.edit-site-list-table tr.edit-site-list-table-head { - font-size: 16px; - font-weight: 600; - text-align: left; - color: #1e1e1e; - border-top: none; - border-bottom: 1px solid #ddd; +.edit-site-list-table tr.edit-site-list-table-head{ + border-bottom:1px solid #ddd; + border-top:none; + color:#1e1e1e; + font-size:16px; + font-weight:600; + text-align:left; } -.edit-site-list-table tr.edit-site-list-table-head th { - font-weight: inherit; +.edit-site-list-table tr.edit-site-list-table-head th{ + font-weight:inherit; } -@media (min-width: 782px) { - .edit-site-list.is-navigation-open .components-snackbar-list { - margin-left: 300px; +@media (min-width:782px){ + .edit-site-list.is-navigation-open .components-snackbar-list{ + margin-left:300px; } -} - -@media (min-width: 782px) { - .edit-site-list__rename-modal .components-base-control { - width: 320px; + .edit-site-list__rename-modal .components-base-control{ + width:320px; } } -.edit-site-list__rename-modal-actions { - margin-top: 12px; +.edit-site-list__rename-modal-actions{ + margin-top:12px; } -.edit-site-template__actions button:not(:last-child) { - margin-right: 8px; +.edit-site-template__actions button:not(:last-child){ + margin-right:8px; } -.edit-site-list-added-by__icon { - display: flex; - flex-shrink: 0; - position: relative; - align-items: center; - justify-content: center; - width: 32px; - height: 32px; - background: #2f2f2f; - border-radius: 100%; +.edit-site-list-added-by__icon{ + align-items:center; + background:#2f2f2f; + border-radius:100%; + display:flex; + flex-shrink:0; + height:32px; + justify-content:center; + position:relative; + width:32px; } -.edit-site-list-added-by__icon svg { - fill: #fff; +.edit-site-list-added-by__icon svg{ + fill:#fff; } -.edit-site-list-added-by__icon.is-customized::after { - position: absolute; - content: ""; - background: var(--wp-admin-theme-color); - height: 8px; - width: 8px; - outline: 2px solid #fff; - border-radius: 100%; - top: -1px; - right: -1px; +.edit-site-list-added-by__icon.is-customized:after{ + background:var(--wp-admin-theme-color); + border-radius:100%; + content:""; + height:8px; + outline:2px solid #fff; + position:absolute; + right:-1px; + top:-1px; + width:8px; } -.edit-site-list-added-by__avatar { - flex-shrink: 0; - overflow: hidden; - border-radius: 100%; - background: #2f2f2f; - width: 32px; - height: 32px; +.edit-site-list-added-by__avatar{ + background:#2f2f2f; + border-radius:100%; + flex-shrink:0; + height:32px; + overflow:hidden; + width:32px; } -.edit-site-list-added-by__avatar img { - width: 32px; - height: 32px; - -o-object-fit: cover; - object-fit: cover; - opacity: 0; - transition: opacity 0.1s linear; +.edit-site-list-added-by__avatar img{ + height:32px; + -o-object-fit:cover; + object-fit:cover; + opacity:0; + transition:opacity .1s linear; + width:32px; } -@media (prefers-reduced-motion: reduce) { - .edit-site-list-added-by__avatar img { - transition-duration: 0s; - transition-delay: 0s; +@media (prefers-reduced-motion:reduce){ + .edit-site-list-added-by__avatar img{ + transition-delay:0s; + transition-duration:0s; } } -.edit-site-list-added-by__avatar.is-loaded img { - opacity: 1; +.edit-site-list-added-by__avatar.is-loaded img{ + opacity:1; } -.edit-site-new-template-dropdown .components-dropdown-menu__toggle { - padding: 6px 12px; +.edit-site-new-template-dropdown .components-dropdown-menu__toggle{ + padding:6px 12px; } -@media (min-width: 600px) { - .edit-site-new-template-dropdown .edit-site-new-template-dropdown__popover { - min-width: 300px; +@media (min-width:600px){ + .edit-site-new-template-dropdown .edit-site-new-template-dropdown__popover{ + min-width:300px; } } -.edit-site-custom-template-modal__contents > .components-button { - padding: 24px; - box-shadow: inset 0 0 0 1px #949494; - border-radius: 2px; - width: 256px; - height: auto; - display: flex; - flex-direction: column; - gap: 8px; - outline: 1px solid transparent; +.edit-site-custom-template-modal__contents>.components-button{ + border-radius:2px; + box-shadow:inset 0 0 0 1px #949494; + display:flex; + flex-direction:column; + gap:8px; + height:auto; + outline:1px solid transparent; + padding:24px; + width:256px; } -.edit-site-custom-template-modal__contents > .components-button span:first-child { - color: #1e1e1e; +.edit-site-custom-template-modal__contents>.components-button span:first-child{ + color:#1e1e1e; } -.edit-site-custom-template-modal__contents > .components-button span { - color: #757575; +.edit-site-custom-template-modal__contents>.components-button span{ + color:#757575; } -.edit-site-custom-template-modal__contents > .components-button:hover { - color: var(--wp-admin-theme-color-darker-10); - box-shadow: inset 0 0 0 1px var(--wp-admin-theme-color-darker-10); +.edit-site-custom-template-modal__contents>.components-button:hover{ + box-shadow:inset 0 0 0 1px var(--wp-admin-theme-color-darker-10); + color:var(--wp-admin-theme-color-darker-10); } -.edit-site-custom-template-modal__contents > .components-button:hover span:first-child { - color: var(--wp-admin-theme-color); +.edit-site-custom-template-modal__contents>.components-button:hover span:first-child{ + color:var(--wp-admin-theme-color); } -.edit-site-custom-template-modal__contents > .components-button:focus { - box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); - outline: 3px solid transparent; +.edit-site-custom-template-modal__contents>.components-button:focus{ + box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); + outline:3px solid transparent; } -.edit-site-custom-template-modal__contents > .components-button:focus span:first-child { - color: var(--wp-admin-theme-color); +.edit-site-custom-template-modal__contents>.components-button:focus span:first-child{ + color:var(--wp-admin-theme-color); } -.edit-site-custom-template-modal .components-search-control input[type=search].components-search-control__input { - background: #fff; - border: 1px solid #ddd; +.edit-site-custom-template-modal .components-search-control input[type=search].components-search-control__input{ + background:#fff; + border:1px solid #ddd; } -.edit-site-custom-template-modal .components-search-control input[type=search].components-search-control__input:focus { - border-color: var(--wp-admin-theme-color); - box-shadow: 0 0 0 1px var(--wp-admin-theme-color); +.edit-site-custom-template-modal .components-search-control input[type=search].components-search-control__input:focus{ + border-color:var(--wp-admin-theme-color); + box-shadow:0 0 0 1px var(--wp-admin-theme-color); } -@media (min-width: 782px) { - .edit-site-custom-template-modal { - width: 456px; +@media (min-width:782px){ + .edit-site-custom-template-modal{ + width:456px; } } -.edit-site-custom-template-modal__suggestions_list { - margin-top: 16px; +.edit-site-custom-template-modal__suggestions_list{ + margin-top:16px; } -@media (min-width: 600px) { - .edit-site-custom-template-modal__suggestions_list { - height: 232px; - overflow: scroll; +@media (min-width:600px){ + .edit-site-custom-template-modal__suggestions_list{ + height:232px; + overflow:scroll; } } -.edit-site-custom-template-modal__suggestions_list__list-item { - display: block; - width: 100%; - text-align: left; - white-space: pre-wrap; - overflow-wrap: break-word; - height: auto; +.edit-site-custom-template-modal__suggestions_list__list-item{ + display:block; + height:auto; + overflow-wrap:break-word; + text-align:left; + white-space:pre-wrap; + width:100%; } -.edit-site-custom-template-modal__suggestions_list__list-item mark { - font-weight: 700; - background: none; +.edit-site-custom-template-modal__suggestions_list__list-item mark{ + background:none; + font-weight:700; } -.edit-site-custom-template-modal__suggestions_list__list-item:hover { - background-color: #f0f0f0; +.edit-site-custom-template-modal__suggestions_list__list-item:hover{ + background-color:#f0f0f0; } -.edit-site-custom-template-modal__suggestions_list__list-item:hover mark { - color: var(--wp-admin-theme-color); +.edit-site-custom-template-modal__suggestions_list__list-item:hover mark{ + color:var(--wp-admin-theme-color); } -.edit-site-custom-template-modal__suggestions_list__list-item:focus { - background-color: #f0f0f0; +.edit-site-custom-template-modal__suggestions_list__list-item:focus{ + background-color:#f0f0f0; } -.edit-site-custom-template-modal__suggestions_list__list-item:focus:not(:disabled) { - box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color) inset; +.edit-site-custom-template-modal__suggestions_list__list-item:focus:not(:disabled){ + box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color) inset; } -.edit-site-custom-template-modal__suggestions_list__list-item__title, .edit-site-custom-template-modal__suggestions_list__list-item__info { - overflow: hidden; - text-overflow: ellipsis; - display: block; +.edit-site-custom-template-modal__suggestions_list__list-item__info,.edit-site-custom-template-modal__suggestions_list__list-item__title{ + display:block; + overflow:hidden; + text-overflow:ellipsis; } -.edit-site-custom-template-modal__suggestions_list__list-item__title { - font-weight: 500; - margin-bottom: 0.2em; +.edit-site-custom-template-modal__suggestions_list__list-item__title{ + font-weight:500; + margin-bottom:.2em; } -.edit-site-custom-template-modal__suggestions_list__list-item__info { - color: #757575; - font-size: 0.9em; - line-height: 1.3; - word-break: break-all; +.edit-site-custom-template-modal__suggestions_list__list-item__info{ + color:#757575; + font-size:.9em; + line-height:1.3; + word-break:break-all; } -.edit-site-custom-template-modal__no-results { - border: 1px solid #ccc; - border-radius: 2px; - padding: 16px; - margin-bottom: 0; - margin-top: 16px; +.edit-site-custom-template-modal__no-results{ + border:1px solid #ccc; + border-radius:2px; + margin-bottom:0; + margin-top:16px; + padding:16px; } -@media (min-width: 782px) { - .edit-site-custom-generic-template__modal .components-base-control { - width: 320px; +@media (min-width:782px){ + .edit-site-custom-generic-template__modal .components-base-control{ + width:320px; } } -.edit-site-custom-generic-template__modal .components-modal__header { - border-bottom: none; +.edit-site-custom-generic-template__modal .components-modal__header{ + border-bottom:none; } -.edit-site-custom-generic-template__modal .components-modal__content::before { - margin-bottom: 4px; +.edit-site-custom-generic-template__modal .components-modal__content:before{ + margin-bottom:4px; } -.edit-site-custom-generic-template__modal-actions { - margin-top: 12px; +.edit-site-custom-generic-template__modal-actions{ + margin-top:12px; } -.edit-site-sidebar { - width: 280px; +.edit-site-sidebar{ + width:280px; } -.edit-site-sidebar > .components-panel { - border-left: 0; - border-right: 0; - margin-bottom: -1px; - margin-top: -1px; +.edit-site-sidebar>.components-panel{ + border-left:0; + border-right:0; + margin-bottom:-1px; + margin-top:-1px; } -.edit-site-sidebar > .components-panel > .components-panel__header { - background: #f0f0f0; +.edit-site-sidebar>.components-panel>.components-panel__header{ + background:#f0f0f0; } -.edit-site-sidebar .block-editor-block-inspector__card { - margin: 0; +.edit-site-sidebar .block-editor-block-inspector__card{ + margin:0; } -.edit-site-global-styles-sidebar { - display: flex; - flex-direction: column; - min-height: 100%; +.edit-site-global-styles-sidebar{ + display:flex; + flex-direction:column; + min-height:100%; } -.edit-site-global-styles-sidebar__panel, .edit-site-global-styles-sidebar__navigator-provider { - display: flex; - flex-direction: column; - flex: 1; +.edit-site-global-styles-sidebar__navigator-provider,.edit-site-global-styles-sidebar__panel{ + display:flex; + flex:1; + flex-direction:column; } -.edit-site-global-styles-sidebar__navigator-screen { - flex: 1; +.edit-site-global-styles-sidebar__navigator-screen{ + flex:1; } -.edit-site-global-styles-sidebar .interface-complementary-area-header .components-button.has-icon { - margin-left: 0; +.edit-site-global-styles-sidebar .interface-complementary-area-header .components-button.has-icon{ + margin-left:0; } -.edit-site-global-styles-sidebar__reset-button.components-button { - margin-left: auto; +.edit-site-global-styles-sidebar__reset-button.components-button{ + margin-left:auto; } -.edit-site-global-styles-sidebar .components-navigation__menu-title-heading { - font-size: 15.6px; - font-weight: 500; +.edit-site-global-styles-sidebar .components-navigation__menu-title-heading{ + font-size:15.6px; + font-weight:500; } -.edit-site-global-styles-sidebar .components-navigation__item > button span { - font-weight: 500; +.edit-site-global-styles-sidebar .components-navigation__item>button span{ + font-weight:500; } -.edit-site-typography-panel, -.edit-site-global-styles-sidebar .block-editor-panel-color-gradient-settings { - border: 0; +.edit-site-global-styles-sidebar .block-editor-panel-color-gradient-settings,.edit-site-typography-panel{ + border:0; } -.edit-site-global-styles-sidebar .components-tools-panel-item.single-column { - grid-column: span 1; +.edit-site-global-styles-sidebar .components-tools-panel-item.single-column{ + grid-column:span 1; } -.edit-site-global-styles-sidebar .components-tools-panel .span-columns { - grid-column: 1/-1; +.edit-site-global-styles-sidebar .components-tools-panel .span-columns{ + grid-column:1 / -1; } -.edit-site-global-styles-sidebar__blocks-group { - padding-top: 24px; - border-top: 1px solid #e0e0e0; +.edit-site-global-styles-sidebar__blocks-group{ + border-top:1px solid #e0e0e0; + padding-top:24px; } -.edit-site-global-styles-sidebar__blocks-group-help { - padding: 0 16px; +.edit-site-global-styles-sidebar__blocks-group-help{ + padding:0 16px; } -.edit-site-global-styles-color-palette-panel, -.edit-site-global-styles-gradient-palette-panel { - padding: 16px; +.edit-site-global-styles-color-palette-panel,.edit-site-global-styles-gradient-palette-panel{ + padding:16px; } -.edit-site-navigation-sidebar__beta { - display: inline-flex; - margin-left: 8px; - padding: 0 8px; - height: 24px; - border-radius: 2px; - background-color: #1e1e1e; - color: #fff; - align-items: center; - font-size: 12px; - line-height: 1; +.edit-site-navigation-sidebar__beta{ + align-items:center; + background-color:#1e1e1e; + border-radius:2px; + color:#fff; + display:inline-flex; + font-size:12px; + height:24px; + line-height:1; + margin-left:8px; + padding:0 8px; } -.edit-site-global-styles-sidebar hr { - margin: 0; +.edit-site-global-styles-sidebar hr{ + margin:0; } -.components-panel__header.edit-site-sidebar__panel-tabs { - justify-content: flex-start; - padding-left: 0; - padding-right: 16px; - border-top: 0; - margin-top: 0; +.components-panel__header.edit-site-sidebar__panel-tabs{ + border-top:0; + justify-content:flex-start; + margin-top:0; + padding-left:0; + padding-right:16px; } -.components-panel__header.edit-site-sidebar__panel-tabs ul { - display: flex; +.components-panel__header.edit-site-sidebar__panel-tabs ul{ + display:flex; } -.components-panel__header.edit-site-sidebar__panel-tabs li { - margin: 0; +.components-panel__header.edit-site-sidebar__panel-tabs li{ + margin:0; } -.components-panel__header.edit-site-sidebar__panel-tabs .components-button.has-icon { - display: none; - margin: 0 0 0 auto; - padding: 0; - min-width: 24px; - height: 24px; +.components-panel__header.edit-site-sidebar__panel-tabs .components-button.has-icon{ + display:none; + height:24px; + margin:0 0 0 auto; + min-width:24px; + padding:0; } -@media (min-width: 782px) { - .components-panel__header.edit-site-sidebar__panel-tabs .components-button.has-icon { - display: flex; +@media (min-width:782px){ + .components-panel__header.edit-site-sidebar__panel-tabs .components-button.has-icon{ + display:flex; } } -.components-button.edit-site-sidebar__panel-tab { - border-radius: 0; - height: 48px; - background: transparent; - border: none; - box-shadow: none; - cursor: pointer; - display: inline-block; - padding: 3px 15px; - margin-left: 0; - font-weight: 500; +.components-button.edit-site-sidebar__panel-tab{ + background:transparent; + border:none; + border-radius:0; + box-shadow:none; + cursor:pointer; + display:inline-block; + font-weight:500; + height:48px; + margin-left:0; + padding:3px 15px; } -.components-button.edit-site-sidebar__panel-tab::after { - content: attr(data-label); - display: block; - font-weight: 600; - height: 0; - overflow: hidden; - speak: none; - visibility: hidden; +.components-button.edit-site-sidebar__panel-tab:after{ + speak:none; + content:attr(data-label); + display:block; + font-weight:600; + height:0; + overflow:hidden; + visibility:hidden; } -.components-button.edit-site-sidebar__panel-tab.is-active { - box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) transparent, inset 0 -1.5px 0 0 var(--wp-admin-theme-color); - position: relative; - z-index: 1; +.components-button.edit-site-sidebar__panel-tab.is-active{ + box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) transparent, inset 0 -1.5px 0 0 var(--wp-admin-theme-color); + position:relative; + z-index:1; } -.components-button.edit-site-sidebar__panel-tab.is-active::before { - content: ""; - position: absolute; - top: 0; - bottom: 1px; - right: 0; - left: 0; - border-bottom: 1.5px solid transparent; +.components-button.edit-site-sidebar__panel-tab.is-active:before{ + border-bottom:1.5px solid transparent; + bottom:1px; + content:""; + left:0; + position:absolute; + right:0; + top:0; } -.components-button.edit-site-sidebar__panel-tab:focus { - box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); - position: relative; - z-index: 1; +.components-button.edit-site-sidebar__panel-tab:focus{ + box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); + position:relative; + z-index:1; } -.components-button.edit-site-sidebar__panel-tab.is-active:focus { - box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 -1.5px 0 0 var(--wp-admin-theme-color); +.components-button.edit-site-sidebar__panel-tab.is-active:focus{ + box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 -1.5px 0 0 var(--wp-admin-theme-color); } -@keyframes loadingpulse { - 0% { - opacity: 1; +@keyframes loadingpulse{ + 0%{ + opacity:1; } - 50% { - opacity: 0.5; + 50%{ + opacity:.5; } - 100% { - opacity: 1; + to{ + opacity:1; } } -.edit-site-navigation-inspector { - padding: 16px; +.edit-site-navigation-inspector{ + padding:16px; } -.edit-site-navigation-inspector .block-editor-list-view-leaf .block-editor-list-view-block-contents { - white-space: normal; +.edit-site-navigation-inspector .block-editor-list-view-leaf .block-editor-list-view-block-contents{ + white-space:normal; } -.edit-site-navigation-inspector .block-editor-list-view-block__title { - margin-top: 3px; +.edit-site-navigation-inspector .block-editor-list-view-block__title{ + margin-top:3px; } -.edit-site-navigation-inspector .block-editor-list-view-block__menu-cell { - padding-right: 0; +.edit-site-navigation-inspector .block-editor-list-view-block__menu-cell{ + padding-right:0; } -.edit-site-navigation-inspector__placeholder { - padding: 8px; - margin: 8px; - background-color: #f0f0f0; - animation: loadingpulse 1s linear infinite; - animation-delay: 0.5s; +.edit-site-navigation-inspector__placeholder{ + animation:loadingpulse 1s linear infinite; + animation-delay:.5s; + background-color:#f0f0f0; + margin:8px; + padding:8px; } -.edit-site-navigation-inspector__placeholder.is-child { - margin-left: 24px; - width: 50%; +.edit-site-navigation-inspector__placeholder.is-child{ + margin-left:24px; + width:50%; } -.edit-site-template-card { - display: flex; - align-items: flex-start; -} -.edit-site-template-card__content { - flex-grow: 1; - margin-bottom: 4px; +.edit-site-template-card{ + align-items:flex-start; + display:flex; } -.edit-site-template-card__title { - font-weight: 500; - line-height: 24px; +.edit-site-template-card__content{ + flex-grow:1; + margin-bottom:4px; } -.edit-site-template-card__title.edit-site-template-card__title { - margin: 0; +.edit-site-template-card__title{ + font-weight:500; + line-height:24px; } -.edit-site-template-card__description { - font-size: 13px; - margin: 0 0 16px; +.edit-site-template-card__title.edit-site-template-card__title{ + margin:0; } -.edit-site-template-card__icon { - flex: 0 0 24px; - margin-right: 12px; - width: 24px; - height: 24px; +.edit-site-template-card__description{ + font-size:13px; + margin:0 0 16px; } -.edit-site-template-card__template-areas-list { - margin: 0; +.edit-site-template-card__icon{ + flex:0 0 24px; + height:24px; + margin-right:12px; + width:24px; } -.edit-site-template-card__template-areas-list > li { - margin: 0; +.edit-site-template-card__template-areas-list,.edit-site-template-card__template-areas-list>li{ + margin:0; } -.edit-site-template-card__template-areas-item { - width: 100%; +.edit-site-template-card__template-areas-item{ + width:100%; } -.edit-site-template-card__template-areas-item.components-button.has-icon { - padding: 0; +.edit-site-template-card__template-areas-item.components-button.has-icon{ + padding:0; } -.edit-site-template-card__header { - display: flex; - justify-content: space-between; - margin: 0 0 4px; +.edit-site-template-card__header{ + display:flex; + justify-content:space-between; + margin:0 0 4px; } -.edit-site-template-card__actions { - line-height: 0; +.edit-site-template-card__actions{ + line-height:0; } -.edit-site-template-card__actions > .components-button.is-small.has-icon { - padding: 0; - min-width: auto; +.edit-site-template-card__actions>.components-button.is-small.has-icon{ + min-width:auto; + padding:0; } -h3.edit-site-template-card__template-areas-title { - font-weight: 500; - margin: 0 0 8px; +h3.edit-site-template-card__template-areas-title{ + font-weight:500; + margin:0 0 8px; } -html #wpadminbar { - display: none; +html #wpadminbar{ + display:none; } -html.wp-toolbar { - padding-top: 0; +html.wp-toolbar{ + padding-top:0; } -.edit-site-editor__toggle-save-panel { - z-index: 100000; - position: fixed !important; - top: -9999em; - bottom: auto; - left: auto; - right: 0; - width: 280px; - background-color: #fff; - border: 1px dotted #ddd; - height: auto !important; - padding: 24px; - display: flex; - justify-content: center; +.edit-site-editor__toggle-save-panel{ + background-color:#fff; + border:1px dotted #ddd; + bottom:auto; + display:flex; + height:auto !important; + justify-content:center; + left:auto; + padding:24px; + position:fixed !important; + right:0; + top:-9999em; + width:280px; + z-index:100000; } -.interface-interface-skeleton__actions:focus .edit-site-editor__toggle-save-panel, .interface-interface-skeleton__actions:focus-within .edit-site-editor__toggle-save-panel { - top: auto; - bottom: 0; +.interface-interface-skeleton__actions:focus .edit-site-editor__toggle-save-panel,.interface-interface-skeleton__actions:focus-within .edit-site-editor__toggle-save-panel{ + bottom:0; + top:auto; } -.edit-site-visual-editor { - position: relative; - height: 100%; - display: block; - overflow: hidden; +.edit-site-visual-editor{ + display:block; + height:100%; + overflow:hidden; + position:relative; } -.edit-site-visual-editor iframe { - display: block; - width: 100%; - height: 100%; - background-color: #fff; +.edit-site-visual-editor iframe{ + background-color:#fff; + display:block; + height:100%; + width:100%; } -.edit-site .components-editor-notices__snackbar { - position: fixed; - right: 0; - bottom: 40px; - padding-left: 16px; - padding-right: 16px; +.edit-site .components-editor-notices__snackbar{ + bottom:40px; + left:0; + padding-left:16px; + padding-right:16px; + position:fixed; + right:0; } - -.edit-site .components-editor-notices__snackbar { - /* Set left position when auto-fold is not on the body element. */ - left: 0; -} -@media (min-width: 783px) { - .edit-site .components-editor-notices__snackbar { - left: 160px; +@media (min-width:783px){ + .edit-site .components-editor-notices__snackbar{ + left:160px; } } - -.auto-fold .edit-site .components-editor-notices__snackbar { - /* Auto fold is when on smaller breakpoints, nav menu auto collapses. */ -} -@media (min-width: 783px) { - .auto-fold .edit-site .components-editor-notices__snackbar { - left: 36px; +@media (min-width:783px){ + .auto-fold .edit-site .components-editor-notices__snackbar{ + left:36px; } } -@media (min-width: 961px) { - .auto-fold .edit-site .components-editor-notices__snackbar { - left: 160px; +@media (min-width:961px){ + .auto-fold .edit-site .components-editor-notices__snackbar{ + left:160px; } } - -/* Sidebar manually collapsed. */ -.folded .edit-site .components-editor-notices__snackbar { - left: 0; +.folded .edit-site .components-editor-notices__snackbar{ + left:0; } -@media (min-width: 783px) { - .folded .edit-site .components-editor-notices__snackbar { - left: 36px; +@media (min-width:783px){ + .folded .edit-site .components-editor-notices__snackbar{ + left:36px; } } -body.is-fullscreen-mode .edit-site .components-editor-notices__snackbar { - left: 0 !important; +body.is-fullscreen-mode .edit-site .components-editor-notices__snackbar{ + left:0 !important; } -.edit-site-template-details .edit-site-template-details__group { - margin: 0; - padding: 16px; +.edit-site-template-details .edit-site-template-details__group{ + margin:0; + padding:16px; } -.edit-site-template-details .edit-site-template-details__group + .edit-site-template-details__group { - border-top: 1px solid #ccc; +.edit-site-template-details .edit-site-template-details__group+.edit-site-template-details__group{ + border-top:1px solid #ccc; } -.edit-site-template-details .edit-site-template-details__description { - color: #757575; +.edit-site-template-details .edit-site-template-details__description{ + color:#757575; } -.edit-site-template-details .edit-site-template-details__group.edit-site-template-details__template-areas { - padding: 8px; +.edit-site-template-details .edit-site-template-details__group.edit-site-template-details__template-areas{ + padding:8px; } -.edit-site-template-details .edit-site-template-details__template-areas-item { - position: relative; +.edit-site-template-details .edit-site-template-details__template-areas-item{ + position:relative; } -.edit-site-template-details .edit-site-template-details__template-areas-item .edit-site-template-details__template-areas-item-more { - position: absolute; - right: 0; - top: 0; - bottom: 0; - margin: auto 0; +.edit-site-template-details .edit-site-template-details__template-areas-item .edit-site-template-details__template-areas-item-more{ + bottom:0; + margin:auto 0; + position:absolute; + right:0; + top:0; } -.edit-site-template-details .edit-site-template-details__revert { - padding: 12px 8px; +.edit-site-template-details .edit-site-template-details__revert{ + padding:12px 8px; } -.edit-site-template-details .edit-site-template-details__revert-button { - height: auto; - padding: 4px 8px; - text-align: left; +.edit-site-template-details .edit-site-template-details__revert-button{ + height:auto; + padding:4px 8px; + text-align:left; } -.edit-site-template-details .edit-site-template-details__revert-button:focus:not(:disabled) { - box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 0 0 3px #fff; +.edit-site-template-details .edit-site-template-details__revert-button:focus:not(:disabled){ + box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 0 0 3px #fff; } -.edit-site-template-details .edit-site-template-details__show-all-button.components-button { - display: flex; - justify-content: center; - background: #1e1e1e; - color: #fff; - width: 100%; - height: 44px; - border-radius: 0; +.edit-site-template-details .edit-site-template-details__show-all-button.components-button{ + background:#1e1e1e; + border-radius:0; + color:#fff; + display:flex; + height:44px; + justify-content:center; + width:100%; } -.edit-site-template-details .edit-site-template-details__show-all-button.components-button:hover { - color: #fff; +.edit-site-template-details .edit-site-template-details__show-all-button.components-button:hover{ + color:#fff; } -.edit-site-template-details .edit-site-template-details__show-all-button.components-button:active { - color: #ccc; +.edit-site-template-details .edit-site-template-details__show-all-button.components-button:active{ + color:#ccc; } -.edit-site-template-details .edit-site-template-details__show-all-button.components-button:focus:not(:disabled) { - box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 0 0 3px #fff; +.edit-site-template-details .edit-site-template-details__show-all-button.components-button:focus:not(:disabled){ + box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 0 0 3px #fff; } -.edit-site-create-template-part-modal { - z-index: 1000001; +.edit-site-create-template-part-modal{ + z-index:1000001; } -@media (min-width: 600px) { - .edit-site-create-template-part-modal .components-modal__frame { - max-width: 500px; +@media (min-width:600px){ + .edit-site-create-template-part-modal .components-modal__frame{ + max-width:500px; } } -.edit-site-create-template-part-modal__modal-actions { - padding-top: 12px; +.edit-site-create-template-part-modal__modal-actions{ + padding-top:12px; } -.edit-site-create-template-part-modal__area-base-control .components-base-control__label { - margin: 16px 0 8px; - cursor: auto; +.edit-site-create-template-part-modal__area-base-control .components-base-control__label{ + cursor:auto; + margin:16px 0 8px; } -.edit-site-create-template-part-modal__area-radio-group { - width: 100%; - border: 1px solid #757575; - border-radius: 2px; +.edit-site-create-template-part-modal__area-radio-group{ + border:1px solid #757575; + border-radius:2px; + width:100%; } -.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio { - display: block; - width: 100%; - height: 100%; - text-align: left; - padding: 12px; +.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio{ + display:block; + height:100%; + padding:12px; + text-align:left; + width:100%; } -.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio, .edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio.is-secondary:hover, .edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio.is-primary:hover { - margin: 0; - background-color: inherit; - border-bottom: 1px solid #757575; - border-radius: 0; +.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio,.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio.is-primary:hover,.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio.is-secondary:hover{ + background-color:inherit; + border-bottom:1px solid #757575; + border-radius:0; + margin:0; } -.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio:not(:focus), .edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio.is-secondary:hover:not(:focus), .edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio.is-primary:hover:not(:focus) { - box-shadow: none; +.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio.is-primary:hover:not(:focus),.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio.is-secondary:hover:not(:focus),.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio:not(:focus){ + box-shadow:none; } -.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio:focus, .edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio.is-secondary:hover:focus, .edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio.is-primary:hover:focus { - border-bottom: 1px solid #fff; +.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio.is-primary:hover:focus,.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio.is-secondary:hover:focus,.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio:focus{ + border-bottom:1px solid #fff; } -.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio:last-of-type, .edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio.is-secondary:hover:last-of-type, .edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio.is-primary:hover:last-of-type { - border-bottom: none; +.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio.is-primary:hover:last-of-type,.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio.is-secondary:hover:last-of-type,.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio:last-of-type{ + border-bottom:none; } -.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio:not(:hover), .edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio[aria-checked=true] { - color: #1e1e1e; - cursor: auto; +.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio:not(:hover),.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio[aria-checked=true]{ + color:#1e1e1e; + cursor:auto; } -.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio:not(:hover) .edit-site-create-template-part-modal__option-label div, .edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio[aria-checked=true] .edit-site-create-template-part-modal__option-label div { - color: #949494; +.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio:not(:hover) .edit-site-create-template-part-modal__option-label div,.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio[aria-checked=true] .edit-site-create-template-part-modal__option-label div{ + color:#949494; } -.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio .edit-site-create-template-part-modal__option-label { - padding-top: 4px; - white-space: normal; +.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio .edit-site-create-template-part-modal__option-label{ + padding-top:4px; + white-space:normal; } -.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio .edit-site-create-template-part-modal__option-label div { - padding-top: 4px; - font-size: 12px; +.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio .edit-site-create-template-part-modal__option-label div{ + font-size:12px; + padding-top:4px; } -.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio .edit-site-create-template-part-modal__checkbox { - margin-left: auto; - min-width: 24px; +.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio .edit-site-create-template-part-modal__checkbox{ + margin-left:auto; + min-width:24px; } -.edit-site-editor__inserter-panel, -.edit-site-editor__list-view-panel { - height: 100%; - display: flex; - flex-direction: column; +.edit-site-editor__inserter-panel,.edit-site-editor__list-view-panel{ + display:flex; + flex-direction:column; + height:100%; } -.edit-site-editor__list-view-panel { - min-width: 350px; +.edit-site-editor__list-view-panel{ + min-width:350px; } -.edit-site-editor__inserter-panel-header { - padding-top: 8px; - padding-right: 8px; - display: flex; - justify-content: flex-end; +.edit-site-editor__inserter-panel-header{ + display:flex; + justify-content:flex-end; + padding-right:8px; + padding-top:8px; } -.edit-site-editor__inserter-panel-content, -.edit-site-editor__list-view-panel-content { - height: calc(100% - 36px - 8px); +.edit-site-editor__inserter-panel-content,.edit-site-editor__list-view-panel-content{ + height:calc(100% - 44px); } -@media (min-width: 782px) { - .edit-site-editor__inserter-panel-content { - height: 100%; +@media (min-width:782px){ + .edit-site-editor__inserter-panel-content{ + height:100%; } } -.edit-site-editor__list-view-panel-header { - align-items: center; - border-bottom: 1px solid #ddd; - display: flex; - justify-content: space-between; - height: 48px; - padding-left: 16px; - padding-right: 4px; +.edit-site-editor__list-view-panel-header{ + align-items:center; + border-bottom:1px solid #ddd; + display:flex; + height:48px; + justify-content:space-between; + padding-left:16px; + padding-right:4px; } -.edit-site-editor__list-view-panel-content { - overflow-y: auto; - padding: 8px; +.edit-site-editor__list-view-panel-content{ + overflow-y:auto; + padding:8px; } -.edit-site-welcome-guide { - width: 312px; +.edit-site-welcome-guide{ + width:312px; } -.edit-site-welcome-guide__image { - background: #00a0d2; - margin: 0 0 16px; +.edit-site-welcome-guide__image{ + background:#00a0d2; + margin:0 0 16px; } -.edit-site-welcome-guide__image > img { - display: block; - max-width: 100%; - -o-object-fit: cover; - object-fit: cover; +.edit-site-welcome-guide__image>img{ + display:block; + max-width:100%; + -o-object-fit:cover; + object-fit:cover; } -.edit-site-welcome-guide__heading { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - font-size: 24px; - line-height: 1.4; - margin: 16px 0 16px 0; - padding: 0 32px; +.edit-site-welcome-guide__heading{ + font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; + font-size:24px; + line-height:1.4; + margin:16px 0; + padding:0 32px; } -.edit-site-welcome-guide__text { - font-size: 13px; - line-height: 1.4; - margin: 0 0 16px 0; - padding: 0 32px; +.edit-site-welcome-guide__text{ + font-size:13px; + line-height:1.4; + margin:0 0 16px; + padding:0 32px; } -.edit-site-welcome-guide__text img { - vertical-align: bottom; +.edit-site-welcome-guide__text img{ + vertical-align:bottom; } -.edit-site-welcome-guide__inserter-icon { - margin: 0 4px; - vertical-align: text-top; +.edit-site-welcome-guide__inserter-icon{ + margin:0 4px; + vertical-align:text-top; } -.edit-site-keyboard-shortcut-help-modal__section { - margin: 0 0 2rem 0; -} -.edit-site-keyboard-shortcut-help-modal__section-title { - font-size: 0.9rem; - font-weight: 600; +.edit-site-keyboard-shortcut-help-modal__section{ + margin:0 0 2rem; } -.edit-site-keyboard-shortcut-help-modal__shortcut { - display: flex; - align-items: baseline; - padding: 0.6rem 0; - border-top: 1px solid #ddd; - margin-bottom: 0; +.edit-site-keyboard-shortcut-help-modal__section-title{ + font-size:.9rem; + font-weight:600; } -.edit-site-keyboard-shortcut-help-modal__shortcut:last-child { - border-bottom: 1px solid #ddd; +.edit-site-keyboard-shortcut-help-modal__shortcut{ + align-items:baseline; + border-top:1px solid #ddd; + display:flex; + margin-bottom:0; + padding:.6rem 0; } -.edit-site-keyboard-shortcut-help-modal__shortcut:empty { - display: none; +.edit-site-keyboard-shortcut-help-modal__shortcut:last-child{ + border-bottom:1px solid #ddd; } -.edit-site-keyboard-shortcut-help-modal__shortcut-term { - font-weight: 600; - margin: 0 0 0 1rem; - text-align: right; +.edit-site-keyboard-shortcut-help-modal__shortcut:empty{ + display:none; } -.edit-site-keyboard-shortcut-help-modal__shortcut-description { - flex: 1; - margin: 0; - flex-basis: auto; +.edit-site-keyboard-shortcut-help-modal__shortcut-term{ + font-weight:600; + margin:0 0 0 1rem; + text-align:right; } -.edit-site-keyboard-shortcut-help-modal__shortcut-key-combination { - display: block; - background: none; - margin: 0; - padding: 0; +.edit-site-keyboard-shortcut-help-modal__shortcut-description{ + flex:1; + flex-basis:auto; + margin:0; } -.edit-site-keyboard-shortcut-help-modal__shortcut-key-combination + .edit-site-keyboard-shortcut-help-modal__shortcut-key-combination { - margin-top: 10px; +.edit-site-keyboard-shortcut-help-modal__shortcut-key-combination{ + background:none; + display:block; + margin:0; + padding:0; } -.edit-site-keyboard-shortcut-help-modal__shortcut-key { - padding: 0.25rem 0.5rem; - border-radius: 8%; - margin: 0 0.2rem 0 0.2rem; +.edit-site-keyboard-shortcut-help-modal__shortcut-key-combination+.edit-site-keyboard-shortcut-help-modal__shortcut-key-combination{ + margin-top:10px; } -.edit-site-keyboard-shortcut-help-modal__shortcut-key:last-child { - margin: 0 0 0 0.2rem; +.edit-site-keyboard-shortcut-help-modal__shortcut-key{ + border-radius:8%; + margin:0 .2rem; + padding:.25rem .5rem; } - -html.wp-toolbar { - background: #fff; +.edit-site-keyboard-shortcut-help-modal__shortcut-key:last-child{ + margin:0 0 0 .2rem; } -body.appearance_page_gutenberg-template-parts, -body.site-editor-php { - background: #fff; - /* We hide legacy notices in Gutenberg Based Pages, because they were not designed in a way that scaled well. - Plugins can use Gutenberg notices if they need to pass on information to the user when they are editing. */ -} -body.appearance_page_gutenberg-template-parts #wpcontent, -body.site-editor-php #wpcontent { - padding-left: 0; +body.appearance_page_gutenberg-template-parts,body.site-editor-php,html.wp-toolbar{ + background:#fff; } -body.appearance_page_gutenberg-template-parts #wpbody-content, -body.site-editor-php #wpbody-content { - padding-bottom: 0; +body.appearance_page_gutenberg-template-parts #wpcontent,body.site-editor-php #wpcontent{ + padding-left:0; } -body.appearance_page_gutenberg-template-parts #wpbody-content > div:not(.edit-site):not(#screen-meta), -body.site-editor-php #wpbody-content > div:not(.edit-site):not(#screen-meta) { - display: none; +body.appearance_page_gutenberg-template-parts #wpbody-content,body.site-editor-php #wpbody-content{ + padding-bottom:0; } -body.appearance_page_gutenberg-template-parts #wpfooter, -body.site-editor-php #wpfooter { - display: none; +body.appearance_page_gutenberg-template-parts #wpbody-content>div:not(.edit-site):not(#screen-meta),body.appearance_page_gutenberg-template-parts #wpfooter,body.site-editor-php #wpbody-content>div:not(.edit-site):not(#screen-meta),body.site-editor-php #wpfooter{ + display:none; } -body.appearance_page_gutenberg-template-parts .a11y-speak-region, -body.site-editor-php .a11y-speak-region { - left: -1px; - top: -1px; +body.appearance_page_gutenberg-template-parts .a11y-speak-region,body.site-editor-php .a11y-speak-region{ + left:-1px; + top:-1px; } -body.appearance_page_gutenberg-template-parts ul#adminmenu a.wp-has-current-submenu::after, -body.appearance_page_gutenberg-template-parts ul#adminmenu > li.current > a.current::after, -body.site-editor-php ul#adminmenu a.wp-has-current-submenu::after, -body.site-editor-php ul#adminmenu > li.current > a.current::after { - border-right-color: #fff; +body.appearance_page_gutenberg-template-parts ul#adminmenu a.wp-has-current-submenu:after,body.appearance_page_gutenberg-template-parts ul#adminmenu>li.current>a.current:after,body.site-editor-php ul#adminmenu a.wp-has-current-submenu:after,body.site-editor-php ul#adminmenu>li.current>a.current:after{ + border-right-color:#fff; } -body.appearance_page_gutenberg-template-parts .media-frame select.attachment-filters:last-of-type, -body.site-editor-php .media-frame select.attachment-filters:last-of-type { - width: auto; - max-width: 100%; +body.appearance_page_gutenberg-template-parts .media-frame select.attachment-filters:last-of-type,body.site-editor-php .media-frame select.attachment-filters:last-of-type{ + max-width:100%; + width:auto; } -.edit-site, -.components-modal__frame { - box-sizing: border-box; +.components-modal__frame,.edit-site{ + box-sizing:border-box; } -.edit-site *, -.edit-site *::before, -.edit-site *::after, -.components-modal__frame *, -.components-modal__frame *::before, -.components-modal__frame *::after { - box-sizing: inherit; +.components-modal__frame *,.components-modal__frame :after,.components-modal__frame :before,.edit-site *,.edit-site :after,.edit-site :before{ + box-sizing:inherit; } -@media (min-width: 600px) { - .edit-site { - bottom: 0; - left: 0; - min-height: 100vh; - position: absolute; - right: 0; - top: 0; +@media (min-width:600px){ + .edit-site{ + bottom:0; + left:0; + min-height:100vh; + position:absolute; + right:0; + top:0; } } -.edit-site .interface-interface-skeleton { - top: 0; +.edit-site .interface-interface-skeleton{ + top:0; } -.edit-site .interface-complementary-area__pin-unpin-item.components-button { - display: none; +.edit-site .interface-complementary-area__pin-unpin-item.components-button{ + display:none; } -.edit-site .interface-interface-skeleton__content { - background-color: #2f2f2f; +.edit-site .interface-interface-skeleton__content{ + background-color:#2f2f2f; } - -/** - * Animations - */ -@keyframes edit-post__fade-in-animation { - from { - opacity: 0; +@keyframes edit-post__fade-in-animation{ + 0%{ + opacity:0; } - to { - opacity: 1; + to{ + opacity:1; } } -body.admin-color-light { - --wp-admin-theme-color: #0085ba; - --wp-admin-theme-color--rgb: 0, 133, 186; - --wp-admin-theme-color-darker-10: #0073a1; - --wp-admin-theme-color-darker-10--rgb: 0, 115, 161; - --wp-admin-theme-color-darker-20: #006187; - --wp-admin-theme-color-darker-20--rgb: 0, 97, 135; - --wp-admin-border-width-focus: 2px; +body.admin-color-light{ + --wp-admin-theme-color:#0085ba; + --wp-admin-theme-color--rgb:0, 133, 186; + --wp-admin-theme-color-darker-10:#0073a1; + --wp-admin-theme-color-darker-10--rgb:0, 115, 161; + --wp-admin-theme-color-darker-20:#006187; + --wp-admin-theme-color-darker-20--rgb:0, 97, 135; + --wp-admin-border-width-focus:2px; } -@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { - body.admin-color-light { - --wp-admin-border-width-focus: 1.5px; +@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ + body.admin-color-light{ + --wp-admin-border-width-focus:1.5px; } } -body.admin-color-modern { - --wp-admin-theme-color: #3858e9; - --wp-admin-theme-color--rgb: 56, 88, 233; - --wp-admin-theme-color-darker-10: #2145e6; - --wp-admin-theme-color-darker-10--rgb: 33, 69, 230; - --wp-admin-theme-color-darker-20: #183ad6; - --wp-admin-theme-color-darker-20--rgb: 24, 58, 214; - --wp-admin-border-width-focus: 2px; +body.admin-color-modern{ + --wp-admin-theme-color:#3858e9; + --wp-admin-theme-color--rgb:56, 88, 233; + --wp-admin-theme-color-darker-10:#2145e6; + --wp-admin-theme-color-darker-10--rgb:33, 69, 230; + --wp-admin-theme-color-darker-20:#183ad6; + --wp-admin-theme-color-darker-20--rgb:24, 58, 214; + --wp-admin-border-width-focus:2px; } -@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { - body.admin-color-modern { - --wp-admin-border-width-focus: 1.5px; +@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ + body.admin-color-modern{ + --wp-admin-border-width-focus:1.5px; } } -body.admin-color-blue { - --wp-admin-theme-color: #096484; - --wp-admin-theme-color--rgb: 9, 100, 132; - --wp-admin-theme-color-darker-10: #07526c; - --wp-admin-theme-color-darker-10--rgb: 7, 82, 108; - --wp-admin-theme-color-darker-20: #064054; - --wp-admin-theme-color-darker-20--rgb: 6, 64, 84; - --wp-admin-border-width-focus: 2px; +body.admin-color-blue{ + --wp-admin-theme-color:#096484; + --wp-admin-theme-color--rgb:9, 100, 132; + --wp-admin-theme-color-darker-10:#07526c; + --wp-admin-theme-color-darker-10--rgb:7, 82, 108; + --wp-admin-theme-color-darker-20:#064054; + --wp-admin-theme-color-darker-20--rgb:6, 64, 84; + --wp-admin-border-width-focus:2px; } -@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { - body.admin-color-blue { - --wp-admin-border-width-focus: 1.5px; +@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ + body.admin-color-blue{ + --wp-admin-border-width-focus:1.5px; } } -body.admin-color-coffee { - --wp-admin-theme-color: #46403c; - --wp-admin-theme-color--rgb: 70, 64, 60; - --wp-admin-theme-color-darker-10: #383330; - --wp-admin-theme-color-darker-10--rgb: 56, 51, 48; - --wp-admin-theme-color-darker-20: #2b2724; - --wp-admin-theme-color-darker-20--rgb: 43, 39, 36; - --wp-admin-border-width-focus: 2px; +body.admin-color-coffee{ + --wp-admin-theme-color:#46403c; + --wp-admin-theme-color--rgb:70, 64, 60; + --wp-admin-theme-color-darker-10:#383330; + --wp-admin-theme-color-darker-10--rgb:56, 51, 48; + --wp-admin-theme-color-darker-20:#2b2724; + --wp-admin-theme-color-darker-20--rgb:43, 39, 36; + --wp-admin-border-width-focus:2px; } -@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { - body.admin-color-coffee { - --wp-admin-border-width-focus: 1.5px; +@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ + body.admin-color-coffee{ + --wp-admin-border-width-focus:1.5px; } } -body.admin-color-ectoplasm { - --wp-admin-theme-color: #523f6d; - --wp-admin-theme-color--rgb: 82, 63, 109; - --wp-admin-theme-color-darker-10: #46365d; - --wp-admin-theme-color-darker-10--rgb: 70, 54, 93; - --wp-admin-theme-color-darker-20: #3a2c4d; - --wp-admin-theme-color-darker-20--rgb: 58, 44, 77; - --wp-admin-border-width-focus: 2px; +body.admin-color-ectoplasm{ + --wp-admin-theme-color:#523f6d; + --wp-admin-theme-color--rgb:82, 63, 109; + --wp-admin-theme-color-darker-10:#46365d; + --wp-admin-theme-color-darker-10--rgb:70, 54, 93; + --wp-admin-theme-color-darker-20:#3a2c4d; + --wp-admin-theme-color-darker-20--rgb:58, 44, 77; + --wp-admin-border-width-focus:2px; } -@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { - body.admin-color-ectoplasm { - --wp-admin-border-width-focus: 1.5px; +@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ + body.admin-color-ectoplasm{ + --wp-admin-border-width-focus:1.5px; } } -body.admin-color-midnight { - --wp-admin-theme-color: #e14d43; - --wp-admin-theme-color--rgb: 225, 77, 67; - --wp-admin-theme-color-darker-10: #dd382d; - --wp-admin-theme-color-darker-10--rgb: 221, 56, 45; - --wp-admin-theme-color-darker-20: #d02c21; - --wp-admin-theme-color-darker-20--rgb: 208, 44, 33; - --wp-admin-border-width-focus: 2px; +body.admin-color-midnight{ + --wp-admin-theme-color:#e14d43; + --wp-admin-theme-color--rgb:225, 77, 67; + --wp-admin-theme-color-darker-10:#dd382d; + --wp-admin-theme-color-darker-10--rgb:221, 56, 45; + --wp-admin-theme-color-darker-20:#d02c21; + --wp-admin-theme-color-darker-20--rgb:208, 44, 33; + --wp-admin-border-width-focus:2px; } -@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { - body.admin-color-midnight { - --wp-admin-border-width-focus: 1.5px; +@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ + body.admin-color-midnight{ + --wp-admin-border-width-focus:1.5px; } } -body.admin-color-ocean { - --wp-admin-theme-color: #627c83; - --wp-admin-theme-color--rgb: 98, 124, 131; - --wp-admin-theme-color-darker-10: #576e74; - --wp-admin-theme-color-darker-10--rgb: 87, 110, 116; - --wp-admin-theme-color-darker-20: #4c6066; - --wp-admin-theme-color-darker-20--rgb: 76, 96, 102; - --wp-admin-border-width-focus: 2px; +body.admin-color-ocean{ + --wp-admin-theme-color:#627c83; + --wp-admin-theme-color--rgb:98, 124, 131; + --wp-admin-theme-color-darker-10:#576e74; + --wp-admin-theme-color-darker-10--rgb:87, 110, 116; + --wp-admin-theme-color-darker-20:#4c6066; + --wp-admin-theme-color-darker-20--rgb:76, 96, 102; + --wp-admin-border-width-focus:2px; } -@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { - body.admin-color-ocean { - --wp-admin-border-width-focus: 1.5px; +@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ + body.admin-color-ocean{ + --wp-admin-border-width-focus:1.5px; } } -body.admin-color-sunrise { - --wp-admin-theme-color: #dd823b; - --wp-admin-theme-color--rgb: 221, 130, 59; - --wp-admin-theme-color-darker-10: #d97426; - --wp-admin-theme-color-darker-10--rgb: 217, 116, 38; - --wp-admin-theme-color-darker-20: #c36922; - --wp-admin-theme-color-darker-20--rgb: 195, 105, 34; - --wp-admin-border-width-focus: 2px; +body.admin-color-sunrise{ + --wp-admin-theme-color:#dd823b; + --wp-admin-theme-color--rgb:221, 130, 59; + --wp-admin-theme-color-darker-10:#d97426; + --wp-admin-theme-color-darker-10--rgb:217, 116, 38; + --wp-admin-theme-color-darker-20:#c36922; + --wp-admin-theme-color-darker-20--rgb:195, 105, 34; + --wp-admin-border-width-focus:2px; } -@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { - body.admin-color-sunrise { - --wp-admin-border-width-focus: 1.5px; +@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ + body.admin-color-sunrise{ + --wp-admin-border-width-focus:1.5px; } } \ No newline at end of file diff --git a/wp-includes/css/dist/edit-widgets/style-rtl.css b/wp-includes/css/dist/edit-widgets/style-rtl.css index 355c261655..2801be376a 100644 --- a/wp-includes/css/dist/edit-widgets/style-rtl.css +++ b/wp-includes/css/dist/edit-widgets/style-rtl.css @@ -1,1168 +1,1024 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -:root { - --wp-admin-theme-color: #007cba; - --wp-admin-theme-color--rgb: 0, 124, 186; - --wp-admin-theme-color-darker-10: #006ba1; - --wp-admin-theme-color-darker-10--rgb: 0, 107, 161; - --wp-admin-theme-color-darker-20: #005a87; - --wp-admin-theme-color-darker-20--rgb: 0, 90, 135; - --wp-admin-border-width-focus: 2px; +:root{ + --wp-admin-theme-color:#007cba; + --wp-admin-theme-color--rgb:0, 124, 186; + --wp-admin-theme-color-darker-10:#006ba1; + --wp-admin-theme-color-darker-10--rgb:0, 107, 161; + --wp-admin-theme-color-darker-20:#005a87; + --wp-admin-theme-color-darker-20--rgb:0, 90, 135; + --wp-admin-border-width-focus:2px; } -@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { - :root { - --wp-admin-border-width-focus: 1.5px; +@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ + :root{ + --wp-admin-border-width-focus:1.5px; } } -.components-panel__header.interface-complementary-area-header__small { - background: #fff; - padding-left: 4px; +.components-panel__header.interface-complementary-area-header__small{ + background:#fff; + padding-left:4px; } -.components-panel__header.interface-complementary-area-header__small .interface-complementary-area-header__small-title { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - width: 100%; +.components-panel__header.interface-complementary-area-header__small .interface-complementary-area-header__small-title{ + overflow:hidden; + text-overflow:ellipsis; + white-space:nowrap; + width:100%; } -@media (min-width: 782px) { - .components-panel__header.interface-complementary-area-header__small { - display: none; +@media (min-width:782px){ + .components-panel__header.interface-complementary-area-header__small{ + display:none; } } -.interface-complementary-area-header { - background: #fff; - padding-left: 4px; +.interface-complementary-area-header{ + background:#fff; + padding-left:4px; } -.interface-complementary-area-header .components-button.has-icon { - display: none; - margin-right: auto; +.interface-complementary-area-header .components-button.has-icon{ + display:none; + margin-right:auto; } -.interface-complementary-area-header .components-button.has-icon ~ .components-button { - margin-right: 0; +.interface-complementary-area-header .components-button.has-icon~.components-button{ + margin-right:0; } -@media (min-width: 782px) { - .interface-complementary-area-header .components-button.has-icon { - display: flex; +@media (min-width:782px){ + .interface-complementary-area-header .components-button.has-icon{ + display:flex; + } + .components-panel__header+.interface-complementary-area-header{ + margin-top:0; } } -@media (min-width: 782px) { - .components-panel__header + .interface-complementary-area-header { - margin-top: 0; +.interface-complementary-area{ + background:#fff; + color:#1e1e1e; +} +@media (min-width:600px){ + .interface-complementary-area{ + -webkit-overflow-scrolling:touch; + } +} +@media (min-width:782px){ + .interface-complementary-area{ + width:280px; + } +} +.interface-complementary-area .components-panel{ + border:none; + position:relative; + z-index:0; +} +.interface-complementary-area .components-panel__header{ + position:sticky; + top:0; + z-index:1; +} +.interface-complementary-area .components-panel__header.edit-post-sidebar__panel-tabs{ + top:48px; +} +@media (min-width:782px){ + .interface-complementary-area .components-panel__header.edit-post-sidebar__panel-tabs{ + top:0; + } +} +.interface-complementary-area p:not(.components-base-control__help){ + margin-top:0; +} +.interface-complementary-area h2{ + color:#1e1e1e; + font-size:13px; + margin-bottom:1.5em; +} +.interface-complementary-area h3{ + color:#1e1e1e; + font-size:11px; + font-weight:500; + margin-bottom:1.5em; + text-transform:uppercase; +} +.interface-complementary-area hr{ + border-bottom:1px solid #f0f0f0; + border-top:none; + margin:1.5em 0; +} +.interface-complementary-area div.components-toolbar,.interface-complementary-area div.components-toolbar-group{ + box-shadow:none; + margin-bottom:1.5em; +} +.interface-complementary-area div.components-toolbar-group:last-child,.interface-complementary-area div.components-toolbar:last-child{ + margin-bottom:0; +} +.interface-complementary-area .block-editor-skip-to-selected-block:focus{ + bottom:10px; + left:10px; + right:auto; + top:auto; +} + +@media (min-width:782px){ + body.js.is-fullscreen-mode{ + height:calc(100% + 32px); + margin-top:-32px; + } + body.js.is-fullscreen-mode #adminmenumain,body.js.is-fullscreen-mode #wpadminbar{ + display:none; + } + body.js.is-fullscreen-mode #wpcontent,body.js.is-fullscreen-mode #wpfooter{ + margin-right:0; } } -.interface-complementary-area { - background: #fff; - color: #1e1e1e; +html.interface-interface-skeleton__html-container{ + position:fixed; + width:100%; } -@media (min-width: 600px) { - .interface-complementary-area { - -webkit-overflow-scrolling: touch; - } -} -@media (min-width: 782px) { - .interface-complementary-area { - width: 280px; - } -} -.interface-complementary-area .components-panel { - border: none; - position: relative; - z-index: 0; -} -.interface-complementary-area .components-panel__header { - position: sticky; - top: 0; - z-index: 1; -} -.interface-complementary-area .components-panel__header.edit-post-sidebar__panel-tabs { - top: 48px; -} -@media (min-width: 782px) { - .interface-complementary-area .components-panel__header.edit-post-sidebar__panel-tabs { - top: 0; - } -} -.interface-complementary-area p:not(.components-base-control__help) { - margin-top: 0; -} -.interface-complementary-area h2 { - font-size: 13px; - color: #1e1e1e; - margin-bottom: 1.5em; -} -.interface-complementary-area h3 { - font-size: 11px; - text-transform: uppercase; - font-weight: 500; - color: #1e1e1e; - margin-bottom: 1.5em; -} -.interface-complementary-area hr { - border-top: none; - border-bottom: 1px solid #f0f0f0; - margin: 1.5em 0; -} -.interface-complementary-area div.components-toolbar-group, -.interface-complementary-area div.components-toolbar { - box-shadow: none; - margin-bottom: 1.5em; -} -.interface-complementary-area div.components-toolbar-group:last-child, -.interface-complementary-area div.components-toolbar:last-child { - margin-bottom: 0; -} -.interface-complementary-area .block-editor-skip-to-selected-block:focus { - top: auto; - left: 10px; - bottom: 10px; - right: auto; -} - -@media (min-width: 782px) { - body.js.is-fullscreen-mode { - margin-top: -32px; - height: calc(100% + 32px); - } - body.js.is-fullscreen-mode #adminmenumain, -body.js.is-fullscreen-mode #wpadminbar { - display: none; - } - body.js.is-fullscreen-mode #wpcontent, -body.js.is-fullscreen-mode #wpfooter { - margin-right: 0; +@media (min-width:782px){ + html.interface-interface-skeleton__html-container{ + position:static; + width:auto; } } -html.interface-interface-skeleton__html-container { - position: fixed; - width: 100%; +.interface-interface-skeleton{ + bottom:0; + display:flex; + flex-direction:row; + height:auto; + left:0; + max-height:100%; + position:fixed; + top:46px; } -@media (min-width: 782px) { - html.interface-interface-skeleton__html-container { - position: initial; - width: initial; +@media (min-width:783px){ + .interface-interface-skeleton{ + top:32px; + } + .is-fullscreen-mode .interface-interface-skeleton{ + top:0; } } -.interface-interface-skeleton { - display: flex; - flex-direction: row; - height: auto; - max-height: 100%; - position: fixed; - top: 46px; - right: 0; - left: 0; - bottom: 0; +.interface-interface-skeleton__editor{ + display:flex; + flex:0 1 100%; + flex-direction:column; + overflow:hidden; } -@media (min-width: 783px) { - .interface-interface-skeleton { - top: 32px; + +.interface-interface-skeleton{ + right:0; +} +@media (min-width:783px){ + .interface-interface-skeleton{ + right:160px; } - .is-fullscreen-mode .interface-interface-skeleton { - top: 0; +} +@media (min-width:783px){ + .auto-fold .interface-interface-skeleton{ + right:36px; + } +} +@media (min-width:961px){ + .auto-fold .interface-interface-skeleton{ + right:160px; + } +} +.folded .interface-interface-skeleton{ + right:0; +} +@media (min-width:783px){ + .folded .interface-interface-skeleton{ + right:36px; } } -.interface-interface-skeleton__editor { - display: flex; - flex-direction: column; - flex: 0 1 100%; - overflow: hidden; +body.is-fullscreen-mode .interface-interface-skeleton{ + right:0 !important; } -.interface-interface-skeleton { - /* Set left position when auto-fold is not on the body element. */ - right: 0; +.interface-interface-skeleton__body{ + display:flex; + flex-grow:1; + overflow:auto; + overscroll-behavior-y:none; } -@media (min-width: 783px) { - .interface-interface-skeleton { - right: 160px; +@media (min-width:782px){ + .has-footer .interface-interface-skeleton__body{ + padding-bottom:25px; } } -.auto-fold .interface-interface-skeleton { - /* Auto fold is when on smaller breakpoints, nav menu auto collapses. */ +.interface-interface-skeleton__content{ + display:flex; + flex-direction:column; + flex-grow:1; + overflow:auto; + z-index:20; } -@media (min-width: 783px) { - .auto-fold .interface-interface-skeleton { - right: 36px; - } + +.interface-interface-skeleton__secondary-sidebar,.interface-interface-skeleton__sidebar{ + background:#fff; + bottom:0; + color:#1e1e1e; + display:block; + flex-shrink:0; + left:0; + position:absolute; + right:0; + top:0; + z-index:100000; } -@media (min-width: 961px) { - .auto-fold .interface-interface-skeleton { - right: 160px; +@media (min-width:782px){ + .interface-interface-skeleton__secondary-sidebar,.interface-interface-skeleton__sidebar{ + position:relative !important; + width:auto; + z-index:90; } } -/* Sidebar manually collapsed. */ -.folded .interface-interface-skeleton { - right: 0; +.interface-interface-skeleton__sidebar{ + overflow:auto; } -@media (min-width: 783px) { - .folded .interface-interface-skeleton { - right: 36px; +@media (min-width:782px){ + .interface-interface-skeleton__sidebar{ + border-right:1px solid #e0e0e0; + } + .interface-interface-skeleton__secondary-sidebar{ + border-left:1px solid #e0e0e0; } } -body.is-fullscreen-mode .interface-interface-skeleton { - right: 0 !important; +.interface-interface-skeleton__header{ + border-bottom:1px solid #e0e0e0; + color:#1e1e1e; + flex-shrink:0; + height:auto; + z-index:30; } -.interface-interface-skeleton__body { - flex-grow: 1; - display: flex; - overflow: auto; - overscroll-behavior-y: none; +.interface-interface-skeleton__footer{ + background-color:#fff; + border-top:1px solid #e0e0e0; + bottom:0; + color:#1e1e1e; + display:none; + flex-shrink:0; + height:auto; + position:absolute; + right:0; + width:100%; + z-index:90; } -@media (min-width: 782px) { - .has-footer .interface-interface-skeleton__body { - padding-bottom: 25px; +@media (min-width:782px){ + .interface-interface-skeleton__footer{ + display:flex; + } +} +.interface-interface-skeleton__footer .block-editor-block-breadcrumb{ + align-items:center; + background:#fff; + display:flex; + font-size:13px; + height:24px; + padding:0 18px; + z-index:30; +} + +.interface-interface-skeleton__actions{ + bottom:auto; + color:#1e1e1e; + left:0; + position:fixed !important; + right:auto; + top:-9999em; + width:280px; + z-index:100000; +} +.interface-interface-skeleton__actions:focus{ + bottom:0; + top:auto; +} + +.interface-more-menu-dropdown{ + margin-right:-4px; +} +.interface-more-menu-dropdown .components-button{ + padding:0 2px; + width:auto; +} +@media (min-width:600px){ + .interface-more-menu-dropdown{ + margin-right:0; + } + .interface-more-menu-dropdown .components-button{ + padding:0 4px; } } -.interface-interface-skeleton__content { - flex-grow: 1; - display: flex; - flex-direction: column; - overflow: auto; - z-index: 20; +.interface-more-menu-dropdown__content .components-popover__content{ + min-width:280px; +} +@media (min-width:480px){ + .interface-more-menu-dropdown__content .components-popover__content{ + max-width:480px; + } +} +.interface-more-menu-dropdown__content .components-popover__content .components-dropdown-menu__menu{ + padding:0; } -.interface-interface-skeleton__secondary-sidebar, -.interface-interface-skeleton__sidebar { - display: block; - flex-shrink: 0; - position: absolute; - z-index: 100000; - top: 0; - left: 0; - bottom: 0; - right: 0; - background: #fff; - color: #1e1e1e; +.components-popover.interface-more-menu-dropdown__content{ + z-index:99998; } -@media (min-width: 782px) { - .interface-interface-skeleton__secondary-sidebar, -.interface-interface-skeleton__sidebar { - position: relative !important; - z-index: 90; - width: auto; + +.interface-pinned-items{ + display:flex; + gap:4px; + margin-left:-4px; +} +.interface-pinned-items .components-button:not(:first-child){ + display:none; +} +@media (min-width:600px){ + .interface-pinned-items .components-button:not(:first-child){ + display:flex; + } +} +.interface-pinned-items .components-button{ + margin:0; +} +.interface-pinned-items .components-button svg{ + max-height:24px; + max-width:24px; +} + +@media (min-width:600px){ + .interface-preferences-modal{ + height:calc(100% - 120px); + width:calc(100% - 32px); + } +} +@media (min-width:782px){ + .interface-preferences-modal{ + width:750px; + } +} +@media (min-width:960px){ + .interface-preferences-modal{ + height:70%; + } +} +@media (max-width:781px){ + .interface-preferences-modal .components-modal__content{ + padding:0; } } -.interface-interface-skeleton__sidebar { - overflow: auto; +.interface-preferences__tabs .components-tab-panel__tabs{ + position:absolute; + right:16px; + top:84px; + width:160px; } -@media (min-width: 782px) { - .interface-interface-skeleton__sidebar { - border-right: 1px solid #e0e0e0; +.interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item{ + border-radius:2px; + font-weight:400; +} +.interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item.is-active{ + background:#f0f0f0; + box-shadow:none; + font-weight:500; +} +.interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item:focus:not(:disabled){ + box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); +} +.interface-preferences__tabs .components-tab-panel__tab-content{ + margin-right:160px; + padding-right:24px; +} + +@media (max-width:781px){ + .interface-preferences__provider{ + height:100%; + } +} +.interface-preferences-modal__section{ + margin:0 0 2.5rem; +} +.interface-preferences-modal__section:last-child{ + margin:0; +} + +.interface-preferences-modal__section-legend{ + margin-bottom:8px; +} + +.interface-preferences-modal__section-title{ + font-size:.9rem; + font-weight:600; + margin-top:0; +} + +.interface-preferences-modal__section-description{ + color:#757575; + font-size:12px; + font-style:normal; + margin:-8px 0 8px; +} + +.interface-preferences-modal__option+.interface-preferences-modal__option{ + margin-top:16px; +} +.interface-preferences-modal__option .components-base-control__help{ + margin-right:48px; + margin-top:0; +} + +.wp-block[data-type="core/widget-area"]{ + margin-left:auto; + margin-right:auto; + max-width:700px; +} +.wp-block[data-type="core/widget-area"] .components-panel__body>.components-panel__body-title{ + background:#fff; + font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; + height:48px; + margin:0; + position:relative; + transform:translateZ(0); + z-index:1; +} +.wp-block[data-type="core/widget-area"] .components-panel__body>.components-panel__body-title:hover{ + background:#fff; +} +.wp-block[data-type="core/widget-area"] .block-list-appender.wp-block{ + position:relative; + width:auto; +} +.wp-block[data-type="core/widget-area"] .editor-styles-wrapper .wp-block.wp-block.wp-block.wp-block.wp-block{ + max-width:100%; +} +.wp-block[data-type="core/widget-area"] .components-panel__body.is-opened{ + padding:0; +} + +.blocks-widgets-container .wp-block-widget-area__inner-blocks.editor-styles-wrapper{ + margin:0; + padding:0; +} +.blocks-widgets-container .wp-block-widget-area__inner-blocks.editor-styles-wrapper>.block-editor-block-list__layout{ + margin-top:-48px; + min-height:32px; + padding:72px 16px 16px; +} + +.wp-block-widget-area__highlight-drop-zone{ + outline:var(--wp-admin-border-width-focus) solid var(--wp-admin-theme-color); +} + +body.is-dragging-components-draggable .wp-block[data-type="core/widget-area"] .components-panel__body>.components-panel__body-title,body.is-dragging-components-draggable .wp-block[data-type="core/widget-area"] .components-panel__body>.components-panel__body-title *{ + pointer-events:none; +} + +.edit-widgets-error-boundary{ + box-shadow:0 10px 10px rgba(0,0,0,.25); + margin:60px auto auto; + max-width:780px; + padding:20px; +} + +.edit-widgets-header{ + align-items:center; + display:flex; + height:60px; + justify-content:space-between; + overflow:auto; + padding:0 16px; +} +@media (min-width:600px){ + .edit-widgets-header{ + overflow:visible; } } -@media (min-width: 782px) { - .interface-interface-skeleton__secondary-sidebar { - border-left: 1px solid #e0e0e0; +.edit-widgets-header__navigable-toolbar-wrapper{ + align-items:center; + display:flex; + justify-content:center; +} + +.edit-widgets-header__title{ + font-size:20px; + margin:0 0 0 20px; + padding:0; +} + +.edit-widgets-header__actions{ + align-items:center; + display:flex; + gap:4px; +} +@media (min-width:600px){ + .edit-widgets-header__actions{ + gap:8px; } } -.interface-interface-skeleton__header { - flex-shrink: 0; - height: auto; - border-bottom: 1px solid #e0e0e0; - z-index: 30; - color: #1e1e1e; +.edit-widgets-header-toolbar{ + border:none; +} +.edit-widgets-header-toolbar>.components-button.has-icon.has-icon.has-icon,.edit-widgets-header-toolbar>.components-dropdown>.components-button.has-icon.has-icon{ + height:36px; + min-width:36px; + padding:6px; +} +.edit-widgets-header-toolbar>.components-button.has-icon.has-icon.has-icon.is-pressed,.edit-widgets-header-toolbar>.components-dropdown>.components-button.has-icon.has-icon.is-pressed{ + background:#1e1e1e; +} +.edit-widgets-header-toolbar>.components-button.has-icon.has-icon.has-icon:focus:not(:disabled),.edit-widgets-header-toolbar>.components-dropdown>.components-button.has-icon.has-icon:focus:not(:disabled){ + box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 0 0 1px #fff; + outline:1px solid transparent; +} +.edit-widgets-header-toolbar>.components-button.has-icon.has-icon.has-icon:before,.edit-widgets-header-toolbar>.components-dropdown>.components-button.has-icon.has-icon:before{ + display:none; } -.interface-interface-skeleton__footer { - height: auto; - flex-shrink: 0; - border-top: 1px solid #e0e0e0; - color: #1e1e1e; - position: absolute; - bottom: 0; - right: 0; - width: 100%; - background-color: #fff; - z-index: 90; - display: none; +.edit-widgets-header-toolbar__inserter-toggle.edit-widgets-header-toolbar__inserter-toggle{ + padding-left:8px; + padding-right:8px; } -@media (min-width: 782px) { - .interface-interface-skeleton__footer { - display: flex; +@media (min-width:600px){ + .edit-widgets-header-toolbar__inserter-toggle.edit-widgets-header-toolbar__inserter-toggle{ + padding-left:12px; + padding-right:12px; } } -.interface-interface-skeleton__footer .block-editor-block-breadcrumb { - z-index: 30; - display: flex; - background: #fff; - height: 24px; - align-items: center; - font-size: 13px; - padding: 0 18px; +.edit-widgets-header-toolbar__inserter-toggle.edit-widgets-header-toolbar__inserter-toggle:after{ + content:none; } - -.interface-interface-skeleton__actions { - z-index: 100000; - position: fixed !important; - top: -9999em; - bottom: auto; - right: auto; - left: 0; - width: 280px; - color: #1e1e1e; +.edit-widgets-header-toolbar__inserter-toggle.edit-widgets-header-toolbar__inserter-toggle svg{ + transition:transform .2s cubic-bezier(.165, .84, .44, 1); } -.interface-interface-skeleton__actions:focus { - top: auto; - bottom: 0; -} - -.interface-more-menu-dropdown { - margin-right: -4px; -} -.interface-more-menu-dropdown .components-button { - width: auto; - padding: 0 2px; -} -@media (min-width: 600px) { - .interface-more-menu-dropdown { - margin-right: 0; +@media (prefers-reduced-motion:reduce){ + .edit-widgets-header-toolbar__inserter-toggle.edit-widgets-header-toolbar__inserter-toggle svg{ + transition-delay:0s; + transition-duration:0s; } - .interface-more-menu-dropdown .components-button { - padding: 0 4px; +} +.edit-widgets-header-toolbar__inserter-toggle.edit-widgets-header-toolbar__inserter-toggle.is-pressed svg{ + transform:rotate(-45deg); +} + +.edit-widgets-keyboard-shortcut-help-modal__section{ + margin:0 0 2rem; +} +.edit-widgets-keyboard-shortcut-help-modal__main-shortcuts .edit-widgets-keyboard-shortcut-help-modal__shortcut-list{ + margin-top:-25px; +} +.edit-widgets-keyboard-shortcut-help-modal__section-title{ + font-size:.9rem; + font-weight:600; +} +.edit-widgets-keyboard-shortcut-help-modal__shortcut{ + align-items:baseline; + border-top:1px solid #ddd; + display:flex; + margin-bottom:0; + padding:.6rem 0; +} +.edit-widgets-keyboard-shortcut-help-modal__shortcut:last-child{ + border-bottom:1px solid #ddd; +} +.edit-widgets-keyboard-shortcut-help-modal__shortcut:empty{ + display:none; +} +.edit-widgets-keyboard-shortcut-help-modal__shortcut-term{ + font-weight:600; + margin:0 1rem 0 0; + text-align:left; +} +.edit-widgets-keyboard-shortcut-help-modal__shortcut-description{ + flex:1; + flex-basis:auto; + margin:0; +} +.edit-widgets-keyboard-shortcut-help-modal__shortcut-key-combination{ + background:none; + display:block; + margin:0; + padding:0; +} +.edit-widgets-keyboard-shortcut-help-modal__shortcut-key-combination+.edit-widgets-keyboard-shortcut-help-modal__shortcut-key-combination{ + margin-top:10px; +} +.edit-widgets-keyboard-shortcut-help-modal__shortcut-key{ + border-radius:8%; + margin:0 .2rem; + padding:.25rem .5rem; +} +.edit-widgets-keyboard-shortcut-help-modal__shortcut-key:last-child{ + margin:0 .2rem 0 0; +} + +.components-panel__header.edit-widgets-sidebar__panel-tabs{ + border-top:0; + justify-content:flex-start; + margin-top:0; + padding-left:4px; + padding-right:0; +} +.components-panel__header.edit-widgets-sidebar__panel-tabs ul{ + display:flex; +} +.components-panel__header.edit-widgets-sidebar__panel-tabs li{ + margin:0; +} +.components-panel__header.edit-widgets-sidebar__panel-tabs .components-button.has-icon{ + display:none; + margin-right:auto; +} +@media (min-width:782px){ + .components-panel__header.edit-widgets-sidebar__panel-tabs .components-button.has-icon{ + display:flex; } } -.interface-more-menu-dropdown__content .components-popover__content { - min-width: 280px; +.components-button.edit-widgets-sidebar__panel-tab{ + background:transparent; + border:none; + border-radius:0; + box-shadow:none; + color:#1e1e1e; + cursor:pointer; + display:inline-block; + font-weight:400; + height:49px; + margin-right:0; + padding:3px 15px; } -@media (min-width: 480px) { - .interface-more-menu-dropdown__content .components-popover__content { - max-width: 480px; - } +.components-button.edit-widgets-sidebar__panel-tab:after{ + speak:none; + content:attr(data-label); + display:block; + font-weight:600; + height:0; + overflow:hidden; + visibility:hidden; } -.interface-more-menu-dropdown__content .components-popover__content .components-dropdown-menu__menu { - padding: 0; +.components-button.edit-widgets-sidebar__panel-tab.is-active{ + box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) transparent, inset 0 -1.5px 0 0 var(--wp-admin-theme-color); + font-weight:600; + position:relative; +} +.components-button.edit-widgets-sidebar__panel-tab.is-active:before{ + border-bottom:1.5px solid transparent; + bottom:1px; + content:""; + left:0; + position:absolute; + right:0; + top:0; +} +.components-button.edit-widgets-sidebar__panel-tab:focus{ + box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); +} +.components-button.edit-widgets-sidebar__panel-tab.is-active:focus{ + box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 -1.5px 0 0 var(--wp-admin-theme-color); } -.components-popover.interface-more-menu-dropdown__content { - z-index: 99998; +.edit-widgets-widget-areas__top-container{ + display:flex; + padding:16px; +} +.edit-widgets-widget-areas__top-container .block-editor-block-icon{ + margin-left:16px; } -.interface-pinned-items { - display: flex; - gap: 4px; - margin-left: -4px; +.edit-widgets-notices__snackbar{ + bottom:20px; + left:0; + padding-left:16px; + padding-right:16px; + position:fixed; + right:0; } -.interface-pinned-items .components-button:not(:first-child) { - display: none; -} -@media (min-width: 600px) { - .interface-pinned-items .components-button:not(:first-child) { - display: flex; +@media (min-width:783px){ + .edit-widgets-notices__snackbar{ + right:160px; } } -.interface-pinned-items .components-button { - margin: 0; -} -.interface-pinned-items .components-button svg { - max-width: 24px; - max-height: 24px; -} - -@media (min-width: 600px) { - .interface-preferences-modal { - width: calc(100% - 32px); - height: calc(100% - 120px); +@media (min-width:783px){ + .auto-fold .edit-widgets-notices__snackbar{ + right:36px; } } -@media (min-width: 782px) { - .interface-preferences-modal { - width: 750px; +@media (min-width:961px){ + .auto-fold .edit-widgets-notices__snackbar{ + right:160px; } } -@media (min-width: 960px) { - .interface-preferences-modal { - height: 70%; - } +.folded .edit-widgets-notices__snackbar{ + right:0; } -@media (max-width: 781px) { - .interface-preferences-modal .components-modal__content { - padding: 0; +@media (min-width:783px){ + .folded .edit-widgets-notices__snackbar{ + right:36px; } } -.interface-preferences__tabs .components-tab-panel__tabs { - position: absolute; - top: 84px; - right: 16px; - width: 160px; -} -.interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item { - border-radius: 2px; - font-weight: 400; -} -.interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item.is-active { - background: #f0f0f0; - box-shadow: none; - font-weight: 500; -} -.interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item:focus:not(:disabled) { - box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); -} -.interface-preferences__tabs .components-tab-panel__tab-content { - padding-right: 24px; - margin-right: 160px; +body.is-fullscreen-mode .edit-widgets-notices__snackbar{ + right:0 !important; } -@media (max-width: 781px) { - .interface-preferences__provider { - height: 100%; - } +.edit-widgets-notices__dismissible .components-notice,.edit-widgets-notices__pinned .components-notice{ + border-bottom:1px solid rgba(0,0,0,.2); + box-sizing:border-box; + margin:0; + min-height:60px; + padding:0 12px; } -.interface-preferences-modal__section { - margin: 0 0 2.5rem 0; -} -.interface-preferences-modal__section:last-child { - margin: 0; +.edit-widgets-notices__dismissible .components-notice .components-notice__dismiss,.edit-widgets-notices__pinned .components-notice .components-notice__dismiss{ + margin-top:12px; } -.interface-preferences-modal__section-legend { - margin-bottom: 8px; +.edit-widgets-layout__inserter-panel{ + display:flex; + flex-direction:column; + height:100%; +} +.edit-widgets-layout__inserter-panel .block-editor-inserter__menu{ + overflow:hidden; } -.interface-preferences-modal__section-title { - font-size: 0.9rem; - font-weight: 600; - margin-top: 0; +.edit-widgets-layout__inserter-panel-header{ + display:flex; + justify-content:flex-end; + padding-left:8px; + padding-top:8px; } -.interface-preferences-modal__section-description { - margin: -8px 0 8px 0; - font-size: 12px; - font-style: normal; - color: #757575; +.edit-widgets-layout__inserter-panel-content{ + height:calc(100% - 44px); } - -.interface-preferences-modal__option + .interface-preferences-modal__option { - margin-top: 16px; -} -.interface-preferences-modal__option .components-base-control__help { - margin-top: 0; - margin-right: 48px; -} - -.wp-block[data-type="core/widget-area"] { - max-width: 700px; - margin-right: auto; - margin-left: auto; -} -.wp-block[data-type="core/widget-area"] .components-panel__body > .components-panel__body-title { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - margin: 0; - height: 48px; - position: relative; - z-index: 1; - background: #fff; - transform: translateZ(0); -} -.wp-block[data-type="core/widget-area"] .components-panel__body > .components-panel__body-title:hover { - background: #fff; -} -.wp-block[data-type="core/widget-area"] .block-list-appender.wp-block { - width: initial; - position: relative; -} -.wp-block[data-type="core/widget-area"] .editor-styles-wrapper .wp-block.wp-block.wp-block.wp-block.wp-block { - max-width: 100%; -} -.wp-block[data-type="core/widget-area"] .components-panel__body.is-opened { - padding: 0; -} - -.blocks-widgets-container .wp-block-widget-area__inner-blocks.editor-styles-wrapper { - margin: 0; - padding: 0; -} -.blocks-widgets-container .wp-block-widget-area__inner-blocks.editor-styles-wrapper > .block-editor-block-list__layout { - margin-top: -48px; - padding: 72px 16px 16px; - min-height: 32px; -} - -.wp-block-widget-area__highlight-drop-zone { - outline: var(--wp-admin-border-width-focus) solid var(--wp-admin-theme-color); -} - -body.is-dragging-components-draggable .wp-block[data-type="core/widget-area"] .components-panel__body > .components-panel__body-title, -body.is-dragging-components-draggable .wp-block[data-type="core/widget-area"] .components-panel__body > .components-panel__body-title * { - pointer-events: none; -} - -.edit-widgets-error-boundary { - margin: auto; - max-width: 780px; - padding: 20px; - margin-top: 60px; - box-shadow: 0 10px 10px rgba(0, 0, 0, 0.25); -} - -.edit-widgets-header { - display: flex; - align-items: center; - justify-content: space-between; - height: 60px; - padding: 0 16px; - overflow: auto; -} -@media (min-width: 600px) { - .edit-widgets-header { - overflow: visible; +@media (min-width:782px){ + .edit-widgets-layout__inserter-panel-content{ + height:100%; } } -.edit-widgets-header__navigable-toolbar-wrapper { - display: flex; - align-items: center; - justify-content: center; +.edit-widgets-welcome-guide{ + width:312px; +} +.edit-widgets-welcome-guide__image{ + background:#00a0d2; + margin:0 0 16px; +} +.edit-widgets-welcome-guide__image>img{ + display:block; + max-width:100%; + -o-object-fit:cover; + object-fit:cover; +} +.edit-widgets-welcome-guide__heading{ + font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; + font-size:24px; + line-height:1.4; + margin:16px 0; + padding:0 32px; +} +.edit-widgets-welcome-guide__text{ + font-size:13px; + line-height:1.4; + margin:0 0 24px; + padding:0 32px; +} +.edit-widgets-welcome-guide__inserter-icon{ + margin:0 4px; + vertical-align:text-top; } -.edit-widgets-header__title { - font-size: 20px; - padding: 0; - margin: 0 0 0 20px; +.edit-widgets-block-editor{ + font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; + position:relative; +} +.edit-widgets-block-editor,.edit-widgets-block-editor .block-editor-writing-flow,.edit-widgets-block-editor .block-editor-writing-flow>div,.edit-widgets-block-editor>div:last-of-type{ + display:flex; + flex-direction:column; + flex-grow:1; +} +.edit-widgets-block-editor .edit-widgets-main-block-list{ + height:100%; +} +.edit-widgets-block-editor .components-button{ + font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; + font-size:13px; +} +.edit-widgets-block-editor .components-button.has-icon,.edit-widgets-block-editor .components-button.is-tertiary{ + padding:6px; } -.edit-widgets-header__actions { - display: flex; - align-items: center; - gap: 4px; +.edit-widgets-editor__list-view-panel{ + display:flex; + flex-direction:column; + height:100%; + min-width:350px; } -@media (min-width: 600px) { - .edit-widgets-header__actions { - gap: 8px; + +.edit-widgets-editor__list-view-panel-content{ + height:calc(100% - 44px); + overflow-y:auto; + padding:8px; +} + +.edit-widgets-editor__list-view-panel-header{ + align-items:center; + border-bottom:1px solid #ddd; + display:flex; + height:48px; + justify-content:space-between; + padding-left:4px; + padding-right:16px; +} + +body.appearance_page_gutenberg-widgets,body.widgets-php,html.wp-toolbar{ + background:#fff; +} +body.appearance_page_gutenberg-widgets #wpcontent,body.widgets-php #wpcontent{ + padding-right:0; +} +body.appearance_page_gutenberg-widgets #wpbody-content,body.widgets-php #wpbody-content{ + padding-bottom:0; +} +body.appearance_page_gutenberg-widgets #wpbody-content>div:not(.blocks-widgets-container):not(#screen-meta),body.appearance_page_gutenberg-widgets #wpfooter,body.widgets-php #wpbody-content>div:not(.blocks-widgets-container):not(#screen-meta),body.widgets-php #wpfooter{ + display:none; +} +body.appearance_page_gutenberg-widgets .a11y-speak-region,body.widgets-php .a11y-speak-region{ + right:-1px; + top:-1px; +} +body.appearance_page_gutenberg-widgets ul#adminmenu a.wp-has-current-submenu:after,body.appearance_page_gutenberg-widgets ul#adminmenu>li.current>a.current:after,body.widgets-php ul#adminmenu a.wp-has-current-submenu:after,body.widgets-php ul#adminmenu>li.current>a.current:after{ + border-left-color:#fff; +} +body.appearance_page_gutenberg-widgets .media-frame select.attachment-filters:last-of-type,body.widgets-php .media-frame select.attachment-filters:last-of-type{ + max-width:100%; + width:auto; +} + +.blocks-widgets-container,.components-modal__frame{ + box-sizing:border-box; +} +.blocks-widgets-container *,.blocks-widgets-container :after,.blocks-widgets-container :before,.components-modal__frame *,.components-modal__frame :after,.components-modal__frame :before{ + box-sizing:inherit; +} + +@media (min-width:600px){ + .blocks-widgets-container{ + bottom:0; + left:0; + min-height:calc(100vh - 46px); + position:absolute; + right:0; + top:0; + } +} +@media (min-width:782px){ + .blocks-widgets-container{ + min-height:calc(100vh - 32px); + } +} +.blocks-widgets-container .interface-interface-skeleton__content{ + background-color:#f0f0f0; +} + +.blocks-widgets-container .editor-styles-wrapper{ + margin:auto; + max-width:700px; +} + +.edit-widgets-sidebar .components-button.interface-complementary-area__pin-unpin-item{ + display:none; +} + +.widgets-php .notice{ + display:none !important; +} + +body.admin-color-light{ + --wp-admin-theme-color:#0085ba; + --wp-admin-theme-color--rgb:0, 133, 186; + --wp-admin-theme-color-darker-10:#0073a1; + --wp-admin-theme-color-darker-10--rgb:0, 115, 161; + --wp-admin-theme-color-darker-20:#006187; + --wp-admin-theme-color-darker-20--rgb:0, 97, 135; + --wp-admin-border-width-focus:2px; +} +@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ + body.admin-color-light{ + --wp-admin-border-width-focus:1.5px; } } -.edit-widgets-header-toolbar { - border: none; +body.admin-color-modern{ + --wp-admin-theme-color:#3858e9; + --wp-admin-theme-color--rgb:56, 88, 233; + --wp-admin-theme-color-darker-10:#2145e6; + --wp-admin-theme-color-darker-10--rgb:33, 69, 230; + --wp-admin-theme-color-darker-20:#183ad6; + --wp-admin-theme-color-darker-20--rgb:24, 58, 214; + --wp-admin-border-width-focus:2px; } -.edit-widgets-header-toolbar > .components-button.has-icon.has-icon.has-icon, -.edit-widgets-header-toolbar > .components-dropdown > .components-button.has-icon.has-icon { - height: 36px; - min-width: 36px; - padding: 6px; -} -.edit-widgets-header-toolbar > .components-button.has-icon.has-icon.has-icon.is-pressed, -.edit-widgets-header-toolbar > .components-dropdown > .components-button.has-icon.has-icon.is-pressed { - background: #1e1e1e; -} -.edit-widgets-header-toolbar > .components-button.has-icon.has-icon.has-icon:focus:not(:disabled), -.edit-widgets-header-toolbar > .components-dropdown > .components-button.has-icon.has-icon:focus:not(:disabled) { - box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 0 0 1px #fff; - outline: 1px solid transparent; -} -.edit-widgets-header-toolbar > .components-button.has-icon.has-icon.has-icon::before, -.edit-widgets-header-toolbar > .components-dropdown > .components-button.has-icon.has-icon::before { - display: none; -} - -.edit-widgets-header-toolbar__inserter-toggle.edit-widgets-header-toolbar__inserter-toggle { - padding-right: 8px; - padding-left: 8px; -} -@media (min-width: 600px) { - .edit-widgets-header-toolbar__inserter-toggle.edit-widgets-header-toolbar__inserter-toggle { - padding-right: 12px; - padding-left: 12px; - } -} -.edit-widgets-header-toolbar__inserter-toggle.edit-widgets-header-toolbar__inserter-toggle::after { - content: none; -} -.edit-widgets-header-toolbar__inserter-toggle.edit-widgets-header-toolbar__inserter-toggle svg { - transition: transform cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s; -} -@media (prefers-reduced-motion: reduce) { - .edit-widgets-header-toolbar__inserter-toggle.edit-widgets-header-toolbar__inserter-toggle svg { - transition-duration: 0s; - transition-delay: 0s; - } -} -.edit-widgets-header-toolbar__inserter-toggle.edit-widgets-header-toolbar__inserter-toggle.is-pressed svg { - transform: rotate(-45deg); -} - -.edit-widgets-keyboard-shortcut-help-modal__section { - margin: 0 0 2rem 0; -} -.edit-widgets-keyboard-shortcut-help-modal__main-shortcuts .edit-widgets-keyboard-shortcut-help-modal__shortcut-list { - margin-top: -25px; -} -.edit-widgets-keyboard-shortcut-help-modal__section-title { - font-size: 0.9rem; - font-weight: 600; -} -.edit-widgets-keyboard-shortcut-help-modal__shortcut { - display: flex; - align-items: baseline; - padding: 0.6rem 0; - border-top: 1px solid #ddd; - margin-bottom: 0; -} -.edit-widgets-keyboard-shortcut-help-modal__shortcut:last-child { - border-bottom: 1px solid #ddd; -} -.edit-widgets-keyboard-shortcut-help-modal__shortcut:empty { - display: none; -} -.edit-widgets-keyboard-shortcut-help-modal__shortcut-term { - font-weight: 600; - margin: 0 1rem 0 0; - text-align: left; -} -.edit-widgets-keyboard-shortcut-help-modal__shortcut-description { - flex: 1; - margin: 0; - flex-basis: auto; -} -.edit-widgets-keyboard-shortcut-help-modal__shortcut-key-combination { - display: block; - background: none; - margin: 0; - padding: 0; -} -.edit-widgets-keyboard-shortcut-help-modal__shortcut-key-combination + .edit-widgets-keyboard-shortcut-help-modal__shortcut-key-combination { - margin-top: 10px; -} -.edit-widgets-keyboard-shortcut-help-modal__shortcut-key { - padding: 0.25rem 0.5rem; - border-radius: 8%; - margin: 0 0.2rem 0 0.2rem; -} -.edit-widgets-keyboard-shortcut-help-modal__shortcut-key:last-child { - margin: 0 0.2rem 0 0; -} - -.components-panel__header.edit-widgets-sidebar__panel-tabs { - justify-content: flex-start; - padding-right: 0; - padding-left: 4px; - border-top: 0; - margin-top: 0; -} -.components-panel__header.edit-widgets-sidebar__panel-tabs ul { - display: flex; -} -.components-panel__header.edit-widgets-sidebar__panel-tabs li { - margin: 0; -} -.components-panel__header.edit-widgets-sidebar__panel-tabs .components-button.has-icon { - display: none; - margin-right: auto; -} -@media (min-width: 782px) { - .components-panel__header.edit-widgets-sidebar__panel-tabs .components-button.has-icon { - display: flex; +@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ + body.admin-color-modern{ + --wp-admin-border-width-focus:1.5px; } } -.components-button.edit-widgets-sidebar__panel-tab { - border-radius: 0; - height: 49px; - background: transparent; - border: none; - box-shadow: none; - cursor: pointer; - display: inline-block; - padding: 3px 15px; - margin-right: 0; - font-weight: 400; - color: #1e1e1e; +body.admin-color-blue{ + --wp-admin-theme-color:#096484; + --wp-admin-theme-color--rgb:9, 100, 132; + --wp-admin-theme-color-darker-10:#07526c; + --wp-admin-theme-color-darker-10--rgb:7, 82, 108; + --wp-admin-theme-color-darker-20:#064054; + --wp-admin-theme-color-darker-20--rgb:6, 64, 84; + --wp-admin-border-width-focus:2px; } -.components-button.edit-widgets-sidebar__panel-tab::after { - content: attr(data-label); - display: block; - font-weight: 600; - height: 0; - overflow: hidden; - speak: none; - visibility: hidden; -} -.components-button.edit-widgets-sidebar__panel-tab.is-active { - box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) transparent, inset 0 -1.5px 0 0 var(--wp-admin-theme-color); - font-weight: 600; - position: relative; -} -.components-button.edit-widgets-sidebar__panel-tab.is-active::before { - content: ""; - position: absolute; - top: 0; - bottom: 1px; - left: 0; - right: 0; - border-bottom: 1.5px solid transparent; -} -.components-button.edit-widgets-sidebar__panel-tab:focus { - box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); -} -.components-button.edit-widgets-sidebar__panel-tab.is-active:focus { - box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 -1.5px 0 0 var(--wp-admin-theme-color); -} - -.edit-widgets-widget-areas__top-container { - display: flex; - padding: 16px; -} -.edit-widgets-widget-areas__top-container .block-editor-block-icon { - margin-left: 16px; -} - -.edit-widgets-notices__snackbar { - position: fixed; - left: 0; - bottom: 20px; - padding-right: 16px; - padding-left: 16px; -} - -.edit-widgets-notices__snackbar { - /* Set left position when auto-fold is not on the body element. */ - right: 0; -} -@media (min-width: 783px) { - .edit-widgets-notices__snackbar { - right: 160px; +@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ + body.admin-color-blue{ + --wp-admin-border-width-focus:1.5px; } } -.auto-fold .edit-widgets-notices__snackbar { - /* Auto fold is when on smaller breakpoints, nav menu auto collapses. */ +body.admin-color-coffee{ + --wp-admin-theme-color:#46403c; + --wp-admin-theme-color--rgb:70, 64, 60; + --wp-admin-theme-color-darker-10:#383330; + --wp-admin-theme-color-darker-10--rgb:56, 51, 48; + --wp-admin-theme-color-darker-20:#2b2724; + --wp-admin-theme-color-darker-20--rgb:43, 39, 36; + --wp-admin-border-width-focus:2px; } -@media (min-width: 783px) { - .auto-fold .edit-widgets-notices__snackbar { - right: 36px; - } -} -@media (min-width: 961px) { - .auto-fold .edit-widgets-notices__snackbar { - right: 160px; +@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ + body.admin-color-coffee{ + --wp-admin-border-width-focus:1.5px; } } -/* Sidebar manually collapsed. */ -.folded .edit-widgets-notices__snackbar { - right: 0; +body.admin-color-ectoplasm{ + --wp-admin-theme-color:#523f6d; + --wp-admin-theme-color--rgb:82, 63, 109; + --wp-admin-theme-color-darker-10:#46365d; + --wp-admin-theme-color-darker-10--rgb:70, 54, 93; + --wp-admin-theme-color-darker-20:#3a2c4d; + --wp-admin-theme-color-darker-20--rgb:58, 44, 77; + --wp-admin-border-width-focus:2px; } -@media (min-width: 783px) { - .folded .edit-widgets-notices__snackbar { - right: 36px; +@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ + body.admin-color-ectoplasm{ + --wp-admin-border-width-focus:1.5px; } } -body.is-fullscreen-mode .edit-widgets-notices__snackbar { - right: 0 !important; +body.admin-color-midnight{ + --wp-admin-theme-color:#e14d43; + --wp-admin-theme-color--rgb:225, 77, 67; + --wp-admin-theme-color-darker-10:#dd382d; + --wp-admin-theme-color-darker-10--rgb:221, 56, 45; + --wp-admin-theme-color-darker-20:#d02c21; + --wp-admin-theme-color-darker-20--rgb:208, 44, 33; + --wp-admin-border-width-focus:2px; } - -.edit-widgets-notices__dismissible .components-notice, -.edit-widgets-notices__pinned .components-notice { - box-sizing: border-box; - margin: 0; - border-bottom: 1px solid rgba(0, 0, 0, 0.2); - padding: 0 12px; - min-height: 60px; -} -.edit-widgets-notices__dismissible .components-notice .components-notice__dismiss, -.edit-widgets-notices__pinned .components-notice .components-notice__dismiss { - margin-top: 12px; -} - -.edit-widgets-layout__inserter-panel { - height: 100%; - display: flex; - flex-direction: column; -} -.edit-widgets-layout__inserter-panel .block-editor-inserter__menu { - overflow: hidden; -} - -.edit-widgets-layout__inserter-panel-header { - padding-top: 8px; - padding-left: 8px; - display: flex; - justify-content: flex-end; -} - -.edit-widgets-layout__inserter-panel-content { - height: calc(100% - 36px - 8px); -} -@media (min-width: 782px) { - .edit-widgets-layout__inserter-panel-content { - height: 100%; +@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ + body.admin-color-midnight{ + --wp-admin-border-width-focus:1.5px; } } -.edit-widgets-welcome-guide { - width: 312px; +body.admin-color-ocean{ + --wp-admin-theme-color:#627c83; + --wp-admin-theme-color--rgb:98, 124, 131; + --wp-admin-theme-color-darker-10:#576e74; + --wp-admin-theme-color-darker-10--rgb:87, 110, 116; + --wp-admin-theme-color-darker-20:#4c6066; + --wp-admin-theme-color-darker-20--rgb:76, 96, 102; + --wp-admin-border-width-focus:2px; } -.edit-widgets-welcome-guide__image { - background: #00a0d2; - margin: 0 0 16px; -} -.edit-widgets-welcome-guide__image > img { - display: block; - max-width: 100%; - -o-object-fit: cover; - object-fit: cover; -} -.edit-widgets-welcome-guide__heading { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - font-size: 24px; - line-height: 1.4; - margin: 16px 0 16px 0; - padding: 0 32px; -} -.edit-widgets-welcome-guide__text { - font-size: 13px; - line-height: 1.4; - margin: 0 0 24px 0; - padding: 0 32px; -} -.edit-widgets-welcome-guide__inserter-icon { - margin: 0 4px; - vertical-align: text-top; -} - -.edit-widgets-block-editor { - position: relative; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - display: flex; - flex-direction: column; - flex-grow: 1; -} -.edit-widgets-block-editor > div:last-of-type, -.edit-widgets-block-editor .block-editor-writing-flow, -.edit-widgets-block-editor .block-editor-writing-flow > div { - display: flex; - flex-direction: column; - flex-grow: 1; -} -.edit-widgets-block-editor .edit-widgets-main-block-list { - height: 100%; -} -.edit-widgets-block-editor .components-button { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - font-size: 13px; -} -.edit-widgets-block-editor .components-button.is-tertiary, .edit-widgets-block-editor .components-button.has-icon { - padding: 6px; -} - -.edit-widgets-editor__list-view-panel { - height: 100%; - display: flex; - flex-direction: column; - min-width: 350px; -} - -.edit-widgets-editor__list-view-panel-content { - height: calc(100% - 36px - 8px); - overflow-y: auto; - padding: 8px; -} - -.edit-widgets-editor__list-view-panel-header { - align-items: center; - border-bottom: 1px solid #ddd; - display: flex; - justify-content: space-between; - height: 48px; - padding-right: 16px; - padding-left: 4px; -} - -html.wp-toolbar { - background: #fff; -} - -body.appearance_page_gutenberg-widgets, -body.widgets-php { - background: #fff; - /* We hide legacy notices in Gutenberg Based Pages, because they were not designed in a way that scaled well. - Plugins can use Gutenberg notices if they need to pass on information to the user when they are editing. */ -} -body.appearance_page_gutenberg-widgets #wpcontent, -body.widgets-php #wpcontent { - padding-right: 0; -} -body.appearance_page_gutenberg-widgets #wpbody-content, -body.widgets-php #wpbody-content { - padding-bottom: 0; -} -body.appearance_page_gutenberg-widgets #wpbody-content > div:not(.blocks-widgets-container):not(#screen-meta), -body.widgets-php #wpbody-content > div:not(.blocks-widgets-container):not(#screen-meta) { - display: none; -} -body.appearance_page_gutenberg-widgets #wpfooter, -body.widgets-php #wpfooter { - display: none; -} -body.appearance_page_gutenberg-widgets .a11y-speak-region, -body.widgets-php .a11y-speak-region { - right: -1px; - top: -1px; -} -body.appearance_page_gutenberg-widgets ul#adminmenu a.wp-has-current-submenu::after, -body.appearance_page_gutenberg-widgets ul#adminmenu > li.current > a.current::after, -body.widgets-php ul#adminmenu a.wp-has-current-submenu::after, -body.widgets-php ul#adminmenu > li.current > a.current::after { - border-left-color: #fff; -} -body.appearance_page_gutenberg-widgets .media-frame select.attachment-filters:last-of-type, -body.widgets-php .media-frame select.attachment-filters:last-of-type { - width: auto; - max-width: 100%; -} - -.blocks-widgets-container, -.components-modal__frame { - box-sizing: border-box; -} -.blocks-widgets-container *, -.blocks-widgets-container *::before, -.blocks-widgets-container *::after, -.components-modal__frame *, -.components-modal__frame *::before, -.components-modal__frame *::after { - box-sizing: inherit; -} - -@media (min-width: 600px) { - .blocks-widgets-container { - position: absolute; - top: 0; - left: 0; - bottom: 0; - right: 0; - min-height: calc(100vh - 46px); - } -} -@media (min-width: 782px) { - .blocks-widgets-container { - min-height: calc(100vh - 32px); - } -} -.blocks-widgets-container .interface-interface-skeleton__content { - background-color: #f0f0f0; -} - -.blocks-widgets-container .editor-styles-wrapper { - max-width: 700px; - margin: auto; -} - -.edit-widgets-sidebar .components-button.interface-complementary-area__pin-unpin-item { - display: none; -} - -.widgets-php .notice { - display: none !important; -} - -body.admin-color-light { - --wp-admin-theme-color: #0085ba; - --wp-admin-theme-color--rgb: 0, 133, 186; - --wp-admin-theme-color-darker-10: #0073a1; - --wp-admin-theme-color-darker-10--rgb: 0, 115, 161; - --wp-admin-theme-color-darker-20: #006187; - --wp-admin-theme-color-darker-20--rgb: 0, 97, 135; - --wp-admin-border-width-focus: 2px; -} -@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { - body.admin-color-light { - --wp-admin-border-width-focus: 1.5px; +@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ + body.admin-color-ocean{ + --wp-admin-border-width-focus:1.5px; } } -body.admin-color-modern { - --wp-admin-theme-color: #3858e9; - --wp-admin-theme-color--rgb: 56, 88, 233; - --wp-admin-theme-color-darker-10: #2145e6; - --wp-admin-theme-color-darker-10--rgb: 33, 69, 230; - --wp-admin-theme-color-darker-20: #183ad6; - --wp-admin-theme-color-darker-20--rgb: 24, 58, 214; - --wp-admin-border-width-focus: 2px; +body.admin-color-sunrise{ + --wp-admin-theme-color:#dd823b; + --wp-admin-theme-color--rgb:221, 130, 59; + --wp-admin-theme-color-darker-10:#d97426; + --wp-admin-theme-color-darker-10--rgb:217, 116, 38; + --wp-admin-theme-color-darker-20:#c36922; + --wp-admin-theme-color-darker-20--rgb:195, 105, 34; + --wp-admin-border-width-focus:2px; } -@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { - body.admin-color-modern { - --wp-admin-border-width-focus: 1.5px; - } -} - -body.admin-color-blue { - --wp-admin-theme-color: #096484; - --wp-admin-theme-color--rgb: 9, 100, 132; - --wp-admin-theme-color-darker-10: #07526c; - --wp-admin-theme-color-darker-10--rgb: 7, 82, 108; - --wp-admin-theme-color-darker-20: #064054; - --wp-admin-theme-color-darker-20--rgb: 6, 64, 84; - --wp-admin-border-width-focus: 2px; -} -@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { - body.admin-color-blue { - --wp-admin-border-width-focus: 1.5px; - } -} - -body.admin-color-coffee { - --wp-admin-theme-color: #46403c; - --wp-admin-theme-color--rgb: 70, 64, 60; - --wp-admin-theme-color-darker-10: #383330; - --wp-admin-theme-color-darker-10--rgb: 56, 51, 48; - --wp-admin-theme-color-darker-20: #2b2724; - --wp-admin-theme-color-darker-20--rgb: 43, 39, 36; - --wp-admin-border-width-focus: 2px; -} -@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { - body.admin-color-coffee { - --wp-admin-border-width-focus: 1.5px; - } -} - -body.admin-color-ectoplasm { - --wp-admin-theme-color: #523f6d; - --wp-admin-theme-color--rgb: 82, 63, 109; - --wp-admin-theme-color-darker-10: #46365d; - --wp-admin-theme-color-darker-10--rgb: 70, 54, 93; - --wp-admin-theme-color-darker-20: #3a2c4d; - --wp-admin-theme-color-darker-20--rgb: 58, 44, 77; - --wp-admin-border-width-focus: 2px; -} -@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { - body.admin-color-ectoplasm { - --wp-admin-border-width-focus: 1.5px; - } -} - -body.admin-color-midnight { - --wp-admin-theme-color: #e14d43; - --wp-admin-theme-color--rgb: 225, 77, 67; - --wp-admin-theme-color-darker-10: #dd382d; - --wp-admin-theme-color-darker-10--rgb: 221, 56, 45; - --wp-admin-theme-color-darker-20: #d02c21; - --wp-admin-theme-color-darker-20--rgb: 208, 44, 33; - --wp-admin-border-width-focus: 2px; -} -@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { - body.admin-color-midnight { - --wp-admin-border-width-focus: 1.5px; - } -} - -body.admin-color-ocean { - --wp-admin-theme-color: #627c83; - --wp-admin-theme-color--rgb: 98, 124, 131; - --wp-admin-theme-color-darker-10: #576e74; - --wp-admin-theme-color-darker-10--rgb: 87, 110, 116; - --wp-admin-theme-color-darker-20: #4c6066; - --wp-admin-theme-color-darker-20--rgb: 76, 96, 102; - --wp-admin-border-width-focus: 2px; -} -@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { - body.admin-color-ocean { - --wp-admin-border-width-focus: 1.5px; - } -} - -body.admin-color-sunrise { - --wp-admin-theme-color: #dd823b; - --wp-admin-theme-color--rgb: 221, 130, 59; - --wp-admin-theme-color-darker-10: #d97426; - --wp-admin-theme-color-darker-10--rgb: 217, 116, 38; - --wp-admin-theme-color-darker-20: #c36922; - --wp-admin-theme-color-darker-20--rgb: 195, 105, 34; - --wp-admin-border-width-focus: 2px; -} -@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { - body.admin-color-sunrise { - --wp-admin-border-width-focus: 1.5px; +@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ + body.admin-color-sunrise{ + --wp-admin-border-width-focus:1.5px; } } \ No newline at end of file diff --git a/wp-includes/css/dist/edit-widgets/style.css b/wp-includes/css/dist/edit-widgets/style.css index 863e7f3db1..e64a4208a9 100644 --- a/wp-includes/css/dist/edit-widgets/style.css +++ b/wp-includes/css/dist/edit-widgets/style.css @@ -1,1168 +1,1024 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -:root { - --wp-admin-theme-color: #007cba; - --wp-admin-theme-color--rgb: 0, 124, 186; - --wp-admin-theme-color-darker-10: #006ba1; - --wp-admin-theme-color-darker-10--rgb: 0, 107, 161; - --wp-admin-theme-color-darker-20: #005a87; - --wp-admin-theme-color-darker-20--rgb: 0, 90, 135; - --wp-admin-border-width-focus: 2px; +:root{ + --wp-admin-theme-color:#007cba; + --wp-admin-theme-color--rgb:0, 124, 186; + --wp-admin-theme-color-darker-10:#006ba1; + --wp-admin-theme-color-darker-10--rgb:0, 107, 161; + --wp-admin-theme-color-darker-20:#005a87; + --wp-admin-theme-color-darker-20--rgb:0, 90, 135; + --wp-admin-border-width-focus:2px; } -@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { - :root { - --wp-admin-border-width-focus: 1.5px; +@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ + :root{ + --wp-admin-border-width-focus:1.5px; } } -.components-panel__header.interface-complementary-area-header__small { - background: #fff; - padding-right: 4px; +.components-panel__header.interface-complementary-area-header__small{ + background:#fff; + padding-right:4px; } -.components-panel__header.interface-complementary-area-header__small .interface-complementary-area-header__small-title { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - width: 100%; +.components-panel__header.interface-complementary-area-header__small .interface-complementary-area-header__small-title{ + overflow:hidden; + text-overflow:ellipsis; + white-space:nowrap; + width:100%; } -@media (min-width: 782px) { - .components-panel__header.interface-complementary-area-header__small { - display: none; +@media (min-width:782px){ + .components-panel__header.interface-complementary-area-header__small{ + display:none; } } -.interface-complementary-area-header { - background: #fff; - padding-right: 4px; +.interface-complementary-area-header{ + background:#fff; + padding-right:4px; } -.interface-complementary-area-header .components-button.has-icon { - display: none; - margin-left: auto; +.interface-complementary-area-header .components-button.has-icon{ + display:none; + margin-left:auto; } -.interface-complementary-area-header .components-button.has-icon ~ .components-button { - margin-left: 0; +.interface-complementary-area-header .components-button.has-icon~.components-button{ + margin-left:0; } -@media (min-width: 782px) { - .interface-complementary-area-header .components-button.has-icon { - display: flex; +@media (min-width:782px){ + .interface-complementary-area-header .components-button.has-icon{ + display:flex; + } + .components-panel__header+.interface-complementary-area-header{ + margin-top:0; } } -@media (min-width: 782px) { - .components-panel__header + .interface-complementary-area-header { - margin-top: 0; +.interface-complementary-area{ + background:#fff; + color:#1e1e1e; +} +@media (min-width:600px){ + .interface-complementary-area{ + -webkit-overflow-scrolling:touch; + } +} +@media (min-width:782px){ + .interface-complementary-area{ + width:280px; + } +} +.interface-complementary-area .components-panel{ + border:none; + position:relative; + z-index:0; +} +.interface-complementary-area .components-panel__header{ + position:sticky; + top:0; + z-index:1; +} +.interface-complementary-area .components-panel__header.edit-post-sidebar__panel-tabs{ + top:48px; +} +@media (min-width:782px){ + .interface-complementary-area .components-panel__header.edit-post-sidebar__panel-tabs{ + top:0; + } +} +.interface-complementary-area p:not(.components-base-control__help){ + margin-top:0; +} +.interface-complementary-area h2{ + color:#1e1e1e; + font-size:13px; + margin-bottom:1.5em; +} +.interface-complementary-area h3{ + color:#1e1e1e; + font-size:11px; + font-weight:500; + margin-bottom:1.5em; + text-transform:uppercase; +} +.interface-complementary-area hr{ + border-bottom:1px solid #f0f0f0; + border-top:none; + margin:1.5em 0; +} +.interface-complementary-area div.components-toolbar,.interface-complementary-area div.components-toolbar-group{ + box-shadow:none; + margin-bottom:1.5em; +} +.interface-complementary-area div.components-toolbar-group:last-child,.interface-complementary-area div.components-toolbar:last-child{ + margin-bottom:0; +} +.interface-complementary-area .block-editor-skip-to-selected-block:focus{ + bottom:10px; + left:auto; + right:10px; + top:auto; +} + +@media (min-width:782px){ + body.js.is-fullscreen-mode{ + height:calc(100% + 32px); + margin-top:-32px; + } + body.js.is-fullscreen-mode #adminmenumain,body.js.is-fullscreen-mode #wpadminbar{ + display:none; + } + body.js.is-fullscreen-mode #wpcontent,body.js.is-fullscreen-mode #wpfooter{ + margin-left:0; } } -.interface-complementary-area { - background: #fff; - color: #1e1e1e; +html.interface-interface-skeleton__html-container{ + position:fixed; + width:100%; } -@media (min-width: 600px) { - .interface-complementary-area { - -webkit-overflow-scrolling: touch; - } -} -@media (min-width: 782px) { - .interface-complementary-area { - width: 280px; - } -} -.interface-complementary-area .components-panel { - border: none; - position: relative; - z-index: 0; -} -.interface-complementary-area .components-panel__header { - position: sticky; - top: 0; - z-index: 1; -} -.interface-complementary-area .components-panel__header.edit-post-sidebar__panel-tabs { - top: 48px; -} -@media (min-width: 782px) { - .interface-complementary-area .components-panel__header.edit-post-sidebar__panel-tabs { - top: 0; - } -} -.interface-complementary-area p:not(.components-base-control__help) { - margin-top: 0; -} -.interface-complementary-area h2 { - font-size: 13px; - color: #1e1e1e; - margin-bottom: 1.5em; -} -.interface-complementary-area h3 { - font-size: 11px; - text-transform: uppercase; - font-weight: 500; - color: #1e1e1e; - margin-bottom: 1.5em; -} -.interface-complementary-area hr { - border-top: none; - border-bottom: 1px solid #f0f0f0; - margin: 1.5em 0; -} -.interface-complementary-area div.components-toolbar-group, -.interface-complementary-area div.components-toolbar { - box-shadow: none; - margin-bottom: 1.5em; -} -.interface-complementary-area div.components-toolbar-group:last-child, -.interface-complementary-area div.components-toolbar:last-child { - margin-bottom: 0; -} -.interface-complementary-area .block-editor-skip-to-selected-block:focus { - top: auto; - right: 10px; - bottom: 10px; - left: auto; -} - -@media (min-width: 782px) { - body.js.is-fullscreen-mode { - margin-top: -32px; - height: calc(100% + 32px); - } - body.js.is-fullscreen-mode #adminmenumain, -body.js.is-fullscreen-mode #wpadminbar { - display: none; - } - body.js.is-fullscreen-mode #wpcontent, -body.js.is-fullscreen-mode #wpfooter { - margin-left: 0; +@media (min-width:782px){ + html.interface-interface-skeleton__html-container{ + position:static; + width:auto; } } -html.interface-interface-skeleton__html-container { - position: fixed; - width: 100%; +.interface-interface-skeleton{ + bottom:0; + display:flex; + flex-direction:row; + height:auto; + max-height:100%; + position:fixed; + right:0; + top:46px; } -@media (min-width: 782px) { - html.interface-interface-skeleton__html-container { - position: initial; - width: initial; +@media (min-width:783px){ + .interface-interface-skeleton{ + top:32px; + } + .is-fullscreen-mode .interface-interface-skeleton{ + top:0; } } -.interface-interface-skeleton { - display: flex; - flex-direction: row; - height: auto; - max-height: 100%; - position: fixed; - top: 46px; - left: 0; - right: 0; - bottom: 0; +.interface-interface-skeleton__editor{ + display:flex; + flex:0 1 100%; + flex-direction:column; + overflow:hidden; } -@media (min-width: 783px) { - .interface-interface-skeleton { - top: 32px; + +.interface-interface-skeleton{ + left:0; +} +@media (min-width:783px){ + .interface-interface-skeleton{ + left:160px; } - .is-fullscreen-mode .interface-interface-skeleton { - top: 0; +} +@media (min-width:783px){ + .auto-fold .interface-interface-skeleton{ + left:36px; + } +} +@media (min-width:961px){ + .auto-fold .interface-interface-skeleton{ + left:160px; + } +} +.folded .interface-interface-skeleton{ + left:0; +} +@media (min-width:783px){ + .folded .interface-interface-skeleton{ + left:36px; } } -.interface-interface-skeleton__editor { - display: flex; - flex-direction: column; - flex: 0 1 100%; - overflow: hidden; +body.is-fullscreen-mode .interface-interface-skeleton{ + left:0 !important; } -.interface-interface-skeleton { - /* Set left position when auto-fold is not on the body element. */ - left: 0; +.interface-interface-skeleton__body{ + display:flex; + flex-grow:1; + overflow:auto; + overscroll-behavior-y:none; } -@media (min-width: 783px) { - .interface-interface-skeleton { - left: 160px; +@media (min-width:782px){ + .has-footer .interface-interface-skeleton__body{ + padding-bottom:25px; } } -.auto-fold .interface-interface-skeleton { - /* Auto fold is when on smaller breakpoints, nav menu auto collapses. */ +.interface-interface-skeleton__content{ + display:flex; + flex-direction:column; + flex-grow:1; + overflow:auto; + z-index:20; } -@media (min-width: 783px) { - .auto-fold .interface-interface-skeleton { - left: 36px; - } + +.interface-interface-skeleton__secondary-sidebar,.interface-interface-skeleton__sidebar{ + background:#fff; + bottom:0; + color:#1e1e1e; + display:block; + flex-shrink:0; + left:0; + position:absolute; + right:0; + top:0; + z-index:100000; } -@media (min-width: 961px) { - .auto-fold .interface-interface-skeleton { - left: 160px; +@media (min-width:782px){ + .interface-interface-skeleton__secondary-sidebar,.interface-interface-skeleton__sidebar{ + position:relative !important; + width:auto; + z-index:90; } } -/* Sidebar manually collapsed. */ -.folded .interface-interface-skeleton { - left: 0; +.interface-interface-skeleton__sidebar{ + overflow:auto; } -@media (min-width: 783px) { - .folded .interface-interface-skeleton { - left: 36px; +@media (min-width:782px){ + .interface-interface-skeleton__sidebar{ + border-left:1px solid #e0e0e0; + } + .interface-interface-skeleton__secondary-sidebar{ + border-right:1px solid #e0e0e0; } } -body.is-fullscreen-mode .interface-interface-skeleton { - left: 0 !important; +.interface-interface-skeleton__header{ + border-bottom:1px solid #e0e0e0; + color:#1e1e1e; + flex-shrink:0; + height:auto; + z-index:30; } -.interface-interface-skeleton__body { - flex-grow: 1; - display: flex; - overflow: auto; - overscroll-behavior-y: none; +.interface-interface-skeleton__footer{ + background-color:#fff; + border-top:1px solid #e0e0e0; + bottom:0; + color:#1e1e1e; + display:none; + flex-shrink:0; + height:auto; + left:0; + position:absolute; + width:100%; + z-index:90; } -@media (min-width: 782px) { - .has-footer .interface-interface-skeleton__body { - padding-bottom: 25px; +@media (min-width:782px){ + .interface-interface-skeleton__footer{ + display:flex; + } +} +.interface-interface-skeleton__footer .block-editor-block-breadcrumb{ + align-items:center; + background:#fff; + display:flex; + font-size:13px; + height:24px; + padding:0 18px; + z-index:30; +} + +.interface-interface-skeleton__actions{ + bottom:auto; + color:#1e1e1e; + left:auto; + position:fixed !important; + right:0; + top:-9999em; + width:280px; + z-index:100000; +} +.interface-interface-skeleton__actions:focus{ + bottom:0; + top:auto; +} + +.interface-more-menu-dropdown{ + margin-left:-4px; +} +.interface-more-menu-dropdown .components-button{ + padding:0 2px; + width:auto; +} +@media (min-width:600px){ + .interface-more-menu-dropdown{ + margin-left:0; + } + .interface-more-menu-dropdown .components-button{ + padding:0 4px; } } -.interface-interface-skeleton__content { - flex-grow: 1; - display: flex; - flex-direction: column; - overflow: auto; - z-index: 20; +.interface-more-menu-dropdown__content .components-popover__content{ + min-width:280px; +} +@media (min-width:480px){ + .interface-more-menu-dropdown__content .components-popover__content{ + max-width:480px; + } +} +.interface-more-menu-dropdown__content .components-popover__content .components-dropdown-menu__menu{ + padding:0; } -.interface-interface-skeleton__secondary-sidebar, -.interface-interface-skeleton__sidebar { - display: block; - flex-shrink: 0; - position: absolute; - z-index: 100000; - top: 0; - right: 0; - bottom: 0; - left: 0; - background: #fff; - color: #1e1e1e; +.components-popover.interface-more-menu-dropdown__content{ + z-index:99998; } -@media (min-width: 782px) { - .interface-interface-skeleton__secondary-sidebar, -.interface-interface-skeleton__sidebar { - position: relative !important; - z-index: 90; - width: auto; + +.interface-pinned-items{ + display:flex; + gap:4px; + margin-right:-4px; +} +.interface-pinned-items .components-button:not(:first-child){ + display:none; +} +@media (min-width:600px){ + .interface-pinned-items .components-button:not(:first-child){ + display:flex; + } +} +.interface-pinned-items .components-button{ + margin:0; +} +.interface-pinned-items .components-button svg{ + max-height:24px; + max-width:24px; +} + +@media (min-width:600px){ + .interface-preferences-modal{ + height:calc(100% - 120px); + width:calc(100% - 32px); + } +} +@media (min-width:782px){ + .interface-preferences-modal{ + width:750px; + } +} +@media (min-width:960px){ + .interface-preferences-modal{ + height:70%; + } +} +@media (max-width:781px){ + .interface-preferences-modal .components-modal__content{ + padding:0; } } -.interface-interface-skeleton__sidebar { - overflow: auto; +.interface-preferences__tabs .components-tab-panel__tabs{ + left:16px; + position:absolute; + top:84px; + width:160px; } -@media (min-width: 782px) { - .interface-interface-skeleton__sidebar { - border-left: 1px solid #e0e0e0; +.interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item{ + border-radius:2px; + font-weight:400; +} +.interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item.is-active{ + background:#f0f0f0; + box-shadow:none; + font-weight:500; +} +.interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item:focus:not(:disabled){ + box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); +} +.interface-preferences__tabs .components-tab-panel__tab-content{ + margin-left:160px; + padding-left:24px; +} + +@media (max-width:781px){ + .interface-preferences__provider{ + height:100%; + } +} +.interface-preferences-modal__section{ + margin:0 0 2.5rem; +} +.interface-preferences-modal__section:last-child{ + margin:0; +} + +.interface-preferences-modal__section-legend{ + margin-bottom:8px; +} + +.interface-preferences-modal__section-title{ + font-size:.9rem; + font-weight:600; + margin-top:0; +} + +.interface-preferences-modal__section-description{ + color:#757575; + font-size:12px; + font-style:normal; + margin:-8px 0 8px; +} + +.interface-preferences-modal__option+.interface-preferences-modal__option{ + margin-top:16px; +} +.interface-preferences-modal__option .components-base-control__help{ + margin-left:48px; + margin-top:0; +} + +.wp-block[data-type="core/widget-area"]{ + margin-left:auto; + margin-right:auto; + max-width:700px; +} +.wp-block[data-type="core/widget-area"] .components-panel__body>.components-panel__body-title{ + background:#fff; + font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; + height:48px; + margin:0; + position:relative; + transform:translateZ(0); + z-index:1; +} +.wp-block[data-type="core/widget-area"] .components-panel__body>.components-panel__body-title:hover{ + background:#fff; +} +.wp-block[data-type="core/widget-area"] .block-list-appender.wp-block{ + position:relative; + width:auto; +} +.wp-block[data-type="core/widget-area"] .editor-styles-wrapper .wp-block.wp-block.wp-block.wp-block.wp-block{ + max-width:100%; +} +.wp-block[data-type="core/widget-area"] .components-panel__body.is-opened{ + padding:0; +} + +.blocks-widgets-container .wp-block-widget-area__inner-blocks.editor-styles-wrapper{ + margin:0; + padding:0; +} +.blocks-widgets-container .wp-block-widget-area__inner-blocks.editor-styles-wrapper>.block-editor-block-list__layout{ + margin-top:-48px; + min-height:32px; + padding:72px 16px 16px; +} + +.wp-block-widget-area__highlight-drop-zone{ + outline:var(--wp-admin-border-width-focus) solid var(--wp-admin-theme-color); +} + +body.is-dragging-components-draggable .wp-block[data-type="core/widget-area"] .components-panel__body>.components-panel__body-title,body.is-dragging-components-draggable .wp-block[data-type="core/widget-area"] .components-panel__body>.components-panel__body-title *{ + pointer-events:none; +} + +.edit-widgets-error-boundary{ + box-shadow:0 10px 10px rgba(0,0,0,.25); + margin:60px auto auto; + max-width:780px; + padding:20px; +} + +.edit-widgets-header{ + align-items:center; + display:flex; + height:60px; + justify-content:space-between; + overflow:auto; + padding:0 16px; +} +@media (min-width:600px){ + .edit-widgets-header{ + overflow:visible; } } -@media (min-width: 782px) { - .interface-interface-skeleton__secondary-sidebar { - border-right: 1px solid #e0e0e0; +.edit-widgets-header__navigable-toolbar-wrapper{ + align-items:center; + display:flex; + justify-content:center; +} + +.edit-widgets-header__title{ + font-size:20px; + margin:0 20px 0 0; + padding:0; +} + +.edit-widgets-header__actions{ + align-items:center; + display:flex; + gap:4px; +} +@media (min-width:600px){ + .edit-widgets-header__actions{ + gap:8px; } } -.interface-interface-skeleton__header { - flex-shrink: 0; - height: auto; - border-bottom: 1px solid #e0e0e0; - z-index: 30; - color: #1e1e1e; +.edit-widgets-header-toolbar{ + border:none; +} +.edit-widgets-header-toolbar>.components-button.has-icon.has-icon.has-icon,.edit-widgets-header-toolbar>.components-dropdown>.components-button.has-icon.has-icon{ + height:36px; + min-width:36px; + padding:6px; +} +.edit-widgets-header-toolbar>.components-button.has-icon.has-icon.has-icon.is-pressed,.edit-widgets-header-toolbar>.components-dropdown>.components-button.has-icon.has-icon.is-pressed{ + background:#1e1e1e; +} +.edit-widgets-header-toolbar>.components-button.has-icon.has-icon.has-icon:focus:not(:disabled),.edit-widgets-header-toolbar>.components-dropdown>.components-button.has-icon.has-icon:focus:not(:disabled){ + box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 0 0 1px #fff; + outline:1px solid transparent; +} +.edit-widgets-header-toolbar>.components-button.has-icon.has-icon.has-icon:before,.edit-widgets-header-toolbar>.components-dropdown>.components-button.has-icon.has-icon:before{ + display:none; } -.interface-interface-skeleton__footer { - height: auto; - flex-shrink: 0; - border-top: 1px solid #e0e0e0; - color: #1e1e1e; - position: absolute; - bottom: 0; - left: 0; - width: 100%; - background-color: #fff; - z-index: 90; - display: none; +.edit-widgets-header-toolbar__inserter-toggle.edit-widgets-header-toolbar__inserter-toggle{ + padding-left:8px; + padding-right:8px; } -@media (min-width: 782px) { - .interface-interface-skeleton__footer { - display: flex; +@media (min-width:600px){ + .edit-widgets-header-toolbar__inserter-toggle.edit-widgets-header-toolbar__inserter-toggle{ + padding-left:12px; + padding-right:12px; } } -.interface-interface-skeleton__footer .block-editor-block-breadcrumb { - z-index: 30; - display: flex; - background: #fff; - height: 24px; - align-items: center; - font-size: 13px; - padding: 0 18px; +.edit-widgets-header-toolbar__inserter-toggle.edit-widgets-header-toolbar__inserter-toggle:after{ + content:none; } - -.interface-interface-skeleton__actions { - z-index: 100000; - position: fixed !important; - top: -9999em; - bottom: auto; - left: auto; - right: 0; - width: 280px; - color: #1e1e1e; +.edit-widgets-header-toolbar__inserter-toggle.edit-widgets-header-toolbar__inserter-toggle svg{ + transition:transform .2s cubic-bezier(.165, .84, .44, 1); } -.interface-interface-skeleton__actions:focus { - top: auto; - bottom: 0; -} - -.interface-more-menu-dropdown { - margin-left: -4px; -} -.interface-more-menu-dropdown .components-button { - width: auto; - padding: 0 2px; -} -@media (min-width: 600px) { - .interface-more-menu-dropdown { - margin-left: 0; +@media (prefers-reduced-motion:reduce){ + .edit-widgets-header-toolbar__inserter-toggle.edit-widgets-header-toolbar__inserter-toggle svg{ + transition-delay:0s; + transition-duration:0s; } - .interface-more-menu-dropdown .components-button { - padding: 0 4px; +} +.edit-widgets-header-toolbar__inserter-toggle.edit-widgets-header-toolbar__inserter-toggle.is-pressed svg{ + transform:rotate(45deg); +} + +.edit-widgets-keyboard-shortcut-help-modal__section{ + margin:0 0 2rem; +} +.edit-widgets-keyboard-shortcut-help-modal__main-shortcuts .edit-widgets-keyboard-shortcut-help-modal__shortcut-list{ + margin-top:-25px; +} +.edit-widgets-keyboard-shortcut-help-modal__section-title{ + font-size:.9rem; + font-weight:600; +} +.edit-widgets-keyboard-shortcut-help-modal__shortcut{ + align-items:baseline; + border-top:1px solid #ddd; + display:flex; + margin-bottom:0; + padding:.6rem 0; +} +.edit-widgets-keyboard-shortcut-help-modal__shortcut:last-child{ + border-bottom:1px solid #ddd; +} +.edit-widgets-keyboard-shortcut-help-modal__shortcut:empty{ + display:none; +} +.edit-widgets-keyboard-shortcut-help-modal__shortcut-term{ + font-weight:600; + margin:0 0 0 1rem; + text-align:right; +} +.edit-widgets-keyboard-shortcut-help-modal__shortcut-description{ + flex:1; + flex-basis:auto; + margin:0; +} +.edit-widgets-keyboard-shortcut-help-modal__shortcut-key-combination{ + background:none; + display:block; + margin:0; + padding:0; +} +.edit-widgets-keyboard-shortcut-help-modal__shortcut-key-combination+.edit-widgets-keyboard-shortcut-help-modal__shortcut-key-combination{ + margin-top:10px; +} +.edit-widgets-keyboard-shortcut-help-modal__shortcut-key{ + border-radius:8%; + margin:0 .2rem; + padding:.25rem .5rem; +} +.edit-widgets-keyboard-shortcut-help-modal__shortcut-key:last-child{ + margin:0 0 0 .2rem; +} + +.components-panel__header.edit-widgets-sidebar__panel-tabs{ + border-top:0; + justify-content:flex-start; + margin-top:0; + padding-left:0; + padding-right:4px; +} +.components-panel__header.edit-widgets-sidebar__panel-tabs ul{ + display:flex; +} +.components-panel__header.edit-widgets-sidebar__panel-tabs li{ + margin:0; +} +.components-panel__header.edit-widgets-sidebar__panel-tabs .components-button.has-icon{ + display:none; + margin-left:auto; +} +@media (min-width:782px){ + .components-panel__header.edit-widgets-sidebar__panel-tabs .components-button.has-icon{ + display:flex; } } -.interface-more-menu-dropdown__content .components-popover__content { - min-width: 280px; +.components-button.edit-widgets-sidebar__panel-tab{ + background:transparent; + border:none; + border-radius:0; + box-shadow:none; + color:#1e1e1e; + cursor:pointer; + display:inline-block; + font-weight:400; + height:49px; + margin-left:0; + padding:3px 15px; } -@media (min-width: 480px) { - .interface-more-menu-dropdown__content .components-popover__content { - max-width: 480px; - } +.components-button.edit-widgets-sidebar__panel-tab:after{ + speak:none; + content:attr(data-label); + display:block; + font-weight:600; + height:0; + overflow:hidden; + visibility:hidden; } -.interface-more-menu-dropdown__content .components-popover__content .components-dropdown-menu__menu { - padding: 0; +.components-button.edit-widgets-sidebar__panel-tab.is-active{ + box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) transparent, inset 0 -1.5px 0 0 var(--wp-admin-theme-color); + font-weight:600; + position:relative; +} +.components-button.edit-widgets-sidebar__panel-tab.is-active:before{ + border-bottom:1.5px solid transparent; + bottom:1px; + content:""; + left:0; + position:absolute; + right:0; + top:0; +} +.components-button.edit-widgets-sidebar__panel-tab:focus{ + box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); +} +.components-button.edit-widgets-sidebar__panel-tab.is-active:focus{ + box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 -1.5px 0 0 var(--wp-admin-theme-color); } -.components-popover.interface-more-menu-dropdown__content { - z-index: 99998; +.edit-widgets-widget-areas__top-container{ + display:flex; + padding:16px; +} +.edit-widgets-widget-areas__top-container .block-editor-block-icon{ + margin-right:16px; } -.interface-pinned-items { - display: flex; - gap: 4px; - margin-right: -4px; +.edit-widgets-notices__snackbar{ + bottom:20px; + left:0; + padding-left:16px; + padding-right:16px; + position:fixed; + right:0; } -.interface-pinned-items .components-button:not(:first-child) { - display: none; -} -@media (min-width: 600px) { - .interface-pinned-items .components-button:not(:first-child) { - display: flex; +@media (min-width:783px){ + .edit-widgets-notices__snackbar{ + left:160px; } } -.interface-pinned-items .components-button { - margin: 0; -} -.interface-pinned-items .components-button svg { - max-width: 24px; - max-height: 24px; -} - -@media (min-width: 600px) { - .interface-preferences-modal { - width: calc(100% - 32px); - height: calc(100% - 120px); +@media (min-width:783px){ + .auto-fold .edit-widgets-notices__snackbar{ + left:36px; } } -@media (min-width: 782px) { - .interface-preferences-modal { - width: 750px; +@media (min-width:961px){ + .auto-fold .edit-widgets-notices__snackbar{ + left:160px; } } -@media (min-width: 960px) { - .interface-preferences-modal { - height: 70%; - } +.folded .edit-widgets-notices__snackbar{ + left:0; } -@media (max-width: 781px) { - .interface-preferences-modal .components-modal__content { - padding: 0; +@media (min-width:783px){ + .folded .edit-widgets-notices__snackbar{ + left:36px; } } -.interface-preferences__tabs .components-tab-panel__tabs { - position: absolute; - top: 84px; - left: 16px; - width: 160px; -} -.interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item { - border-radius: 2px; - font-weight: 400; -} -.interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item.is-active { - background: #f0f0f0; - box-shadow: none; - font-weight: 500; -} -.interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item:focus:not(:disabled) { - box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); -} -.interface-preferences__tabs .components-tab-panel__tab-content { - padding-left: 24px; - margin-left: 160px; +body.is-fullscreen-mode .edit-widgets-notices__snackbar{ + left:0 !important; } -@media (max-width: 781px) { - .interface-preferences__provider { - height: 100%; - } +.edit-widgets-notices__dismissible .components-notice,.edit-widgets-notices__pinned .components-notice{ + border-bottom:1px solid rgba(0,0,0,.2); + box-sizing:border-box; + margin:0; + min-height:60px; + padding:0 12px; } -.interface-preferences-modal__section { - margin: 0 0 2.5rem 0; -} -.interface-preferences-modal__section:last-child { - margin: 0; +.edit-widgets-notices__dismissible .components-notice .components-notice__dismiss,.edit-widgets-notices__pinned .components-notice .components-notice__dismiss{ + margin-top:12px; } -.interface-preferences-modal__section-legend { - margin-bottom: 8px; +.edit-widgets-layout__inserter-panel{ + display:flex; + flex-direction:column; + height:100%; +} +.edit-widgets-layout__inserter-panel .block-editor-inserter__menu{ + overflow:hidden; } -.interface-preferences-modal__section-title { - font-size: 0.9rem; - font-weight: 600; - margin-top: 0; +.edit-widgets-layout__inserter-panel-header{ + display:flex; + justify-content:flex-end; + padding-right:8px; + padding-top:8px; } -.interface-preferences-modal__section-description { - margin: -8px 0 8px 0; - font-size: 12px; - font-style: normal; - color: #757575; +.edit-widgets-layout__inserter-panel-content{ + height:calc(100% - 44px); } - -.interface-preferences-modal__option + .interface-preferences-modal__option { - margin-top: 16px; -} -.interface-preferences-modal__option .components-base-control__help { - margin-top: 0; - margin-left: 48px; -} - -.wp-block[data-type="core/widget-area"] { - max-width: 700px; - margin-left: auto; - margin-right: auto; -} -.wp-block[data-type="core/widget-area"] .components-panel__body > .components-panel__body-title { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - margin: 0; - height: 48px; - position: relative; - z-index: 1; - background: #fff; - transform: translateZ(0); -} -.wp-block[data-type="core/widget-area"] .components-panel__body > .components-panel__body-title:hover { - background: #fff; -} -.wp-block[data-type="core/widget-area"] .block-list-appender.wp-block { - width: initial; - position: relative; -} -.wp-block[data-type="core/widget-area"] .editor-styles-wrapper .wp-block.wp-block.wp-block.wp-block.wp-block { - max-width: 100%; -} -.wp-block[data-type="core/widget-area"] .components-panel__body.is-opened { - padding: 0; -} - -.blocks-widgets-container .wp-block-widget-area__inner-blocks.editor-styles-wrapper { - margin: 0; - padding: 0; -} -.blocks-widgets-container .wp-block-widget-area__inner-blocks.editor-styles-wrapper > .block-editor-block-list__layout { - margin-top: -48px; - padding: 72px 16px 16px; - min-height: 32px; -} - -.wp-block-widget-area__highlight-drop-zone { - outline: var(--wp-admin-border-width-focus) solid var(--wp-admin-theme-color); -} - -body.is-dragging-components-draggable .wp-block[data-type="core/widget-area"] .components-panel__body > .components-panel__body-title, -body.is-dragging-components-draggable .wp-block[data-type="core/widget-area"] .components-panel__body > .components-panel__body-title * { - pointer-events: none; -} - -.edit-widgets-error-boundary { - margin: auto; - max-width: 780px; - padding: 20px; - margin-top: 60px; - box-shadow: 0 10px 10px rgba(0, 0, 0, 0.25); -} - -.edit-widgets-header { - display: flex; - align-items: center; - justify-content: space-between; - height: 60px; - padding: 0 16px; - overflow: auto; -} -@media (min-width: 600px) { - .edit-widgets-header { - overflow: visible; +@media (min-width:782px){ + .edit-widgets-layout__inserter-panel-content{ + height:100%; } } -.edit-widgets-header__navigable-toolbar-wrapper { - display: flex; - align-items: center; - justify-content: center; +.edit-widgets-welcome-guide{ + width:312px; +} +.edit-widgets-welcome-guide__image{ + background:#00a0d2; + margin:0 0 16px; +} +.edit-widgets-welcome-guide__image>img{ + display:block; + max-width:100%; + -o-object-fit:cover; + object-fit:cover; +} +.edit-widgets-welcome-guide__heading{ + font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; + font-size:24px; + line-height:1.4; + margin:16px 0; + padding:0 32px; +} +.edit-widgets-welcome-guide__text{ + font-size:13px; + line-height:1.4; + margin:0 0 24px; + padding:0 32px; +} +.edit-widgets-welcome-guide__inserter-icon{ + margin:0 4px; + vertical-align:text-top; } -.edit-widgets-header__title { - font-size: 20px; - padding: 0; - margin: 0 20px 0 0; +.edit-widgets-block-editor{ + font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; + position:relative; +} +.edit-widgets-block-editor,.edit-widgets-block-editor .block-editor-writing-flow,.edit-widgets-block-editor .block-editor-writing-flow>div,.edit-widgets-block-editor>div:last-of-type{ + display:flex; + flex-direction:column; + flex-grow:1; +} +.edit-widgets-block-editor .edit-widgets-main-block-list{ + height:100%; +} +.edit-widgets-block-editor .components-button{ + font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; + font-size:13px; +} +.edit-widgets-block-editor .components-button.has-icon,.edit-widgets-block-editor .components-button.is-tertiary{ + padding:6px; } -.edit-widgets-header__actions { - display: flex; - align-items: center; - gap: 4px; +.edit-widgets-editor__list-view-panel{ + display:flex; + flex-direction:column; + height:100%; + min-width:350px; } -@media (min-width: 600px) { - .edit-widgets-header__actions { - gap: 8px; + +.edit-widgets-editor__list-view-panel-content{ + height:calc(100% - 44px); + overflow-y:auto; + padding:8px; +} + +.edit-widgets-editor__list-view-panel-header{ + align-items:center; + border-bottom:1px solid #ddd; + display:flex; + height:48px; + justify-content:space-between; + padding-left:16px; + padding-right:4px; +} + +body.appearance_page_gutenberg-widgets,body.widgets-php,html.wp-toolbar{ + background:#fff; +} +body.appearance_page_gutenberg-widgets #wpcontent,body.widgets-php #wpcontent{ + padding-left:0; +} +body.appearance_page_gutenberg-widgets #wpbody-content,body.widgets-php #wpbody-content{ + padding-bottom:0; +} +body.appearance_page_gutenberg-widgets #wpbody-content>div:not(.blocks-widgets-container):not(#screen-meta),body.appearance_page_gutenberg-widgets #wpfooter,body.widgets-php #wpbody-content>div:not(.blocks-widgets-container):not(#screen-meta),body.widgets-php #wpfooter{ + display:none; +} +body.appearance_page_gutenberg-widgets .a11y-speak-region,body.widgets-php .a11y-speak-region{ + left:-1px; + top:-1px; +} +body.appearance_page_gutenberg-widgets ul#adminmenu a.wp-has-current-submenu:after,body.appearance_page_gutenberg-widgets ul#adminmenu>li.current>a.current:after,body.widgets-php ul#adminmenu a.wp-has-current-submenu:after,body.widgets-php ul#adminmenu>li.current>a.current:after{ + border-right-color:#fff; +} +body.appearance_page_gutenberg-widgets .media-frame select.attachment-filters:last-of-type,body.widgets-php .media-frame select.attachment-filters:last-of-type{ + max-width:100%; + width:auto; +} + +.blocks-widgets-container,.components-modal__frame{ + box-sizing:border-box; +} +.blocks-widgets-container *,.blocks-widgets-container :after,.blocks-widgets-container :before,.components-modal__frame *,.components-modal__frame :after,.components-modal__frame :before{ + box-sizing:inherit; +} + +@media (min-width:600px){ + .blocks-widgets-container{ + bottom:0; + left:0; + min-height:calc(100vh - 46px); + position:absolute; + right:0; + top:0; + } +} +@media (min-width:782px){ + .blocks-widgets-container{ + min-height:calc(100vh - 32px); + } +} +.blocks-widgets-container .interface-interface-skeleton__content{ + background-color:#f0f0f0; +} + +.blocks-widgets-container .editor-styles-wrapper{ + margin:auto; + max-width:700px; +} + +.edit-widgets-sidebar .components-button.interface-complementary-area__pin-unpin-item{ + display:none; +} + +.widgets-php .notice{ + display:none !important; +} + +body.admin-color-light{ + --wp-admin-theme-color:#0085ba; + --wp-admin-theme-color--rgb:0, 133, 186; + --wp-admin-theme-color-darker-10:#0073a1; + --wp-admin-theme-color-darker-10--rgb:0, 115, 161; + --wp-admin-theme-color-darker-20:#006187; + --wp-admin-theme-color-darker-20--rgb:0, 97, 135; + --wp-admin-border-width-focus:2px; +} +@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ + body.admin-color-light{ + --wp-admin-border-width-focus:1.5px; } } -.edit-widgets-header-toolbar { - border: none; +body.admin-color-modern{ + --wp-admin-theme-color:#3858e9; + --wp-admin-theme-color--rgb:56, 88, 233; + --wp-admin-theme-color-darker-10:#2145e6; + --wp-admin-theme-color-darker-10--rgb:33, 69, 230; + --wp-admin-theme-color-darker-20:#183ad6; + --wp-admin-theme-color-darker-20--rgb:24, 58, 214; + --wp-admin-border-width-focus:2px; } -.edit-widgets-header-toolbar > .components-button.has-icon.has-icon.has-icon, -.edit-widgets-header-toolbar > .components-dropdown > .components-button.has-icon.has-icon { - height: 36px; - min-width: 36px; - padding: 6px; -} -.edit-widgets-header-toolbar > .components-button.has-icon.has-icon.has-icon.is-pressed, -.edit-widgets-header-toolbar > .components-dropdown > .components-button.has-icon.has-icon.is-pressed { - background: #1e1e1e; -} -.edit-widgets-header-toolbar > .components-button.has-icon.has-icon.has-icon:focus:not(:disabled), -.edit-widgets-header-toolbar > .components-dropdown > .components-button.has-icon.has-icon:focus:not(:disabled) { - box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 0 0 1px #fff; - outline: 1px solid transparent; -} -.edit-widgets-header-toolbar > .components-button.has-icon.has-icon.has-icon::before, -.edit-widgets-header-toolbar > .components-dropdown > .components-button.has-icon.has-icon::before { - display: none; -} - -.edit-widgets-header-toolbar__inserter-toggle.edit-widgets-header-toolbar__inserter-toggle { - padding-left: 8px; - padding-right: 8px; -} -@media (min-width: 600px) { - .edit-widgets-header-toolbar__inserter-toggle.edit-widgets-header-toolbar__inserter-toggle { - padding-left: 12px; - padding-right: 12px; - } -} -.edit-widgets-header-toolbar__inserter-toggle.edit-widgets-header-toolbar__inserter-toggle::after { - content: none; -} -.edit-widgets-header-toolbar__inserter-toggle.edit-widgets-header-toolbar__inserter-toggle svg { - transition: transform cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s; -} -@media (prefers-reduced-motion: reduce) { - .edit-widgets-header-toolbar__inserter-toggle.edit-widgets-header-toolbar__inserter-toggle svg { - transition-duration: 0s; - transition-delay: 0s; - } -} -.edit-widgets-header-toolbar__inserter-toggle.edit-widgets-header-toolbar__inserter-toggle.is-pressed svg { - transform: rotate(45deg); -} - -.edit-widgets-keyboard-shortcut-help-modal__section { - margin: 0 0 2rem 0; -} -.edit-widgets-keyboard-shortcut-help-modal__main-shortcuts .edit-widgets-keyboard-shortcut-help-modal__shortcut-list { - margin-top: -25px; -} -.edit-widgets-keyboard-shortcut-help-modal__section-title { - font-size: 0.9rem; - font-weight: 600; -} -.edit-widgets-keyboard-shortcut-help-modal__shortcut { - display: flex; - align-items: baseline; - padding: 0.6rem 0; - border-top: 1px solid #ddd; - margin-bottom: 0; -} -.edit-widgets-keyboard-shortcut-help-modal__shortcut:last-child { - border-bottom: 1px solid #ddd; -} -.edit-widgets-keyboard-shortcut-help-modal__shortcut:empty { - display: none; -} -.edit-widgets-keyboard-shortcut-help-modal__shortcut-term { - font-weight: 600; - margin: 0 0 0 1rem; - text-align: right; -} -.edit-widgets-keyboard-shortcut-help-modal__shortcut-description { - flex: 1; - margin: 0; - flex-basis: auto; -} -.edit-widgets-keyboard-shortcut-help-modal__shortcut-key-combination { - display: block; - background: none; - margin: 0; - padding: 0; -} -.edit-widgets-keyboard-shortcut-help-modal__shortcut-key-combination + .edit-widgets-keyboard-shortcut-help-modal__shortcut-key-combination { - margin-top: 10px; -} -.edit-widgets-keyboard-shortcut-help-modal__shortcut-key { - padding: 0.25rem 0.5rem; - border-radius: 8%; - margin: 0 0.2rem 0 0.2rem; -} -.edit-widgets-keyboard-shortcut-help-modal__shortcut-key:last-child { - margin: 0 0 0 0.2rem; -} - -.components-panel__header.edit-widgets-sidebar__panel-tabs { - justify-content: flex-start; - padding-left: 0; - padding-right: 4px; - border-top: 0; - margin-top: 0; -} -.components-panel__header.edit-widgets-sidebar__panel-tabs ul { - display: flex; -} -.components-panel__header.edit-widgets-sidebar__panel-tabs li { - margin: 0; -} -.components-panel__header.edit-widgets-sidebar__panel-tabs .components-button.has-icon { - display: none; - margin-left: auto; -} -@media (min-width: 782px) { - .components-panel__header.edit-widgets-sidebar__panel-tabs .components-button.has-icon { - display: flex; +@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ + body.admin-color-modern{ + --wp-admin-border-width-focus:1.5px; } } -.components-button.edit-widgets-sidebar__panel-tab { - border-radius: 0; - height: 49px; - background: transparent; - border: none; - box-shadow: none; - cursor: pointer; - display: inline-block; - padding: 3px 15px; - margin-left: 0; - font-weight: 400; - color: #1e1e1e; +body.admin-color-blue{ + --wp-admin-theme-color:#096484; + --wp-admin-theme-color--rgb:9, 100, 132; + --wp-admin-theme-color-darker-10:#07526c; + --wp-admin-theme-color-darker-10--rgb:7, 82, 108; + --wp-admin-theme-color-darker-20:#064054; + --wp-admin-theme-color-darker-20--rgb:6, 64, 84; + --wp-admin-border-width-focus:2px; } -.components-button.edit-widgets-sidebar__panel-tab::after { - content: attr(data-label); - display: block; - font-weight: 600; - height: 0; - overflow: hidden; - speak: none; - visibility: hidden; -} -.components-button.edit-widgets-sidebar__panel-tab.is-active { - box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) transparent, inset 0 -1.5px 0 0 var(--wp-admin-theme-color); - font-weight: 600; - position: relative; -} -.components-button.edit-widgets-sidebar__panel-tab.is-active::before { - content: ""; - position: absolute; - top: 0; - bottom: 1px; - right: 0; - left: 0; - border-bottom: 1.5px solid transparent; -} -.components-button.edit-widgets-sidebar__panel-tab:focus { - box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); -} -.components-button.edit-widgets-sidebar__panel-tab.is-active:focus { - box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 -1.5px 0 0 var(--wp-admin-theme-color); -} - -.edit-widgets-widget-areas__top-container { - display: flex; - padding: 16px; -} -.edit-widgets-widget-areas__top-container .block-editor-block-icon { - margin-right: 16px; -} - -.edit-widgets-notices__snackbar { - position: fixed; - right: 0; - bottom: 20px; - padding-left: 16px; - padding-right: 16px; -} - -.edit-widgets-notices__snackbar { - /* Set left position when auto-fold is not on the body element. */ - left: 0; -} -@media (min-width: 783px) { - .edit-widgets-notices__snackbar { - left: 160px; +@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ + body.admin-color-blue{ + --wp-admin-border-width-focus:1.5px; } } -.auto-fold .edit-widgets-notices__snackbar { - /* Auto fold is when on smaller breakpoints, nav menu auto collapses. */ +body.admin-color-coffee{ + --wp-admin-theme-color:#46403c; + --wp-admin-theme-color--rgb:70, 64, 60; + --wp-admin-theme-color-darker-10:#383330; + --wp-admin-theme-color-darker-10--rgb:56, 51, 48; + --wp-admin-theme-color-darker-20:#2b2724; + --wp-admin-theme-color-darker-20--rgb:43, 39, 36; + --wp-admin-border-width-focus:2px; } -@media (min-width: 783px) { - .auto-fold .edit-widgets-notices__snackbar { - left: 36px; - } -} -@media (min-width: 961px) { - .auto-fold .edit-widgets-notices__snackbar { - left: 160px; +@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ + body.admin-color-coffee{ + --wp-admin-border-width-focus:1.5px; } } -/* Sidebar manually collapsed. */ -.folded .edit-widgets-notices__snackbar { - left: 0; +body.admin-color-ectoplasm{ + --wp-admin-theme-color:#523f6d; + --wp-admin-theme-color--rgb:82, 63, 109; + --wp-admin-theme-color-darker-10:#46365d; + --wp-admin-theme-color-darker-10--rgb:70, 54, 93; + --wp-admin-theme-color-darker-20:#3a2c4d; + --wp-admin-theme-color-darker-20--rgb:58, 44, 77; + --wp-admin-border-width-focus:2px; } -@media (min-width: 783px) { - .folded .edit-widgets-notices__snackbar { - left: 36px; +@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ + body.admin-color-ectoplasm{ + --wp-admin-border-width-focus:1.5px; } } -body.is-fullscreen-mode .edit-widgets-notices__snackbar { - left: 0 !important; +body.admin-color-midnight{ + --wp-admin-theme-color:#e14d43; + --wp-admin-theme-color--rgb:225, 77, 67; + --wp-admin-theme-color-darker-10:#dd382d; + --wp-admin-theme-color-darker-10--rgb:221, 56, 45; + --wp-admin-theme-color-darker-20:#d02c21; + --wp-admin-theme-color-darker-20--rgb:208, 44, 33; + --wp-admin-border-width-focus:2px; } - -.edit-widgets-notices__dismissible .components-notice, -.edit-widgets-notices__pinned .components-notice { - box-sizing: border-box; - margin: 0; - border-bottom: 1px solid rgba(0, 0, 0, 0.2); - padding: 0 12px; - min-height: 60px; -} -.edit-widgets-notices__dismissible .components-notice .components-notice__dismiss, -.edit-widgets-notices__pinned .components-notice .components-notice__dismiss { - margin-top: 12px; -} - -.edit-widgets-layout__inserter-panel { - height: 100%; - display: flex; - flex-direction: column; -} -.edit-widgets-layout__inserter-panel .block-editor-inserter__menu { - overflow: hidden; -} - -.edit-widgets-layout__inserter-panel-header { - padding-top: 8px; - padding-right: 8px; - display: flex; - justify-content: flex-end; -} - -.edit-widgets-layout__inserter-panel-content { - height: calc(100% - 36px - 8px); -} -@media (min-width: 782px) { - .edit-widgets-layout__inserter-panel-content { - height: 100%; +@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ + body.admin-color-midnight{ + --wp-admin-border-width-focus:1.5px; } } -.edit-widgets-welcome-guide { - width: 312px; +body.admin-color-ocean{ + --wp-admin-theme-color:#627c83; + --wp-admin-theme-color--rgb:98, 124, 131; + --wp-admin-theme-color-darker-10:#576e74; + --wp-admin-theme-color-darker-10--rgb:87, 110, 116; + --wp-admin-theme-color-darker-20:#4c6066; + --wp-admin-theme-color-darker-20--rgb:76, 96, 102; + --wp-admin-border-width-focus:2px; } -.edit-widgets-welcome-guide__image { - background: #00a0d2; - margin: 0 0 16px; -} -.edit-widgets-welcome-guide__image > img { - display: block; - max-width: 100%; - -o-object-fit: cover; - object-fit: cover; -} -.edit-widgets-welcome-guide__heading { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - font-size: 24px; - line-height: 1.4; - margin: 16px 0 16px 0; - padding: 0 32px; -} -.edit-widgets-welcome-guide__text { - font-size: 13px; - line-height: 1.4; - margin: 0 0 24px 0; - padding: 0 32px; -} -.edit-widgets-welcome-guide__inserter-icon { - margin: 0 4px; - vertical-align: text-top; -} - -.edit-widgets-block-editor { - position: relative; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - display: flex; - flex-direction: column; - flex-grow: 1; -} -.edit-widgets-block-editor > div:last-of-type, -.edit-widgets-block-editor .block-editor-writing-flow, -.edit-widgets-block-editor .block-editor-writing-flow > div { - display: flex; - flex-direction: column; - flex-grow: 1; -} -.edit-widgets-block-editor .edit-widgets-main-block-list { - height: 100%; -} -.edit-widgets-block-editor .components-button { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - font-size: 13px; -} -.edit-widgets-block-editor .components-button.is-tertiary, .edit-widgets-block-editor .components-button.has-icon { - padding: 6px; -} - -.edit-widgets-editor__list-view-panel { - height: 100%; - display: flex; - flex-direction: column; - min-width: 350px; -} - -.edit-widgets-editor__list-view-panel-content { - height: calc(100% - 36px - 8px); - overflow-y: auto; - padding: 8px; -} - -.edit-widgets-editor__list-view-panel-header { - align-items: center; - border-bottom: 1px solid #ddd; - display: flex; - justify-content: space-between; - height: 48px; - padding-left: 16px; - padding-right: 4px; -} - -html.wp-toolbar { - background: #fff; -} - -body.appearance_page_gutenberg-widgets, -body.widgets-php { - background: #fff; - /* We hide legacy notices in Gutenberg Based Pages, because they were not designed in a way that scaled well. - Plugins can use Gutenberg notices if they need to pass on information to the user when they are editing. */ -} -body.appearance_page_gutenberg-widgets #wpcontent, -body.widgets-php #wpcontent { - padding-left: 0; -} -body.appearance_page_gutenberg-widgets #wpbody-content, -body.widgets-php #wpbody-content { - padding-bottom: 0; -} -body.appearance_page_gutenberg-widgets #wpbody-content > div:not(.blocks-widgets-container):not(#screen-meta), -body.widgets-php #wpbody-content > div:not(.blocks-widgets-container):not(#screen-meta) { - display: none; -} -body.appearance_page_gutenberg-widgets #wpfooter, -body.widgets-php #wpfooter { - display: none; -} -body.appearance_page_gutenberg-widgets .a11y-speak-region, -body.widgets-php .a11y-speak-region { - left: -1px; - top: -1px; -} -body.appearance_page_gutenberg-widgets ul#adminmenu a.wp-has-current-submenu::after, -body.appearance_page_gutenberg-widgets ul#adminmenu > li.current > a.current::after, -body.widgets-php ul#adminmenu a.wp-has-current-submenu::after, -body.widgets-php ul#adminmenu > li.current > a.current::after { - border-right-color: #fff; -} -body.appearance_page_gutenberg-widgets .media-frame select.attachment-filters:last-of-type, -body.widgets-php .media-frame select.attachment-filters:last-of-type { - width: auto; - max-width: 100%; -} - -.blocks-widgets-container, -.components-modal__frame { - box-sizing: border-box; -} -.blocks-widgets-container *, -.blocks-widgets-container *::before, -.blocks-widgets-container *::after, -.components-modal__frame *, -.components-modal__frame *::before, -.components-modal__frame *::after { - box-sizing: inherit; -} - -@media (min-width: 600px) { - .blocks-widgets-container { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - min-height: calc(100vh - 46px); - } -} -@media (min-width: 782px) { - .blocks-widgets-container { - min-height: calc(100vh - 32px); - } -} -.blocks-widgets-container .interface-interface-skeleton__content { - background-color: #f0f0f0; -} - -.blocks-widgets-container .editor-styles-wrapper { - max-width: 700px; - margin: auto; -} - -.edit-widgets-sidebar .components-button.interface-complementary-area__pin-unpin-item { - display: none; -} - -.widgets-php .notice { - display: none !important; -} - -body.admin-color-light { - --wp-admin-theme-color: #0085ba; - --wp-admin-theme-color--rgb: 0, 133, 186; - --wp-admin-theme-color-darker-10: #0073a1; - --wp-admin-theme-color-darker-10--rgb: 0, 115, 161; - --wp-admin-theme-color-darker-20: #006187; - --wp-admin-theme-color-darker-20--rgb: 0, 97, 135; - --wp-admin-border-width-focus: 2px; -} -@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { - body.admin-color-light { - --wp-admin-border-width-focus: 1.5px; +@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ + body.admin-color-ocean{ + --wp-admin-border-width-focus:1.5px; } } -body.admin-color-modern { - --wp-admin-theme-color: #3858e9; - --wp-admin-theme-color--rgb: 56, 88, 233; - --wp-admin-theme-color-darker-10: #2145e6; - --wp-admin-theme-color-darker-10--rgb: 33, 69, 230; - --wp-admin-theme-color-darker-20: #183ad6; - --wp-admin-theme-color-darker-20--rgb: 24, 58, 214; - --wp-admin-border-width-focus: 2px; +body.admin-color-sunrise{ + --wp-admin-theme-color:#dd823b; + --wp-admin-theme-color--rgb:221, 130, 59; + --wp-admin-theme-color-darker-10:#d97426; + --wp-admin-theme-color-darker-10--rgb:217, 116, 38; + --wp-admin-theme-color-darker-20:#c36922; + --wp-admin-theme-color-darker-20--rgb:195, 105, 34; + --wp-admin-border-width-focus:2px; } -@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { - body.admin-color-modern { - --wp-admin-border-width-focus: 1.5px; - } -} - -body.admin-color-blue { - --wp-admin-theme-color: #096484; - --wp-admin-theme-color--rgb: 9, 100, 132; - --wp-admin-theme-color-darker-10: #07526c; - --wp-admin-theme-color-darker-10--rgb: 7, 82, 108; - --wp-admin-theme-color-darker-20: #064054; - --wp-admin-theme-color-darker-20--rgb: 6, 64, 84; - --wp-admin-border-width-focus: 2px; -} -@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { - body.admin-color-blue { - --wp-admin-border-width-focus: 1.5px; - } -} - -body.admin-color-coffee { - --wp-admin-theme-color: #46403c; - --wp-admin-theme-color--rgb: 70, 64, 60; - --wp-admin-theme-color-darker-10: #383330; - --wp-admin-theme-color-darker-10--rgb: 56, 51, 48; - --wp-admin-theme-color-darker-20: #2b2724; - --wp-admin-theme-color-darker-20--rgb: 43, 39, 36; - --wp-admin-border-width-focus: 2px; -} -@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { - body.admin-color-coffee { - --wp-admin-border-width-focus: 1.5px; - } -} - -body.admin-color-ectoplasm { - --wp-admin-theme-color: #523f6d; - --wp-admin-theme-color--rgb: 82, 63, 109; - --wp-admin-theme-color-darker-10: #46365d; - --wp-admin-theme-color-darker-10--rgb: 70, 54, 93; - --wp-admin-theme-color-darker-20: #3a2c4d; - --wp-admin-theme-color-darker-20--rgb: 58, 44, 77; - --wp-admin-border-width-focus: 2px; -} -@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { - body.admin-color-ectoplasm { - --wp-admin-border-width-focus: 1.5px; - } -} - -body.admin-color-midnight { - --wp-admin-theme-color: #e14d43; - --wp-admin-theme-color--rgb: 225, 77, 67; - --wp-admin-theme-color-darker-10: #dd382d; - --wp-admin-theme-color-darker-10--rgb: 221, 56, 45; - --wp-admin-theme-color-darker-20: #d02c21; - --wp-admin-theme-color-darker-20--rgb: 208, 44, 33; - --wp-admin-border-width-focus: 2px; -} -@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { - body.admin-color-midnight { - --wp-admin-border-width-focus: 1.5px; - } -} - -body.admin-color-ocean { - --wp-admin-theme-color: #627c83; - --wp-admin-theme-color--rgb: 98, 124, 131; - --wp-admin-theme-color-darker-10: #576e74; - --wp-admin-theme-color-darker-10--rgb: 87, 110, 116; - --wp-admin-theme-color-darker-20: #4c6066; - --wp-admin-theme-color-darker-20--rgb: 76, 96, 102; - --wp-admin-border-width-focus: 2px; -} -@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { - body.admin-color-ocean { - --wp-admin-border-width-focus: 1.5px; - } -} - -body.admin-color-sunrise { - --wp-admin-theme-color: #dd823b; - --wp-admin-theme-color--rgb: 221, 130, 59; - --wp-admin-theme-color-darker-10: #d97426; - --wp-admin-theme-color-darker-10--rgb: 217, 116, 38; - --wp-admin-theme-color-darker-20: #c36922; - --wp-admin-theme-color-darker-20--rgb: 195, 105, 34; - --wp-admin-border-width-focus: 2px; -} -@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { - body.admin-color-sunrise { - --wp-admin-border-width-focus: 1.5px; +@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ + body.admin-color-sunrise{ + --wp-admin-border-width-focus:1.5px; } } \ No newline at end of file diff --git a/wp-includes/css/dist/editor/style-rtl.css b/wp-includes/css/dist/editor/style-rtl.css index e9d3d66ad4..726b303d82 100644 --- a/wp-includes/css/dist/editor/style-rtl.css +++ b/wp-includes/css/dist/editor/style-rtl.css @@ -1,980 +1,874 @@ @charset "UTF-8"; -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -:root { - --wp-admin-theme-color: #007cba; - --wp-admin-theme-color--rgb: 0, 124, 186; - --wp-admin-theme-color-darker-10: #006ba1; - --wp-admin-theme-color-darker-10--rgb: 0, 107, 161; - --wp-admin-theme-color-darker-20: #005a87; - --wp-admin-theme-color-darker-20--rgb: 0, 90, 135; - --wp-admin-border-width-focus: 2px; +:root{ + --wp-admin-theme-color:#007cba; + --wp-admin-theme-color--rgb:0, 124, 186; + --wp-admin-theme-color-darker-10:#006ba1; + --wp-admin-theme-color-darker-10--rgb:0, 107, 161; + --wp-admin-theme-color-darker-20:#005a87; + --wp-admin-theme-color-darker-20--rgb:0, 90, 135; + --wp-admin-border-width-focus:2px; } -@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { - :root { - --wp-admin-border-width-focus: 1.5px; +@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ + :root{ + --wp-admin-border-width-focus:1.5px; } } -.editor-autocompleters__user .editor-autocompleters__no-avatar::before { - /* stylelint-disable */ - font: normal 20px/1 dashicons; - /* stylelint-enable */ - content: ""; - margin-left: 5px; - vertical-align: middle; +.editor-autocompleters__user .editor-autocompleters__no-avatar:before{ + content:""; + font:normal 20px/1 dashicons; + margin-left:5px; + vertical-align:middle; } -.editor-autocompleters__user .editor-autocompleters__user-avatar { - margin-left: 8px; - flex-grow: 0; - flex-shrink: 0; - max-width: none; - width: 24px; - height: 24px; +.editor-autocompleters__user .editor-autocompleters__user-avatar{ + flex-grow:0; + flex-shrink:0; + height:24px; + margin-left:8px; + max-width:none; + width:24px; } -.editor-autocompleters__user .editor-autocompleters__user-name { - white-space: nowrap; - text-overflow: ellipsis; - overflow: hidden; - max-width: 200px; - flex-shrink: 0; - flex-grow: 1; +.editor-autocompleters__user .editor-autocompleters__user-name{ + flex-grow:1; + flex-shrink:0; + max-width:200px; + overflow:hidden; + text-overflow:ellipsis; + white-space:nowrap; } -.editor-autocompleters__user .editor-autocompleters__user-slug { - margin-right: 8px; - color: #757575; - white-space: nowrap; - text-overflow: ellipsis; - overflow: none; - max-width: 100px; - flex-grow: 0; - flex-shrink: 0; +.editor-autocompleters__user .editor-autocompleters__user-slug{ + color:#757575; + flex-grow:0; + flex-shrink:0; + margin-right:8px; + max-width:100px; + overflow:none; + text-overflow:ellipsis; + white-space:nowrap; } -.editor-autocompleters__user:hover .editor-autocompleters__user-slug { - color: var(--wp-admin-theme-color); +.editor-autocompleters__user:hover .editor-autocompleters__user-slug{ + color:var(--wp-admin-theme-color); } -.document-outline { - margin: 20px 0; +.document-outline{ + margin:20px 0; } -.document-outline ul { - margin: 0; - padding: 0; +.document-outline ul{ + margin:0; + padding:0; } -.document-outline__item { - display: flex; - margin: 4px 0; +.document-outline__item{ + display:flex; + margin:4px 0; } -.document-outline__item a { - text-decoration: none; +.document-outline__item a{ + text-decoration:none; } -.document-outline__item .document-outline__emdash::before { - color: #ddd; - margin-left: 4px; +.document-outline__item .document-outline__emdash:before{ + color:#ddd; + margin-left:4px; } -.document-outline__item.is-h2 .document-outline__emdash::before { - content: "—"; +.document-outline__item.is-h2 .document-outline__emdash:before{ + content:"—"; } -.document-outline__item.is-h3 .document-outline__emdash::before { - content: "——"; +.document-outline__item.is-h3 .document-outline__emdash:before{ + content:"——"; } -.document-outline__item.is-h4 .document-outline__emdash::before { - content: "———"; +.document-outline__item.is-h4 .document-outline__emdash:before{ + content:"———"; } -.document-outline__item.is-h5 .document-outline__emdash::before { - content: "————"; +.document-outline__item.is-h5 .document-outline__emdash:before{ + content:"————"; } -.document-outline__item.is-h6 .document-outline__emdash::before { - content: "—————"; +.document-outline__item.is-h6 .document-outline__emdash:before{ + content:"—————"; } -.document-outline__button { - cursor: pointer; - background: none; - border: none; - display: flex; - align-items: flex-start; - margin: 0 -1px 0 0; - padding: 2px 1px 2px 5px; - color: #1e1e1e; - text-align: right; - border-radius: 2px; +.document-outline__button{ + align-items:flex-start; + background:none; + border:none; + border-radius:2px; + color:#1e1e1e; + cursor:pointer; + display:flex; + margin:0 -1px 0 0; + padding:2px 1px 2px 5px; + text-align:right; } -.document-outline__button:disabled { - cursor: default; +.document-outline__button:disabled{ + cursor:default; } -.document-outline__button:focus { - box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); - outline: 2px solid transparent; +.document-outline__button:focus{ + box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); + outline:2px solid transparent; } -.document-outline__level { - background: #ddd; - color: #1e1e1e; - border-radius: 3px; - font-size: 13px; - padding: 1px 6px; - margin-left: 4px; +.document-outline__level{ + background:#ddd; + border-radius:3px; + color:#1e1e1e; + font-size:13px; + margin-left:4px; + padding:1px 6px; } -.is-invalid .document-outline__level { - background: #f0b849; +.is-invalid .document-outline__level{ + background:#f0b849; } -.document-outline__item-content { - padding: 1px 0; +.document-outline__item-content{ + padding:1px 0; } -.components-editor-notices__dismissible, -.components-editor-notices__pinned { - position: relative; - right: 0; - top: 0; - left: 0; - color: #1e1e1e; +.components-editor-notices__dismissible,.components-editor-notices__pinned{ + color:#1e1e1e; + left:0; + position:relative; + right:0; + top:0; } -.components-editor-notices__dismissible .components-notice, -.components-editor-notices__pinned .components-notice { - box-sizing: border-box; - margin: 0; - border-bottom: 1px solid rgba(0, 0, 0, 0.2); - padding: 0 12px; - min-height: 60px; +.components-editor-notices__dismissible .components-notice,.components-editor-notices__pinned .components-notice{ + border-bottom:1px solid rgba(0,0,0,.2); + box-sizing:border-box; + margin:0; + min-height:60px; + padding:0 12px; } -.components-editor-notices__dismissible .components-notice .components-notice__dismiss, -.components-editor-notices__pinned .components-notice .components-notice__dismiss { - margin-top: 12px; +.components-editor-notices__dismissible .components-notice .components-notice__dismiss,.components-editor-notices__pinned .components-notice .components-notice__dismiss{ + margin-top:12px; } -.entities-saved-states__panel { - box-sizing: border-box; - background: #fff; - position: fixed; - z-index: 100001; - top: 46px; - bottom: 0; - left: 0; - right: 0; - overflow: auto; - box-sizing: border-box; +.entities-saved-states__panel{ + background:#fff; + bottom:0; + box-sizing:border-box; + left:0; + overflow:auto; + position:fixed; + right:0; + top:46px; + z-index:100001; } -.entities-saved-states__panel *, -.entities-saved-states__panel *::before, -.entities-saved-states__panel *::after { - box-sizing: inherit; +.entities-saved-states__panel *,.entities-saved-states__panel :after,.entities-saved-states__panel :before{ + box-sizing:inherit; } -.entities-saved-states__panel .entities-saved-states__find-entity { - display: none; +.entities-saved-states__panel .entities-saved-states__find-entity{ + display:none; } -.entities-saved-states__panel .entities-saved-states__find-entity-small { - display: block; +.entities-saved-states__panel .entities-saved-states__find-entity-small{ + display:block; } -@media (min-width: 782px) { - .entities-saved-states__panel { - top: 32px; - right: auto; - width: 280px; - border-right: 1px solid #ddd; +@media (min-width:782px){ + .entities-saved-states__panel{ + border-right:1px solid #ddd; + right:auto; + top:32px; + width:280px; } - body.is-fullscreen-mode .entities-saved-states__panel { - top: 0; + body.is-fullscreen-mode .entities-saved-states__panel{ + top:0; } - .entities-saved-states__panel .entities-saved-states__find-entity { - display: block; + .entities-saved-states__panel .entities-saved-states__find-entity{ + display:block; } - .entities-saved-states__panel .entities-saved-states__find-entity-small { - display: none; + .entities-saved-states__panel .entities-saved-states__find-entity-small{ + display:none; } } -.entities-saved-states__panel .entities-saved-states__panel-header { - background: #fff; - padding-right: 8px; - padding-left: 8px; - height: 61px; - border-bottom: 1px solid #ddd; +.entities-saved-states__panel .entities-saved-states__panel-header{ + background:#fff; + border-bottom:1px solid #ddd; + height:61px; + padding-left:8px; + padding-right:8px; } -.entities-saved-states__panel .entities-saved-states__text-prompt { - padding: 16px; - padding-bottom: 4px; +.entities-saved-states__panel .entities-saved-states__text-prompt{ + padding:16px 16px 4px; } -.editor-error-boundary { - margin: auto; - max-width: 780px; - padding: 20px; - margin-top: 60px; - box-shadow: 0 10px 10px rgba(0, 0, 0, 0.25); +.editor-error-boundary{ + box-shadow:0 10px 10px rgba(0,0,0,.25); + margin:60px auto auto; + max-width:780px; + padding:20px; } -.editor-page-attributes__order { - width: 100%; +.editor-page-attributes__order{ + width:100%; } -.editor-page-attributes__order .components-base-control__field { - display: flex; - justify-content: space-between; - align-items: center; +.editor-page-attributes__order .components-base-control__field{ + align-items:center; + display:flex; + justify-content:space-between; } -.editor-page-attributes__order input { - width: 66px; +.editor-page-attributes__order input{ + width:66px; } -.editor-post-excerpt__textarea { - width: 100%; - margin-bottom: 10px; +.editor-post-excerpt__textarea{ + margin-bottom:10px; + width:100%; } -.editor-post-featured-image { - padding: 0; +.editor-post-featured-image{ + padding:0; } -.editor-post-featured-image__container { - margin-bottom: 1em; - position: relative; +.editor-post-featured-image__container{ + margin-bottom:1em; + position:relative; } -.editor-post-featured-image .components-spinner { - position: absolute; - top: 50%; - right: 50%; - margin-top: -9px; - margin-right: -9px; +.editor-post-featured-image .components-spinner{ + margin-right:-9px; + margin-top:-9px; + position:absolute; + right:50%; + top:50%; } -.editor-post-featured-image .components-button + .components-button { - display: block; - margin-top: 1em; +.editor-post-featured-image .components-button+.components-button{ + display:block; + margin-top:1em; } -.editor-post-featured-image .components-responsive-wrapper__content { - max-width: 100%; - width: auto; +.editor-post-featured-image .components-responsive-wrapper__content{ + max-width:100%; + width:auto; } -.editor-post-featured-image__toggle, -.editor-post-featured-image__preview { - display: block; - width: 100%; - padding: 0; - transition: all 0.1s ease-out; - box-shadow: 0 0 0 0 var(--wp-admin-theme-color); +.editor-post-featured-image__preview,.editor-post-featured-image__toggle{ + box-shadow:0 0 0 0 var(--wp-admin-theme-color); + display:block; + padding:0; + transition:all .1s ease-out; + width:100%; } -@media (prefers-reduced-motion: reduce) { - .editor-post-featured-image__toggle, -.editor-post-featured-image__preview { - transition-duration: 0s; - transition-delay: 0s; +@media (prefers-reduced-motion:reduce){ + .editor-post-featured-image__preview,.editor-post-featured-image__toggle{ + transition-delay:0s; + transition-duration:0s; } } -.editor-post-featured-image__preview { - height: auto; +.editor-post-featured-image__preview{ + height:auto; } -.editor-post-featured-image__preview:not(:disabled):not([aria-disabled=true]):focus { - box-shadow: 0 0 0 4px var(--wp-admin-theme-color); +.editor-post-featured-image__preview:not(:disabled):not([aria-disabled=true]):focus{ + box-shadow:0 0 0 4px var(--wp-admin-theme-color); } -.editor-post-featured-image__toggle { - border-radius: 2px; - background-color: #f0f0f0; - min-height: 90px; - line-height: 20px; - padding: 8px 0; - text-align: center; +.editor-post-featured-image__toggle{ + background-color:#f0f0f0; + border-radius:2px; + line-height:20px; + min-height:90px; + padding:8px 0; + text-align:center; } -.editor-post-featured-image__toggle:hover { - background: #ddd; - color: #1e1e1e; +.editor-post-featured-image__toggle:hover{ + background:#ddd; + color:#1e1e1e; } -[class].editor-post-format__suggestion { - margin: 4px 0 0 0; +[class].editor-post-format__suggestion{ + margin:4px 0 0; } -.editor-post-last-revision__title { - width: 100%; - font-weight: 600; +.editor-post-last-revision__title{ + font-weight:600; + width:100%; } -.editor-post-last-revision__title .dashicon { - margin-left: 5px; +.editor-post-last-revision__title .dashicon{ + margin-left:5px; } -.components-button.editor-post-last-revision__title { - height: 100%; +.components-button.editor-post-last-revision__title{ + height:100%; } -.components-button.editor-post-last-revision__title:hover, .components-button.editor-post-last-revision__title:active { - background: #f0f0f0; +.components-button.editor-post-last-revision__title:active,.components-button.editor-post-last-revision__title:hover{ + background:#f0f0f0; } -.components-button.editor-post-last-revision__title:focus { - box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); - border-radius: 0; +.components-button.editor-post-last-revision__title:focus{ + border-radius:0; + box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); } -@media (min-width: 600px) { - .editor-post-locked-modal { - max-width: 480px; +@media (min-width:600px){ + .editor-post-locked-modal{ + max-width:480px; } } -.editor-post-locked-modal .components-modal__content { - display: flex; +.editor-post-locked-modal .components-modal__content{ + display:flex; } -.editor-post-locked-modal__buttons { - margin-top: 24px; +.editor-post-locked-modal__buttons{ + margin-top:24px; } -.editor-post-locked-modal__avatar { - border-radius: 2px; - margin-top: 16px; - margin-left: 24px; +.editor-post-locked-modal__avatar{ + border-radius:2px; + margin-left:24px; + margin-top:16px; } -.editor-post-publish-button__button.has-changes-dot::before { - background: currentcolor; - border-radius: 4px; - content: ""; - height: 8px; - margin: auto -3px auto 5px; - width: 8px; +.editor-post-publish-button__button.has-changes-dot:before{ + background:currentcolor; + border-radius:4px; + content:""; + height:8px; + margin:auto -3px auto 5px; + width:8px; } -.editor-post-publish-panel { - background: #fff; +.editor-post-publish-panel{ + background:#fff; } -.editor-post-publish-panel__content { - min-height: calc(100% - 144px); +.editor-post-publish-panel__content{ + min-height:calc(100% - 144px); } -.editor-post-publish-panel__content .components-spinner { - display: block; - margin: 100px auto 0; +.editor-post-publish-panel__content .components-spinner{ + display:block; + margin:100px auto 0; } -.editor-post-publish-panel__header { - background: #fff; - padding-right: 16px; - padding-left: 16px; - height: 61px; - border-bottom: 1px solid #ddd; - display: flex; - align-items: center; - align-content: space-between; +.editor-post-publish-panel__header{ + align-content:space-between; + align-items:center; + background:#fff; + border-bottom:1px solid #ddd; + display:flex; + height:61px; + padding-left:16px; + padding-right:16px; } -.editor-post-publish-panel__header .components-button { - width: 100%; - justify-content: center; +.editor-post-publish-panel__header .components-button{ + justify-content:center; + width:100%; } -.editor-post-publish-panel__header .has-icon { - margin-right: auto; - width: auto; +.editor-post-publish-panel__header .has-icon{ + margin-right:auto; + width:auto; } -.components-site-card { - display: flex; - align-items: center; - margin: 16px 0; +.components-site-card{ + align-items:center; + display:flex; + margin:16px 0; } -.components-site-icon { - border: none; - border-radius: 2px; - margin-left: 12px; - height: 36px; - width: 36px; +.components-site-icon{ + border:none; + border-radius:2px; + height:36px; + margin-left:12px; + width:36px; } -.components-site-name { - display: block; - font-size: 14px; +.components-site-name{ + display:block; + font-size:14px; } -.components-site-home { - display: block; - color: #757575; - font-size: 12px; +.components-site-home{ + color:#757575; + display:block; + font-size:12px; } -.editor-post-publish-panel__header-publish-button, -.editor-post-publish-panel__header-cancel-button { - flex-grow: 1; +.editor-post-publish-panel__header-cancel-button,.editor-post-publish-panel__header-publish-button{ + flex-grow:1; } -@media (min-width: 480px) { - .editor-post-publish-panel__header-publish-button, -.editor-post-publish-panel__header-cancel-button { - max-width: 160px; +@media (min-width:480px){ + .editor-post-publish-panel__header-cancel-button,.editor-post-publish-panel__header-publish-button{ + max-width:160px; } } -.editor-post-publish-panel__header-publish-button { - padding-left: 4px; +.editor-post-publish-panel__header-publish-button{ + padding-left:4px; } -.editor-post-publish-panel__header-cancel-button { - padding-right: 4px; +.editor-post-publish-panel__header-cancel-button{ + padding-right:4px; } -.editor-post-publish-panel__header-published { - flex-grow: 1; +.editor-post-publish-panel__header-published{ + flex-grow:1; } -.editor-post-publish-panel__footer { - padding: 16px; +.editor-post-publish-panel__footer{ + padding:16px; } -.components-button.editor-post-publish-panel__toggle.is-primary { - display: inline-flex; - align-items: center; +.components-button.editor-post-publish-panel__toggle.is-primary{ + align-items:center; + display:inline-flex; } -.components-button.editor-post-publish-panel__toggle.is-primary.is-busy .dashicon { - display: none; +.components-button.editor-post-publish-panel__toggle.is-primary.is-busy .dashicon{ + display:none; } -.components-button.editor-post-publish-panel__toggle.is-primary .dashicon { - margin-left: -4px; +.components-button.editor-post-publish-panel__toggle.is-primary .dashicon{ + margin-left:-4px; } -.editor-post-publish-panel__link { - font-weight: 400; - padding-right: 4px; +.editor-post-publish-panel__link{ + font-weight:400; + padding-right:4px; } -.editor-post-publish-panel__prepublish { - padding: 16px; +.editor-post-publish-panel__prepublish{ + padding:16px; } -.editor-post-publish-panel__prepublish strong { - color: #1e1e1e; +.editor-post-publish-panel__prepublish strong{ + color:#1e1e1e; } -.editor-post-publish-panel__prepublish .components-panel__body { - background: #fff; - margin-right: -16px; - margin-left: -16px; +.editor-post-publish-panel__prepublish .components-panel__body{ + background:#fff; + margin-left:-16px; + margin-right:-16px; } -.editor-post-publish-panel__prepublish .editor-post-visibility__dialog-legend { - display: none; +.editor-post-publish-panel__prepublish .editor-post-visibility__dialog-legend{ + display:none; } -.post-publish-panel__postpublish .components-panel__body { - border-bottom: 1px solid #e0e0e0; - border-top: none; +.post-publish-panel__postpublish .components-panel__body{ + border-bottom:1px solid #e0e0e0; + border-top:none; } -.post-publish-panel__postpublish-buttons { - display: flex; - align-content: space-between; - flex-wrap: wrap; - margin: -5px; +.post-publish-panel__postpublish-buttons{ + align-content:space-between; + display:flex; + flex-wrap:wrap; + margin:-5px; } -.post-publish-panel__postpublish-buttons > * { - flex-grow: 1; - margin: 5px; +.post-publish-panel__postpublish-buttons>*{ + flex-grow:1; + margin:5px; } -.post-publish-panel__postpublish-buttons .components-button { - height: auto; - justify-content: center; - padding: 3px 10px 4px; - flex: 1; - line-height: 1.6; - text-align: center; - white-space: normal; +.post-publish-panel__postpublish-buttons .components-button{ + flex:1; + height:auto; + justify-content:center; + line-height:1.6; + padding:3px 10px 4px; + text-align:center; + white-space:normal; } -.post-publish-panel__postpublish-buttons .components-clipboard-button { - width: 100%; +.post-publish-panel__postpublish-buttons .components-clipboard-button{ + width:100%; } -.post-publish-panel__postpublish-post-address-container { - display: flex; - align-items: flex-end; - margin-bottom: 16px; +.post-publish-panel__postpublish-post-address-container{ + align-items:flex-end; + display:flex; + margin-bottom:16px; } -.post-publish-panel__postpublish-post-address-container .components-base-control__field { - margin-bottom: 0; +.post-publish-panel__postpublish-post-address-container .components-base-control__field{ + margin-bottom:0; } -.post-publish-panel__postpublish-post-address-container .post-publish-panel__postpublish-post-address { - flex: 1; +.post-publish-panel__postpublish-post-address-container .post-publish-panel__postpublish-post-address{ + flex:1; } -.post-publish-panel__postpublish-post-address-container input[readonly] { - padding: 10px; - background: #ddd; - overflow: hidden; - text-overflow: ellipsis; +.post-publish-panel__postpublish-post-address-container input[readonly]{ + background:#ddd; + overflow:hidden; + padding:10px; + text-overflow:ellipsis; } -.post-publish-panel__postpublish-post-address__copy-button-wrap { - flex-shrink: 0; - margin-right: 8px; +.post-publish-panel__postpublish-post-address__copy-button-wrap{ + flex-shrink:0; + margin-right:8px; } -.post-publish-panel__postpublish-post-address__copy-button-wrap .components-button { - height: 38px; +.post-publish-panel__postpublish-post-address__copy-button-wrap .components-button{ + height:38px; } -.post-publish-panel__postpublish-header { - font-weight: 500; +.post-publish-panel__postpublish-header{ + font-weight:500; } -.post-publish-panel__postpublish-subheader { - margin: 0 0 8px; +.post-publish-panel__postpublish-subheader{ + margin:0 0 8px; } -.post-publish-panel__tip { - color: #f0b849; +.post-publish-panel__tip{ + color:#f0b849; } -@media screen and (max-width: 782px) { - .post-publish-panel__postpublish-post-address__button-wrap .components-button { - height: 40px; +@media screen and (max-width:782px){ + .post-publish-panel__postpublish-post-address__button-wrap .components-button{ + height:40px; } } -.editor-post-saved-state { - display: flex; - align-items: center; - width: 28px; - padding: 12px 4px; - color: #757575; - overflow: hidden; - white-space: nowrap; +.editor-post-saved-state{ + align-items:center; + color:#757575; + display:flex; + overflow:hidden; + padding:12px 4px; + white-space:nowrap; + width:28px; } -.editor-post-saved-state.is-saving[aria-disabled=true], .editor-post-saved-state.is-saving[aria-disabled=true]:hover, .editor-post-saved-state.is-saved[aria-disabled=true], .editor-post-saved-state.is-saved[aria-disabled=true]:hover { - background: transparent; - color: #757575; +.editor-post-saved-state.is-saved[aria-disabled=true],.editor-post-saved-state.is-saved[aria-disabled=true]:hover,.editor-post-saved-state.is-saving[aria-disabled=true],.editor-post-saved-state.is-saving[aria-disabled=true]:hover{ + background:transparent; + color:#757575; } -.editor-post-saved-state svg { - display: inline-block; - flex: 0 0 auto; - fill: currentColor; - margin-left: 8px; +.editor-post-saved-state svg{ + fill:currentColor; + display:inline-block; + flex:0 0 auto; + margin-left:8px; } -@media (min-width: 600px) { - .editor-post-saved-state { - width: auto; - padding: 8px 12px; - text-indent: inherit; +@media (min-width:600px){ + .editor-post-saved-state{ + padding:8px 12px; + text-indent:inherit; + width:auto; } - .editor-post-saved-state svg { - margin-left: 0; + .editor-post-saved-state svg{ + margin-left:0; } } -.editor-post-save-draft.has-text.has-icon svg { - margin-left: 0; +.editor-post-save-draft.has-text.has-icon svg{ + margin-left:0; } -:root[dir=rtl] .editor-post-saved-state.has-text.has-icon { - justify-content: right; +:root[dir=rtl] .editor-post-saved-state.has-text.has-icon{ + justify-content:right; } -.editor-post-taxonomies__hierarchical-terms-list { - max-height: 14em; - overflow: auto; - margin-right: -6px; - padding-right: 6px; - margin-top: -6px; - padding-top: 6px; +.editor-post-taxonomies__hierarchical-terms-list{ + margin-right:-6px; + margin-top:-6px; + max-height:14em; + overflow:auto; + padding-right:6px; + padding-top:6px; } -.editor-post-taxonomies__hierarchical-terms-choice { - margin-bottom: 8px; +.editor-post-taxonomies__hierarchical-terms-choice{ + margin-bottom:8px; } -.editor-post-taxonomies__hierarchical-terms-subchoices { - margin-top: 8px; - margin-right: 16px; +.editor-post-taxonomies__hierarchical-terms-subchoices{ + margin-right:16px; + margin-top:8px; } -.components-button.editor-post-taxonomies__hierarchical-terms-submit, -.components-button.editor-post-taxonomies__hierarchical-terms-add { - margin-top: 12px; +.components-button.editor-post-taxonomies__hierarchical-terms-add,.components-button.editor-post-taxonomies__hierarchical-terms-submit{ + margin-top:12px; } -.editor-post-taxonomies__hierarchical-terms-label { - display: inline-block; - margin-top: 12px; +.editor-post-taxonomies__hierarchical-terms-label{ + display:inline-block; + margin-top:12px; } -.editor-post-taxonomies__hierarchical-terms-input { - margin-top: 8px; +.editor-post-taxonomies__hierarchical-terms-input{ + margin-top:8px; } -.editor-post-taxonomies__hierarchical-terms-filter { - margin-bottom: 8px; - width: 100%; +.editor-post-taxonomies__hierarchical-terms-filter{ + margin-bottom:8px; + width:100%; } -.editor-post-taxonomies__flat-term-most-used .editor-post-taxonomies__flat-term-most-used-label { - font-weight: 400; - margin-bottom: 12px; +.editor-post-taxonomies__flat-term-most-used .editor-post-taxonomies__flat-term-most-used-label{ + font-weight:400; + margin-bottom:12px; } -.editor-post-taxonomies__flat-term-most-used-list { - margin: 0; +.editor-post-taxonomies__flat-term-most-used-list{ + margin:0; } -.editor-post-taxonomies__flat-term-most-used-list li { - display: inline-block; - margin-left: 8px; +.editor-post-taxonomies__flat-term-most-used-list li{ + display:inline-block; + margin-left:8px; } -.editor-post-taxonomies__flat-term-most-used-list .components-button { - font-size: 12px; +.editor-post-taxonomies__flat-term-most-used-list .components-button{ + font-size:12px; } -.edit-post-text-editor__body textarea.editor-post-text-editor { - border: 1px solid #949494; - border-radius: 0; - display: block; - margin: 0; - width: 100%; - box-shadow: none; - resize: none; - overflow: hidden; - font-family: Menlo, Consolas, monaco, monospace; - line-height: 2.4; - min-height: 200px; - transition: border 0.1s ease-out, box-shadow 0.1s linear; - padding: 16px; - /* Fonts smaller than 16px causes mobile safari to zoom. */ - font-size: 16px !important; +.edit-post-text-editor__body textarea.editor-post-text-editor{ + border:1px solid #949494; + border-radius:0; + box-shadow:none; + display:block; + font-family:Menlo,Consolas,monaco,monospace; + font-size:16px !important; + line-height:2.4; + margin:0; + min-height:200px; + overflow:hidden; + padding:16px; + resize:none; + transition:border .1s ease-out,box-shadow .1s linear; + width:100%; } -@media (prefers-reduced-motion: reduce) { - .edit-post-text-editor__body textarea.editor-post-text-editor { - transition-duration: 0s; - transition-delay: 0s; +@media (prefers-reduced-motion:reduce){ + .edit-post-text-editor__body textarea.editor-post-text-editor{ + transition-delay:0s; + transition-duration:0s; } } -@media (min-width: 600px) { - .edit-post-text-editor__body textarea.editor-post-text-editor { - padding: 24px; +@media (min-width:600px){ + .edit-post-text-editor__body textarea.editor-post-text-editor{ + font-size:15px !important; + padding:24px; } } -@media (min-width: 600px) { - .edit-post-text-editor__body textarea.editor-post-text-editor { - font-size: 15px !important; +.edit-post-text-editor__body textarea.editor-post-text-editor:focus{ + border-color:var(--wp-admin-theme-color); + box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); + position:relative; +} +.edit-post-text-editor__body textarea.editor-post-text-editor::-webkit-input-placeholder{ + color:rgba(30,30,30,.62); +} +.edit-post-text-editor__body textarea.editor-post-text-editor::-moz-placeholder{ + color:rgba(30,30,30,.62); + opacity:1; +} +.edit-post-text-editor__body textarea.editor-post-text-editor:-ms-input-placeholder{ + color:rgba(30,30,30,.62); +} + +.editor-post-url__link-label{ + font-size:13px; + font-weight:400; + margin:0; +} +.editor-post-url__link{ + direction:ltr; + word-break:break-word; +} +.editor-post-url__link-slug{ + font-weight:600; +} + +.editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]{ + border:1px solid #1e1e1e; + border-radius:2px; + border-radius:50%; + box-shadow:0 0 0 transparent; + font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; + font-size:16px; + height:24px; + line-height:normal; + margin-left:12px; + margin-top:2px; + padding:6px 8px; + transition:box-shadow .1s linear; + transition:none; + width:24px; +} +@media (prefers-reduced-motion:reduce){ + .editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]{ + transition-delay:0s; + transition-duration:0s; } } -.edit-post-text-editor__body textarea.editor-post-text-editor:focus { - border-color: var(--wp-admin-theme-color); - box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); - position: relative; -} -.edit-post-text-editor__body textarea.editor-post-text-editor::-webkit-input-placeholder { - color: rgba(30, 30, 30, 0.62); -} -.edit-post-text-editor__body textarea.editor-post-text-editor::-moz-placeholder { - color: rgba(30, 30, 30, 0.62); - opacity: 1; -} -.edit-post-text-editor__body textarea.editor-post-text-editor:-ms-input-placeholder { - color: rgba(30, 30, 30, 0.62); -} - -.editor-post-url__link-label { - font-size: 13px; - font-weight: 400; - margin: 0; -} -.editor-post-url__link { - direction: ltr; - word-break: break-word; -} -.editor-post-url__link-slug { - font-weight: 600; -} - -.editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio] { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - padding: 6px 8px; - box-shadow: 0 0 0 transparent; - transition: box-shadow 0.1s linear; - border-radius: 2px; - border: 1px solid #757575; - /* Fonts smaller than 16px causes mobile safari to zoom. */ - font-size: 16px; - /* Override core line-height. To be reviewed. */ - line-height: normal; - border: 1px solid #1e1e1e; - margin-left: 12px; - transition: none; - border-radius: 50%; - width: 24px; - height: 24px; - margin-top: 2px; -} -@media (prefers-reduced-motion: reduce) { - .editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio] { - transition-duration: 0s; - transition-delay: 0s; +@media (min-width:600px){ + .editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]{ + font-size:13px; + line-height:normal; } } -@media (min-width: 600px) { - .editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio] { - font-size: 13px; - /* Override core line-height. To be reviewed. */ - line-height: normal; +.editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]:focus{ + border-color:var(--wp-admin-theme-color); + box-shadow:0 0 0 1px var(--wp-admin-theme-color); +} +.editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]::-webkit-input-placeholder{ + color:rgba(30,30,30,.62); +} +.editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]::-moz-placeholder{ + color:rgba(30,30,30,.62); + opacity:1; +} +.editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]:-ms-input-placeholder{ + color:rgba(30,30,30,.62); +} +@media (min-width:600px){ + .editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]{ + height:20px; + width:20px; } } -.editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]:focus { - border-color: var(--wp-admin-theme-color); - box-shadow: 0 0 0 1px var(--wp-admin-theme-color); - outline: 2px solid transparent; +.editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]:checked:before{ + background-color:#fff; + border:4px solid #fff; + box-sizing:inherit; + height:8px; + margin:0; + transform:translate(-7px, 7px); + width:8px; } -.editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]::-webkit-input-placeholder { - color: rgba(30, 30, 30, 0.62); -} -.editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]::-moz-placeholder { - opacity: 1; - color: rgba(30, 30, 30, 0.62); -} -.editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]:-ms-input-placeholder { - color: rgba(30, 30, 30, 0.62); -} -@media (min-width: 600px) { - .editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio] { - height: 20px; - width: 20px; +@media (min-width:600px){ + .editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]:checked:before{ + transform:translate(-5px, 5px); } } -.editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]:checked::before { - box-sizing: inherit; - width: 8px; - height: 8px; - transform: translate(-7px, 7px); - margin: 0; - background-color: #fff; - border: 4px solid #fff; +.editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]:focus{ + box-shadow:0 0 0 2px #fff, 0 0 0 4px var(--wp-admin-theme-color); + outline:2px solid transparent; } -@media (min-width: 600px) { - .editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]:checked::before { - transform: translate(-5px, 5px); +.editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]:checked{ + background:var(--wp-admin-theme-color); + border-color:var(--wp-admin-theme-color); +} +.editor-post-visibility__fieldset .editor-post-visibility__info{ + color:#757575; + margin-right:36px; + margin-top:.5em; +} +@media (min-width:600px){ + .editor-post-visibility__fieldset .editor-post-visibility__info{ + margin-right:32px; } } -.editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]:focus { - box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--wp-admin-theme-color); - outline: 2px solid transparent; +.editor-post-visibility__fieldset .editor-post-visibility__choice:last-child .editor-post-visibility__info{ + margin-bottom:0; } -.editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]:checked { - background: var(--wp-admin-theme-color); - border-color: var(--wp-admin-theme-color); +.editor-post-visibility__fieldset .editor-post-visibility__password .editor-post-visibility__password-input[type=text]{ + border:1px solid #757575; + border-radius:2px; + box-shadow:0 0 0 transparent; + font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; + font-size:16px; + line-height:normal; + margin-right:32px; + padding:6px 8px; + transition:box-shadow .1s linear; + width:calc(100% - 32px); } -.editor-post-visibility__fieldset .editor-post-visibility__info { - color: #757575; - margin-right: 36px; - margin-top: 0.5em; -} -@media (min-width: 600px) { - .editor-post-visibility__fieldset .editor-post-visibility__info { - margin-right: 32px; +@media (prefers-reduced-motion:reduce){ + .editor-post-visibility__fieldset .editor-post-visibility__password .editor-post-visibility__password-input[type=text]{ + transition-delay:0s; + transition-duration:0s; } } -.editor-post-visibility__fieldset .editor-post-visibility__choice:last-child .editor-post-visibility__info { - margin-bottom: 0; -} -.editor-post-visibility__fieldset .editor-post-visibility__password .editor-post-visibility__password-input[type=text] { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - padding: 6px 8px; - box-shadow: 0 0 0 transparent; - transition: box-shadow 0.1s linear; - border-radius: 2px; - border: 1px solid #757575; - /* Fonts smaller than 16px causes mobile safari to zoom. */ - font-size: 16px; - /* Override core line-height. To be reviewed. */ - line-height: normal; - margin-right: 32px; - width: calc(100% - 32px); -} -@media (prefers-reduced-motion: reduce) { - .editor-post-visibility__fieldset .editor-post-visibility__password .editor-post-visibility__password-input[type=text] { - transition-duration: 0s; - transition-delay: 0s; +@media (min-width:600px){ + .editor-post-visibility__fieldset .editor-post-visibility__password .editor-post-visibility__password-input[type=text]{ + font-size:13px; + line-height:normal; } } -@media (min-width: 600px) { - .editor-post-visibility__fieldset .editor-post-visibility__password .editor-post-visibility__password-input[type=text] { - font-size: 13px; - /* Override core line-height. To be reviewed. */ - line-height: normal; +.editor-post-visibility__fieldset .editor-post-visibility__password .editor-post-visibility__password-input[type=text]:focus{ + border-color:var(--wp-admin-theme-color); + box-shadow:0 0 0 1px var(--wp-admin-theme-color); + outline:2px solid transparent; +} +.editor-post-visibility__fieldset .editor-post-visibility__password .editor-post-visibility__password-input[type=text]::-webkit-input-placeholder{ + color:rgba(30,30,30,.62); +} +.editor-post-visibility__fieldset .editor-post-visibility__password .editor-post-visibility__password-input[type=text]::-moz-placeholder{ + color:rgba(30,30,30,.62); + opacity:1; +} +.editor-post-visibility__fieldset .editor-post-visibility__password .editor-post-visibility__password-input[type=text]:-ms-input-placeholder{ + color:rgba(30,30,30,.62); +} + +.editor-post-title{ + position:relative; +} +.editor-post-title.is-focus-mode{ + opacity:.2; + transition:opacity .1s linear; +} +@media (prefers-reduced-motion:reduce){ + .editor-post-title.is-focus-mode{ + transition-delay:0s; + transition-duration:0s; } } -.editor-post-visibility__fieldset .editor-post-visibility__password .editor-post-visibility__password-input[type=text]:focus { - border-color: var(--wp-admin-theme-color); - box-shadow: 0 0 0 1px var(--wp-admin-theme-color); - outline: 2px solid transparent; -} -.editor-post-visibility__fieldset .editor-post-visibility__password .editor-post-visibility__password-input[type=text]::-webkit-input-placeholder { - color: rgba(30, 30, 30, 0.62); -} -.editor-post-visibility__fieldset .editor-post-visibility__password .editor-post-visibility__password-input[type=text]::-moz-placeholder { - opacity: 1; - color: rgba(30, 30, 30, 0.62); -} -.editor-post-visibility__fieldset .editor-post-visibility__password .editor-post-visibility__password-input[type=text]:-ms-input-placeholder { - color: rgba(30, 30, 30, 0.62); +.editor-post-title.is-focus-mode:focus{ + opacity:1; } -.editor-post-title { - position: relative; +.editor-post-trash.components-button{ + display:flex; + justify-content:center; + margin-top:4px; + width:100%; } -.editor-post-title.is-focus-mode { - opacity: 0.2; - transition: opacity 0.1s linear; + +.table-of-contents__popover.components-popover .components-popover__content{ + min-width:380px; } -@media (prefers-reduced-motion: reduce) { - .editor-post-title.is-focus-mode { - transition-duration: 0s; - transition-delay: 0s; + +.components-popover.table-of-contents__popover{ + z-index:99998; +} + +.table-of-contents__popover .components-popover__content{ + padding:16px; +} +@media (min-width:600px){ + .table-of-contents__popover .components-popover__content{ + max-height:calc(100vh - 120px); + overflow-y:auto; } } -.editor-post-title.is-focus-mode:focus { - opacity: 1; +.table-of-contents__popover hr{ + margin:10px -16px 0; } -.editor-post-trash.components-button { - display: flex; - justify-content: center; - margin-top: 4px; - width: 100%; +.table-of-contents__wrapper:focus:before{ + bottom:0; + box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); + content:""; + display:block; + left:0; + pointer-events:none; + position:absolute; + right:0; + top:0; } -.table-of-contents__popover.components-popover .components-popover__content { - min-width: 380px; +.table-of-contents__counts{ + display:flex; + flex-wrap:wrap; + margin:-8px 0 0; } -.components-popover.table-of-contents__popover { - z-index: 99998; +.table-of-contents__count{ + color:#1e1e1e; + display:flex; + flex-basis:33%; + flex-direction:column; + font-size:13px; + margin-bottom:0; + margin-top:8px; + padding-left:8px; +} +.table-of-contents__count:nth-child(4n){ + padding-left:0; } -.table-of-contents__popover .components-popover__content { - padding: 16px; -} -@media (min-width: 600px) { - .table-of-contents__popover .components-popover__content { - max-height: calc(100vh - 120px); - overflow-y: auto; - } -} -.table-of-contents__popover hr { - margin: 10px -16px 0; +.table-of-contents__number,.table-of-contents__popover .word-count{ + color:#1e1e1e; + font-size:21px; + font-weight:400; + line-height:30px; } -.table-of-contents__wrapper:focus::before { - content: ""; - display: block; - position: absolute; - top: 0; - left: 0; - bottom: 0; - right: 0; - box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); - pointer-events: none; +.table-of-contents__title{ + display:block; + font-size:15px; + font-weight:600; + margin-top:20px; } -.table-of-contents__counts { - display: flex; - flex-wrap: wrap; - margin: 0; - margin-top: -8px; +.editor-template-validation-notice{ + align-items:center; + display:flex; + justify-content:space-between; } - -.table-of-contents__count { - flex-basis: 33%; - display: flex; - flex-direction: column; - font-size: 13px; - color: #1e1e1e; - padding-left: 8px; - margin-bottom: 0; - margin-top: 8px; -} -.table-of-contents__count:nth-child(4n) { - padding-left: 0; -} - -.table-of-contents__number, -.table-of-contents__popover .word-count { - font-size: 21px; - font-weight: 400; - line-height: 30px; - color: #1e1e1e; -} - -.table-of-contents__title { - display: block; - margin-top: 20px; - font-size: 15px; - font-weight: 600; -} - -.editor-template-validation-notice { - display: flex; - justify-content: space-between; - align-items: center; -} -.editor-template-validation-notice .components-button { - margin-right: 5px; +.editor-template-validation-notice .components-button{ + margin-right:5px; } \ No newline at end of file diff --git a/wp-includes/css/dist/editor/style.css b/wp-includes/css/dist/editor/style.css index 688ea97c71..e282c7fbc1 100644 --- a/wp-includes/css/dist/editor/style.css +++ b/wp-includes/css/dist/editor/style.css @@ -1,984 +1,874 @@ @charset "UTF-8"; -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -:root { - --wp-admin-theme-color: #007cba; - --wp-admin-theme-color--rgb: 0, 124, 186; - --wp-admin-theme-color-darker-10: #006ba1; - --wp-admin-theme-color-darker-10--rgb: 0, 107, 161; - --wp-admin-theme-color-darker-20: #005a87; - --wp-admin-theme-color-darker-20--rgb: 0, 90, 135; - --wp-admin-border-width-focus: 2px; +:root{ + --wp-admin-theme-color:#007cba; + --wp-admin-theme-color--rgb:0, 124, 186; + --wp-admin-theme-color-darker-10:#006ba1; + --wp-admin-theme-color-darker-10--rgb:0, 107, 161; + --wp-admin-theme-color-darker-20:#005a87; + --wp-admin-theme-color-darker-20--rgb:0, 90, 135; + --wp-admin-border-width-focus:2px; } -@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { - :root { - --wp-admin-border-width-focus: 1.5px; +@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ + :root{ + --wp-admin-border-width-focus:1.5px; } } -.editor-autocompleters__user .editor-autocompleters__no-avatar::before { - /* stylelint-disable */ - font: normal 20px/1 dashicons; - /* stylelint-enable */ - content: ""; - margin-right: 5px; - vertical-align: middle; +.editor-autocompleters__user .editor-autocompleters__no-avatar:before{ + content:""; + font:normal 20px/1 dashicons; + margin-right:5px; + vertical-align:middle; } -.editor-autocompleters__user .editor-autocompleters__user-avatar { - margin-right: 8px; - flex-grow: 0; - flex-shrink: 0; - max-width: none; - width: 24px; - height: 24px; +.editor-autocompleters__user .editor-autocompleters__user-avatar{ + flex-grow:0; + flex-shrink:0; + height:24px; + margin-right:8px; + max-width:none; + width:24px; } -.editor-autocompleters__user .editor-autocompleters__user-name { - white-space: nowrap; - text-overflow: ellipsis; - overflow: hidden; - max-width: 200px; - flex-shrink: 0; - flex-grow: 1; +.editor-autocompleters__user .editor-autocompleters__user-name{ + flex-grow:1; + flex-shrink:0; + max-width:200px; + overflow:hidden; + text-overflow:ellipsis; + white-space:nowrap; } -.editor-autocompleters__user .editor-autocompleters__user-slug { - margin-left: 8px; - color: #757575; - white-space: nowrap; - text-overflow: ellipsis; - overflow: none; - max-width: 100px; - flex-grow: 0; - flex-shrink: 0; +.editor-autocompleters__user .editor-autocompleters__user-slug{ + color:#757575; + flex-grow:0; + flex-shrink:0; + margin-left:8px; + max-width:100px; + overflow:none; + text-overflow:ellipsis; + white-space:nowrap; } -.editor-autocompleters__user:hover .editor-autocompleters__user-slug { - color: var(--wp-admin-theme-color); +.editor-autocompleters__user:hover .editor-autocompleters__user-slug{ + color:var(--wp-admin-theme-color); } -.document-outline { - margin: 20px 0; +.document-outline{ + margin:20px 0; } -.document-outline ul { - margin: 0; - padding: 0; +.document-outline ul{ + margin:0; + padding:0; } -.document-outline__item { - display: flex; - margin: 4px 0; +.document-outline__item{ + display:flex; + margin:4px 0; } -.document-outline__item a { - text-decoration: none; +.document-outline__item a{ + text-decoration:none; } -.document-outline__item .document-outline__emdash::before { - color: #ddd; - margin-right: 4px; +.document-outline__item .document-outline__emdash:before{ + color:#ddd; + margin-right:4px; } -.document-outline__item.is-h2 .document-outline__emdash::before { - content: "—"; +.document-outline__item.is-h2 .document-outline__emdash:before{ + content:"—"; } -.document-outline__item.is-h3 .document-outline__emdash::before { - content: "——"; +.document-outline__item.is-h3 .document-outline__emdash:before{ + content:"——"; } -.document-outline__item.is-h4 .document-outline__emdash::before { - content: "———"; +.document-outline__item.is-h4 .document-outline__emdash:before{ + content:"———"; } -.document-outline__item.is-h5 .document-outline__emdash::before { - content: "————"; +.document-outline__item.is-h5 .document-outline__emdash:before{ + content:"————"; } -.document-outline__item.is-h6 .document-outline__emdash::before { - content: "—————"; +.document-outline__item.is-h6 .document-outline__emdash:before{ + content:"—————"; } -.document-outline__button { - cursor: pointer; - background: none; - border: none; - display: flex; - align-items: flex-start; - margin: 0 0 0 -1px; - padding: 2px 5px 2px 1px; - color: #1e1e1e; - text-align: left; - border-radius: 2px; +.document-outline__button{ + align-items:flex-start; + background:none; + border:none; + border-radius:2px; + color:#1e1e1e; + cursor:pointer; + display:flex; + margin:0 0 0 -1px; + padding:2px 5px 2px 1px; + text-align:left; } -.document-outline__button:disabled { - cursor: default; +.document-outline__button:disabled{ + cursor:default; } -.document-outline__button:focus { - box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); - outline: 2px solid transparent; +.document-outline__button:focus{ + box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); + outline:2px solid transparent; } -.document-outline__level { - background: #ddd; - color: #1e1e1e; - border-radius: 3px; - font-size: 13px; - padding: 1px 6px; - margin-right: 4px; +.document-outline__level{ + background:#ddd; + border-radius:3px; + color:#1e1e1e; + font-size:13px; + margin-right:4px; + padding:1px 6px; } -.is-invalid .document-outline__level { - background: #f0b849; +.is-invalid .document-outline__level{ + background:#f0b849; } -.document-outline__item-content { - padding: 1px 0; +.document-outline__item-content{ + padding:1px 0; } -.components-editor-notices__dismissible, -.components-editor-notices__pinned { - position: relative; - left: 0; - top: 0; - right: 0; - color: #1e1e1e; +.components-editor-notices__dismissible,.components-editor-notices__pinned{ + color:#1e1e1e; + left:0; + position:relative; + right:0; + top:0; } -.components-editor-notices__dismissible .components-notice, -.components-editor-notices__pinned .components-notice { - box-sizing: border-box; - margin: 0; - border-bottom: 1px solid rgba(0, 0, 0, 0.2); - padding: 0 12px; - min-height: 60px; +.components-editor-notices__dismissible .components-notice,.components-editor-notices__pinned .components-notice{ + border-bottom:1px solid rgba(0,0,0,.2); + box-sizing:border-box; + margin:0; + min-height:60px; + padding:0 12px; } -.components-editor-notices__dismissible .components-notice .components-notice__dismiss, -.components-editor-notices__pinned .components-notice .components-notice__dismiss { - margin-top: 12px; +.components-editor-notices__dismissible .components-notice .components-notice__dismiss,.components-editor-notices__pinned .components-notice .components-notice__dismiss{ + margin-top:12px; } -.entities-saved-states__panel { - box-sizing: border-box; - background: #fff; - position: fixed; - z-index: 100001; - top: 46px; - bottom: 0; - right: 0; - left: 0; - overflow: auto; - box-sizing: border-box; +.entities-saved-states__panel{ + background:#fff; + bottom:0; + box-sizing:border-box; + left:0; + overflow:auto; + position:fixed; + right:0; + top:46px; + z-index:100001; } -.entities-saved-states__panel *, -.entities-saved-states__panel *::before, -.entities-saved-states__panel *::after { - box-sizing: inherit; +.entities-saved-states__panel *,.entities-saved-states__panel :after,.entities-saved-states__panel :before{ + box-sizing:inherit; } -.entities-saved-states__panel .entities-saved-states__find-entity { - display: none; +.entities-saved-states__panel .entities-saved-states__find-entity{ + display:none; } -.entities-saved-states__panel .entities-saved-states__find-entity-small { - display: block; +.entities-saved-states__panel .entities-saved-states__find-entity-small{ + display:block; } -@media (min-width: 782px) { - .entities-saved-states__panel { - top: 32px; - left: auto; - width: 280px; - border-left: 1px solid #ddd; +@media (min-width:782px){ + .entities-saved-states__panel{ + border-left:1px solid #ddd; + left:auto; + top:32px; + width:280px; } - body.is-fullscreen-mode .entities-saved-states__panel { - top: 0; + body.is-fullscreen-mode .entities-saved-states__panel{ + top:0; } - .entities-saved-states__panel .entities-saved-states__find-entity { - display: block; + .entities-saved-states__panel .entities-saved-states__find-entity{ + display:block; } - .entities-saved-states__panel .entities-saved-states__find-entity-small { - display: none; + .entities-saved-states__panel .entities-saved-states__find-entity-small{ + display:none; } } -.entities-saved-states__panel .entities-saved-states__panel-header { - background: #fff; - padding-left: 8px; - padding-right: 8px; - height: 61px; - border-bottom: 1px solid #ddd; +.entities-saved-states__panel .entities-saved-states__panel-header{ + background:#fff; + border-bottom:1px solid #ddd; + height:61px; + padding-left:8px; + padding-right:8px; } -.entities-saved-states__panel .entities-saved-states__text-prompt { - padding: 16px; - padding-bottom: 4px; +.entities-saved-states__panel .entities-saved-states__text-prompt{ + padding:16px 16px 4px; } -.editor-error-boundary { - margin: auto; - max-width: 780px; - padding: 20px; - margin-top: 60px; - box-shadow: 0 10px 10px rgba(0, 0, 0, 0.25); +.editor-error-boundary{ + box-shadow:0 10px 10px rgba(0,0,0,.25); + margin:60px auto auto; + max-width:780px; + padding:20px; } -.editor-page-attributes__order { - width: 100%; +.editor-page-attributes__order{ + width:100%; } -.editor-page-attributes__order .components-base-control__field { - display: flex; - justify-content: space-between; - align-items: center; +.editor-page-attributes__order .components-base-control__field{ + align-items:center; + display:flex; + justify-content:space-between; } -.editor-page-attributes__order input { - width: 66px; +.editor-page-attributes__order input{ + width:66px; } -.editor-post-excerpt__textarea { - width: 100%; - margin-bottom: 10px; +.editor-post-excerpt__textarea{ + margin-bottom:10px; + width:100%; } -.editor-post-featured-image { - padding: 0; +.editor-post-featured-image{ + padding:0; } -.editor-post-featured-image__container { - margin-bottom: 1em; - position: relative; +.editor-post-featured-image__container{ + margin-bottom:1em; + position:relative; } -.editor-post-featured-image .components-spinner { - position: absolute; - top: 50%; - left: 50%; - margin-top: -9px; - margin-left: -9px; +.editor-post-featured-image .components-spinner{ + left:50%; + margin-left:-9px; + margin-top:-9px; + position:absolute; + top:50%; } -.editor-post-featured-image .components-button + .components-button { - display: block; - margin-top: 1em; +.editor-post-featured-image .components-button+.components-button{ + display:block; + margin-top:1em; } -.editor-post-featured-image .components-responsive-wrapper__content { - max-width: 100%; - width: auto; +.editor-post-featured-image .components-responsive-wrapper__content{ + max-width:100%; + width:auto; } -.editor-post-featured-image__toggle, -.editor-post-featured-image__preview { - display: block; - width: 100%; - padding: 0; - transition: all 0.1s ease-out; - box-shadow: 0 0 0 0 var(--wp-admin-theme-color); +.editor-post-featured-image__preview,.editor-post-featured-image__toggle{ + box-shadow:0 0 0 0 var(--wp-admin-theme-color); + display:block; + padding:0; + transition:all .1s ease-out; + width:100%; } -@media (prefers-reduced-motion: reduce) { - .editor-post-featured-image__toggle, -.editor-post-featured-image__preview { - transition-duration: 0s; - transition-delay: 0s; +@media (prefers-reduced-motion:reduce){ + .editor-post-featured-image__preview,.editor-post-featured-image__toggle{ + transition-delay:0s; + transition-duration:0s; } } -.editor-post-featured-image__preview { - height: auto; +.editor-post-featured-image__preview{ + height:auto; } -.editor-post-featured-image__preview:not(:disabled):not([aria-disabled=true]):focus { - box-shadow: 0 0 0 4px var(--wp-admin-theme-color); +.editor-post-featured-image__preview:not(:disabled):not([aria-disabled=true]):focus{ + box-shadow:0 0 0 4px var(--wp-admin-theme-color); } -.editor-post-featured-image__toggle { - border-radius: 2px; - background-color: #f0f0f0; - min-height: 90px; - line-height: 20px; - padding: 8px 0; - text-align: center; +.editor-post-featured-image__toggle{ + background-color:#f0f0f0; + border-radius:2px; + line-height:20px; + min-height:90px; + padding:8px 0; + text-align:center; } -.editor-post-featured-image__toggle:hover { - background: #ddd; - color: #1e1e1e; +.editor-post-featured-image__toggle:hover{ + background:#ddd; + color:#1e1e1e; } -[class].editor-post-format__suggestion { - margin: 4px 0 0 0; +[class].editor-post-format__suggestion{ + margin:4px 0 0; } -.editor-post-last-revision__title { - width: 100%; - font-weight: 600; +.editor-post-last-revision__title{ + font-weight:600; + width:100%; } -.editor-post-last-revision__title .dashicon { - margin-right: 5px; +.editor-post-last-revision__title .dashicon{ + margin-right:5px; } -.components-button.editor-post-last-revision__title { - height: 100%; +.components-button.editor-post-last-revision__title{ + height:100%; } -.components-button.editor-post-last-revision__title:hover, .components-button.editor-post-last-revision__title:active { - background: #f0f0f0; +.components-button.editor-post-last-revision__title:active,.components-button.editor-post-last-revision__title:hover{ + background:#f0f0f0; } -.components-button.editor-post-last-revision__title:focus { - box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); - border-radius: 0; +.components-button.editor-post-last-revision__title:focus{ + border-radius:0; + box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); } -@media (min-width: 600px) { - .editor-post-locked-modal { - max-width: 480px; +@media (min-width:600px){ + .editor-post-locked-modal{ + max-width:480px; } } -.editor-post-locked-modal .components-modal__content { - display: flex; +.editor-post-locked-modal .components-modal__content{ + display:flex; } -.editor-post-locked-modal__buttons { - margin-top: 24px; +.editor-post-locked-modal__buttons{ + margin-top:24px; } -.editor-post-locked-modal__avatar { - border-radius: 2px; - margin-top: 16px; - margin-right: 24px; +.editor-post-locked-modal__avatar{ + border-radius:2px; + margin-right:24px; + margin-top:16px; } -.editor-post-publish-button__button.has-changes-dot::before { - background: currentcolor; - border-radius: 4px; - content: ""; - height: 8px; - margin: auto 5px auto -3px; - width: 8px; +.editor-post-publish-button__button.has-changes-dot:before{ + background:currentcolor; + border-radius:4px; + content:""; + height:8px; + margin:auto 5px auto -3px; + width:8px; } -.editor-post-publish-panel { - background: #fff; +.editor-post-publish-panel{ + background:#fff; } -.editor-post-publish-panel__content { - min-height: calc(100% - 144px); +.editor-post-publish-panel__content{ + min-height:calc(100% - 144px); } -.editor-post-publish-panel__content .components-spinner { - display: block; - margin: 100px auto 0; +.editor-post-publish-panel__content .components-spinner{ + display:block; + margin:100px auto 0; } -.editor-post-publish-panel__header { - background: #fff; - padding-left: 16px; - padding-right: 16px; - height: 61px; - border-bottom: 1px solid #ddd; - display: flex; - align-items: center; - align-content: space-between; +.editor-post-publish-panel__header{ + align-content:space-between; + align-items:center; + background:#fff; + border-bottom:1px solid #ddd; + display:flex; + height:61px; + padding-left:16px; + padding-right:16px; } -.editor-post-publish-panel__header .components-button { - width: 100%; - justify-content: center; +.editor-post-publish-panel__header .components-button{ + justify-content:center; + width:100%; } -.editor-post-publish-panel__header .has-icon { - margin-left: auto; - width: auto; +.editor-post-publish-panel__header .has-icon{ + margin-left:auto; + width:auto; } -.components-site-card { - display: flex; - align-items: center; - margin: 16px 0; +.components-site-card{ + align-items:center; + display:flex; + margin:16px 0; } -.components-site-icon { - border: none; - border-radius: 2px; - margin-right: 12px; - height: 36px; - width: 36px; +.components-site-icon{ + border:none; + border-radius:2px; + height:36px; + margin-right:12px; + width:36px; } -.components-site-name { - display: block; - font-size: 14px; +.components-site-name{ + display:block; + font-size:14px; } -.components-site-home { - display: block; - color: #757575; - font-size: 12px; +.components-site-home{ + color:#757575; + display:block; + font-size:12px; } -.editor-post-publish-panel__header-publish-button, -.editor-post-publish-panel__header-cancel-button { - flex-grow: 1; +.editor-post-publish-panel__header-cancel-button,.editor-post-publish-panel__header-publish-button{ + flex-grow:1; } -@media (min-width: 480px) { - .editor-post-publish-panel__header-publish-button, -.editor-post-publish-panel__header-cancel-button { - max-width: 160px; +@media (min-width:480px){ + .editor-post-publish-panel__header-cancel-button,.editor-post-publish-panel__header-publish-button{ + max-width:160px; } } -.editor-post-publish-panel__header-publish-button { - padding-right: 4px; +.editor-post-publish-panel__header-publish-button{ + padding-right:4px; } -.editor-post-publish-panel__header-cancel-button { - padding-left: 4px; +.editor-post-publish-panel__header-cancel-button{ + padding-left:4px; } -.editor-post-publish-panel__header-published { - flex-grow: 1; +.editor-post-publish-panel__header-published{ + flex-grow:1; } -.editor-post-publish-panel__footer { - padding: 16px; +.editor-post-publish-panel__footer{ + padding:16px; } -.components-button.editor-post-publish-panel__toggle.is-primary { - display: inline-flex; - align-items: center; +.components-button.editor-post-publish-panel__toggle.is-primary{ + align-items:center; + display:inline-flex; } -.components-button.editor-post-publish-panel__toggle.is-primary.is-busy .dashicon { - display: none; +.components-button.editor-post-publish-panel__toggle.is-primary.is-busy .dashicon{ + display:none; } -.components-button.editor-post-publish-panel__toggle.is-primary .dashicon { - margin-right: -4px; +.components-button.editor-post-publish-panel__toggle.is-primary .dashicon{ + margin-right:-4px; } -.editor-post-publish-panel__link { - font-weight: 400; - padding-left: 4px; +.editor-post-publish-panel__link{ + font-weight:400; + padding-left:4px; } -.editor-post-publish-panel__prepublish { - padding: 16px; +.editor-post-publish-panel__prepublish{ + padding:16px; } -.editor-post-publish-panel__prepublish strong { - color: #1e1e1e; +.editor-post-publish-panel__prepublish strong{ + color:#1e1e1e; } -.editor-post-publish-panel__prepublish .components-panel__body { - background: #fff; - margin-left: -16px; - margin-right: -16px; +.editor-post-publish-panel__prepublish .components-panel__body{ + background:#fff; + margin-left:-16px; + margin-right:-16px; } -.editor-post-publish-panel__prepublish .editor-post-visibility__dialog-legend { - display: none; +.editor-post-publish-panel__prepublish .editor-post-visibility__dialog-legend{ + display:none; } -.post-publish-panel__postpublish .components-panel__body { - border-bottom: 1px solid #e0e0e0; - border-top: none; +.post-publish-panel__postpublish .components-panel__body{ + border-bottom:1px solid #e0e0e0; + border-top:none; } -.post-publish-panel__postpublish-buttons { - display: flex; - align-content: space-between; - flex-wrap: wrap; - margin: -5px; +.post-publish-panel__postpublish-buttons{ + align-content:space-between; + display:flex; + flex-wrap:wrap; + margin:-5px; } -.post-publish-panel__postpublish-buttons > * { - flex-grow: 1; - margin: 5px; +.post-publish-panel__postpublish-buttons>*{ + flex-grow:1; + margin:5px; } -.post-publish-panel__postpublish-buttons .components-button { - height: auto; - justify-content: center; - padding: 3px 10px 4px; - flex: 1; - line-height: 1.6; - text-align: center; - white-space: normal; +.post-publish-panel__postpublish-buttons .components-button{ + flex:1; + height:auto; + justify-content:center; + line-height:1.6; + padding:3px 10px 4px; + text-align:center; + white-space:normal; } -.post-publish-panel__postpublish-buttons .components-clipboard-button { - width: 100%; +.post-publish-panel__postpublish-buttons .components-clipboard-button{ + width:100%; } -.post-publish-panel__postpublish-post-address-container { - display: flex; - align-items: flex-end; - margin-bottom: 16px; +.post-publish-panel__postpublish-post-address-container{ + align-items:flex-end; + display:flex; + margin-bottom:16px; } -.post-publish-panel__postpublish-post-address-container .components-base-control__field { - margin-bottom: 0; +.post-publish-panel__postpublish-post-address-container .components-base-control__field{ + margin-bottom:0; } -.post-publish-panel__postpublish-post-address-container .post-publish-panel__postpublish-post-address { - flex: 1; +.post-publish-panel__postpublish-post-address-container .post-publish-panel__postpublish-post-address{ + flex:1; } -.post-publish-panel__postpublish-post-address-container input[readonly] { - padding: 10px; - background: #ddd; - overflow: hidden; - text-overflow: ellipsis; +.post-publish-panel__postpublish-post-address-container input[readonly]{ + background:#ddd; + overflow:hidden; + padding:10px; + text-overflow:ellipsis; } -.post-publish-panel__postpublish-post-address__copy-button-wrap { - flex-shrink: 0; - margin-left: 8px; +.post-publish-panel__postpublish-post-address__copy-button-wrap{ + flex-shrink:0; + margin-left:8px; } -.post-publish-panel__postpublish-post-address__copy-button-wrap .components-button { - height: 38px; +.post-publish-panel__postpublish-post-address__copy-button-wrap .components-button{ + height:38px; } -.post-publish-panel__postpublish-header { - font-weight: 500; +.post-publish-panel__postpublish-header{ + font-weight:500; } -.post-publish-panel__postpublish-subheader { - margin: 0 0 8px; +.post-publish-panel__postpublish-subheader{ + margin:0 0 8px; } -.post-publish-panel__tip { - color: #f0b849; +.post-publish-panel__tip{ + color:#f0b849; } -@media screen and (max-width: 782px) { - .post-publish-panel__postpublish-post-address__button-wrap .components-button { - height: 40px; +@media screen and (max-width:782px){ + .post-publish-panel__postpublish-post-address__button-wrap .components-button{ + height:40px; } } -.editor-post-saved-state { - display: flex; - align-items: center; - width: 28px; - padding: 12px 4px; - color: #757575; - overflow: hidden; - white-space: nowrap; +.editor-post-saved-state{ + align-items:center; + color:#757575; + display:flex; + overflow:hidden; + padding:12px 4px; + white-space:nowrap; + width:28px; } -.editor-post-saved-state.is-saving[aria-disabled=true], .editor-post-saved-state.is-saving[aria-disabled=true]:hover, .editor-post-saved-state.is-saved[aria-disabled=true], .editor-post-saved-state.is-saved[aria-disabled=true]:hover { - background: transparent; - color: #757575; +.editor-post-saved-state.is-saved[aria-disabled=true],.editor-post-saved-state.is-saved[aria-disabled=true]:hover,.editor-post-saved-state.is-saving[aria-disabled=true],.editor-post-saved-state.is-saving[aria-disabled=true]:hover{ + background:transparent; + color:#757575; } -.editor-post-saved-state svg { - display: inline-block; - flex: 0 0 auto; - fill: currentColor; - margin-right: 8px; +.editor-post-saved-state svg{ + fill:currentColor; + display:inline-block; + flex:0 0 auto; + margin-right:8px; } -@media (min-width: 600px) { - .editor-post-saved-state { - width: auto; - padding: 8px 12px; - text-indent: inherit; +@media (min-width:600px){ + .editor-post-saved-state{ + padding:8px 12px; + text-indent:inherit; + width:auto; } - .editor-post-saved-state svg { - margin-right: 0; + .editor-post-saved-state svg{ + margin-right:0; } } -.editor-post-save-draft.has-text.has-icon svg { - margin-right: 0; +.editor-post-save-draft.has-text.has-icon svg{ + margin-right:0; } -:root[dir=rtl] .editor-post-saved-state.has-text.has-icon { - justify-content: right; +:root[dir=rtl] .editor-post-saved-state.has-text.has-icon{ + justify-content:right; } -.editor-post-taxonomies__hierarchical-terms-list { - max-height: 14em; - overflow: auto; - margin-left: -6px; - padding-left: 6px; - margin-top: -6px; - padding-top: 6px; +.editor-post-taxonomies__hierarchical-terms-list{ + margin-left:-6px; + margin-top:-6px; + max-height:14em; + overflow:auto; + padding-left:6px; + padding-top:6px; } -.editor-post-taxonomies__hierarchical-terms-choice { - margin-bottom: 8px; +.editor-post-taxonomies__hierarchical-terms-choice{ + margin-bottom:8px; } -.editor-post-taxonomies__hierarchical-terms-subchoices { - margin-top: 8px; - margin-left: 16px; +.editor-post-taxonomies__hierarchical-terms-subchoices{ + margin-left:16px; + margin-top:8px; } -.components-button.editor-post-taxonomies__hierarchical-terms-submit, -.components-button.editor-post-taxonomies__hierarchical-terms-add { - margin-top: 12px; +.components-button.editor-post-taxonomies__hierarchical-terms-add,.components-button.editor-post-taxonomies__hierarchical-terms-submit{ + margin-top:12px; } -.editor-post-taxonomies__hierarchical-terms-label { - display: inline-block; - margin-top: 12px; +.editor-post-taxonomies__hierarchical-terms-label{ + display:inline-block; + margin-top:12px; } -.editor-post-taxonomies__hierarchical-terms-input { - margin-top: 8px; +.editor-post-taxonomies__hierarchical-terms-input{ + margin-top:8px; } -.editor-post-taxonomies__hierarchical-terms-filter { - margin-bottom: 8px; - width: 100%; +.editor-post-taxonomies__hierarchical-terms-filter{ + margin-bottom:8px; + width:100%; } -.editor-post-taxonomies__flat-term-most-used .editor-post-taxonomies__flat-term-most-used-label { - font-weight: 400; - margin-bottom: 12px; +.editor-post-taxonomies__flat-term-most-used .editor-post-taxonomies__flat-term-most-used-label{ + font-weight:400; + margin-bottom:12px; } -.editor-post-taxonomies__flat-term-most-used-list { - margin: 0; +.editor-post-taxonomies__flat-term-most-used-list{ + margin:0; } -.editor-post-taxonomies__flat-term-most-used-list li { - display: inline-block; - margin-right: 8px; +.editor-post-taxonomies__flat-term-most-used-list li{ + display:inline-block; + margin-right:8px; } -.editor-post-taxonomies__flat-term-most-used-list .components-button { - font-size: 12px; +.editor-post-taxonomies__flat-term-most-used-list .components-button{ + font-size:12px; } -.edit-post-text-editor__body textarea.editor-post-text-editor { - border: 1px solid #949494; - border-radius: 0; - display: block; - margin: 0; - width: 100%; - box-shadow: none; - resize: none; - overflow: hidden; - font-family: Menlo, Consolas, monaco, monospace; - line-height: 2.4; - min-height: 200px; - transition: border 0.1s ease-out, box-shadow 0.1s linear; - padding: 16px; - /* Fonts smaller than 16px causes mobile safari to zoom. */ - font-size: 16px !important; +.edit-post-text-editor__body textarea.editor-post-text-editor{ + border:1px solid #949494; + border-radius:0; + box-shadow:none; + display:block; + font-family:Menlo,Consolas,monaco,monospace; + font-size:16px !important; + line-height:2.4; + margin:0; + min-height:200px; + overflow:hidden; + padding:16px; + resize:none; + transition:border .1s ease-out,box-shadow .1s linear; + width:100%; } -@media (prefers-reduced-motion: reduce) { - .edit-post-text-editor__body textarea.editor-post-text-editor { - transition-duration: 0s; - transition-delay: 0s; +@media (prefers-reduced-motion:reduce){ + .edit-post-text-editor__body textarea.editor-post-text-editor{ + transition-delay:0s; + transition-duration:0s; } } -@media (min-width: 600px) { - .edit-post-text-editor__body textarea.editor-post-text-editor { - padding: 24px; +@media (min-width:600px){ + .edit-post-text-editor__body textarea.editor-post-text-editor{ + font-size:15px !important; + padding:24px; } } -@media (min-width: 600px) { - .edit-post-text-editor__body textarea.editor-post-text-editor { - font-size: 15px !important; +.edit-post-text-editor__body textarea.editor-post-text-editor:focus{ + border-color:var(--wp-admin-theme-color); + box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); + position:relative; +} +.edit-post-text-editor__body textarea.editor-post-text-editor::-webkit-input-placeholder{ + color:rgba(30,30,30,.62); +} +.edit-post-text-editor__body textarea.editor-post-text-editor::-moz-placeholder{ + color:rgba(30,30,30,.62); + opacity:1; +} +.edit-post-text-editor__body textarea.editor-post-text-editor:-ms-input-placeholder{ + color:rgba(30,30,30,.62); +} + +.editor-post-url__link-label{ + font-size:13px; + font-weight:400; + margin:0; +} +.editor-post-url__link{ + direction:ltr; + word-break:break-word; +} +.editor-post-url__link-slug{ + font-weight:600; +} + +.editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]{ + border:1px solid #1e1e1e; + border-radius:2px; + border-radius:50%; + box-shadow:0 0 0 transparent; + font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; + font-size:16px; + height:24px; + line-height:normal; + margin-right:12px; + margin-top:2px; + padding:6px 8px; + transition:box-shadow .1s linear; + transition:none; + width:24px; +} +@media (prefers-reduced-motion:reduce){ + .editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]{ + transition-delay:0s; + transition-duration:0s; } } -.edit-post-text-editor__body textarea.editor-post-text-editor:focus { - border-color: var(--wp-admin-theme-color); - box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); - position: relative; -} -.edit-post-text-editor__body textarea.editor-post-text-editor::-webkit-input-placeholder { - color: rgba(30, 30, 30, 0.62); -} -.edit-post-text-editor__body textarea.editor-post-text-editor::-moz-placeholder { - color: rgba(30, 30, 30, 0.62); - opacity: 1; -} -.edit-post-text-editor__body textarea.editor-post-text-editor:-ms-input-placeholder { - color: rgba(30, 30, 30, 0.62); -} - -.editor-post-url__link-label { - font-size: 13px; - font-weight: 400; - margin: 0; -} - -/* rtl:begin:ignore */ -.editor-post-url__link { - direction: ltr; - word-break: break-word; -} - -/* rtl:end:ignore */ -.editor-post-url__link-slug { - font-weight: 600; -} - -.editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio] { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - padding: 6px 8px; - box-shadow: 0 0 0 transparent; - transition: box-shadow 0.1s linear; - border-radius: 2px; - border: 1px solid #757575; - /* Fonts smaller than 16px causes mobile safari to zoom. */ - font-size: 16px; - /* Override core line-height. To be reviewed. */ - line-height: normal; - border: 1px solid #1e1e1e; - margin-right: 12px; - transition: none; - border-radius: 50%; - width: 24px; - height: 24px; - margin-top: 2px; -} -@media (prefers-reduced-motion: reduce) { - .editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio] { - transition-duration: 0s; - transition-delay: 0s; +@media (min-width:600px){ + .editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]{ + font-size:13px; + line-height:normal; } } -@media (min-width: 600px) { - .editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio] { - font-size: 13px; - /* Override core line-height. To be reviewed. */ - line-height: normal; +.editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]:focus{ + border-color:var(--wp-admin-theme-color); + box-shadow:0 0 0 1px var(--wp-admin-theme-color); +} +.editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]::-webkit-input-placeholder{ + color:rgba(30,30,30,.62); +} +.editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]::-moz-placeholder{ + color:rgba(30,30,30,.62); + opacity:1; +} +.editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]:-ms-input-placeholder{ + color:rgba(30,30,30,.62); +} +@media (min-width:600px){ + .editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]{ + height:20px; + width:20px; } } -.editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]:focus { - border-color: var(--wp-admin-theme-color); - box-shadow: 0 0 0 1px var(--wp-admin-theme-color); - outline: 2px solid transparent; +.editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]:checked:before{ + background-color:#fff; + border:4px solid #fff; + box-sizing:inherit; + height:8px; + margin:0; + transform:translate(7px, 7px); + width:8px; } -.editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]::-webkit-input-placeholder { - color: rgba(30, 30, 30, 0.62); -} -.editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]::-moz-placeholder { - opacity: 1; - color: rgba(30, 30, 30, 0.62); -} -.editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]:-ms-input-placeholder { - color: rgba(30, 30, 30, 0.62); -} -@media (min-width: 600px) { - .editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio] { - height: 20px; - width: 20px; +@media (min-width:600px){ + .editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]:checked:before{ + transform:translate(5px, 5px); } } -.editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]:checked::before { - box-sizing: inherit; - width: 8px; - height: 8px; - transform: translate(7px, 7px); - margin: 0; - background-color: #fff; - border: 4px solid #fff; +.editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]:focus{ + box-shadow:0 0 0 2px #fff, 0 0 0 4px var(--wp-admin-theme-color); + outline:2px solid transparent; } -@media (min-width: 600px) { - .editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]:checked::before { - transform: translate(5px, 5px); +.editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]:checked{ + background:var(--wp-admin-theme-color); + border-color:var(--wp-admin-theme-color); +} +.editor-post-visibility__fieldset .editor-post-visibility__info{ + color:#757575; + margin-left:36px; + margin-top:.5em; +} +@media (min-width:600px){ + .editor-post-visibility__fieldset .editor-post-visibility__info{ + margin-left:32px; } } -.editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]:focus { - box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--wp-admin-theme-color); - outline: 2px solid transparent; +.editor-post-visibility__fieldset .editor-post-visibility__choice:last-child .editor-post-visibility__info{ + margin-bottom:0; } -.editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]:checked { - background: var(--wp-admin-theme-color); - border-color: var(--wp-admin-theme-color); +.editor-post-visibility__fieldset .editor-post-visibility__password .editor-post-visibility__password-input[type=text]{ + border:1px solid #757575; + border-radius:2px; + box-shadow:0 0 0 transparent; + font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; + font-size:16px; + line-height:normal; + margin-left:32px; + padding:6px 8px; + transition:box-shadow .1s linear; + width:calc(100% - 32px); } -.editor-post-visibility__fieldset .editor-post-visibility__info { - color: #757575; - margin-left: 36px; - margin-top: 0.5em; -} -@media (min-width: 600px) { - .editor-post-visibility__fieldset .editor-post-visibility__info { - margin-left: 32px; +@media (prefers-reduced-motion:reduce){ + .editor-post-visibility__fieldset .editor-post-visibility__password .editor-post-visibility__password-input[type=text]{ + transition-delay:0s; + transition-duration:0s; } } -.editor-post-visibility__fieldset .editor-post-visibility__choice:last-child .editor-post-visibility__info { - margin-bottom: 0; -} -.editor-post-visibility__fieldset .editor-post-visibility__password .editor-post-visibility__password-input[type=text] { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - padding: 6px 8px; - box-shadow: 0 0 0 transparent; - transition: box-shadow 0.1s linear; - border-radius: 2px; - border: 1px solid #757575; - /* Fonts smaller than 16px causes mobile safari to zoom. */ - font-size: 16px; - /* Override core line-height. To be reviewed. */ - line-height: normal; - margin-left: 32px; - width: calc(100% - 32px); -} -@media (prefers-reduced-motion: reduce) { - .editor-post-visibility__fieldset .editor-post-visibility__password .editor-post-visibility__password-input[type=text] { - transition-duration: 0s; - transition-delay: 0s; +@media (min-width:600px){ + .editor-post-visibility__fieldset .editor-post-visibility__password .editor-post-visibility__password-input[type=text]{ + font-size:13px; + line-height:normal; } } -@media (min-width: 600px) { - .editor-post-visibility__fieldset .editor-post-visibility__password .editor-post-visibility__password-input[type=text] { - font-size: 13px; - /* Override core line-height. To be reviewed. */ - line-height: normal; +.editor-post-visibility__fieldset .editor-post-visibility__password .editor-post-visibility__password-input[type=text]:focus{ + border-color:var(--wp-admin-theme-color); + box-shadow:0 0 0 1px var(--wp-admin-theme-color); + outline:2px solid transparent; +} +.editor-post-visibility__fieldset .editor-post-visibility__password .editor-post-visibility__password-input[type=text]::-webkit-input-placeholder{ + color:rgba(30,30,30,.62); +} +.editor-post-visibility__fieldset .editor-post-visibility__password .editor-post-visibility__password-input[type=text]::-moz-placeholder{ + color:rgba(30,30,30,.62); + opacity:1; +} +.editor-post-visibility__fieldset .editor-post-visibility__password .editor-post-visibility__password-input[type=text]:-ms-input-placeholder{ + color:rgba(30,30,30,.62); +} + +.editor-post-title{ + position:relative; +} +.editor-post-title.is-focus-mode{ + opacity:.2; + transition:opacity .1s linear; +} +@media (prefers-reduced-motion:reduce){ + .editor-post-title.is-focus-mode{ + transition-delay:0s; + transition-duration:0s; } } -.editor-post-visibility__fieldset .editor-post-visibility__password .editor-post-visibility__password-input[type=text]:focus { - border-color: var(--wp-admin-theme-color); - box-shadow: 0 0 0 1px var(--wp-admin-theme-color); - outline: 2px solid transparent; -} -.editor-post-visibility__fieldset .editor-post-visibility__password .editor-post-visibility__password-input[type=text]::-webkit-input-placeholder { - color: rgba(30, 30, 30, 0.62); -} -.editor-post-visibility__fieldset .editor-post-visibility__password .editor-post-visibility__password-input[type=text]::-moz-placeholder { - opacity: 1; - color: rgba(30, 30, 30, 0.62); -} -.editor-post-visibility__fieldset .editor-post-visibility__password .editor-post-visibility__password-input[type=text]:-ms-input-placeholder { - color: rgba(30, 30, 30, 0.62); +.editor-post-title.is-focus-mode:focus{ + opacity:1; } -.editor-post-title { - position: relative; +.editor-post-trash.components-button{ + display:flex; + justify-content:center; + margin-top:4px; + width:100%; } -.editor-post-title.is-focus-mode { - opacity: 0.2; - transition: opacity 0.1s linear; + +.table-of-contents__popover.components-popover .components-popover__content{ + min-width:380px; } -@media (prefers-reduced-motion: reduce) { - .editor-post-title.is-focus-mode { - transition-duration: 0s; - transition-delay: 0s; + +.components-popover.table-of-contents__popover{ + z-index:99998; +} + +.table-of-contents__popover .components-popover__content{ + padding:16px; +} +@media (min-width:600px){ + .table-of-contents__popover .components-popover__content{ + max-height:calc(100vh - 120px); + overflow-y:auto; } } -.editor-post-title.is-focus-mode:focus { - opacity: 1; +.table-of-contents__popover hr{ + margin:10px -16px 0; } -.editor-post-trash.components-button { - display: flex; - justify-content: center; - margin-top: 4px; - width: 100%; +.table-of-contents__wrapper:focus:before{ + bottom:0; + box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); + content:""; + display:block; + left:0; + pointer-events:none; + position:absolute; + right:0; + top:0; } -.table-of-contents__popover.components-popover .components-popover__content { - min-width: 380px; +.table-of-contents__counts{ + display:flex; + flex-wrap:wrap; + margin:-8px 0 0; } -.components-popover.table-of-contents__popover { - z-index: 99998; +.table-of-contents__count{ + color:#1e1e1e; + display:flex; + flex-basis:33%; + flex-direction:column; + font-size:13px; + margin-bottom:0; + margin-top:8px; + padding-right:8px; +} +.table-of-contents__count:nth-child(4n){ + padding-right:0; } -.table-of-contents__popover .components-popover__content { - padding: 16px; -} -@media (min-width: 600px) { - .table-of-contents__popover .components-popover__content { - max-height: calc(100vh - 120px); - overflow-y: auto; - } -} -.table-of-contents__popover hr { - margin: 10px -16px 0; +.table-of-contents__number,.table-of-contents__popover .word-count{ + color:#1e1e1e; + font-size:21px; + font-weight:400; + line-height:30px; } -.table-of-contents__wrapper:focus::before { - content: ""; - display: block; - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); - pointer-events: none; +.table-of-contents__title{ + display:block; + font-size:15px; + font-weight:600; + margin-top:20px; } -.table-of-contents__counts { - display: flex; - flex-wrap: wrap; - margin: 0; - margin-top: -8px; +.editor-template-validation-notice{ + align-items:center; + display:flex; + justify-content:space-between; } - -.table-of-contents__count { - flex-basis: 33%; - display: flex; - flex-direction: column; - font-size: 13px; - color: #1e1e1e; - padding-right: 8px; - margin-bottom: 0; - margin-top: 8px; -} -.table-of-contents__count:nth-child(4n) { - padding-right: 0; -} - -.table-of-contents__number, -.table-of-contents__popover .word-count { - font-size: 21px; - font-weight: 400; - line-height: 30px; - color: #1e1e1e; -} - -.table-of-contents__title { - display: block; - margin-top: 20px; - font-size: 15px; - font-weight: 600; -} - -.editor-template-validation-notice { - display: flex; - justify-content: space-between; - align-items: center; -} -.editor-template-validation-notice .components-button { - margin-left: 5px; +.editor-template-validation-notice .components-button{ + margin-left:5px; } \ No newline at end of file diff --git a/wp-includes/css/dist/format-library/style-rtl.css b/wp-includes/css/dist/format-library/style-rtl.css index dc6c4185c6..07eee4504c 100644 --- a/wp-includes/css/dist/format-library/style-rtl.css +++ b/wp-includes/css/dist/format-library/style-rtl.css @@ -1,154 +1,78 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -:root { - --wp-admin-theme-color: #007cba; - --wp-admin-theme-color--rgb: 0, 124, 186; - --wp-admin-theme-color-darker-10: #006ba1; - --wp-admin-theme-color-darker-10--rgb: 0, 107, 161; - --wp-admin-theme-color-darker-20: #005a87; - --wp-admin-theme-color-darker-20--rgb: 0, 90, 135; - --wp-admin-border-width-focus: 2px; +:root{ + --wp-admin-theme-color:#007cba; + --wp-admin-theme-color--rgb:0, 124, 186; + --wp-admin-theme-color-darker-10:#006ba1; + --wp-admin-theme-color-darker-10--rgb:0, 107, 161; + --wp-admin-theme-color-darker-20:#005a87; + --wp-admin-theme-color-darker-20--rgb:0, 90, 135; + --wp-admin-border-width-focus:2px; } -@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { - :root { - --wp-admin-border-width-focus: 1.5px; +@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ + :root{ + --wp-admin-border-width-focus:1.5px; } } -.block-editor-format-toolbar__image-popover { - z-index: 159990; +.block-editor-format-toolbar__image-popover{ + z-index:159990; } -.block-editor-format-toolbar__image-container-content { - display: flex; +.block-editor-format-toolbar__image-container-content{ + display:flex; } -.block-editor-format-toolbar__image-container-content .components-button { - align-self: flex-end; - height: 30px; - margin-bottom: 8px; - margin-left: 8px; - padding: 0 6px; +.block-editor-format-toolbar__image-container-content .components-button{ + align-self:flex-end; + height:30px; + margin-bottom:8px; + margin-left:8px; + padding:0 6px; } -.block-editor-format-toolbar__image-container-value { - margin: 7px; - flex-grow: 1; - flex-shrink: 1; - white-space: nowrap; - min-width: 150px; - max-width: 500px; +.block-editor-format-toolbar__image-container-value{ + flex-grow:1; + flex-shrink:1; + margin:7px; + max-width:500px; + min-width:150px; + white-space:nowrap; } -.block-editor-format-toolbar__image-container-value.components-base-control .components-base-control__field { - margin-bottom: 0; +.block-editor-format-toolbar__image-container-value.components-base-control .components-base-control__field{ + margin-bottom:0; } -.block-editor-format-toolbar__image-container-value.components-base-control .components-base-control__label { - display: block; +.block-editor-format-toolbar__image-container-value.components-base-control .components-base-control__label{ + display:block; } -.block-editor-format-toolbar__link-container-content { - display: flex; +.block-editor-format-toolbar__link-container-content{ + display:flex; } -.block-editor-format-toolbar__link-container-value { - margin: 7px; - flex-grow: 1; - flex-shrink: 1; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - min-width: 150px; - max-width: 500px; +.block-editor-format-toolbar__link-container-value{ + flex-grow:1; + flex-shrink:1; + margin:7px; + max-width:500px; + min-width:150px; + overflow:hidden; + text-overflow:ellipsis; + white-space:nowrap; } -.block-editor-format-toolbar__link-container-value.has-invalid-link { - color: #cc1818; +.block-editor-format-toolbar__link-container-value.has-invalid-link{ + color:#cc1818; } -.components-inline-color-popover .components-popover__content .components-tab-panel__tab-content { - padding: 16px; +.components-inline-color-popover .components-popover__content .components-tab-panel__tab-content{ + padding:16px; } -.components-inline-color-popover .components-popover__content .components-color-palette { - margin-top: 0.6rem; +.components-inline-color-popover .components-popover__content .components-color-palette{ + margin-top:.6rem; } -.components-inline-color-popover .components-popover__content .components-base-control__title { - display: block; - margin-bottom: 16px; - font-weight: 600; - color: #191e23; +.components-inline-color-popover .components-popover__content .components-base-control__title{ + color:#191e23; + display:block; + font-weight:600; + margin-bottom:16px; } -.components-inline-color-popover .components-popover__content .component-color-indicator { - vertical-align: text-bottom; +.components-inline-color-popover .components-popover__content .component-color-indicator{ + vertical-align:text-bottom; } \ No newline at end of file diff --git a/wp-includes/css/dist/format-library/style.css b/wp-includes/css/dist/format-library/style.css index 7b5e321825..bcae68553c 100644 --- a/wp-includes/css/dist/format-library/style.css +++ b/wp-includes/css/dist/format-library/style.css @@ -1,154 +1,78 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -:root { - --wp-admin-theme-color: #007cba; - --wp-admin-theme-color--rgb: 0, 124, 186; - --wp-admin-theme-color-darker-10: #006ba1; - --wp-admin-theme-color-darker-10--rgb: 0, 107, 161; - --wp-admin-theme-color-darker-20: #005a87; - --wp-admin-theme-color-darker-20--rgb: 0, 90, 135; - --wp-admin-border-width-focus: 2px; +:root{ + --wp-admin-theme-color:#007cba; + --wp-admin-theme-color--rgb:0, 124, 186; + --wp-admin-theme-color-darker-10:#006ba1; + --wp-admin-theme-color-darker-10--rgb:0, 107, 161; + --wp-admin-theme-color-darker-20:#005a87; + --wp-admin-theme-color-darker-20--rgb:0, 90, 135; + --wp-admin-border-width-focus:2px; } -@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { - :root { - --wp-admin-border-width-focus: 1.5px; +@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ + :root{ + --wp-admin-border-width-focus:1.5px; } } -.block-editor-format-toolbar__image-popover { - z-index: 159990; +.block-editor-format-toolbar__image-popover{ + z-index:159990; } -.block-editor-format-toolbar__image-container-content { - display: flex; +.block-editor-format-toolbar__image-container-content{ + display:flex; } -.block-editor-format-toolbar__image-container-content .components-button { - align-self: flex-end; - height: 30px; - margin-bottom: 8px; - margin-right: 8px; - padding: 0 6px; +.block-editor-format-toolbar__image-container-content .components-button{ + align-self:flex-end; + height:30px; + margin-bottom:8px; + margin-right:8px; + padding:0 6px; } -.block-editor-format-toolbar__image-container-value { - margin: 7px; - flex-grow: 1; - flex-shrink: 1; - white-space: nowrap; - min-width: 150px; - max-width: 500px; +.block-editor-format-toolbar__image-container-value{ + flex-grow:1; + flex-shrink:1; + margin:7px; + max-width:500px; + min-width:150px; + white-space:nowrap; } -.block-editor-format-toolbar__image-container-value.components-base-control .components-base-control__field { - margin-bottom: 0; +.block-editor-format-toolbar__image-container-value.components-base-control .components-base-control__field{ + margin-bottom:0; } -.block-editor-format-toolbar__image-container-value.components-base-control .components-base-control__label { - display: block; +.block-editor-format-toolbar__image-container-value.components-base-control .components-base-control__label{ + display:block; } -.block-editor-format-toolbar__link-container-content { - display: flex; +.block-editor-format-toolbar__link-container-content{ + display:flex; } -.block-editor-format-toolbar__link-container-value { - margin: 7px; - flex-grow: 1; - flex-shrink: 1; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - min-width: 150px; - max-width: 500px; +.block-editor-format-toolbar__link-container-value{ + flex-grow:1; + flex-shrink:1; + margin:7px; + max-width:500px; + min-width:150px; + overflow:hidden; + text-overflow:ellipsis; + white-space:nowrap; } -.block-editor-format-toolbar__link-container-value.has-invalid-link { - color: #cc1818; +.block-editor-format-toolbar__link-container-value.has-invalid-link{ + color:#cc1818; } -.components-inline-color-popover .components-popover__content .components-tab-panel__tab-content { - padding: 16px; +.components-inline-color-popover .components-popover__content .components-tab-panel__tab-content{ + padding:16px; } -.components-inline-color-popover .components-popover__content .components-color-palette { - margin-top: 0.6rem; +.components-inline-color-popover .components-popover__content .components-color-palette{ + margin-top:.6rem; } -.components-inline-color-popover .components-popover__content .components-base-control__title { - display: block; - margin-bottom: 16px; - font-weight: 600; - color: #191e23; +.components-inline-color-popover .components-popover__content .components-base-control__title{ + color:#191e23; + display:block; + font-weight:600; + margin-bottom:16px; } -.components-inline-color-popover .components-popover__content .component-color-indicator { - vertical-align: text-bottom; +.components-inline-color-popover .components-popover__content .component-color-indicator{ + vertical-align:text-bottom; } \ No newline at end of file diff --git a/wp-includes/css/dist/list-reusable-blocks/style-rtl.css b/wp-includes/css/dist/list-reusable-blocks/style-rtl.css index 0ba507e43f..9179f1fd80 100644 --- a/wp-includes/css/dist/list-reusable-blocks/style-rtl.css +++ b/wp-includes/css/dist/list-reusable-blocks/style-rtl.css @@ -1,243 +1,167 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -:root { - --wp-admin-theme-color: #007cba; - --wp-admin-theme-color--rgb: 0, 124, 186; - --wp-admin-theme-color-darker-10: #006ba1; - --wp-admin-theme-color-darker-10--rgb: 0, 107, 161; - --wp-admin-theme-color-darker-20: #005a87; - --wp-admin-theme-color-darker-20--rgb: 0, 90, 135; - --wp-admin-border-width-focus: 2px; +:root{ + --wp-admin-theme-color:#007cba; + --wp-admin-theme-color--rgb:0, 124, 186; + --wp-admin-theme-color-darker-10:#006ba1; + --wp-admin-theme-color-darker-10--rgb:0, 107, 161; + --wp-admin-theme-color-darker-20:#005a87; + --wp-admin-theme-color-darker-20--rgb:0, 90, 135; + --wp-admin-border-width-focus:2px; } -@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { - :root { - --wp-admin-border-width-focus: 1.5px; +@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ + :root{ + --wp-admin-border-width-focus:1.5px; } } -.list-reusable-blocks-import-dropdown__content .components-popover__content { - padding: 10px; +.list-reusable-blocks-import-dropdown__content .components-popover__content{ + padding:10px; } -.list-reusable-blocks-import-form__label { - display: block; - margin-bottom: 10px; +.list-reusable-blocks-import-form__label{ + display:block; + margin-bottom:10px; } -.list-reusable-blocks-import-form__button { - margin-top: 10px; - margin-bottom: 10px; - float: left; +.list-reusable-blocks-import-form__button{ + float:left; + margin-bottom:10px; + margin-top:10px; } -.list-reusable-blocks-import-form .components-notice__content { - margin: 0; +.list-reusable-blocks-import-form .components-notice__content{ + margin:0; } -.list-reusable-blocks-import-form .components-notice.is-dismissible { - padding-left: 0; - margin: 5px 0; +.list-reusable-blocks-import-form .components-notice.is-dismissible{ + margin:5px 0; + padding-left:0; } -.list-reusable-blocks__container { - display: inline-flex; - align-items: center; - position: relative; - top: -3px; +.list-reusable-blocks__container{ + align-items:center; + display:inline-flex; + position:relative; + top:-3px; } -.list-reusable-blocks__container .components-button { - height: 26px; +.list-reusable-blocks__container .components-button{ + height:26px; } -body.admin-color-light { - --wp-admin-theme-color: #0085ba; - --wp-admin-theme-color--rgb: 0, 133, 186; - --wp-admin-theme-color-darker-10: #0073a1; - --wp-admin-theme-color-darker-10--rgb: 0, 115, 161; - --wp-admin-theme-color-darker-20: #006187; - --wp-admin-theme-color-darker-20--rgb: 0, 97, 135; - --wp-admin-border-width-focus: 2px; +body.admin-color-light{ + --wp-admin-theme-color:#0085ba; + --wp-admin-theme-color--rgb:0, 133, 186; + --wp-admin-theme-color-darker-10:#0073a1; + --wp-admin-theme-color-darker-10--rgb:0, 115, 161; + --wp-admin-theme-color-darker-20:#006187; + --wp-admin-theme-color-darker-20--rgb:0, 97, 135; + --wp-admin-border-width-focus:2px; } -@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { - body.admin-color-light { - --wp-admin-border-width-focus: 1.5px; +@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ + body.admin-color-light{ + --wp-admin-border-width-focus:1.5px; } } -body.admin-color-modern { - --wp-admin-theme-color: #3858e9; - --wp-admin-theme-color--rgb: 56, 88, 233; - --wp-admin-theme-color-darker-10: #2145e6; - --wp-admin-theme-color-darker-10--rgb: 33, 69, 230; - --wp-admin-theme-color-darker-20: #183ad6; - --wp-admin-theme-color-darker-20--rgb: 24, 58, 214; - --wp-admin-border-width-focus: 2px; +body.admin-color-modern{ + --wp-admin-theme-color:#3858e9; + --wp-admin-theme-color--rgb:56, 88, 233; + --wp-admin-theme-color-darker-10:#2145e6; + --wp-admin-theme-color-darker-10--rgb:33, 69, 230; + --wp-admin-theme-color-darker-20:#183ad6; + --wp-admin-theme-color-darker-20--rgb:24, 58, 214; + --wp-admin-border-width-focus:2px; } -@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { - body.admin-color-modern { - --wp-admin-border-width-focus: 1.5px; +@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ + body.admin-color-modern{ + --wp-admin-border-width-focus:1.5px; } } -body.admin-color-blue { - --wp-admin-theme-color: #096484; - --wp-admin-theme-color--rgb: 9, 100, 132; - --wp-admin-theme-color-darker-10: #07526c; - --wp-admin-theme-color-darker-10--rgb: 7, 82, 108; - --wp-admin-theme-color-darker-20: #064054; - --wp-admin-theme-color-darker-20--rgb: 6, 64, 84; - --wp-admin-border-width-focus: 2px; +body.admin-color-blue{ + --wp-admin-theme-color:#096484; + --wp-admin-theme-color--rgb:9, 100, 132; + --wp-admin-theme-color-darker-10:#07526c; + --wp-admin-theme-color-darker-10--rgb:7, 82, 108; + --wp-admin-theme-color-darker-20:#064054; + --wp-admin-theme-color-darker-20--rgb:6, 64, 84; + --wp-admin-border-width-focus:2px; } -@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { - body.admin-color-blue { - --wp-admin-border-width-focus: 1.5px; +@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ + body.admin-color-blue{ + --wp-admin-border-width-focus:1.5px; } } -body.admin-color-coffee { - --wp-admin-theme-color: #46403c; - --wp-admin-theme-color--rgb: 70, 64, 60; - --wp-admin-theme-color-darker-10: #383330; - --wp-admin-theme-color-darker-10--rgb: 56, 51, 48; - --wp-admin-theme-color-darker-20: #2b2724; - --wp-admin-theme-color-darker-20--rgb: 43, 39, 36; - --wp-admin-border-width-focus: 2px; +body.admin-color-coffee{ + --wp-admin-theme-color:#46403c; + --wp-admin-theme-color--rgb:70, 64, 60; + --wp-admin-theme-color-darker-10:#383330; + --wp-admin-theme-color-darker-10--rgb:56, 51, 48; + --wp-admin-theme-color-darker-20:#2b2724; + --wp-admin-theme-color-darker-20--rgb:43, 39, 36; + --wp-admin-border-width-focus:2px; } -@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { - body.admin-color-coffee { - --wp-admin-border-width-focus: 1.5px; +@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ + body.admin-color-coffee{ + --wp-admin-border-width-focus:1.5px; } } -body.admin-color-ectoplasm { - --wp-admin-theme-color: #523f6d; - --wp-admin-theme-color--rgb: 82, 63, 109; - --wp-admin-theme-color-darker-10: #46365d; - --wp-admin-theme-color-darker-10--rgb: 70, 54, 93; - --wp-admin-theme-color-darker-20: #3a2c4d; - --wp-admin-theme-color-darker-20--rgb: 58, 44, 77; - --wp-admin-border-width-focus: 2px; +body.admin-color-ectoplasm{ + --wp-admin-theme-color:#523f6d; + --wp-admin-theme-color--rgb:82, 63, 109; + --wp-admin-theme-color-darker-10:#46365d; + --wp-admin-theme-color-darker-10--rgb:70, 54, 93; + --wp-admin-theme-color-darker-20:#3a2c4d; + --wp-admin-theme-color-darker-20--rgb:58, 44, 77; + --wp-admin-border-width-focus:2px; } -@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { - body.admin-color-ectoplasm { - --wp-admin-border-width-focus: 1.5px; +@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ + body.admin-color-ectoplasm{ + --wp-admin-border-width-focus:1.5px; } } -body.admin-color-midnight { - --wp-admin-theme-color: #e14d43; - --wp-admin-theme-color--rgb: 225, 77, 67; - --wp-admin-theme-color-darker-10: #dd382d; - --wp-admin-theme-color-darker-10--rgb: 221, 56, 45; - --wp-admin-theme-color-darker-20: #d02c21; - --wp-admin-theme-color-darker-20--rgb: 208, 44, 33; - --wp-admin-border-width-focus: 2px; +body.admin-color-midnight{ + --wp-admin-theme-color:#e14d43; + --wp-admin-theme-color--rgb:225, 77, 67; + --wp-admin-theme-color-darker-10:#dd382d; + --wp-admin-theme-color-darker-10--rgb:221, 56, 45; + --wp-admin-theme-color-darker-20:#d02c21; + --wp-admin-theme-color-darker-20--rgb:208, 44, 33; + --wp-admin-border-width-focus:2px; } -@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { - body.admin-color-midnight { - --wp-admin-border-width-focus: 1.5px; +@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ + body.admin-color-midnight{ + --wp-admin-border-width-focus:1.5px; } } -body.admin-color-ocean { - --wp-admin-theme-color: #627c83; - --wp-admin-theme-color--rgb: 98, 124, 131; - --wp-admin-theme-color-darker-10: #576e74; - --wp-admin-theme-color-darker-10--rgb: 87, 110, 116; - --wp-admin-theme-color-darker-20: #4c6066; - --wp-admin-theme-color-darker-20--rgb: 76, 96, 102; - --wp-admin-border-width-focus: 2px; +body.admin-color-ocean{ + --wp-admin-theme-color:#627c83; + --wp-admin-theme-color--rgb:98, 124, 131; + --wp-admin-theme-color-darker-10:#576e74; + --wp-admin-theme-color-darker-10--rgb:87, 110, 116; + --wp-admin-theme-color-darker-20:#4c6066; + --wp-admin-theme-color-darker-20--rgb:76, 96, 102; + --wp-admin-border-width-focus:2px; } -@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { - body.admin-color-ocean { - --wp-admin-border-width-focus: 1.5px; +@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ + body.admin-color-ocean{ + --wp-admin-border-width-focus:1.5px; } } -body.admin-color-sunrise { - --wp-admin-theme-color: #dd823b; - --wp-admin-theme-color--rgb: 221, 130, 59; - --wp-admin-theme-color-darker-10: #d97426; - --wp-admin-theme-color-darker-10--rgb: 217, 116, 38; - --wp-admin-theme-color-darker-20: #c36922; - --wp-admin-theme-color-darker-20--rgb: 195, 105, 34; - --wp-admin-border-width-focus: 2px; +body.admin-color-sunrise{ + --wp-admin-theme-color:#dd823b; + --wp-admin-theme-color--rgb:221, 130, 59; + --wp-admin-theme-color-darker-10:#d97426; + --wp-admin-theme-color-darker-10--rgb:217, 116, 38; + --wp-admin-theme-color-darker-20:#c36922; + --wp-admin-theme-color-darker-20--rgb:195, 105, 34; + --wp-admin-border-width-focus:2px; } -@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { - body.admin-color-sunrise { - --wp-admin-border-width-focus: 1.5px; +@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ + body.admin-color-sunrise{ + --wp-admin-border-width-focus:1.5px; } } \ No newline at end of file diff --git a/wp-includes/css/dist/list-reusable-blocks/style.css b/wp-includes/css/dist/list-reusable-blocks/style.css index dae788c345..f5b5fdb4ac 100644 --- a/wp-includes/css/dist/list-reusable-blocks/style.css +++ b/wp-includes/css/dist/list-reusable-blocks/style.css @@ -1,243 +1,167 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -:root { - --wp-admin-theme-color: #007cba; - --wp-admin-theme-color--rgb: 0, 124, 186; - --wp-admin-theme-color-darker-10: #006ba1; - --wp-admin-theme-color-darker-10--rgb: 0, 107, 161; - --wp-admin-theme-color-darker-20: #005a87; - --wp-admin-theme-color-darker-20--rgb: 0, 90, 135; - --wp-admin-border-width-focus: 2px; +:root{ + --wp-admin-theme-color:#007cba; + --wp-admin-theme-color--rgb:0, 124, 186; + --wp-admin-theme-color-darker-10:#006ba1; + --wp-admin-theme-color-darker-10--rgb:0, 107, 161; + --wp-admin-theme-color-darker-20:#005a87; + --wp-admin-theme-color-darker-20--rgb:0, 90, 135; + --wp-admin-border-width-focus:2px; } -@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { - :root { - --wp-admin-border-width-focus: 1.5px; +@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ + :root{ + --wp-admin-border-width-focus:1.5px; } } -.list-reusable-blocks-import-dropdown__content .components-popover__content { - padding: 10px; +.list-reusable-blocks-import-dropdown__content .components-popover__content{ + padding:10px; } -.list-reusable-blocks-import-form__label { - display: block; - margin-bottom: 10px; +.list-reusable-blocks-import-form__label{ + display:block; + margin-bottom:10px; } -.list-reusable-blocks-import-form__button { - margin-top: 10px; - margin-bottom: 10px; - float: right; +.list-reusable-blocks-import-form__button{ + float:right; + margin-bottom:10px; + margin-top:10px; } -.list-reusable-blocks-import-form .components-notice__content { - margin: 0; +.list-reusable-blocks-import-form .components-notice__content{ + margin:0; } -.list-reusable-blocks-import-form .components-notice.is-dismissible { - padding-right: 0; - margin: 5px 0; +.list-reusable-blocks-import-form .components-notice.is-dismissible{ + margin:5px 0; + padding-right:0; } -.list-reusable-blocks__container { - display: inline-flex; - align-items: center; - position: relative; - top: -3px; +.list-reusable-blocks__container{ + align-items:center; + display:inline-flex; + position:relative; + top:-3px; } -.list-reusable-blocks__container .components-button { - height: 26px; +.list-reusable-blocks__container .components-button{ + height:26px; } -body.admin-color-light { - --wp-admin-theme-color: #0085ba; - --wp-admin-theme-color--rgb: 0, 133, 186; - --wp-admin-theme-color-darker-10: #0073a1; - --wp-admin-theme-color-darker-10--rgb: 0, 115, 161; - --wp-admin-theme-color-darker-20: #006187; - --wp-admin-theme-color-darker-20--rgb: 0, 97, 135; - --wp-admin-border-width-focus: 2px; +body.admin-color-light{ + --wp-admin-theme-color:#0085ba; + --wp-admin-theme-color--rgb:0, 133, 186; + --wp-admin-theme-color-darker-10:#0073a1; + --wp-admin-theme-color-darker-10--rgb:0, 115, 161; + --wp-admin-theme-color-darker-20:#006187; + --wp-admin-theme-color-darker-20--rgb:0, 97, 135; + --wp-admin-border-width-focus:2px; } -@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { - body.admin-color-light { - --wp-admin-border-width-focus: 1.5px; +@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ + body.admin-color-light{ + --wp-admin-border-width-focus:1.5px; } } -body.admin-color-modern { - --wp-admin-theme-color: #3858e9; - --wp-admin-theme-color--rgb: 56, 88, 233; - --wp-admin-theme-color-darker-10: #2145e6; - --wp-admin-theme-color-darker-10--rgb: 33, 69, 230; - --wp-admin-theme-color-darker-20: #183ad6; - --wp-admin-theme-color-darker-20--rgb: 24, 58, 214; - --wp-admin-border-width-focus: 2px; +body.admin-color-modern{ + --wp-admin-theme-color:#3858e9; + --wp-admin-theme-color--rgb:56, 88, 233; + --wp-admin-theme-color-darker-10:#2145e6; + --wp-admin-theme-color-darker-10--rgb:33, 69, 230; + --wp-admin-theme-color-darker-20:#183ad6; + --wp-admin-theme-color-darker-20--rgb:24, 58, 214; + --wp-admin-border-width-focus:2px; } -@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { - body.admin-color-modern { - --wp-admin-border-width-focus: 1.5px; +@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ + body.admin-color-modern{ + --wp-admin-border-width-focus:1.5px; } } -body.admin-color-blue { - --wp-admin-theme-color: #096484; - --wp-admin-theme-color--rgb: 9, 100, 132; - --wp-admin-theme-color-darker-10: #07526c; - --wp-admin-theme-color-darker-10--rgb: 7, 82, 108; - --wp-admin-theme-color-darker-20: #064054; - --wp-admin-theme-color-darker-20--rgb: 6, 64, 84; - --wp-admin-border-width-focus: 2px; +body.admin-color-blue{ + --wp-admin-theme-color:#096484; + --wp-admin-theme-color--rgb:9, 100, 132; + --wp-admin-theme-color-darker-10:#07526c; + --wp-admin-theme-color-darker-10--rgb:7, 82, 108; + --wp-admin-theme-color-darker-20:#064054; + --wp-admin-theme-color-darker-20--rgb:6, 64, 84; + --wp-admin-border-width-focus:2px; } -@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { - body.admin-color-blue { - --wp-admin-border-width-focus: 1.5px; +@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ + body.admin-color-blue{ + --wp-admin-border-width-focus:1.5px; } } -body.admin-color-coffee { - --wp-admin-theme-color: #46403c; - --wp-admin-theme-color--rgb: 70, 64, 60; - --wp-admin-theme-color-darker-10: #383330; - --wp-admin-theme-color-darker-10--rgb: 56, 51, 48; - --wp-admin-theme-color-darker-20: #2b2724; - --wp-admin-theme-color-darker-20--rgb: 43, 39, 36; - --wp-admin-border-width-focus: 2px; +body.admin-color-coffee{ + --wp-admin-theme-color:#46403c; + --wp-admin-theme-color--rgb:70, 64, 60; + --wp-admin-theme-color-darker-10:#383330; + --wp-admin-theme-color-darker-10--rgb:56, 51, 48; + --wp-admin-theme-color-darker-20:#2b2724; + --wp-admin-theme-color-darker-20--rgb:43, 39, 36; + --wp-admin-border-width-focus:2px; } -@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { - body.admin-color-coffee { - --wp-admin-border-width-focus: 1.5px; +@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ + body.admin-color-coffee{ + --wp-admin-border-width-focus:1.5px; } } -body.admin-color-ectoplasm { - --wp-admin-theme-color: #523f6d; - --wp-admin-theme-color--rgb: 82, 63, 109; - --wp-admin-theme-color-darker-10: #46365d; - --wp-admin-theme-color-darker-10--rgb: 70, 54, 93; - --wp-admin-theme-color-darker-20: #3a2c4d; - --wp-admin-theme-color-darker-20--rgb: 58, 44, 77; - --wp-admin-border-width-focus: 2px; +body.admin-color-ectoplasm{ + --wp-admin-theme-color:#523f6d; + --wp-admin-theme-color--rgb:82, 63, 109; + --wp-admin-theme-color-darker-10:#46365d; + --wp-admin-theme-color-darker-10--rgb:70, 54, 93; + --wp-admin-theme-color-darker-20:#3a2c4d; + --wp-admin-theme-color-darker-20--rgb:58, 44, 77; + --wp-admin-border-width-focus:2px; } -@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { - body.admin-color-ectoplasm { - --wp-admin-border-width-focus: 1.5px; +@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ + body.admin-color-ectoplasm{ + --wp-admin-border-width-focus:1.5px; } } -body.admin-color-midnight { - --wp-admin-theme-color: #e14d43; - --wp-admin-theme-color--rgb: 225, 77, 67; - --wp-admin-theme-color-darker-10: #dd382d; - --wp-admin-theme-color-darker-10--rgb: 221, 56, 45; - --wp-admin-theme-color-darker-20: #d02c21; - --wp-admin-theme-color-darker-20--rgb: 208, 44, 33; - --wp-admin-border-width-focus: 2px; +body.admin-color-midnight{ + --wp-admin-theme-color:#e14d43; + --wp-admin-theme-color--rgb:225, 77, 67; + --wp-admin-theme-color-darker-10:#dd382d; + --wp-admin-theme-color-darker-10--rgb:221, 56, 45; + --wp-admin-theme-color-darker-20:#d02c21; + --wp-admin-theme-color-darker-20--rgb:208, 44, 33; + --wp-admin-border-width-focus:2px; } -@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { - body.admin-color-midnight { - --wp-admin-border-width-focus: 1.5px; +@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ + body.admin-color-midnight{ + --wp-admin-border-width-focus:1.5px; } } -body.admin-color-ocean { - --wp-admin-theme-color: #627c83; - --wp-admin-theme-color--rgb: 98, 124, 131; - --wp-admin-theme-color-darker-10: #576e74; - --wp-admin-theme-color-darker-10--rgb: 87, 110, 116; - --wp-admin-theme-color-darker-20: #4c6066; - --wp-admin-theme-color-darker-20--rgb: 76, 96, 102; - --wp-admin-border-width-focus: 2px; +body.admin-color-ocean{ + --wp-admin-theme-color:#627c83; + --wp-admin-theme-color--rgb:98, 124, 131; + --wp-admin-theme-color-darker-10:#576e74; + --wp-admin-theme-color-darker-10--rgb:87, 110, 116; + --wp-admin-theme-color-darker-20:#4c6066; + --wp-admin-theme-color-darker-20--rgb:76, 96, 102; + --wp-admin-border-width-focus:2px; } -@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { - body.admin-color-ocean { - --wp-admin-border-width-focus: 1.5px; +@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ + body.admin-color-ocean{ + --wp-admin-border-width-focus:1.5px; } } -body.admin-color-sunrise { - --wp-admin-theme-color: #dd823b; - --wp-admin-theme-color--rgb: 221, 130, 59; - --wp-admin-theme-color-darker-10: #d97426; - --wp-admin-theme-color-darker-10--rgb: 217, 116, 38; - --wp-admin-theme-color-darker-20: #c36922; - --wp-admin-theme-color-darker-20--rgb: 195, 105, 34; - --wp-admin-border-width-focus: 2px; +body.admin-color-sunrise{ + --wp-admin-theme-color:#dd823b; + --wp-admin-theme-color--rgb:221, 130, 59; + --wp-admin-theme-color-darker-10:#d97426; + --wp-admin-theme-color-darker-10--rgb:217, 116, 38; + --wp-admin-theme-color-darker-20:#c36922; + --wp-admin-theme-color-darker-20--rgb:195, 105, 34; + --wp-admin-border-width-focus:2px; } -@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { - body.admin-color-sunrise { - --wp-admin-border-width-focus: 1.5px; +@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ + body.admin-color-sunrise{ + --wp-admin-border-width-focus:1.5px; } } \ No newline at end of file diff --git a/wp-includes/css/dist/nux/style-rtl.css b/wp-includes/css/dist/nux/style-rtl.css index 08cf9c9e9f..14450f2e8e 100644 --- a/wp-includes/css/dist/nux/style-rtl.css +++ b/wp-includes/css/dist/nux/style-rtl.css @@ -1,184 +1,108 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -:root { - --wp-admin-theme-color: #007cba; - --wp-admin-theme-color--rgb: 0, 124, 186; - --wp-admin-theme-color-darker-10: #006ba1; - --wp-admin-theme-color-darker-10--rgb: 0, 107, 161; - --wp-admin-theme-color-darker-20: #005a87; - --wp-admin-theme-color-darker-20--rgb: 0, 90, 135; - --wp-admin-border-width-focus: 2px; +:root{ + --wp-admin-theme-color:#007cba; + --wp-admin-theme-color--rgb:0, 124, 186; + --wp-admin-theme-color-darker-10:#006ba1; + --wp-admin-theme-color-darker-10--rgb:0, 107, 161; + --wp-admin-theme-color-darker-20:#005a87; + --wp-admin-theme-color-darker-20--rgb:0, 90, 135; + --wp-admin-border-width-focus:2px; } -@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { - :root { - --wp-admin-border-width-focus: 1.5px; +@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ + :root{ + --wp-admin-border-width-focus:1.5px; } } -.nux-dot-tip::before, .nux-dot-tip::after { - border-radius: 100%; - content: " "; - pointer-events: none; - position: absolute; +.nux-dot-tip:after,.nux-dot-tip:before{ + border-radius:100%; + content:" "; + pointer-events:none; + position:absolute; } -.nux-dot-tip::before { - animation: nux-pulse 1.6s infinite cubic-bezier(0.17, 0.67, 0.92, 0.62); - background: rgba(0, 115, 156, 0.9); - opacity: 0.9; - height: 24px; - right: -12px; - top: -12px; - transform: scale(0.3333333333); - width: 24px; +.nux-dot-tip:before{ + animation:nux-pulse 1.6s cubic-bezier(.17, .67, .92, .62) infinite; + background:rgba(0,115,156,.9); + height:24px; + opacity:.9; + right:-12px; + top:-12px; + transform:scale(.3333333333); + width:24px; } -.nux-dot-tip::after { - background: #00739c; - height: 8px; - right: -4px; - top: -4px; - width: 8px; +.nux-dot-tip:after{ + background:#00739c; + height:8px; + right:-4px; + top:-4px; + width:8px; } -@keyframes nux-pulse { - 100% { - background: rgba(0, 115, 156, 0); - transform: scale(1); +@keyframes nux-pulse{ + to{ + background:rgba(0,115,156,0); + transform:scale(1); } } -.nux-dot-tip .components-popover__content { - width: 350px; - padding: 20px 18px; +.nux-dot-tip .components-popover__content{ + padding:20px 18px; + width:350px; } -@media (min-width: 600px) { - .nux-dot-tip .components-popover__content { - width: 450px; +@media (min-width:600px){ + .nux-dot-tip .components-popover__content{ + width:450px; } } -.nux-dot-tip .components-popover__content .nux-dot-tip__disable { - position: absolute; - left: 0; - top: 0; +.nux-dot-tip .components-popover__content .nux-dot-tip__disable{ + left:0; + position:absolute; + top:0; } -.nux-dot-tip[data-y-axis=top] { - margin-top: -4px; +.nux-dot-tip[data-y-axis=top]{ + margin-top:-4px; } -.nux-dot-tip[data-y-axis=bottom] { - margin-top: 4px; +.nux-dot-tip[data-y-axis=bottom]{ + margin-top:4px; } -.nux-dot-tip[data-y-axis=middle][data-y-axis=left] { - margin-right: -4px; +.nux-dot-tip[data-y-axis=middle][data-y-axis=left]{ + margin-right:-4px; } -.nux-dot-tip[data-y-axis=middle][data-y-axis=right] { - margin-right: 4px; +.nux-dot-tip[data-y-axis=middle][data-y-axis=right]{ + margin-right:4px; } -.nux-dot-tip[data-y-axis=top] .components-popover__content { - margin-bottom: 20px; +.nux-dot-tip[data-y-axis=top] .components-popover__content{ + margin-bottom:20px; } -.nux-dot-tip[data-y-axis=bottom] .components-popover__content { - margin-top: 20px; +.nux-dot-tip[data-y-axis=bottom] .components-popover__content{ + margin-top:20px; } -.nux-dot-tip[data-y-axis=middle][data-y-axis=left] .components-popover__content { - margin-left: 20px; +.nux-dot-tip[data-y-axis=middle][data-y-axis=left] .components-popover__content{ + margin-left:20px; } -.nux-dot-tip[data-y-axis=middle][data-y-axis=right] .components-popover__content { - margin-right: 20px; +.nux-dot-tip[data-y-axis=middle][data-y-axis=right] .components-popover__content{ + margin-right:20px; } -.nux-dot-tip[data-y-axis=left], .nux-dot-tip[data-y-axis=center], .nux-dot-tip[data-y-axis=right] { - z-index: 1000001; +.nux-dot-tip[data-y-axis=center],.nux-dot-tip[data-y-axis=left],.nux-dot-tip[data-y-axis=right]{ + z-index:1000001; } -@media (max-width: 600px) { - .nux-dot-tip[data-y-axis=left] .components-popover__content, .nux-dot-tip[data-y-axis=center] .components-popover__content, .nux-dot-tip[data-y-axis=right] .components-popover__content { - align-self: end; - right: 5px; - margin: 20px 0 0 0; - max-width: none !important; - position: fixed; - left: 5px; - width: auto; +@media (max-width:600px){ + .nux-dot-tip[data-y-axis=center] .components-popover__content,.nux-dot-tip[data-y-axis=left] .components-popover__content,.nux-dot-tip[data-y-axis=right] .components-popover__content{ + align-self:end; + left:5px; + margin:20px 0 0; + max-width:none !important; + position:fixed; + right:5px; + width:auto; } } -.nux-dot-tip.components-popover:not([data-y-axis=middle])[data-y-axis=right] .components-popover__content { - margin-left: 0; +.nux-dot-tip.components-popover:not([data-y-axis=middle])[data-y-axis=right] .components-popover__content{ + margin-left:0; } -.nux-dot-tip.components-popover:not([data-y-axis=middle])[data-y-axis=left] .components-popover__content { - margin-right: 0; +.nux-dot-tip.components-popover:not([data-y-axis=middle])[data-y-axis=left] .components-popover__content{ + margin-right:0; } -.nux-dot-tip.components-popover.interface-more-menu-dropdown__content:not([data-y-axis=middle])[data-y-axis=right] .components-popover__content { - margin-left: -12px; +.nux-dot-tip.components-popover.interface-more-menu-dropdown__content:not([data-y-axis=middle])[data-y-axis=right] .components-popover__content{ + margin-left:-12px; } -.nux-dot-tip.components-popover.interface-more-menu-dropdown__content:not([data-y-axis=middle])[data-y-axis=left] .components-popover__content { - margin-right: -12px; +.nux-dot-tip.components-popover.interface-more-menu-dropdown__content:not([data-y-axis=middle])[data-y-axis=left] .components-popover__content{ + margin-right:-12px; } \ No newline at end of file diff --git a/wp-includes/css/dist/nux/style.css b/wp-includes/css/dist/nux/style.css index 5249b3117d..b55bf15511 100644 --- a/wp-includes/css/dist/nux/style.css +++ b/wp-includes/css/dist/nux/style.css @@ -1,188 +1,108 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -:root { - --wp-admin-theme-color: #007cba; - --wp-admin-theme-color--rgb: 0, 124, 186; - --wp-admin-theme-color-darker-10: #006ba1; - --wp-admin-theme-color-darker-10--rgb: 0, 107, 161; - --wp-admin-theme-color-darker-20: #005a87; - --wp-admin-theme-color-darker-20--rgb: 0, 90, 135; - --wp-admin-border-width-focus: 2px; +:root{ + --wp-admin-theme-color:#007cba; + --wp-admin-theme-color--rgb:0, 124, 186; + --wp-admin-theme-color-darker-10:#006ba1; + --wp-admin-theme-color-darker-10--rgb:0, 107, 161; + --wp-admin-theme-color-darker-20:#005a87; + --wp-admin-theme-color-darker-20--rgb:0, 90, 135; + --wp-admin-border-width-focus:2px; } -@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { - :root { - --wp-admin-border-width-focus: 1.5px; +@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ + :root{ + --wp-admin-border-width-focus:1.5px; } } -.nux-dot-tip::before, .nux-dot-tip::after { - border-radius: 100%; - content: " "; - pointer-events: none; - position: absolute; +.nux-dot-tip:after,.nux-dot-tip:before{ + border-radius:100%; + content:" "; + pointer-events:none; + position:absolute; } -.nux-dot-tip::before { - animation: nux-pulse 1.6s infinite cubic-bezier(0.17, 0.67, 0.92, 0.62); - background: rgba(0, 115, 156, 0.9); - opacity: 0.9; - height: 24px; - left: -12px; - top: -12px; - transform: scale(0.3333333333); - width: 24px; +.nux-dot-tip:before{ + animation:nux-pulse 1.6s cubic-bezier(.17, .67, .92, .62) infinite; + background:rgba(0,115,156,.9); + height:24px; + left:-12px; + opacity:.9; + top:-12px; + transform:scale(.3333333333); + width:24px; } -.nux-dot-tip::after { - background: #00739c; - height: 8px; - left: -4px; - top: -4px; - width: 8px; +.nux-dot-tip:after{ + background:#00739c; + height:8px; + left:-4px; + top:-4px; + width:8px; } -@keyframes nux-pulse { - 100% { - background: rgba(0, 115, 156, 0); - transform: scale(1); +@keyframes nux-pulse{ + to{ + background:rgba(0,115,156,0); + transform:scale(1); } } -.nux-dot-tip .components-popover__content { - width: 350px; - padding: 20px 18px; +.nux-dot-tip .components-popover__content{ + padding:20px 18px; + width:350px; } -@media (min-width: 600px) { - .nux-dot-tip .components-popover__content { - width: 450px; +@media (min-width:600px){ + .nux-dot-tip .components-popover__content{ + width:450px; } } -.nux-dot-tip .components-popover__content .nux-dot-tip__disable { - position: absolute; - right: 0; - top: 0; +.nux-dot-tip .components-popover__content .nux-dot-tip__disable{ + position:absolute; + right:0; + top:0; } -.nux-dot-tip[data-y-axis=top] { - margin-top: -4px; +.nux-dot-tip[data-y-axis=top]{ + margin-top:-4px; } -.nux-dot-tip[data-y-axis=bottom] { - margin-top: 4px; +.nux-dot-tip[data-y-axis=bottom]{ + margin-top:4px; } -.nux-dot-tip[data-y-axis=middle][data-y-axis=left] { - margin-left: -4px; +.nux-dot-tip[data-y-axis=middle][data-y-axis=left]{ + margin-left:-4px; } -.nux-dot-tip[data-y-axis=middle][data-y-axis=right] { - margin-left: 4px; +.nux-dot-tip[data-y-axis=middle][data-y-axis=right]{ + margin-left:4px; } -.nux-dot-tip[data-y-axis=top] .components-popover__content { - margin-bottom: 20px; +.nux-dot-tip[data-y-axis=top] .components-popover__content{ + margin-bottom:20px; } -.nux-dot-tip[data-y-axis=bottom] .components-popover__content { - margin-top: 20px; +.nux-dot-tip[data-y-axis=bottom] .components-popover__content{ + margin-top:20px; } -.nux-dot-tip[data-y-axis=middle][data-y-axis=left] .components-popover__content { - margin-right: 20px; +.nux-dot-tip[data-y-axis=middle][data-y-axis=left] .components-popover__content{ + margin-right:20px; } -.nux-dot-tip[data-y-axis=middle][data-y-axis=right] .components-popover__content { - margin-left: 20px; +.nux-dot-tip[data-y-axis=middle][data-y-axis=right] .components-popover__content{ + margin-left:20px; } -.nux-dot-tip[data-y-axis=left], .nux-dot-tip[data-y-axis=center], .nux-dot-tip[data-y-axis=right] { - z-index: 1000001; +.nux-dot-tip[data-y-axis=center],.nux-dot-tip[data-y-axis=left],.nux-dot-tip[data-y-axis=right]{ + z-index:1000001; } -@media (max-width: 600px) { - .nux-dot-tip[data-y-axis=left] .components-popover__content, .nux-dot-tip[data-y-axis=center] .components-popover__content, .nux-dot-tip[data-y-axis=right] .components-popover__content { - align-self: end; - left: 5px; - margin: 20px 0 0 0; - max-width: none !important; - position: fixed; - right: 5px; - width: auto; +@media (max-width:600px){ + .nux-dot-tip[data-y-axis=center] .components-popover__content,.nux-dot-tip[data-y-axis=left] .components-popover__content,.nux-dot-tip[data-y-axis=right] .components-popover__content{ + align-self:end; + left:5px; + margin:20px 0 0; + max-width:none !important; + position:fixed; + right:5px; + width:auto; } } -.nux-dot-tip.components-popover:not([data-y-axis=middle])[data-y-axis=right] .components-popover__content { - /*!rtl:ignore*/ - margin-left: 0; +.nux-dot-tip.components-popover:not([data-y-axis=middle])[data-y-axis=right] .components-popover__content{ + margin-left:0; } -.nux-dot-tip.components-popover:not([data-y-axis=middle])[data-y-axis=left] .components-popover__content { - /*!rtl:ignore*/ - margin-right: 0; +.nux-dot-tip.components-popover:not([data-y-axis=middle])[data-y-axis=left] .components-popover__content{ + margin-right:0; } -.nux-dot-tip.components-popover.interface-more-menu-dropdown__content:not([data-y-axis=middle])[data-y-axis=right] .components-popover__content { - /*!rtl:ignore*/ - margin-left: -12px; +.nux-dot-tip.components-popover.interface-more-menu-dropdown__content:not([data-y-axis=middle])[data-y-axis=right] .components-popover__content{ + margin-left:-12px; } -.nux-dot-tip.components-popover.interface-more-menu-dropdown__content:not([data-y-axis=middle])[data-y-axis=left] .components-popover__content { - /*!rtl:ignore*/ - margin-right: -12px; +.nux-dot-tip.components-popover.interface-more-menu-dropdown__content:not([data-y-axis=middle])[data-y-axis=left] .components-popover__content{ + margin-right:-12px; } \ No newline at end of file diff --git a/wp-includes/css/dist/reusable-blocks/style-rtl.css b/wp-includes/css/dist/reusable-blocks/style-rtl.css index d174e129e5..c7f0c903a6 100644 --- a/wp-includes/css/dist/reusable-blocks/style-rtl.css +++ b/wp-includes/css/dist/reusable-blocks/style-rtl.css @@ -1,98 +1,22 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -:root { - --wp-admin-theme-color: #007cba; - --wp-admin-theme-color--rgb: 0, 124, 186; - --wp-admin-theme-color-darker-10: #006ba1; - --wp-admin-theme-color-darker-10--rgb: 0, 107, 161; - --wp-admin-theme-color-darker-20: #005a87; - --wp-admin-theme-color-darker-20--rgb: 0, 90, 135; - --wp-admin-border-width-focus: 2px; +:root{ + --wp-admin-theme-color:#007cba; + --wp-admin-theme-color--rgb:0, 124, 186; + --wp-admin-theme-color-darker-10:#006ba1; + --wp-admin-theme-color-darker-10--rgb:0, 107, 161; + --wp-admin-theme-color-darker-20:#005a87; + --wp-admin-theme-color-darker-20--rgb:0, 90, 135; + --wp-admin-border-width-focus:2px; } -@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { - :root { - --wp-admin-border-width-focus: 1.5px; +@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ + :root{ + --wp-admin-border-width-focus:1.5px; } } -.reusable-blocks-menu-items__convert-modal { - z-index: 1000001; +.reusable-blocks-menu-items__convert-modal{ + z-index:1000001; } -.reusable-blocks-menu-items__convert-modal-actions { - padding-top: 12px; +.reusable-blocks-menu-items__convert-modal-actions{ + padding-top:12px; } \ No newline at end of file diff --git a/wp-includes/css/dist/reusable-blocks/style.css b/wp-includes/css/dist/reusable-blocks/style.css index d174e129e5..c7f0c903a6 100644 --- a/wp-includes/css/dist/reusable-blocks/style.css +++ b/wp-includes/css/dist/reusable-blocks/style.css @@ -1,98 +1,22 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -:root { - --wp-admin-theme-color: #007cba; - --wp-admin-theme-color--rgb: 0, 124, 186; - --wp-admin-theme-color-darker-10: #006ba1; - --wp-admin-theme-color-darker-10--rgb: 0, 107, 161; - --wp-admin-theme-color-darker-20: #005a87; - --wp-admin-theme-color-darker-20--rgb: 0, 90, 135; - --wp-admin-border-width-focus: 2px; +:root{ + --wp-admin-theme-color:#007cba; + --wp-admin-theme-color--rgb:0, 124, 186; + --wp-admin-theme-color-darker-10:#006ba1; + --wp-admin-theme-color-darker-10--rgb:0, 107, 161; + --wp-admin-theme-color-darker-20:#005a87; + --wp-admin-theme-color-darker-20--rgb:0, 90, 135; + --wp-admin-border-width-focus:2px; } -@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { - :root { - --wp-admin-border-width-focus: 1.5px; +@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ + :root{ + --wp-admin-border-width-focus:1.5px; } } -.reusable-blocks-menu-items__convert-modal { - z-index: 1000001; +.reusable-blocks-menu-items__convert-modal{ + z-index:1000001; } -.reusable-blocks-menu-items__convert-modal-actions { - padding-top: 12px; +.reusable-blocks-menu-items__convert-modal-actions{ + padding-top:12px; } \ No newline at end of file diff --git a/wp-includes/css/dist/widgets/style-rtl.css b/wp-includes/css/dist/widgets/style-rtl.css index 49254498bd..ab1a87d2b8 100644 --- a/wp-includes/css/dist/widgets/style-rtl.css +++ b/wp-includes/css/dist/widgets/style-rtl.css @@ -1,269 +1,174 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -:root { - --wp-admin-theme-color: #007cba; - --wp-admin-theme-color--rgb: 0, 124, 186; - --wp-admin-theme-color-darker-10: #006ba1; - --wp-admin-theme-color-darker-10--rgb: 0, 107, 161; - --wp-admin-theme-color-darker-20: #005a87; - --wp-admin-theme-color-darker-20--rgb: 0, 90, 135; - --wp-admin-border-width-focus: 2px; +:root{ + --wp-admin-theme-color:#007cba; + --wp-admin-theme-color--rgb:0, 124, 186; + --wp-admin-theme-color-darker-10:#006ba1; + --wp-admin-theme-color-darker-10--rgb:0, 107, 161; + --wp-admin-theme-color-darker-20:#005a87; + --wp-admin-theme-color-darker-20--rgb:0, 90, 135; + --wp-admin-border-width-focus:2px; } -@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { - :root { - --wp-admin-border-width-focus: 1.5px; +@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ + :root{ + --wp-admin-border-width-focus:1.5px; } } -.wp-block-legacy-widget__edit-form { - background: #fff; - border-radius: 2px; - border: 1px solid #1e1e1e; - padding: 11px; - max-height: calc(100vh - 2px); - overflow-y: scroll; +.wp-block-legacy-widget__edit-form{ + background:#fff; + border:1px solid #1e1e1e; + border-radius:2px; + max-height:calc(100vh - 2px); + overflow-y:scroll; + padding:11px; } -.wp-block-legacy-widget__edit-form:not([hidden]) { - display: flow-root; +.wp-block-legacy-widget__edit-form:not([hidden]){ + display:flow-root; } -.wp-block-legacy-widget__edit-form .wp-block-legacy-widget__edit-form-title { - color: #000; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - font-size: 14px; - font-weight: 600; - margin: 0 0 12px 0; +.wp-block-legacy-widget__edit-form .wp-block-legacy-widget__edit-form-title{ + color:#000; + font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; + font-size:14px; + font-weight:600; + margin:0 0 12px; } -.wp-block-legacy-widget__edit-form .widget-inside.widget-inside { - border: none; - box-shadow: none; - display: block; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; +.wp-block-legacy-widget__edit-form .widget-inside.widget-inside{ + border:none; + box-shadow:none; + display:block; + font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; } -.wp-block-legacy-widget__edit-form .widget-inside.widget-inside p { - margin: 8px 0; +.wp-block-legacy-widget__edit-form .widget-inside.widget-inside p{ + margin:8px 0; } -.wp-block-legacy-widget__edit-form .widget-inside.widget-inside label { - font-size: 13px; - line-height: 2.1; +.wp-block-legacy-widget__edit-form .widget-inside.widget-inside label{ + font-size:13px; + line-height:2.1; } -.wp-block-legacy-widget__edit-form .widget-inside.widget-inside label, -.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input, -.wp-block-legacy-widget__edit-form .widget-inside.widget-inside a { - font-family: system-ui; - font-weight: normal; - color: #000; +.wp-block-legacy-widget__edit-form .widget-inside.widget-inside a,.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input,.wp-block-legacy-widget__edit-form .widget-inside.widget-inside label{ + color:#000; + font-family:system-ui; + font-weight:400; } -.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=text], -.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=password], -.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=date], -.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=datetime], -.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=datetime-local], -.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=email], -.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=month], -.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=number], -.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=search], -.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=tel], -.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=time], -.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=url], -.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=week], -.wp-block-legacy-widget__edit-form .widget-inside.widget-inside select { - font-family: system-ui; - background-color: transparent; - box-sizing: border-box; - border: 1px solid #757575; - border-radius: 3px; - box-shadow: none; - color: #000; - display: block; - margin: 0; - width: 100%; - font-size: 13px; - font-weight: normal; - line-height: 1; - min-height: 30px; - padding-right: 8px; - padding-top: 8px; - padding-bottom: 8px; +.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=date],.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=datetime-local],.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=datetime],.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=email],.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=month],.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=number],.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=password],.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=search],.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=tel],.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=text],.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=time],.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=url],.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=week],.wp-block-legacy-widget__edit-form .widget-inside.widget-inside select{ + background-color:initial; + border:1px solid #757575; + border-radius:3px; + box-shadow:none; + box-sizing:border-box; + color:#000; + display:block; + font-family:system-ui; + font-size:13px; + font-weight:400; + line-height:1; + margin:0; + min-height:30px; + padding-bottom:8px; + padding-right:8px; + padding-top:8px; + width:100%; } -.wp-block-legacy-widget__edit-form .widget-inside.widget-inside select { - padding-right: 4px; +.wp-block-legacy-widget__edit-form .widget-inside.widget-inside select{ + padding-right:4px; } -.wp-block-legacy-widget__edit-form .widget.open, -.wp-block-legacy-widget__edit-form .widget.open:focus-within { - z-index: 0; +.wp-block-legacy-widget__edit-form .widget.open,.wp-block-legacy-widget__edit-form .widget.open:focus-within{ + z-index:0; } -.wp-block-legacy-widget__edit-form.wp-block-legacy-widget__edit-form, -.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview { - color: #000; +.wp-block-legacy-widget__edit-form.wp-block-legacy-widget__edit-form,.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview{ + color:#000; } -.wp-block-legacy-widget__edit-preview, -.wp-block-legacy-widget__edit-no-preview { - cursor: pointer; +.wp-block-legacy-widget__edit-no-preview,.wp-block-legacy-widget__edit-preview{ + cursor:pointer; } -.wp-block-legacy-widget__edit-preview:hover::after, -.wp-block-legacy-widget__edit-no-preview:hover::after { - border-radius: 2px; - border: 1px solid #949494; - bottom: 0; - content: ""; - right: 0; - position: absolute; - left: 0; - top: 0; +.wp-block-legacy-widget__edit-no-preview:hover:after,.wp-block-legacy-widget__edit-preview:hover:after{ + border:1px solid #949494; + border-radius:2px; + bottom:0; + content:""; + left:0; + position:absolute; + right:0; + top:0; } -.wp-block-legacy-widget__edit-preview.is-offscreen { - right: -9999px; - position: absolute; - top: 0; - width: 100%; +.wp-block-legacy-widget__edit-preview.is-offscreen{ + position:absolute; + right:-9999px; + top:0; + width:100%; } -.wp-block-legacy-widget__edit-preview-iframe { - overflow: hidden; - width: 100%; +.wp-block-legacy-widget__edit-preview-iframe{ + overflow:hidden; + width:100%; } -.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview { - background: #f0f0f0; - padding: 8px 12px; +.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview{ + background:#f0f0f0; + padding:8px 12px; } -.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview, .wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview h3, .wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview p { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - font-size: 13px; +.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview,.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview h3,.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview p{ + font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; + font-size:13px; } -.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview h3 { - font-size: 14px; - font-weight: 600; - margin: 4px 0; +.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview h3{ + font-size:14px; + font-weight:600; + margin:4px 0; } -.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview p { - margin: 4px 0; +.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview p{ + margin:4px 0; } -.wp-block-legacy-widget-inspector-card { - padding: 0 52px 16px 16px; +.wp-block-legacy-widget-inspector-card{ + padding:0 52px 16px 16px; } -.interface-complementary-area .wp-block-legacy-widget-inspector-card__name { - margin: 0 0 5px; - font-weight: 500; +.interface-complementary-area .wp-block-legacy-widget-inspector-card__name{ + font-weight:500; + margin:0 0 5px; } -.is-selected .wp-block-legacy-widget__container { - padding: 8px 12px; - min-height: 50px; +.is-selected .wp-block-legacy-widget__container{ + min-height:50px; + padding:8px 12px; } -.components-popover__content .wp-block-legacy-widget__edit-form { - min-width: 400px; +.components-popover__content .wp-block-legacy-widget__edit-form{ + min-width:400px; } -.wp-block-legacy-widget .components-base-control { - width: 100%; +.wp-block-legacy-widget .components-base-control{ + width:100%; } -.wp-block-legacy-widget .components-select-control__input { - padding: 0; - font-family: system-ui; +.wp-block-legacy-widget .components-select-control__input{ + font-family:system-ui; + padding:0; } -.wp-block-widget-group.has-child-selected::after { - border-radius: 2px; - border: 1px solid var(--wp-admin-theme-color); - bottom: 0; - content: ""; - right: 0; - position: absolute; - left: 0; - top: 0; +.wp-block-widget-group.has-child-selected:after{ + border:1px solid var(--wp-admin-theme-color); + border-radius:2px; + bottom:0; + content:""; + left:0; + position:absolute; + right:0; + top:0; } -.wp-block-widget-group .widget-title { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - font-size: 18px; - font-weight: 600; +.wp-block-widget-group .widget-title{ + font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; + font-size:18px; + font-weight:600; } -.wp-block-widget-group__placeholder .block-editor-inserter { - width: 100%; +.wp-block-widget-group__placeholder .block-editor-inserter{ + width:100%; } -.is-dark-theme .wp-block-widget-group__placeholder .block-editor-button-block-appender { - box-shadow: inset 0 0 0 1px #1e1e1e; - color: #1e1e1e; +.is-dark-theme .wp-block-widget-group__placeholder .block-editor-button-block-appender{ + box-shadow:inset 0 0 0 1px #1e1e1e; + color:#1e1e1e; } \ No newline at end of file diff --git a/wp-includes/css/dist/widgets/style.css b/wp-includes/css/dist/widgets/style.css index 505a99b75b..378d1a61e0 100644 --- a/wp-includes/css/dist/widgets/style.css +++ b/wp-includes/css/dist/widgets/style.css @@ -1,269 +1,174 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * 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 - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -:root { - --wp-admin-theme-color: #007cba; - --wp-admin-theme-color--rgb: 0, 124, 186; - --wp-admin-theme-color-darker-10: #006ba1; - --wp-admin-theme-color-darker-10--rgb: 0, 107, 161; - --wp-admin-theme-color-darker-20: #005a87; - --wp-admin-theme-color-darker-20--rgb: 0, 90, 135; - --wp-admin-border-width-focus: 2px; +:root{ + --wp-admin-theme-color:#007cba; + --wp-admin-theme-color--rgb:0, 124, 186; + --wp-admin-theme-color-darker-10:#006ba1; + --wp-admin-theme-color-darker-10--rgb:0, 107, 161; + --wp-admin-theme-color-darker-20:#005a87; + --wp-admin-theme-color-darker-20--rgb:0, 90, 135; + --wp-admin-border-width-focus:2px; } -@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { - :root { - --wp-admin-border-width-focus: 1.5px; +@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ + :root{ + --wp-admin-border-width-focus:1.5px; } } -.wp-block-legacy-widget__edit-form { - background: #fff; - border-radius: 2px; - border: 1px solid #1e1e1e; - padding: 11px; - max-height: calc(100vh - 2px); - overflow-y: scroll; +.wp-block-legacy-widget__edit-form{ + background:#fff; + border:1px solid #1e1e1e; + border-radius:2px; + max-height:calc(100vh - 2px); + overflow-y:scroll; + padding:11px; } -.wp-block-legacy-widget__edit-form:not([hidden]) { - display: flow-root; +.wp-block-legacy-widget__edit-form:not([hidden]){ + display:flow-root; } -.wp-block-legacy-widget__edit-form .wp-block-legacy-widget__edit-form-title { - color: #000; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - font-size: 14px; - font-weight: 600; - margin: 0 0 12px 0; +.wp-block-legacy-widget__edit-form .wp-block-legacy-widget__edit-form-title{ + color:#000; + font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; + font-size:14px; + font-weight:600; + margin:0 0 12px; } -.wp-block-legacy-widget__edit-form .widget-inside.widget-inside { - border: none; - box-shadow: none; - display: block; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; +.wp-block-legacy-widget__edit-form .widget-inside.widget-inside{ + border:none; + box-shadow:none; + display:block; + font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; } -.wp-block-legacy-widget__edit-form .widget-inside.widget-inside p { - margin: 8px 0; +.wp-block-legacy-widget__edit-form .widget-inside.widget-inside p{ + margin:8px 0; } -.wp-block-legacy-widget__edit-form .widget-inside.widget-inside label { - font-size: 13px; - line-height: 2.1; +.wp-block-legacy-widget__edit-form .widget-inside.widget-inside label{ + font-size:13px; + line-height:2.1; } -.wp-block-legacy-widget__edit-form .widget-inside.widget-inside label, -.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input, -.wp-block-legacy-widget__edit-form .widget-inside.widget-inside a { - font-family: system-ui; - font-weight: normal; - color: #000; +.wp-block-legacy-widget__edit-form .widget-inside.widget-inside a,.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input,.wp-block-legacy-widget__edit-form .widget-inside.widget-inside label{ + color:#000; + font-family:system-ui; + font-weight:400; } -.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=text], -.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=password], -.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=date], -.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=datetime], -.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=datetime-local], -.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=email], -.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=month], -.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=number], -.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=search], -.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=tel], -.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=time], -.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=url], -.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=week], -.wp-block-legacy-widget__edit-form .widget-inside.widget-inside select { - font-family: system-ui; - background-color: transparent; - box-sizing: border-box; - border: 1px solid #757575; - border-radius: 3px; - box-shadow: none; - color: #000; - display: block; - margin: 0; - width: 100%; - font-size: 13px; - font-weight: normal; - line-height: 1; - min-height: 30px; - padding-left: 8px; - padding-top: 8px; - padding-bottom: 8px; +.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=date],.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=datetime-local],.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=datetime],.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=email],.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=month],.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=number],.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=password],.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=search],.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=tel],.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=text],.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=time],.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=url],.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=week],.wp-block-legacy-widget__edit-form .widget-inside.widget-inside select{ + background-color:initial; + border:1px solid #757575; + border-radius:3px; + box-shadow:none; + box-sizing:border-box; + color:#000; + display:block; + font-family:system-ui; + font-size:13px; + font-weight:400; + line-height:1; + margin:0; + min-height:30px; + padding-bottom:8px; + padding-left:8px; + padding-top:8px; + width:100%; } -.wp-block-legacy-widget__edit-form .widget-inside.widget-inside select { - padding-left: 4px; +.wp-block-legacy-widget__edit-form .widget-inside.widget-inside select{ + padding-left:4px; } -.wp-block-legacy-widget__edit-form .widget.open, -.wp-block-legacy-widget__edit-form .widget.open:focus-within { - z-index: 0; +.wp-block-legacy-widget__edit-form .widget.open,.wp-block-legacy-widget__edit-form .widget.open:focus-within{ + z-index:0; } -.wp-block-legacy-widget__edit-form.wp-block-legacy-widget__edit-form, -.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview { - color: #000; +.wp-block-legacy-widget__edit-form.wp-block-legacy-widget__edit-form,.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview{ + color:#000; } -.wp-block-legacy-widget__edit-preview, -.wp-block-legacy-widget__edit-no-preview { - cursor: pointer; +.wp-block-legacy-widget__edit-no-preview,.wp-block-legacy-widget__edit-preview{ + cursor:pointer; } -.wp-block-legacy-widget__edit-preview:hover::after, -.wp-block-legacy-widget__edit-no-preview:hover::after { - border-radius: 2px; - border: 1px solid #949494; - bottom: 0; - content: ""; - left: 0; - position: absolute; - right: 0; - top: 0; +.wp-block-legacy-widget__edit-no-preview:hover:after,.wp-block-legacy-widget__edit-preview:hover:after{ + border:1px solid #949494; + border-radius:2px; + bottom:0; + content:""; + left:0; + position:absolute; + right:0; + top:0; } -.wp-block-legacy-widget__edit-preview.is-offscreen { - left: -9999px; - position: absolute; - top: 0; - width: 100%; +.wp-block-legacy-widget__edit-preview.is-offscreen{ + left:-9999px; + position:absolute; + top:0; + width:100%; } -.wp-block-legacy-widget__edit-preview-iframe { - overflow: hidden; - width: 100%; +.wp-block-legacy-widget__edit-preview-iframe{ + overflow:hidden; + width:100%; } -.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview { - background: #f0f0f0; - padding: 8px 12px; +.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview{ + background:#f0f0f0; + padding:8px 12px; } -.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview, .wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview h3, .wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview p { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - font-size: 13px; +.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview,.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview h3,.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview p{ + font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; + font-size:13px; } -.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview h3 { - font-size: 14px; - font-weight: 600; - margin: 4px 0; +.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview h3{ + font-size:14px; + font-weight:600; + margin:4px 0; } -.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview p { - margin: 4px 0; +.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview p{ + margin:4px 0; } -.wp-block-legacy-widget-inspector-card { - padding: 0 16px 16px 52px; +.wp-block-legacy-widget-inspector-card{ + padding:0 16px 16px 52px; } -.interface-complementary-area .wp-block-legacy-widget-inspector-card__name { - margin: 0 0 5px; - font-weight: 500; +.interface-complementary-area .wp-block-legacy-widget-inspector-card__name{ + font-weight:500; + margin:0 0 5px; } -.is-selected .wp-block-legacy-widget__container { - padding: 8px 12px; - min-height: 50px; +.is-selected .wp-block-legacy-widget__container{ + min-height:50px; + padding:8px 12px; } -.components-popover__content .wp-block-legacy-widget__edit-form { - min-width: 400px; +.components-popover__content .wp-block-legacy-widget__edit-form{ + min-width:400px; } -.wp-block-legacy-widget .components-base-control { - width: 100%; +.wp-block-legacy-widget .components-base-control{ + width:100%; } -.wp-block-legacy-widget .components-select-control__input { - padding: 0; - font-family: system-ui; +.wp-block-legacy-widget .components-select-control__input{ + font-family:system-ui; + padding:0; } -.wp-block-widget-group.has-child-selected::after { - border-radius: 2px; - border: 1px solid var(--wp-admin-theme-color); - bottom: 0; - content: ""; - left: 0; - position: absolute; - right: 0; - top: 0; +.wp-block-widget-group.has-child-selected:after{ + border:1px solid var(--wp-admin-theme-color); + border-radius:2px; + bottom:0; + content:""; + left:0; + position:absolute; + right:0; + top:0; } -.wp-block-widget-group .widget-title { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - font-size: 18px; - font-weight: 600; +.wp-block-widget-group .widget-title{ + font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; + font-size:18px; + font-weight:600; } -.wp-block-widget-group__placeholder .block-editor-inserter { - width: 100%; +.wp-block-widget-group__placeholder .block-editor-inserter{ + width:100%; } -.is-dark-theme .wp-block-widget-group__placeholder .block-editor-button-block-appender { - box-shadow: inset 0 0 0 1px #1e1e1e; - color: #1e1e1e; +.is-dark-theme .wp-block-widget-group__placeholder .block-editor-button-block-appender{ + box-shadow:inset 0 0 0 1px #1e1e1e; + color:#1e1e1e; } \ No newline at end of file diff --git a/wp-includes/version.php b/wp-includes/version.php index e3e08e4050..6076283458 100644 --- a/wp-includes/version.php +++ b/wp-includes/version.php @@ -16,7 +16,7 @@ * * @global string $wp_version */ -$wp_version = '6.2-alpha-55192'; +$wp_version = '6.2-alpha-55193'; /** * Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema.