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.