diff --git a/wp-includes/blocks.php b/wp-includes/blocks.php index c0658dd35f..2d33580b0e 100644 --- a/wp-includes/blocks.php +++ b/wp-includes/blocks.php @@ -157,24 +157,48 @@ function register_block_style_handle( $metadata, $field_name ) { if ( empty( $metadata[ $field_name ] ) ) { return false; } + $is_core_block = isset( $metadata['file'] ) && 0 === strpos( $metadata['file'], ABSPATH . WPINC ); + if ( $is_core_block && ! should_load_separate_core_block_assets() ) { + return false; + } + + // Check whether styles should have a ".min" suffix or not. + $suffix = SCRIPT_DEBUG ? '' : '.min'; + $style_handle = $metadata[ $field_name ]; $style_path = remove_block_asset_path_prefix( $metadata[ $field_name ] ); - if ( $style_handle === $style_path ) { + + if ( $style_handle === $style_path && ! $is_core_block ) { return $style_handle; } + $style_uri = plugins_url( $style_path, $metadata['file'] ); + if ( $is_core_block ) { + $style_path = "style$suffix.css"; + $style_uri = includes_url( 'blocks/' . str_replace( 'core/', '', $metadata['name'] ) . "/style$suffix.css" ); + } + $style_handle = generate_block_asset_handle( $metadata['name'], $field_name ); $block_dir = dirname( $metadata['file'] ); $style_file = realpath( "$block_dir/$style_path" ); + $version = file_exists( $style_file ) ? filemtime( $style_file ) : false; $result = wp_register_style( $style_handle, - plugins_url( $style_path, $metadata['file'] ), + $style_uri, array(), - filemtime( $style_file ) + $version ); if ( file_exists( str_replace( '.css', '-rtl.css', $style_file ) ) ) { wp_style_add_data( $style_handle, 'rtl', 'replace' ); } + if ( file_exists( $style_file ) ) { + wp_style_add_data( $style_handle, 'path', $style_file ); + } + + $rtl_file = str_replace( "$suffix.css", "-rtl$suffix.css", $style_file ); + if ( is_rtl() && file_exists( $rtl_file ) ) { + wp_style_add_data( $style_handle, 'path', $rtl_file ); + } return $result ? $style_handle : false; } @@ -928,3 +952,26 @@ function block_has_support( $block_type, $feature, $default = false ) { return true === $block_support || is_array( $block_support ); } + +/** + * Checks whether separate assets should be loaded for core blocks. + * + * @since 5.8 + * + * @return bool + */ +function should_load_separate_core_block_assets() { + if ( is_admin() || is_feed() || ( defined( 'REST_REQUEST' ) && REST_REQUEST ) ) { + return false; + } + /** + * Determine if separate styles & scripts will be loaded for blocks on-render or not. + * + * @since 5.8.0 + * + * @param bool $load_separate_styles Whether separate styles will be loaded or not. + * + * @return bool Whether separate styles will be loaded or not. + */ + return apply_filters( 'separate_core_block_assets', false ); +} diff --git a/wp-includes/blocks/archives/editor-rtl.css b/wp-includes/blocks/archives/editor-rtl.css new file mode 100644 index 0000000000..4e20e7d1ed --- /dev/null +++ b/wp-includes/blocks/archives/editor-rtl.css @@ -0,0 +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. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset 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; +} \ No newline at end of file diff --git a/wp-includes/blocks/archives/editor-rtl.min.css b/wp-includes/blocks/archives/editor-rtl.min.css new file mode 100644 index 0000000000..acf5f4d3fa --- /dev/null +++ b/wp-includes/blocks/archives/editor-rtl.min.css @@ -0,0 +1 @@ +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 new file mode 100644 index 0000000000..e131425b2b --- /dev/null +++ b/wp-includes/blocks/archives/editor.css @@ -0,0 +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. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset 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; +} \ No newline at end of file diff --git a/wp-includes/blocks/archives/editor.min.css b/wp-includes/blocks/archives/editor.min.css new file mode 100644 index 0000000000..aa6ba10d5d --- /dev/null +++ b/wp-includes/blocks/archives/editor.min.css @@ -0,0 +1 @@ +ul.wp-block-archives{padding-left:2.5em} \ No newline at end of file diff --git a/wp-includes/blocks/audio/editor-rtl.css b/wp-includes/blocks/audio/editor-rtl.css new file mode 100644 index 0000000000..f52d94a393 --- /dev/null +++ b/wp-includes/blocks/audio/editor-rtl.css @@ -0,0 +1,74 @@ +/** + * Colors + */ +/** + * Breakpoints & Media Queries + */ +/** + * SCSS Variables. + * + * Please use variables from this sheet to ensure consistency across the UI. + * Don't add to this sheet unless you're pretty sure the value will be reused in many places. + * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. + */ +/** + * Colors + */ +/** + * Fonts & basic variables. + */ +/** + * Grid System. + * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ + */ +/** + * Dimensions. + */ +/** + * Shadows. + */ +/** + * Editor widths. + */ +/** + * Block & Editor UI. + */ +/** + * Block paddings. + */ +/** + * React Native specific. + * These variables do not appear to be used anywhere else. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset default styles 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; +} \ No newline at end of file diff --git a/wp-includes/blocks/audio/editor-rtl.min.css b/wp-includes/blocks/audio/editor-rtl.min.css new file mode 100644 index 0000000000..ef4bb74ad5 --- /dev/null +++ b/wp-includes/blocks/audio/editor-rtl.min.css @@ -0,0 +1 @@ +.wp-block-audio{margin-right:0;margin-left:0} \ No newline at end of file diff --git a/wp-includes/blocks/audio/editor.css b/wp-includes/blocks/audio/editor.css new file mode 100644 index 0000000000..7d21b97d0a --- /dev/null +++ b/wp-includes/blocks/audio/editor.css @@ -0,0 +1,74 @@ +/** + * Colors + */ +/** + * Breakpoints & Media Queries + */ +/** + * SCSS Variables. + * + * Please use variables from this sheet to ensure consistency across the UI. + * Don't add to this sheet unless you're pretty sure the value will be reused in many places. + * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. + */ +/** + * Colors + */ +/** + * Fonts & basic variables. + */ +/** + * Grid System. + * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ + */ +/** + * Dimensions. + */ +/** + * Shadows. + */ +/** + * Editor widths. + */ +/** + * Block & Editor UI. + */ +/** + * Block paddings. + */ +/** + * React Native specific. + * These variables do not appear to be used anywhere else. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset default styles 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; +} \ No newline at end of file diff --git a/wp-includes/blocks/audio/editor.min.css b/wp-includes/blocks/audio/editor.min.css new file mode 100644 index 0000000000..d668b18d80 --- /dev/null +++ b/wp-includes/blocks/audio/editor.min.css @@ -0,0 +1 @@ +.wp-block-audio{margin-left:0;margin-right:0} \ No newline at end of file diff --git a/wp-includes/blocks/audio/style-rtl.css b/wp-includes/blocks/audio/style-rtl.css new file mode 100644 index 0000000000..286aa03ffc --- /dev/null +++ b/wp-includes/blocks/audio/style-rtl.css @@ -0,0 +1,81 @@ +/** + * Colors + */ +/** + * Breakpoints & Media Queries + */ +/** + * SCSS Variables. + * + * Please use variables from this sheet to ensure consistency across the UI. + * Don't add to this sheet unless you're pretty sure the value will be reused in many places. + * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. + */ +/** + * Colors + */ +/** + * Fonts & basic variables. + */ +/** + * Grid System. + * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ + */ +/** + * Dimensions. + */ +/** + * Shadows. + */ +/** + * Editor widths. + */ +/** + * Block & Editor UI. + */ +/** + * Block paddings. + */ +/** + * React Native specific. + * These variables do not appear to be used anywhere else. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset default styles 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: 0 0 1em 0; +} +.wp-block-audio figcaption { + margin-top: 0.5em; + margin-bottom: 1em; +} +.wp-block-audio audio { + width: 100%; + min-width: 300px; +} \ No newline at end of file diff --git a/wp-includes/blocks/audio/style-rtl.min.css b/wp-includes/blocks/audio/style-rtl.min.css new file mode 100644 index 0000000000..a53e517b23 --- /dev/null +++ b/wp-includes/blocks/audio/style-rtl.min.css @@ -0,0 +1 @@ +.wp-block-audio{margin:0 0 1em}.wp-block-audio figcaption{margin-top:.5em;margin-bottom:1em}.wp-block-audio audio{width:100%;min-width:300px} \ No newline at end of file diff --git a/wp-includes/blocks/audio/style.css b/wp-includes/blocks/audio/style.css new file mode 100644 index 0000000000..286aa03ffc --- /dev/null +++ b/wp-includes/blocks/audio/style.css @@ -0,0 +1,81 @@ +/** + * Colors + */ +/** + * Breakpoints & Media Queries + */ +/** + * SCSS Variables. + * + * Please use variables from this sheet to ensure consistency across the UI. + * Don't add to this sheet unless you're pretty sure the value will be reused in many places. + * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. + */ +/** + * Colors + */ +/** + * Fonts & basic variables. + */ +/** + * Grid System. + * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ + */ +/** + * Dimensions. + */ +/** + * Shadows. + */ +/** + * Editor widths. + */ +/** + * Block & Editor UI. + */ +/** + * Block paddings. + */ +/** + * React Native specific. + * These variables do not appear to be used anywhere else. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset default styles 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: 0 0 1em 0; +} +.wp-block-audio figcaption { + margin-top: 0.5em; + margin-bottom: 1em; +} +.wp-block-audio audio { + width: 100%; + min-width: 300px; +} \ No newline at end of file diff --git a/wp-includes/blocks/audio/style.min.css b/wp-includes/blocks/audio/style.min.css new file mode 100644 index 0000000000..a53e517b23 --- /dev/null +++ b/wp-includes/blocks/audio/style.min.css @@ -0,0 +1 @@ +.wp-block-audio{margin:0 0 1em}.wp-block-audio figcaption{margin-top:.5em;margin-bottom:1em}.wp-block-audio audio{width:100%;min-width:300px} \ No newline at end of file diff --git a/wp-includes/blocks/block/editor-rtl.css b/wp-includes/blocks/block/editor-rtl.css new file mode 100644 index 0000000000..da06693e40 --- /dev/null +++ b/wp-includes/blocks/block/editor-rtl.css @@ -0,0 +1,80 @@ +/** + * Colors + */ +/** + * Breakpoints & Media Queries + */ +/** + * SCSS Variables. + * + * Please use variables from this sheet to ensure consistency across the UI. + * Don't add to this sheet unless you're pretty sure the value will be reused in many places. + * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. + */ +/** + * Colors + */ +/** + * Fonts & basic variables. + */ +/** + * Grid System. + * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ + */ +/** + * Dimensions. + */ +/** + * Shadows. + */ +/** + * Editor widths. + */ +/** + * Block & Editor UI. + */ +/** + * Block paddings. + */ +/** + * React Native specific. + * These variables do not appear to be used anywhere else. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset 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 .block-editor-writing-flow { + display: block; +} +.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-rtl.min.css b/wp-includes/blocks/block/editor-rtl.min.css new file mode 100644 index 0000000000..222b76c17a --- /dev/null +++ b/wp-includes/blocks/block/editor-rtl.min.css @@ -0,0 +1 @@ +.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 .block-editor-writing-flow{display:block}.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 new file mode 100644 index 0000000000..dba7ab9c0d --- /dev/null +++ b/wp-includes/blocks/block/editor.css @@ -0,0 +1,80 @@ +/** + * Colors + */ +/** + * Breakpoints & Media Queries + */ +/** + * SCSS Variables. + * + * Please use variables from this sheet to ensure consistency across the UI. + * Don't add to this sheet unless you're pretty sure the value will be reused in many places. + * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. + */ +/** + * Colors + */ +/** + * Fonts & basic variables. + */ +/** + * Grid System. + * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ + */ +/** + * Dimensions. + */ +/** + * Shadows. + */ +/** + * Editor widths. + */ +/** + * Block & Editor UI. + */ +/** + * Block paddings. + */ +/** + * React Native specific. + * These variables do not appear to be used anywhere else. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset 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 .block-editor-writing-flow { + display: block; +} +.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.min.css b/wp-includes/blocks/block/editor.min.css new file mode 100644 index 0000000000..121415a09e --- /dev/null +++ b/wp-includes/blocks/block/editor.min.css @@ -0,0 +1 @@ +.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 .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 new file mode 100644 index 0000000000..c8e3df3a03 --- /dev/null +++ b/wp-includes/blocks/button/editor-rtl.css @@ -0,0 +1,137 @@ +/** + * Colors + */ +/** + * Breakpoints & Media Queries + */ +/** + * SCSS Variables. + * + * Please use variables from this sheet to ensure consistency across the UI. + * Don't add to this sheet unless you're pretty sure the value will be reused in many places. + * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. + */ +/** + * Colors + */ +/** + * Fonts & basic variables. + */ +/** + * Grid System. + * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ + */ +/** + * Dimensions. + */ +/** + * Shadows. + */ +/** + * Editor widths. + */ +/** + * Block & Editor UI. + */ +/** + * Block paddings. + */ +/** + * React Native specific. + * These variables do not appear to be used anywhere else. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset default styles 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=right] > .wp-block-button { + text-align: right; +} + +.wp-block-button { + position: relative; + cursor: text; +} +.wp-block-button:not(.has-text-color):not(.is-style-outline) [data-rich-text-placeholder]::after { + color: #fff; +} +.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__inline-link { + color: #757575; + height: 0; + overflow: hidden; + 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: 960px) { + .wp-block-button__inline-link { + max-width: 290px; + } + .wp-block-button__inline-link-input__suggestions { + max-width: 290px; + } +} +.is-selected .wp-block-button__inline-link { + height: auto; + overflow: visible; + margin-top: 16px; +} + +.wp-button-label__width .components-button-group { + display: block; +} +.wp-button-label__width .components-base-control__field { + margin-bottom: 12px; +} + +div[data-type="core/button"] { + display: table; +} \ No newline at end of file diff --git a/wp-includes/blocks/button/editor-rtl.min.css b/wp-includes/blocks/button/editor-rtl.min.css new file mode 100644 index 0000000000..2cf990e0e0 --- /dev/null +++ b/wp-includes/blocks/button/editor-rtl.min.css @@ -0,0 +1 @@ +.wp-block[data-align=center]>.wp-block-button{text-align:center;margin-right:auto;margin-left:auto}.wp-block[data-align=right]>.wp-block-button{text-align:right}.wp-block-button{position:relative;cursor:text}.wp-block-button:not(.has-text-color):not(.is-style-outline) [data-rich-text-placeholder]:after{color:#fff}.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:.8}.wp-block-button__inline-link{color:#757575;height:0;overflow:hidden;max-width:290px}.wp-block-button__inline-link-input__suggestions{max-width:290px}@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,.wp-block-button__inline-link-input__suggestions{max-width:290px}}.is-selected .wp-block-button__inline-link{height:auto;overflow:visible;margin-top:16px}.wp-button-label__width .components-button-group{display:block}.wp-button-label__width .components-base-control__field{margin-bottom:12px}div[data-type="core/button"]{display:table} \ No newline at end of file diff --git a/wp-includes/blocks/button/editor.css b/wp-includes/blocks/button/editor.css new file mode 100644 index 0000000000..24c70312c5 --- /dev/null +++ b/wp-includes/blocks/button/editor.css @@ -0,0 +1,138 @@ +/** + * Colors + */ +/** + * Breakpoints & Media Queries + */ +/** + * SCSS Variables. + * + * Please use variables from this sheet to ensure consistency across the UI. + * Don't add to this sheet unless you're pretty sure the value will be reused in many places. + * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. + */ +/** + * Colors + */ +/** + * Fonts & basic variables. + */ +/** + * Grid System. + * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ + */ +/** + * Dimensions. + */ +/** + * Shadows. + */ +/** + * Editor widths. + */ +/** + * Block & Editor UI. + */ +/** + * Block paddings. + */ +/** + * React Native specific. + * These variables do not appear to be used anywhere else. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset default styles 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=right] > .wp-block-button { + /*!rtl:ignore*/ + text-align: right; +} + +.wp-block-button { + position: relative; + cursor: text; +} +.wp-block-button:not(.has-text-color):not(.is-style-outline) [data-rich-text-placeholder]::after { + color: #fff; +} +.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__inline-link { + color: #757575; + height: 0; + overflow: hidden; + 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: 960px) { + .wp-block-button__inline-link { + max-width: 290px; + } + .wp-block-button__inline-link-input__suggestions { + max-width: 290px; + } +} +.is-selected .wp-block-button__inline-link { + height: auto; + overflow: visible; + margin-top: 16px; +} + +.wp-button-label__width .components-button-group { + display: block; +} +.wp-button-label__width .components-base-control__field { + margin-bottom: 12px; +} + +div[data-type="core/button"] { + display: table; +} \ No newline at end of file diff --git a/wp-includes/blocks/button/editor.min.css b/wp-includes/blocks/button/editor.min.css new file mode 100644 index 0000000000..66dc3ef512 --- /dev/null +++ b/wp-includes/blocks/button/editor.min.css @@ -0,0 +1,2 @@ +.wp-block[data-align=center]>.wp-block-button{text-align:center;margin-left:auto;margin-right:auto}.wp-block[data-align=right]>.wp-block-button{ + /*!rtl:ignore*/text-align:right}.wp-block-button{position:relative;cursor:text}.wp-block-button:not(.has-text-color):not(.is-style-outline) [data-rich-text-placeholder]:after{color:#fff}.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:.8}.wp-block-button__inline-link{color:#757575;height:0;overflow:hidden;max-width:290px}.wp-block-button__inline-link-input__suggestions{max-width:290px}@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,.wp-block-button__inline-link-input__suggestions{max-width:290px}}.is-selected .wp-block-button__inline-link{height:auto;overflow:visible;margin-top:16px}.wp-button-label__width .components-button-group{display:block}.wp-button-label__width .components-base-control__field{margin-bottom:12px}div[data-type="core/button"]{display:table} \ No newline at end of file diff --git a/wp-includes/blocks/button/style-rtl.css b/wp-includes/blocks/button/style-rtl.css new file mode 100644 index 0000000000..209fc7beb0 --- /dev/null +++ b/wp-includes/blocks/button/style-rtl.css @@ -0,0 +1,142 @@ +/** + * Colors + */ +/** + * Breakpoints & Media Queries + */ +/** + * SCSS Variables. + * + * Please use variables from this sheet to ensure consistency across the UI. + * Don't add to this sheet unless you're pretty sure the value will be reused in many places. + * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. + */ +/** + * Colors + */ +/** + * Fonts & basic variables. + */ +/** + * Grid System. + * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ + */ +/** + * Dimensions. + */ +/** + * Shadows. + */ +/** + * Editor widths. + */ +/** + * Block & Editor UI. + */ +/** + * Block paddings. + */ +/** + * React Native specific. + * These variables do not appear to be used anywhere else. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset default styles 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; + cursor: pointer; + display: inline-block; + font-size: 1.125em; + padding: calc(0.667em + 2px) calc(1.333em + 2px); + text-align: center; + text-decoration: none; + overflow-wrap: break-word; + box-sizing: border-box; +} +.wp-block-button__link:hover, .wp-block-button__link:focus, .wp-block-button__link:active, .wp-block-button__link:visited { + color: #fff; +} +.wp-block-button__link.aligncenter { + text-align: center; +} +.wp-block-button__link.alignright { + text-align: right; +} + +.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-font-size .wp-block-button__link { + font-size: inherit; +} +.wp-block-buttons > .wp-block-button.wp-block-button__width-25 { + width: calc(25% - 0.5em); +} +.wp-block-buttons > .wp-block-button.wp-block-button__width-50 { + width: calc(50% - 0.5em); +} +.wp-block-buttons > .wp-block-button.wp-block-button__width-75 { + width: calc(75% - 0.5em); +} +.wp-block-buttons > .wp-block-button.wp-block-button__width-100 { + margin-left: 0; + width: 100%; +} + +.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; +} + +.is-style-outline > .wp-block-button__link, +.wp-block-button__link.is-style-outline { + border: 2px solid currentColor; + padding: 0.667em 1.333em; +} + +.is-style-outline > .wp-block-button__link:not(.has-text-color), +.wp-block-button__link.is-style-outline:not(.has-text-color) { + color: currentColor; +} + +.is-style-outline > .wp-block-button__link:not(.has-background), +.wp-block-button__link.is-style-outline:not(.has-background) { + background-color: transparent; +} \ No newline at end of file diff --git a/wp-includes/blocks/button/style-rtl.min.css b/wp-includes/blocks/button/style-rtl.min.css new file mode 100644 index 0000000000..071e72222e --- /dev/null +++ b/wp-includes/blocks/button/style-rtl.min.css @@ -0,0 +1 @@ +.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;cursor:pointer;display:inline-block;font-size:1.125em;padding:calc(.667em + 2px) calc(1.333em + 2px);text-align:center;text-decoration:none;overflow-wrap:break-word;box-sizing:border-box}.wp-block-button__link:active,.wp-block-button__link:focus,.wp-block-button__link:hover,.wp-block-button__link:visited{color:#fff}.wp-block-button__link.aligncenter{text-align:center}.wp-block-button__link.alignright{text-align:right}.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-font-size .wp-block-button__link{font-size:inherit}.wp-block-buttons>.wp-block-button.wp-block-button__width-25{width:calc(25% - .5em)}.wp-block-buttons>.wp-block-button.wp-block-button__width-50{width:calc(50% - .5em)}.wp-block-buttons>.wp-block-button.wp-block-button__width-75{width:calc(75% - .5em)}.wp-block-buttons>.wp-block-button.wp-block-button__width-100{margin-left:0;width:100%}.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}.is-style-outline>.wp-block-button__link,.wp-block-button__link.is-style-outline{border:2px solid;padding:.667em 1.333em}.is-style-outline>.wp-block-button__link:not(.has-text-color),.wp-block-button__link.is-style-outline:not(.has-text-color){color:currentColor}.is-style-outline>.wp-block-button__link:not(.has-background),.wp-block-button__link.is-style-outline:not(.has-background){background-color:initial} \ No newline at end of file diff --git a/wp-includes/blocks/button/style.css b/wp-includes/blocks/button/style.css new file mode 100644 index 0000000000..110eb75cc1 --- /dev/null +++ b/wp-includes/blocks/button/style.css @@ -0,0 +1,143 @@ +/** + * Colors + */ +/** + * Breakpoints & Media Queries + */ +/** + * SCSS Variables. + * + * Please use variables from this sheet to ensure consistency across the UI. + * Don't add to this sheet unless you're pretty sure the value will be reused in many places. + * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. + */ +/** + * Colors + */ +/** + * Fonts & basic variables. + */ +/** + * Grid System. + * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ + */ +/** + * Dimensions. + */ +/** + * Shadows. + */ +/** + * Editor widths. + */ +/** + * Block & Editor UI. + */ +/** + * Block paddings. + */ +/** + * React Native specific. + * These variables do not appear to be used anywhere else. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset default styles 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; + cursor: pointer; + display: inline-block; + font-size: 1.125em; + padding: calc(0.667em + 2px) calc(1.333em + 2px); + text-align: center; + text-decoration: none; + overflow-wrap: break-word; + box-sizing: border-box; +} +.wp-block-button__link:hover, .wp-block-button__link:focus, .wp-block-button__link:active, .wp-block-button__link:visited { + color: #fff; +} +.wp-block-button__link.aligncenter { + text-align: center; +} +.wp-block-button__link.alignright { + /*rtl:ignore*/ + text-align: right; +} + +.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-font-size .wp-block-button__link { + font-size: inherit; +} +.wp-block-buttons > .wp-block-button.wp-block-button__width-25 { + width: calc(25% - 0.5em); +} +.wp-block-buttons > .wp-block-button.wp-block-button__width-50 { + width: calc(50% - 0.5em); +} +.wp-block-buttons > .wp-block-button.wp-block-button__width-75 { + width: calc(75% - 0.5em); +} +.wp-block-buttons > .wp-block-button.wp-block-button__width-100 { + margin-right: 0; + width: 100%; +} + +.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; +} + +.is-style-outline > .wp-block-button__link, +.wp-block-button__link.is-style-outline { + border: 2px solid currentColor; + padding: 0.667em 1.333em; +} + +.is-style-outline > .wp-block-button__link:not(.has-text-color), +.wp-block-button__link.is-style-outline:not(.has-text-color) { + color: currentColor; +} + +.is-style-outline > .wp-block-button__link:not(.has-background), +.wp-block-button__link.is-style-outline:not(.has-background) { + background-color: transparent; +} \ No newline at end of file diff --git a/wp-includes/blocks/button/style.min.css b/wp-includes/blocks/button/style.min.css new file mode 100644 index 0000000000..255651293f --- /dev/null +++ b/wp-includes/blocks/button/style.min.css @@ -0,0 +1 @@ +.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;cursor:pointer;display:inline-block;font-size:1.125em;padding:calc(.667em + 2px) calc(1.333em + 2px);text-align:center;text-decoration:none;overflow-wrap:break-word;box-sizing:border-box}.wp-block-button__link:active,.wp-block-button__link:focus,.wp-block-button__link:hover,.wp-block-button__link:visited{color:#fff}.wp-block-button__link.aligncenter{text-align:center}.wp-block-button__link.alignright{text-align:right}.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-font-size .wp-block-button__link{font-size:inherit}.wp-block-buttons>.wp-block-button.wp-block-button__width-25{width:calc(25% - .5em)}.wp-block-buttons>.wp-block-button.wp-block-button__width-50{width:calc(50% - .5em)}.wp-block-buttons>.wp-block-button.wp-block-button__width-75{width:calc(75% - .5em)}.wp-block-buttons>.wp-block-button.wp-block-button__width-100{margin-right:0;width:100%}.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}.is-style-outline>.wp-block-button__link,.wp-block-button__link.is-style-outline{border:2px solid;padding:.667em 1.333em}.is-style-outline>.wp-block-button__link:not(.has-text-color),.wp-block-button__link.is-style-outline:not(.has-text-color){color:currentColor}.is-style-outline>.wp-block-button__link:not(.has-background),.wp-block-button__link.is-style-outline:not(.has-background){background-color:initial} \ No newline at end of file diff --git a/wp-includes/blocks/buttons/editor-rtl.css b/wp-includes/blocks/buttons/editor-rtl.css new file mode 100644 index 0000000000..06924fae73 --- /dev/null +++ b/wp-includes/blocks/buttons/editor-rtl.css @@ -0,0 +1,118 @@ +/** + * Colors + */ +/** + * Breakpoints & Media Queries + */ +/** + * SCSS Variables. + * + * Please use variables from this sheet to ensure consistency across the UI. + * Don't add to this sheet unless you're pretty sure the value will be reused in many places. + * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. + */ +/** + * Colors + */ +/** + * Fonts & basic variables. + */ +/** + * Grid System. + * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ + */ +/** + * Dimensions. + */ +/** + * Shadows. + */ +/** + * Editor widths. + */ +/** + * Block & Editor UI. + */ +/** + * Block paddings. + */ +/** + * React Native specific. + * These variables do not appear to be used anywhere else. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset default styles for JavaScript UI based pages. + * This is a WP-admin agnostic reset + */ +/** + * Reset the WP Admin page styles for Gutenberg-like pages. + */ +.wp-block > .wp-block-buttons { + display: flex; + flex-wrap: wrap; +} + +.wp-block-buttons { + /* stylelint-disable indentation */ +} +.wp-block-buttons > .wp-block { + margin-right: 0; + margin-top: 0.5em; + margin-left: 0.5em; +} +.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; +} + +.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; +} \ No newline at end of file diff --git a/wp-includes/blocks/buttons/editor-rtl.min.css b/wp-includes/blocks/buttons/editor-rtl.min.css new file mode 100644 index 0000000000..1a6f4451e9 --- /dev/null +++ b/wp-includes/blocks/buttons/editor-rtl.min.css @@ -0,0 +1 @@ +.wp-block>.wp-block-buttons{display:flex;flex-wrap:wrap}.wp-block-buttons>.wp-block{margin-right:0;margin-top:.5em;margin-left:.5em}.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]{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}.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} \ No newline at end of file diff --git a/wp-includes/blocks/buttons/editor.css b/wp-includes/blocks/buttons/editor.css new file mode 100644 index 0000000000..51cdc9c6bf --- /dev/null +++ b/wp-includes/blocks/buttons/editor.css @@ -0,0 +1,118 @@ +/** + * Colors + */ +/** + * Breakpoints & Media Queries + */ +/** + * SCSS Variables. + * + * Please use variables from this sheet to ensure consistency across the UI. + * Don't add to this sheet unless you're pretty sure the value will be reused in many places. + * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. + */ +/** + * Colors + */ +/** + * Fonts & basic variables. + */ +/** + * Grid System. + * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ + */ +/** + * Dimensions. + */ +/** + * Shadows. + */ +/** + * Editor widths. + */ +/** + * Block & Editor UI. + */ +/** + * Block paddings. + */ +/** + * React Native specific. + * These variables do not appear to be used anywhere else. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset default styles for JavaScript UI based pages. + * This is a WP-admin agnostic reset + */ +/** + * Reset the WP Admin page styles for Gutenberg-like pages. + */ +.wp-block > .wp-block-buttons { + display: flex; + flex-wrap: wrap; +} + +.wp-block-buttons { + /* stylelint-disable indentation */ +} +.wp-block-buttons > .wp-block { + margin-left: 0; + margin-top: 0.5em; + margin-right: 0.5em; +} +.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; +} + +.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; +} \ No newline at end of file diff --git a/wp-includes/blocks/buttons/editor.min.css b/wp-includes/blocks/buttons/editor.min.css new file mode 100644 index 0000000000..d69f0ba520 --- /dev/null +++ b/wp-includes/blocks/buttons/editor.min.css @@ -0,0 +1 @@ +.wp-block>.wp-block-buttons{display:flex;flex-wrap:wrap}.wp-block-buttons>.wp-block{margin-left:0;margin-top:.5em;margin-right:.5em}.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]{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}.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} \ No newline at end of file diff --git a/wp-includes/blocks/buttons/style-rtl.css b/wp-includes/blocks/buttons/style-rtl.css new file mode 100644 index 0000000000..d2736dd024 --- /dev/null +++ b/wp-includes/blocks/buttons/style-rtl.css @@ -0,0 +1,153 @@ +/** + * Colors + */ +/** + * Breakpoints & Media Queries + */ +/** + * SCSS Variables. + * + * Please use variables from this sheet to ensure consistency across the UI. + * Don't add to this sheet unless you're pretty sure the value will be reused in many places. + * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. + */ +/** + * Colors + */ +/** + * Fonts & basic variables. + */ +/** + * Grid System. + * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ + */ +/** + * Dimensions. + */ +/** + * Shadows. + */ +/** + * Editor widths. + */ +/** + * Block & Editor UI. + */ +/** + * Block paddings. + */ +/** + * React Native specific. + * These variables do not appear to be used anywhere else. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset default styles 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 { + display: flex; + flex-direction: row; + flex-wrap: wrap; + /* stylelint-disable indentation */ +} +.wp-block-buttons.is-vertical { + flex-direction: column; +} +.wp-block-buttons.is-vertical > .wp-block-button { + margin-right: 0; +} +.wp-block-buttons.is-vertical > .wp-block-button:last-child { + margin-bottom: 0; +} +.wp-block-buttons > .wp-block-button { + display: inline-block; + margin-left: 0; + margin-right: 0.5em; + margin-bottom: 0.5em; +} +.wp-block-buttons > .wp-block-button:last-child { + margin-right: 0; +} +.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-center { + justify-content: 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 > .wp-block-button { + margin-left: 0.5em; + margin-right: 0; +} +.wp-block-buttons.is-content-justification-right > .wp-block-button:first-child { + margin-left: 0; +} +.wp-block-buttons.is-content-justification-right.is-vertical { + align-items: flex-end; +} +.wp-block-buttons.is-content-justification-space-between { + justify-content: space-between; +} +.wp-block-buttons.aligncenter { + text-align: center; +} +.wp-block-buttons.alignleft .wp-block-button { + margin-left: 0; + margin-right: 0.5em; +} +.wp-block-buttons.alignleft .wp-block-button:last-child { + margin-right: 0; +} +.wp-block-buttons.alignright .wp-block-button { + margin-right: 0; + margin-left: 0.5em; +} +.wp-block-buttons.alignright .wp-block-button:first-child { + margin-left: 0; +} +.wp-block-buttons:not(.is-content-justification-space-between, +.is-content-justification-right, +.is-content-justification-left, +.is-content-justification-center) .wp-block-button.aligncenter { + /* stylelint-enable indentation */ + margin-right: auto; + margin-left: auto; + margin-bottom: 0.5em; + width: 100%; +} + +.wp-block-button.aligncenter { + text-align: center; +} \ No newline at end of file diff --git a/wp-includes/blocks/buttons/style-rtl.min.css b/wp-includes/blocks/buttons/style-rtl.min.css new file mode 100644 index 0000000000..f264ec4f6a --- /dev/null +++ b/wp-includes/blocks/buttons/style-rtl.min.css @@ -0,0 +1 @@ +.wp-block-buttons{display:flex;flex-direction:row;flex-wrap:wrap}.wp-block-buttons.is-vertical{flex-direction:column}.wp-block-buttons.is-vertical>.wp-block-button{margin-right:0}.wp-block-buttons.is-vertical>.wp-block-button:last-child{margin-bottom:0}.wp-block-buttons>.wp-block-button{display:inline-block;margin-left:0;margin-right:.5em;margin-bottom:.5em}.wp-block-buttons>.wp-block-button:last-child{margin-right:0}.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-center{justify-content: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>.wp-block-button{margin-left:.5em;margin-right:0}.wp-block-buttons.is-content-justification-right>.wp-block-button:first-child{margin-left:0}.wp-block-buttons.is-content-justification-right.is-vertical{align-items:flex-end}.wp-block-buttons.is-content-justification-space-between{justify-content:space-between}.wp-block-buttons.aligncenter{text-align:center}.wp-block-buttons.alignleft .wp-block-button{margin-left:0;margin-right:.5em}.wp-block-buttons.alignleft .wp-block-button:last-child{margin-right:0}.wp-block-buttons.alignright .wp-block-button{margin-right:0;margin-left:.5em}.wp-block-buttons.alignright .wp-block-button:first-child{margin-left:0}.wp-block-buttons:not(.is-content-justification-space-between,.is-content-justification-right,.is-content-justification-left,.is-content-justification-center) .wp-block-button.aligncenter{margin-right:auto;margin-left:auto;margin-bottom:.5em;width:100%}.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 new file mode 100644 index 0000000000..9c857500e3 --- /dev/null +++ b/wp-includes/blocks/buttons/style.css @@ -0,0 +1,166 @@ +/** + * Colors + */ +/** + * Breakpoints & Media Queries + */ +/** + * SCSS Variables. + * + * Please use variables from this sheet to ensure consistency across the UI. + * Don't add to this sheet unless you're pretty sure the value will be reused in many places. + * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. + */ +/** + * Colors + */ +/** + * Fonts & basic variables. + */ +/** + * Grid System. + * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ + */ +/** + * Dimensions. + */ +/** + * Shadows. + */ +/** + * Editor widths. + */ +/** + * Block & Editor UI. + */ +/** + * Block paddings. + */ +/** + * React Native specific. + * These variables do not appear to be used anywhere else. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset default styles 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 { + display: flex; + flex-direction: row; + flex-wrap: wrap; + /* stylelint-disable indentation */ +} +.wp-block-buttons.is-vertical { + flex-direction: column; +} +.wp-block-buttons.is-vertical > .wp-block-button { + /*rtl:ignore*/ + margin-right: 0; +} +.wp-block-buttons.is-vertical > .wp-block-button:last-child { + margin-bottom: 0; +} +.wp-block-buttons > .wp-block-button { + display: inline-block; + /*rtl:ignore*/ + margin-left: 0; + /*rtl:ignore*/ + margin-right: 0.5em; + margin-bottom: 0.5em; +} +.wp-block-buttons > .wp-block-button:last-child { + /*rtl:ignore*/ + margin-right: 0; +} +.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-center { + justify-content: 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 > .wp-block-button { + /*rtl:ignore*/ + margin-left: 0.5em; + /*rtl:ignore*/ + margin-right: 0; +} +.wp-block-buttons.is-content-justification-right > .wp-block-button:first-child { + /*rtl:ignore*/ + margin-left: 0; +} +.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.aligncenter { + text-align: center; +} +.wp-block-buttons.alignleft .wp-block-button { + /*rtl:ignore*/ + margin-left: 0; + /*rtl:ignore*/ + margin-right: 0.5em; +} +.wp-block-buttons.alignleft .wp-block-button:last-child { + /*rtl:ignore*/ + margin-right: 0; +} +.wp-block-buttons.alignright .wp-block-button { + /*rtl:ignore*/ + margin-right: 0; + /*rtl:ignore*/ + margin-left: 0.5em; +} +.wp-block-buttons.alignright .wp-block-button:first-child { + /*rtl:ignore*/ + margin-left: 0; +} +.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; + margin-bottom: 0.5em; + width: 100%; +} + +.wp-block-button.aligncenter { + text-align: center; +} \ No newline at end of file diff --git a/wp-includes/blocks/buttons/style.min.css b/wp-includes/blocks/buttons/style.min.css new file mode 100644 index 0000000000..14bbc371b9 --- /dev/null +++ b/wp-includes/blocks/buttons/style.min.css @@ -0,0 +1 @@ +.wp-block-buttons{display:flex;flex-direction:row;flex-wrap:wrap}.wp-block-buttons.is-vertical{flex-direction:column}.wp-block-buttons.is-vertical>.wp-block-button{margin-right:0}.wp-block-buttons.is-vertical>.wp-block-button:last-child{margin-bottom:0}.wp-block-buttons>.wp-block-button{display:inline-block;margin-left:0;margin-right:.5em;margin-bottom:.5em}.wp-block-buttons>.wp-block-button:last-child{margin-right:0}.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-center{justify-content: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>.wp-block-button{margin-left:.5em;margin-right:0}.wp-block-buttons.is-content-justification-right>.wp-block-button:first-child{margin-left:0}.wp-block-buttons.is-content-justification-right.is-vertical{align-items:flex-end}.wp-block-buttons.is-content-justification-space-between{justify-content:space-between}.wp-block-buttons.aligncenter{text-align:center}.wp-block-buttons.alignleft .wp-block-button{margin-left:0;margin-right:.5em}.wp-block-buttons.alignleft .wp-block-button:last-child{margin-right:0}.wp-block-buttons.alignright .wp-block-button{margin-right:0;margin-left:.5em}.wp-block-buttons.alignright .wp-block-button:first-child{margin-left:0}.wp-block-buttons:not(.is-content-justification-space-between,.is-content-justification-right,.is-content-justification-left,.is-content-justification-center) .wp-block-button.aligncenter{margin-left:auto;margin-right:auto;margin-bottom:.5em;width:100%}.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 new file mode 100644 index 0000000000..7fc0815d81 --- /dev/null +++ b/wp-includes/blocks/calendar/style-rtl.css @@ -0,0 +1,96 @@ +/** + * Colors + */ +/** + * Breakpoints & Media Queries + */ +/** + * SCSS Variables. + * + * Please use variables from this sheet to ensure consistency across the UI. + * Don't add to this sheet unless you're pretty sure the value will be reused in many places. + * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. + */ +/** + * Colors + */ +/** + * Fonts & basic variables. + */ +/** + * Grid System. + * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ + */ +/** + * Dimensions. + */ +/** + * Shadows. + */ +/** + * Editor widths. + */ +/** + * Block & Editor UI. + */ +/** + * Block paddings. + */ +/** + * React Native specific. + * These variables do not appear to be used anywhere else. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset default styles 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 th, +.wp-block-calendar tbody td { + padding: 0.25em; + border: 1px solid #ddd; +} +.wp-block-calendar tfoot td { + border: none; +} +.wp-block-calendar table { + width: 100%; + border-collapse: collapse; +} +.wp-block-calendar table th { + font-weight: 400; + background: #ddd; +} +.wp-block-calendar a { + text-decoration: underline; +} +.wp-block-calendar table tbody, +.wp-block-calendar table caption { + color: #40464d; +} \ No newline at end of file diff --git a/wp-includes/blocks/calendar/style-rtl.min.css b/wp-includes/blocks/calendar/style-rtl.min.css new file mode 100644 index 0000000000..6e19eb9cbc --- /dev/null +++ b/wp-includes/blocks/calendar/style-rtl.min.css @@ -0,0 +1 @@ +.wp-block-calendar{text-align:center}.wp-block-calendar tbody td,.wp-block-calendar th{padding:.25em;border:1px solid #ddd}.wp-block-calendar tfoot td{border:none}.wp-block-calendar table{width:100%;border-collapse:collapse}.wp-block-calendar table th{font-weight:400;background:#ddd}.wp-block-calendar a{text-decoration:underline}.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 new file mode 100644 index 0000000000..7fc0815d81 --- /dev/null +++ b/wp-includes/blocks/calendar/style.css @@ -0,0 +1,96 @@ +/** + * Colors + */ +/** + * Breakpoints & Media Queries + */ +/** + * SCSS Variables. + * + * Please use variables from this sheet to ensure consistency across the UI. + * Don't add to this sheet unless you're pretty sure the value will be reused in many places. + * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. + */ +/** + * Colors + */ +/** + * Fonts & basic variables. + */ +/** + * Grid System. + * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ + */ +/** + * Dimensions. + */ +/** + * Shadows. + */ +/** + * Editor widths. + */ +/** + * Block & Editor UI. + */ +/** + * Block paddings. + */ +/** + * React Native specific. + * These variables do not appear to be used anywhere else. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset default styles 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 th, +.wp-block-calendar tbody td { + padding: 0.25em; + border: 1px solid #ddd; +} +.wp-block-calendar tfoot td { + border: none; +} +.wp-block-calendar table { + width: 100%; + border-collapse: collapse; +} +.wp-block-calendar table th { + font-weight: 400; + background: #ddd; +} +.wp-block-calendar a { + text-decoration: underline; +} +.wp-block-calendar table tbody, +.wp-block-calendar table caption { + color: #40464d; +} \ No newline at end of file diff --git a/wp-includes/blocks/calendar/style.min.css b/wp-includes/blocks/calendar/style.min.css new file mode 100644 index 0000000000..6e19eb9cbc --- /dev/null +++ b/wp-includes/blocks/calendar/style.min.css @@ -0,0 +1 @@ +.wp-block-calendar{text-align:center}.wp-block-calendar tbody td,.wp-block-calendar th{padding:.25em;border:1px solid #ddd}.wp-block-calendar tfoot td{border:none}.wp-block-calendar table{width:100%;border-collapse:collapse}.wp-block-calendar table th{font-weight:400;background:#ddd}.wp-block-calendar a{text-decoration:underline}.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 new file mode 100644 index 0000000000..78b1d5c365 --- /dev/null +++ b/wp-includes/blocks/categories/editor-rtl.css @@ -0,0 +1,76 @@ +/** + * Colors + */ +/** + * Breakpoints & Media Queries + */ +/** + * SCSS Variables. + * + * Please use variables from this sheet to ensure consistency across the UI. + * Don't add to this sheet unless you're pretty sure the value will be reused in many places. + * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. + */ +/** + * Colors + */ +/** + * Fonts & basic variables. + */ +/** + * Grid System. + * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ + */ +/** + * Dimensions. + */ +/** + * Shadows. + */ +/** + * Editor widths. + */ +/** + * Block & Editor UI. + */ +/** + * Block paddings. + */ +/** + * React Native specific. + * These variables do not appear to be used anywhere else. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset default styles 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 ul { + margin-top: 6px; +} \ No newline at end of file diff --git a/wp-includes/blocks/categories/editor-rtl.min.css b/wp-includes/blocks/categories/editor-rtl.min.css new file mode 100644 index 0000000000..c20be5a4e5 --- /dev/null +++ b/wp-includes/blocks/categories/editor-rtl.min.css @@ -0,0 +1 @@ +.wp-block-categories ul{padding-right:2.5em}.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 new file mode 100644 index 0000000000..d579e897d5 --- /dev/null +++ b/wp-includes/blocks/categories/editor.css @@ -0,0 +1,76 @@ +/** + * Colors + */ +/** + * Breakpoints & Media Queries + */ +/** + * SCSS Variables. + * + * Please use variables from this sheet to ensure consistency across the UI. + * Don't add to this sheet unless you're pretty sure the value will be reused in many places. + * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. + */ +/** + * Colors + */ +/** + * Fonts & basic variables. + */ +/** + * Grid System. + * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ + */ +/** + * Dimensions. + */ +/** + * Shadows. + */ +/** + * Editor widths. + */ +/** + * Block & Editor UI. + */ +/** + * Block paddings. + */ +/** + * React Native specific. + * These variables do not appear to be used anywhere else. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset default styles 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 ul { + margin-top: 6px; +} \ No newline at end of file diff --git a/wp-includes/blocks/categories/editor.min.css b/wp-includes/blocks/categories/editor.min.css new file mode 100644 index 0000000000..705e5e7f90 --- /dev/null +++ b/wp-includes/blocks/categories/editor.min.css @@ -0,0 +1 @@ +.wp-block-categories ul{padding-left:2.5em}.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 new file mode 100644 index 0000000000..0eeb923445 --- /dev/null +++ b/wp-includes/blocks/categories/style-rtl.css @@ -0,0 +1,76 @@ +/** + * Colors + */ +/** + * Breakpoints & Media Queries + */ +/** + * SCSS Variables. + * + * Please use variables from this sheet to ensure consistency across the UI. + * Don't add to this sheet unless you're pretty sure the value will be reused in many places. + * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. + */ +/** + * Colors + */ +/** + * Fonts & basic variables. + */ +/** + * Grid System. + * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ + */ +/** + * Dimensions. + */ +/** + * Shadows. + */ +/** + * Editor widths. + */ +/** + * Block & Editor UI. + */ +/** + * Block paddings. + */ +/** + * React Native specific. + * These variables do not appear to be used anywhere else. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset default styles 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.alignleft { + margin-right: 2em; +} +.wp-block-categories.alignright { + margin-left: 2em; +} \ No newline at end of file diff --git a/wp-includes/blocks/categories/style-rtl.min.css b/wp-includes/blocks/categories/style-rtl.min.css new file mode 100644 index 0000000000..acd975e6a7 --- /dev/null +++ b/wp-includes/blocks/categories/style-rtl.min.css @@ -0,0 +1 @@ +.wp-block-categories.alignleft{margin-right: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 new file mode 100644 index 0000000000..e9f11ab009 --- /dev/null +++ b/wp-includes/blocks/categories/style.css @@ -0,0 +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. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset default styles 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.alignleft { + /*rtl:ignore*/ + margin-right: 2em; +} +.wp-block-categories.alignright { + /*rtl:ignore*/ + margin-left: 2em; +} \ No newline at end of file diff --git a/wp-includes/blocks/categories/style.min.css b/wp-includes/blocks/categories/style.min.css new file mode 100644 index 0000000000..acd975e6a7 --- /dev/null +++ b/wp-includes/blocks/categories/style.min.css @@ -0,0 +1 @@ +.wp-block-categories.alignleft{margin-right:2em}.wp-block-categories.alignright{margin-left:2em} \ No newline at end of file diff --git a/wp-includes/blocks/code/style-rtl.css b/wp-includes/blocks/code/style-rtl.css new file mode 100644 index 0000000000..83380b7c07 --- /dev/null +++ b/wp-includes/blocks/code/style-rtl.css @@ -0,0 +1,75 @@ +/** + * Colors + */ +/** + * Breakpoints & Media Queries + */ +/** + * SCSS Variables. + * + * Please use variables from this sheet to ensure consistency across the UI. + * Don't add to this sheet unless you're pretty sure the value will be reused in many places. + * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. + */ +/** + * Colors + */ +/** + * Fonts & basic variables. + */ +/** + * Grid System. + * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ + */ +/** + * Dimensions. + */ +/** + * Shadows. + */ +/** + * Editor widths. + */ +/** + * Block & Editor UI. + */ +/** + * Block paddings. + */ +/** + * React Native specific. + * These variables do not appear to be used anywhere else. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset default styles 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 { + display: block; + white-space: pre-wrap; + overflow-wrap: break-word; +} \ No newline at end of file diff --git a/wp-includes/blocks/code/style-rtl.min.css b/wp-includes/blocks/code/style-rtl.min.css new file mode 100644 index 0000000000..245e182dd0 --- /dev/null +++ b/wp-includes/blocks/code/style-rtl.min.css @@ -0,0 +1 @@ +.wp-block-code code{display:block;white-space:pre-wrap;overflow-wrap:break-word} \ No newline at end of file diff --git a/wp-includes/blocks/code/style.css b/wp-includes/blocks/code/style.css new file mode 100644 index 0000000000..83380b7c07 --- /dev/null +++ b/wp-includes/blocks/code/style.css @@ -0,0 +1,75 @@ +/** + * Colors + */ +/** + * Breakpoints & Media Queries + */ +/** + * SCSS Variables. + * + * Please use variables from this sheet to ensure consistency across the UI. + * Don't add to this sheet unless you're pretty sure the value will be reused in many places. + * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. + */ +/** + * Colors + */ +/** + * Fonts & basic variables. + */ +/** + * Grid System. + * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ + */ +/** + * Dimensions. + */ +/** + * Shadows. + */ +/** + * Editor widths. + */ +/** + * Block & Editor UI. + */ +/** + * Block paddings. + */ +/** + * React Native specific. + * These variables do not appear to be used anywhere else. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset default styles 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 { + display: block; + white-space: pre-wrap; + overflow-wrap: break-word; +} \ No newline at end of file diff --git a/wp-includes/blocks/code/style.min.css b/wp-includes/blocks/code/style.min.css new file mode 100644 index 0000000000..245e182dd0 --- /dev/null +++ b/wp-includes/blocks/code/style.min.css @@ -0,0 +1 @@ +.wp-block-code code{display:block;white-space:pre-wrap;overflow-wrap:break-word} \ No newline at end of file diff --git a/wp-includes/blocks/columns/editor-rtl.css b/wp-includes/blocks/columns/editor-rtl.css new file mode 100644 index 0000000000..6f29d37e75 --- /dev/null +++ b/wp-includes/blocks/columns/editor-rtl.css @@ -0,0 +1,90 @@ +/** + * Colors + */ +/** + * Breakpoints & Media Queries + */ +/** + * SCSS Variables. + * + * Please use variables from this sheet to ensure consistency across the UI. + * Don't add to this sheet unless you're pretty sure the value will be reused in many places. + * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. + */ +/** + * Colors + */ +/** + * Fonts & basic variables. + */ +/** + * Grid System. + * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ + */ +/** + * Dimensions. + */ +/** + * Shadows. + */ +/** + * Editor widths. + */ +/** + * Block & Editor UI. + */ +/** + * Block paddings. + */ +/** + * React Native specific. + * These variables do not appear to be used anywhere else. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset default styles 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 .wp-block { + max-width: none; + margin-right: 0; + margin-left: 0; +} + +@media (min-width: 600px) { + .editor-styles-wrapper .block-editor-block-list__block.wp-block-column:nth-child(even) { + margin-right: 32px; + } +} +@media (min-width: 782px) { + .editor-styles-wrapper .block-editor-block-list__block.wp-block-column:not(:first-child) { + margin-right: 32px; + } +} +.block-editor-block-list__block.wp-block-column.wp-block-column { + margin-top: 0; + margin-bottom: 0; +} \ No newline at end of file diff --git a/wp-includes/blocks/columns/editor-rtl.min.css b/wp-includes/blocks/columns/editor-rtl.min.css new file mode 100644 index 0000000000..e3e98983fc --- /dev/null +++ b/wp-includes/blocks/columns/editor-rtl.min.css @@ -0,0 +1 @@ +.wp-block-columns .wp-block{max-width:none;margin-right:0;margin-left:0}@media (min-width:600px){.editor-styles-wrapper .block-editor-block-list__block.wp-block-column:nth-child(2n){margin-right:32px}}@media (min-width:782px){.editor-styles-wrapper .block-editor-block-list__block.wp-block-column:not(:first-child){margin-right:32px}}.block-editor-block-list__block.wp-block-column.wp-block-column{margin-top:0;margin-bottom:0} \ No newline at end of file diff --git a/wp-includes/blocks/columns/editor.css b/wp-includes/blocks/columns/editor.css new file mode 100644 index 0000000000..07470f47e3 --- /dev/null +++ b/wp-includes/blocks/columns/editor.css @@ -0,0 +1,90 @@ +/** + * Colors + */ +/** + * Breakpoints & Media Queries + */ +/** + * SCSS Variables. + * + * Please use variables from this sheet to ensure consistency across the UI. + * Don't add to this sheet unless you're pretty sure the value will be reused in many places. + * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. + */ +/** + * Colors + */ +/** + * Fonts & basic variables. + */ +/** + * Grid System. + * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ + */ +/** + * Dimensions. + */ +/** + * Shadows. + */ +/** + * Editor widths. + */ +/** + * Block & Editor UI. + */ +/** + * Block paddings. + */ +/** + * React Native specific. + * These variables do not appear to be used anywhere else. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset default styles 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 .wp-block { + max-width: none; + margin-left: 0; + margin-right: 0; +} + +@media (min-width: 600px) { + .editor-styles-wrapper .block-editor-block-list__block.wp-block-column:nth-child(even) { + margin-left: 32px; + } +} +@media (min-width: 782px) { + .editor-styles-wrapper .block-editor-block-list__block.wp-block-column:not(:first-child) { + margin-left: 32px; + } +} +.block-editor-block-list__block.wp-block-column.wp-block-column { + margin-top: 0; + margin-bottom: 0; +} \ No newline at end of file diff --git a/wp-includes/blocks/columns/editor.min.css b/wp-includes/blocks/columns/editor.min.css new file mode 100644 index 0000000000..8019dedcf8 --- /dev/null +++ b/wp-includes/blocks/columns/editor.min.css @@ -0,0 +1 @@ +.wp-block-columns .wp-block{max-width:none;margin-left:0;margin-right:0}@media (min-width:600px){.editor-styles-wrapper .block-editor-block-list__block.wp-block-column:nth-child(2n){margin-left:32px}}@media (min-width:782px){.editor-styles-wrapper .block-editor-block-list__block.wp-block-column:not(:first-child){margin-left:32px}}.block-editor-block-list__block.wp-block-column.wp-block-column{margin-top:0;margin-bottom: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 new file mode 100644 index 0000000000..eb830c19d6 --- /dev/null +++ b/wp-includes/blocks/columns/style-rtl.css @@ -0,0 +1,145 @@ +/** + * Colors + */ +/** + * Breakpoints & Media Queries + */ +/** + * SCSS Variables. + * + * Please use variables from this sheet to ensure consistency across the UI. + * Don't add to this sheet unless you're pretty sure the value will be reused in many places. + * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. + */ +/** + * Colors + */ +/** + * Fonts & basic variables. + */ +/** + * Grid System. + * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ + */ +/** + * Dimensions. + */ +/** + * Shadows. + */ +/** + * Editor widths. + */ +/** + * Block & Editor UI. + */ +/** + * Block paddings. + */ +/** + * React Native specific. + * These variables do not appear to be used anywhere else. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset default styles 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; + /** + * All Columns Alignment + */ +} +@media (min-width: 782px) { + .wp-block-columns { + flex-wrap: nowrap; + } +} +.wp-block-columns.has-background { + padding: 1.25em 2.375em; +} +.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-bottom { + align-items: flex-end; +} + +.wp-block-column { + flex-grow: 1; + min-width: 0; + word-break: break-word; + overflow-wrap: break-word; + /** + * Individual Column Alignment + */ +} +@media (max-width: 599px) { + .wp-block-column { + flex-basis: 100% !important; + } +} +@media (min-width: 600px) and (max-width: 781px) { + .wp-block-column:not(:only-child) { + flex-basis: calc(50% - 1em) !important; + flex-grow: 0; + } + .wp-block-column:nth-child(even) { + margin-right: 2em; + } +} +@media (min-width: 782px) { + .wp-block-column { + flex-basis: 0; + flex-grow: 1; + } + .wp-block-column[style*=flex-basis] { + flex-grow: 0; + } + .wp-block-column:not(:first-child) { + margin-right: 2em; + } +} +.wp-block-column.is-vertically-aligned-top { + align-self: flex-start; +} +.wp-block-column.is-vertically-aligned-center { + -ms-grid-row-align: center; + align-self: center; +} +.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%; +} \ No newline at end of file diff --git a/wp-includes/blocks/columns/style-rtl.min.css b/wp-includes/blocks/columns/style-rtl.min.css new file mode 100644 index 0000000000..e49f1508a1 --- /dev/null +++ b/wp-includes/blocks/columns/style-rtl.min.css @@ -0,0 +1 @@ +.wp-block-columns{display:flex;margin-bottom:1.75em;box-sizing:border-box;flex-wrap:wrap}@media (min-width:782px){.wp-block-columns{flex-wrap:nowrap}}.wp-block-columns.has-background{padding:1.25em 2.375em}.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-bottom{align-items:flex-end}.wp-block-column{flex-grow:1;min-width:0;word-break:break-word;overflow-wrap:break-word}@media (max-width:599px){.wp-block-column{flex-basis:100%!important}}@media (min-width:600px) and (max-width:781px){.wp-block-column:not(:only-child){flex-basis:calc(50% - 1em)!important;flex-grow:0}.wp-block-column:nth-child(2n){margin-right:2em}}@media (min-width:782px){.wp-block-column{flex-basis:0;flex-grow:1}.wp-block-column[style*=flex-basis]{flex-grow:0}.wp-block-column:not(:first-child){margin-right:2em}}.wp-block-column.is-vertically-aligned-top{align-self:flex-start}.wp-block-column.is-vertically-aligned-center{-ms-grid-row-align: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%} \ No newline at end of file diff --git a/wp-includes/blocks/columns/style.css b/wp-includes/blocks/columns/style.css new file mode 100644 index 0000000000..b992f32fdb --- /dev/null +++ b/wp-includes/blocks/columns/style.css @@ -0,0 +1,145 @@ +/** + * Colors + */ +/** + * Breakpoints & Media Queries + */ +/** + * SCSS Variables. + * + * Please use variables from this sheet to ensure consistency across the UI. + * Don't add to this sheet unless you're pretty sure the value will be reused in many places. + * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. + */ +/** + * Colors + */ +/** + * Fonts & basic variables. + */ +/** + * Grid System. + * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ + */ +/** + * Dimensions. + */ +/** + * Shadows. + */ +/** + * Editor widths. + */ +/** + * Block & Editor UI. + */ +/** + * Block paddings. + */ +/** + * React Native specific. + * These variables do not appear to be used anywhere else. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset default styles 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; + /** + * All Columns Alignment + */ +} +@media (min-width: 782px) { + .wp-block-columns { + flex-wrap: nowrap; + } +} +.wp-block-columns.has-background { + padding: 1.25em 2.375em; +} +.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-bottom { + align-items: flex-end; +} + +.wp-block-column { + flex-grow: 1; + min-width: 0; + word-break: break-word; + overflow-wrap: break-word; + /** + * Individual Column Alignment + */ +} +@media (max-width: 599px) { + .wp-block-column { + flex-basis: 100% !important; + } +} +@media (min-width: 600px) and (max-width: 781px) { + .wp-block-column:not(:only-child) { + flex-basis: calc(50% - 1em) !important; + flex-grow: 0; + } + .wp-block-column:nth-child(even) { + margin-left: 2em; + } +} +@media (min-width: 782px) { + .wp-block-column { + flex-basis: 0; + flex-grow: 1; + } + .wp-block-column[style*=flex-basis] { + flex-grow: 0; + } + .wp-block-column:not(:first-child) { + margin-left: 2em; + } +} +.wp-block-column.is-vertically-aligned-top { + align-self: flex-start; +} +.wp-block-column.is-vertically-aligned-center { + -ms-grid-row-align: center; + align-self: center; +} +.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%; +} \ No newline at end of file diff --git a/wp-includes/blocks/columns/style.min.css b/wp-includes/blocks/columns/style.min.css new file mode 100644 index 0000000000..e5f0e07785 --- /dev/null +++ b/wp-includes/blocks/columns/style.min.css @@ -0,0 +1 @@ +.wp-block-columns{display:flex;margin-bottom:1.75em;box-sizing:border-box;flex-wrap:wrap}@media (min-width:782px){.wp-block-columns{flex-wrap:nowrap}}.wp-block-columns.has-background{padding:1.25em 2.375em}.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-bottom{align-items:flex-end}.wp-block-column{flex-grow:1;min-width:0;word-break:break-word;overflow-wrap:break-word}@media (max-width:599px){.wp-block-column{flex-basis:100%!important}}@media (min-width:600px) and (max-width:781px){.wp-block-column:not(:only-child){flex-basis:calc(50% - 1em)!important;flex-grow:0}.wp-block-column:nth-child(2n){margin-left:2em}}@media (min-width:782px){.wp-block-column{flex-basis:0;flex-grow:1}.wp-block-column[style*=flex-basis]{flex-grow:0}.wp-block-column:not(:first-child){margin-left:2em}}.wp-block-column.is-vertically-aligned-top{align-self:flex-start}.wp-block-column.is-vertically-aligned-center{-ms-grid-row-align: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%} \ No newline at end of file diff --git a/wp-includes/blocks/cover/editor-rtl.css b/wp-includes/blocks/cover/editor-rtl.css new file mode 100644 index 0000000000..1cc8e197cc --- /dev/null +++ b/wp-includes/blocks/cover/editor-rtl.css @@ -0,0 +1,157 @@ +/** + * Colors + */ +/** + * Breakpoints & Media Queries + */ +/** + * SCSS Variables. + * + * Please use variables from this sheet to ensure consistency across the UI. + * Don't add to this sheet unless you're pretty sure the value will be reused in many places. + * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. + */ +/** + * Colors + */ +/** + * Fonts & basic variables. + */ +/** + * Grid System. + * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ + */ +/** + * Dimensions. + */ +/** + * Shadows. + */ +/** + * Editor widths. + */ +/** + * Block & Editor UI. + */ +/** + * Block paddings. + */ +/** + * React Native specific. + * These variables do not appear to be used anywhere else. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset default styles 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.is-placeholder { + min-height: auto !important; + padding: 0 !important; +} +.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 .block-editor-block-list__layout { + width: 100%; +} +.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%; +} + +[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__resize-container { + position: absolute !important; + top: 0; + right: 0; + left: 0; + bottom: 0; +} + +.block-library-cover__resize-container:not(.is-resizing) { + height: auto !important; +} + +.wp-block-cover > .components-drop-zone.is-active { + transition: 0.2s opacity, 0.2s border; +} +@media (prefers-reduced-motion: reduce) { + .wp-block-cover > .components-drop-zone.is-active { + transition-duration: 0s; + transition-delay: 0s; + } +} +.wp-block-cover > .components-drop-zone.is-dragging-over-element { + background-color: transparent; + border: 48px solid var(--wp-admin-theme-color); +} +.wp-block-cover > .components-drop-zone.is-dragging-over-element .components-drop-zone__content { + transform: none; +} +.wp-block-cover > .components-drop-zone .components-drop-zone__content { + display: flex; + align-items: center; + top: -36px; + right: -36px; + transform: none; +} +.wp-block-cover > .components-drop-zone .components-drop-zone__content-icon, +.wp-block-cover > .components-drop-zone .components-drop-zone__content-text { + display: inline; +} +.wp-block-cover > .components-drop-zone .components-drop-zone__content-icon { + margin: 0; + margin-left: 8px; +} +.wp-block-cover > .components-drop-zone .components-drop-zone__content-text { + font-size: 13px; +} \ No newline at end of file diff --git a/wp-includes/blocks/cover/editor-rtl.min.css b/wp-includes/blocks/cover/editor-rtl.min.css new file mode 100644 index 0000000000..e29860c02f --- /dev/null +++ b/wp-includes/blocks/cover/editor-rtl.min.css @@ -0,0 +1 @@ +.wp-block-cover.is-placeholder{min-height:auto!important;padding:0!important}.wp-block-cover.components-placeholder h2{color:inherit}.wp-block-cover.is-transient:before{background-color:#fff;opacity:.3}.wp-block-cover .components-spinner{position:absolute;z-index:1;top:50%;right:50%;transform:translate(50%,-50%);margin:0}.wp-block-cover .block-editor-block-list__layout{width:100%}.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%}[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__resize-container{position:absolute!important;top:0;right:0;left:0;bottom:0}.block-library-cover__resize-container:not(.is-resizing){height:auto!important}.wp-block-cover>.components-drop-zone.is-active{transition:opacity .2s,border .2s}@media (prefers-reduced-motion:reduce){.wp-block-cover>.components-drop-zone.is-active{transition-duration:0s;transition-delay:0s}}.wp-block-cover>.components-drop-zone.is-dragging-over-element{background-color:initial;border:48px solid var(--wp-admin-theme-color)}.wp-block-cover>.components-drop-zone.is-dragging-over-element .components-drop-zone__content{transform:none}.wp-block-cover>.components-drop-zone .components-drop-zone__content{display:flex;align-items:center;top:-36px;right:-36px;transform:none}.wp-block-cover>.components-drop-zone .components-drop-zone__content-icon,.wp-block-cover>.components-drop-zone .components-drop-zone__content-text{display:inline}.wp-block-cover>.components-drop-zone .components-drop-zone__content-icon{margin:0 0 0 8px}.wp-block-cover>.components-drop-zone .components-drop-zone__content-text{font-size:13px} \ No newline at end of file diff --git a/wp-includes/blocks/cover/editor.css b/wp-includes/blocks/cover/editor.css new file mode 100644 index 0000000000..6f2e0d06a3 --- /dev/null +++ b/wp-includes/blocks/cover/editor.css @@ -0,0 +1,157 @@ +/** + * Colors + */ +/** + * Breakpoints & Media Queries + */ +/** + * SCSS Variables. + * + * Please use variables from this sheet to ensure consistency across the UI. + * Don't add to this sheet unless you're pretty sure the value will be reused in many places. + * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. + */ +/** + * Colors + */ +/** + * Fonts & basic variables. + */ +/** + * Grid System. + * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ + */ +/** + * Dimensions. + */ +/** + * Shadows. + */ +/** + * Editor widths. + */ +/** + * Block & Editor UI. + */ +/** + * Block paddings. + */ +/** + * React Native specific. + * These variables do not appear to be used anywhere else. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset default styles 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.is-placeholder { + min-height: auto !important; + padding: 0 !important; +} +.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 .block-editor-block-list__layout { + width: 100%; +} +.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%; +} + +[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__resize-container { + position: absolute !important; + top: 0; + left: 0; + right: 0; + bottom: 0; +} + +.block-library-cover__resize-container:not(.is-resizing) { + height: auto !important; +} + +.wp-block-cover > .components-drop-zone.is-active { + transition: 0.2s opacity, 0.2s border; +} +@media (prefers-reduced-motion: reduce) { + .wp-block-cover > .components-drop-zone.is-active { + transition-duration: 0s; + transition-delay: 0s; + } +} +.wp-block-cover > .components-drop-zone.is-dragging-over-element { + background-color: transparent; + border: 48px solid var(--wp-admin-theme-color); +} +.wp-block-cover > .components-drop-zone.is-dragging-over-element .components-drop-zone__content { + transform: none; +} +.wp-block-cover > .components-drop-zone .components-drop-zone__content { + display: flex; + align-items: center; + top: -36px; + left: -36px; + transform: none; +} +.wp-block-cover > .components-drop-zone .components-drop-zone__content-icon, +.wp-block-cover > .components-drop-zone .components-drop-zone__content-text { + display: inline; +} +.wp-block-cover > .components-drop-zone .components-drop-zone__content-icon { + margin: 0; + margin-right: 8px; +} +.wp-block-cover > .components-drop-zone .components-drop-zone__content-text { + font-size: 13px; +} \ No newline at end of file diff --git a/wp-includes/blocks/cover/editor.min.css b/wp-includes/blocks/cover/editor.min.css new file mode 100644 index 0000000000..8b35563619 --- /dev/null +++ b/wp-includes/blocks/cover/editor.min.css @@ -0,0 +1 @@ +.wp-block-cover.is-placeholder{min-height:auto!important;padding:0!important}.wp-block-cover.components-placeholder h2{color:inherit}.wp-block-cover.is-transient:before{background-color:#fff;opacity:.3}.wp-block-cover .components-spinner{position:absolute;z-index:1;top:50%;left:50%;transform:translate(-50%,-50%);margin:0}.wp-block-cover .block-editor-block-list__layout{width:100%}.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%}[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__resize-container{position:absolute!important;top:0;left:0;right:0;bottom:0}.block-library-cover__resize-container:not(.is-resizing){height:auto!important}.wp-block-cover>.components-drop-zone.is-active{transition:opacity .2s,border .2s}@media (prefers-reduced-motion:reduce){.wp-block-cover>.components-drop-zone.is-active{transition-duration:0s;transition-delay:0s}}.wp-block-cover>.components-drop-zone.is-dragging-over-element{background-color:initial;border:48px solid var(--wp-admin-theme-color)}.wp-block-cover>.components-drop-zone.is-dragging-over-element .components-drop-zone__content{transform:none}.wp-block-cover>.components-drop-zone .components-drop-zone__content{display:flex;align-items:center;top:-36px;left:-36px;transform:none}.wp-block-cover>.components-drop-zone .components-drop-zone__content-icon,.wp-block-cover>.components-drop-zone .components-drop-zone__content-text{display:inline}.wp-block-cover>.components-drop-zone .components-drop-zone__content-icon{margin:0 8px 0 0}.wp-block-cover>.components-drop-zone .components-drop-zone__content-text{font-size:13px} \ No newline at end of file diff --git a/wp-includes/blocks/cover/style-rtl.css b/wp-includes/blocks/cover/style-rtl.css new file mode 100644 index 0000000000..6e7838a685 --- /dev/null +++ b/wp-includes/blocks/cover/style-rtl.css @@ -0,0 +1,374 @@ +/** + * Colors + */ +/** + * Breakpoints & Media Queries + */ +/** + * SCSS Variables. + * + * Please use variables from this sheet to ensure consistency across the UI. + * Don't add to this sheet unless you're pretty sure the value will be reused in many places. + * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. + */ +/** + * Colors + */ +/** + * Fonts & basic variables. + */ +/** + * Grid System. + * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ + */ +/** + * Dimensions. + */ +/** + * Shadows. + */ +/** + * Editor widths. + */ +/** + * Block & Editor UI. + */ +/** + * Block paddings. + */ +/** + * React Native specific. + * These variables do not appear to be used anywhere else. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset default styles 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-size: cover; + background-position: center center; + min-height: 430px; + width: 100%; + display: flex; + justify-content: center; + align-items: center; + padding: 1em; + box-sizing: border-box; + /** + * 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-parallax, +.wp-block-cover.has-parallax { + background-attachment: fixed; +} +@supports (-webkit-overflow-scrolling: touch) { + .wp-block-cover-image.has-parallax, +.wp-block-cover.has-parallax { + background-attachment: scroll; + } +} +@media (prefers-reduced-motion: reduce) { + .wp-block-cover-image.has-parallax, +.wp-block-cover.has-parallax { + background-attachment: scroll; + } +} +.wp-block-cover-image.is-repeated, +.wp-block-cover.is-repeated { + background-repeat: repeat; + background-size: auto; +} +.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::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__gradient-background, +.wp-block-cover.has-background-dim:not(.has-background-gradient)::before, +.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__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__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__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__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__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__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__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__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__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__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__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__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__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__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__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__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__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__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__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__gradient-background { + 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-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; +} +.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 img.wp-block-cover__image-background, +.wp-block-cover-image video.wp-block-cover__video-background, +.wp-block-cover img.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__video-background { + z-index: 0; +} + +.wp-block-cover__image-background { + z-index: 0; +} + +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 .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.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; +} \ No newline at end of file diff --git a/wp-includes/blocks/cover/style-rtl.min.css b/wp-includes/blocks/cover/style-rtl.min.css new file mode 100644 index 0000000000..d81b81c211 --- /dev/null +++ b/wp-includes/blocks/cover/style-rtl.min.css @@ -0,0 +1 @@ +.wp-block-cover,.wp-block-cover-image{position:relative;background-size:cover;background-position:50%;min-height:430px;width:100%;display:flex;justify-content:center;align-items:center;padding:1em;box-sizing:border-box}.wp-block-cover-image.has-parallax,.wp-block-cover.has-parallax{background-attachment:fixed}@supports (-webkit-overflow-scrolling:touch){.wp-block-cover-image.has-parallax,.wp-block-cover.has-parallax{background-attachment:scroll}}@media (prefers-reduced-motion:reduce){.wp-block-cover-image.has-parallax,.wp-block-cover.has-parallax{background-attachment:scroll}}.wp-block-cover-image.is-repeated,.wp-block-cover.is-repeated{background-repeat:repeat;background-size:auto}.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: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__gradient-background,.wp-block-cover.has-background-dim:not(.has-background-gradient):before,.wp-block-cover .wp-block-cover__gradient-background{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;opacity:.5}.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__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__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__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__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__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__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__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 .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__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 .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__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 .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__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 .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__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 .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__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 .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__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-100:not(.has-background-gradient):before{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-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}.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),.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){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 img.wp-block-cover__image-background,.wp-block-cover-image video.wp-block-cover__video-background,.wp-block-cover img.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-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 .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-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.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}.wp-block-cover-image .wp-block-cover-image-text,.wp-block-cover .wp-block-cover-text,section.wp-block-cover-image>h2{font-size:2em;line-height:1.25;z-index:1;margin-bottom:0;max-width:840px;padding:.44em;text-align:center} \ No newline at end of file diff --git a/wp-includes/blocks/cover/style.css b/wp-includes/blocks/cover/style.css new file mode 100644 index 0000000000..faaf6041d2 --- /dev/null +++ b/wp-includes/blocks/cover/style.css @@ -0,0 +1,374 @@ +/** + * Colors + */ +/** + * Breakpoints & Media Queries + */ +/** + * SCSS Variables. + * + * Please use variables from this sheet to ensure consistency across the UI. + * Don't add to this sheet unless you're pretty sure the value will be reused in many places. + * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. + */ +/** + * Colors + */ +/** + * Fonts & basic variables. + */ +/** + * Grid System. + * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ + */ +/** + * Dimensions. + */ +/** + * Shadows. + */ +/** + * Editor widths. + */ +/** + * Block & Editor UI. + */ +/** + * Block paddings. + */ +/** + * React Native specific. + * These variables do not appear to be used anywhere else. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset default styles 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-size: cover; + background-position: center center; + min-height: 430px; + width: 100%; + display: flex; + justify-content: center; + align-items: center; + padding: 1em; + box-sizing: border-box; + /** + * 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-parallax, +.wp-block-cover.has-parallax { + background-attachment: fixed; +} +@supports (-webkit-overflow-scrolling: touch) { + .wp-block-cover-image.has-parallax, +.wp-block-cover.has-parallax { + background-attachment: scroll; + } +} +@media (prefers-reduced-motion: reduce) { + .wp-block-cover-image.has-parallax, +.wp-block-cover.has-parallax { + background-attachment: scroll; + } +} +.wp-block-cover-image.is-repeated, +.wp-block-cover.is-repeated { + background-repeat: repeat; + background-size: auto; +} +.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::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__gradient-background, +.wp-block-cover.has-background-dim:not(.has-background-gradient)::before, +.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__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__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__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__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__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__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__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__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__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__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__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__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__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__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__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__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__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__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__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__gradient-background { + 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-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; +} +.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 img.wp-block-cover__image-background, +.wp-block-cover-image video.wp-block-cover__video-background, +.wp-block-cover img.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__video-background { + z-index: 0; +} + +.wp-block-cover__image-background { + z-index: 0; +} + +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 .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.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; +} \ No newline at end of file diff --git a/wp-includes/blocks/cover/style.min.css b/wp-includes/blocks/cover/style.min.css new file mode 100644 index 0000000000..85b62be91d --- /dev/null +++ b/wp-includes/blocks/cover/style.min.css @@ -0,0 +1 @@ +.wp-block-cover,.wp-block-cover-image{position:relative;background-size:cover;background-position:50%;min-height:430px;width:100%;display:flex;justify-content:center;align-items:center;padding:1em;box-sizing:border-box}.wp-block-cover-image.has-parallax,.wp-block-cover.has-parallax{background-attachment:fixed}@supports (-webkit-overflow-scrolling:touch){.wp-block-cover-image.has-parallax,.wp-block-cover.has-parallax{background-attachment:scroll}}@media (prefers-reduced-motion:reduce){.wp-block-cover-image.has-parallax,.wp-block-cover.has-parallax{background-attachment:scroll}}.wp-block-cover-image.is-repeated,.wp-block-cover.is-repeated{background-repeat:repeat;background-size:auto}.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: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__gradient-background,.wp-block-cover.has-background-dim:not(.has-background-gradient):before,.wp-block-cover .wp-block-cover__gradient-background{position:absolute;top:0;left:0;bottom:0;right:0;z-index:1;opacity:.5}.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__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__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__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__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__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__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__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 .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__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 .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__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 .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__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 .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__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 .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__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 .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__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-100:not(.has-background-gradient):before{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-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}.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),.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){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 img.wp-block-cover__image-background,.wp-block-cover-image video.wp-block-cover__video-background,.wp-block-cover img.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-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 .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-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.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}.wp-block-cover-image .wp-block-cover-image-text,.wp-block-cover .wp-block-cover-text,section.wp-block-cover-image>h2{font-size:2em;line-height:1.25;z-index:1;margin-bottom:0;max-width:840px;padding:.44em;text-align:center} \ No newline at end of file diff --git a/wp-includes/blocks/embed/editor-rtl.css b/wp-includes/blocks/embed/editor-rtl.css new file mode 100644 index 0000000000..05ccca80cb --- /dev/null +++ b/wp-includes/blocks/embed/editor-rtl.css @@ -0,0 +1,116 @@ +/** + * Colors + */ +/** + * Breakpoints & Media Queries + */ +/** + * SCSS Variables. + * + * Please use variables from this sheet to ensure consistency across the UI. + * Don't add to this sheet unless you're pretty sure the value will be reused in many places. + * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. + */ +/** + * Colors + */ +/** + * Fonts & basic variables. + */ +/** + * Grid System. + * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ + */ +/** + * Dimensions. + */ +/** + * Shadows. + */ +/** + * Editor widths. + */ +/** + * Block & Editor UI. + */ +/** + * Block paddings. + */ +/** + * React Native specific. + * These variables do not appear to be used anywhere else. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset default styles 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.is-loading { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + padding: 1em; + min-height: 200px; + text-align: center; + border-radius: 2px; + background-color: #fff; + box-shadow: inset 0 0 0 1px #1e1e1e; +} +.wp-block-embed.is-loading p { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + font-size: 13px; +} +.wp-block-embed .components-placeholder__error { + word-break: break-word; +} +.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; +} + +.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; +} \ No newline at end of file diff --git a/wp-includes/blocks/embed/editor-rtl.min.css b/wp-includes/blocks/embed/editor-rtl.min.css new file mode 100644 index 0000000000..ab53e391a1 --- /dev/null +++ b/wp-includes/blocks/embed/editor-rtl.min.css @@ -0,0 +1 @@ +.wp-block-embed{margin-right:0;margin-left:0;clear:both}.wp-block-embed.is-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1em;min-height:200px;text-align:center;border-radius:2px;background-color:#fff;box-shadow:inset 0 0 0 1px #1e1e1e}.wp-block-embed.is-loading p{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px}.wp-block-embed .components-placeholder__error{word-break:break-word}.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}.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} \ No newline at end of file diff --git a/wp-includes/blocks/embed/editor.css b/wp-includes/blocks/embed/editor.css new file mode 100644 index 0000000000..f40ee91985 --- /dev/null +++ b/wp-includes/blocks/embed/editor.css @@ -0,0 +1,116 @@ +/** + * Colors + */ +/** + * Breakpoints & Media Queries + */ +/** + * SCSS Variables. + * + * Please use variables from this sheet to ensure consistency across the UI. + * Don't add to this sheet unless you're pretty sure the value will be reused in many places. + * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. + */ +/** + * Colors + */ +/** + * Fonts & basic variables. + */ +/** + * Grid System. + * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ + */ +/** + * Dimensions. + */ +/** + * Shadows. + */ +/** + * Editor widths. + */ +/** + * Block & Editor UI. + */ +/** + * Block paddings. + */ +/** + * React Native specific. + * These variables do not appear to be used anywhere else. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset default styles 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.is-loading { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + padding: 1em; + min-height: 200px; + text-align: center; + border-radius: 2px; + background-color: #fff; + box-shadow: inset 0 0 0 1px #1e1e1e; +} +.wp-block-embed.is-loading p { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + font-size: 13px; +} +.wp-block-embed .components-placeholder__error { + word-break: break-word; +} +.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; +} + +.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; +} \ No newline at end of file diff --git a/wp-includes/blocks/embed/editor.min.css b/wp-includes/blocks/embed/editor.min.css new file mode 100644 index 0000000000..492c2a36cf --- /dev/null +++ b/wp-includes/blocks/embed/editor.min.css @@ -0,0 +1 @@ +.wp-block-embed{margin-left:0;margin-right:0;clear:both}.wp-block-embed.is-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1em;min-height:200px;text-align:center;border-radius:2px;background-color:#fff;box-shadow:inset 0 0 0 1px #1e1e1e}.wp-block-embed.is-loading p{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px}.wp-block-embed .components-placeholder__error{word-break:break-word}.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}.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} \ No newline at end of file diff --git a/wp-includes/blocks/embed/style-rtl.css b/wp-includes/blocks/embed/style-rtl.css new file mode 100644 index 0000000000..b05fbb7c6d --- /dev/null +++ b/wp-includes/blocks/embed/style-rtl.css @@ -0,0 +1,140 @@ +/** + * Colors + */ +/** + * Breakpoints & Media Queries + */ +/** + * SCSS Variables. + * + * Please use variables from this sheet to ensure consistency across the UI. + * Don't add to this sheet unless you're pretty sure the value will be reused in many places. + * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. + */ +/** + * Colors + */ +/** + * Fonts & basic variables. + */ +/** + * Grid System. + * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ + */ +/** + * Dimensions. + */ +/** + * Shadows. + */ +/** + * Editor widths. + */ +/** + * Block & Editor UI. + */ +/** + * Block paddings. + */ +/** + * React Native specific. + * These variables do not appear to be used anywhere else. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset default styles 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[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-cover .wp-block-embed { + min-width: 320px; + min-height: 240px; +} + +.wp-block-embed { + margin: 0 0 1em 0; +} +.wp-block-embed figcaption { + margin-top: 0.5em; + margin-bottom: 1em; +} +.wp-block-embed iframe { + max-width: 100%; +} + +.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 iframe { + position: absolute; + top: 0; + left: 0; + bottom: 0; + right: 0; + height: 100%; + 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-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%; +} \ No newline at end of file diff --git a/wp-includes/blocks/embed/style-rtl.min.css b/wp-includes/blocks/embed/style-rtl.min.css new file mode 100644 index 0000000000..fe02683e95 --- /dev/null +++ b/wp-includes/blocks/embed/style-rtl.min.css @@ -0,0 +1 @@ +.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-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-embed{margin:0 0 1em}.wp-block-embed figcaption{margin-top:.5em;margin-bottom:1em}.wp-block-embed iframe{max-width:100%}.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 iframe{position:absolute;top:0;left:0;bottom:0;right:0;height:100%;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-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%} \ No newline at end of file diff --git a/wp-includes/blocks/embed/style.css b/wp-includes/blocks/embed/style.css new file mode 100644 index 0000000000..03a5764c13 --- /dev/null +++ b/wp-includes/blocks/embed/style.css @@ -0,0 +1,140 @@ +/** + * Colors + */ +/** + * Breakpoints & Media Queries + */ +/** + * SCSS Variables. + * + * Please use variables from this sheet to ensure consistency across the UI. + * Don't add to this sheet unless you're pretty sure the value will be reused in many places. + * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. + */ +/** + * Colors + */ +/** + * Fonts & basic variables. + */ +/** + * Grid System. + * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ + */ +/** + * Dimensions. + */ +/** + * Shadows. + */ +/** + * Editor widths. + */ +/** + * Block & Editor UI. + */ +/** + * Block paddings. + */ +/** + * React Native specific. + * These variables do not appear to be used anywhere else. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset default styles 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[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-cover .wp-block-embed { + min-width: 320px; + min-height: 240px; +} + +.wp-block-embed { + margin: 0 0 1em 0; +} +.wp-block-embed figcaption { + margin-top: 0.5em; + margin-bottom: 1em; +} +.wp-block-embed iframe { + max-width: 100%; +} + +.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 iframe { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + height: 100%; + 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-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%; +} \ No newline at end of file diff --git a/wp-includes/blocks/embed/style.min.css b/wp-includes/blocks/embed/style.min.css new file mode 100644 index 0000000000..373fe1ed8b --- /dev/null +++ b/wp-includes/blocks/embed/style.min.css @@ -0,0 +1 @@ +.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-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-embed{margin:0 0 1em}.wp-block-embed figcaption{margin-top:.5em;margin-bottom:1em}.wp-block-embed iframe{max-width:100%}.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 iframe{position:absolute;top:0;right:0;bottom:0;left:0;height:100%;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-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%} \ No newline at end of file diff --git a/wp-includes/blocks/file/editor-rtl.css b/wp-includes/blocks/file/editor-rtl.css new file mode 100644 index 0000000000..84f19cb64b --- /dev/null +++ b/wp-includes/blocks/file/editor-rtl.css @@ -0,0 +1,105 @@ +/** + * Colors + */ +/** + * Breakpoints & Media Queries + */ +/** + * SCSS Variables. + * + * Please use variables from this sheet to ensure consistency across the UI. + * Don't add to this sheet unless you're pretty sure the value will be reused in many places. + * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. + */ +/** + * Colors + */ +/** + * Fonts & basic variables. + */ +/** + * Grid System. + * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ + */ +/** + * Dimensions. + */ +/** + * Shadows. + */ +/** + * Editor widths. + */ +/** + * Block & Editor UI. + */ +/** + * Block paddings. + */ +/** + * React Native specific. + * These variables do not appear to be used anywhere else. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset default styles 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[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; +} \ No newline at end of file diff --git a/wp-includes/blocks/file/editor-rtl.min.css b/wp-includes/blocks/file/editor-rtl.min.css new file mode 100644 index 0000000000..8361e462b3 --- /dev/null +++ b/wp-includes/blocks/file/editor-rtl.min.css @@ -0,0 +1 @@ +.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:.75em} \ No newline at end of file diff --git a/wp-includes/blocks/file/editor.css b/wp-includes/blocks/file/editor.css new file mode 100644 index 0000000000..13909fde52 --- /dev/null +++ b/wp-includes/blocks/file/editor.css @@ -0,0 +1,105 @@ +/** + * Colors + */ +/** + * Breakpoints & Media Queries + */ +/** + * SCSS Variables. + * + * Please use variables from this sheet to ensure consistency across the UI. + * Don't add to this sheet unless you're pretty sure the value will be reused in many places. + * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. + */ +/** + * Colors + */ +/** + * Fonts & basic variables. + */ +/** + * Grid System. + * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ + */ +/** + * Dimensions. + */ +/** + * Shadows. + */ +/** + * Editor widths. + */ +/** + * Block & Editor UI. + */ +/** + * Block paddings. + */ +/** + * React Native specific. + * These variables do not appear to be used anywhere else. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset default styles 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[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; +} \ No newline at end of file diff --git a/wp-includes/blocks/file/editor.min.css b/wp-includes/blocks/file/editor.min.css new file mode 100644 index 0000000000..5627d62cca --- /dev/null +++ b/wp-includes/blocks/file/editor.min.css @@ -0,0 +1 @@ +.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:.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 new file mode 100644 index 0000000000..83a5a3f464 --- /dev/null +++ b/wp-includes/blocks/file/style-rtl.css @@ -0,0 +1,101 @@ +/** + * Colors + */ +/** + * Breakpoints & Media Queries + */ +/** + * SCSS Variables. + * + * Please use variables from this sheet to ensure consistency across the UI. + * Don't add to this sheet unless you're pretty sure the value will be reused in many places. + * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. + */ +/** + * Colors + */ +/** + * Fonts & basic variables. + */ +/** + * Grid System. + * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ + */ +/** + * Dimensions. + */ +/** + * Shadows. + */ +/** + * Editor widths. + */ +/** + * Block & Editor UI. + */ +/** + * Block paddings. + */ +/** + * React Native specific. + * These variables do not appear to be used anywhere else. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset default styles 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.aligncenter { + text-align: center; +} +.wp-block-file.alignright { + text-align: right; +} +.wp-block-file .wp-block-file__embed { + margin-bottom: 1em; +} +.wp-block-file .wp-block-file__button { + background: #32373c; + border-radius: 2em; + color: #fff; + font-size: 0.8em; + padding: 0.5em 1em; +} +.wp-block-file a.wp-block-file__button { + text-decoration: none; +} +.wp-block-file a.wp-block-file__button:hover, .wp-block-file a.wp-block-file__button:visited, .wp-block-file a.wp-block-file__button:focus, .wp-block-file a.wp-block-file__button:active { + box-shadow: none; + color: #fff; + opacity: 0.85; + text-decoration: none; +} +.wp-block-file * + .wp-block-file__button { + margin-right: 0.75em; +} \ No newline at end of file diff --git a/wp-includes/blocks/file/style-rtl.min.css b/wp-includes/blocks/file/style-rtl.min.css new file mode 100644 index 0000000000..b263fe1b54 --- /dev/null +++ b/wp-includes/blocks/file/style-rtl.min.css @@ -0,0 +1 @@ +.wp-block-file{margin-bottom:1.5em}.wp-block-file.aligncenter{text-align:center}.wp-block-file.alignright{text-align:right}.wp-block-file .wp-block-file__embed{margin-bottom:1em}.wp-block-file .wp-block-file__button{background:#32373c;border-radius:2em;color:#fff;font-size:.8em;padding:.5em 1em}.wp-block-file a.wp-block-file__button{text-decoration:none}.wp-block-file a.wp-block-file__button:active,.wp-block-file a.wp-block-file__button:focus,.wp-block-file a.wp-block-file__button:hover,.wp-block-file a.wp-block-file__button:visited{box-shadow:none;color:#fff;opacity:.85;text-decoration:none}.wp-block-file *+.wp-block-file__button{margin-right:.75em} \ No newline at end of file diff --git a/wp-includes/blocks/file/style.css b/wp-includes/blocks/file/style.css new file mode 100644 index 0000000000..72f6a90978 --- /dev/null +++ b/wp-includes/blocks/file/style.css @@ -0,0 +1,102 @@ +/** + * Colors + */ +/** + * Breakpoints & Media Queries + */ +/** + * SCSS Variables. + * + * Please use variables from this sheet to ensure consistency across the UI. + * Don't add to this sheet unless you're pretty sure the value will be reused in many places. + * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. + */ +/** + * Colors + */ +/** + * Fonts & basic variables. + */ +/** + * Grid System. + * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ + */ +/** + * Dimensions. + */ +/** + * Shadows. + */ +/** + * Editor widths. + */ +/** + * Block & Editor UI. + */ +/** + * Block paddings. + */ +/** + * React Native specific. + * These variables do not appear to be used anywhere else. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset default styles 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.aligncenter { + text-align: center; +} +.wp-block-file.alignright { + /*rtl:ignore*/ + text-align: right; +} +.wp-block-file .wp-block-file__embed { + margin-bottom: 1em; +} +.wp-block-file .wp-block-file__button { + background: #32373c; + border-radius: 2em; + color: #fff; + font-size: 0.8em; + padding: 0.5em 1em; +} +.wp-block-file a.wp-block-file__button { + text-decoration: none; +} +.wp-block-file a.wp-block-file__button:hover, .wp-block-file a.wp-block-file__button:visited, .wp-block-file a.wp-block-file__button:focus, .wp-block-file a.wp-block-file__button:active { + box-shadow: none; + color: #fff; + opacity: 0.85; + text-decoration: none; +} +.wp-block-file * + .wp-block-file__button { + margin-left: 0.75em; +} \ No newline at end of file diff --git a/wp-includes/blocks/file/style.min.css b/wp-includes/blocks/file/style.min.css new file mode 100644 index 0000000000..cc0a5c1cc4 --- /dev/null +++ b/wp-includes/blocks/file/style.min.css @@ -0,0 +1 @@ +.wp-block-file{margin-bottom:1.5em}.wp-block-file.aligncenter{text-align:center}.wp-block-file.alignright{text-align:right}.wp-block-file .wp-block-file__embed{margin-bottom:1em}.wp-block-file .wp-block-file__button{background:#32373c;border-radius:2em;color:#fff;font-size:.8em;padding:.5em 1em}.wp-block-file a.wp-block-file__button{text-decoration:none}.wp-block-file a.wp-block-file__button:active,.wp-block-file a.wp-block-file__button:focus,.wp-block-file a.wp-block-file__button:hover,.wp-block-file a.wp-block-file__button:visited{box-shadow:none;color:#fff;opacity:.85;text-decoration:none}.wp-block-file *+.wp-block-file__button{margin-left:.75em} \ No newline at end of file diff --git a/wp-includes/blocks/freeform/editor-rtl.css b/wp-includes/blocks/freeform/editor-rtl.css new file mode 100644 index 0000000000..4cc0b2e750 --- /dev/null +++ b/wp-includes/blocks/freeform/editor-rtl.css @@ -0,0 +1,393 @@ +/** + * Colors + */ +/** + * Breakpoints & Media Queries + */ +/** + * SCSS Variables. + * + * Please use variables from this sheet to ensure consistency across the UI. + * Don't add to this sheet unless you're pretty sure the value will be reused in many places. + * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. + */ +/** + * Colors + */ +/** + * Fonts & basic variables. + */ +/** + * Grid System. + * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ + */ +/** + * Dimensions. + */ +/** + * Shadows. + */ +/** + * Editor widths. + */ +/** + * Block & Editor UI. + */ +/** + * Block paddings. + */ +/** + * React Native specific. + * These variables do not appear to be used anywhere else. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset default styles 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 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; + } +} +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"].is-selected .block-library-rich-text__tinymce::after { + content: ""; + display: table; + clear: both; +} + +.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-rtl .mce-flow-layout-item.mce-last { + margin-left: 0; + margin-right: 8px; +} +.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; +} +div[data-type="core/freeform"].is-selected .block-library-classic__toolbar { + display: block; + border-color: #1e1e1e; +} +.block-library-classic__toolbar .mce-tinymce { + box-shadow: none; +} +@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::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 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-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-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; +} \ No newline at end of file diff --git a/wp-includes/blocks/freeform/editor-rtl.min.css b/wp-includes/blocks/freeform/editor-rtl.min.css new file mode 100644 index 0000000000..f9b7c3fbac --- /dev/null +++ b/wp-includes/blocks/freeform/editor-rtl.min.css @@ -0,0 +1 @@ +.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{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:.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-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:50%}.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{padding-top:.5em;margin:0}.wp-block-freeform.block-library-rich-text__tinymce .wpview{width:99.99%;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 .1s linear,box-shadow .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}}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"].is-selected .block-library-rich-text__tinymce:after{content:"";display:table;clear:both}.mce-toolbar-grp .mce-btn.mce-active:hover button,.mce-toolbar-grp .mce-btn.mce-active:hover i,.mce-toolbar-grp .mce-btn.mce-active button,.mce-toolbar-grp .mce-btn.mce-active i{color:#1e1e1e}.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}.block-library-classic__toolbar{display:none;width:auto;position:sticky;z-index:31;top:0;border:1px solid #ddd;border-bottom:none;border-radius:2px;margin:0 0 8px;padding:0}div[data-type="core/freeform"].is-selected .block-library-classic__toolbar{display:block;border-color:#1e1e1e}.block-library-classic__toolbar .mce-tinymce{box-shadow:none}@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: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 div.mce-toolbar-grp{border-bottom:1px solid #1e1e1e}.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-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 .mce-toolbar:not(:first-child){display:none}.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 new file mode 100644 index 0000000000..f689590877 --- /dev/null +++ b/wp-includes/blocks/freeform/editor.css @@ -0,0 +1,397 @@ +/** + * Colors + */ +/** + * Breakpoints & Media Queries + */ +/** + * SCSS Variables. + * + * Please use variables from this sheet to ensure consistency across the UI. + * Don't add to this sheet unless you're pretty sure the value will be reused in many places. + * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. + */ +/** + * Colors + */ +/** + * Fonts & basic variables. + */ +/** + * Grid System. + * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ + */ +/** + * Dimensions. + */ +/** + * Shadows. + */ +/** + * Editor widths. + */ +/** + * Block & Editor UI. + */ +/** + * Block paddings. + */ +/** + * React Native specific. + * These variables do not appear to be used anywhere else. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset default styles 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 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; + } +} +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"].is-selected .block-library-rich-text__tinymce::after { + content: ""; + display: table; + clear: both; +} + +.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-rtl .mce-flow-layout-item.mce-last { + margin-right: 0; + margin-left: 8px; +} +.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; +} +div[data-type="core/freeform"].is-selected .block-library-classic__toolbar { + display: block; + border-color: #1e1e1e; +} +.block-library-classic__toolbar .mce-tinymce { + box-shadow: none; +} +@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::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 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-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-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; +} \ No newline at end of file diff --git a/wp-includes/blocks/freeform/editor.min.css b/wp-includes/blocks/freeform/editor.min.css new file mode 100644 index 0000000000..587a221049 --- /dev/null +++ b/wp-includes/blocks/freeform/editor.min.css @@ -0,0 +1 @@ +.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{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{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{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:50%}.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{padding-top:.5em;margin:0}.wp-block-freeform.block-library-rich-text__tinymce .wpview{width:99.99%;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 .1s linear,box-shadow .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}}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"].is-selected .block-library-rich-text__tinymce:after{content:"";display:table;clear:both}.mce-toolbar-grp .mce-btn.mce-active:hover button,.mce-toolbar-grp .mce-btn.mce-active:hover i,.mce-toolbar-grp .mce-btn.mce-active button,.mce-toolbar-grp .mce-btn.mce-active i{color:#1e1e1e}.mce-toolbar-grp .mce-rtl .mce-flow-layout-item.mce-last{margin-right:0;margin-left:8px}.mce-toolbar-grp .mce-btn i{font-style:normal}.block-library-classic__toolbar{display:none;width:auto;position:sticky;z-index:31;top:0;border:1px solid #ddd;border-bottom:none;border-radius:2px;margin:0 0 8px;padding:0}div[data-type="core/freeform"].is-selected .block-library-classic__toolbar{display:block;border-color:#1e1e1e}.block-library-classic__toolbar .mce-tinymce{box-shadow:none}@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: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 div.mce-toolbar-grp{border-bottom:1px solid #1e1e1e}.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-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 .mce-toolbar:not(:first-child){display:none}.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 new file mode 100644 index 0000000000..3cbdf9f522 --- /dev/null +++ b/wp-includes/blocks/gallery/editor-rtl.css @@ -0,0 +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. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset default styles 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 li { + list-style-type: none; +} +.wp-block-gallery .block-editor-media-placeholder.is-appender .components-placeholder__label { + display: none; +} +.wp-block-gallery .block-editor-media-placeholder.is-appender .block-editor-media-placeholder__button { + margin-bottom: 0; +} + +figure.wp-block-gallery { + display: block; + margin: 0; +} + +.blocks-gallery-grid.blocks-gallery-grid { + padding-right: 0; + margin-right: 0; + margin-bottom: 0; +} + +.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-selected figcaption { + z-index: 2; +} +.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; + } +} +.block-library-gallery-item__inline-menu:hover { + box-shadow: 0 2px 6px rgba(0, 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; + } +} +.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; + } +} +.block-library-gallery-item__inline-menu.is-left { + right: -2px; +} +.block-library-gallery-item__inline-menu.is-right { + left: -2px; +} + +.blocks-gallery-item .components-spinner { + position: absolute; + top: 50%; + right: 50%; + margin-top: -9px; + margin-right: -9px; +} \ No newline at end of file diff --git a/wp-includes/blocks/gallery/editor-rtl.min.css b/wp-includes/blocks/gallery/editor-rtl.min.css new file mode 100644 index 0000000000..466fc1baf7 --- /dev/null +++ b/wp-includes/blocks/gallery/editor-rtl.min.css @@ -0,0 +1 @@ +.wp-block-gallery li{list-style-type:none}.wp-block-gallery .block-editor-media-placeholder.is-appender .components-placeholder__label{display:none}.wp-block-gallery .block-editor-media-placeholder.is-appender .block-editor-media-placeholder__button{margin-bottom:0}figure.wp-block-gallery{display:block;margin:0}.blocks-gallery-grid.blocks-gallery-grid{padding-right:0;margin-right:0;margin-bottom:0}.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-selected figcaption{z-index:2}.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{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 .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}}.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}}.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}}.block-library-gallery-item__inline-menu.is-left{right:-2px}.block-library-gallery-item__inline-menu.is-right{left:-2px}.blocks-gallery-item .components-spinner{position:absolute;top:50%;right:50%;margin-top:-9px;margin-right:-9px} \ No newline at end of file diff --git a/wp-includes/blocks/gallery/editor.css b/wp-includes/blocks/gallery/editor.css new file mode 100644 index 0000000000..ab72476ef2 --- /dev/null +++ b/wp-includes/blocks/gallery/editor.css @@ -0,0 +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. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset default styles 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 li { + list-style-type: none; +} +.wp-block-gallery .block-editor-media-placeholder.is-appender .components-placeholder__label { + display: none; +} +.wp-block-gallery .block-editor-media-placeholder.is-appender .block-editor-media-placeholder__button { + margin-bottom: 0; +} + +figure.wp-block-gallery { + display: block; + margin: 0; +} + +.blocks-gallery-grid.blocks-gallery-grid { + padding-left: 0; + margin-left: 0; + margin-bottom: 0; +} + +.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-selected figcaption { + z-index: 2; +} +.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; + } +} +.block-library-gallery-item__inline-menu:hover { + box-shadow: 0 2px 6px rgba(0, 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; + } +} +.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; + } +} +.block-library-gallery-item__inline-menu.is-left { + left: -2px; +} +.block-library-gallery-item__inline-menu.is-right { + right: -2px; +} + +.blocks-gallery-item .components-spinner { + position: absolute; + top: 50%; + left: 50%; + margin-top: -9px; + margin-left: -9px; +} \ No newline at end of file diff --git a/wp-includes/blocks/gallery/editor.min.css b/wp-includes/blocks/gallery/editor.min.css new file mode 100644 index 0000000000..098c1003c7 --- /dev/null +++ b/wp-includes/blocks/gallery/editor.min.css @@ -0,0 +1 @@ +.wp-block-gallery li{list-style-type:none}.wp-block-gallery .block-editor-media-placeholder.is-appender .components-placeholder__label{display:none}.wp-block-gallery .block-editor-media-placeholder.is-appender .block-editor-media-placeholder__button{margin-bottom:0}figure.wp-block-gallery{display:block;margin:0}.blocks-gallery-grid.blocks-gallery-grid{padding-left:0;margin-left:0;margin-bottom:0}.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-selected figcaption{z-index:2}.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{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 .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}}.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}}.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}}.block-library-gallery-item__inline-menu.is-left{left:-2px}.block-library-gallery-item__inline-menu.is-right{right:-2px}.blocks-gallery-item .components-spinner{position:absolute;top:50%;left:50%;margin-top:-9px;margin-left:-9px} \ No newline at end of file diff --git a/wp-includes/blocks/gallery/style-rtl.css b/wp-includes/blocks/gallery/style-rtl.css new file mode 100644 index 0000000000..f3b9c38300 --- /dev/null +++ b/wp-includes/blocks/gallery/style-rtl.css @@ -0,0 +1,287 @@ +/** + * Colors + */ +/** + * Breakpoints & Media Queries + */ +/** + * SCSS Variables. + * + * Please use variables from this sheet to ensure consistency across the UI. + * Don't add to this sheet unless you're pretty sure the value will be reused in many places. + * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. + */ +/** + * Colors + */ +/** + * Fonts & basic variables. + */ +/** + * Grid System. + * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ + */ +/** + * Dimensions. + */ +/** + * Shadows. + */ +/** + * Editor widths. + */ +/** + * Block & Editor UI. + */ +/** + * Block paddings. + */ +/** + * React Native specific. + * These variables do not appear to be used anywhere else. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset default styles 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, +.blocks-gallery-grid { + display: flex; + flex-wrap: wrap; + list-style-type: none; + padding: 0; + margin: 0; +} +.wp-block-gallery .blocks-gallery-image, +.wp-block-gallery .blocks-gallery-item, +.blocks-gallery-grid .blocks-gallery-image, +.blocks-gallery-grid .blocks-gallery-item { + margin: 0 0 1em 1em; + display: flex; + flex-grow: 1; + flex-direction: column; + justify-content: center; + position: relative; + align-self: flex-start; + width: calc(50% - 1em); +} +.wp-block-gallery .blocks-gallery-image:nth-of-type(even), +.wp-block-gallery .blocks-gallery-item:nth-of-type(even), +.blocks-gallery-grid .blocks-gallery-image:nth-of-type(even), +.blocks-gallery-grid .blocks-gallery-item:nth-of-type(even) { + margin-left: 0; +} +.wp-block-gallery .blocks-gallery-image figure, +.wp-block-gallery .blocks-gallery-item figure, +.blocks-gallery-grid .blocks-gallery-image figure, +.blocks-gallery-grid .blocks-gallery-item figure { + margin: 0; + height: 100%; +} +@supports (position: sticky) { + .wp-block-gallery .blocks-gallery-image figure, +.wp-block-gallery .blocks-gallery-item figure, +.blocks-gallery-grid .blocks-gallery-image figure, +.blocks-gallery-grid .blocks-gallery-item figure { + display: flex; + align-items: flex-end; + justify-content: flex-start; + } +} +.wp-block-gallery .blocks-gallery-image img, +.wp-block-gallery .blocks-gallery-item img, +.blocks-gallery-grid .blocks-gallery-image img, +.blocks-gallery-grid .blocks-gallery-item img { + display: block; + max-width: 100%; + height: auto; + width: 100%; +} +@supports (position: sticky) { + .wp-block-gallery .blocks-gallery-image img, +.wp-block-gallery .blocks-gallery-item img, +.blocks-gallery-grid .blocks-gallery-image img, +.blocks-gallery-grid .blocks-gallery-item img { + width: auto; + } +} +.wp-block-gallery .blocks-gallery-image figcaption, +.wp-block-gallery .blocks-gallery-item figcaption, +.blocks-gallery-grid .blocks-gallery-image figcaption, +.blocks-gallery-grid .blocks-gallery-item figcaption { + 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; +} +.wp-block-gallery .blocks-gallery-image figcaption img, +.wp-block-gallery .blocks-gallery-item figcaption img, +.blocks-gallery-grid .blocks-gallery-image figcaption img, +.blocks-gallery-grid .blocks-gallery-item figcaption img { + display: inline; +} +.wp-block-gallery figcaption, +.blocks-gallery-grid figcaption { + flex-grow: 1; +} +.wp-block-gallery.is-cropped .blocks-gallery-image, .wp-block-gallery.is-cropped .blocks-gallery-item, +.blocks-gallery-grid.is-cropped .blocks-gallery-image, +.blocks-gallery-grid.is-cropped .blocks-gallery-item { + -ms-grid-row-align: inherit; + align-self: inherit; +} +.wp-block-gallery.is-cropped .blocks-gallery-image a, +.wp-block-gallery.is-cropped .blocks-gallery-image img, .wp-block-gallery.is-cropped .blocks-gallery-item a, +.wp-block-gallery.is-cropped .blocks-gallery-item img, +.blocks-gallery-grid.is-cropped .blocks-gallery-image a, +.blocks-gallery-grid.is-cropped .blocks-gallery-image img, +.blocks-gallery-grid.is-cropped .blocks-gallery-item a, +.blocks-gallery-grid.is-cropped .blocks-gallery-item img { + width: 100%; +} +@supports (position: sticky) { + .wp-block-gallery.is-cropped .blocks-gallery-image a, +.wp-block-gallery.is-cropped .blocks-gallery-image img, .wp-block-gallery.is-cropped .blocks-gallery-item a, +.wp-block-gallery.is-cropped .blocks-gallery-item img, +.blocks-gallery-grid.is-cropped .blocks-gallery-image a, +.blocks-gallery-grid.is-cropped .blocks-gallery-image img, +.blocks-gallery-grid.is-cropped .blocks-gallery-item a, +.blocks-gallery-grid.is-cropped .blocks-gallery-item img { + height: 100%; + flex: 1; + -o-object-fit: cover; + object-fit: cover; + } +} +.wp-block-gallery.columns-1 .blocks-gallery-image, .wp-block-gallery.columns-1 .blocks-gallery-item, +.blocks-gallery-grid.columns-1 .blocks-gallery-image, +.blocks-gallery-grid.columns-1 .blocks-gallery-item { + width: 100%; + margin-left: 0; +} +@media (min-width: 600px) { + .wp-block-gallery.columns-3 .blocks-gallery-image, .wp-block-gallery.columns-3 .blocks-gallery-item, +.blocks-gallery-grid.columns-3 .blocks-gallery-image, +.blocks-gallery-grid.columns-3 .blocks-gallery-item { + width: calc(33.3333333333% - 0.6666666667em); + margin-left: 1em; + } + .wp-block-gallery.columns-4 .blocks-gallery-image, .wp-block-gallery.columns-4 .blocks-gallery-item, +.blocks-gallery-grid.columns-4 .blocks-gallery-image, +.blocks-gallery-grid.columns-4 .blocks-gallery-item { + width: calc(25% - 0.75em); + margin-left: 1em; + } + .wp-block-gallery.columns-5 .blocks-gallery-image, .wp-block-gallery.columns-5 .blocks-gallery-item, +.blocks-gallery-grid.columns-5 .blocks-gallery-image, +.blocks-gallery-grid.columns-5 .blocks-gallery-item { + width: calc(20% - 0.8em); + margin-left: 1em; + } + .wp-block-gallery.columns-6 .blocks-gallery-image, .wp-block-gallery.columns-6 .blocks-gallery-item, +.blocks-gallery-grid.columns-6 .blocks-gallery-image, +.blocks-gallery-grid.columns-6 .blocks-gallery-item { + width: calc(16.6666666667% - 0.8333333333em); + margin-left: 1em; + } + .wp-block-gallery.columns-7 .blocks-gallery-image, .wp-block-gallery.columns-7 .blocks-gallery-item, +.blocks-gallery-grid.columns-7 .blocks-gallery-image, +.blocks-gallery-grid.columns-7 .blocks-gallery-item { + width: calc(14.2857142857% - 0.8571428571em); + margin-left: 1em; + } + .wp-block-gallery.columns-8 .blocks-gallery-image, .wp-block-gallery.columns-8 .blocks-gallery-item, +.blocks-gallery-grid.columns-8 .blocks-gallery-image, +.blocks-gallery-grid.columns-8 .blocks-gallery-item { + width: calc(12.5% - 0.875em); + margin-left: 1em; + } + .wp-block-gallery.columns-1 .blocks-gallery-image:nth-of-type(1n), .wp-block-gallery.columns-1 .blocks-gallery-item:nth-of-type(1n), +.blocks-gallery-grid.columns-1 .blocks-gallery-image:nth-of-type(1n), +.blocks-gallery-grid.columns-1 .blocks-gallery-item:nth-of-type(1n) { + margin-left: 0; + } + .wp-block-gallery.columns-2 .blocks-gallery-image:nth-of-type(2n), .wp-block-gallery.columns-2 .blocks-gallery-item:nth-of-type(2n), +.blocks-gallery-grid.columns-2 .blocks-gallery-image:nth-of-type(2n), +.blocks-gallery-grid.columns-2 .blocks-gallery-item:nth-of-type(2n) { + margin-left: 0; + } + .wp-block-gallery.columns-3 .blocks-gallery-image:nth-of-type(3n), .wp-block-gallery.columns-3 .blocks-gallery-item:nth-of-type(3n), +.blocks-gallery-grid.columns-3 .blocks-gallery-image:nth-of-type(3n), +.blocks-gallery-grid.columns-3 .blocks-gallery-item:nth-of-type(3n) { + margin-left: 0; + } + .wp-block-gallery.columns-4 .blocks-gallery-image:nth-of-type(4n), .wp-block-gallery.columns-4 .blocks-gallery-item:nth-of-type(4n), +.blocks-gallery-grid.columns-4 .blocks-gallery-image:nth-of-type(4n), +.blocks-gallery-grid.columns-4 .blocks-gallery-item:nth-of-type(4n) { + margin-left: 0; + } + .wp-block-gallery.columns-5 .blocks-gallery-image:nth-of-type(5n), .wp-block-gallery.columns-5 .blocks-gallery-item:nth-of-type(5n), +.blocks-gallery-grid.columns-5 .blocks-gallery-image:nth-of-type(5n), +.blocks-gallery-grid.columns-5 .blocks-gallery-item:nth-of-type(5n) { + margin-left: 0; + } + .wp-block-gallery.columns-6 .blocks-gallery-image:nth-of-type(6n), .wp-block-gallery.columns-6 .blocks-gallery-item:nth-of-type(6n), +.blocks-gallery-grid.columns-6 .blocks-gallery-image:nth-of-type(6n), +.blocks-gallery-grid.columns-6 .blocks-gallery-item:nth-of-type(6n) { + margin-left: 0; + } + .wp-block-gallery.columns-7 .blocks-gallery-image:nth-of-type(7n), .wp-block-gallery.columns-7 .blocks-gallery-item:nth-of-type(7n), +.blocks-gallery-grid.columns-7 .blocks-gallery-image:nth-of-type(7n), +.blocks-gallery-grid.columns-7 .blocks-gallery-item:nth-of-type(7n) { + margin-left: 0; + } + .wp-block-gallery.columns-8 .blocks-gallery-image:nth-of-type(8n), .wp-block-gallery.columns-8 .blocks-gallery-item:nth-of-type(8n), +.blocks-gallery-grid.columns-8 .blocks-gallery-image:nth-of-type(8n), +.blocks-gallery-grid.columns-8 .blocks-gallery-item:nth-of-type(8n) { + margin-left: 0; + } +} +.wp-block-gallery .blocks-gallery-image:last-child, +.wp-block-gallery .blocks-gallery-item:last-child, +.blocks-gallery-grid .blocks-gallery-image:last-child, +.blocks-gallery-grid .blocks-gallery-item:last-child { + margin-left: 0; +} +.wp-block-gallery.alignleft, .wp-block-gallery.alignright, +.blocks-gallery-grid.alignleft, +.blocks-gallery-grid.alignright { + max-width: 420px; + width: 100%; +} +.wp-block-gallery.aligncenter .blocks-gallery-item figure, +.blocks-gallery-grid.aligncenter .blocks-gallery-item figure { + justify-content: center; +} \ No newline at end of file diff --git a/wp-includes/blocks/gallery/style-rtl.min.css b/wp-includes/blocks/gallery/style-rtl.min.css new file mode 100644 index 0000000000..e904f19c3f --- /dev/null +++ b/wp-includes/blocks/gallery/style-rtl.min.css @@ -0,0 +1 @@ +.blocks-gallery-grid,.wp-block-gallery{display:flex;flex-wrap:wrap;list-style-type:none;padding:0;margin:0}.blocks-gallery-grid .blocks-gallery-image,.blocks-gallery-grid .blocks-gallery-item,.wp-block-gallery .blocks-gallery-image,.wp-block-gallery .blocks-gallery-item{margin:0 0 1em 1em;display:flex;flex-grow:1;flex-direction:column;justify-content:center;position:relative;align-self:flex-start;width:calc(50% - 1em)}.blocks-gallery-grid .blocks-gallery-image:nth-of-type(2n),.blocks-gallery-grid .blocks-gallery-item:nth-of-type(2n),.wp-block-gallery .blocks-gallery-image:nth-of-type(2n),.wp-block-gallery .blocks-gallery-item:nth-of-type(2n){margin-left:0}.blocks-gallery-grid .blocks-gallery-image figure,.blocks-gallery-grid .blocks-gallery-item figure,.wp-block-gallery .blocks-gallery-image figure,.wp-block-gallery .blocks-gallery-item figure{margin:0;height:100%}@supports (position:sticky){.blocks-gallery-grid .blocks-gallery-image figure,.blocks-gallery-grid .blocks-gallery-item figure,.wp-block-gallery .blocks-gallery-image figure,.wp-block-gallery .blocks-gallery-item figure{display:flex;align-items:flex-end;justify-content:flex-start}}.blocks-gallery-grid .blocks-gallery-image img,.blocks-gallery-grid .blocks-gallery-item img,.wp-block-gallery .blocks-gallery-image img,.wp-block-gallery .blocks-gallery-item img{display:block;max-width:100%;height:auto;width:100%}@supports (position:sticky){.blocks-gallery-grid .blocks-gallery-image img,.blocks-gallery-grid .blocks-gallery-item img,.wp-block-gallery .blocks-gallery-image img,.wp-block-gallery .blocks-gallery-item img{width:auto}}.blocks-gallery-grid .blocks-gallery-image figcaption,.blocks-gallery-grid .blocks-gallery-item figcaption,.wp-block-gallery .blocks-gallery-image figcaption,.wp-block-gallery .blocks-gallery-item figcaption{position:absolute;bottom:0;width:100%;max-height:100%;overflow:auto;padding:3em .77em .7em;color:#fff;text-align:center;font-size:.8em;background:linear-gradient(0deg,rgba(0,0,0,.7),rgba(0,0,0,.3) 70%,transparent);box-sizing:border-box;margin:0}.blocks-gallery-grid .blocks-gallery-image figcaption img,.blocks-gallery-grid .blocks-gallery-item figcaption img,.wp-block-gallery .blocks-gallery-image figcaption img,.wp-block-gallery .blocks-gallery-item figcaption img{display:inline}.blocks-gallery-grid figcaption,.wp-block-gallery figcaption{flex-grow:1}.blocks-gallery-grid.is-cropped .blocks-gallery-image,.blocks-gallery-grid.is-cropped .blocks-gallery-item,.wp-block-gallery.is-cropped .blocks-gallery-image,.wp-block-gallery.is-cropped .blocks-gallery-item{-ms-grid-row-align:inherit;align-self:inherit}.blocks-gallery-grid.is-cropped .blocks-gallery-image a,.blocks-gallery-grid.is-cropped .blocks-gallery-image img,.blocks-gallery-grid.is-cropped .blocks-gallery-item a,.blocks-gallery-grid.is-cropped .blocks-gallery-item img,.wp-block-gallery.is-cropped .blocks-gallery-image a,.wp-block-gallery.is-cropped .blocks-gallery-image img,.wp-block-gallery.is-cropped .blocks-gallery-item a,.wp-block-gallery.is-cropped .blocks-gallery-item img{width:100%}@supports (position:sticky){.blocks-gallery-grid.is-cropped .blocks-gallery-image a,.blocks-gallery-grid.is-cropped .blocks-gallery-image img,.blocks-gallery-grid.is-cropped .blocks-gallery-item a,.blocks-gallery-grid.is-cropped .blocks-gallery-item img,.wp-block-gallery.is-cropped .blocks-gallery-image a,.wp-block-gallery.is-cropped .blocks-gallery-image img,.wp-block-gallery.is-cropped .blocks-gallery-item a,.wp-block-gallery.is-cropped .blocks-gallery-item img{height:100%;flex:1;-o-object-fit:cover;object-fit:cover}}.blocks-gallery-grid.columns-1 .blocks-gallery-image,.blocks-gallery-grid.columns-1 .blocks-gallery-item,.wp-block-gallery.columns-1 .blocks-gallery-image,.wp-block-gallery.columns-1 .blocks-gallery-item{width:100%;margin-left:0}@media (min-width:600px){.blocks-gallery-grid.columns-3 .blocks-gallery-image,.blocks-gallery-grid.columns-3 .blocks-gallery-item,.wp-block-gallery.columns-3 .blocks-gallery-image,.wp-block-gallery.columns-3 .blocks-gallery-item{width:calc(33.33333% - .66667em);margin-left:1em}.blocks-gallery-grid.columns-4 .blocks-gallery-image,.blocks-gallery-grid.columns-4 .blocks-gallery-item,.wp-block-gallery.columns-4 .blocks-gallery-image,.wp-block-gallery.columns-4 .blocks-gallery-item{width:calc(25% - .75em);margin-left:1em}.blocks-gallery-grid.columns-5 .blocks-gallery-image,.blocks-gallery-grid.columns-5 .blocks-gallery-item,.wp-block-gallery.columns-5 .blocks-gallery-image,.wp-block-gallery.columns-5 .blocks-gallery-item{width:calc(20% - .8em);margin-left:1em}.blocks-gallery-grid.columns-6 .blocks-gallery-image,.blocks-gallery-grid.columns-6 .blocks-gallery-item,.wp-block-gallery.columns-6 .blocks-gallery-image,.wp-block-gallery.columns-6 .blocks-gallery-item{width:calc(16.66667% - .83333em);margin-left:1em}.blocks-gallery-grid.columns-7 .blocks-gallery-image,.blocks-gallery-grid.columns-7 .blocks-gallery-item,.wp-block-gallery.columns-7 .blocks-gallery-image,.wp-block-gallery.columns-7 .blocks-gallery-item{width:calc(14.28571% - .85714em);margin-left:1em}.blocks-gallery-grid.columns-8 .blocks-gallery-image,.blocks-gallery-grid.columns-8 .blocks-gallery-item,.wp-block-gallery.columns-8 .blocks-gallery-image,.wp-block-gallery.columns-8 .blocks-gallery-item{width:calc(12.5% - .875em);margin-left:1em}.blocks-gallery-grid.columns-1 .blocks-gallery-image:nth-of-type(1n),.blocks-gallery-grid.columns-1 .blocks-gallery-item:nth-of-type(1n),.blocks-gallery-grid.columns-2 .blocks-gallery-image:nth-of-type(2n),.blocks-gallery-grid.columns-2 .blocks-gallery-item:nth-of-type(2n),.blocks-gallery-grid.columns-3 .blocks-gallery-image:nth-of-type(3n),.blocks-gallery-grid.columns-3 .blocks-gallery-item:nth-of-type(3n),.blocks-gallery-grid.columns-4 .blocks-gallery-image:nth-of-type(4n),.blocks-gallery-grid.columns-4 .blocks-gallery-item:nth-of-type(4n),.blocks-gallery-grid.columns-5 .blocks-gallery-image:nth-of-type(5n),.blocks-gallery-grid.columns-5 .blocks-gallery-item:nth-of-type(5n),.blocks-gallery-grid.columns-6 .blocks-gallery-image:nth-of-type(6n),.blocks-gallery-grid.columns-6 .blocks-gallery-item:nth-of-type(6n),.blocks-gallery-grid.columns-7 .blocks-gallery-image:nth-of-type(7n),.blocks-gallery-grid.columns-7 .blocks-gallery-item:nth-of-type(7n),.blocks-gallery-grid.columns-8 .blocks-gallery-image:nth-of-type(8n),.blocks-gallery-grid.columns-8 .blocks-gallery-item:nth-of-type(8n),.wp-block-gallery.columns-1 .blocks-gallery-image:nth-of-type(1n),.wp-block-gallery.columns-1 .blocks-gallery-item:nth-of-type(1n),.wp-block-gallery.columns-2 .blocks-gallery-image:nth-of-type(2n),.wp-block-gallery.columns-2 .blocks-gallery-item:nth-of-type(2n),.wp-block-gallery.columns-3 .blocks-gallery-image:nth-of-type(3n),.wp-block-gallery.columns-3 .blocks-gallery-item:nth-of-type(3n),.wp-block-gallery.columns-4 .blocks-gallery-image:nth-of-type(4n),.wp-block-gallery.columns-4 .blocks-gallery-item:nth-of-type(4n),.wp-block-gallery.columns-5 .blocks-gallery-image:nth-of-type(5n),.wp-block-gallery.columns-5 .blocks-gallery-item:nth-of-type(5n),.wp-block-gallery.columns-6 .blocks-gallery-image:nth-of-type(6n),.wp-block-gallery.columns-6 .blocks-gallery-item:nth-of-type(6n),.wp-block-gallery.columns-7 .blocks-gallery-image:nth-of-type(7n),.wp-block-gallery.columns-7 .blocks-gallery-item:nth-of-type(7n),.wp-block-gallery.columns-8 .blocks-gallery-image:nth-of-type(8n),.wp-block-gallery.columns-8 .blocks-gallery-item:nth-of-type(8n){margin-left:0}}.blocks-gallery-grid .blocks-gallery-image:last-child,.blocks-gallery-grid .blocks-gallery-item:last-child,.wp-block-gallery .blocks-gallery-image:last-child,.wp-block-gallery .blocks-gallery-item:last-child{margin-left:0}.blocks-gallery-grid.alignleft,.blocks-gallery-grid.alignright,.wp-block-gallery.alignleft,.wp-block-gallery.alignright{max-width:420px;width:100%}.blocks-gallery-grid.aligncenter .blocks-gallery-item figure,.wp-block-gallery.aligncenter .blocks-gallery-item figure{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 new file mode 100644 index 0000000000..be451363f2 --- /dev/null +++ b/wp-includes/blocks/gallery/style.css @@ -0,0 +1,287 @@ +/** + * Colors + */ +/** + * Breakpoints & Media Queries + */ +/** + * SCSS Variables. + * + * Please use variables from this sheet to ensure consistency across the UI. + * Don't add to this sheet unless you're pretty sure the value will be reused in many places. + * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. + */ +/** + * Colors + */ +/** + * Fonts & basic variables. + */ +/** + * Grid System. + * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ + */ +/** + * Dimensions. + */ +/** + * Shadows. + */ +/** + * Editor widths. + */ +/** + * Block & Editor UI. + */ +/** + * Block paddings. + */ +/** + * React Native specific. + * These variables do not appear to be used anywhere else. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset default styles 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, +.blocks-gallery-grid { + display: flex; + flex-wrap: wrap; + list-style-type: none; + padding: 0; + margin: 0; +} +.wp-block-gallery .blocks-gallery-image, +.wp-block-gallery .blocks-gallery-item, +.blocks-gallery-grid .blocks-gallery-image, +.blocks-gallery-grid .blocks-gallery-item { + margin: 0 1em 1em 0; + display: flex; + flex-grow: 1; + flex-direction: column; + justify-content: center; + position: relative; + align-self: flex-start; + width: calc(50% - 1em); +} +.wp-block-gallery .blocks-gallery-image:nth-of-type(even), +.wp-block-gallery .blocks-gallery-item:nth-of-type(even), +.blocks-gallery-grid .blocks-gallery-image:nth-of-type(even), +.blocks-gallery-grid .blocks-gallery-item:nth-of-type(even) { + margin-right: 0; +} +.wp-block-gallery .blocks-gallery-image figure, +.wp-block-gallery .blocks-gallery-item figure, +.blocks-gallery-grid .blocks-gallery-image figure, +.blocks-gallery-grid .blocks-gallery-item figure { + margin: 0; + height: 100%; +} +@supports (position: sticky) { + .wp-block-gallery .blocks-gallery-image figure, +.wp-block-gallery .blocks-gallery-item figure, +.blocks-gallery-grid .blocks-gallery-image figure, +.blocks-gallery-grid .blocks-gallery-item figure { + display: flex; + align-items: flex-end; + justify-content: flex-start; + } +} +.wp-block-gallery .blocks-gallery-image img, +.wp-block-gallery .blocks-gallery-item img, +.blocks-gallery-grid .blocks-gallery-image img, +.blocks-gallery-grid .blocks-gallery-item img { + display: block; + max-width: 100%; + height: auto; + width: 100%; +} +@supports (position: sticky) { + .wp-block-gallery .blocks-gallery-image img, +.wp-block-gallery .blocks-gallery-item img, +.blocks-gallery-grid .blocks-gallery-image img, +.blocks-gallery-grid .blocks-gallery-item img { + width: auto; + } +} +.wp-block-gallery .blocks-gallery-image figcaption, +.wp-block-gallery .blocks-gallery-item figcaption, +.blocks-gallery-grid .blocks-gallery-image figcaption, +.blocks-gallery-grid .blocks-gallery-item figcaption { + 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; +} +.wp-block-gallery .blocks-gallery-image figcaption img, +.wp-block-gallery .blocks-gallery-item figcaption img, +.blocks-gallery-grid .blocks-gallery-image figcaption img, +.blocks-gallery-grid .blocks-gallery-item figcaption img { + display: inline; +} +.wp-block-gallery figcaption, +.blocks-gallery-grid figcaption { + flex-grow: 1; +} +.wp-block-gallery.is-cropped .blocks-gallery-image, .wp-block-gallery.is-cropped .blocks-gallery-item, +.blocks-gallery-grid.is-cropped .blocks-gallery-image, +.blocks-gallery-grid.is-cropped .blocks-gallery-item { + -ms-grid-row-align: inherit; + align-self: inherit; +} +.wp-block-gallery.is-cropped .blocks-gallery-image a, +.wp-block-gallery.is-cropped .blocks-gallery-image img, .wp-block-gallery.is-cropped .blocks-gallery-item a, +.wp-block-gallery.is-cropped .blocks-gallery-item img, +.blocks-gallery-grid.is-cropped .blocks-gallery-image a, +.blocks-gallery-grid.is-cropped .blocks-gallery-image img, +.blocks-gallery-grid.is-cropped .blocks-gallery-item a, +.blocks-gallery-grid.is-cropped .blocks-gallery-item img { + width: 100%; +} +@supports (position: sticky) { + .wp-block-gallery.is-cropped .blocks-gallery-image a, +.wp-block-gallery.is-cropped .blocks-gallery-image img, .wp-block-gallery.is-cropped .blocks-gallery-item a, +.wp-block-gallery.is-cropped .blocks-gallery-item img, +.blocks-gallery-grid.is-cropped .blocks-gallery-image a, +.blocks-gallery-grid.is-cropped .blocks-gallery-image img, +.blocks-gallery-grid.is-cropped .blocks-gallery-item a, +.blocks-gallery-grid.is-cropped .blocks-gallery-item img { + height: 100%; + flex: 1; + -o-object-fit: cover; + object-fit: cover; + } +} +.wp-block-gallery.columns-1 .blocks-gallery-image, .wp-block-gallery.columns-1 .blocks-gallery-item, +.blocks-gallery-grid.columns-1 .blocks-gallery-image, +.blocks-gallery-grid.columns-1 .blocks-gallery-item { + width: 100%; + margin-right: 0; +} +@media (min-width: 600px) { + .wp-block-gallery.columns-3 .blocks-gallery-image, .wp-block-gallery.columns-3 .blocks-gallery-item, +.blocks-gallery-grid.columns-3 .blocks-gallery-image, +.blocks-gallery-grid.columns-3 .blocks-gallery-item { + width: calc(33.3333333333% - 0.6666666667em); + margin-right: 1em; + } + .wp-block-gallery.columns-4 .blocks-gallery-image, .wp-block-gallery.columns-4 .blocks-gallery-item, +.blocks-gallery-grid.columns-4 .blocks-gallery-image, +.blocks-gallery-grid.columns-4 .blocks-gallery-item { + width: calc(25% - 0.75em); + margin-right: 1em; + } + .wp-block-gallery.columns-5 .blocks-gallery-image, .wp-block-gallery.columns-5 .blocks-gallery-item, +.blocks-gallery-grid.columns-5 .blocks-gallery-image, +.blocks-gallery-grid.columns-5 .blocks-gallery-item { + width: calc(20% - 0.8em); + margin-right: 1em; + } + .wp-block-gallery.columns-6 .blocks-gallery-image, .wp-block-gallery.columns-6 .blocks-gallery-item, +.blocks-gallery-grid.columns-6 .blocks-gallery-image, +.blocks-gallery-grid.columns-6 .blocks-gallery-item { + width: calc(16.6666666667% - 0.8333333333em); + margin-right: 1em; + } + .wp-block-gallery.columns-7 .blocks-gallery-image, .wp-block-gallery.columns-7 .blocks-gallery-item, +.blocks-gallery-grid.columns-7 .blocks-gallery-image, +.blocks-gallery-grid.columns-7 .blocks-gallery-item { + width: calc(14.2857142857% - 0.8571428571em); + margin-right: 1em; + } + .wp-block-gallery.columns-8 .blocks-gallery-image, .wp-block-gallery.columns-8 .blocks-gallery-item, +.blocks-gallery-grid.columns-8 .blocks-gallery-image, +.blocks-gallery-grid.columns-8 .blocks-gallery-item { + width: calc(12.5% - 0.875em); + margin-right: 1em; + } + .wp-block-gallery.columns-1 .blocks-gallery-image:nth-of-type(1n), .wp-block-gallery.columns-1 .blocks-gallery-item:nth-of-type(1n), +.blocks-gallery-grid.columns-1 .blocks-gallery-image:nth-of-type(1n), +.blocks-gallery-grid.columns-1 .blocks-gallery-item:nth-of-type(1n) { + margin-right: 0; + } + .wp-block-gallery.columns-2 .blocks-gallery-image:nth-of-type(2n), .wp-block-gallery.columns-2 .blocks-gallery-item:nth-of-type(2n), +.blocks-gallery-grid.columns-2 .blocks-gallery-image:nth-of-type(2n), +.blocks-gallery-grid.columns-2 .blocks-gallery-item:nth-of-type(2n) { + margin-right: 0; + } + .wp-block-gallery.columns-3 .blocks-gallery-image:nth-of-type(3n), .wp-block-gallery.columns-3 .blocks-gallery-item:nth-of-type(3n), +.blocks-gallery-grid.columns-3 .blocks-gallery-image:nth-of-type(3n), +.blocks-gallery-grid.columns-3 .blocks-gallery-item:nth-of-type(3n) { + margin-right: 0; + } + .wp-block-gallery.columns-4 .blocks-gallery-image:nth-of-type(4n), .wp-block-gallery.columns-4 .blocks-gallery-item:nth-of-type(4n), +.blocks-gallery-grid.columns-4 .blocks-gallery-image:nth-of-type(4n), +.blocks-gallery-grid.columns-4 .blocks-gallery-item:nth-of-type(4n) { + margin-right: 0; + } + .wp-block-gallery.columns-5 .blocks-gallery-image:nth-of-type(5n), .wp-block-gallery.columns-5 .blocks-gallery-item:nth-of-type(5n), +.blocks-gallery-grid.columns-5 .blocks-gallery-image:nth-of-type(5n), +.blocks-gallery-grid.columns-5 .blocks-gallery-item:nth-of-type(5n) { + margin-right: 0; + } + .wp-block-gallery.columns-6 .blocks-gallery-image:nth-of-type(6n), .wp-block-gallery.columns-6 .blocks-gallery-item:nth-of-type(6n), +.blocks-gallery-grid.columns-6 .blocks-gallery-image:nth-of-type(6n), +.blocks-gallery-grid.columns-6 .blocks-gallery-item:nth-of-type(6n) { + margin-right: 0; + } + .wp-block-gallery.columns-7 .blocks-gallery-image:nth-of-type(7n), .wp-block-gallery.columns-7 .blocks-gallery-item:nth-of-type(7n), +.blocks-gallery-grid.columns-7 .blocks-gallery-image:nth-of-type(7n), +.blocks-gallery-grid.columns-7 .blocks-gallery-item:nth-of-type(7n) { + margin-right: 0; + } + .wp-block-gallery.columns-8 .blocks-gallery-image:nth-of-type(8n), .wp-block-gallery.columns-8 .blocks-gallery-item:nth-of-type(8n), +.blocks-gallery-grid.columns-8 .blocks-gallery-image:nth-of-type(8n), +.blocks-gallery-grid.columns-8 .blocks-gallery-item:nth-of-type(8n) { + margin-right: 0; + } +} +.wp-block-gallery .blocks-gallery-image:last-child, +.wp-block-gallery .blocks-gallery-item:last-child, +.blocks-gallery-grid .blocks-gallery-image:last-child, +.blocks-gallery-grid .blocks-gallery-item:last-child { + margin-right: 0; +} +.wp-block-gallery.alignleft, .wp-block-gallery.alignright, +.blocks-gallery-grid.alignleft, +.blocks-gallery-grid.alignright { + max-width: 420px; + width: 100%; +} +.wp-block-gallery.aligncenter .blocks-gallery-item figure, +.blocks-gallery-grid.aligncenter .blocks-gallery-item figure { + justify-content: center; +} \ No newline at end of file diff --git a/wp-includes/blocks/gallery/style.min.css b/wp-includes/blocks/gallery/style.min.css new file mode 100644 index 0000000000..8e6a7f4239 --- /dev/null +++ b/wp-includes/blocks/gallery/style.min.css @@ -0,0 +1 @@ +.blocks-gallery-grid,.wp-block-gallery{display:flex;flex-wrap:wrap;list-style-type:none;padding:0;margin:0}.blocks-gallery-grid .blocks-gallery-image,.blocks-gallery-grid .blocks-gallery-item,.wp-block-gallery .blocks-gallery-image,.wp-block-gallery .blocks-gallery-item{margin:0 1em 1em 0;display:flex;flex-grow:1;flex-direction:column;justify-content:center;position:relative;align-self:flex-start;width:calc(50% - 1em)}.blocks-gallery-grid .blocks-gallery-image:nth-of-type(2n),.blocks-gallery-grid .blocks-gallery-item:nth-of-type(2n),.wp-block-gallery .blocks-gallery-image:nth-of-type(2n),.wp-block-gallery .blocks-gallery-item:nth-of-type(2n){margin-right:0}.blocks-gallery-grid .blocks-gallery-image figure,.blocks-gallery-grid .blocks-gallery-item figure,.wp-block-gallery .blocks-gallery-image figure,.wp-block-gallery .blocks-gallery-item figure{margin:0;height:100%}@supports (position:sticky){.blocks-gallery-grid .blocks-gallery-image figure,.blocks-gallery-grid .blocks-gallery-item figure,.wp-block-gallery .blocks-gallery-image figure,.wp-block-gallery .blocks-gallery-item figure{display:flex;align-items:flex-end;justify-content:flex-start}}.blocks-gallery-grid .blocks-gallery-image img,.blocks-gallery-grid .blocks-gallery-item img,.wp-block-gallery .blocks-gallery-image img,.wp-block-gallery .blocks-gallery-item img{display:block;max-width:100%;height:auto;width:100%}@supports (position:sticky){.blocks-gallery-grid .blocks-gallery-image img,.blocks-gallery-grid .blocks-gallery-item img,.wp-block-gallery .blocks-gallery-image img,.wp-block-gallery .blocks-gallery-item img{width:auto}}.blocks-gallery-grid .blocks-gallery-image figcaption,.blocks-gallery-grid .blocks-gallery-item figcaption,.wp-block-gallery .blocks-gallery-image figcaption,.wp-block-gallery .blocks-gallery-item figcaption{position:absolute;bottom:0;width:100%;max-height:100%;overflow:auto;padding:3em .77em .7em;color:#fff;text-align:center;font-size:.8em;background:linear-gradient(0deg,rgba(0,0,0,.7),rgba(0,0,0,.3) 70%,transparent);box-sizing:border-box;margin:0}.blocks-gallery-grid .blocks-gallery-image figcaption img,.blocks-gallery-grid .blocks-gallery-item figcaption img,.wp-block-gallery .blocks-gallery-image figcaption img,.wp-block-gallery .blocks-gallery-item figcaption img{display:inline}.blocks-gallery-grid figcaption,.wp-block-gallery figcaption{flex-grow:1}.blocks-gallery-grid.is-cropped .blocks-gallery-image,.blocks-gallery-grid.is-cropped .blocks-gallery-item,.wp-block-gallery.is-cropped .blocks-gallery-image,.wp-block-gallery.is-cropped .blocks-gallery-item{-ms-grid-row-align:inherit;align-self:inherit}.blocks-gallery-grid.is-cropped .blocks-gallery-image a,.blocks-gallery-grid.is-cropped .blocks-gallery-image img,.blocks-gallery-grid.is-cropped .blocks-gallery-item a,.blocks-gallery-grid.is-cropped .blocks-gallery-item img,.wp-block-gallery.is-cropped .blocks-gallery-image a,.wp-block-gallery.is-cropped .blocks-gallery-image img,.wp-block-gallery.is-cropped .blocks-gallery-item a,.wp-block-gallery.is-cropped .blocks-gallery-item img{width:100%}@supports (position:sticky){.blocks-gallery-grid.is-cropped .blocks-gallery-image a,.blocks-gallery-grid.is-cropped .blocks-gallery-image img,.blocks-gallery-grid.is-cropped .blocks-gallery-item a,.blocks-gallery-grid.is-cropped .blocks-gallery-item img,.wp-block-gallery.is-cropped .blocks-gallery-image a,.wp-block-gallery.is-cropped .blocks-gallery-image img,.wp-block-gallery.is-cropped .blocks-gallery-item a,.wp-block-gallery.is-cropped .blocks-gallery-item img{height:100%;flex:1;-o-object-fit:cover;object-fit:cover}}.blocks-gallery-grid.columns-1 .blocks-gallery-image,.blocks-gallery-grid.columns-1 .blocks-gallery-item,.wp-block-gallery.columns-1 .blocks-gallery-image,.wp-block-gallery.columns-1 .blocks-gallery-item{width:100%;margin-right:0}@media (min-width:600px){.blocks-gallery-grid.columns-3 .blocks-gallery-image,.blocks-gallery-grid.columns-3 .blocks-gallery-item,.wp-block-gallery.columns-3 .blocks-gallery-image,.wp-block-gallery.columns-3 .blocks-gallery-item{width:calc(33.33333% - .66667em);margin-right:1em}.blocks-gallery-grid.columns-4 .blocks-gallery-image,.blocks-gallery-grid.columns-4 .blocks-gallery-item,.wp-block-gallery.columns-4 .blocks-gallery-image,.wp-block-gallery.columns-4 .blocks-gallery-item{width:calc(25% - .75em);margin-right:1em}.blocks-gallery-grid.columns-5 .blocks-gallery-image,.blocks-gallery-grid.columns-5 .blocks-gallery-item,.wp-block-gallery.columns-5 .blocks-gallery-image,.wp-block-gallery.columns-5 .blocks-gallery-item{width:calc(20% - .8em);margin-right:1em}.blocks-gallery-grid.columns-6 .blocks-gallery-image,.blocks-gallery-grid.columns-6 .blocks-gallery-item,.wp-block-gallery.columns-6 .blocks-gallery-image,.wp-block-gallery.columns-6 .blocks-gallery-item{width:calc(16.66667% - .83333em);margin-right:1em}.blocks-gallery-grid.columns-7 .blocks-gallery-image,.blocks-gallery-grid.columns-7 .blocks-gallery-item,.wp-block-gallery.columns-7 .blocks-gallery-image,.wp-block-gallery.columns-7 .blocks-gallery-item{width:calc(14.28571% - .85714em);margin-right:1em}.blocks-gallery-grid.columns-8 .blocks-gallery-image,.blocks-gallery-grid.columns-8 .blocks-gallery-item,.wp-block-gallery.columns-8 .blocks-gallery-image,.wp-block-gallery.columns-8 .blocks-gallery-item{width:calc(12.5% - .875em);margin-right:1em}.blocks-gallery-grid.columns-1 .blocks-gallery-image:nth-of-type(1n),.blocks-gallery-grid.columns-1 .blocks-gallery-item:nth-of-type(1n),.blocks-gallery-grid.columns-2 .blocks-gallery-image:nth-of-type(2n),.blocks-gallery-grid.columns-2 .blocks-gallery-item:nth-of-type(2n),.blocks-gallery-grid.columns-3 .blocks-gallery-image:nth-of-type(3n),.blocks-gallery-grid.columns-3 .blocks-gallery-item:nth-of-type(3n),.blocks-gallery-grid.columns-4 .blocks-gallery-image:nth-of-type(4n),.blocks-gallery-grid.columns-4 .blocks-gallery-item:nth-of-type(4n),.blocks-gallery-grid.columns-5 .blocks-gallery-image:nth-of-type(5n),.blocks-gallery-grid.columns-5 .blocks-gallery-item:nth-of-type(5n),.blocks-gallery-grid.columns-6 .blocks-gallery-image:nth-of-type(6n),.blocks-gallery-grid.columns-6 .blocks-gallery-item:nth-of-type(6n),.blocks-gallery-grid.columns-7 .blocks-gallery-image:nth-of-type(7n),.blocks-gallery-grid.columns-7 .blocks-gallery-item:nth-of-type(7n),.blocks-gallery-grid.columns-8 .blocks-gallery-image:nth-of-type(8n),.blocks-gallery-grid.columns-8 .blocks-gallery-item:nth-of-type(8n),.wp-block-gallery.columns-1 .blocks-gallery-image:nth-of-type(1n),.wp-block-gallery.columns-1 .blocks-gallery-item:nth-of-type(1n),.wp-block-gallery.columns-2 .blocks-gallery-image:nth-of-type(2n),.wp-block-gallery.columns-2 .blocks-gallery-item:nth-of-type(2n),.wp-block-gallery.columns-3 .blocks-gallery-image:nth-of-type(3n),.wp-block-gallery.columns-3 .blocks-gallery-item:nth-of-type(3n),.wp-block-gallery.columns-4 .blocks-gallery-image:nth-of-type(4n),.wp-block-gallery.columns-4 .blocks-gallery-item:nth-of-type(4n),.wp-block-gallery.columns-5 .blocks-gallery-image:nth-of-type(5n),.wp-block-gallery.columns-5 .blocks-gallery-item:nth-of-type(5n),.wp-block-gallery.columns-6 .blocks-gallery-image:nth-of-type(6n),.wp-block-gallery.columns-6 .blocks-gallery-item:nth-of-type(6n),.wp-block-gallery.columns-7 .blocks-gallery-image:nth-of-type(7n),.wp-block-gallery.columns-7 .blocks-gallery-item:nth-of-type(7n),.wp-block-gallery.columns-8 .blocks-gallery-image:nth-of-type(8n),.wp-block-gallery.columns-8 .blocks-gallery-item:nth-of-type(8n){margin-right:0}}.blocks-gallery-grid .blocks-gallery-image:last-child,.blocks-gallery-grid .blocks-gallery-item:last-child,.wp-block-gallery .blocks-gallery-image:last-child,.wp-block-gallery .blocks-gallery-item:last-child{margin-right:0}.blocks-gallery-grid.alignleft,.blocks-gallery-grid.alignright,.wp-block-gallery.alignleft,.wp-block-gallery.alignright{max-width:420px;width:100%}.blocks-gallery-grid.aligncenter .blocks-gallery-item figure,.wp-block-gallery.aligncenter .blocks-gallery-item figure{justify-content:center} \ No newline at end of file diff --git a/wp-includes/blocks/group/editor-rtl.css b/wp-includes/blocks/group/editor-rtl.css new file mode 100644 index 0000000000..35f6b1e887 --- /dev/null +++ b/wp-includes/blocks/group/editor-rtl.css @@ -0,0 +1,86 @@ +/** + * Colors + */ +/** + * Breakpoints & Media Queries + */ +/** + * SCSS Variables. + * + * Please use variables from this sheet to ensure consistency across the UI. + * Don't add to this sheet unless you're pretty sure the value will be reused in many places. + * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. + */ +/** + * Colors + */ +/** + * Fonts & basic variables. + */ +/** + * Grid System. + * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ + */ +/** + * Dimensions. + */ +/** + * Shadows. + */ +/** + * Editor widths. + */ +/** + * Block & Editor UI. + */ +/** + * Block paddings. + */ +/** + * React Native specific. + * These variables do not appear to be used anywhere else. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset 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; +} + +[data-type="core/group"].is-selected .block-list-appender { + margin-right: 0; + margin-left: 0; +} +[data-type="core/group"].is-selected .has-background .block-list-appender { + margin-top: 18px; + margin-bottom: 18px; +} \ No newline at end of file diff --git a/wp-includes/blocks/group/editor-rtl.min.css b/wp-includes/blocks/group/editor-rtl.min.css new file mode 100644 index 0000000000..b75588b91c --- /dev/null +++ b/wp-includes/blocks/group/editor-rtl.min.css @@ -0,0 +1 @@ +.wp-block-group .block-editor-block-list__insertion-point{right:0;left:0}[data-type="core/group"].is-selected .block-list-appender{margin-right:0;margin-left:0}[data-type="core/group"].is-selected .has-background .block-list-appender{margin-top:18px;margin-bottom:18px} \ No newline at end of file diff --git a/wp-includes/blocks/group/editor.css b/wp-includes/blocks/group/editor.css new file mode 100644 index 0000000000..c9b00d8dcd --- /dev/null +++ b/wp-includes/blocks/group/editor.css @@ -0,0 +1,86 @@ +/** + * Colors + */ +/** + * Breakpoints & Media Queries + */ +/** + * SCSS Variables. + * + * Please use variables from this sheet to ensure consistency across the UI. + * Don't add to this sheet unless you're pretty sure the value will be reused in many places. + * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. + */ +/** + * Colors + */ +/** + * Fonts & basic variables. + */ +/** + * Grid System. + * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ + */ +/** + * Dimensions. + */ +/** + * Shadows. + */ +/** + * Editor widths. + */ +/** + * Block & Editor UI. + */ +/** + * Block paddings. + */ +/** + * React Native specific. + * These variables do not appear to be used anywhere else. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset 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; +} + +[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; +} \ No newline at end of file diff --git a/wp-includes/blocks/group/editor.min.css b/wp-includes/blocks/group/editor.min.css new file mode 100644 index 0000000000..d9a41f7c14 --- /dev/null +++ b/wp-includes/blocks/group/editor.min.css @@ -0,0 +1 @@ +.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-top:18px;margin-bottom:18px} \ No newline at end of file diff --git a/wp-includes/blocks/group/style-rtl.css b/wp-includes/blocks/group/style-rtl.css new file mode 100644 index 0000000000..8fd3e9e3d7 --- /dev/null +++ b/wp-includes/blocks/group/style-rtl.css @@ -0,0 +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. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset default styles 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; +} \ No newline at end of file diff --git a/wp-includes/blocks/group/style-rtl.min.css b/wp-includes/blocks/group/style-rtl.min.css new file mode 100644 index 0000000000..9124e9b704 --- /dev/null +++ b/wp-includes/blocks/group/style-rtl.min.css @@ -0,0 +1 @@ +.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 new file mode 100644 index 0000000000..8fd3e9e3d7 --- /dev/null +++ b/wp-includes/blocks/group/style.css @@ -0,0 +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. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset default styles 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; +} \ No newline at end of file diff --git a/wp-includes/blocks/group/style.min.css b/wp-includes/blocks/group/style.min.css new file mode 100644 index 0000000000..9124e9b704 --- /dev/null +++ b/wp-includes/blocks/group/style.min.css @@ -0,0 +1 @@ +.wp-block-group{box-sizing:border-box} \ No newline at end of file diff --git a/wp-includes/blocks/heading/editor-rtl.css b/wp-includes/blocks/heading/editor-rtl.css new file mode 100644 index 0000000000..e1fb9c8aa3 --- /dev/null +++ b/wp-includes/blocks/heading/editor-rtl.css @@ -0,0 +1,80 @@ +/** + * Colors + */ +/** + * Breakpoints & Media Queries + */ +/** + * SCSS Variables. + * + * Please use variables from this sheet to ensure consistency across the UI. + * Don't add to this sheet unless you're pretty sure the value will be reused in many places. + * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. + */ +/** + * Colors + */ +/** + * Fonts & basic variables. + */ +/** + * Grid System. + * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ + */ +/** + * Dimensions. + */ +/** + * Shadows. + */ +/** + * Editor widths. + */ +/** + * Block & Editor UI. + */ +/** + * Block paddings. + */ +/** + * React Native specific. + * These variables do not appear to be used anywhere else. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset 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-heading-level-dropdown .components-popover__content { + min-width: 230px; +} +.block-library-heading-level-dropdown .components-popover__content > div { + padding: 0; +} + +.block-library-heading-level-toolbar { + border: none; +} \ No newline at end of file diff --git a/wp-includes/blocks/heading/editor-rtl.min.css b/wp-includes/blocks/heading/editor-rtl.min.css new file mode 100644 index 0000000000..ffc2c6277c --- /dev/null +++ b/wp-includes/blocks/heading/editor-rtl.min.css @@ -0,0 +1 @@ +.block-library-heading-level-dropdown .components-popover__content{min-width:230px}.block-library-heading-level-dropdown .components-popover__content>div{padding:0}.block-library-heading-level-toolbar{border:none} \ No newline at end of file diff --git a/wp-includes/blocks/heading/editor.css b/wp-includes/blocks/heading/editor.css new file mode 100644 index 0000000000..e1fb9c8aa3 --- /dev/null +++ b/wp-includes/blocks/heading/editor.css @@ -0,0 +1,80 @@ +/** + * Colors + */ +/** + * Breakpoints & Media Queries + */ +/** + * SCSS Variables. + * + * Please use variables from this sheet to ensure consistency across the UI. + * Don't add to this sheet unless you're pretty sure the value will be reused in many places. + * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. + */ +/** + * Colors + */ +/** + * Fonts & basic variables. + */ +/** + * Grid System. + * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ + */ +/** + * Dimensions. + */ +/** + * Shadows. + */ +/** + * Editor widths. + */ +/** + * Block & Editor UI. + */ +/** + * Block paddings. + */ +/** + * React Native specific. + * These variables do not appear to be used anywhere else. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset 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-heading-level-dropdown .components-popover__content { + min-width: 230px; +} +.block-library-heading-level-dropdown .components-popover__content > div { + padding: 0; +} + +.block-library-heading-level-toolbar { + border: none; +} \ No newline at end of file diff --git a/wp-includes/blocks/heading/editor.min.css b/wp-includes/blocks/heading/editor.min.css new file mode 100644 index 0000000000..ffc2c6277c --- /dev/null +++ b/wp-includes/blocks/heading/editor.min.css @@ -0,0 +1 @@ +.block-library-heading-level-dropdown .components-popover__content{min-width:230px}.block-library-heading-level-dropdown .components-popover__content>div{padding:0}.block-library-heading-level-toolbar{border:none} \ No newline at end of file diff --git a/wp-includes/blocks/heading/style-rtl.css b/wp-includes/blocks/heading/style-rtl.css new file mode 100644 index 0000000000..25c0c87e3a --- /dev/null +++ b/wp-includes/blocks/heading/style-rtl.css @@ -0,0 +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. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset 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; +} \ No newline at end of file diff --git a/wp-includes/blocks/heading/style-rtl.min.css b/wp-includes/blocks/heading/style-rtl.min.css new file mode 100644 index 0000000000..38760e892f --- /dev/null +++ b/wp-includes/blocks/heading/style-rtl.min.css @@ -0,0 +1 @@ +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 new file mode 100644 index 0000000000..25c0c87e3a --- /dev/null +++ b/wp-includes/blocks/heading/style.css @@ -0,0 +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. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset 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; +} \ No newline at end of file diff --git a/wp-includes/blocks/heading/style.min.css b/wp-includes/blocks/heading/style.min.css new file mode 100644 index 0000000000..38760e892f --- /dev/null +++ b/wp-includes/blocks/heading/style.min.css @@ -0,0 +1 @@ +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 new file mode 100644 index 0000000000..9595a76d97 --- /dev/null +++ b/wp-includes/blocks/html/editor-rtl.css @@ -0,0 +1,98 @@ +/** + * Colors + */ +/** + * Breakpoints & Media Queries + */ +/** + * SCSS Variables. + * + * Please use variables from this sheet to ensure consistency across the UI. + * Don't add to this sheet unless you're pretty sure the value will be reused in many places. + * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. + */ +/** + * Colors + */ +/** + * Fonts & basic variables. + */ +/** + * Grid System. + * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ + */ +/** + * Dimensions. + */ +/** + * Shadows. + */ +/** + * Editor widths. + */ +/** + * Block & Editor UI. + */ +/** + * Block paddings. + */ +/** + * React Native specific. + * These variables do not appear to be used anywhere else. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset 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 { + margin-bottom: 28px; +} +.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; + color: #1e1e1e; + padding: 0.8em 1em; + border: 1px solid #ddd; + border-radius: 4px; + max-height: 250px; + /* Fonts smaller than 16px causes mobile safari to zoom. */ + font-size: 16px; +} +@media (min-width: 600px) { + .block-library-html__edit .block-editor-plain-text { + font-size: 13px; + } +} +.block-library-html__edit .block-editor-plain-text:focus { + box-shadow: none; +} \ No newline at end of file diff --git a/wp-includes/blocks/html/editor-rtl.min.css b/wp-includes/blocks/html/editor-rtl.min.css new file mode 100644 index 0000000000..42b778a681 --- /dev/null +++ b/wp-includes/blocks/html/editor-rtl.min.css @@ -0,0 +1 @@ +.block-library-html__edit{margin-bottom:28px}.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;color:#1e1e1e;padding:.8em 1em;border:1px solid #ddd;border-radius:4px;max-height:250px;font-size:16px}@media (min-width:600px){.block-library-html__edit .block-editor-plain-text{font-size:13px}}.block-library-html__edit .block-editor-plain-text:focus{box-shadow:none} \ No newline at end of file diff --git a/wp-includes/blocks/html/editor.css b/wp-includes/blocks/html/editor.css new file mode 100644 index 0000000000..187cede88e --- /dev/null +++ b/wp-includes/blocks/html/editor.css @@ -0,0 +1,98 @@ +/** + * Colors + */ +/** + * Breakpoints & Media Queries + */ +/** + * SCSS Variables. + * + * Please use variables from this sheet to ensure consistency across the UI. + * Don't add to this sheet unless you're pretty sure the value will be reused in many places. + * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. + */ +/** + * Colors + */ +/** + * Fonts & basic variables. + */ +/** + * Grid System. + * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ + */ +/** + * Dimensions. + */ +/** + * Shadows. + */ +/** + * Editor widths. + */ +/** + * Block & Editor UI. + */ +/** + * Block paddings. + */ +/** + * React Native specific. + * These variables do not appear to be used anywhere else. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset 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 { + margin-bottom: 28px; +} +.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; + color: #1e1e1e; + padding: 0.8em 1em; + border: 1px solid #ddd; + border-radius: 4px; + max-height: 250px; + /* Fonts smaller than 16px causes mobile safari to zoom. */ + font-size: 16px; +} +@media (min-width: 600px) { + .block-library-html__edit .block-editor-plain-text { + font-size: 13px; + } +} +.block-library-html__edit .block-editor-plain-text:focus { + box-shadow: none; +} \ No newline at end of file diff --git a/wp-includes/blocks/html/editor.min.css b/wp-includes/blocks/html/editor.min.css new file mode 100644 index 0000000000..33630bc469 --- /dev/null +++ b/wp-includes/blocks/html/editor.min.css @@ -0,0 +1 @@ +.block-library-html__edit{margin-bottom:28px}.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;color:#1e1e1e;padding:.8em 1em;border:1px solid #ddd;border-radius:4px;max-height:250px;font-size:16px}@media (min-width:600px){.block-library-html__edit .block-editor-plain-text{font-size:13px}}.block-library-html__edit .block-editor-plain-text:focus{box-shadow:none} \ No newline at end of file diff --git a/wp-includes/blocks/image/editor-rtl.css b/wp-includes/blocks/image/editor-rtl.css new file mode 100644 index 0000000000..209a3a1c29 --- /dev/null +++ b/wp-includes/blocks/image/editor-rtl.css @@ -0,0 +1,194 @@ +/** + * Colors + */ +/** + * Breakpoints & Media Queries + */ +/** + * SCSS Variables. + * + * Please use variables from this sheet to ensure consistency across the UI. + * Don't add to this sheet unless you're pretty sure the value will be reused in many places. + * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. + */ +/** + * Colors + */ +/** + * Fonts & basic variables. + */ +/** + * Grid System. + * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ + */ +/** + * Dimensions. + */ +/** + * Shadows. + */ +/** + * Editor widths. + */ +/** + * Block & Editor UI. + */ +/** + * Block paddings. + */ +/** + * React Native specific. + * These variables do not appear to be used anywhere else. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset 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-image:not(.wp-block) { + margin: 0; +} + +.wp-block-image { + position: relative; +} +.wp-block-image .is-applying img, .wp-block-image.is-transient img { + opacity: 0.3; +} +.wp-block-image figcaption img { + display: inline; +} +.wp-block-image .components-spinner { + position: absolute; + top: 50%; + right: 50%; + margin-top: -9px; + margin-right: -9px; +} +.wp-block-image:not(.is-style-rounded) > div { + border-radius: inherit; +} + +.wp-block-image .components-resizable-box__container { + display: inline-block; +} +.wp-block-image .components-resizable-box__container img { + display: block; + width: inherit; + height: 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; +} +@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 { + 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=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=left] > .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-right: 1em; + margin-left: 0; + margin-top: 0.5em; + margin-bottom: 0.5em; +} + +.wp-block[data-align=center] > .wp-block-image { + margin-right: auto; + margin-left: auto; + text-align: center; +} + +.wp-block-image__crop-area { + position: relative; + max-width: 100%; + width: 100%; +} + +.wp-block-image__crop-icon { + padding: 0 8px; + min-width: 48px; + display: flex; + justify-content: center; + align-items: center; +} +.wp-block-image__crop-icon svg { + fill: currentColor; +} + +.wp-block-image__zoom .components-popover__content { + overflow: visible; + min-width: 260px; +} +.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__aspect-ratio { + height: 46px; + margin-bottom: -8px; + display: flex; + align-items: center; +} +.wp-block-image__aspect-ratio .components-button { + width: 36px; + padding-right: 0; + padding-left: 0; +} \ No newline at end of file diff --git a/wp-includes/blocks/image/editor-rtl.min.css b/wp-includes/blocks/image/editor-rtl.min.css new file mode 100644 index 0000000000..4ff324220d --- /dev/null +++ b/wp-includes/blocks/image/editor-rtl.min.css @@ -0,0 +1 @@ +figure.wp-block-image:not(.wp-block){margin:0}.wp-block-image{position:relative}.wp-block-image .is-applying img,.wp-block-image.is-transient img{opacity:.3}.wp-block-image figcaption img{display:inline}.wp-block-image .components-spinner{position:absolute;top:50%;right:50%;margin-top:-9px;margin-right:-9px}.wp-block-image:not(.is-style-rounded)>div{border-radius:inherit}.wp-block-image .components-resizable-box__container{display:inline-block}.wp-block-image .components-resizable-box__container img{display:block;width:inherit;height: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}@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=full]>.wp-block-image img,[data-align=wide]>.wp-block-image img{width:100%}.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=center]>.wp-block-image>figcaption,.wp-block[data-align=left]>.wp-block-image>figcaption,.wp-block[data-align=right]>.wp-block-image>figcaption{display:table-caption;caption-side:bottom}.wp-block[data-align=left]>.wp-block-image{margin:.5em 0 .5em 1em}.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-image__crop-area{position:relative;max-width:100%;width:100%}.wp-block-image__crop-icon{padding:0 8px;min-width:48px;display:flex;justify-content:center;align-items:center}.wp-block-image__crop-icon svg{fill:currentColor}.wp-block-image__zoom .components-popover__content{overflow:visible;min-width:260px}.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__aspect-ratio{height:46px;margin-bottom:-8px;display:flex;align-items:center}.wp-block-image__aspect-ratio .components-button{width:36px;padding-right:0;padding-left:0} \ No newline at end of file diff --git a/wp-includes/blocks/image/editor.css b/wp-includes/blocks/image/editor.css new file mode 100644 index 0000000000..ba1f17cb12 --- /dev/null +++ b/wp-includes/blocks/image/editor.css @@ -0,0 +1,194 @@ +/** + * Colors + */ +/** + * Breakpoints & Media Queries + */ +/** + * SCSS Variables. + * + * Please use variables from this sheet to ensure consistency across the UI. + * Don't add to this sheet unless you're pretty sure the value will be reused in many places. + * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. + */ +/** + * Colors + */ +/** + * Fonts & basic variables. + */ +/** + * Grid System. + * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ + */ +/** + * Dimensions. + */ +/** + * Shadows. + */ +/** + * Editor widths. + */ +/** + * Block & Editor UI. + */ +/** + * Block paddings. + */ +/** + * React Native specific. + * These variables do not appear to be used anywhere else. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset 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-image:not(.wp-block) { + margin: 0; +} + +.wp-block-image { + position: relative; +} +.wp-block-image .is-applying img, .wp-block-image.is-transient img { + opacity: 0.3; +} +.wp-block-image figcaption img { + display: inline; +} +.wp-block-image .components-spinner { + position: absolute; + top: 50%; + left: 50%; + margin-top: -9px; + margin-left: -9px; +} +.wp-block-image:not(.is-style-rounded) > div { + border-radius: inherit; +} + +.wp-block-image .components-resizable-box__container { + display: inline-block; +} +.wp-block-image .components-resizable-box__container img { + display: block; + width: inherit; + height: 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; +} +@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 { + 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=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=left] > .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-left: 1em; + margin-right: 0; + margin-top: 0.5em; + margin-bottom: 0.5em; +} + +.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%; +} + +.wp-block-image__crop-icon { + padding: 0 8px; + min-width: 48px; + display: flex; + justify-content: center; + align-items: center; +} +.wp-block-image__crop-icon svg { + fill: currentColor; +} + +.wp-block-image__zoom .components-popover__content { + overflow: visible; + min-width: 260px; +} +.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__aspect-ratio { + height: 46px; + margin-bottom: -8px; + display: flex; + align-items: center; +} +.wp-block-image__aspect-ratio .components-button { + width: 36px; + padding-left: 0; + padding-right: 0; +} \ No newline at end of file diff --git a/wp-includes/blocks/image/editor.min.css b/wp-includes/blocks/image/editor.min.css new file mode 100644 index 0000000000..fd758c291a --- /dev/null +++ b/wp-includes/blocks/image/editor.min.css @@ -0,0 +1 @@ +figure.wp-block-image:not(.wp-block){margin:0}.wp-block-image{position:relative}.wp-block-image .is-applying img,.wp-block-image.is-transient img{opacity:.3}.wp-block-image figcaption img{display:inline}.wp-block-image .components-spinner{position:absolute;top:50%;left:50%;margin-top:-9px;margin-left:-9px}.wp-block-image:not(.is-style-rounded)>div{border-radius:inherit}.wp-block-image .components-resizable-box__container{display:inline-block}.wp-block-image .components-resizable-box__container img{display:block;width:inherit;height: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}@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=full]>.wp-block-image img,[data-align=wide]>.wp-block-image img{width:100%}.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=center]>.wp-block-image>figcaption,.wp-block[data-align=left]>.wp-block-image>figcaption,.wp-block[data-align=right]>.wp-block-image>figcaption{display:table-caption;caption-side:bottom}.wp-block[data-align=left]>.wp-block-image{margin:.5em 1em .5em 0}.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-image__crop-area{position:relative;max-width:100%;width:100%}.wp-block-image__crop-icon{padding:0 8px;min-width:48px;display:flex;justify-content:center;align-items:center}.wp-block-image__crop-icon svg{fill:currentColor}.wp-block-image__zoom .components-popover__content{overflow:visible;min-width:260px}.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__aspect-ratio{height:46px;margin-bottom:-8px;display:flex;align-items:center}.wp-block-image__aspect-ratio .components-button{width:36px;padding-left:0;padding-right:0} \ No newline at end of file diff --git a/wp-includes/blocks/image/style-rtl.css b/wp-includes/blocks/image/style-rtl.css new file mode 100644 index 0000000000..b360459d05 --- /dev/null +++ b/wp-includes/blocks/image/style-rtl.css @@ -0,0 +1,140 @@ +/** + * Colors + */ +/** + * Breakpoints & Media Queries + */ +/** + * SCSS Variables. + * + * Please use variables from this sheet to ensure consistency across the UI. + * Don't add to this sheet unless you're pretty sure the value will be reused in many places. + * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. + */ +/** + * Colors + */ +/** + * Fonts & basic variables. + */ +/** + * Grid System. + * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ + */ +/** + * Dimensions. + */ +/** + * Shadows. + */ +/** + * Editor widths. + */ +/** + * Block & Editor UI. + */ +/** + * Block paddings. + */ +/** + * React Native specific. + * These variables do not appear to be used anywhere else. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset default styles 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 { + margin: 0 0 1em 0; +} +.wp-block-image img { + max-width: 100%; +} +.wp-block-image:not(.is-style-rounded) img { + border-radius: inherit; +} +.wp-block-image.aligncenter { + text-align: center; +} +.wp-block-image.alignfull img, .wp-block-image.alignwide img { + width: 100%; +} +.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 { + 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 { + 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; + } +} \ No newline at end of file diff --git a/wp-includes/blocks/image/style-rtl.min.css b/wp-includes/blocks/image/style-rtl.min.css new file mode 100644 index 0000000000..8e3bd04bcf --- /dev/null +++ b/wp-includes/blocks/image/style-rtl.min.css @@ -0,0 +1 @@ +.wp-block-image{margin:0 0 1em}.wp-block-image img{max-width:100%}.wp-block-image:not(.is-style-rounded) img{border-radius:inherit}.wp-block-image.aligncenter{text-align:center}.wp-block-image.alignfull img,.wp-block-image.alignwide img{width:100%}.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{display:table-caption;caption-side:bottom}.wp-block-image .alignleft{float:left;margin-left:1em;margin-top:.5em;margin-bottom:.5em}.wp-block-image .alignright{float:right;margin-right:1em;margin-top:.5em;margin-bottom:.5em}.wp-block-image .aligncenter{margin-right:auto;margin-left:auto}.wp-block-image figcaption{margin-top:.5em;margin-bottom:1em}.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{-webkit-mask-image:url('data:image/svg+xml;utf8,');mask-image:url('data:image/svg+xml;utf8,');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}} \ No newline at end of file diff --git a/wp-includes/blocks/image/style.css b/wp-includes/blocks/image/style.css new file mode 100644 index 0000000000..b743bf0c3c --- /dev/null +++ b/wp-includes/blocks/image/style.css @@ -0,0 +1,144 @@ +/** + * Colors + */ +/** + * Breakpoints & Media Queries + */ +/** + * SCSS Variables. + * + * Please use variables from this sheet to ensure consistency across the UI. + * Don't add to this sheet unless you're pretty sure the value will be reused in many places. + * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. + */ +/** + * Colors + */ +/** + * Fonts & basic variables. + */ +/** + * Grid System. + * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ + */ +/** + * Dimensions. + */ +/** + * Shadows. + */ +/** + * Editor widths. + */ +/** + * Block & Editor UI. + */ +/** + * Block paddings. + */ +/** + * React Native specific. + * These variables do not appear to be used anywhere else. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset default styles 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 { + margin: 0 0 1em 0; +} +.wp-block-image img { + max-width: 100%; +} +.wp-block-image:not(.is-style-rounded) img { + border-radius: inherit; +} +.wp-block-image.aligncenter { + text-align: center; +} +.wp-block-image.alignfull img, .wp-block-image.alignwide img { + width: 100%; +} +.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 { + 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 { + 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; + } +} \ No newline at end of file diff --git a/wp-includes/blocks/image/style.min.css b/wp-includes/blocks/image/style.min.css new file mode 100644 index 0000000000..adbfbfd21c --- /dev/null +++ b/wp-includes/blocks/image/style.min.css @@ -0,0 +1 @@ +.wp-block-image{margin:0 0 1em}.wp-block-image img{max-width:100%}.wp-block-image:not(.is-style-rounded) img{border-radius:inherit}.wp-block-image.aligncenter{text-align:center}.wp-block-image.alignfull img,.wp-block-image.alignwide img{width:100%}.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{display:table-caption;caption-side:bottom}.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-top:.5em;margin-bottom:1em}.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{-webkit-mask-image:url('data:image/svg+xml;utf8,');mask-image:url('data:image/svg+xml;utf8,');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}} \ 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 new file mode 100644 index 0000000000..0cc3512860 --- /dev/null +++ b/wp-includes/blocks/latest-comments/style-rtl.css @@ -0,0 +1,111 @@ +/** + * Colors + */ +/** + * Breakpoints & Media Queries + */ +/** + * SCSS Variables. + * + * Please use variables from this sheet to ensure consistency across the UI. + * Don't add to this sheet unless you're pretty sure the value will be reused in many places. + * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. + */ +/** + * Colors + */ +/** + * Fonts & basic variables. + */ +/** + * Grid System. + * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ + */ +/** + * Dimensions. + */ +/** + * Shadows. + */ +/** + * Editor widths. + */ +/** + * Block & Editor UI. + */ +/** + * Block paddings. + */ +/** + * React Native specific. + * These variables do not appear to be used anywhere else. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset 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 { + padding-right: 0; +} + +.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 .wp-block-latest-comments__comment-meta, +.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt { + margin-right: 3.25em; +} +.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-date { + display: block; + font-size: 0.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; +} \ No newline at end of file diff --git a/wp-includes/blocks/latest-comments/style-rtl.min.css b/wp-includes/blocks/latest-comments/style-rtl.min.css new file mode 100644 index 0000000000..1cfb1a2c4e --- /dev/null +++ b/wp-includes/blocks/latest-comments/style-rtl.min.css @@ -0,0 +1 @@ +ol.wp-block-latest-comments{padding-right:0}.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 .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}.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:.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:.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 new file mode 100644 index 0000000000..5fd2e70adc --- /dev/null +++ b/wp-includes/blocks/latest-comments/style.css @@ -0,0 +1,111 @@ +/** + * Colors + */ +/** + * Breakpoints & Media Queries + */ +/** + * SCSS Variables. + * + * Please use variables from this sheet to ensure consistency across the UI. + * Don't add to this sheet unless you're pretty sure the value will be reused in many places. + * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. + */ +/** + * Colors + */ +/** + * Fonts & basic variables. + */ +/** + * Grid System. + * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ + */ +/** + * Dimensions. + */ +/** + * Shadows. + */ +/** + * Editor widths. + */ +/** + * Block & Editor UI. + */ +/** + * Block paddings. + */ +/** + * React Native specific. + * These variables do not appear to be used anywhere else. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset 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 { + padding-left: 0; +} + +.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 .wp-block-latest-comments__comment-meta, +.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt { + margin-left: 3.25em; +} +.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-date { + display: block; + font-size: 0.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; +} \ No newline at end of file diff --git a/wp-includes/blocks/latest-comments/style.min.css b/wp-includes/blocks/latest-comments/style.min.css new file mode 100644 index 0000000000..9be034034e --- /dev/null +++ b/wp-includes/blocks/latest-comments/style.min.css @@ -0,0 +1 @@ +ol.wp-block-latest-comments{padding-left:0}.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 .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}.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:.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:.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 new file mode 100644 index 0000000000..a95baaa52f --- /dev/null +++ b/wp-includes/blocks/latest-posts/editor-rtl.css @@ -0,0 +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. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset default styles 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.is-grid { + padding-right: 0; +} + +.wp-block-latest-posts li a > div { + display: inline; +} + +.edit-post-visual-editor .wp-block-latest-posts.is-grid li { + margin-bottom: 20px; +} \ No newline at end of file diff --git a/wp-includes/blocks/latest-posts/editor-rtl.min.css b/wp-includes/blocks/latest-posts/editor-rtl.min.css new file mode 100644 index 0000000000..2ff90dba52 --- /dev/null +++ b/wp-includes/blocks/latest-posts/editor-rtl.min.css @@ -0,0 +1 @@ +.wp-block-latest-posts{padding-right:2.5em}.wp-block-latest-posts.is-grid{padding-right:0}.wp-block-latest-posts li a>div{display:inline}.edit-post-visual-editor .wp-block-latest-posts.is-grid li{margin-bottom:20px} \ No newline at end of file diff --git a/wp-includes/blocks/latest-posts/editor.css b/wp-includes/blocks/latest-posts/editor.css new file mode 100644 index 0000000000..fc8c2ddfc6 --- /dev/null +++ b/wp-includes/blocks/latest-posts/editor.css @@ -0,0 +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. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset default styles 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.is-grid { + padding-left: 0; +} + +.wp-block-latest-posts li a > div { + display: inline; +} + +.edit-post-visual-editor .wp-block-latest-posts.is-grid li { + margin-bottom: 20px; +} \ No newline at end of file diff --git a/wp-includes/blocks/latest-posts/editor.min.css b/wp-includes/blocks/latest-posts/editor.min.css new file mode 100644 index 0000000000..79cb52f46a --- /dev/null +++ b/wp-includes/blocks/latest-posts/editor.min.css @@ -0,0 +1 @@ +.wp-block-latest-posts{padding-left:2.5em}.wp-block-latest-posts.is-grid{padding-left:0}.wp-block-latest-posts li a>div{display:inline}.edit-post-visual-editor .wp-block-latest-posts.is-grid li{margin-bottom:20px} \ 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 new file mode 100644 index 0000000000..7d62e2247a --- /dev/null +++ b/wp-includes/blocks/latest-posts/style-rtl.css @@ -0,0 +1,162 @@ +/** + * Colors + */ +/** + * Breakpoints & Media Queries + */ +/** + * SCSS Variables. + * + * Please use variables from this sheet to ensure consistency across the UI. + * Don't add to this sheet unless you're pretty sure the value will be reused in many places. + * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. + */ +/** + * Colors + */ +/** + * Fonts & basic variables. + */ +/** + * Grid System. + * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ + */ +/** + * Dimensions. + */ +/** + * Shadows. + */ +/** + * Editor widths. + */ +/** + * Block & Editor UI. + */ +/** + * Block paddings. + */ +/** + * React Native specific. + * These variables do not appear to be used anywhere else. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset default styles 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.alignright { + margin-left: 2em; +} +.wp-block-latest-posts.wp-block-latest-posts__list { + list-style: none; +} +.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 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)); + } + .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: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: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: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:nth-child(6n) { + margin-left: 0; + } +} + +.wp-block-latest-posts__post-date, +.wp-block-latest-posts__post-author { + display: block; + color: #555; + font-size: 0.8125em; +} + +.wp-block-latest-posts__post-excerpt { + margin-top: 0.5em; + margin-bottom: 1em; +} + +.wp-block-latest-posts__featured-image a { + display: inline-block; +} +.wp-block-latest-posts__featured-image img { + height: auto; + width: auto; +} +.wp-block-latest-posts__featured-image.alignleft { + margin-right: 1em; +} +.wp-block-latest-posts__featured-image.alignright { + margin-left: 1em; +} +.wp-block-latest-posts__featured-image.aligncenter { + margin-bottom: 1em; + text-align: center; +} + +.block-editor-image-alignment-control__row .components-base-control__field { + display: flex; + justify-content: space-between; + align-items: center; +} +.block-editor-image-alignment-control__row .components-base-control__field .components-base-control__label { + margin-bottom: 0; +} \ No newline at end of file diff --git a/wp-includes/blocks/latest-posts/style-rtl.min.css b/wp-includes/blocks/latest-posts/style-rtl.min.css new file mode 100644 index 0000000000..ca102e630a --- /dev/null +++ b/wp-includes/blocks/latest-posts/style-rtl.min.css @@ -0,0 +1 @@ +.wp-block-latest-posts.alignleft{margin-right:2em}.wp-block-latest-posts.alignright{margin-left:2em}.wp-block-latest-posts.wp-block-latest-posts__list{list-style:none}.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 li{margin:0 0 1.25em 1.25em;width:100%}@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-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-4 li{width:calc(25% - .9375em)}.wp-block-latest-posts.columns-4 li:nth-child(4n){margin-left:0}.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-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__post-author,.wp-block-latest-posts__post-date{display:block;color:#555;font-size:.8125em}.wp-block-latest-posts__post-excerpt{margin-top:.5em;margin-bottom:1em}.wp-block-latest-posts__featured-image a{display:inline-block}.wp-block-latest-posts__featured-image img{height:auto;width:auto}.wp-block-latest-posts__featured-image.alignleft{margin-right:1em}.wp-block-latest-posts__featured-image.alignright{margin-left:1em}.wp-block-latest-posts__featured-image.aligncenter{margin-bottom:1em;text-align:center}.block-editor-image-alignment-control__row .components-base-control__field{display:flex;justify-content:space-between;align-items:center}.block-editor-image-alignment-control__row .components-base-control__field .components-base-control__label{margin-bottom:0} \ No newline at end of file diff --git a/wp-includes/blocks/latest-posts/style.css b/wp-includes/blocks/latest-posts/style.css new file mode 100644 index 0000000000..3825be8373 --- /dev/null +++ b/wp-includes/blocks/latest-posts/style.css @@ -0,0 +1,166 @@ +/** + * Colors + */ +/** + * Breakpoints & Media Queries + */ +/** + * SCSS Variables. + * + * Please use variables from this sheet to ensure consistency across the UI. + * Don't add to this sheet unless you're pretty sure the value will be reused in many places. + * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. + */ +/** + * Colors + */ +/** + * Fonts & basic variables. + */ +/** + * Grid System. + * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ + */ +/** + * Dimensions. + */ +/** + * Shadows. + */ +/** + * Editor widths. + */ +/** + * Block & Editor UI. + */ +/** + * Block paddings. + */ +/** + * React Native specific. + * These variables do not appear to be used anywhere else. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset default styles 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.alignright { + /*rtl:ignore*/ + margin-left: 2em; +} +.wp-block-latest-posts.wp-block-latest-posts__list { + list-style: none; +} +.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 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)); + } + .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: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: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: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:nth-child(6n) { + margin-right: 0; + } +} + +.wp-block-latest-posts__post-date, +.wp-block-latest-posts__post-author { + display: block; + color: #555; + font-size: 0.8125em; +} + +.wp-block-latest-posts__post-excerpt { + margin-top: 0.5em; + margin-bottom: 1em; +} + +.wp-block-latest-posts__featured-image a { + display: inline-block; +} +.wp-block-latest-posts__featured-image img { + height: auto; + width: auto; +} +.wp-block-latest-posts__featured-image.alignleft { + /*rtl:ignore*/ + margin-right: 1em; +} +.wp-block-latest-posts__featured-image.alignright { + /*rtl:ignore*/ + margin-left: 1em; +} +.wp-block-latest-posts__featured-image.aligncenter { + margin-bottom: 1em; + text-align: center; +} + +.block-editor-image-alignment-control__row .components-base-control__field { + display: flex; + justify-content: space-between; + align-items: center; +} +.block-editor-image-alignment-control__row .components-base-control__field .components-base-control__label { + margin-bottom: 0; +} \ No newline at end of file diff --git a/wp-includes/blocks/latest-posts/style.min.css b/wp-includes/blocks/latest-posts/style.min.css new file mode 100644 index 0000000000..8d943c25bf --- /dev/null +++ b/wp-includes/blocks/latest-posts/style.min.css @@ -0,0 +1 @@ +.wp-block-latest-posts.alignleft{margin-right:2em}.wp-block-latest-posts.alignright{margin-left:2em}.wp-block-latest-posts.wp-block-latest-posts__list{list-style:none}.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 li{margin:0 1.25em 1.25em 0;width:100%}@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-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-4 li{width:calc(25% - .9375em)}.wp-block-latest-posts.columns-4 li:nth-child(4n){margin-right:0}.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-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__post-author,.wp-block-latest-posts__post-date{display:block;color:#555;font-size:.8125em}.wp-block-latest-posts__post-excerpt{margin-top:.5em;margin-bottom:1em}.wp-block-latest-posts__featured-image a{display:inline-block}.wp-block-latest-posts__featured-image img{height:auto;width:auto}.wp-block-latest-posts__featured-image.alignleft{margin-right:1em}.wp-block-latest-posts__featured-image.alignright{margin-left:1em}.wp-block-latest-posts__featured-image.aligncenter{margin-bottom:1em;text-align:center}.block-editor-image-alignment-control__row .components-base-control__field{display:flex;justify-content:space-between;align-items:center}.block-editor-image-alignment-control__row .components-base-control__field .components-base-control__label{margin-bottom:0} \ No newline at end of file diff --git a/wp-includes/blocks/list/style-rtl.css b/wp-includes/blocks/list/style-rtl.css new file mode 100644 index 0000000000..ad66b10c38 --- /dev/null +++ b/wp-includes/blocks/list/style-rtl.css @@ -0,0 +1,74 @@ +/** + * Colors + */ +/** + * Breakpoints & Media Queries + */ +/** + * SCSS Variables. + * + * Please use variables from this sheet to ensure consistency across the UI. + * Don't add to this sheet unless you're pretty sure the value will be reused in many places. + * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. + */ +/** + * Colors + */ +/** + * Fonts & basic variables. + */ +/** + * Grid System. + * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ + */ +/** + * Dimensions. + */ +/** + * Shadows. + */ +/** + * Editor widths. + */ +/** + * Block & Editor UI. + */ +/** + * Block paddings. + */ +/** + * React Native specific. + * These variables do not appear to be used anywhere else. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset 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.has-background, +ul.has-background { + padding: 1.25em 2.375em; +} \ No newline at end of file diff --git a/wp-includes/blocks/list/style-rtl.min.css b/wp-includes/blocks/list/style-rtl.min.css new file mode 100644 index 0000000000..2de38af275 --- /dev/null +++ b/wp-includes/blocks/list/style-rtl.min.css @@ -0,0 +1 @@ +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 new file mode 100644 index 0000000000..ad66b10c38 --- /dev/null +++ b/wp-includes/blocks/list/style.css @@ -0,0 +1,74 @@ +/** + * Colors + */ +/** + * Breakpoints & Media Queries + */ +/** + * SCSS Variables. + * + * Please use variables from this sheet to ensure consistency across the UI. + * Don't add to this sheet unless you're pretty sure the value will be reused in many places. + * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. + */ +/** + * Colors + */ +/** + * Fonts & basic variables. + */ +/** + * Grid System. + * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ + */ +/** + * Dimensions. + */ +/** + * Shadows. + */ +/** + * Editor widths. + */ +/** + * Block & Editor UI. + */ +/** + * Block paddings. + */ +/** + * React Native specific. + * These variables do not appear to be used anywhere else. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset 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.has-background, +ul.has-background { + padding: 1.25em 2.375em; +} \ No newline at end of file diff --git a/wp-includes/blocks/list/style.min.css b/wp-includes/blocks/list/style.min.css new file mode 100644 index 0000000000..2de38af275 --- /dev/null +++ b/wp-includes/blocks/list/style.min.css @@ -0,0 +1 @@ +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 new file mode 100644 index 0000000000..ef09583f32 --- /dev/null +++ b/wp-includes/blocks/media-text/editor-rtl.css @@ -0,0 +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. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset default styles 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 .__resizable_base__ { + -ms-grid-column: 1; + -ms-grid-column-span: 2; + grid-column: 1/span 2; + -ms-grid-row: 2; + grid-row: 2; +} + +.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 > .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-rtl.min.css b/wp-includes/blocks/media-text/editor-rtl.min.css new file mode 100644 index 0000000000..c66143f07c --- /dev/null +++ b/wp-includes/blocks/media-text/editor-rtl.min.css @@ -0,0 +1 @@ +.wp-block-media-text .__resizable_base__{-ms-grid-column:1;-ms-grid-column-span:2;grid-column:1/span 2;-ms-grid-row:2;grid-row:2}.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>.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 new file mode 100644 index 0000000000..ef09583f32 --- /dev/null +++ b/wp-includes/blocks/media-text/editor.css @@ -0,0 +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. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset default styles 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 .__resizable_base__ { + -ms-grid-column: 1; + -ms-grid-column-span: 2; + grid-column: 1/span 2; + -ms-grid-row: 2; + grid-row: 2; +} + +.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 > .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.min.css b/wp-includes/blocks/media-text/editor.min.css new file mode 100644 index 0000000000..c66143f07c --- /dev/null +++ b/wp-includes/blocks/media-text/editor.min.css @@ -0,0 +1 @@ +.wp-block-media-text .__resizable_base__{-ms-grid-column:1;-ms-grid-column-span:2;grid-column:1/span 2;-ms-grid-row:2;grid-row:2}.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>.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 new file mode 100644 index 0000000000..b621ce6f55 --- /dev/null +++ b/wp-includes/blocks/media-text/style-rtl.css @@ -0,0 +1,190 @@ +/** + * Colors + */ +/** + * Breakpoints & Media Queries + */ +/** + * SCSS Variables. + * + * Please use variables from this sheet to ensure consistency across the UI. + * Don't add to this sheet unless you're pretty sure the value will be reused in many places. + * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. + */ +/** + * Colors + */ +/** + * Fonts & basic variables. + */ +/** + * Grid System. + * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ + */ +/** + * Dimensions. + */ +/** + * Shadows. + */ +/** + * Editor widths. + */ +/** + * Block & Editor UI. + */ +/** + * Block paddings. + */ +/** + * React Native specific. + * These variables do not appear to be used anywhere else. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset default styles 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: -ms-grid; + display: grid; + -ms-grid-columns: 50% 1fr; + grid-template-columns: 50% 1fr; + -ms-grid-rows: auto; + grid-template-rows: auto; +} +.wp-block-media-text.has-media-on-the-right { + -ms-grid-columns: 1fr 50%; + 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 { + -ms-grid-row-align: start; + 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 { + -ms-grid-row-align: center; + 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 { + -ms-grid-row-align: end; + align-self: end; +} + +.wp-block-media-text .wp-block-media-text__media { + -ms-grid-column: 1; + grid-column: 1; + -ms-grid-row: 1; + grid-row: 1; + margin: 0; +} + +.wp-block-media-text .wp-block-media-text__content { + direction: rtl; + -ms-grid-column: 2; + grid-column: 2; + -ms-grid-row: 1; + grid-row: 1; + padding: 0 8% 0 8%; + word-break: break-word; +} + +.wp-block-media-text.has-media-on-the-right .wp-block-media-text__media { + -ms-grid-column: 2; + grid-column: 2; + -ms-grid-row: 1; + grid-row: 1; +} + +.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content { + -ms-grid-column: 1; + grid-column: 1; + -ms-grid-row: 1; + grid-row: 1; +} + +.wp-block-media-text__media img, +.wp-block-media-text__media video { + max-width: unset; + width: 100%; + vertical-align: middle; +} + +.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 > 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; +} + +/* +* 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 { + -ms-grid-columns: 100% !important; + grid-template-columns: 100% !important; + } + .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media { + -ms-grid-column: 1; + grid-column: 1; + -ms-grid-row: 1; + grid-row: 1; + } + .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content { + -ms-grid-column: 1; + grid-column: 1; + -ms-grid-row: 2; + grid-row: 2; + } +} \ No newline at end of file diff --git a/wp-includes/blocks/media-text/style-rtl.min.css b/wp-includes/blocks/media-text/style-rtl.min.css new file mode 100644 index 0000000000..b45641606c --- /dev/null +++ b/wp-includes/blocks/media-text/style-rtl.min.css @@ -0,0 +1 @@ +.wp-block-media-text{direction:ltr;display:-ms-grid;display:grid;-ms-grid-columns:50% 1fr;grid-template-columns:50% 1fr;-ms-grid-rows:auto;grid-template-rows:auto}.wp-block-media-text.has-media-on-the-right{-ms-grid-columns:1fr 50%;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{-ms-grid-row-align:start;align-self:start}.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,.wp-block-media-text .wp-block-media-text__content,.wp-block-media-text .wp-block-media-text__media{-ms-grid-row-align:center;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{-ms-grid-row-align:end;align-self:end}.wp-block-media-text .wp-block-media-text__media{-ms-grid-column:1;grid-column:1;-ms-grid-row:1;grid-row:1;margin:0}.wp-block-media-text .wp-block-media-text__content{direction:rtl;padding:0 8%;word-break:break-word}.wp-block-media-text.has-media-on-the-right .wp-block-media-text__media,.wp-block-media-text .wp-block-media-text__content{-ms-grid-column:2;grid-column:2;-ms-grid-row:1;grid-row:1}.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content{-ms-grid-column:1;grid-column:1;-ms-grid-row:1;grid-row:1}.wp-block-media-text__media img,.wp-block-media-text__media video{max-width:unset;width:100%;vertical-align:middle}.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>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}@media (max-width:600px){.wp-block-media-text.is-stacked-on-mobile{-ms-grid-columns:100%!important;grid-template-columns:100%!important}.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media{-ms-grid-column:1;grid-column:1;-ms-grid-row:1;grid-row:1}.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content{-ms-grid-column:1;grid-column:1;-ms-grid-row:2;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 new file mode 100644 index 0000000000..264a91d47b --- /dev/null +++ b/wp-includes/blocks/media-text/style.css @@ -0,0 +1,200 @@ +/** + * Colors + */ +/** + * Breakpoints & Media Queries + */ +/** + * SCSS Variables. + * + * Please use variables from this sheet to ensure consistency across the UI. + * Don't add to this sheet unless you're pretty sure the value will be reused in many places. + * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. + */ +/** + * Colors + */ +/** + * Fonts & basic variables. + */ +/** + * Grid System. + * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ + */ +/** + * Dimensions. + */ +/** + * Shadows. + */ +/** + * Editor widths. + */ +/** + * Block & Editor UI. + */ +/** + * Block paddings. + */ +/** + * React Native specific. + * These variables do not appear to be used anywhere else. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset default styles 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: -ms-grid; + display: grid; + -ms-grid-columns: 50% 1fr; + grid-template-columns: 50% 1fr; + -ms-grid-rows: auto; + grid-template-rows: auto; +} +.wp-block-media-text.has-media-on-the-right { + -ms-grid-columns: 1fr 50%; + 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 { + -ms-grid-row-align: start; + 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 { + -ms-grid-row-align: center; + 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 { + -ms-grid-row-align: end; + align-self: end; +} + +.wp-block-media-text .wp-block-media-text__media { + /*!rtl:begin:ignore*/ + -ms-grid-column: 1; + grid-column: 1; + -ms-grid-row: 1; + grid-row: 1; + /*!rtl:end:ignore*/ + margin: 0; +} + +.wp-block-media-text .wp-block-media-text__content { + direction: ltr; + /*!rtl:begin:ignore*/ + -ms-grid-column: 2; + grid-column: 2; + -ms-grid-row: 1; + grid-row: 1; + /*!rtl:end:ignore*/ + padding: 0 8% 0 8%; + word-break: break-word; +} + +.wp-block-media-text.has-media-on-the-right .wp-block-media-text__media { + /*!rtl:begin:ignore*/ + -ms-grid-column: 2; + grid-column: 2; + -ms-grid-row: 1; + grid-row: 1; + /*!rtl:end:ignore*/ +} + +.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content { + /*!rtl:begin:ignore*/ + -ms-grid-column: 1; + grid-column: 1; + -ms-grid-row: 1; + grid-row: 1; + /*!rtl:end:ignore*/ +} + +.wp-block-media-text__media img, +.wp-block-media-text__media video { + max-width: unset; + width: 100%; + vertical-align: middle; +} + +.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 > 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; +} + +/* +* 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 { + -ms-grid-columns: 100% !important; + grid-template-columns: 100% !important; + } + .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media { + -ms-grid-column: 1; + grid-column: 1; + -ms-grid-row: 1; + grid-row: 1; + } + .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content { + -ms-grid-column: 1; + grid-column: 1; + -ms-grid-row: 2; + grid-row: 2; + } +} \ No newline at end of file diff --git a/wp-includes/blocks/media-text/style.min.css b/wp-includes/blocks/media-text/style.min.css new file mode 100644 index 0000000000..ec32ee19e0 --- /dev/null +++ b/wp-includes/blocks/media-text/style.min.css @@ -0,0 +1,11 @@ +.wp-block-media-text{ + /*!rtl:begin:ignore*/direction:ltr; + /*!rtl:end:ignore*/display:-ms-grid;display:grid;-ms-grid-columns:50% 1fr;grid-template-columns:50% 1fr;-ms-grid-rows:auto;grid-template-rows:auto}.wp-block-media-text.has-media-on-the-right{-ms-grid-columns:1fr 50%;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{-ms-grid-row-align:start;align-self:start}.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,.wp-block-media-text .wp-block-media-text__content,.wp-block-media-text .wp-block-media-text__media{-ms-grid-row-align:center;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{-ms-grid-row-align:end;align-self:end}.wp-block-media-text .wp-block-media-text__media{ + /*!rtl:begin:ignore*/-ms-grid-column:1;grid-column:1;-ms-grid-row:1;grid-row:1; + /*!rtl:end:ignore*/margin:0}.wp-block-media-text .wp-block-media-text__content{direction:ltr; + /*!rtl:begin:ignore*/-ms-grid-column:2;grid-column:2;-ms-grid-row:1;grid-row:1; + /*!rtl:end:ignore*/padding:0 8%;word-break:break-word}.wp-block-media-text.has-media-on-the-right .wp-block-media-text__media{ + /*!rtl:begin:ignore*/-ms-grid-column:2;grid-column:2;-ms-grid-row:1;grid-row:1 + /*!rtl:end:ignore*/}.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content{ + /*!rtl:begin:ignore*/-ms-grid-column:1;grid-column:1;-ms-grid-row:1;grid-row:1 + /*!rtl:end:ignore*/}.wp-block-media-text__media img,.wp-block-media-text__media video{max-width:unset;width:100%;vertical-align:middle}.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>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}@media (max-width:600px){.wp-block-media-text.is-stacked-on-mobile{-ms-grid-columns:100%!important;grid-template-columns:100%!important}.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media{-ms-grid-column:1;grid-column:1;-ms-grid-row:1;grid-row:1}.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content{-ms-grid-column:1;grid-column:1;-ms-grid-row:2;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 new file mode 100644 index 0000000000..6befc51b33 --- /dev/null +++ b/wp-includes/blocks/more/editor-rtl.css @@ -0,0 +1,111 @@ +/** + * Colors + */ +/** + * Breakpoints & Media Queries + */ +/** + * SCSS Variables. + * + * Please use variables from this sheet to ensure consistency across the UI. + * Don't add to this sheet unless you're pretty sure the value will be reused in many places. + * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. + */ +/** + * Colors + */ +/** + * Fonts & basic variables. + */ +/** + * Grid System. + * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ + */ +/** + * Dimensions. + */ +/** + * Shadows. + */ +/** + * Editor widths. + */ +/** + * Block & Editor UI. + */ +/** + * Block paddings. + */ +/** + * React Native specific. + * These variables do not appear to be used anywhere else. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset 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; +} + +.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]:focus { + box-shadow: none; +} +.wp-block-more::before { + content: ""; + position: absolute; + top: calc(50%); + right: 0; + left: 0; + border-top: 3px dashed #ccc; +} \ No newline at end of file diff --git a/wp-includes/blocks/more/editor-rtl.min.css b/wp-includes/blocks/more/editor-rtl.min.css new file mode 100644 index 0000000000..e540934c58 --- /dev/null +++ b/wp-includes/blocks/more/editor-rtl.min.css @@ -0,0 +1 @@ +.block-editor-block-list__block[data-type="core/more"]{max-width:100%;text-align:center;margin-top:28px;margin-bottom:28px}.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]:focus{box-shadow:none}.wp-block-more:before{content:"";position:absolute;top:50%;right:0;left:0;border-top:3px dashed #ccc} \ No newline at end of file diff --git a/wp-includes/blocks/more/editor.css b/wp-includes/blocks/more/editor.css new file mode 100644 index 0000000000..cb37b02e6e --- /dev/null +++ b/wp-includes/blocks/more/editor.css @@ -0,0 +1,111 @@ +/** + * Colors + */ +/** + * Breakpoints & Media Queries + */ +/** + * SCSS Variables. + * + * Please use variables from this sheet to ensure consistency across the UI. + * Don't add to this sheet unless you're pretty sure the value will be reused in many places. + * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. + */ +/** + * Colors + */ +/** + * Fonts & basic variables. + */ +/** + * Grid System. + * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ + */ +/** + * Dimensions. + */ +/** + * Shadows. + */ +/** + * Editor widths. + */ +/** + * Block & Editor UI. + */ +/** + * Block paddings. + */ +/** + * React Native specific. + * These variables do not appear to be used anywhere else. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset 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; +} + +.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]:focus { + box-shadow: none; +} +.wp-block-more::before { + content: ""; + position: absolute; + top: calc(50%); + left: 0; + right: 0; + border-top: 3px dashed #ccc; +} \ No newline at end of file diff --git a/wp-includes/blocks/more/editor.min.css b/wp-includes/blocks/more/editor.min.css new file mode 100644 index 0000000000..c7bab4749c --- /dev/null +++ b/wp-includes/blocks/more/editor.min.css @@ -0,0 +1 @@ +.block-editor-block-list__block[data-type="core/more"]{max-width:100%;text-align:center;margin-top:28px;margin-bottom:28px}.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]:focus{box-shadow:none}.wp-block-more:before{content:"";position:absolute;top:50%;left:0;right:0;border-top:3px dashed #ccc} \ No newline at end of file diff --git a/wp-includes/blocks/nextpage/editor-rtl.css b/wp-includes/blocks/nextpage/editor-rtl.css new file mode 100644 index 0000000000..5e6f4788ab --- /dev/null +++ b/wp-includes/blocks/nextpage/editor-rtl.css @@ -0,0 +1,102 @@ +/** + * Colors + */ +/** + * Breakpoints & Media Queries + */ +/** + * SCSS Variables. + * + * Please use variables from this sheet to ensure consistency across the UI. + * Don't add to this sheet unless you're pretty sure the value will be reused in many places. + * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. + */ +/** + * Colors + */ +/** + * Fonts & basic variables. + */ +/** + * Grid System. + * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ + */ +/** + * Dimensions. + */ +/** + * Shadows. + */ +/** + * Editor widths. + */ +/** + * Block & Editor UI. + */ +/** + * Block paddings. + */ +/** + * React Native specific. + * These variables do not appear to be used anywhere else. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset 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; +} + +.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::before { + content: ""; + position: absolute; + top: calc(50%); + right: 0; + left: 0; + border-top: 3px dashed #ccc; +} \ No newline at end of file diff --git a/wp-includes/blocks/nextpage/editor-rtl.min.css b/wp-includes/blocks/nextpage/editor-rtl.min.css new file mode 100644 index 0000000000..ae698cd870 --- /dev/null +++ b/wp-includes/blocks/nextpage/editor-rtl.min.css @@ -0,0 +1 @@ +.block-editor-block-list__block[data-type="core/nextpage"]{max-width:100%;text-align:center;margin-top:28px;margin-bottom:28px}.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:before{content:"";position:absolute;top:50%;right:0;left:0;border-top:3px dashed #ccc} \ No newline at end of file diff --git a/wp-includes/blocks/nextpage/editor.css b/wp-includes/blocks/nextpage/editor.css new file mode 100644 index 0000000000..c310de7a61 --- /dev/null +++ b/wp-includes/blocks/nextpage/editor.css @@ -0,0 +1,102 @@ +/** + * Colors + */ +/** + * Breakpoints & Media Queries + */ +/** + * SCSS Variables. + * + * Please use variables from this sheet to ensure consistency across the UI. + * Don't add to this sheet unless you're pretty sure the value will be reused in many places. + * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. + */ +/** + * Colors + */ +/** + * Fonts & basic variables. + */ +/** + * Grid System. + * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ + */ +/** + * Dimensions. + */ +/** + * Shadows. + */ +/** + * Editor widths. + */ +/** + * Block & Editor UI. + */ +/** + * Block paddings. + */ +/** + * React Native specific. + * These variables do not appear to be used anywhere else. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset 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; +} + +.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::before { + content: ""; + position: absolute; + top: calc(50%); + left: 0; + right: 0; + border-top: 3px dashed #ccc; +} \ No newline at end of file diff --git a/wp-includes/blocks/nextpage/editor.min.css b/wp-includes/blocks/nextpage/editor.min.css new file mode 100644 index 0000000000..85e32dec55 --- /dev/null +++ b/wp-includes/blocks/nextpage/editor.min.css @@ -0,0 +1 @@ +.block-editor-block-list__block[data-type="core/nextpage"]{max-width:100%;text-align:center;margin-top:28px;margin-bottom:28px}.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:before{content:"";position:absolute;top:50%;left:0;right:0;border-top:3px dashed #ccc} \ No newline at end of file diff --git a/wp-includes/blocks/paragraph/editor-rtl.css b/wp-includes/blocks/paragraph/editor-rtl.css new file mode 100644 index 0000000000..a1e412720e --- /dev/null +++ b/wp-includes/blocks/paragraph/editor-rtl.css @@ -0,0 +1,81 @@ +/** + * Colors + */ +/** + * Breakpoints & Media Queries + */ +/** + * SCSS Variables. + * + * Please use variables from this sheet to ensure consistency across the UI. + * Don't add to this sheet unless you're pretty sure the value will be reused in many places. + * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. + */ +/** + * Colors + */ +/** + * Fonts & basic variables. + */ +/** + * Grid System. + * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ + */ +/** + * Dimensions. + */ +/** + * Shadows. + */ +/** + * Editor widths. + */ +/** + * Block & Editor UI. + */ +/** + * Block paddings. + */ +/** + * React Native specific. + * These variables do not appear to be used anywhere else. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset 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-empty=true] [data-rich-text-placeholder] { + opacity: 1; +} + +.block-editor-block-list__block[data-empty=true] + .block-editor-block-list__block[data-empty=true] [data-rich-text-placeholder] { + opacity: 0; +} \ No newline at end of file diff --git a/wp-includes/blocks/paragraph/editor-rtl.min.css b/wp-includes/blocks/paragraph/editor-rtl.min.css new file mode 100644 index 0000000000..42d69d1497 --- /dev/null +++ b/wp-includes/blocks/paragraph/editor-rtl.min.css @@ -0,0 +1 @@ +.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]+.block-editor-block-list__block[data-empty=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 new file mode 100644 index 0000000000..a1e412720e --- /dev/null +++ b/wp-includes/blocks/paragraph/editor.css @@ -0,0 +1,81 @@ +/** + * Colors + */ +/** + * Breakpoints & Media Queries + */ +/** + * SCSS Variables. + * + * Please use variables from this sheet to ensure consistency across the UI. + * Don't add to this sheet unless you're pretty sure the value will be reused in many places. + * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. + */ +/** + * Colors + */ +/** + * Fonts & basic variables. + */ +/** + * Grid System. + * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ + */ +/** + * Dimensions. + */ +/** + * Shadows. + */ +/** + * Editor widths. + */ +/** + * Block & Editor UI. + */ +/** + * Block paddings. + */ +/** + * React Native specific. + * These variables do not appear to be used anywhere else. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset 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-empty=true] [data-rich-text-placeholder] { + opacity: 1; +} + +.block-editor-block-list__block[data-empty=true] + .block-editor-block-list__block[data-empty=true] [data-rich-text-placeholder] { + opacity: 0; +} \ No newline at end of file diff --git a/wp-includes/blocks/paragraph/editor.min.css b/wp-includes/blocks/paragraph/editor.min.css new file mode 100644 index 0000000000..42d69d1497 --- /dev/null +++ b/wp-includes/blocks/paragraph/editor.min.css @@ -0,0 +1 @@ +.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]+.block-editor-block-list__block[data-empty=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 new file mode 100644 index 0000000000..40ebf09790 --- /dev/null +++ b/wp-includes/blocks/paragraph/style-rtl.css @@ -0,0 +1,107 @@ +/** + * Colors + */ +/** + * Breakpoints & Media Queries + */ +/** + * SCSS Variables. + * + * Please use variables from this sheet to ensure consistency across the UI. + * Don't add to this sheet unless you're pretty sure the value will be reused in many places. + * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. + */ +/** + * Colors + */ +/** + * Fonts & basic variables. + */ +/** + * Grid System. + * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ + */ +/** + * Dimensions. + */ +/** + * Shadows. + */ +/** + * Editor widths. + */ +/** + * Block & Editor UI. + */ +/** + * Block paddings. + */ +/** + * React Native specific. + * These variables do not appear to be used anywhere else. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset 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-regular-text { + font-size: 1em; +} + +.is-large-text { + font-size: 2.25em; +} + +.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; +} + +p.has-drop-cap.has-background { + overflow: hidden; +} + +p.has-background { + padding: 1.25em 2.375em; +} + +p.has-text-color a { + color: inherit; +} \ No newline at end of file diff --git a/wp-includes/blocks/paragraph/style-rtl.min.css b/wp-includes/blocks/paragraph/style-rtl.min.css new file mode 100644 index 0000000000..b2f1ea9f51 --- /dev/null +++ b/wp-includes/blocks/paragraph/style-rtl.min.css @@ -0,0 +1 @@ +.is-small-text{font-size:.875em}.is-regular-text{font-size:1em}.is-large-text{font-size:2.25em}.is-larger-text{font-size:3em}.has-drop-cap:not(:focus):first-letter{float:right;font-size:8.4em;line-height:.68;font-weight:100;margin:.05em 0 0 .1em;text-transform:uppercase;font-style:normal}p.has-drop-cap.has-background{overflow:hidden}p.has-background{padding:1.25em 2.375em}p.has-text-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 new file mode 100644 index 0000000000..186389c739 --- /dev/null +++ b/wp-includes/blocks/paragraph/style.css @@ -0,0 +1,107 @@ +/** + * Colors + */ +/** + * Breakpoints & Media Queries + */ +/** + * SCSS Variables. + * + * Please use variables from this sheet to ensure consistency across the UI. + * Don't add to this sheet unless you're pretty sure the value will be reused in many places. + * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. + */ +/** + * Colors + */ +/** + * Fonts & basic variables. + */ +/** + * Grid System. + * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ + */ +/** + * Dimensions. + */ +/** + * Shadows. + */ +/** + * Editor widths. + */ +/** + * Block & Editor UI. + */ +/** + * Block paddings. + */ +/** + * React Native specific. + * These variables do not appear to be used anywhere else. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset 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-regular-text { + font-size: 1em; +} + +.is-large-text { + font-size: 2.25em; +} + +.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; +} + +p.has-drop-cap.has-background { + overflow: hidden; +} + +p.has-background { + padding: 1.25em 2.375em; +} + +p.has-text-color a { + color: inherit; +} \ No newline at end of file diff --git a/wp-includes/blocks/paragraph/style.min.css b/wp-includes/blocks/paragraph/style.min.css new file mode 100644 index 0000000000..9e37219dae --- /dev/null +++ b/wp-includes/blocks/paragraph/style.min.css @@ -0,0 +1 @@ +.is-small-text{font-size:.875em}.is-regular-text{font-size:1em}.is-large-text{font-size:2.25em}.is-larger-text{font-size:3em}.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;line-height:.68;font-weight:100;margin:.05em .1em 0 0;text-transform:uppercase;font-style:normal}p.has-drop-cap.has-background{overflow:hidden}p.has-background{padding:1.25em 2.375em}p.has-text-color a{color:inherit} \ No newline at end of file diff --git a/wp-includes/blocks/preformatted/style-rtl.css b/wp-includes/blocks/preformatted/style-rtl.css new file mode 100644 index 0000000000..aa6e35b7e7 --- /dev/null +++ b/wp-includes/blocks/preformatted/style-rtl.css @@ -0,0 +1,77 @@ +/** + * Colors + */ +/** + * Breakpoints & Media Queries + */ +/** + * SCSS Variables. + * + * Please use variables from this sheet to ensure consistency across the UI. + * Don't add to this sheet unless you're pretty sure the value will be reused in many places. + * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. + */ +/** + * Colors + */ +/** + * Fonts & basic variables. + */ +/** + * Grid System. + * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ + */ +/** + * Dimensions. + */ +/** + * Shadows. + */ +/** + * Editor widths. + */ +/** + * Block & Editor UI. + */ +/** + * Block paddings. + */ +/** + * React Native specific. + * These variables do not appear to be used anywhere else. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset default styles 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.has-background { + padding: 1.25em 2.375em; +} \ No newline at end of file diff --git a/wp-includes/blocks/preformatted/style-rtl.min.css b/wp-includes/blocks/preformatted/style-rtl.min.css new file mode 100644 index 0000000000..28394356d0 --- /dev/null +++ b/wp-includes/blocks/preformatted/style-rtl.min.css @@ -0,0 +1 @@ +.wp-block-preformatted{white-space:pre-wrap}.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 new file mode 100644 index 0000000000..aa6e35b7e7 --- /dev/null +++ b/wp-includes/blocks/preformatted/style.css @@ -0,0 +1,77 @@ +/** + * Colors + */ +/** + * Breakpoints & Media Queries + */ +/** + * SCSS Variables. + * + * Please use variables from this sheet to ensure consistency across the UI. + * Don't add to this sheet unless you're pretty sure the value will be reused in many places. + * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. + */ +/** + * Colors + */ +/** + * Fonts & basic variables. + */ +/** + * Grid System. + * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ + */ +/** + * Dimensions. + */ +/** + * Shadows. + */ +/** + * Editor widths. + */ +/** + * Block & Editor UI. + */ +/** + * Block paddings. + */ +/** + * React Native specific. + * These variables do not appear to be used anywhere else. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset default styles 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.has-background { + padding: 1.25em 2.375em; +} \ No newline at end of file diff --git a/wp-includes/blocks/preformatted/style.min.css b/wp-includes/blocks/preformatted/style.min.css new file mode 100644 index 0000000000..28394356d0 --- /dev/null +++ b/wp-includes/blocks/preformatted/style.min.css @@ -0,0 +1 @@ +.wp-block-preformatted{white-space:pre-wrap}.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 new file mode 100644 index 0000000000..c639794e0a --- /dev/null +++ b/wp-includes/blocks/pullquote/editor-rtl.css @@ -0,0 +1,91 @@ +/** + * Colors + */ +/** + * Breakpoints & Media Queries + */ +/** + * SCSS Variables. + * + * Please use variables from this sheet to ensure consistency across the UI. + * Don't add to this sheet unless you're pretty sure the value will be reused in many places. + * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. + */ +/** + * Colors + */ +/** + * Fonts & basic variables. + */ +/** + * Grid System. + * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ + */ +/** + * Dimensions. + */ +/** + * Shadows. + */ +/** + * Editor widths. + */ +/** + * Block & Editor UI. + */ +/** + * Block paddings. + */ +/** + * React Native specific. + * These variables do not appear to be used anywhere else. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset default styles 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] > .wp-block-pullquote p, +.wp-block[data-align=right] > .wp-block-pullquote p { + font-size: 20px; +} + +.wp-block-pullquote blockquote p { + font-size: 28px; + line-height: 1.6; +} + +.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 .wp-block-pullquote__citation { + color: inherit; +} \ No newline at end of file diff --git a/wp-includes/blocks/pullquote/editor-rtl.min.css b/wp-includes/blocks/pullquote/editor-rtl.min.css new file mode 100644 index 0000000000..18c410bbe7 --- /dev/null +++ b/wp-includes/blocks/pullquote/editor-rtl.min.css @@ -0,0 +1 @@ +.wp-block[data-align=left]>.wp-block-pullquote p,.wp-block[data-align=right]>.wp-block-pullquote p{font-size:20px}.wp-block-pullquote blockquote p{font-size:28px;line-height:1.6}.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 .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 new file mode 100644 index 0000000000..c639794e0a --- /dev/null +++ b/wp-includes/blocks/pullquote/editor.css @@ -0,0 +1,91 @@ +/** + * Colors + */ +/** + * Breakpoints & Media Queries + */ +/** + * SCSS Variables. + * + * Please use variables from this sheet to ensure consistency across the UI. + * Don't add to this sheet unless you're pretty sure the value will be reused in many places. + * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. + */ +/** + * Colors + */ +/** + * Fonts & basic variables. + */ +/** + * Grid System. + * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ + */ +/** + * Dimensions. + */ +/** + * Shadows. + */ +/** + * Editor widths. + */ +/** + * Block & Editor UI. + */ +/** + * Block paddings. + */ +/** + * React Native specific. + * These variables do not appear to be used anywhere else. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset default styles 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] > .wp-block-pullquote p, +.wp-block[data-align=right] > .wp-block-pullquote p { + font-size: 20px; +} + +.wp-block-pullquote blockquote p { + font-size: 28px; + line-height: 1.6; +} + +.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 .wp-block-pullquote__citation { + color: inherit; +} \ No newline at end of file diff --git a/wp-includes/blocks/pullquote/editor.min.css b/wp-includes/blocks/pullquote/editor.min.css new file mode 100644 index 0000000000..18c410bbe7 --- /dev/null +++ b/wp-includes/blocks/pullquote/editor.min.css @@ -0,0 +1 @@ +.wp-block[data-align=left]>.wp-block-pullquote p,.wp-block[data-align=right]>.wp-block-pullquote p{font-size:20px}.wp-block-pullquote blockquote p{font-size:28px;line-height:1.6}.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 .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 new file mode 100644 index 0000000000..8830abff60 --- /dev/null +++ b/wp-includes/blocks/pullquote/style-rtl.css @@ -0,0 +1,119 @@ +/** + * Colors + */ +/** + * Breakpoints & Media Queries + */ +/** + * SCSS Variables. + * + * Please use variables from this sheet to ensure consistency across the UI. + * Don't add to this sheet unless you're pretty sure the value will be reused in many places. + * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. + */ +/** + * Colors + */ +/** + * Fonts & basic variables. + */ +/** + * Grid System. + * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ + */ +/** + * Dimensions. + */ +/** + * Shadows. + */ +/** + * Editor widths. + */ +/** + * Block & Editor UI. + */ +/** + * Block paddings. + */ +/** + * React Native specific. + * These variables do not appear to be used anywhere else. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset default styles 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; +} +.wp-block-pullquote.alignleft, .wp-block-pullquote.alignright { + max-width: 420px; +} +.wp-block-pullquote.alignleft p, .wp-block-pullquote.alignright p { + font-size: 1.25em; +} +.wp-block-pullquote p { + font-size: 1.75em; + line-height: 1.6; +} +.wp-block-pullquote cite, +.wp-block-pullquote footer { + position: relative; +} +.wp-block-pullquote .has-text-color a { + color: inherit; +} + +.wp-block-pullquote:not(.is-style-solid-color) { + background: none; +} + +.wp-block-pullquote.is-style-solid-color { + border: none; +} +.wp-block-pullquote.is-style-solid-color blockquote { + margin-right: auto; + margin-left: auto; + text-align: right; + max-width: 60%; +} +.wp-block-pullquote.is-style-solid-color blockquote p { + margin-top: 0; + margin-bottom: 0; + font-size: 2em; +} +.wp-block-pullquote.is-style-solid-color blockquote cite { + text-transform: none; + font-style: normal; +} + +.wp-block-pullquote cite { + color: inherit; +} \ No newline at end of file diff --git a/wp-includes/blocks/pullquote/style-rtl.min.css b/wp-includes/blocks/pullquote/style-rtl.min.css new file mode 100644 index 0000000000..77ee949519 --- /dev/null +++ b/wp-includes/blocks/pullquote/style-rtl.min.css @@ -0,0 +1 @@ +.wp-block-pullquote{margin:0 0 1em;padding:3em 0;text-align:center}.wp-block-pullquote.alignleft,.wp-block-pullquote.alignright{max-width:420px}.wp-block-pullquote.alignleft p,.wp-block-pullquote.alignright p{font-size:1.25em}.wp-block-pullquote p{font-size:1.75em;line-height:1.6}.wp-block-pullquote cite,.wp-block-pullquote footer{position:relative}.wp-block-pullquote .has-text-color a{color:inherit}.wp-block-pullquote:not(.is-style-solid-color){background:none}.wp-block-pullquote.is-style-solid-color{border:none}.wp-block-pullquote.is-style-solid-color blockquote{margin-right:auto;margin-left:auto;text-align:right;max-width:60%}.wp-block-pullquote.is-style-solid-color blockquote p{margin-top:0;margin-bottom:0;font-size:2em}.wp-block-pullquote.is-style-solid-color blockquote cite{text-transform:none;font-style:normal}.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 new file mode 100644 index 0000000000..ce21ca75ff --- /dev/null +++ b/wp-includes/blocks/pullquote/style.css @@ -0,0 +1,119 @@ +/** + * Colors + */ +/** + * Breakpoints & Media Queries + */ +/** + * SCSS Variables. + * + * Please use variables from this sheet to ensure consistency across the UI. + * Don't add to this sheet unless you're pretty sure the value will be reused in many places. + * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. + */ +/** + * Colors + */ +/** + * Fonts & basic variables. + */ +/** + * Grid System. + * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ + */ +/** + * Dimensions. + */ +/** + * Shadows. + */ +/** + * Editor widths. + */ +/** + * Block & Editor UI. + */ +/** + * Block paddings. + */ +/** + * React Native specific. + * These variables do not appear to be used anywhere else. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset default styles 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; +} +.wp-block-pullquote.alignleft, .wp-block-pullquote.alignright { + max-width: 420px; +} +.wp-block-pullquote.alignleft p, .wp-block-pullquote.alignright p { + font-size: 1.25em; +} +.wp-block-pullquote p { + font-size: 1.75em; + line-height: 1.6; +} +.wp-block-pullquote cite, +.wp-block-pullquote footer { + position: relative; +} +.wp-block-pullquote .has-text-color a { + color: inherit; +} + +.wp-block-pullquote:not(.is-style-solid-color) { + background: none; +} + +.wp-block-pullquote.is-style-solid-color { + border: none; +} +.wp-block-pullquote.is-style-solid-color blockquote { + margin-left: auto; + margin-right: auto; + text-align: left; + 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 cite { + text-transform: none; + font-style: normal; +} + +.wp-block-pullquote cite { + color: inherit; +} \ No newline at end of file diff --git a/wp-includes/blocks/pullquote/style.min.css b/wp-includes/blocks/pullquote/style.min.css new file mode 100644 index 0000000000..2d7a31d975 --- /dev/null +++ b/wp-includes/blocks/pullquote/style.min.css @@ -0,0 +1 @@ +.wp-block-pullquote{margin:0 0 1em;padding:3em 0;text-align:center}.wp-block-pullquote.alignleft,.wp-block-pullquote.alignright{max-width:420px}.wp-block-pullquote.alignleft p,.wp-block-pullquote.alignright p{font-size:1.25em}.wp-block-pullquote p{font-size:1.75em;line-height:1.6}.wp-block-pullquote cite,.wp-block-pullquote footer{position:relative}.wp-block-pullquote .has-text-color a{color:inherit}.wp-block-pullquote:not(.is-style-solid-color){background:none}.wp-block-pullquote.is-style-solid-color{border:none}.wp-block-pullquote.is-style-solid-color blockquote{margin-left:auto;margin-right:auto;text-align:left;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 cite{text-transform:none;font-style:normal}.wp-block-pullquote cite{color:inherit} \ No newline at end of file diff --git a/wp-includes/blocks/quote/style-rtl.css b/wp-includes/blocks/quote/style-rtl.css new file mode 100644 index 0000000000..af2157d478 --- /dev/null +++ b/wp-includes/blocks/quote/style-rtl.css @@ -0,0 +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. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset default styles 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.is-style-large, .wp-block-quote.is-large { + margin-bottom: 1em; + padding: 0 1em; +} +.wp-block-quote.is-style-large p, .wp-block-quote.is-large p { + font-size: 1.5em; + font-style: italic; + line-height: 1.6; +} +.wp-block-quote.is-style-large cite, +.wp-block-quote.is-style-large footer, .wp-block-quote.is-large cite, +.wp-block-quote.is-large footer { + font-size: 1.125em; + text-align: left; +} \ No newline at end of file diff --git a/wp-includes/blocks/quote/style-rtl.min.css b/wp-includes/blocks/quote/style-rtl.min.css new file mode 100644 index 0000000000..a2bd1c0337 --- /dev/null +++ b/wp-includes/blocks/quote/style-rtl.min.css @@ -0,0 +1 @@ +.wp-block-quote.is-large,.wp-block-quote.is-style-large{margin-bottom:1em;padding:0 1em}.wp-block-quote.is-large p,.wp-block-quote.is-style-large p{font-size:1.5em;font-style:italic;line-height:1.6}.wp-block-quote.is-large cite,.wp-block-quote.is-large footer,.wp-block-quote.is-style-large cite,.wp-block-quote.is-style-large 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 new file mode 100644 index 0000000000..a447c253fd --- /dev/null +++ b/wp-includes/blocks/quote/style.css @@ -0,0 +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. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset default styles 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.is-style-large, .wp-block-quote.is-large { + margin-bottom: 1em; + padding: 0 1em; +} +.wp-block-quote.is-style-large p, .wp-block-quote.is-large p { + font-size: 1.5em; + font-style: italic; + line-height: 1.6; +} +.wp-block-quote.is-style-large cite, +.wp-block-quote.is-style-large footer, .wp-block-quote.is-large cite, +.wp-block-quote.is-large footer { + font-size: 1.125em; + text-align: right; +} \ No newline at end of file diff --git a/wp-includes/blocks/quote/style.min.css b/wp-includes/blocks/quote/style.min.css new file mode 100644 index 0000000000..c8f06bf26e --- /dev/null +++ b/wp-includes/blocks/quote/style.min.css @@ -0,0 +1 @@ +.wp-block-quote.is-large,.wp-block-quote.is-style-large{margin-bottom:1em;padding:0 1em}.wp-block-quote.is-large p,.wp-block-quote.is-style-large p{font-size:1.5em;font-style:italic;line-height:1.6}.wp-block-quote.is-large cite,.wp-block-quote.is-large footer,.wp-block-quote.is-style-large cite,.wp-block-quote.is-style-large footer{font-size:1.125em;text-align:right} \ No newline at end of file diff --git a/wp-includes/blocks/rss/editor-rtl.css b/wp-includes/blocks/rss/editor-rtl.css new file mode 100644 index 0000000000..3965992edb --- /dev/null +++ b/wp-includes/blocks/rss/editor-rtl.css @@ -0,0 +1,99 @@ +/** + * Colors + */ +/** + * Breakpoints & Media Queries + */ +/** + * SCSS Variables. + * + * Please use variables from this sheet to ensure consistency across the UI. + * Don't add to this sheet unless you're pretty sure the value will be reused in many places. + * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. + */ +/** + * Colors + */ +/** + * Fonts & basic variables. + */ +/** + * Grid System. + * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ + */ +/** + * Dimensions. + */ +/** + * Shadows. + */ +/** + * Editor widths. + */ +/** + * Block & Editor UI. + */ +/** + * Block paddings. + */ +/** + * React Native specific. + * These variables do not appear to be used anywhere else. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset default styles 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__placeholder-form { + display: flex; + align-items: stretch; +} +.wp-block-rss__placeholder-form > * { + margin-bottom: 8px; +} +@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 .components-base-control__field { + margin: 0; + display: flex; + align-items: stretch; + flex-grow: 1; + margin-left: 8px; +} \ No newline at end of file diff --git a/wp-includes/blocks/rss/editor-rtl.min.css b/wp-includes/blocks/rss/editor-rtl.min.css new file mode 100644 index 0000000000..7b0a214496 --- /dev/null +++ b/wp-includes/blocks/rss/editor-rtl.min.css @@ -0,0 +1 @@ +.wp-block-rss li a>div{display:inline}.wp-block-rss__placeholder-form{display:flex;align-items:stretch}.wp-block-rss__placeholder-form>*{margin-bottom:8px}@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 .components-base-control__field{display:flex;align-items:stretch;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 new file mode 100644 index 0000000000..2a234fdf5f --- /dev/null +++ b/wp-includes/blocks/rss/editor.css @@ -0,0 +1,99 @@ +/** + * Colors + */ +/** + * Breakpoints & Media Queries + */ +/** + * SCSS Variables. + * + * Please use variables from this sheet to ensure consistency across the UI. + * Don't add to this sheet unless you're pretty sure the value will be reused in many places. + * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. + */ +/** + * Colors + */ +/** + * Fonts & basic variables. + */ +/** + * Grid System. + * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ + */ +/** + * Dimensions. + */ +/** + * Shadows. + */ +/** + * Editor widths. + */ +/** + * Block & Editor UI. + */ +/** + * Block paddings. + */ +/** + * React Native specific. + * These variables do not appear to be used anywhere else. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset default styles 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__placeholder-form { + display: flex; + align-items: stretch; +} +.wp-block-rss__placeholder-form > * { + margin-bottom: 8px; +} +@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 .components-base-control__field { + margin: 0; + display: flex; + align-items: stretch; + flex-grow: 1; + margin-right: 8px; +} \ No newline at end of file diff --git a/wp-includes/blocks/rss/editor.min.css b/wp-includes/blocks/rss/editor.min.css new file mode 100644 index 0000000000..2b2a3c88a3 --- /dev/null +++ b/wp-includes/blocks/rss/editor.min.css @@ -0,0 +1 @@ +.wp-block-rss li a>div{display:inline}.wp-block-rss__placeholder-form{display:flex;align-items:stretch}.wp-block-rss__placeholder-form>*{margin-bottom:8px}@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 .components-base-control__field{display:flex;align-items:stretch;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 new file mode 100644 index 0000000000..740d6f4b60 --- /dev/null +++ b/wp-includes/blocks/rss/style-rtl.css @@ -0,0 +1,113 @@ +/** + * Colors + */ +/** + * Breakpoints & Media Queries + */ +/** + * SCSS Variables. + * + * Please use variables from this sheet to ensure consistency across the UI. + * Don't add to this sheet unless you're pretty sure the value will be reused in many places. + * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. + */ +/** + * Colors + */ +/** + * Fonts & basic variables. + */ +/** + * Grid System. + * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ + */ +/** + * Dimensions. + */ +/** + * Shadows. + */ +/** + * Editor widths. + */ +/** + * Block & Editor UI. + */ +/** + * Block paddings. + */ +/** + * React Native specific. + * These variables do not appear to be used anywhere else. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset default styles 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.wp-block-rss { + box-sizing: border-box; +} +.wp-block-rss.alignleft { + margin-right: 2em; +} +.wp-block-rss.alignright { + margin-left: 2em; +} +.wp-block-rss.is-grid { + display: flex; + flex-wrap: wrap; + padding: 0; + list-style: none; +} +.wp-block-rss.is-grid li { + margin: 0 0 1em 1em; + width: 100%; +} +@media (min-width: 600px) { + .wp-block-rss.columns-2 li { + width: calc(( 100% / 2 ) - 1em); + } + .wp-block-rss.columns-3 li { + width: calc(( 100% / 3 ) - 1em); + } + .wp-block-rss.columns-4 li { + width: calc(( 100% / 4 ) - 1em); + } + .wp-block-rss.columns-5 li { + width: calc(( 100% / 5 ) - 1em); + } + .wp-block-rss.columns-6 li { + width: calc(( 100% / 6 ) - 1em); + } +} + +.wp-block-rss__item-publish-date, +.wp-block-rss__item-author { + display: block; + color: #555; + font-size: 0.8125em; +} \ No newline at end of file diff --git a/wp-includes/blocks/rss/style-rtl.min.css b/wp-includes/blocks/rss/style-rtl.min.css new file mode 100644 index 0000000000..47be9a7828 --- /dev/null +++ b/wp-includes/blocks/rss/style-rtl.min.css @@ -0,0 +1 @@ +.wp-block-rss.wp-block-rss{box-sizing:border-box}.wp-block-rss.alignleft{margin-right:2em}.wp-block-rss.alignright{margin-left:2em}.wp-block-rss.is-grid{display:flex;flex-wrap:wrap;padding:0;list-style:none}.wp-block-rss.is-grid li{margin:0 0 1em 1em;width:100%}@media (min-width:600px){.wp-block-rss.columns-2 li{width:calc(50% - 1em)}.wp-block-rss.columns-3 li{width:calc(33.33333% - 1em)}.wp-block-rss.columns-4 li{width:calc(25% - 1em)}.wp-block-rss.columns-5 li{width:calc(20% - 1em)}.wp-block-rss.columns-6 li{width:calc(16.66667% - 1em)}}.wp-block-rss__item-author,.wp-block-rss__item-publish-date{display:block;color:#555;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 new file mode 100644 index 0000000000..db5ac6da4b --- /dev/null +++ b/wp-includes/blocks/rss/style.css @@ -0,0 +1,115 @@ +/** + * Colors + */ +/** + * Breakpoints & Media Queries + */ +/** + * SCSS Variables. + * + * Please use variables from this sheet to ensure consistency across the UI. + * Don't add to this sheet unless you're pretty sure the value will be reused in many places. + * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. + */ +/** + * Colors + */ +/** + * Fonts & basic variables. + */ +/** + * Grid System. + * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ + */ +/** + * Dimensions. + */ +/** + * Shadows. + */ +/** + * Editor widths. + */ +/** + * Block & Editor UI. + */ +/** + * Block paddings. + */ +/** + * React Native specific. + * These variables do not appear to be used anywhere else. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset default styles 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.wp-block-rss { + box-sizing: border-box; +} +.wp-block-rss.alignleft { + /*rtl:ignore*/ + margin-right: 2em; +} +.wp-block-rss.alignright { + /*rtl:ignore*/ + margin-left: 2em; +} +.wp-block-rss.is-grid { + display: flex; + flex-wrap: wrap; + padding: 0; + list-style: none; +} +.wp-block-rss.is-grid li { + margin: 0 1em 1em 0; + width: 100%; +} +@media (min-width: 600px) { + .wp-block-rss.columns-2 li { + width: calc(( 100% / 2 ) - 1em); + } + .wp-block-rss.columns-3 li { + width: calc(( 100% / 3 ) - 1em); + } + .wp-block-rss.columns-4 li { + width: calc(( 100% / 4 ) - 1em); + } + .wp-block-rss.columns-5 li { + width: calc(( 100% / 5 ) - 1em); + } + .wp-block-rss.columns-6 li { + width: calc(( 100% / 6 ) - 1em); + } +} + +.wp-block-rss__item-publish-date, +.wp-block-rss__item-author { + display: block; + color: #555; + font-size: 0.8125em; +} \ No newline at end of file diff --git a/wp-includes/blocks/rss/style.min.css b/wp-includes/blocks/rss/style.min.css new file mode 100644 index 0000000000..afb37b4d93 --- /dev/null +++ b/wp-includes/blocks/rss/style.min.css @@ -0,0 +1 @@ +.wp-block-rss.wp-block-rss{box-sizing:border-box}.wp-block-rss.alignleft{margin-right:2em}.wp-block-rss.alignright{margin-left:2em}.wp-block-rss.is-grid{display:flex;flex-wrap:wrap;padding:0;list-style:none}.wp-block-rss.is-grid li{margin:0 1em 1em 0;width:100%}@media (min-width:600px){.wp-block-rss.columns-2 li{width:calc(50% - 1em)}.wp-block-rss.columns-3 li{width:calc(33.33333% - 1em)}.wp-block-rss.columns-4 li{width:calc(25% - 1em)}.wp-block-rss.columns-5 li{width:calc(20% - 1em)}.wp-block-rss.columns-6 li{width:calc(16.66667% - 1em)}}.wp-block-rss__item-author,.wp-block-rss__item-publish-date{display:block;color:#555;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 new file mode 100644 index 0000000000..97402fb45d --- /dev/null +++ b/wp-includes/blocks/search/editor-rtl.css @@ -0,0 +1,90 @@ +/** + * Colors + */ +/** + * Breakpoints & Media Queries + */ +/** + * SCSS Variables. + * + * Please use variables from this sheet to ensure consistency across the UI. + * Don't add to this sheet unless you're pretty sure the value will be reused in many places. + * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. + */ +/** + * Colors + */ +/** + * Fonts & basic variables. + */ +/** + * Grid System. + * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ + */ +/** + * Dimensions. + */ +/** + * Shadows. + */ +/** + * Editor widths. + */ +/** + * Block & Editor UI. + */ +/** + * Block paddings. + */ +/** + * React Native specific. + * These variables do not appear to be used anywhere else. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset default styles 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-search .wp-block-search__input { + padding: 8px; +} +.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper { + padding: 4px; +} +.wp-block-search .wp-block-search__button { + height: auto; + border-radius: initial; +} +.wp-block-search .wp-block-search__button.wp-block-search__button.wp-block-search__button { + padding: 6px 10px; +} +.wp-block-search__components-button-group { + margin-top: 10px; +} \ No newline at end of file diff --git a/wp-includes/blocks/search/editor-rtl.min.css b/wp-includes/blocks/search/editor-rtl.min.css new file mode 100644 index 0000000000..e929c7deac --- /dev/null +++ b/wp-includes/blocks/search/editor-rtl.min.css @@ -0,0 +1 @@ +.wp-block[data-align=center] .wp-block-search .wp-block-search__inside-wrapper{margin:auto}.wp-block-search .wp-block-search__input{padding:8px}.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper{padding:4px}.wp-block-search .wp-block-search__button{height:auto;border-radius:initial}.wp-block-search .wp-block-search__button.wp-block-search__button.wp-block-search__button{padding:6px 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 new file mode 100644 index 0000000000..97402fb45d --- /dev/null +++ b/wp-includes/blocks/search/editor.css @@ -0,0 +1,90 @@ +/** + * Colors + */ +/** + * Breakpoints & Media Queries + */ +/** + * SCSS Variables. + * + * Please use variables from this sheet to ensure consistency across the UI. + * Don't add to this sheet unless you're pretty sure the value will be reused in many places. + * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. + */ +/** + * Colors + */ +/** + * Fonts & basic variables. + */ +/** + * Grid System. + * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ + */ +/** + * Dimensions. + */ +/** + * Shadows. + */ +/** + * Editor widths. + */ +/** + * Block & Editor UI. + */ +/** + * Block paddings. + */ +/** + * React Native specific. + * These variables do not appear to be used anywhere else. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset default styles 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-search .wp-block-search__input { + padding: 8px; +} +.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper { + padding: 4px; +} +.wp-block-search .wp-block-search__button { + height: auto; + border-radius: initial; +} +.wp-block-search .wp-block-search__button.wp-block-search__button.wp-block-search__button { + padding: 6px 10px; +} +.wp-block-search__components-button-group { + margin-top: 10px; +} \ No newline at end of file diff --git a/wp-includes/blocks/search/editor.min.css b/wp-includes/blocks/search/editor.min.css new file mode 100644 index 0000000000..e929c7deac --- /dev/null +++ b/wp-includes/blocks/search/editor.min.css @@ -0,0 +1 @@ +.wp-block[data-align=center] .wp-block-search .wp-block-search__inside-wrapper{margin:auto}.wp-block-search .wp-block-search__input{padding:8px}.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper{padding:4px}.wp-block-search .wp-block-search__button{height:auto;border-radius:initial}.wp-block-search .wp-block-search__button.wp-block-search__button.wp-block-search__button{padding:6px 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 new file mode 100644 index 0000000000..a639c1f780 --- /dev/null +++ b/wp-includes/blocks/search/style-rtl.css @@ -0,0 +1,120 @@ +/** + * Colors + */ +/** + * Breakpoints & Media Queries + */ +/** + * SCSS Variables. + * + * Please use variables from this sheet to ensure consistency across the UI. + * Don't add to this sheet unless you're pretty sure the value will be reused in many places. + * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. + */ +/** + * Colors + */ +/** + * Fonts & basic variables. + */ +/** + * Grid System. + * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ + */ +/** + * Dimensions. + */ +/** + * Shadows. + */ +/** + * Editor widths. + */ +/** + * Block & Editor UI. + */ +/** + * Block paddings. + */ +/** + * React Native specific. + * These variables do not appear to be used anywhere else. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset default styles 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__button { + background: #f7f7f7; + border: 1px solid #ccc; + padding: 0.375em 0.625em; + color: #32373c; + margin-right: 0.625em; + word-break: normal; +} +.wp-block-search .wp-block-search__button.has-icon { + line-height: 0; +} +.wp-block-search .wp-block-search__button svg { + min-width: 1.5em; + min-height: 1.5em; +} +.wp-block-search .wp-block-search__inside-wrapper { + display: flex; + flex: auto; + flex-wrap: nowrap; + max-width: 100%; +} +.wp-block-search .wp-block-search__label { + width: 100%; +} +.wp-block-search .wp-block-search__input { + flex-grow: 1; + min-width: 3em; + border: 1px solid #949494; +} +.wp-block-search.wp-block-search__button-only .wp-block-search__button { + margin-right: 0; +} +.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper { + padding: 4px; + border: 1px solid #949494; +} +.wp-block-search.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; +} +.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input:focus { + outline: none; +} +.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button { + padding: 0.125em 0.5em; +} +.wp-block-search.aligncenter .wp-block-search__inside-wrapper { + margin: auto; +} \ No newline at end of file diff --git a/wp-includes/blocks/search/style-rtl.min.css b/wp-includes/blocks/search/style-rtl.min.css new file mode 100644 index 0000000000..895109daf6 --- /dev/null +++ b/wp-includes/blocks/search/style-rtl.min.css @@ -0,0 +1 @@ +.wp-block-search .wp-block-search__button{background:#f7f7f7;border:1px solid #ccc;padding:.375em .625em;color:#32373c;margin-right:.625em;word-break:normal}.wp-block-search .wp-block-search__button.has-icon{line-height:0}.wp-block-search .wp-block-search__button svg{min-width:1.5em;min-height:1.5em}.wp-block-search .wp-block-search__inside-wrapper{display:flex;flex:auto;flex-wrap:nowrap;max-width:100%}.wp-block-search .wp-block-search__label{width:100%}.wp-block-search .wp-block-search__input{flex-grow:1;min-width:3em;border:1px solid #949494}.wp-block-search.wp-block-search__button-only .wp-block-search__button{margin-right:0}.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper{padding:4px;border:1px solid #949494}.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input{border-radius:0;border:none;padding:0 .25em 0 0}.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input:focus{outline:none}.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button{padding:.125em .5em}.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 new file mode 100644 index 0000000000..c6af7eb018 --- /dev/null +++ b/wp-includes/blocks/search/style.css @@ -0,0 +1,120 @@ +/** + * Colors + */ +/** + * Breakpoints & Media Queries + */ +/** + * SCSS Variables. + * + * Please use variables from this sheet to ensure consistency across the UI. + * Don't add to this sheet unless you're pretty sure the value will be reused in many places. + * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. + */ +/** + * Colors + */ +/** + * Fonts & basic variables. + */ +/** + * Grid System. + * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ + */ +/** + * Dimensions. + */ +/** + * Shadows. + */ +/** + * Editor widths. + */ +/** + * Block & Editor UI. + */ +/** + * Block paddings. + */ +/** + * React Native specific. + * These variables do not appear to be used anywhere else. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset default styles 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__button { + background: #f7f7f7; + border: 1px solid #ccc; + padding: 0.375em 0.625em; + color: #32373c; + margin-left: 0.625em; + word-break: normal; +} +.wp-block-search .wp-block-search__button.has-icon { + line-height: 0; +} +.wp-block-search .wp-block-search__button svg { + min-width: 1.5em; + min-height: 1.5em; +} +.wp-block-search .wp-block-search__inside-wrapper { + display: flex; + flex: auto; + flex-wrap: nowrap; + max-width: 100%; +} +.wp-block-search .wp-block-search__label { + width: 100%; +} +.wp-block-search .wp-block-search__input { + flex-grow: 1; + min-width: 3em; + border: 1px solid #949494; +} +.wp-block-search.wp-block-search__button-only .wp-block-search__button { + margin-left: 0; +} +.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper { + padding: 4px; + border: 1px solid #949494; +} +.wp-block-search.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; +} +.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input:focus { + outline: none; +} +.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button { + padding: 0.125em 0.5em; +} +.wp-block-search.aligncenter .wp-block-search__inside-wrapper { + margin: auto; +} \ No newline at end of file diff --git a/wp-includes/blocks/search/style.min.css b/wp-includes/blocks/search/style.min.css new file mode 100644 index 0000000000..ff5228100c --- /dev/null +++ b/wp-includes/blocks/search/style.min.css @@ -0,0 +1 @@ +.wp-block-search .wp-block-search__button{background:#f7f7f7;border:1px solid #ccc;padding:.375em .625em;color:#32373c;margin-left:.625em;word-break:normal}.wp-block-search .wp-block-search__button.has-icon{line-height:0}.wp-block-search .wp-block-search__button svg{min-width:1.5em;min-height:1.5em}.wp-block-search .wp-block-search__inside-wrapper{display:flex;flex:auto;flex-wrap:nowrap;max-width:100%}.wp-block-search .wp-block-search__label{width:100%}.wp-block-search .wp-block-search__input{flex-grow:1;min-width:3em;border:1px solid #949494}.wp-block-search.wp-block-search__button-only .wp-block-search__button{margin-left:0}.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper{padding:4px;border:1px solid #949494}.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input{border-radius:0;border:none;padding:0 0 0 .25em}.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input:focus{outline:none}.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button{padding:.125em .5em}.wp-block-search.aligncenter .wp-block-search__inside-wrapper{margin:auto} \ No newline at end of file diff --git a/wp-includes/blocks/separator/editor-rtl.css b/wp-includes/blocks/separator/editor-rtl.css new file mode 100644 index 0000000000..c47a782400 --- /dev/null +++ b/wp-includes/blocks/separator/editor-rtl.css @@ -0,0 +1,74 @@ +/** + * Colors + */ +/** + * Breakpoints & Media Queries + */ +/** + * SCSS Variables. + * + * Please use variables from this sheet to ensure consistency across the UI. + * Don't add to this sheet unless you're pretty sure the value will be reused in many places. + * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. + */ +/** + * Colors + */ +/** + * Fonts & basic variables. + */ +/** + * Grid System. + * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ + */ +/** + * Dimensions. + */ +/** + * Shadows. + */ +/** + * Editor widths. + */ +/** + * Block & Editor UI. + */ +/** + * Block paddings. + */ +/** + * React Native specific. + * These variables do not appear to be used anywhere else. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset 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; +} \ No newline at end of file diff --git a/wp-includes/blocks/separator/editor-rtl.min.css b/wp-includes/blocks/separator/editor-rtl.min.css new file mode 100644 index 0000000000..f90497aa2b --- /dev/null +++ b/wp-includes/blocks/separator/editor-rtl.min.css @@ -0,0 +1 @@ +.block-editor-block-list__block[data-type="core/separator"]{padding-top:.1px;padding-bottom:.1px} \ No newline at end of file diff --git a/wp-includes/blocks/separator/editor.css b/wp-includes/blocks/separator/editor.css new file mode 100644 index 0000000000..c47a782400 --- /dev/null +++ b/wp-includes/blocks/separator/editor.css @@ -0,0 +1,74 @@ +/** + * Colors + */ +/** + * Breakpoints & Media Queries + */ +/** + * SCSS Variables. + * + * Please use variables from this sheet to ensure consistency across the UI. + * Don't add to this sheet unless you're pretty sure the value will be reused in many places. + * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. + */ +/** + * Colors + */ +/** + * Fonts & basic variables. + */ +/** + * Grid System. + * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ + */ +/** + * Dimensions. + */ +/** + * Shadows. + */ +/** + * Editor widths. + */ +/** + * Block & Editor UI. + */ +/** + * Block paddings. + */ +/** + * React Native specific. + * These variables do not appear to be used anywhere else. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset 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; +} \ No newline at end of file diff --git a/wp-includes/blocks/separator/editor.min.css b/wp-includes/blocks/separator/editor.min.css new file mode 100644 index 0000000000..f90497aa2b --- /dev/null +++ b/wp-includes/blocks/separator/editor.min.css @@ -0,0 +1 @@ +.block-editor-block-list__block[data-type="core/separator"]{padding-top:.1px;padding-bottom:.1px} \ No newline at end of file diff --git a/wp-includes/blocks/separator/style-rtl.css b/wp-includes/blocks/separator/style-rtl.css new file mode 100644 index 0000000000..9c59f085ab --- /dev/null +++ b/wp-includes/blocks/separator/style-rtl.css @@ -0,0 +1,94 @@ +@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. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset default styles 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; +} +.wp-block-separator.is-style-wide { + border-bottom-width: 1px; +} +.wp-block-separator.is-style-dots { + background: none !important; + border: none; + text-align: center; + width: none; + line-height: 1; + height: auto; +} +.wp-block-separator.is-style-dots::before { + content: "···"; + color: currentColor; + font-size: 1.5em; + letter-spacing: 2em; + padding-left: 2em; + font-family: serif; +} \ No newline at end of file diff --git a/wp-includes/blocks/separator/style-rtl.min.css b/wp-includes/blocks/separator/style-rtl.min.css new file mode 100644 index 0000000000..3bb9081c86 --- /dev/null +++ b/wp-includes/blocks/separator/style-rtl.min.css @@ -0,0 +1 @@ +@charset "UTF-8";.wp-block-separator{border-top:1px solid;border-bottom:1px solid}.wp-block-separator.is-style-wide{border-bottom-width:1px}.wp-block-separator.is-style-dots{background:none!important;border:none;text-align:center;width:none;line-height:1;height:auto}.wp-block-separator.is-style-dots:before{content:"···";color:currentColor;font-size:1.5em;letter-spacing:2em;padding-left:2em;font-family:serif} \ No newline at end of file diff --git a/wp-includes/blocks/separator/style.css b/wp-includes/blocks/separator/style.css new file mode 100644 index 0000000000..b824ff9a7a --- /dev/null +++ b/wp-includes/blocks/separator/style.css @@ -0,0 +1,95 @@ +@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. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset default styles 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; +} +.wp-block-separator.is-style-wide { + border-bottom-width: 1px; +} +.wp-block-separator.is-style-dots { + background: none !important; + border: none; + text-align: center; + width: none; + line-height: 1; + height: auto; +} +.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; +} \ No newline at end of file diff --git a/wp-includes/blocks/separator/style.min.css b/wp-includes/blocks/separator/style.min.css new file mode 100644 index 0000000000..3bb9081c86 --- /dev/null +++ b/wp-includes/blocks/separator/style.min.css @@ -0,0 +1 @@ +@charset "UTF-8";.wp-block-separator{border-top:1px solid;border-bottom:1px solid}.wp-block-separator.is-style-wide{border-bottom-width:1px}.wp-block-separator.is-style-dots{background:none!important;border:none;text-align:center;width:none;line-height:1;height:auto}.wp-block-separator.is-style-dots:before{content:"···";color:currentColor;font-size:1.5em;letter-spacing:2em;padding-left:2em;font-family:serif} \ No newline at end of file diff --git a/wp-includes/blocks/shortcode/editor-rtl.css b/wp-includes/blocks/shortcode/editor-rtl.css new file mode 100644 index 0000000000..a9544bb2cd --- /dev/null +++ b/wp-includes/blocks/shortcode/editor-rtl.css @@ -0,0 +1,127 @@ +/** + * Colors + */ +/** + * Breakpoints & Media Queries + */ +/** + * SCSS Variables. + * + * Please use variables from this sheet to ensure consistency across the UI. + * Don't add to this sheet unless you're pretty sure the value will be reused in many places. + * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. + */ +/** + * Colors + */ +/** + * Fonts & basic variables. + */ +/** + * Grid System. + * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ + */ +/** + * Dimensions. + */ +/** + * Shadows. + */ +/** + * Editor widths. + */ +/** + * Block & Editor UI. + */ +/** + * Block paddings. + */ +/** + * React Native specific. + * These variables do not appear to be used anywhere else. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset 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"].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; +} +@media (prefers-reduced-motion: reduce) { + .blocks-shortcode__textarea { + transition-duration: 0s; + transition-delay: 0s; + } +} +@media (min-width: 600px) { + .blocks-shortcode__textarea { + font-size: 13px; + /* Override core line-height. To be reviewed. */ + 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::-webkit-input-placeholder { + color: rgba(30, 30, 30, 0.62); +} +.blocks-shortcode__textarea::-moz-placeholder { + opacity: 1; + color: rgba(30, 30, 30, 0.62); +} +.blocks-shortcode__textarea:-ms-input-placeholder { + color: rgba(30, 30, 30, 0.62); +} +.is-dark-theme .blocks-shortcode__textarea::-webkit-input-placeholder { + color: rgba(255, 255, 255, 0.65); +} +.is-dark-theme .blocks-shortcode__textarea::-moz-placeholder { + opacity: 1; + color: rgba(255, 255, 255, 0.65); +} +.is-dark-theme .blocks-shortcode__textarea:-ms-input-placeholder { + color: rgba(255, 255, 255, 0.65); +} \ No newline at end of file diff --git a/wp-includes/blocks/shortcode/editor-rtl.min.css b/wp-includes/blocks/shortcode/editor-rtl.min.css new file mode 100644 index 0000000000..60cf95e009 --- /dev/null +++ b/wp-includes/blocks/shortcode/editor-rtl.min.css @@ -0,0 +1 @@ +[data-type="core/shortcode"] .block-editor-plain-text{max-height:250px}[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 .1s linear;border-radius:2px;border:1px solid #757575;font-size:16px;line-height:normal}@media (prefers-reduced-motion:reduce){.blocks-shortcode__textarea{transition-duration:0s;transition-delay:0s}}@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::-webkit-input-placeholder{color:rgba(30,30,30,.62)}.blocks-shortcode__textarea::-moz-placeholder{opacity:1;color:rgba(30,30,30,.62)}.blocks-shortcode__textarea:-ms-input-placeholder{color:rgba(30,30,30,.62)}.is-dark-theme .blocks-shortcode__textarea::-webkit-input-placeholder{color:hsla(0,0%,100%,.65)}.is-dark-theme .blocks-shortcode__textarea::-moz-placeholder{opacity:1;color:hsla(0,0%,100%,.65)}.is-dark-theme .blocks-shortcode__textarea:-ms-input-placeholder{color:hsla(0,0%,100%,.65)} \ No newline at end of file diff --git a/wp-includes/blocks/shortcode/editor.css b/wp-includes/blocks/shortcode/editor.css new file mode 100644 index 0000000000..a9544bb2cd --- /dev/null +++ b/wp-includes/blocks/shortcode/editor.css @@ -0,0 +1,127 @@ +/** + * Colors + */ +/** + * Breakpoints & Media Queries + */ +/** + * SCSS Variables. + * + * Please use variables from this sheet to ensure consistency across the UI. + * Don't add to this sheet unless you're pretty sure the value will be reused in many places. + * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. + */ +/** + * Colors + */ +/** + * Fonts & basic variables. + */ +/** + * Grid System. + * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ + */ +/** + * Dimensions. + */ +/** + * Shadows. + */ +/** + * Editor widths. + */ +/** + * Block & Editor UI. + */ +/** + * Block paddings. + */ +/** + * React Native specific. + * These variables do not appear to be used anywhere else. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset 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"].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; +} +@media (prefers-reduced-motion: reduce) { + .blocks-shortcode__textarea { + transition-duration: 0s; + transition-delay: 0s; + } +} +@media (min-width: 600px) { + .blocks-shortcode__textarea { + font-size: 13px; + /* Override core line-height. To be reviewed. */ + 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::-webkit-input-placeholder { + color: rgba(30, 30, 30, 0.62); +} +.blocks-shortcode__textarea::-moz-placeholder { + opacity: 1; + color: rgba(30, 30, 30, 0.62); +} +.blocks-shortcode__textarea:-ms-input-placeholder { + color: rgba(30, 30, 30, 0.62); +} +.is-dark-theme .blocks-shortcode__textarea::-webkit-input-placeholder { + color: rgba(255, 255, 255, 0.65); +} +.is-dark-theme .blocks-shortcode__textarea::-moz-placeholder { + opacity: 1; + color: rgba(255, 255, 255, 0.65); +} +.is-dark-theme .blocks-shortcode__textarea:-ms-input-placeholder { + color: rgba(255, 255, 255, 0.65); +} \ No newline at end of file diff --git a/wp-includes/blocks/shortcode/editor.min.css b/wp-includes/blocks/shortcode/editor.min.css new file mode 100644 index 0000000000..60cf95e009 --- /dev/null +++ b/wp-includes/blocks/shortcode/editor.min.css @@ -0,0 +1 @@ +[data-type="core/shortcode"] .block-editor-plain-text{max-height:250px}[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 .1s linear;border-radius:2px;border:1px solid #757575;font-size:16px;line-height:normal}@media (prefers-reduced-motion:reduce){.blocks-shortcode__textarea{transition-duration:0s;transition-delay:0s}}@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::-webkit-input-placeholder{color:rgba(30,30,30,.62)}.blocks-shortcode__textarea::-moz-placeholder{opacity:1;color:rgba(30,30,30,.62)}.blocks-shortcode__textarea:-ms-input-placeholder{color:rgba(30,30,30,.62)}.is-dark-theme .blocks-shortcode__textarea::-webkit-input-placeholder{color:hsla(0,0%,100%,.65)}.is-dark-theme .blocks-shortcode__textarea::-moz-placeholder{opacity:1;color:hsla(0,0%,100%,.65)}.is-dark-theme .blocks-shortcode__textarea:-ms-input-placeholder{color:hsla(0,0%,100%,.65)} \ 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 new file mode 100644 index 0000000000..c9c26fb0f1 --- /dev/null +++ b/wp-includes/blocks/social-link/editor-rtl.css @@ -0,0 +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. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset default styles 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 button { + font-size: inherit; + color: currentColor; + height: auto; + line-height: 0; + padding: 0.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); +} \ No newline at end of file diff --git a/wp-includes/blocks/social-link/editor-rtl.min.css b/wp-includes/blocks/social-link/editor-rtl.min.css new file mode 100644 index 0000000000..525f9ee841 --- /dev/null +++ b/wp-includes/blocks/social-link/editor-rtl.min.css @@ -0,0 +1 @@ +.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;padding:.25em}.wp-block-social-links.is-style-pill-shape .wp-social-link button{padding-right:.66667em;padding-left:.66667em} \ No newline at end of file diff --git a/wp-includes/blocks/social-link/editor.css b/wp-includes/blocks/social-link/editor.css new file mode 100644 index 0000000000..bde459ff11 --- /dev/null +++ b/wp-includes/blocks/social-link/editor.css @@ -0,0 +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. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset default styles 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 button { + font-size: inherit; + color: currentColor; + height: auto; + line-height: 0; + padding: 0.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); +} \ No newline at end of file diff --git a/wp-includes/blocks/social-link/editor.min.css b/wp-includes/blocks/social-link/editor.min.css new file mode 100644 index 0000000000..94d7f7c9a7 --- /dev/null +++ b/wp-includes/blocks/social-link/editor.min.css @@ -0,0 +1 @@ +.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;padding:.25em}.wp-block-social-links.is-style-pill-shape .wp-social-link button{padding-left:.66667em;padding-right:.66667em} \ 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 new file mode 100644 index 0000000000..b098c34bd3 --- /dev/null +++ b/wp-includes/blocks/social-links/editor-rtl.css @@ -0,0 +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. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset default styles 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-social-link:hover { + transform: none; +} + +.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 > .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 + .block-list-appender, +.wp-block-social-links__social-placeholder .wp-social-link { + padding: 0.25em; +} +.is-style-pill-shape .wp-block-social-links__social-placeholder + .block-list-appender, +.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); +} +.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 { + 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; +} +.wp-block-social-links .wp-block-social-links__social-prompt + .block-list-appender { + margin-left: 8px; + padding: 0.25em; +} + +.wp-block-social-links .block-list-appender { + margin: 4px 0 4px auto; + border-radius: 9999px; +} +.wp-block-social-links .block-list-appender .block-editor-inserter { + display: flex; + align-items: center; + justify-content: center; + font-size: inherit; + width: 1em; + height: 1em; +} +.has-small-icon-size .wp-block-social-links .block-list-appender { + font-size: 16px; +} +.has-normal-icon-size .wp-block-social-links .block-list-appender { + font-size: 24px; +} +.has-large-icon-size .wp-block-social-links .block-list-appender { + font-size: 36px; +} +.has-huge-icon-size .wp-block-social-links .block-list-appender { + font-size: 48px; +} +.wp-block-social-links .block-list-appender::before { + content: none; +} + +.wp-block[data-align=center] > .wp-block-social-links { + justify-content: center; +} + +.block-editor-block-preview__content .components-button:disabled { + opacity: 1; +} + +.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; + } +} + +.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; +} \ No newline at end of file diff --git a/wp-includes/blocks/social-links/editor-rtl.min.css b/wp-includes/blocks/social-links/editor-rtl.min.css new file mode 100644 index 0000000000..a96043fd53 --- /dev/null +++ b/wp-includes/blocks/social-links/editor-rtl.min.css @@ -0,0 +1 @@ +.wp-block-social-links div.block-editor-url-input{display:inline-block;margin-right:8px}.wp-social-link:hover{transform:none}.editor-styles-wrapper .wp-block-social-links{padding:0}.wp-block-social-links__social-placeholder{display:flex;opacity:.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+.block-list-appender,.wp-block-social-links__social-placeholder .wp-social-link{padding:.25em}.is-style-pill-shape .wp-block-social-links__social-placeholder+.block-list-appender,.is-style-pill-shape .wp-block-social-links__social-placeholder .wp-social-link{padding-right:.66667em;padding-left:.66667em}.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{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}.wp-block-social-links .wp-block-social-links__social-prompt+.block-list-appender{margin-left:8px;padding:.25em}.wp-block-social-links .block-list-appender{margin:4px 0 4px auto;border-radius:9999px}.wp-block-social-links .block-list-appender .block-editor-inserter{display:flex;align-items:center;justify-content:center;font-size:inherit;width:1em;height:1em}.has-small-icon-size .wp-block-social-links .block-list-appender{font-size:16px}.has-normal-icon-size .wp-block-social-links .block-list-appender{font-size:24px}.has-large-icon-size .wp-block-social-links .block-list-appender{font-size:36px}.has-huge-icon-size .wp-block-social-links .block-list-appender{font-size:48px}.wp-block-social-links .block-list-appender:before{content:none}.wp-block[data-align=center]>.wp-block-social-links{justify-content:center}.block-editor-block-preview__content .components-button:disabled{opacity:1}.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}}.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 new file mode 100644 index 0000000000..d0ec6a4c9b --- /dev/null +++ b/wp-includes/blocks/social-links/editor.css @@ -0,0 +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. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset default styles 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-social-link:hover { + transform: none; +} + +.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 > .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 + .block-list-appender, +.wp-block-social-links__social-placeholder .wp-social-link { + padding: 0.25em; +} +.is-style-pill-shape .wp-block-social-links__social-placeholder + .block-list-appender, +.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); +} +.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 { + 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; +} +.wp-block-social-links .wp-block-social-links__social-prompt + .block-list-appender { + margin-right: 8px; + padding: 0.25em; +} + +.wp-block-social-links .block-list-appender { + margin: 4px auto 4px 0; + border-radius: 9999px; +} +.wp-block-social-links .block-list-appender .block-editor-inserter { + display: flex; + align-items: center; + justify-content: center; + font-size: inherit; + width: 1em; + height: 1em; +} +.has-small-icon-size .wp-block-social-links .block-list-appender { + font-size: 16px; +} +.has-normal-icon-size .wp-block-social-links .block-list-appender { + font-size: 24px; +} +.has-large-icon-size .wp-block-social-links .block-list-appender { + font-size: 36px; +} +.has-huge-icon-size .wp-block-social-links .block-list-appender { + font-size: 48px; +} +.wp-block-social-links .block-list-appender::before { + content: none; +} + +.wp-block[data-align=center] > .wp-block-social-links { + justify-content: center; +} + +.block-editor-block-preview__content .components-button:disabled { + opacity: 1; +} + +.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; + } +} + +.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; +} \ No newline at end of file diff --git a/wp-includes/blocks/social-links/editor.min.css b/wp-includes/blocks/social-links/editor.min.css new file mode 100644 index 0000000000..c58fb1f90e --- /dev/null +++ b/wp-includes/blocks/social-links/editor.min.css @@ -0,0 +1 @@ +.wp-block-social-links div.block-editor-url-input{display:inline-block;margin-left:8px}.wp-social-link:hover{transform:none}.editor-styles-wrapper .wp-block-social-links{padding:0}.wp-block-social-links__social-placeholder{display:flex;opacity:.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+.block-list-appender,.wp-block-social-links__social-placeholder .wp-social-link{padding:.25em}.is-style-pill-shape .wp-block-social-links__social-placeholder+.block-list-appender,.is-style-pill-shape .wp-block-social-links__social-placeholder .wp-social-link{padding-left:.66667em;padding-right:.66667em}.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{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}.wp-block-social-links .wp-block-social-links__social-prompt+.block-list-appender{margin-right:8px;padding:.25em}.wp-block-social-links .block-list-appender{margin:4px auto 4px 0;border-radius:9999px}.wp-block-social-links .block-list-appender .block-editor-inserter{display:flex;align-items:center;justify-content:center;font-size:inherit;width:1em;height:1em}.has-small-icon-size .wp-block-social-links .block-list-appender{font-size:16px}.has-normal-icon-size .wp-block-social-links .block-list-appender{font-size:24px}.has-large-icon-size .wp-block-social-links .block-list-appender{font-size:36px}.has-huge-icon-size .wp-block-social-links .block-list-appender{font-size:48px}.wp-block-social-links .block-list-appender:before{content:none}.wp-block[data-align=center]>.wp-block-social-links{justify-content:center}.block-editor-block-preview__content .components-button:disabled{opacity:1}.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}}.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 new file mode 100644 index 0000000000..05ab494e2f --- /dev/null +++ b/wp-includes/blocks/social-links/style-rtl.css @@ -0,0 +1,435 @@ +/** + * Colors + */ +/** + * Breakpoints & Media Queries + */ +/** + * SCSS Variables. + * + * Please use variables from this sheet to ensure consistency across the UI. + * Don't add to this sheet unless you're pretty sure the value will be reused in many places. + * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. + */ +/** + * Colors + */ +/** + * Fonts & basic variables. + */ +/** + * Grid System. + * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ + */ +/** + * Dimensions. + */ +/** + * Shadows. + */ +/** + * Editor widths. + */ +/** + * Block & Editor UI. + */ +/** + * Block paddings. + */ +/** + * React Native specific. + * These variables do not appear to be used anywhere else. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset default styles 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 { + display: flex; + flex-wrap: wrap; + padding-right: 0; + padding-left: 0; + text-indent: 0; + margin-right: 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.wp-social-link.wp-social-link { + margin: 4px 0 4px 8px; +} +.wp-block-social-links .wp-social-link a { + padding: 0.25em; +} +.wp-block-social-links .wp-social-link svg { + width: 1em; + height: 1em; +} +.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.has-large-icon-size { + font-size: 36px; +} +.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.alignright { + justify-content: flex-end; +} + +.wp-social-link { + display: block; + border-radius: 9999px; + transition: transform 0.1s ease; + height: auto; +} +@media (prefers-reduced-motion: reduce) { + .wp-social-link { + transition-duration: 0s; + transition-delay: 0s; + } +} +.wp-social-link a { + display: block; + line-height: 0; + transition: transform 0.1s ease; +} +.wp-social-link a, +.wp-social-link a:hover, +.wp-social-link a:active, +.wp-social-link a:visited, +.wp-social-link svg { + color: currentColor; + fill: currentColor; +} +.wp-social-link:hover { + transform: scale(1.1); +} + +.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-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-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-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-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-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-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-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-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-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-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-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-pocket { + background-color: #ef4155; + color: #fff; +} +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-reddit { + background-color: #fe4500; + 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-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-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-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-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-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-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.is-style-logos-only .wp-social-link { + background: none; + padding: 4px; +} +.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-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-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-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-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-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-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-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-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-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-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-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-reddit { + color: #fe4500; +} +.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-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-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-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-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-vk { + color: #4680c2; +} +.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-youtube { + color: #f00; +} + +.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); +} \ No newline at end of file diff --git a/wp-includes/blocks/social-links/style-rtl.min.css b/wp-includes/blocks/social-links/style-rtl.min.css new file mode 100644 index 0000000000..de28ebca53 --- /dev/null +++ b/wp-includes/blocks/social-links/style-rtl.min.css @@ -0,0 +1 @@ +.wp-block-social-links{display:flex;flex-wrap:wrap;padding-right:0;padding-left:0;text-indent:0;margin-right: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.wp-social-link.wp-social-link{margin:4px 0 4px 8px}.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.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.has-large-icon-size{font-size:36px}.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.alignright{justify-content:flex-end}.wp-social-link{display:block;border-radius:9999px;transition:transform .1s ease;height:auto}@media (prefers-reduced-motion:reduce){.wp-social-link{transition-duration:0s;transition-delay:0s}}.wp-social-link a{display:block;line-height:0;transition:transform .1s ease}.wp-social-link a,.wp-social-link a:active,.wp-social-link a:hover,.wp-social-link a:visited,.wp-social-link svg{color:currentColor;fill:currentColor}.wp-social-link:hover{transform:scale(1.1)}.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-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-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-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-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-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-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-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-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-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-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-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-pocket{background-color:#ef4155;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-reddit{background-color:#fe4500;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-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-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-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-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-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-yelp{background-color:#d32422;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;padding:4px}.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-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-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-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-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-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-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-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-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-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-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-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-reddit{color:#fe4500}.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-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-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-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-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-vk{color:#4680c2}.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-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 a{padding-right:.66667em;padding-left:.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 new file mode 100644 index 0000000000..6e61a8bdb6 --- /dev/null +++ b/wp-includes/blocks/social-links/style.css @@ -0,0 +1,435 @@ +/** + * Colors + */ +/** + * Breakpoints & Media Queries + */ +/** + * SCSS Variables. + * + * Please use variables from this sheet to ensure consistency across the UI. + * Don't add to this sheet unless you're pretty sure the value will be reused in many places. + * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. + */ +/** + * Colors + */ +/** + * Fonts & basic variables. + */ +/** + * Grid System. + * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ + */ +/** + * Dimensions. + */ +/** + * Shadows. + */ +/** + * Editor widths. + */ +/** + * Block & Editor UI. + */ +/** + * Block paddings. + */ +/** + * React Native specific. + * These variables do not appear to be used anywhere else. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset default styles 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 { + display: flex; + flex-wrap: wrap; + padding-left: 0; + padding-right: 0; + text-indent: 0; + margin-left: 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.wp-social-link.wp-social-link { + margin: 4px 8px 4px 0; +} +.wp-block-social-links .wp-social-link a { + padding: 0.25em; +} +.wp-block-social-links .wp-social-link svg { + width: 1em; + height: 1em; +} +.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.has-large-icon-size { + font-size: 36px; +} +.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.alignright { + justify-content: flex-end; +} + +.wp-social-link { + display: block; + border-radius: 9999px; + transition: transform 0.1s ease; + height: auto; +} +@media (prefers-reduced-motion: reduce) { + .wp-social-link { + transition-duration: 0s; + transition-delay: 0s; + } +} +.wp-social-link a { + display: block; + line-height: 0; + transition: transform 0.1s ease; +} +.wp-social-link a, +.wp-social-link a:hover, +.wp-social-link a:active, +.wp-social-link a:visited, +.wp-social-link svg { + color: currentColor; + fill: currentColor; +} +.wp-social-link:hover { + transform: scale(1.1); +} + +.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-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-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-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-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-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-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-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-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-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-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-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-pocket { + background-color: #ef4155; + color: #fff; +} +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-reddit { + background-color: #fe4500; + 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-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-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-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-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-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-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.is-style-logos-only .wp-social-link { + background: none; + padding: 4px; +} +.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-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-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-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-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-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-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-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-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-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-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-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-reddit { + color: #fe4500; +} +.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-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-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-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-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-vk { + color: #4680c2; +} +.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-youtube { + color: #f00; +} + +.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); +} \ No newline at end of file diff --git a/wp-includes/blocks/social-links/style.min.css b/wp-includes/blocks/social-links/style.min.css new file mode 100644 index 0000000000..e4e62a3228 --- /dev/null +++ b/wp-includes/blocks/social-links/style.min.css @@ -0,0 +1 @@ +.wp-block-social-links{display:flex;flex-wrap:wrap;padding-left:0;padding-right:0;text-indent:0;margin-left: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.wp-social-link.wp-social-link{margin:4px 8px 4px 0}.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.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.has-large-icon-size{font-size:36px}.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.alignright{justify-content:flex-end}.wp-social-link{display:block;border-radius:9999px;transition:transform .1s ease;height:auto}@media (prefers-reduced-motion:reduce){.wp-social-link{transition-duration:0s;transition-delay:0s}}.wp-social-link a{display:block;line-height:0;transition:transform .1s ease}.wp-social-link a,.wp-social-link a:active,.wp-social-link a:hover,.wp-social-link a:visited,.wp-social-link svg{color:currentColor;fill:currentColor}.wp-social-link:hover{transform:scale(1.1)}.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-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-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-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-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-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-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-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-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-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-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-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-pocket{background-color:#ef4155;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-reddit{background-color:#fe4500;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-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-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-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-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-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-yelp{background-color:#d32422;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;padding:4px}.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-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-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-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-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-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-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-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-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-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-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-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-reddit{color:#fe4500}.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-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-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-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-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-vk{color:#4680c2}.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-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 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 new file mode 100644 index 0000000000..3803be0511 --- /dev/null +++ b/wp-includes/blocks/spacer/editor-rtl.css @@ -0,0 +1,97 @@ +/** + * Colors + */ +/** + * Breakpoints & Media Queries + */ +/** + * SCSS Variables. + * + * Please use variables from this sheet to ensure consistency across the UI. + * Don't add to this sheet unless you're pretty sure the value will be reused in many places. + * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. + */ +/** + * Colors + */ +/** + * Fonts & basic variables. + */ +/** + * Grid System. + * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ + */ +/** + * Dimensions. + */ +/** + * Shadows. + */ +/** + * Editor widths. + */ +/** + * Block & Editor UI. + */ +/** + * Block paddings. + */ +/** + * React Native specific. + * These variables do not appear to be used anywhere else. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset 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; + width: 100%; + height: 24px; + transform: translateY(-12px); +} + +.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); +} +.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); +} + +.block-library-spacer__resize-container { + clear: both; +} +.block-library-spacer__resize-container .components-resizable-box__handle::before { + content: none; +} +.block-library-spacer__resize-container.resize-horizontal { + margin-bottom: 0; +} \ No newline at end of file diff --git a/wp-includes/blocks/spacer/editor-rtl.min.css b/wp-includes/blocks/spacer/editor-rtl.min.css new file mode 100644 index 0000000000..f2514dc8a1 --- /dev/null +++ b/wp-includes/blocks/spacer/editor-rtl.min.css @@ -0,0 +1 @@ +.block-editor-block-list__block[data-type="core/spacer"]:before{content:"";display:block;position:absolute;width:100%;height:24px;transform:translateY(-12px)}.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 .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 .components-resizable-box__handle:before{content:none}.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 new file mode 100644 index 0000000000..3803be0511 --- /dev/null +++ b/wp-includes/blocks/spacer/editor.css @@ -0,0 +1,97 @@ +/** + * Colors + */ +/** + * Breakpoints & Media Queries + */ +/** + * SCSS Variables. + * + * Please use variables from this sheet to ensure consistency across the UI. + * Don't add to this sheet unless you're pretty sure the value will be reused in many places. + * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. + */ +/** + * Colors + */ +/** + * Fonts & basic variables. + */ +/** + * Grid System. + * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ + */ +/** + * Dimensions. + */ +/** + * Shadows. + */ +/** + * Editor widths. + */ +/** + * Block & Editor UI. + */ +/** + * Block paddings. + */ +/** + * React Native specific. + * These variables do not appear to be used anywhere else. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset 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; + width: 100%; + height: 24px; + transform: translateY(-12px); +} + +.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); +} +.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); +} + +.block-library-spacer__resize-container { + clear: both; +} +.block-library-spacer__resize-container .components-resizable-box__handle::before { + content: none; +} +.block-library-spacer__resize-container.resize-horizontal { + margin-bottom: 0; +} \ No newline at end of file diff --git a/wp-includes/blocks/spacer/editor.min.css b/wp-includes/blocks/spacer/editor.min.css new file mode 100644 index 0000000000..f2514dc8a1 --- /dev/null +++ b/wp-includes/blocks/spacer/editor.min.css @@ -0,0 +1 @@ +.block-editor-block-list__block[data-type="core/spacer"]:before{content:"";display:block;position:absolute;width:100%;height:24px;transform:translateY(-12px)}.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 .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 .components-resizable-box__handle:before{content:none}.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 new file mode 100644 index 0000000000..daca8f93dd --- /dev/null +++ b/wp-includes/blocks/spacer/style-rtl.css @@ -0,0 +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. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset default styles 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; +} \ No newline at end of file diff --git a/wp-includes/blocks/spacer/style-rtl.min.css b/wp-includes/blocks/spacer/style-rtl.min.css new file mode 100644 index 0000000000..80961dff69 --- /dev/null +++ b/wp-includes/blocks/spacer/style-rtl.min.css @@ -0,0 +1 @@ +.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 new file mode 100644 index 0000000000..daca8f93dd --- /dev/null +++ b/wp-includes/blocks/spacer/style.css @@ -0,0 +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. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset default styles 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; +} \ No newline at end of file diff --git a/wp-includes/blocks/spacer/style.min.css b/wp-includes/blocks/spacer/style.min.css new file mode 100644 index 0000000000..80961dff69 --- /dev/null +++ b/wp-includes/blocks/spacer/style.min.css @@ -0,0 +1 @@ +.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 new file mode 100644 index 0000000000..33202193ae --- /dev/null +++ b/wp-includes/blocks/table/editor-rtl.css @@ -0,0 +1,139 @@ +/** + * Colors + */ +/** + * Breakpoints & Media Queries + */ +/** + * SCSS Variables. + * + * Please use variables from this sheet to ensure consistency across the UI. + * Don't add to this sheet unless you're pretty sure the value will be reused in many places. + * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. + */ +/** + * Colors + */ +/** + * Fonts & basic variables. + */ +/** + * Grid System. + * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ + */ +/** + * Dimensions. + */ +/** + * Shadows. + */ +/** + * Editor widths. + */ +/** + * Block & Editor UI. + */ +/** + * Block paddings. + */ +/** + * React Native specific. + * These variables do not appear to be used anywhere else. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset default styles 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[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=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=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 { + text-align: initial; +} +.wp-block[data-align=center] > .wp-block-table table { + margin: 0 auto; +} +.wp-block-table td, +.wp-block-table th { + border: 1px solid; +} +.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 figcaption { + color: #555; + font-size: 13px; + text-align: center; +} +.is-dark-theme .wp-block-table figcaption { + color: rgba(255, 255, 255, 0.65); +} + +.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 > * { + margin-bottom: 8px; +} +@media (min-width: 782px) { + .blocks-table__placeholder-form.blocks-table__placeholder-form { + flex-direction: row; + align-items: flex-end; + } + .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 input { + height: 36px; +} +.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-rtl.min.css b/wp-includes/blocks/table/editor-rtl.min.css new file mode 100644 index 0000000000..f79104eecc --- /dev/null +++ b/wp-includes/blocks/table/editor-rtl.min.css @@ -0,0 +1 @@ +.wp-block-table{margin:0}.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=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=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 table{margin:0 auto}.wp-block-table td,.wp-block-table th{border:1px solid}.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 figcaption{color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-table figcaption{color:hsla(0,0%,100%,.65)}.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>*{margin-bottom:8px}@media (min-width:782px){.blocks-table__placeholder-form.blocks-table__placeholder-form{flex-direction:row;align-items:flex-end}.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 input{height:36px}.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 new file mode 100644 index 0000000000..e1d9558466 --- /dev/null +++ b/wp-includes/blocks/table/editor.css @@ -0,0 +1,139 @@ +/** + * Colors + */ +/** + * Breakpoints & Media Queries + */ +/** + * SCSS Variables. + * + * Please use variables from this sheet to ensure consistency across the UI. + * Don't add to this sheet unless you're pretty sure the value will be reused in many places. + * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. + */ +/** + * Colors + */ +/** + * Fonts & basic variables. + */ +/** + * Grid System. + * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ + */ +/** + * Dimensions. + */ +/** + * Shadows. + */ +/** + * Editor widths. + */ +/** + * Block & Editor UI. + */ +/** + * Block paddings. + */ +/** + * React Native specific. + * These variables do not appear to be used anywhere else. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset default styles 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[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=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=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 { + text-align: initial; +} +.wp-block[data-align=center] > .wp-block-table table { + margin: 0 auto; +} +.wp-block-table td, +.wp-block-table th { + border: 1px solid; +} +.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 figcaption { + color: #555; + font-size: 13px; + text-align: center; +} +.is-dark-theme .wp-block-table figcaption { + color: rgba(255, 255, 255, 0.65); +} + +.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 > * { + margin-bottom: 8px; +} +@media (min-width: 782px) { + .blocks-table__placeholder-form.blocks-table__placeholder-form { + flex-direction: row; + align-items: flex-end; + } + .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 input { + height: 36px; +} +.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.min.css b/wp-includes/blocks/table/editor.min.css new file mode 100644 index 0000000000..928843fc48 --- /dev/null +++ b/wp-includes/blocks/table/editor.min.css @@ -0,0 +1 @@ +.wp-block-table{margin:0}.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=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=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 table{margin:0 auto}.wp-block-table td,.wp-block-table th{border:1px solid}.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 figcaption{color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-table figcaption{color:hsla(0,0%,100%,.65)}.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>*{margin-bottom:8px}@media (min-width:782px){.blocks-table__placeholder-form.blocks-table__placeholder-form{flex-direction:row;align-items:flex-end}.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 input{height:36px}.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 new file mode 100644 index 0000000000..a312cf59e8 --- /dev/null +++ b/wp-includes/blocks/table/style-rtl.css @@ -0,0 +1,133 @@ +/** + * Colors + */ +/** + * Breakpoints & Media Queries + */ +/** + * SCSS Variables. + * + * Please use variables from this sheet to ensure consistency across the UI. + * Don't add to this sheet unless you're pretty sure the value will be reused in many places. + * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. + */ +/** + * Colors + */ +/** + * Fonts & basic variables. + */ +/** + * Grid System. + * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ + */ +/** + * Dimensions. + */ +/** + * Shadows. + */ +/** + * Editor widths. + */ +/** + * Block & Editor UI. + */ +/** + * Block paddings. + */ +/** + * React Native specific. + * These variables do not appear to be used anywhere else. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset default styles 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; + overflow-x: auto; +} +.wp-block-table table { + border-collapse: collapse; + 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.alignleft, .wp-block-table.aligncenter, .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 .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-blue-background-color { + background-color: #e7f5fe; +} +.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 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-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-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; +} \ No newline at end of file diff --git a/wp-includes/blocks/table/style-rtl.min.css b/wp-includes/blocks/table/style-rtl.min.css new file mode 100644 index 0000000000..ce7071eb9d --- /dev/null +++ b/wp-includes/blocks/table/style-rtl.min.css @@ -0,0 +1 @@ +.wp-block-table{margin:0 0 1em;overflow-x:auto}.wp-block-table table{border-collapse:collapse;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.aligncenter,.wp-block-table.alignleft,.wp-block-table.alignright{display:table;width:auto}.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-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-pink-background-color{background-color:#fcf0ef}.wp-block-table.is-style-stripes{border-spacing:0;border-collapse:inherit;background-color:initial;border-bottom:1px solid #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-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-pink-background-color tbody tr:nth-child(odd){background-color:#fcf0ef}.wp-block-table.is-style-stripes td,.wp-block-table.is-style-stripes th{border-color:transparent} \ No newline at end of file diff --git a/wp-includes/blocks/table/style.css b/wp-includes/blocks/table/style.css new file mode 100644 index 0000000000..a312cf59e8 --- /dev/null +++ b/wp-includes/blocks/table/style.css @@ -0,0 +1,133 @@ +/** + * Colors + */ +/** + * Breakpoints & Media Queries + */ +/** + * SCSS Variables. + * + * Please use variables from this sheet to ensure consistency across the UI. + * Don't add to this sheet unless you're pretty sure the value will be reused in many places. + * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. + */ +/** + * Colors + */ +/** + * Fonts & basic variables. + */ +/** + * Grid System. + * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ + */ +/** + * Dimensions. + */ +/** + * Shadows. + */ +/** + * Editor widths. + */ +/** + * Block & Editor UI. + */ +/** + * Block paddings. + */ +/** + * React Native specific. + * These variables do not appear to be used anywhere else. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset default styles 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; + overflow-x: auto; +} +.wp-block-table table { + border-collapse: collapse; + 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.alignleft, .wp-block-table.aligncenter, .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 .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-blue-background-color { + background-color: #e7f5fe; +} +.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 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-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-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; +} \ No newline at end of file diff --git a/wp-includes/blocks/table/style.min.css b/wp-includes/blocks/table/style.min.css new file mode 100644 index 0000000000..ce7071eb9d --- /dev/null +++ b/wp-includes/blocks/table/style.min.css @@ -0,0 +1 @@ +.wp-block-table{margin:0 0 1em;overflow-x:auto}.wp-block-table table{border-collapse:collapse;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.aligncenter,.wp-block-table.alignleft,.wp-block-table.alignright{display:table;width:auto}.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-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-pink-background-color{background-color:#fcf0ef}.wp-block-table.is-style-stripes{border-spacing:0;border-collapse:inherit;background-color:initial;border-bottom:1px solid #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-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-pink-background-color tbody tr:nth-child(odd){background-color:#fcf0ef}.wp-block-table.is-style-stripes td,.wp-block-table.is-style-stripes th{border-color:transparent} \ No newline at end of file diff --git a/wp-includes/blocks/tag-cloud/editor-rtl.css b/wp-includes/blocks/tag-cloud/editor-rtl.css new file mode 100644 index 0000000000..0e9aa94a8f --- /dev/null +++ b/wp-includes/blocks/tag-cloud/editor-rtl.css @@ -0,0 +1,80 @@ +/** + * Colors + */ +/** + * Breakpoints & Media Queries + */ +/** + * SCSS Variables. + * + * Please use variables from this sheet to ensure consistency across the UI. + * Don't add to this sheet unless you're pretty sure the value will be reused in many places. + * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. + */ +/** + * Colors + */ +/** + * Fonts & basic variables. + */ +/** + * Grid System. + * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ + */ +/** + * Dimensions. + */ +/** + * Shadows. + */ +/** + * Editor widths. + */ +/** + * Block & Editor UI. + */ +/** + * Block paddings. + */ +/** + * React Native specific. + * These variables do not appear to be used anywhere else. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset default styles 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 a { + display: inline-block; + margin-left: 5px; +} +.wp-block-tag-cloud span { + display: inline-block; + margin-right: 5px; + color: #757575; + text-decoration: none; +} \ No newline at end of file diff --git a/wp-includes/blocks/tag-cloud/editor-rtl.min.css b/wp-includes/blocks/tag-cloud/editor-rtl.min.css new file mode 100644 index 0000000000..09597655c8 --- /dev/null +++ b/wp-includes/blocks/tag-cloud/editor-rtl.min.css @@ -0,0 +1 @@ +.wp-block-tag-cloud a{display:inline-block;margin-left:5px}.wp-block-tag-cloud span{display:inline-block;margin-right:5px;color:#757575;text-decoration:none} \ No newline at end of file diff --git a/wp-includes/blocks/tag-cloud/editor.css b/wp-includes/blocks/tag-cloud/editor.css new file mode 100644 index 0000000000..a0a9d55e51 --- /dev/null +++ b/wp-includes/blocks/tag-cloud/editor.css @@ -0,0 +1,80 @@ +/** + * Colors + */ +/** + * Breakpoints & Media Queries + */ +/** + * SCSS Variables. + * + * Please use variables from this sheet to ensure consistency across the UI. + * Don't add to this sheet unless you're pretty sure the value will be reused in many places. + * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. + */ +/** + * Colors + */ +/** + * Fonts & basic variables. + */ +/** + * Grid System. + * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ + */ +/** + * Dimensions. + */ +/** + * Shadows. + */ +/** + * Editor widths. + */ +/** + * Block & Editor UI. + */ +/** + * Block paddings. + */ +/** + * React Native specific. + * These variables do not appear to be used anywhere else. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset default styles 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 a { + display: inline-block; + margin-right: 5px; +} +.wp-block-tag-cloud span { + display: inline-block; + margin-left: 5px; + color: #757575; + text-decoration: none; +} \ No newline at end of file diff --git a/wp-includes/blocks/tag-cloud/editor.min.css b/wp-includes/blocks/tag-cloud/editor.min.css new file mode 100644 index 0000000000..c157a09854 --- /dev/null +++ b/wp-includes/blocks/tag-cloud/editor.min.css @@ -0,0 +1 @@ +.wp-block-tag-cloud a{display:inline-block;margin-right:5px}.wp-block-tag-cloud span{display:inline-block;margin-left:5px;color:#757575;text-decoration:none} \ 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 new file mode 100644 index 0000000000..80ac0467c9 --- /dev/null +++ b/wp-includes/blocks/tag-cloud/style-rtl.css @@ -0,0 +1,77 @@ +/** + * Colors + */ +/** + * Breakpoints & Media Queries + */ +/** + * SCSS Variables. + * + * Please use variables from this sheet to ensure consistency across the UI. + * Don't add to this sheet unless you're pretty sure the value will be reused in many places. + * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. + */ +/** + * Colors + */ +/** + * Fonts & basic variables. + */ +/** + * Grid System. + * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ + */ +/** + * Dimensions. + */ +/** + * Shadows. + */ +/** + * Editor widths. + */ +/** + * Block & Editor UI. + */ +/** + * Block paddings. + */ +/** + * React Native specific. + * These variables do not appear to be used anywhere else. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset default styles 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; +} +.wp-block-tag-cloud.alignfull { + padding-right: 1em; + padding-left: 1em; +} \ No newline at end of file diff --git a/wp-includes/blocks/tag-cloud/style-rtl.min.css b/wp-includes/blocks/tag-cloud/style-rtl.min.css new file mode 100644 index 0000000000..e88c98696b --- /dev/null +++ b/wp-includes/blocks/tag-cloud/style-rtl.min.css @@ -0,0 +1 @@ +.wp-block-tag-cloud.aligncenter{text-align:center}.wp-block-tag-cloud.alignfull{padding-right:1em;padding-left:1em} \ No newline at end of file diff --git a/wp-includes/blocks/tag-cloud/style.css b/wp-includes/blocks/tag-cloud/style.css new file mode 100644 index 0000000000..743b91aaa8 --- /dev/null +++ b/wp-includes/blocks/tag-cloud/style.css @@ -0,0 +1,77 @@ +/** + * Colors + */ +/** + * Breakpoints & Media Queries + */ +/** + * SCSS Variables. + * + * Please use variables from this sheet to ensure consistency across the UI. + * Don't add to this sheet unless you're pretty sure the value will be reused in many places. + * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. + */ +/** + * Colors + */ +/** + * Fonts & basic variables. + */ +/** + * Grid System. + * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ + */ +/** + * Dimensions. + */ +/** + * Shadows. + */ +/** + * Editor widths. + */ +/** + * Block & Editor UI. + */ +/** + * Block paddings. + */ +/** + * React Native specific. + * These variables do not appear to be used anywhere else. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset default styles 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; +} +.wp-block-tag-cloud.alignfull { + padding-left: 1em; + padding-right: 1em; +} \ No newline at end of file diff --git a/wp-includes/blocks/tag-cloud/style.min.css b/wp-includes/blocks/tag-cloud/style.min.css new file mode 100644 index 0000000000..18a57b6389 --- /dev/null +++ b/wp-includes/blocks/tag-cloud/style.min.css @@ -0,0 +1 @@ +.wp-block-tag-cloud.aligncenter{text-align:center}.wp-block-tag-cloud.alignfull{padding-left:1em;padding-right:1em} \ 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 new file mode 100644 index 0000000000..76a40a55f4 --- /dev/null +++ b/wp-includes/blocks/text-columns/editor-rtl.css @@ -0,0 +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. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset default styles 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; +} \ No newline at end of file diff --git a/wp-includes/blocks/text-columns/editor-rtl.min.css b/wp-includes/blocks/text-columns/editor-rtl.min.css new file mode 100644 index 0000000000..7d35c34f66 --- /dev/null +++ b/wp-includes/blocks/text-columns/editor-rtl.min.css @@ -0,0 +1 @@ +.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 new file mode 100644 index 0000000000..76a40a55f4 --- /dev/null +++ b/wp-includes/blocks/text-columns/editor.css @@ -0,0 +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. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset default styles 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; +} \ No newline at end of file diff --git a/wp-includes/blocks/text-columns/editor.min.css b/wp-includes/blocks/text-columns/editor.min.css new file mode 100644 index 0000000000..7d35c34f66 --- /dev/null +++ b/wp-includes/blocks/text-columns/editor.min.css @@ -0,0 +1 @@ +.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 new file mode 100644 index 0000000000..9df1f7ab93 --- /dev/null +++ b/wp-includes/blocks/text-columns/style-rtl.css @@ -0,0 +1,95 @@ +/** + * Colors + */ +/** + * Breakpoints & Media Queries + */ +/** + * SCSS Variables. + * + * Please use variables from this sheet to ensure consistency across the UI. + * Don't add to this sheet unless you're pretty sure the value will be reused in many places. + * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. + */ +/** + * Colors + */ +/** + * Fonts & basic variables. + */ +/** + * Grid System. + * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ + */ +/** + * Dimensions. + */ +/** + * Shadows. + */ +/** + * Editor widths. + */ +/** + * Block & Editor UI. + */ +/** + * Block paddings. + */ +/** + * React Native specific. + * These variables do not appear to be used anywhere else. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset default styles 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.aligncenter { + display: flex; +} +.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:last-child { + margin-left: 0; +} +.wp-block-text-columns.columns-2 .wp-block-column { + width: calc(100% / 2); +} +.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); +} \ No newline at end of file diff --git a/wp-includes/blocks/text-columns/style-rtl.min.css b/wp-includes/blocks/text-columns/style-rtl.min.css new file mode 100644 index 0000000000..85469b5ae5 --- /dev/null +++ b/wp-includes/blocks/text-columns/style-rtl.min.css @@ -0,0 +1 @@ +.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:first-child{margin-right: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-3 .wp-block-column{width:33.33333%}.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 new file mode 100644 index 0000000000..5027bec01f --- /dev/null +++ b/wp-includes/blocks/text-columns/style.css @@ -0,0 +1,95 @@ +/** + * Colors + */ +/** + * Breakpoints & Media Queries + */ +/** + * SCSS Variables. + * + * Please use variables from this sheet to ensure consistency across the UI. + * Don't add to this sheet unless you're pretty sure the value will be reused in many places. + * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. + */ +/** + * Colors + */ +/** + * Fonts & basic variables. + */ +/** + * Grid System. + * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ + */ +/** + * Dimensions. + */ +/** + * Shadows. + */ +/** + * Editor widths. + */ +/** + * Block & Editor UI. + */ +/** + * Block paddings. + */ +/** + * React Native specific. + * These variables do not appear to be used anywhere else. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset default styles 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.aligncenter { + display: flex; +} +.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:last-child { + margin-right: 0; +} +.wp-block-text-columns.columns-2 .wp-block-column { + width: calc(100% / 2); +} +.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); +} \ No newline at end of file diff --git a/wp-includes/blocks/text-columns/style.min.css b/wp-includes/blocks/text-columns/style.min.css new file mode 100644 index 0000000000..b97e725681 --- /dev/null +++ b/wp-includes/blocks/text-columns/style.min.css @@ -0,0 +1 @@ +.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:first-child{margin-left: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-3 .wp-block-column{width:33.33333%}.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 new file mode 100644 index 0000000000..e1348e799b --- /dev/null +++ b/wp-includes/blocks/verse/style-rtl.css @@ -0,0 +1,75 @@ +/** + * Colors + */ +/** + * Breakpoints & Media Queries + */ +/** + * SCSS Variables. + * + * Please use variables from this sheet to ensure consistency across the UI. + * Don't add to this sheet unless you're pretty sure the value will be reused in many places. + * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. + */ +/** + * Colors + */ +/** + * Fonts & basic variables. + */ +/** + * Grid System. + * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ + */ +/** + * Dimensions. + */ +/** + * Shadows. + */ +/** + * Editor widths. + */ +/** + * Block & Editor UI. + */ +/** + * Block paddings. + */ +/** + * React Native specific. + * These variables do not appear to be used anywhere else. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset 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; +} \ No newline at end of file diff --git a/wp-includes/blocks/verse/style-rtl.min.css b/wp-includes/blocks/verse/style-rtl.min.css new file mode 100644 index 0000000000..f464785ae2 --- /dev/null +++ b/wp-includes/blocks/verse/style-rtl.min.css @@ -0,0 +1 @@ +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 new file mode 100644 index 0000000000..e1348e799b --- /dev/null +++ b/wp-includes/blocks/verse/style.css @@ -0,0 +1,75 @@ +/** + * Colors + */ +/** + * Breakpoints & Media Queries + */ +/** + * SCSS Variables. + * + * Please use variables from this sheet to ensure consistency across the UI. + * Don't add to this sheet unless you're pretty sure the value will be reused in many places. + * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. + */ +/** + * Colors + */ +/** + * Fonts & basic variables. + */ +/** + * Grid System. + * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ + */ +/** + * Dimensions. + */ +/** + * Shadows. + */ +/** + * Editor widths. + */ +/** + * Block & Editor UI. + */ +/** + * Block paddings. + */ +/** + * React Native specific. + * These variables do not appear to be used anywhere else. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset 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; +} \ No newline at end of file diff --git a/wp-includes/blocks/verse/style.min.css b/wp-includes/blocks/verse/style.min.css new file mode 100644 index 0000000000..f464785ae2 --- /dev/null +++ b/wp-includes/blocks/verse/style.min.css @@ -0,0 +1 @@ +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 new file mode 100644 index 0000000000..ec988b7a67 --- /dev/null +++ b/wp-includes/blocks/video/editor-rtl.css @@ -0,0 +1,168 @@ +/** + * Colors + */ +/** + * Breakpoints & Media Queries + */ +/** + * SCSS Variables. + * + * Please use variables from this sheet to ensure consistency across the UI. + * Don't add to this sheet unless you're pretty sure the value will be reused in many places. + * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. + */ +/** + * Colors + */ +/** + * Fonts & basic variables. + */ +/** + * Grid System. + * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ + */ +/** + * Dimensions. + */ +/** + * Shadows. + */ +/** + * Editor widths. + */ +/** + * Block & Editor UI. + */ +/** + * Block paddings. + */ +/** + * React Native specific. + * These variables do not appear to be used anywhere else. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset default styles 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-video { + position: relative; +} +.wp-block-video.is-transient video { + opacity: 0.3; +} +.wp-block-video .components-spinner { + position: absolute; + top: 50%; + right: 50%; + margin-top: -9px; + margin-right: -9px; +} + +.editor-video-poster-control .components-base-control__label { + display: block; +} +.editor-video-poster-control .components-button { + margin-left: 8px; +} + +.block-library-video-tracks-editor { + z-index: 159990; +} + +.block-library-video-tracks-editor > .components-popover__content { + width: 360px; +} + +.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__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: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-buttons-container { + display: flex; + place-content: space-between; + margin-top: 32px; +} + +.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 > .components-popover__content > div { + padding: 0; +} + +.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__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__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-text-control__input { + margin-right: 0; +} +.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-rtl.min.css b/wp-includes/blocks/video/editor-rtl.min.css new file mode 100644 index 0000000000..08dd999fb7 --- /dev/null +++ b/wp-includes/blocks/video/editor-rtl.min.css @@ -0,0 +1 @@ +.wp-block[data-align=center]>.wp-block-video{text-align:center}.wp-block-video{position:relative}.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}.editor-video-poster-control .components-base-control__label{display:block}.editor-video-poster-control .components-button{margin-left:8px}.block-library-video-tracks-editor{z-index:159990}.block-library-video-tracks-editor>.components-popover__content{width:360px}.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__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: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-buttons-container{display:flex;place-content:space-between;margin-top:32px}.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>.components-popover__content>div,.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__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__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-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 new file mode 100644 index 0000000000..3d8ef52dac --- /dev/null +++ b/wp-includes/blocks/video/editor.css @@ -0,0 +1,168 @@ +/** + * Colors + */ +/** + * Breakpoints & Media Queries + */ +/** + * SCSS Variables. + * + * Please use variables from this sheet to ensure consistency across the UI. + * Don't add to this sheet unless you're pretty sure the value will be reused in many places. + * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. + */ +/** + * Colors + */ +/** + * Fonts & basic variables. + */ +/** + * Grid System. + * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ + */ +/** + * Dimensions. + */ +/** + * Shadows. + */ +/** + * Editor widths. + */ +/** + * Block & Editor UI. + */ +/** + * Block paddings. + */ +/** + * React Native specific. + * These variables do not appear to be used anywhere else. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset default styles 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-video { + position: relative; +} +.wp-block-video.is-transient video { + opacity: 0.3; +} +.wp-block-video .components-spinner { + position: absolute; + top: 50%; + left: 50%; + margin-top: -9px; + margin-left: -9px; +} + +.editor-video-poster-control .components-base-control__label { + display: block; +} +.editor-video-poster-control .components-button { + margin-right: 8px; +} + +.block-library-video-tracks-editor { + z-index: 159990; +} + +.block-library-video-tracks-editor > .components-popover__content { + width: 360px; +} + +.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__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: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-buttons-container { + display: flex; + place-content: space-between; + margin-top: 32px; +} + +.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 > .components-popover__content > div { + padding: 0; +} + +.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__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__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-text-control__input { + margin-left: 0; +} +.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.min.css b/wp-includes/blocks/video/editor.min.css new file mode 100644 index 0000000000..c0087b0fe6 --- /dev/null +++ b/wp-includes/blocks/video/editor.min.css @@ -0,0 +1 @@ +.wp-block[data-align=center]>.wp-block-video{text-align:center}.wp-block-video{position:relative}.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}.editor-video-poster-control .components-base-control__label{display:block}.editor-video-poster-control .components-button{margin-right:8px}.block-library-video-tracks-editor{z-index:159990}.block-library-video-tracks-editor>.components-popover__content{width:360px}.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__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: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-buttons-container{display:flex;place-content:space-between;margin-top:32px}.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>.components-popover__content>div,.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__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__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-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 new file mode 100644 index 0000000000..e49ffbeeb8 --- /dev/null +++ b/wp-includes/blocks/video/style-rtl.css @@ -0,0 +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. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset default styles 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 { + margin: 0 0 1em 0; +} +.wp-block-video video { + width: 100%; +} +@supports (position: sticky) { + .wp-block-video [poster] { + -o-object-fit: cover; + object-fit: cover; + } +} +.wp-block-video.aligncenter { + text-align: center; +} +.wp-block-video figcaption { + margin-top: 0.5em; + margin-bottom: 1em; +} \ No newline at end of file diff --git a/wp-includes/blocks/video/style-rtl.min.css b/wp-includes/blocks/video/style-rtl.min.css new file mode 100644 index 0000000000..0b839c1456 --- /dev/null +++ b/wp-includes/blocks/video/style-rtl.min.css @@ -0,0 +1 @@ +.wp-block-video{margin:0 0 1em}.wp-block-video video{width:100%}@supports (position:sticky){.wp-block-video [poster]{-o-object-fit:cover;object-fit:cover}}.wp-block-video.aligncenter{text-align:center}.wp-block-video figcaption{margin-top:.5em;margin-bottom:1em} \ No newline at end of file diff --git a/wp-includes/blocks/video/style.css b/wp-includes/blocks/video/style.css new file mode 100644 index 0000000000..e49ffbeeb8 --- /dev/null +++ b/wp-includes/blocks/video/style.css @@ -0,0 +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. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset default styles 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 { + margin: 0 0 1em 0; +} +.wp-block-video video { + width: 100%; +} +@supports (position: sticky) { + .wp-block-video [poster] { + -o-object-fit: cover; + object-fit: cover; + } +} +.wp-block-video.aligncenter { + text-align: center; +} +.wp-block-video figcaption { + margin-top: 0.5em; + margin-bottom: 1em; +} \ No newline at end of file diff --git a/wp-includes/blocks/video/style.min.css b/wp-includes/blocks/video/style.min.css new file mode 100644 index 0000000000..0b839c1456 --- /dev/null +++ b/wp-includes/blocks/video/style.min.css @@ -0,0 +1 @@ +.wp-block-video{margin:0 0 1em}.wp-block-video video{width:100%}@supports (position:sticky){.wp-block-video [poster]{-o-object-fit:cover;object-fit:cover}}.wp-block-video.aligncenter{text-align:center}.wp-block-video figcaption{margin-top:.5em;margin-bottom:1em} \ No newline at end of file diff --git a/wp-includes/default-filters.php b/wp-includes/default-filters.php index 9df2bad2c3..7a7bfeab0f 100644 --- a/wp-includes/default-filters.php +++ b/wp-includes/default-filters.php @@ -551,6 +551,9 @@ add_filter( 'customize_controls_print_styles', 'wp_resource_hints', 1 ); add_action( 'wp_default_styles', 'wp_default_styles' ); add_filter( 'style_loader_src', 'wp_style_loader_src', 10, 2 ); +add_action( 'wp_head', 'wp_maybe_inline_styles', 1 ); // Run for styles enqueued in . +add_action( 'wp_footer', 'wp_maybe_inline_styles', 1 ); // Run for late-loaded styles in the footer. + // Taxonomy. add_action( 'init', 'create_initial_taxonomies', 0 ); // Highest priority. add_action( 'change_locale', 'create_initial_taxonomies' ); diff --git a/wp-includes/script-loader.php b/wp-includes/script-loader.php index 81225dbb6d..704c59e652 100644 --- a/wp-includes/script-loader.php +++ b/wp-includes/script-loader.php @@ -1502,7 +1502,9 @@ function wp_default_styles( $styles ) { } $styles->add( 'wp-editor-font', $fonts_url ); // No longer used in core as of 5.7. - $styles->add( 'wp-block-library-theme', "/wp-includes/css/dist/block-library/theme$suffix.css" ); + $block_library_theme_path = "/wp-includes/css/dist/block-library/theme$suffix.css"; + $styles->add( 'wp-block-library-theme', $block_library_theme_path ); + $styles->add_data( 'wp-block-library-theme', 'path', ABSPATH . $block_library_theme_path ); $styles->add( 'wp-reset-editor-styles', @@ -1571,7 +1573,11 @@ function wp_default_styles( $styles ) { $handle = 'wp-' . $package; $path = "/wp-includes/css/dist/$package/style$suffix.css"; + if ( 'block-library' === $package && should_load_separate_core_block_assets() ) { + $path = "/wp-includes/css/dist/$package/common$suffix.css"; + } $styles->add( $handle, $path, $dependencies ); + $styles->add_data( $handle, 'path', ABSPATH . $path ); } // RTL CSS. @@ -2277,6 +2283,10 @@ function wp_should_load_block_editor_scripts_and_styles() { function wp_enqueue_registered_block_scripts_and_styles() { global $current_screen; + if ( should_load_separate_core_block_assets() ) { + return; + } + $load_editor_scripts = is_admin() && wp_should_load_block_editor_scripts_and_styles(); $block_registry = WP_Block_Type_Registry::get_instance(); @@ -2495,3 +2505,80 @@ function wp_get_inline_script_tag( $javascript, $attributes = array() ) { function wp_print_inline_script_tag( $javascript, $attributes = array() ) { echo wp_get_inline_script_tag( $javascript, $attributes ); } + +/** + * Allow small styles to be inlined. + * This improves performance and sustainability, and is opt-in. + * + * Stylesheets can opt-in by adding `path` data using `wp_style_add_data`, and defining the file's absolute path. + * wp_style_add_data( $style_handle, 'path', $file_path ); + * + * @since 5.8.0 + * + * @return void + */ +function wp_maybe_inline_styles() { + + $total_inline_limit = 20000; + /** + * The maximum size of inlined styles in bytes. + * + * @param int $total_inline_limit The file-size threshold, in bytes. Defaults to 20000. + * @return int The file-size threshold, in bytes. + */ + $total_inline_limit = apply_filters( 'styles_inline_size_limit', $total_inline_limit ); + + global $wp_styles; + $styles = array(); + + // Build an array of styles that have a path defined. + foreach ( $wp_styles->queue as $handle ) { + if ( wp_styles()->get_data( $handle, 'path' ) && file_exists( $wp_styles->registered[ $handle ]->extra['path'] ) ) { + $styles[] = array( + 'handle' => $handle, + 'path' => $wp_styles->registered[ $handle ]->extra['path'], + 'size' => filesize( $wp_styles->registered[ $handle ]->extra['path'] ), + ); + } + } + + if ( ! empty( $styles ) ) { + // Reorder styles array based on size. + usort( + $styles, + function( $a, $b ) { + return ( $a['size'] <= $b['size'] ) ? -1 : 1; + } + ); + + /** + * The total inlined size. + * + * On each iteration of the loop, if a style gets added inline the value of this var increases + * to reflect the total size of inlined styles. + */ + $total_inline_size = 0; + + // Loop styles. + foreach ( $styles as $style ) { + + // Size check. Since styles are ordered by size, we can break the loop. + if ( $total_inline_size + $style['size'] > $total_inline_limit ) { + break; + } + + // Get the styles if we don't already have them. + $style['css'] = file_get_contents( $style['path'] ); + + // Set `src` to `false` and add styles inline. + $wp_styles->registered[ $style['handle'] ]->src = false; + if ( empty( $wp_styles->registered[ $style['handle'] ]->extra['after'] ) ) { + $wp_styles->registered[ $style['handle'] ]->extra['after'] = array(); + } + array_unshift( $wp_styles->registered[ $style['handle'] ]->extra['after'], $style['css'] ); + + // Add the styles size to the $total_inline_size var. + $total_inline_size += (int) $style['size']; + } + } +} diff --git a/wp-includes/version.php b/wp-includes/version.php index 299a71cc01..21230131b1 100644 --- a/wp-includes/version.php +++ b/wp-includes/version.php @@ -13,7 +13,7 @@ * * @global string $wp_version */ -$wp_version = '5.8-alpha-50835'; +$wp_version = '5.8-alpha-50836'; /** * Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema.