Editor: update packages; Port block supports to WordPress core.

The following package versions were changed:
@wordpress/a11y: 2.11.0 -> 2.13.0
@wordpress/annotations: 1.20.4 -> 1.22.0
@wordpress/api-fetch: 3.18.0 -> 3.20.0
@wordpress/autop: 2.9.0 -> 2.10.0
@wordpress/blob: 2.9.0 -> 2.10.0
@wordpress/block-directory: 1.13.7 -> 1.16.0
@wordpress/block-editor: 4.3.7 -> 5.0.0
@wordpress/block-library: 2.22.7 -> 2.25.0
@wordpress/block-serialization-default-parser: 3.7.0 -> 3.8.0
@wordpress/blocks: 6.20.3 -> 6.23.0
@wordpress/components: 10.0.6 -> 11.0.0
@wordpress/compose: 3.19.3 -> 3.21.0
@wordpress/core-data: 2.20.3 -> 2.23.0
@wordpress/data: 4.22.3 -> 4.24.0
@wordpress/data-controls: 1.16.3 -> 1.18.0
@wordpress/date: 3.10.0 -> 3.12.0
@wordpress/deprecated: 2.9.0 -> 2.10.0
@wordpress/dom: 2.13.1 -> 2.15.0
@wordpress/dom-ready: 2.10.0 -> 2.11.0
@wordpress/e2e-test-utils: 4.11.2 -> 4.14.0
@wordpress/edit-post: 3.21.7 -> 3.24.0
@wordpress/editor: 9.20.7 -> 9.23.0
@wordpress/element: 2.16.0 -> 2.18.0
@wordpress/escape-html: 1.9.0 -> 1.10.0
@wordpress/format-library: 1.22.7 -> 1.24.0
@wordpress/hooks: 2.9.0 -> 2.10.0
@wordpress/html-entities: 2.8.0 -> 2.9.0
@wordpress/i18n: 3.14.0 -> 3.16.0
@wordpress/icons: 2.4.0 -> 2.7.0
@wordpress/is-shallow-equal: 2.1.0 -> 2.3.0
@wordpress/keyboard-shortcuts: 1.9.3 -> 1.11.0
@wordpress/keycodes: 2.14.0 -> 2.16.0
@wordpress/library-export-default-webpack-plugin: 1.7.0 -> 1.9.0
@wordpress/list-reusable-blocks: 1.21.6 -> 1.23.0
@wordpress/media-utils: 1.15.0 -> 1.17.0
@wordpress/notices: 2.8.3 -> 2.10.0
@wordpress/nux: 3.20.6 -> 3.22.0
@wordpress/plugins: 2.20.3 -> 2.22.0
@wordpress/primitives: 1.7.0 -> 1.9.0
@wordpress/priority-queue: 1.7.0 -> 1.9.0
@wordpress/redux-routine: 3.10.0 -> 3.12.0
@wordpress/rich-text: 3.20.4 -> 3.22.0
@wordpress/scripts: 12.1.1 -> 12.3.0
@wordpress/server-side-render: 1.16.6 -> 1.18.0
@wordpress/shortcode: 2.9.0 -> 2.11.0
@wordpress/token-list: 1.11.0 -> 1.13.0
@wordpress/url: 2.17.0 -> 2.19.0
@wordpress/viewport: 2.21.3 -> 2.23.0
@wordpress/warning: 1.2.0 -> 1.3.0
@wordpress/wordcount: 2.10.0 -> 2.12.0

Props isabel_brison, youknowriad, mcsf.
Fixes #51461.
Built from https://develop.svn.wordpress.org/trunk@49135


git-svn-id: http://core.svn.wordpress.org/trunk@48897 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
jorgefilipecosta 2020-10-13 13:10:30 +00:00
parent 2c5953e876
commit b667105f60
174 changed files with 27791 additions and 21925 deletions

34
wp-includes/array.php Normal file
View File

@ -0,0 +1,34 @@
<?php
/**
* Array API: WordPress array utilities.
*
* @package WordPress
* @since 5.6.0
*/
/**
* Accesses an array in depth based on a path of keys.
* It is the PHP equivalent of JavaScript's lodash.get, and mirroring it may help other components
* retain some symmetry between client and server implementations.
*
* @param array $array An array from which we want to retrieve some information.
* @param array $path An array of keys describing the path with which to retrieve information.
* @param array $default The return value if the path is not set on the array or if the types of array and path are not arrays.
*
* @return array An array matching the path specified.
*/
function wp_array_get( $array, $path, $default = array() ) {
// Confirm input values are expected type to avoid notice warnings.
if ( ! is_array( $array ) || ! is_array( $path ) ) {
return $default;
}
$path_length = count( $path );
for ( $i = 0; $i < $path_length; ++$i ) {
if ( ! isset( $array[ $path[ $i ] ] ) ) {
return $default;
}
$array = $array[ $path[ $i ] ];
}
return $array;
}

File diff suppressed because one or more lines are too long

View File

@ -0,0 +1,56 @@
<?php
/**
* Align block support flag.
*
* @package WordPress
*/
/**
* Registers the align block attribute for block types that support it.
*
* @param WP_Block_Type $block_type Block Type.
*/
function wp_register_alignment_support( $block_type ) {
$has_align_support = false;
if ( property_exists( $block_type, 'supports' ) ) {
$has_align_support = wp_array_get( $block_type->supports, array( 'align' ), false );
}
if ( $has_align_support ) {
if ( ! $block_type->attributes ) {
$block_type->attributes = array();
}
if ( ! array_key_exists( 'align', $block_type->attributes ) ) {
$block_type->attributes['align'] = array(
'type' => 'string',
'enum' => array( 'left', 'center', 'right', 'wide', 'full', '' ),
);
}
}
}
/**
* Add CSS classes for block alignment to the incoming attributes array.
* This will be applied to the block markup in the front-end.
*
* @param array $attributes Comprehensive list of attributes to be applied.
* @param array $block_attributes Block attributes.
* @param WP_Block_Type $block_type Block Type.
*
* @return array Block alignment CSS classes and inline styles.
*/
function wp_apply_alignment_support( $attributes, $block_attributes, $block_type ) {
$has_align_support = false;
if ( property_exists( $block_type, 'supports' ) ) {
$has_align_support = wp_array_get( $block_type->supports, array( 'align' ), false );
}
if ( $has_align_support ) {
$has_block_alignment = array_key_exists( 'align', $block_attributes );
if ( $has_block_alignment ) {
$attributes['css_classes'][] = sprintf( 'align%s', $block_attributes['align'] );
}
}
return $attributes;
}

View File

@ -0,0 +1,139 @@
<?php
/**
* Colors block support flag.
*
* @package WordPress
*/
/**
* Registers the style and colors block attributes for block types that support it.
*
* @param WP_Block_Type $block_type Block Type.
*/
function wp_register_colors_support( $block_type ) {
$color_support = false;
if ( property_exists( $block_type, 'supports' ) ) {
$color_support = wp_array_get( $block_type->supports, array( '__experimentalColor' ), false );
}
$has_text_colors_support = true === $color_support || ( is_array( $color_support ) && wp_array_get( $color_support, array( 'text' ), true ) );
$has_background_colors_support = true === $color_support || ( is_array( $color_support ) && wp_array_get( $color_support, array( 'background' ), true ) );
$has_gradients_support = wp_array_get( $color_support, array( 'gradients' ), false );
if ( ! $block_type->attributes ) {
$block_type->attributes = array();
}
if ( $has_text_colors_support && ! array_key_exists( 'style', $block_type->attributes ) ) {
$block_type->attributes['style'] = array(
'type' => 'object',
);
}
if ( $has_background_colors_support && ! array_key_exists( 'backgroundColor', $block_type->attributes ) ) {
$block_type->attributes['backgroundColor'] = array(
'type' => 'string',
);
}
if ( $has_text_colors_support && ! array_key_exists( 'textColor', $block_type->attributes ) ) {
$block_type->attributes['textColor'] = array(
'type' => 'string',
);
}
if ( $has_gradients_support && ! array_key_exists( 'gradient', $block_type->attributes ) ) {
$block_type->attributes['gradient'] = array(
'type' => 'string',
);
}
}
/**
* Add CSS classes and inline styles for colors to the incoming attributes array.
* This will be applied to the block markup in the front-end.
*
* @param array $attributes Comprehensive list of attributes to be applied.
* @param array $block_attributes Block attributes.
* @param WP_Block_Type $block_type Block type.
*
* @return array Colors CSS classes and inline styles.
*/
function wp_apply_colors_support( $attributes, $block_attributes, $block_type ) {
$color_support = wp_array_get( $block_type->supports, array( '__experimentalColor' ), false );
$has_text_colors_support = true === $color_support || ( is_array( $color_support ) && wp_array_get( $color_support, array( 'text' ), true ) );
$has_background_colors_support = true === $color_support || ( is_array( $color_support ) && wp_array_get( $color_support, array( 'background' ), true ) );
$has_link_colors_support = wp_array_get( $color_support, array( 'linkColor' ), false );
$has_gradients_support = wp_array_get( $color_support, array( 'gradients' ), false );
// Text Colors.
// Check support for text colors.
if ( $has_text_colors_support ) {
$has_named_text_color = array_key_exists( 'textColor', $block_attributes );
$has_custom_text_color = isset( $block_attributes['style']['color']['text'] );
// Apply required generic class.
if ( $has_custom_text_color || $has_named_text_color ) {
$attributes['css_classes'][] = 'has-text-color';
}
// Apply color class or inline style.
if ( $has_named_text_color ) {
$attributes['css_classes'][] = sprintf( 'has-%s-color', $block_attributes['textColor'] );
} elseif ( $has_custom_text_color ) {
$attributes['inline_styles'][] = sprintf( 'color: %s;', $block_attributes['style']['color']['text'] );
}
}
// Link Colors.
if ( $has_link_colors_support ) {
$has_link_color = isset( $block_attributes['style']['color']['link'] );
// Apply required class and style.
if ( $has_link_color ) {
$attributes['css_classes'][] = 'has-link-color';
// If link is a named color.
if ( strpos( $block_attributes['style']['color']['link'], 'var:preset|color|' ) !== false ) {
// Get the name from the string and add proper styles.
$index_to_splice = strrpos( $block_attributes['style']['color']['link'], '|' ) + 1;
$link_color_name = substr( $block_attributes['style']['color']['link'], $index_to_splice );
$attributes['inline_styles'][] = sprintf( '--wp--style--color--link:var(--wp--preset--color--%s);', $link_color_name );
} else {
$attributes['inline_styles'][] = sprintf( '--wp--style--color--link: %s;', $block_attributes['style']['color']['link'] );
}
}
}
// Background Colors.
if ( $has_background_colors_support ) {
$has_named_background_color = array_key_exists( 'backgroundColor', $block_attributes );
$has_custom_background_color = isset( $block_attributes['style']['color']['background'] );
// Apply required background class.
if ( $has_custom_background_color || $has_named_background_color ) {
$attributes['css_classes'][] = 'has-background';
}
// Apply background color classes or styles.
if ( $has_named_background_color ) {
$attributes['css_classes'][] = sprintf( 'has-%s-background-color', $block_attributes['backgroundColor'] );
} elseif ( $has_custom_background_color ) {
$attributes['inline_styles'][] = sprintf( 'background-color: %s;', $block_attributes['style']['color']['background'] );
}
}
// Gradients.
if ( $has_gradients_support ) {
$has_named_gradient = array_key_exists( 'gradient', $block_attributes );
$has_custom_gradient = isset( $block_attributes['style']['color']['gradient'] );
if ( $has_named_gradient || $has_custom_gradient ) {
$attributes['css_classes'][] = 'has-background';
}
// Apply required background class.
if ( $has_named_gradient ) {
$attributes['css_classes'][] = sprintf( 'has-%s-gradient-background', $block_attributes['gradient'] );
} elseif ( $has_custom_gradient ) {
$attributes['inline_styles'][] = sprintf( 'background: %s;', $block_attributes['style']['color']['gradient'] );
}
}
return $attributes;
}

View File

@ -0,0 +1,54 @@
<?php
/**
* Custom classname block support flag.
*
* @package WordPress
*/
/**
* Registers the custom classname block attribute for block types that support it.
*
* @param WP_Block_Type $block_type Block Type.
*/
function wp_register_custom_classname_support( $block_type ) {
$has_custom_classname_support = true;
if ( property_exists( $block_type, 'supports' ) ) {
$has_custom_classname_support = wp_array_get( $block_type->supports, array( 'customClassName' ), true );
}
if ( $has_custom_classname_support ) {
if ( ! $block_type->attributes ) {
$block_type->attributes = array();
}
if ( ! array_key_exists( 'className', $block_type->attributes ) ) {
$block_type->attributes['className'] = array(
'type' => 'string',
);
}
}
}
/**
* Add the custom classnames to the output.
*
* @param array $attributes Comprehensive list of attributes to be applied.
* @param array $block_attributes Block attributes.
* @param WP_Block_Type $block_type Block Type.
*
* @return array Block CSS classes and inline styles.
*/
function wp_apply_custom_classname_support( $attributes, $block_attributes, $block_type ) {
$has_custom_classname_support = true;
if ( property_exists( $block_type, 'supports' ) ) {
$has_custom_classname_support = wp_array_get( $block_type->supports, array( 'customClassName' ), true );
}
if ( $has_custom_classname_support ) {
$has_custom_classnames = array_key_exists( 'className', $block_attributes );
if ( $has_custom_classnames ) {
$attributes['css_classes'][] = $block_attributes['className'];
}
}
return $attributes;
}

View File

@ -0,0 +1,57 @@
<?php
/**
* Generated classname block support flag.
*
* @package WordPress
*/
/**
* Get the generated classname from a given block name.
*
* @param string $block_name Block Name.
* @return string Generated classname.
*/
function wp_get_block_default_classname( $block_name ) {
// Generated HTML classes for blocks follow the `wp-block-{name}` nomenclature.
// Blocks provided by WordPress drop the prefixes 'core/' or 'core-' (historically used in 'core-embed/').
$classname = 'wp-block-' . preg_replace(
'/^core-/',
'',
str_replace( '/', '-', $block_name )
);
/**
* Filters the default block className for server rendered blocks.
*
* @param string $class_name The current applied classname.
* @param string $block_name The block name.
*/
$classname = apply_filters( 'block_default_classname', $classname, $block_name );
return $classname;
}
/**
* Add the generated classnames to the output.
*
* @param array $attributes Comprehensive list of attributes to be applied.
* @param array $block_attributes Block attributes.
* @param WP_Block_Type $block_type Block Type.
*
* @return array Block CSS classes and inline styles.
*/
function wp_apply_generated_classname_support( $attributes, $block_attributes, $block_type ) {
$has_generated_classname_support = true;
if ( property_exists( $block_type, 'supports' ) ) {
$has_generated_classname_support = wp_array_get( $block_type->supports, array( 'className' ), true );
}
if ( $has_generated_classname_support ) {
$block_classname = wp_get_block_default_classname( $block_type->name );
if ( $block_classname ) {
$attributes['css_classes'][] = $block_classname;
}
}
return $attributes;
}

View File

@ -0,0 +1,137 @@
<?php
/**
* Block support flags.
*
* @package WordPress
*/
// Require all the block supports mechanisms.
require __DIR__ . '/align.php';
require __DIR__ . '/colors.php';
require __DIR__ . '/custom-classname.php';
require __DIR__ . '/generated-classname.php';
require __DIR__ . '/typography.php';
/**
* Filter the registered blocks to apply the block supports attributes registration.
*/
function wp_register_block_supports() {
$block_registry = WP_Block_Type_Registry::get_instance();
$registered_block_types = $block_registry->get_all_registered();
// Ideally we need a hook to extend the block registration
// instead of mutating the block type.
foreach ( $registered_block_types as $block_type ) {
wp_register_alignment_support( $block_type );
wp_register_colors_support( $block_type );
wp_register_typography_support( $block_type );
wp_register_custom_classname_support( $block_type );
}
}
add_action( 'init', 'wp_register_block_supports', 21 );
/**
* Filters the frontend output of blocks and apply the block support flags transformations.
*
* @param string $block_content rendered block content.
* @param array $block block object.
* @return string filtered block content.
*/
function wp_apply_block_supports( $block_content, $block ) {
if ( ! isset( $block['attrs'] ) ) {
return $block_content;
}
$block_type = WP_Block_Type_Registry::get_instance()->get_registered( $block['blockName'] );
// If no render_callback, assume styles have been previously handled.
if ( ! $block_type || ! $block_type->render_callback ) {
return $block_content;
}
$attributes = array();
$attributes = wp_apply_generated_classname_support( $attributes, $block['attrs'], $block_type );
$attributes = wp_apply_colors_support( $attributes, $block['attrs'], $block_type );
$attributes = wp_apply_typography_support( $attributes, $block['attrs'], $block_type );
$attributes = wp_apply_alignment_support( $attributes, $block['attrs'], $block_type );
$attributes = wp_apply_custom_classname_support( $attributes, $block['attrs'], $block_type );
if ( ! count( $attributes ) ) {
return $block_content;
}
$dom = new DOMDocument( '1.0', 'utf-8' );
// Suppress DOMDocument::loadHTML warnings from polluting the front-end.
$previous = libxml_use_internal_errors( true );
// We need to wrap the block in order to handle UTF-8 properly.
$wrapped_block_html =
'<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"></head><body>'
. $block_content
. '</body></html>';
$success = $dom->loadHTML( $wrapped_block_html, LIBXML_HTML_NODEFDTD | LIBXML_COMPACT );
// Clear errors and reset the use_errors setting.
libxml_clear_errors();
libxml_use_internal_errors( $previous );
if ( ! $success ) {
return $block_content;
}
// Structure is like `<html><head/><body/></html>`, so body is the `lastChild` of our document.
$body_element = $dom->documentElement->lastChild; // phpcs:ignore WordPress.NamingConventions.ValidVariableName.UsedPropertyNotSnakeCase
$xpath = new DOMXPath( $dom );
$block_root = $xpath->query( './*', $body_element )[0];
// phpcs:ignore WordPress.NamingConventions.ValidVariableName.UsedPropertyNotSnakeCase
if ( empty( $block_root ) ) {
return $block_content;
}
// Merge and dedupe new and existing classes and styles.
$current_classes = explode( ' ', trim( $block_root->getAttribute( 'class' ) ) );
$classes_to_add = array_key_exists( 'css_classes', $attributes ) ? $attributes['css_classes'] : array();
$new_classes = array_unique( array_filter( array_merge( $current_classes, $classes_to_add ) ) );
$current_styles = preg_split( '/\s*;\s*/', trim( $block_root->getAttribute( 'style' ) ) );
$styles_to_add = array_key_exists( 'inline_styles', $attributes ) ? $attributes['inline_styles'] : array();
$new_styles = array_unique( array_map( 'wp_normalize_css_rule', array_filter( array_merge( $current_styles, $styles_to_add ) ) ) );
// Apply new styles and classes.
if ( ! empty( $new_classes ) ) {
// `DOMElement::setAttribute` handles attribute value escaping.
$block_root->setAttribute( 'class', implode( ' ', $new_classes ) );
}
if ( ! empty( $new_styles ) ) {
// `DOMElement::setAttribute` handles attribute value escaping.
$block_root->setAttribute( 'style', implode( '; ', $new_styles ) . ';' );
}
// Avoid using `$dom->saveHtml( $node )` because the node results may not produce consistent
// whitespace for PHP < 7.3. Saving the root HTML `$dom->saveHtml()` prevents this behavior.
$full_html = $dom->saveHtml();
// Find the <body> open/close tags. The open tag needs to be adjusted so we get inside the tag
// and not the tag itself.
$start = strpos( $full_html, '<body>', 0 ) + strlen( '<body>' );
$end = strpos( $full_html, '</body>', $start );
return trim( substr( $full_html, $start, $end - $start ) );
}
add_filter( 'render_block', 'wp_apply_block_supports', 10, 2 );
/**
* Normalizes spacing in a string representing a CSS rule
*
* @example
* 'color :red;' becomes 'color:red'
*
* @param string $css_rule_string CSS rule.
* @return string Normalized CSS rule.
*/
function wp_normalize_css_rule( $css_rule_string ) {
return trim( implode( ': ', preg_split( '/\s*:\s*/', $css_rule_string, 2 ) ), ';' );
}

View File

@ -0,0 +1,121 @@
<?php
/**
* Typography block support flag.
*
* @package WordPress
*/
/**
* Registers the style and typography block attributes for block types that support it.
*
* @param WP_Block_Type $block_type Block Type.
*/
function wp_register_typography_support( $block_type ) {
$has_font_size_support = false;
if ( property_exists( $block_type, 'supports' ) ) {
$has_font_size_support = wp_array_get( $block_type->supports, array( '__experimentalFontSize' ), false );
}
$has_font_style_support = false;
if ( property_exists( $block_type, 'supports' ) ) {
$has_font_style_support = wp_array_get( $block_type->supports, array( '__experimentalFontStyle' ), false );
}
$has_line_height_support = false;
if ( property_exists( $block_type, 'supports' ) ) {
$has_line_height_support = wp_array_get( $block_type->supports, array( '__experimentalLineHeight' ), false );
}
if ( ! $block_type->attributes ) {
$block_type->attributes = array();
}
if ( ( $has_font_size_support || $has_font_style_support || $has_line_height_support ) && ! array_key_exists( 'style', $block_type->attributes ) ) {
$block_type->attributes['style'] = array(
'type' => 'object',
);
}
if ( $has_font_size_support && ! array_key_exists( 'fontSize', $block_type->attributes ) ) {
$block_type->attributes['fontSize'] = array(
'type' => 'string',
);
}
}
/**
* Add CSS classes and inline styles for font sizes to the incoming attributes array.
* This will be applied to the block markup in the front-end.
*
* @param array $attributes Comprehensive list of attributes to be applied.
* @param array $block_attributes Block attributes.
* @param WP_Block_Type $block_type Block type.
*
* @return array Font size CSS classes and inline styles.
*/
function wp_apply_typography_support( $attributes, $block_attributes, $block_type ) {
$has_font_size_support = false;
if ( property_exists( $block_type, 'supports' ) ) {
$has_font_size_support = wp_array_get( $block_type->supports, array( '__experimentalFontSize' ), false );
}
$has_font_style_support = false;
if ( property_exists( $block_type, 'supports' ) ) {
$has_font_style_support = wp_array_get( $block_type->supports, array( '__experimentalFontStyle' ), false );
}
$has_line_height_support = false;
if ( property_exists( $block_type, 'supports' ) ) {
$has_line_height_support = wp_array_get( $block_type->supports, array( '__experimentalLineHeight' ), false );
}
// Font Size.
if ( $has_font_size_support ) {
$has_named_font_size = array_key_exists( 'fontSize', $block_attributes );
$has_custom_font_size = isset( $block_attributes['style']['typography']['fontSize'] );
// Apply required class or style.
if ( $has_named_font_size ) {
$attributes['css_classes'][] = sprintf( 'has-%s-font-size', $block_attributes['fontSize'] );
} elseif ( $has_custom_font_size ) {
$attributes['inline_styles'][] = sprintf( 'font-size: %spx;', $block_attributes['style']['typography']['fontSize'] );
}
}
// Font Styles e.g. bold, italic, underline & strikethrough.
if ( $has_font_style_support ) {
$has_font_styles = isset( $block_attributes['style']['typography']['fontStyles'] );
// Apply required CSS classes.
if ( $has_font_styles ) {
$attributes['css_classes'][] = 'has-font-style';
// CSS class names chosen to be more explicit than generic `has-<something>-font-style`.
$font_style_classes = array(
'bold' => 'has-bold-font-weight',
'italic' => 'has-italic-font-style',
'underline' => 'has-underline-text-decoration',
'strikethrough' => 'has-strikethrough-text-decoration',
);
$style_selections = $block_attributes['style']['typography']['fontStyles'];
foreach ( $style_selections as $style => $turned_on ) {
if ( $turned_on ) {
$attributes['css_classes'][] = $font_style_classes[ $style ];
}
}
}
}
// Line Height.
if ( $has_line_height_support ) {
$has_line_height = isset( $block_attributes['style']['typography']['lineHeight'] );
// Add the style (no classes for line-height).
if ( $has_line_height ) {
$attributes['inline_styles'][] = sprintf( 'line-height: %s;', $block_attributes['style']['typography']['lineHeight'] );
}
}
return $attributes;
}

View File

@ -17,15 +17,7 @@
function render_block_core_archives( $attributes ) {
$show_post_count = ! empty( $attributes['showPostCounts'] );
$class = 'wp-block-archives';
if ( isset( $attributes['align'] ) ) {
$class .= " align{$attributes['align']}";
}
if ( isset( $attributes['className'] ) ) {
$class .= " {$attributes['className']}";
}
$class = '';
if ( ! empty( $attributes['displayAsDropdown'] ) ) {
@ -66,7 +58,7 @@ function render_block_core_archives( $attributes ) {
break;
}
$label = esc_attr( $label );
$label = esc_html( $label );
$block_content = '<label class="screen-reader-text" for="' . $dropdown_id . '">' . $title . '</label>
<select id="' . $dropdown_id . '" name="archive-dropdown" onchange="document.location.href=this.options[this.selectedIndex].value;">

View File

@ -2,19 +2,6 @@
"name": "core/archives",
"category": "widgets",
"attributes": {
"align": {
"type": "string",
"enum": [
"left",
"center",
"right",
"wide",
"full"
]
},
"className": {
"type": "string"
},
"displayAsDropdown": {
"type": "boolean",
"default": false

View File

@ -31,12 +31,8 @@ function render_block_core_calendar( $attributes ) {
}
}
$custom_class_name = empty( $attributes['className'] ) ? '' : ' ' . $attributes['className'];
$align_class_name = empty( $attributes['align'] ) ? '' : ' ' . "align{$attributes['align']}";
$output = sprintf(
'<div class="%1$s">%2$s</div>',
esc_attr( 'wp-block-calendar' . $custom_class_name . $align_class_name ),
'<div>%1$s</div>',
get_calendar( true, false )
);

View File

@ -2,19 +2,6 @@
"name": "core/calendar",
"category": "widgets",
"attributes": {
"align": {
"type": "string",
"enum": [
"left",
"center",
"right",
"wide",
"full"
]
},
"className": {
"type": "string"
},
"month": {
"type": "integer"
},

View File

@ -33,7 +33,13 @@ function render_block_core_categories( $attributes ) {
$type = 'dropdown';
if ( ! is_admin() ) {
$wrapper_markup .= build_dropdown_script_block_core_categories( $id );
// Inject the dropdown script immediately after the select dropdown.
$items_markup = preg_replace(
'#(?<=</select>)#',
build_dropdown_script_block_core_categories( $id ),
$items_markup,
1
);
}
} else {
$wrapper_markup = '<ul class="%1$s">%2$s</ul>';
@ -41,15 +47,7 @@ function render_block_core_categories( $attributes ) {
$type = 'list';
}
$class = "wp-block-categories wp-block-categories-{$type}";
if ( isset( $attributes['align'] ) ) {
$class .= " align{$attributes['align']}";
}
if ( isset( $attributes['className'] ) ) {
$class .= " {$attributes['className']}";
}
$class = "wp-block-categories-{$type}";
return sprintf(
$wrapper_markup,

View File

@ -2,19 +2,6 @@
"name": "core/categories",
"category": "widgets",
"attributes": {
"align": {
"type": "string",
"enum": [
"left",
"center",
"right",
"wide",
"full"
]
},
"className": {
"type": "string"
},
"displayAsDropdown": {
"type": "boolean",
"default": false

View File

@ -4,13 +4,12 @@
"attributes": {
"content": {
"type": "string",
"source": "text",
"source": "html",
"selector": "code"
}
},
"supports": {
"anchor": true,
"html": false,
"lightBlockWrapper": true
}
}

View File

@ -68,8 +68,7 @@
"default": true
},
"linkTo": {
"type": "string",
"default": "none"
"type": "string"
},
"sizeSlug": {
"type": "string",

View File

@ -18,6 +18,7 @@
"__experimentalColor": {
"gradients": true,
"linkColor": true
}
},
"__experimentalPadding": true
}
}

View File

@ -60,8 +60,7 @@
"type": "string"
},
"linkDestination": {
"type": "string",
"default": "none"
"type": "string"
},
"linkTarget": {
"type": "string",

View File

@ -116,34 +116,28 @@ function render_block_core_latest_comments( $attributes = array() ) {
}
}
$class = 'wp-block-latest-comments';
if ( ! empty( $attributes['className'] ) ) {
$class .= ' ' . $attributes['className'];
}
if ( isset( $attributes['align'] ) ) {
$class .= " align{$attributes['align']}";
}
$classnames = array();
if ( $attributes['displayAvatar'] ) {
$class .= ' has-avatars';
$classnames[] = 'has-avatars';
}
if ( $attributes['displayDate'] ) {
$class .= ' has-dates';
$classnames[] = 'has-dates';
}
if ( $attributes['displayExcerpt'] ) {
$class .= ' has-excerpts';
$classnames[] = 'has-excerpts';
}
if ( empty( $comments ) ) {
$class .= ' no-comments';
$classnames[] = 'no-comments';
}
$classnames = esc_attr( $class );
$class = esc_attr( implode( ' ', $classnames ) );
return ! empty( $comments ) ? sprintf(
'<ol class="%1$s">%2$s</ol>',
$classnames,
$class,
$list_items_markup
) : sprintf(
'<div class="%1$s">%2$s</div>',
$classnames,
$class,
__( 'No comments to show.' )
);
}

View File

@ -2,19 +2,6 @@
"name": "core/latest-comments",
"category": "widgets",
"attributes": {
"align": {
"type": "string",
"enum": [
"left",
"center",
"right",
"wide",
"full"
]
},
"className": {
"type": "string"
},
"commentsToShow": {
"type": "number",
"default": 5,

View File

@ -58,6 +58,7 @@ function render_block_core_latest_posts( $attributes ) {
$list_items_markup = '';
foreach ( $recent_posts as $post ) {
$post_link = esc_url( get_permalink( $post ) );
$list_items_markup .= '<li>';
@ -75,16 +76,24 @@ function render_block_core_latest_posts( $attributes ) {
$image_classes .= ' align' . $attributes['featuredImageAlign'];
}
$featured_image = get_the_post_thumbnail(
$post,
$attributes['featuredImageSizeSlug'],
array(
'style' => $image_style,
)
);
if ( $attributes['addLinkToFeaturedImage'] ) {
$featured_image = sprintf(
'<a href="%1$s">%2$s</a>',
$post_link,
$featured_image
);
}
$list_items_markup .= sprintf(
'<div class="%1$s">%2$s</div>',
$image_classes,
get_the_post_thumbnail(
$post,
$attributes['featuredImageSizeSlug'],
array(
'style' => $image_style,
)
)
$featured_image
);
}
@ -94,7 +103,7 @@ function render_block_core_latest_posts( $attributes ) {
}
$list_items_markup .= sprintf(
'<a href="%1$s">%2$s</a>',
esc_url( get_permalink( $post ) ),
$post_link,
$title
);
@ -144,10 +153,7 @@ function render_block_core_latest_posts( $attributes ) {
remove_filter( 'excerpt_length', 'block_core_latest_posts_get_excerpt_length', 20 );
$class = 'wp-block-latest-posts wp-block-latest-posts__list';
if ( isset( $attributes['align'] ) ) {
$class .= ' align' . $attributes['align'];
}
$class = 'wp-block-latest-posts__list';
if ( isset( $attributes['postLayout'] ) && 'grid' === $attributes['postLayout'] ) {
$class .= ' is-grid';
@ -165,10 +171,6 @@ function render_block_core_latest_posts( $attributes ) {
$class .= ' has-author';
}
if ( isset( $attributes['className'] ) ) {
$class .= ' ' . $attributes['className'];
}
return sprintf(
'<ul class="%1$s">%2$s</ul>',
esc_attr( $class ),

View File

@ -2,19 +2,6 @@
"name": "core/latest-posts",
"category": "widgets",
"attributes": {
"align": {
"type": "string",
"enum": [
"left",
"center",
"right",
"wide",
"full"
]
},
"className": {
"type": "string"
},
"categories": {
"type": "array",
"items": {
@ -87,6 +74,10 @@
"featuredImageSizeHeight": {
"type": "number",
"default": null
},
"addLinkToFeaturedImage": {
"type": "boolean",
"default": false
}
},
"supports": {

View File

@ -11,10 +11,7 @@
"source": "html",
"selector": "ol,ul",
"multiline": "li",
"__unstableMultilineWrapperTags": [
"ol",
"ul"
],
"__unstableMultilineWrapperTags": [ "ol", "ul" ],
"default": ""
},
"type": {
@ -30,6 +27,9 @@
"supports": {
"anchor": true,
"className": false,
"__experimentalColor": {
"gradients": true
},
"__unstablePasteTextInline": true,
"lightBlockWrapper": true
}

View File

@ -63,6 +63,9 @@
"type": "number",
"default": 50
},
"mediaSizeSlug": {
"type": "string"
},
"isStackedOnMobile": {
"type": "boolean",
"default": true
@ -79,10 +82,7 @@
},
"supports": {
"anchor": true,
"align": [
"wide",
"full"
],
"align": [ "wide", "full" ],
"html": false,
"lightBlockWrapper": true,
"__experimentalColor": {

View File

@ -35,11 +35,6 @@
},
"__experimentalFontSize": true,
"__experimentalLineHeight": true,
"__experimentalFeatures": {
"typography": {
"dropCap": true
}
},
"__experimentalSelector": "p",
"__unstablePasteTextInline": true
}

View File

@ -20,6 +20,7 @@
}
},
"supports": {
"anchor": true
"anchor": true,
"lightBlockWrapper": true
}
}

View File

@ -79,24 +79,16 @@ function render_block_core_rss( $attributes ) {
$list_items .= "<li class='wp-block-rss__item'>{$title}{$date}{$author}{$excerpt}</li>";
}
$class = 'wp-block-rss';
if ( isset( $attributes['align'] ) ) {
$class .= ' align' . $attributes['align'];
}
$classnames = array();
if ( isset( $attributes['blockLayout'] ) && 'grid' === $attributes['blockLayout'] ) {
$class .= ' is-grid';
$classnames[] = 'is-grid';
}
if ( isset( $attributes['columns'] ) && 'grid' === $attributes['blockLayout'] ) {
$class .= ' columns-' . $attributes['columns'];
$classnames[] = 'columns-' . $attributes['columns'];
}
if ( isset( $attributes['className'] ) ) {
$class .= ' ' . $attributes['className'];
}
return sprintf( '<ul class="%s">%s</ul>', esc_attr( $class ), $list_items );
return sprintf( '<ul class="%s">%s</ul>', esc_attr( implode( ' ', $classnames ) ), $list_items );
}
/**

View File

@ -2,19 +2,6 @@
"name": "core/rss",
"category": "widgets",
"attributes": {
"align": {
"type": "string",
"enum": [
"left",
"center",
"right",
"wide",
"full"
]
},
"className": {
"type": "string"
},
"columns": {
"type": "number",
"default": 2

View File

@ -27,51 +27,79 @@ function render_block_core_search( $attributes ) {
)
);
$input_id = 'wp-block-search__input-' . ++$instance_id;
$label_markup = '';
$button_markup = '';
$input_id = 'wp-block-search__input-' . ++$instance_id;
$classnames = classnames_for_block_core_search( $attributes );
$show_label = ( ! empty( $attributes['showLabel'] ) ) ? true : false;
$use_icon_button = ( ! empty( $attributes['buttonUseIcon'] ) ) ? true : false;
$show_input = ( ! empty( $attributes['buttonPosition'] ) && 'button-only' === $attributes['buttonPosition'] ) ? false : true;
$show_button = ( ! empty( $attributes['buttonPosition'] ) && 'no-button' === $attributes['buttonPosition'] ) ? false : true;
$label_markup = '';
$input_markup = '';
$button_markup = '';
$width_styles = '';
if ( ! empty( $attributes['label'] ) ) {
$label_markup = sprintf(
'<label for="%s" class="wp-block-search__label">%s</label>',
if ( $show_label ) {
if ( ! empty( $attributes['label'] ) ) {
$label_markup = sprintf(
'<label for="%s" class="wp-block-search__label">%s</label>',
$input_id,
$attributes['label']
);
} else {
$label_markup = sprintf(
'<label for="%s" class="wp-block-search__label screen-reader-text">%s</label>',
$input_id,
__( 'Search' )
);
}
}
if ( $show_input ) {
$input_markup = sprintf(
'<input type="search" id="%s" class="wp-block-search__input" name="s" value="%s" placeholder="%s" required />',
$input_id,
$attributes['label']
);
} else {
$label_markup = sprintf(
'<label for="%s" class="wp-block-search__label screen-reader-text">%s</label>',
$input_id,
__( 'Search' )
esc_attr( get_search_query() ),
esc_attr( $attributes['placeholder'] )
);
}
$input_markup = sprintf(
'<input type="search" id="%s" class="wp-block-search__input" name="s" value="%s" placeholder="%s" required />',
$input_id,
esc_attr( get_search_query() ),
esc_attr( $attributes['placeholder'] )
);
if ( $show_button ) {
$button_internal_markup = '';
if ( ! $use_icon_button ) {
if ( ! empty( $attributes['buttonText'] ) ) {
$button_internal_markup = $attributes['buttonText'];
}
} else {
$button_internal_markup =
'<svg id="search-icon" class="search-icon" viewBox="0 0 24 24">
<path d="M13.5 6C10.5 6 8 8.5 8 11.5c0 1.1.3 2.1.9 3l-3.4 3 1 1.1 3.4-2.9c1 .9 2.2 1.4 3.6 1.4 3 0 5.5-2.5 5.5-5.5C19 8.5 16.5 6 13.5 6zm0 9.5c-2.2 0-4-1.8-4-4s1.8-4 4-4 4 1.8 4 4-1.8 4-4 4z"></path>
</svg>';
}
if ( ! empty( $attributes['buttonText'] ) ) {
$button_markup = sprintf(
'<button type="submit" class="wp-block-search__button">%s</button>',
$attributes['buttonText']
$button_internal_markup
);
}
$class = 'wp-block-search';
if ( isset( $attributes['className'] ) ) {
$class .= ' ' . $attributes['className'];
}
if ( isset( $attributes['align'] ) ) {
$class .= ' align' . $attributes['align'];
if ( ! empty( $attributes['width'] ) && ! empty( $attributes['widthUnit'] ) ) {
if ( ! empty( $attributes['buttonPosition'] ) && 'button-only' !== $attributes['buttonPosition'] ) {
$width_styles = ' style="width: ' . $attributes['width'] . $attributes['widthUnit'] . ';"';
}
}
$field_markup = sprintf(
'<div class="wp-block-search__inside-wrapper"%s>%s</div>',
$width_styles,
$input_markup . $button_markup
);
return sprintf(
'<form class="%s" role="search" method="get" action="%s">%s</form>',
esc_attr( $class ),
'<form role="search" method="get" action="%s" class="%s">%s</form>',
esc_url( home_url( '/' ) ),
$label_markup . $input_markup . $button_markup
$classnames,
$label_markup . $field_markup
);
}
@ -87,3 +115,44 @@ function register_block_core_search() {
);
}
add_action( 'init', 'register_block_core_search' );
/**
* Builds the correct top level classnames for the 'core/search' block.
*
* @param array $attributes The block attributes.
*
* @return string The classnames used in the block.
*/
function classnames_for_block_core_search( $attributes ) {
$classnames = array();
if ( ! empty( $attributes['buttonPosition'] ) ) {
if ( 'button-inside' === $attributes['buttonPosition'] ) {
$classnames[] = 'wp-block-search__button-inside';
}
if ( 'button-outside' === $attributes['buttonPosition'] ) {
$classnames[] = 'wp-block-search__button-outside';
}
if ( 'no-button' === $attributes['buttonPosition'] ) {
$classnames[] = 'wp-block-search__no-button';
}
if ( 'button-only' === $attributes['buttonPosition'] ) {
$classnames[] = 'wp-block-search__button-only';
}
}
if ( isset( $attributes['buttonUseIcon'] ) ) {
if ( ! empty( $attributes['buttonPosition'] ) && 'no-button' !== $attributes['buttonPosition'] ) {
if ( $attributes['buttonUseIcon'] ) {
$classnames[] = 'wp-block-search__icon-button';
} else {
$classnames[] = 'wp-block-search__text-button';
}
}
}
return implode( ' ', $classnames );
}

View File

@ -2,32 +2,38 @@
"name": "core/search",
"category": "widgets",
"attributes": {
"align": {
"type": "string",
"enum": [
"left",
"center",
"right",
"wide",
"full"
]
},
"className": {
"type": "string"
},
"label": {
"type": "string"
},
"showLabel": {
"type": "bool",
"default": true
},
"placeholder": {
"type": "string",
"default": ""
},
"width": {
"type": "number"
},
"widthUnit": {
"type": "string"
},
"buttonText": {
"type": "string"
},
"buttonPosition": {
"type": "string",
"default": "button-outside"
},
"buttonUseIcon": {
"type": "bool",
"default": false
}
},
"supports": {
"align": true,
"html": false
"align": [ "left", "center", "right" ],
"html": false,
"lightBlockWrapper": true
}
}

View File

@ -8,11 +8,15 @@
/**
* Renders the `core/social-link` block on server.
*
* @param array $attributes The block attributes.
* @param Array $attributes The block attributes.
* @param String $content InnerBlocks content of the Block.
* @param WPBlock $block Block object.
*
* @return string Rendered HTML of the referenced block.
*/
function render_block_core_social_link( $attributes ) {
function render_block_core_social_link( $attributes, $content, $block ) {
$open_in_new_tab = $block->context['openInNewTab'];
$service = ( isset( $attributes['service'] ) ) ? $attributes['service'] : 'Icon';
$url = ( isset( $attributes['url'] ) ) ? $attributes['url'] : false;
$label = ( isset( $attributes['label'] ) ) ? $attributes['label'] : block_core_social_link_get_name( $service );
@ -23,8 +27,13 @@ function render_block_core_social_link( $attributes ) {
return '';
}
$attribute = '';
if ( $open_in_new_tab ) {
$attribute = 'rel="noopener nofollow" target="_blank"';
}
$icon = block_core_social_link_get_icon( $service );
return '<li class="wp-social-link wp-social-link-' . esc_attr( $service ) . esc_attr( $class_name ) . '"><a href="' . esc_url( $url ) . '" aria-label="' . esc_attr( $label ) . '"> ' . $icon . '</a></li>';
return '<li class="wp-social-link wp-social-link-' . esc_attr( $service ) . esc_attr( $class_name ) . '"><a href="' . esc_url( $url ) . '" aria-label="' . esc_attr( $label ) . '" ' . $attribute . '> ' . $icon . '</a></li>';
}
/**

View File

@ -15,6 +15,9 @@
"type": "string"
}
},
"usesContext": [
"openInNewTab"
],
"supports": {
"reusable": false,
"html": false,

View File

@ -1,6 +1,15 @@
{
"name": "core/social-links",
"category": "widgets",
"attributes": {
"openInNewTab": {
"type": "boolean",
"default": false
}
},
"providesContext": {
"openInNewTab": "openInNewTab"
},
"supports": {
"align": [
"left",

View File

@ -13,20 +13,11 @@
* @return string Returns the tag cloud for selected taxonomy.
*/
function render_block_core_tag_cloud( $attributes ) {
$class = isset( $attributes['align'] ) ?
"wp-block-tag-cloud align{$attributes['align']}" :
'wp-block-tag-cloud';
if ( isset( $attributes['className'] ) ) {
$class .= ' ' . $attributes['className'];
}
$args = array(
$args = array(
'echo' => false,
'taxonomy' => $attributes['taxonomy'],
'show_count' => $attributes['showTagCounts'],
);
$tag_cloud = wp_tag_cloud( $args );
if ( ! $tag_cloud ) {
@ -41,8 +32,7 @@ function render_block_core_tag_cloud( $attributes ) {
}
return sprintf(
'<p class="%1$s">%2$s</p>',
esc_attr( $class ),
'<p>%1$s</p>',
$tag_cloud
);
}

View File

@ -2,19 +2,6 @@
"name": "core/tag-cloud",
"category": "widgets",
"attributes": {
"align": {
"type": "string",
"enum": [
"left",
"center",
"right",
"wide",
"full"
]
},
"className": {
"type": "string"
},
"taxonomy": {
"type": "string",
"default": "post_tag"

View File

@ -10,7 +10,7 @@
*
* Holds the block structure in memory
*
* @since 3.8.0
* @since 5.0.0
*/
class WP_Block_Parser_Block {
/**
@ -18,7 +18,7 @@ class WP_Block_Parser_Block {
*
* @example "core/paragraph"
*
* @since 3.8.0
* @since 5.0.0
* @var string
*/
public $blockName;
@ -29,7 +29,7 @@ class WP_Block_Parser_Block {
* @example null
* @example array( 'columns' => 3 )
*
* @since 3.8.0
* @since 5.0.0
* @var array|null
*/
public $attrs;
@ -37,7 +37,7 @@ class WP_Block_Parser_Block {
/**
* List of inner blocks (of this same class)
*
* @since 3.8.0
* @since 5.0.0
* @var WP_Block_Parser_Block[]
*/
public $innerBlocks;
@ -48,7 +48,7 @@ class WP_Block_Parser_Block {
*
* @example "...Just <!-- wp:test /--> testing..." -> "Just testing..."
*
* @since 3.8.0
* @since 5.0.0
* @var string
*/
public $innerHTML;
@ -72,7 +72,7 @@ class WP_Block_Parser_Block {
*
* Will populate object properties from the provided arguments.
*
* @since 3.8.0
* @since 5.0.0
*
* @param string $name Name of block.
* @param array $attrs Optional set of attributes from block comment delimiters.
@ -95,13 +95,13 @@ class WP_Block_Parser_Block {
* Holds partial blocks in memory while parsing
*
* @internal
* @since 3.8.0
* @since 5.0.0
*/
class WP_Block_Parser_Frame {
/**
* Full or partial block
*
* @since 3.8.0
* @since 5.0.0
* @var WP_Block_Parser_Block
*/
public $block;
@ -109,7 +109,7 @@ class WP_Block_Parser_Frame {
/**
* Byte offset into document for start of parse token
*
* @since 3.8.0
* @since 5.0.0
* @var int
*/
public $token_start;
@ -117,7 +117,7 @@ class WP_Block_Parser_Frame {
/**
* Byte length of entire parse token string
*
* @since 3.8.0
* @since 5.0.0
* @var int
*/
public $token_length;
@ -126,7 +126,7 @@ class WP_Block_Parser_Frame {
* Byte offset into document for after parse token ends
* (used during reconstruction of stack into parse production)
*
* @since 3.8.0
* @since 5.0.0
* @var int
*/
public $prev_offset;
@ -134,7 +134,7 @@ class WP_Block_Parser_Frame {
/**
* Byte offset into document where leading HTML before token starts
*
* @since 3.8.0
* @since 5.0.0
* @var int
*/
public $leading_html_start;
@ -144,7 +144,7 @@ class WP_Block_Parser_Frame {
*
* Will populate object properties from the provided arguments.
*
* @since 3.8.0
* @since 5.0.0
*
* @param WP_Block_Parser_Block $block Full or partial block.
* @param int $token_start Byte offset into document for start of parse token.
@ -166,7 +166,7 @@ class WP_Block_Parser_Frame {
*
* Parses a document and constructs a list of parsed block objects
*
* @since 3.8.0
* @since 5.0.0
* @since 4.0.0 returns arrays not objects, all attributes are arrays
*/
class WP_Block_Parser {
@ -175,7 +175,7 @@ class WP_Block_Parser {
*
* @example "Pre-text\n<!-- wp:paragraph -->This is inside a block!<!-- /wp:paragraph -->"
*
* @since 3.8.0
* @since 5.0.0
* @var string
*/
public $document;
@ -183,7 +183,7 @@ class WP_Block_Parser {
/**
* Tracks parsing progress through document
*
* @since 3.8.0
* @since 5.0.0
* @var int
*/
public $offset;
@ -191,7 +191,7 @@ class WP_Block_Parser {
/**
* List of parsed blocks
*
* @since 3.8.0
* @since 5.0.0
* @var WP_Block_Parser_Block[]
*/
public $output;
@ -199,7 +199,7 @@ class WP_Block_Parser {
/**
* Stack of partially-parsed structures in memory during parse
*
* @since 3.8.0
* @since 5.0.0
* @var WP_Block_Parser_Frame[]
*/
public $stack;
@ -219,7 +219,7 @@ class WP_Block_Parser {
* parse. In contrast to the specification parser this does not
* return an error on invalid inputs.
*
* @since 3.8.0
* @since 5.0.0
*
* @param string $document Input document being parsed.
* @return WP_Block_Parser_Block[]
@ -249,7 +249,7 @@ class WP_Block_Parser {
* or breaking out of a level of nesting.
*
* @internal
* @since 3.8.0
* @since 5.0.0
* @return bool
*/
function proceed() {
@ -394,7 +394,7 @@ class WP_Block_Parser {
* Returns the type of the find: kind of find, block information, attributes
*
* @internal
* @since 3.8.0
* @since 5.0.0
* @since 4.6.1 fixed a bug in attribute parsing which caused catastrophic backtracking on invalid block comments
* @return array
*/
@ -482,7 +482,7 @@ class WP_Block_Parser {
* to the output list as a freeform block.
*
* @internal
* @since 3.8.0
* @since 5.0.0
* @param null $length how many bytes of document text to output.
*/
function add_freeform( $length = null ) {
@ -500,7 +500,7 @@ class WP_Block_Parser {
* a new block to the output list.
*
* @internal
* @since 3.8.0
* @since 5.0.0
* @param WP_Block_Parser_Block $block The block to add to the output.
* @param int $token_start Byte offset into the document where the first token for the block starts.
* @param int $token_length Byte length of entire block from start of opening token to end of closing token.
@ -524,7 +524,7 @@ class WP_Block_Parser {
* Pushes the top block from the parsing stack to the output list.
*
* @internal
* @since 3.8.0
* @since 5.0.0
* @param int|null $end_offset byte offset into document for where we should stop sending text output as HTML.
*/
function add_block_from_stack( $end_offset = null ) {

View File

@ -1,20 +1,12 @@
/**
* Colors
*/
/**
* Deprecated colors.
* Please avoid using these.
*/
/**
* Breakpoints & Media Queries
*/
/**
* Colors
*/
/**
* Deprecated colors.
* Please avoid using these.
*/
/**
* Fonts & basic variables.
*/
@ -37,6 +29,9 @@
/**
* Border radii.
*/
/**
* Block paddings.
*/
/**
* Breakpoint mixins
*/
@ -76,7 +71,6 @@
line-height: 1;
display: flex; }
.block-directory-block-ratings .block-directory-block-ratings__rating-count {
color: #606a73;
font-size: ms(-2); }
.block-directory-block-ratings svg {
fill: #ffb900; }
@ -100,11 +94,10 @@
font-weight: 500; }
.block-directory-compact-list__item-author {
color: #555d66;
color: #757575;
font-size: 11px; }
.block-directory-downloadable-block-author-info__content {
color: #606a73;
font-size: 12px; }
.block-directory-downloadable-block-author-info__content-author {
@ -133,6 +126,8 @@
height: 36px;
font-size: 36px;
background-color: #ddd; }
.block-directory-downloadable-block-icon > img {
width: 100%; }
.block-directory-downloadable-block-info__content {
margin: 0 0 16px;
@ -142,7 +137,7 @@
display: flex;
align-items: center;
margin-bottom: 2px;
color: #606a73;
color: #757575;
font-size: 12px; }
.block-directory-downloadable-block-info__meta:last-child {
@ -150,7 +145,7 @@
.block-directory-downloadable-block-info__icon {
margin-left: 4px;
fill: #606a73; }
fill: #757575; }
.block-directory-downloadable-block-list-item {
width: 100%;
@ -159,7 +154,7 @@
display: flex;
flex-direction: row;
font-size: 13px;
color: #32373c;
color: #1e1e1e;
align-items: flex-start;
justify-content: center;
background: transparent;
@ -204,7 +199,7 @@
background-color: #f0f0f0; }
.block-directory-downloadable-block-list-item__content {
color: #606a73; }
color: #757575; }
.block-directory-downloadable-block-notice {
margin: 0 0 16px; }
@ -225,14 +220,14 @@
padding: 16px;
margin: 0;
text-align: right;
color: #606a73; }
color: #757575; }
.block-directory-downloadable-blocks-panel__description.has-no-results {
font-style: normal;
padding: 0;
margin: 112px 0;
text-align: center;
color: #606a73; }
color: #757575; }
.block-directory-downloadable-blocks-panel__description.has-no-results .components-spinner {
float: inherit; }

View File

@ -1 +1 @@
:root{--wp-admin-theme-color:#007cba;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-20:#005a87}.block-directory-block-ratings{display:flex}.block-directory-block-ratings>div{line-height:1;display:flex}.block-directory-block-ratings .block-directory-block-ratings__rating-count{color:#606a73;font-size:ms(-2)}.block-directory-block-ratings svg{fill:#ffb900}.block-directory-compact-list{margin:0;list-style:none}.block-directory-compact-list__item{display:flex;flex-direction:row;align-items:center;margin-bottom:16px}.block-directory-compact-list__item:last-child{margin-bottom:0}.block-directory-compact-list__item-details{margin-right:8px}.block-directory-compact-list__item-title{font-weight:500}.block-directory-compact-list__item-author{color:#555d66;font-size:11px}.block-directory-downloadable-block-author-info__content{color:#606a73;font-size:12px}.block-directory-downloadable-block-author-info__content-author{margin-bottom:4px;font-size:13px}.block-directory-downloadable-block-header__row{display:flex;flex-grow:1}.block-directory-downloadable-block-header__row .block-directory-downloadable-block-header__column{display:flex;flex-direction:column;flex-grow:1;padding-right:12px}.block-directory-downloadable-block-header__title{margin:0;font-size:13px;color:currentColor}.block-directory-downloadable-block-icon{width:36px;height:36px}.block-directory-downloadable-block-icon .block-editor-block-icon{width:36px;height:36px;font-size:36px;background-color:#ddd}.block-directory-downloadable-block-info__content{margin:0 0 16px;font-size:13px}.block-directory-downloadable-block-info__meta{display:flex;align-items:center;margin-bottom:2px;color:#606a73;font-size:12px}.block-directory-downloadable-block-info__meta:last-child{margin-bottom:0}.block-directory-downloadable-block-info__icon{margin-left:4px;fill:#606a73}.block-directory-downloadable-block-list-item{width:100%;padding:0;margin:0;display:flex;flex-direction:row;font-size:13px;color:#32373c;align-items:flex-start;justify-content:center;background:transparent;word-break:break-word;border-top:1px solid #ddd;border-bottom:1px solid #ddd;transition:all .05s ease-in-out;position:relative;text-align:right;overflow:hidden}@media (prefers-reduced-motion:reduce){.block-directory-downloadable-block-list-item{transition-duration:0s}}.block-directory-downloadable-block-list-item+.block-directory-downloadable-block-list-item{border-top:none}.block-directory-downloadable-block-list-item:last-child:not(:only-of-type){border-top:0}.block-directory-downloadable-block-list-item:last-child{border-bottom:0}.block-directory-downloadable-block-list-item__panel{display:flex;flex-grow:1;flex-direction:column}.block-directory-downloadable-block-list-item__header{display:flex;flex-direction:column;padding:16px 16px 0}.block-directory-downloadable-block-list-item__body{display:flex;flex-direction:column;padding:16px}.block-directory-downloadable-block-list-item__footer{display:flex;flex-direction:column;padding:16px;background-color:#f0f0f0}.block-directory-downloadable-block-list-item__content{color:#606a73}.block-directory-downloadable-block-notice{margin:0 0 16px}.block-directory-downloadable-block-notice__content{padding-left:12px;margin-bottom:8px}.block-directory-downloadable-blocks-list{list-style:none;margin:0;overflow:hidden;display:flex;flex-wrap:wrap}.block-directory-downloadable-blocks-panel__description{font-style:italic;padding:16px;margin:0;text-align:right;color:#606a73}.block-directory-downloadable-blocks-panel__description.has-no-results{font-style:normal;padding:0;margin:112px 0;text-align:center;color:#606a73}.block-directory-downloadable-blocks-panel__description.has-no-results .components-spinner{float:inherit}.installed-blocks-pre-publish-panel__copy{margin-top:0}
:root{--wp-admin-theme-color:#007cba;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-20:#005a87}.block-directory-block-ratings{display:flex}.block-directory-block-ratings>div{line-height:1;display:flex}.block-directory-block-ratings .block-directory-block-ratings__rating-count{font-size:ms(-2)}.block-directory-block-ratings svg{fill:#ffb900}.block-directory-compact-list{margin:0;list-style:none}.block-directory-compact-list__item{display:flex;flex-direction:row;align-items:center;margin-bottom:16px}.block-directory-compact-list__item:last-child{margin-bottom:0}.block-directory-compact-list__item-details{margin-right:8px}.block-directory-compact-list__item-title{font-weight:500}.block-directory-compact-list__item-author{color:#757575;font-size:11px}.block-directory-downloadable-block-author-info__content{font-size:12px}.block-directory-downloadable-block-author-info__content-author{margin-bottom:4px;font-size:13px}.block-directory-downloadable-block-header__row{display:flex;flex-grow:1}.block-directory-downloadable-block-header__row .block-directory-downloadable-block-header__column{display:flex;flex-direction:column;flex-grow:1;padding-right:12px}.block-directory-downloadable-block-header__title{margin:0;font-size:13px;color:currentColor}.block-directory-downloadable-block-icon{width:36px;height:36px}.block-directory-downloadable-block-icon .block-editor-block-icon{width:36px;height:36px;font-size:36px;background-color:#ddd}.block-directory-downloadable-block-icon>img{width:100%}.block-directory-downloadable-block-info__content{margin:0 0 16px;font-size:13px}.block-directory-downloadable-block-info__meta{display:flex;align-items:center;margin-bottom:2px;color:#757575;font-size:12px}.block-directory-downloadable-block-info__meta:last-child{margin-bottom:0}.block-directory-downloadable-block-info__icon{margin-left:4px;fill:#757575}.block-directory-downloadable-block-list-item{width:100%;padding:0;margin:0;display:flex;flex-direction:row;font-size:13px;color:#1e1e1e;align-items:flex-start;justify-content:center;background:transparent;word-break:break-word;border-top:1px solid #ddd;border-bottom:1px solid #ddd;transition:all .05s ease-in-out;position:relative;text-align:right;overflow:hidden}@media (prefers-reduced-motion:reduce){.block-directory-downloadable-block-list-item{transition-duration:0s}}.block-directory-downloadable-block-list-item+.block-directory-downloadable-block-list-item{border-top:none}.block-directory-downloadable-block-list-item:last-child:not(:only-of-type){border-top:0}.block-directory-downloadable-block-list-item:last-child{border-bottom:0}.block-directory-downloadable-block-list-item__panel{display:flex;flex-grow:1;flex-direction:column}.block-directory-downloadable-block-list-item__header{display:flex;flex-direction:column;padding:16px 16px 0}.block-directory-downloadable-block-list-item__body{display:flex;flex-direction:column;padding:16px}.block-directory-downloadable-block-list-item__footer{display:flex;flex-direction:column;padding:16px;background-color:#f0f0f0}.block-directory-downloadable-block-list-item__content{color:#757575}.block-directory-downloadable-block-notice{margin:0 0 16px}.block-directory-downloadable-block-notice__content{padding-left:12px;margin-bottom:8px}.block-directory-downloadable-blocks-list{list-style:none;margin:0;overflow:hidden;display:flex;flex-wrap:wrap}.block-directory-downloadable-blocks-panel__description{font-style:italic;padding:16px;margin:0;text-align:right;color:#757575}.block-directory-downloadable-blocks-panel__description.has-no-results{font-style:normal;padding:0;margin:112px 0;text-align:center;color:#757575}.block-directory-downloadable-blocks-panel__description.has-no-results .components-spinner{float:inherit}.installed-blocks-pre-publish-panel__copy{margin-top:0}

View File

@ -1,20 +1,12 @@
/**
* Colors
*/
/**
* Deprecated colors.
* Please avoid using these.
*/
/**
* Breakpoints & Media Queries
*/
/**
* Colors
*/
/**
* Deprecated colors.
* Please avoid using these.
*/
/**
* Fonts & basic variables.
*/
@ -37,6 +29,9 @@
/**
* Border radii.
*/
/**
* Block paddings.
*/
/**
* Breakpoint mixins
*/
@ -76,7 +71,6 @@
line-height: 1;
display: flex; }
.block-directory-block-ratings .block-directory-block-ratings__rating-count {
color: #606a73;
font-size: ms(-2); }
.block-directory-block-ratings svg {
fill: #ffb900; }
@ -100,11 +94,10 @@
font-weight: 500; }
.block-directory-compact-list__item-author {
color: #555d66;
color: #757575;
font-size: 11px; }
.block-directory-downloadable-block-author-info__content {
color: #606a73;
font-size: 12px; }
.block-directory-downloadable-block-author-info__content-author {
@ -133,6 +126,8 @@
height: 36px;
font-size: 36px;
background-color: #ddd; }
.block-directory-downloadable-block-icon > img {
width: 100%; }
.block-directory-downloadable-block-info__content {
margin: 0 0 16px;
@ -142,7 +137,7 @@
display: flex;
align-items: center;
margin-bottom: 2px;
color: #606a73;
color: #757575;
font-size: 12px; }
.block-directory-downloadable-block-info__meta:last-child {
@ -150,7 +145,7 @@
.block-directory-downloadable-block-info__icon {
margin-right: 4px;
fill: #606a73; }
fill: #757575; }
.block-directory-downloadable-block-list-item {
width: 100%;
@ -159,7 +154,7 @@
display: flex;
flex-direction: row;
font-size: 13px;
color: #32373c;
color: #1e1e1e;
align-items: flex-start;
justify-content: center;
background: transparent;
@ -204,7 +199,7 @@
background-color: #f0f0f0; }
.block-directory-downloadable-block-list-item__content {
color: #606a73; }
color: #757575; }
.block-directory-downloadable-block-notice {
margin: 0 0 16px; }
@ -225,14 +220,14 @@
padding: 16px;
margin: 0;
text-align: left;
color: #606a73; }
color: #757575; }
.block-directory-downloadable-blocks-panel__description.has-no-results {
font-style: normal;
padding: 0;
margin: 112px 0;
text-align: center;
color: #606a73; }
color: #757575; }
.block-directory-downloadable-blocks-panel__description.has-no-results .components-spinner {
float: inherit; }

View File

@ -1 +1 @@
:root{--wp-admin-theme-color:#007cba;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-20:#005a87}.block-directory-block-ratings{display:flex}.block-directory-block-ratings>div{line-height:1;display:flex}.block-directory-block-ratings .block-directory-block-ratings__rating-count{color:#606a73;font-size:ms(-2)}.block-directory-block-ratings svg{fill:#ffb900}.block-directory-compact-list{margin:0;list-style:none}.block-directory-compact-list__item{display:flex;flex-direction:row;align-items:center;margin-bottom:16px}.block-directory-compact-list__item:last-child{margin-bottom:0}.block-directory-compact-list__item-details{margin-left:8px}.block-directory-compact-list__item-title{font-weight:500}.block-directory-compact-list__item-author{color:#555d66;font-size:11px}.block-directory-downloadable-block-author-info__content{color:#606a73;font-size:12px}.block-directory-downloadable-block-author-info__content-author{margin-bottom:4px;font-size:13px}.block-directory-downloadable-block-header__row{display:flex;flex-grow:1}.block-directory-downloadable-block-header__row .block-directory-downloadable-block-header__column{display:flex;flex-direction:column;flex-grow:1;padding-left:12px}.block-directory-downloadable-block-header__title{margin:0;font-size:13px;color:currentColor}.block-directory-downloadable-block-icon{width:36px;height:36px}.block-directory-downloadable-block-icon .block-editor-block-icon{width:36px;height:36px;font-size:36px;background-color:#ddd}.block-directory-downloadable-block-info__content{margin:0 0 16px;font-size:13px}.block-directory-downloadable-block-info__meta{display:flex;align-items:center;margin-bottom:2px;color:#606a73;font-size:12px}.block-directory-downloadable-block-info__meta:last-child{margin-bottom:0}.block-directory-downloadable-block-info__icon{margin-right:4px;fill:#606a73}.block-directory-downloadable-block-list-item{width:100%;padding:0;margin:0;display:flex;flex-direction:row;font-size:13px;color:#32373c;align-items:flex-start;justify-content:center;background:transparent;word-break:break-word;border-top:1px solid #ddd;border-bottom:1px solid #ddd;transition:all .05s ease-in-out;position:relative;text-align:left;overflow:hidden}@media (prefers-reduced-motion:reduce){.block-directory-downloadable-block-list-item{transition-duration:0s}}.block-directory-downloadable-block-list-item+.block-directory-downloadable-block-list-item{border-top:none}.block-directory-downloadable-block-list-item:last-child:not(:only-of-type){border-top:0}.block-directory-downloadable-block-list-item:last-child{border-bottom:0}.block-directory-downloadable-block-list-item__panel{display:flex;flex-grow:1;flex-direction:column}.block-directory-downloadable-block-list-item__header{display:flex;flex-direction:column;padding:16px 16px 0}.block-directory-downloadable-block-list-item__body{display:flex;flex-direction:column;padding:16px}.block-directory-downloadable-block-list-item__footer{display:flex;flex-direction:column;padding:16px;background-color:#f0f0f0}.block-directory-downloadable-block-list-item__content{color:#606a73}.block-directory-downloadable-block-notice{margin:0 0 16px}.block-directory-downloadable-block-notice__content{padding-right:12px;margin-bottom:8px}.block-directory-downloadable-blocks-list{list-style:none;margin:0;overflow:hidden;display:flex;flex-wrap:wrap}.block-directory-downloadable-blocks-panel__description{font-style:italic;padding:16px;margin:0;text-align:left;color:#606a73}.block-directory-downloadable-blocks-panel__description.has-no-results{font-style:normal;padding:0;margin:112px 0;text-align:center;color:#606a73}.block-directory-downloadable-blocks-panel__description.has-no-results .components-spinner{float:inherit}.installed-blocks-pre-publish-panel__copy{margin-top:0}
:root{--wp-admin-theme-color:#007cba;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-20:#005a87}.block-directory-block-ratings{display:flex}.block-directory-block-ratings>div{line-height:1;display:flex}.block-directory-block-ratings .block-directory-block-ratings__rating-count{font-size:ms(-2)}.block-directory-block-ratings svg{fill:#ffb900}.block-directory-compact-list{margin:0;list-style:none}.block-directory-compact-list__item{display:flex;flex-direction:row;align-items:center;margin-bottom:16px}.block-directory-compact-list__item:last-child{margin-bottom:0}.block-directory-compact-list__item-details{margin-left:8px}.block-directory-compact-list__item-title{font-weight:500}.block-directory-compact-list__item-author{color:#757575;font-size:11px}.block-directory-downloadable-block-author-info__content{font-size:12px}.block-directory-downloadable-block-author-info__content-author{margin-bottom:4px;font-size:13px}.block-directory-downloadable-block-header__row{display:flex;flex-grow:1}.block-directory-downloadable-block-header__row .block-directory-downloadable-block-header__column{display:flex;flex-direction:column;flex-grow:1;padding-left:12px}.block-directory-downloadable-block-header__title{margin:0;font-size:13px;color:currentColor}.block-directory-downloadable-block-icon{width:36px;height:36px}.block-directory-downloadable-block-icon .block-editor-block-icon{width:36px;height:36px;font-size:36px;background-color:#ddd}.block-directory-downloadable-block-icon>img{width:100%}.block-directory-downloadable-block-info__content{margin:0 0 16px;font-size:13px}.block-directory-downloadable-block-info__meta{display:flex;align-items:center;margin-bottom:2px;color:#757575;font-size:12px}.block-directory-downloadable-block-info__meta:last-child{margin-bottom:0}.block-directory-downloadable-block-info__icon{margin-right:4px;fill:#757575}.block-directory-downloadable-block-list-item{width:100%;padding:0;margin:0;display:flex;flex-direction:row;font-size:13px;color:#1e1e1e;align-items:flex-start;justify-content:center;background:transparent;word-break:break-word;border-top:1px solid #ddd;border-bottom:1px solid #ddd;transition:all .05s ease-in-out;position:relative;text-align:left;overflow:hidden}@media (prefers-reduced-motion:reduce){.block-directory-downloadable-block-list-item{transition-duration:0s}}.block-directory-downloadable-block-list-item+.block-directory-downloadable-block-list-item{border-top:none}.block-directory-downloadable-block-list-item:last-child:not(:only-of-type){border-top:0}.block-directory-downloadable-block-list-item:last-child{border-bottom:0}.block-directory-downloadable-block-list-item__panel{display:flex;flex-grow:1;flex-direction:column}.block-directory-downloadable-block-list-item__header{display:flex;flex-direction:column;padding:16px 16px 0}.block-directory-downloadable-block-list-item__body{display:flex;flex-direction:column;padding:16px}.block-directory-downloadable-block-list-item__footer{display:flex;flex-direction:column;padding:16px;background-color:#f0f0f0}.block-directory-downloadable-block-list-item__content{color:#757575}.block-directory-downloadable-block-notice{margin:0 0 16px}.block-directory-downloadable-block-notice__content{padding-right:12px;margin-bottom:8px}.block-directory-downloadable-blocks-list{list-style:none;margin:0;overflow:hidden;display:flex;flex-wrap:wrap}.block-directory-downloadable-blocks-panel__description{font-style:italic;padding:16px;margin:0;text-align:left;color:#757575}.block-directory-downloadable-blocks-panel__description.has-no-results{font-style:normal;padding:0;margin:112px 0;text-align:center;color:#757575}.block-directory-downloadable-blocks-panel__description.has-no-results .components-spinner{float:inherit}.installed-blocks-pre-publish-panel__copy{margin-top:0}

View File

@ -2,20 +2,12 @@
/**
* Colors
*/
/**
* Deprecated colors.
* Please avoid using these.
*/
/**
* Breakpoints & Media Queries
*/
/**
* Colors
*/
/**
* Deprecated colors.
* Please avoid using these.
*/
/**
* Fonts & basic variables.
*/
@ -38,6 +30,9 @@
/**
* Border radii.
*/
/**
* Block paddings.
*/
/**
* Breakpoint mixins
*/
@ -104,7 +99,7 @@
.block-editor-block-inspector .components-panel__body {
border: none;
border-top: 1px solid #f0f0f0; }
border-top: 1px solid #e0e0e0; }
.block-editor-block-inspector .block-editor-block-card {
padding: 16px; }
@ -359,7 +354,7 @@
.block-editor-block-list__insertion-point {
position: relative;
z-index: 6;
margin-top: -14px; }
margin-top: -28px; }
.block-editor-block-list__insertion-point-indicator {
position: absolute;
@ -372,8 +367,7 @@
.block-editor-block-list__insertion-point-inserter {
display: none;
justify-content: center;
cursor: text; }
justify-content: center; }
@media (min-width: 480px) {
.block-editor-block-list__insertion-point-inserter {
display: flex; } }
@ -461,7 +455,7 @@
overflow: hidden;
font-family: Menlo, Consolas, monaco, monospace;
font-size: 15px;
line-height: 150%;
line-height: 1.5;
transition: padding 0.2s linear; }
@media (prefers-reduced-motion: reduce) {
.block-editor-block-list__block .block-editor-block-list__block-html-textarea {
@ -484,10 +478,36 @@
.block-editor-block-contextual-toolbar .block-editor-block-mover.is-horizontal .block-editor-block-mover-button.block-editor-block-mover-button {
min-width: 24px;
width: 24px; }
.block-editor-block-contextual-toolbar .block-editor-block-mover.is-horizontal .block-editor-block-mover-button.block-editor-block-mover-button.is-up-button svg {
transition: ease-in-out transform 0.1s; }
@media (prefers-reduced-motion: reduce) {
.block-editor-block-contextual-toolbar .block-editor-block-mover.is-horizontal .block-editor-block-mover-button.block-editor-block-mover-button.is-up-button svg {
transition-duration: 0s; } }
.block-editor-block-contextual-toolbar .block-editor-block-mover.is-horizontal .block-editor-block-mover-button.block-editor-block-mover-button.is-up-button:focus svg, .block-editor-block-contextual-toolbar .block-editor-block-mover.is-horizontal .block-editor-block-mover-button.block-editor-block-mover-button.is-up-button:hover svg {
transform: translateX(2px); }
.block-editor-block-contextual-toolbar .block-editor-block-mover.is-horizontal .block-editor-block-mover-button.block-editor-block-mover-button.is-down-button svg {
transition: ease-in-out transform 0.1s; }
@media (prefers-reduced-motion: reduce) {
.block-editor-block-contextual-toolbar .block-editor-block-mover.is-horizontal .block-editor-block-mover-button.block-editor-block-mover-button.is-down-button svg {
transition-duration: 0s; } }
.block-editor-block-contextual-toolbar .block-editor-block-mover.is-horizontal .block-editor-block-mover-button.block-editor-block-mover-button.is-down-button:focus svg, .block-editor-block-contextual-toolbar .block-editor-block-mover.is-horizontal .block-editor-block-mover-button.block-editor-block-mover-button.is-down-button:hover svg {
transform: translateX(-2px); }
.block-editor-block-contextual-toolbar .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover-button.is-up-button svg {
margin-top: 3px; }
margin-top: 2px;
transition: ease-in-out transform 0.1s; }
@media (prefers-reduced-motion: reduce) {
.block-editor-block-contextual-toolbar .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover-button.is-up-button svg {
transition-duration: 0s; } }
.block-editor-block-contextual-toolbar .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover-button.is-up-button:focus svg, .block-editor-block-contextual-toolbar .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover-button.is-up-button:hover svg {
transform: translateY(-2px); }
.block-editor-block-contextual-toolbar .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover-button.is-down-button svg {
margin-bottom: 3px; }
margin-bottom: 3px;
transition: ease-in-out transform 0.1s; }
@media (prefers-reduced-motion: reduce) {
.block-editor-block-contextual-toolbar .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover-button.is-down-button svg {
transition-duration: 0s; } }
.block-editor-block-contextual-toolbar .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover-button.is-down-button:focus svg, .block-editor-block-contextual-toolbar .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover-button.is-down-button:hover svg {
transform: translateY(2px); }
.block-editor-block-contextual-toolbar .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover-button:focus::before {
right: 0 !important;
min-width: 0;
@ -534,6 +554,11 @@
overflow-y: visible;
margin-right: 0; }
@keyframes hide-during-dragging {
to {
position: fixed;
transform: translate(-9999px, 9999px); } }
.components-popover.block-editor-block-list__block-popover {
z-index: 31;
position: absolute; }
@ -552,7 +577,8 @@
.components-popover.block-editor-block-list__block-popover .components-popover__content .block-editor-block-contextual-toolbar {
margin-bottom: 12px; }
.is-dragging-components-draggable .components-popover.block-editor-block-list__block-popover {
opacity: 0; }
opacity: 0;
animation: hide-during-dragging 1ms linear forwards; }
.is-dragging-components-draggable .components-tooltip {
display: none; }
@ -623,7 +649,7 @@
align-items: flex-start; }
.block-editor-block-card__icon {
border: 1px solid #ccd0d4;
border: 1px solid #ddd;
padding: 7px;
margin-left: 10px;
height: 36px;
@ -687,7 +713,7 @@
.block-editor-block-compare__wrapper .block-editor-block-compare__html span.block-editor-block-compare__added {
background-color: #acf2bd; }
.block-editor-block-compare__wrapper .block-editor-block-compare__html span.block-editor-block-compare__removed {
background-color: #d94f4f; }
background-color: #cc1818; }
.block-editor-block-compare__wrapper .block-editor-block-compare__preview {
padding: 0;
padding-top: 14px; }
@ -703,7 +729,8 @@
.block-editor-block-draggable-chip-wrapper {
position: absolute;
top: -60px; }
top: -24px;
right: 0; }
.block-editor-block-draggable-chip {
background-color: #1e1e1e;
@ -727,8 +754,7 @@
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 13px; }
.is-dragging.is-selected,
.is-dragging.is-multi-selected {
.is-dragging {
display: none !important; }
.block-editor-block-mobile-toolbar {
@ -761,30 +787,41 @@
.block-editor-block-mover-button.has-icon {
padding: 0; }
.block-editor-block-mover .components-toolbar-group,
.block-editor-block-mover .block-editor-block-mover__move-button-container,
.block-editor-block-mover .components-toolbar {
flex: 1;
flex-direction: row; }
flex-direction: row;
border-left: none !important; }
@media (min-width: 600px) {
.block-editor-block-mover .components-toolbar-group,
.block-editor-block-mover .block-editor-block-mover__move-button-container,
.block-editor-block-mover .components-toolbar {
flex-direction: column; } }
.block-editor-block-mover.is-horizontal .components-toolbar-group,
.block-editor-block-mover.is-horizontal .block-editor-block-mover__move-button-container,
.block-editor-block-mover.is-horizontal .components-toolbar {
flex-direction: row; }
@media (min-width: 600px) {
.block-editor-block-mover .block-editor-block-mover-button {
padding: 0 !important;
height: 24px;
width: 48px; } }
width: 42px;
padding-left: 11px !important;
padding-right: 6px !important; } }
@media (min-width: 600px) {
.block-editor-block-mover .block-editor-block-mover-button::before {
right: 8px !important;
left: 8px !important; } }
.block-editor-block-mover .block-editor-block-mover__drag-handle {
width: 24px;
cursor: grab;
min-width: 24px !important;
padding: 0 !important; }
.block-editor-block-mover .block-editor-block-mover__drag-handle:focus::before {
right: 0 !important;
left: 0 !important; }
@media (min-width: 600px) {
.block-editor-block-mover .components-toolbar-group .block-editor-block-mover-button.is-up-button svg,
.block-editor-block-mover .components-toolbar .block-editor-block-mover-button.is-up-button svg {
@ -807,8 +844,8 @@
padding-right: 0;
padding-left: 0; }
.block-editor-block-mover.is-horizontal .block-editor-block-mover-button.has-icon::before {
top: 0;
bottom: 0;
top: 1px;
bottom: 1px;
min-width: 0;
width: auto;
height: auto; }
@ -853,17 +890,50 @@
.block-editor-block-navigation-leaf {
position: relative; }
.block-editor-block-navigation-leaf.is-dragging {
display: none; }
.block-editor-block-navigation-leaf .block-editor-block-navigation-block-contents {
display: flex;
align-items: center;
width: calc(100% - 0.8em);
width: 100%;
height: auto;
padding: 12px 6px;
margin-top: auto;
margin-bottom: auto;
text-align: right;
color: #40464d;
border-radius: 2px; }
color: #1e1e1e;
border-radius: 2px;
position: relative; }
.block-editor-block-navigation-leaf .block-editor-block-navigation-block-contents.is-dropping-before::before {
content: "";
position: absolute;
pointer-events: none;
transition: border-color 0.1s linear, border-style 0.1s linear, box-shadow 0.1s linear;
top: -2px;
left: 0;
right: 0;
border-top: 4px solid #007cba;
border-top: 4px solid var(--wp-admin-theme-color); }
.block-editor-block-navigation-leaf .block-editor-block-navigation-block-contents.is-dropping-after::before {
content: "";
position: absolute;
pointer-events: none;
transition: border-color 0.1s linear, border-style 0.1s linear, box-shadow 0.1s linear;
bottom: -2px;
left: 0;
right: 0;
border-bottom: 4px solid #007cba;
border-bottom: 4px solid var(--wp-admin-theme-color); }
.block-editor-block-navigation-leaf .block-editor-block-navigation-block-contents.is-dropping-to-inner-blocks::before {
content: "";
position: absolute;
pointer-events: none;
transition: border-color 0.1s linear, border-style 0.1s linear, box-shadow 0.1s linear;
bottom: -2px;
left: 0;
right: 24px;
border-bottom: 4px solid #007cba;
border-bottom: 4px solid var(--wp-admin-theme-color); }
.components-modal__content .block-editor-block-navigation-leaf .block-editor-block-navigation-block-contents {
padding-right: 0;
padding-left: 0; }
@ -890,6 +960,7 @@
padding-bottom: 0; }
.block-editor-block-navigation-leaf .block-editor-block-navigation-block__menu-cell,
.block-editor-block-navigation-leaf .block-editor-block-navigation-block__mover-cell {
line-height: 0;
width: 36px;
opacity: 0;
vertical-align: top; }
@ -981,7 +1052,7 @@
.block-editor-block-navigation-block__contents-cell .block-editor-block-navigation-block__contents-container,
.block-editor-block-navigation-appender__cell .block-editor-block-navigation-block__contents-container {
min-height: 56px; }
min-height: 48px; }
.block-editor-block-navigation-block__contents-cell .block-editor-block-navigator-descender-line,
.block-editor-block-navigation-appender__cell .block-editor-block-navigator-descender-line {
@ -1002,7 +1073,7 @@
top: 1px;
bottom: -2px;
left: -1px;
border-left: 2px solid #a2aab2; }
border-left: 2px solid #949494; }
.block-editor-block-navigation-block__contents-cell .block-editor-block-navigator-descender-line.is-terminated::before,
.block-editor-block-navigation-appender__cell .block-editor-block-navigator-descender-line.is-terminated::before {
border-color: transparent; }
@ -1017,7 +1088,7 @@
top: 26px;
right: 100%;
width: 5px;
border-bottom: 2px solid #a2aab2; }
border-bottom: 2px solid #949494; }
.block-editor-block-navigation-appender__cell .block-editor-block-navigator-descender-line.has-item.is-last-row {
height: 16px; }
@ -1112,18 +1183,21 @@
.block-editor-block-styles__item.is-active .block-editor-block-styles__item-label {
font-weight: bold; }
.block-editor-block-styles__item.is-active .block-editor-block-styles__item-preview {
margin: 0;
border: 2px solid #1e1e1e; }
.block-editor-block-styles__item-preview {
outline: 1px solid transparent;
padding: 0;
margin: 2px;
border-radius: 2px;
display: flex;
overflow: hidden;
background: #fff;
align-items: center;
flex-grow: 1;
min-height: 80px; }
min-height: 80px;
max-height: 160px; }
.block-editor-block-switcher__styles__menugroup {
position: relative; }
@ -1148,6 +1222,9 @@
.components-button.block-editor-block-switcher__no-switcher-icon .block-editor-block-icon {
margin: auto; }
.block-editor-block-switcher__popover {
margin-right: 6px; }
.components-button.block-editor-block-switcher__no-switcher-icon {
width: 48px; }
.components-button.block-editor-block-switcher__no-switcher-icon .block-editor-blocks-icon {
@ -1160,28 +1237,24 @@
.components-button.block-editor-block-switcher__no-switcher-icon:disabled .block-editor-block-icon.has-colors {
color: #1e1e1e !important; }
.block-editor-block-toolbar .components-toolbar-group .components-button.block-editor-block-switcher__no-switcher-icon.has-icon.has-icon,
.block-editor-block-toolbar .components-toolbar .components-button.block-editor-block-switcher__no-switcher-icon.has-icon.has-icon,
.block-editor-block-toolbar .components-toolbar-group .components-button.block-editor-block-switcher__toggle.has-icon.has-icon,
.block-editor-block-toolbar .components-toolbar .components-button.block-editor-block-switcher__toggle.has-icon.has-icon {
padding: 0; }
.block-editor-block-toolbar .components-toolbar-group .components-button.block-editor-block-switcher__no-switcher-icon.has-icon.has-icon .block-editor-block-icon,
.block-editor-block-toolbar .components-toolbar .components-button.block-editor-block-switcher__no-switcher-icon.has-icon.has-icon .block-editor-block-icon,
.block-editor-block-toolbar .components-toolbar-group .components-button.block-editor-block-switcher__toggle.has-icon.has-icon .block-editor-block-icon,
.block-editor-block-toolbar .components-toolbar .components-button.block-editor-block-switcher__toggle.has-icon.has-icon .block-editor-block-icon {
height: 100%;
position: relative;
margin: 0 auto;
display: flex;
align-items: center; }
.block-editor-block-toolbar .components-toolbar-group .components-button.block-editor-block-switcher__no-switcher-icon.has-icon.has-icon::before,
.block-editor-block-toolbar .components-toolbar .components-button.block-editor-block-switcher__no-switcher-icon.has-icon.has-icon::before,
.block-editor-block-toolbar .components-toolbar-group .components-button.block-editor-block-switcher__toggle.has-icon.has-icon::before,
.block-editor-block-toolbar .components-toolbar .components-button.block-editor-block-switcher__toggle.has-icon.has-icon::before {
top: 8px;
left: 8px;
bottom: 8px;
right: 8px; }
.block-editor-block-toolbar .components-toolbar-group .components-button.block-editor-block-switcher__no-switcher-icon.has-icon.has-icon .block-editor-block-icon,
.block-editor-block-toolbar .components-toolbar .components-button.block-editor-block-switcher__no-switcher-icon.has-icon.has-icon .block-editor-block-icon,
.block-editor-block-toolbar .components-toolbar-group .components-button.block-editor-block-switcher__toggle.has-icon.has-icon .block-editor-block-icon,
.block-editor-block-toolbar .components-toolbar .components-button.block-editor-block-switcher__toggle.has-icon.has-icon .block-editor-block-icon {
height: 100%;
position: relative;
margin: 0 auto;
display: flex;
align-items: center; }
.block-editor-block-toolbar .components-toolbar-group .components-button.block-editor-block-switcher__no-switcher-icon.has-icon.has-icon::before,
.block-editor-block-toolbar .components-toolbar .components-button.block-editor-block-switcher__no-switcher-icon.has-icon.has-icon::before,
.block-editor-block-toolbar .components-toolbar-group .components-button.block-editor-block-switcher__toggle.has-icon.has-icon::before,
.block-editor-block-toolbar .components-toolbar .components-button.block-editor-block-switcher__toggle.has-icon.has-icon::before {
top: 8px;
left: 8px;
bottom: 8px;
right: 8px; }
.components-popover.block-editor-block-switcher__popover .components-popover__content {
min-width: 300px; }
@ -1204,7 +1277,7 @@
z-index: 1; }
.block-editor-block-switcher__popover .components-popover__content .components-panel__body + .components-panel__body {
border-top: 1px solid #f0f0f0; }
border-top: 1px solid #e0e0e0; }
.block-editor-block-switcher__popover__preview__parent .block-editor-block-switcher__popover__preview__container {
position: absolute;
@ -1283,19 +1356,19 @@
list-style: none; }
.block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations > li {
list-style: none;
margin: 8px 0 0 8px;
margin: 8px 0 0 20px;
flex-shrink: 1;
max-width: 100px; }
max-width: 100px;
text-align: center; }
.block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations > li button {
display: flex; }
display: inline-flex;
margin-left: 0; }
.block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations .block-editor-block-variation-picker__variation {
padding: 8px; }
.block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations .block-editor-block-variation-picker__variation-label {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 12px;
display: block;
margin-left: 12px;
text-align: center; }
display: block; }
.block-editor-block-variation-picker__variation {
width: 100%; }
@ -1349,12 +1422,12 @@
color: #fff;
border-radius: 2px; }
.block-editor-color-gradient-control__color-indicator {
margin-bottom: 8px; }
.block-editor-color-gradient-control .block-editor-color-gradient-control__color-indicator {
margin-bottom: 12px; }
.block-editor-color-gradient-control__button-tabs {
.block-editor-color-gradient-control .block-editor-color-gradient-control__button-tabs {
display: block;
margin-bottom: 8px; }
margin-bottom: 12px; }
.block-editor-panel-color-gradient-settings .component-color-indicator {
vertical-align: text-bottom; }
@ -1600,7 +1673,7 @@
font-weight: normal; }
.block-editor-link-control__search-item .block-editor-link-control__search-item-info {
display: block;
color: #6c7781;
color: #757575;
font-size: 0.9em;
line-height: 1.3; }
.block-editor-link-control__search-item .block-editor-link-control__search-item-type {
@ -1717,7 +1790,7 @@
flex-direction: column;
width: 100%;
font-size: 13px;
color: #32373c;
color: #1e1e1e;
padding: 8px;
align-items: stretch;
justify-content: center;
@ -1776,28 +1849,30 @@
.block-editor-media-replace-flow__indicator {
margin-right: 4px; }
.block-editor-media-replace-flow__media-upload-menu {
margin-bottom: 16px; }
.block-editor-media-flow__url-input .block-editor-media-replace-flow__image-url-label {
top: 16px; }
.block-editor-media-flow__url-input .block-editor-link-control {
margin-top: -16px;
width: auto; }
.block-editor-media-flow__url-input .block-editor-link-control .components-base-control .components-base-control__field {
margin-bottom: 0; }
.block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-item-title {
max-width: 180px;
margin-top: 16px; }
.block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-item.is-current {
width: auto;
padding: 0; }
.block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type="text"] {
margin: 16px 0 0 0;
width: 100%; }
.block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-actions {
left: 4px; }
.block-editor-media-flow__url-input {
border-top: 1px solid #1e1e1e;
margin-top: 12px;
margin-left: -12px;
margin-right: -12px;
padding: 12px 24px 0; }
.block-editor-media-flow__url-input .block-editor-media-replace-flow__image-url-label {
top: 16px; }
.block-editor-media-flow__url-input .block-editor-link-control {
margin-top: -16px;
width: auto; }
.block-editor-media-flow__url-input .block-editor-link-control .components-base-control .components-base-control__field {
margin-bottom: 0; }
.block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-item-title {
max-width: 180px;
margin-top: 16px; }
.block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-item.is-current {
width: auto;
padding: 0; }
.block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type="text"] {
margin: 16px 0 0 0;
width: 100%; }
.block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-actions {
left: 4px; }
.block-editor-media-flow__error {
padding: 0 20px 20px 20px;
@ -1878,7 +1953,7 @@
.block-editor-responsive-block-control {
margin-bottom: 28px;
border-bottom: 1px solid #d7dade;
border-bottom: 1px solid #ccc;
padding-bottom: 14px; }
.block-editor-responsive-block-control:last-child {
padding-bottom: 0;
@ -1982,7 +2057,7 @@ figcaption.block-editor-rich-text__editable [data-rich-text-placeholder]::before
margin-bottom: -12px;
padding: 12px 20px;
border-top: 1px solid #ddd;
color: #6c7781; }
color: #757575; }
.block-editor-block-list__block .block-editor-url-input,
.components-popover .block-editor-url-input,
@ -2095,7 +2170,7 @@ figcaption.block-editor-rich-text__editable [data-rich-text-placeholder]::before
.block-editor-url-input__suggestion {
padding: 4px 8px;
color: #6c7781;
color: #757575;
display: block;
font-size: 13px;
cursor: pointer;
@ -2211,15 +2286,14 @@ figcaption.block-editor-rich-text__editable [data-rich-text-placeholder]::before
min-width: 150px;
max-width: 500px; }
.block-editor-url-popover__link-viewer-url.has-invalid-link {
color: #d94f4f; }
color: #cc1818; }
.block-editor-warning {
align-items: center;
display: flex;
flex-wrap: wrap;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 13px;
padding: 6px 12px;
padding: 1em;
border: 1px solid #1e1e1e;
border-radius: 2px;
background-color: #fff; }
@ -2227,7 +2301,7 @@ figcaption.block-editor-rich-text__editable [data-rich-text-placeholder]::before
line-height: 1.4;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 13px;
margin: 1em 0; }
margin: 0 0 1em; }
.block-editor-warning p.block-editor-warning__message.block-editor-warning__message {
min-height: auto; }
.block-editor-warning .block-editor-warning__contents {
@ -2240,11 +2314,14 @@ figcaption.block-editor-rich-text__editable [data-rich-text-placeholder]::before
.block-editor-warning .block-editor-warning__actions {
display: flex; }
.block-editor-warning .block-editor-warning__action {
margin: 0 8px 0 0; }
margin: 0 0 0 8px; }
.block-editor-warning__secondary {
margin: auto 8px auto 0; }
.components-popover.block-editor-warning__dropdown {
z-index: 99998; }
.block-editor-writing-flow {
display: flex;
flex-direction: column; }
@ -2288,6 +2365,19 @@ figcaption.block-editor-rich-text__editable [data-rich-text-placeholder]::before
.block-editor-block-toolbar > :last-child .components-toolbar {
border-left: none; }
.block-editor-block-toolbar__block-controls {
height: auto !important;
padding: 0 !important; }
.block-editor-block-toolbar__block-controls .block-editor-block-switcher .components-dropdown-menu__toggle .block-editor-block-icon,
.block-editor-block-toolbar__block-controls .block-editor-block-switcher__no-switcher-icon .block-editor-block-icon {
width: 24px !important;
margin: 0 !important; }
.block-editor-block-toolbar__block-controls .block-editor-block-switcher .components-dropdown-menu__toggle:focus::before,
.block-editor-block-toolbar__block-controls .block-editor-block-switcher__no-switcher-icon:focus::before {
left: 4px !important; }
.block-editor-block-toolbar__block-controls .block-editor-block-mover {
margin-right: -6px; }
.block-editor-block-toolbar .components-toolbar-group,
.block-editor-block-toolbar .components-toolbar,
.block-editor-format-toolbar .components-toolbar-group,
@ -2351,7 +2441,7 @@ figcaption.block-editor-rich-text__editable [data-rich-text-placeholder]::before
padding: 0;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 13px;
line-height: 1.4; }
line-height: 0; }
@media (min-width: 782px) {
.block-editor-inserter {
position: relative; } }
@ -2398,7 +2488,7 @@ figcaption.block-editor-rich-text__editable [data-rich-text-placeholder]::before
border-bottom-color: #fff; }
.components-popover.block-editor-inserter__popover {
z-index: 99998; }
z-index: 99999; }
.block-editor-inserter__search {
padding: 16px;
@ -2462,11 +2552,9 @@ figcaption.block-editor-rich-text__editable [data-rich-text-placeholder]::before
box-shadow: 0 0 0 1.5px #007cba;
box-shadow: 0 0 0 1.5px var(--wp-admin-theme-color); }
.block-editor-inserter__search input[type="search"].block-editor-inserter__search-input:-ms-input-placeholder {
color: #606a73; }
.block-editor-inserter__search input[type="search"].block-editor-inserter__search-input::-ms-input-placeholder {
color: #606a73; }
color: #757575; }
.block-editor-inserter__search input[type="search"].block-editor-inserter__search-input::placeholder {
color: #606a73; }
color: #757575; }
.block-editor-inserter__search input[type="search"].block-editor-inserter__search-input::-webkit-search-decoration, .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input::-webkit-search-cancel-button, .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input::-webkit-search-results-button, .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input::-webkit-search-results-decoration {
-webkit-appearance: none; }
@ -2505,22 +2593,33 @@ figcaption.block-editor-rich-text__editable [data-rich-text-placeholder]::before
align-items: center;
padding: 16px 16px 0; }
.block-editor-inserter__panel-content {
padding: 0 16px; }
.block-editor-inserter__panel-header-patterns {
padding: 16px 8px 0 16px; }
.block-editor-inserter__panel-title {
.block-editor-inserter__panel-content {
padding: 16px; }
.block-editor-inserter__panel-title,
.block-editor-inserter__panel-title button,
.components-custom-select-control__menu li {
margin: 0 0 0 12px;
color: #757575;
text-transform: uppercase;
font-size: 11px;
font-weight: 500; }
.block-editor-inserter__panel-dropdown select.components-select-control__input.components-select-control__input.components-select-control__input {
line-height: 1.2; }
.block-editor-inserter__panel-dropdown select {
border: none; }
.block-editor-inserter__block-list {
flex-grow: 1;
position: relative; }
.block-editor-inserter__popover .block-editor-block-types-list {
margin: 0 -8px; }
margin: -8px; }
.block-editor-inserter__reusable-blocks-panel {
position: relative;
@ -2536,7 +2635,7 @@ figcaption.block-editor-rich-text__editable [data-rich-text-placeholder]::before
text-align: center; }
.block-editor-inserter__no-results-icon {
fill: #b5bcc2; }
fill: #949494; }
.block-editor-inserter__child-blocks {
padding: 0 16px; }
@ -2557,7 +2656,9 @@ figcaption.block-editor-rich-text__editable [data-rich-text-placeholder]::before
border: 1px solid #ddd;
position: absolute;
top: 16px;
right: calc(100% + 16px); }
right: calc(100% + 16px);
max-height: calc(100% - 32px);
overflow-y: hidden; }
@media (min-width: 782px) {
.block-editor-inserter__preview-container {
display: block; } }
@ -2580,7 +2681,7 @@ figcaption.block-editor-rich-text__editable [data-rich-text-placeholder]::before
justify-content: center;
align-items: center;
min-height: 144px;
color: #606a73;
color: #757575;
background: #f0f0f0; }
.block-editor-inserter__tips {
@ -2592,17 +2693,23 @@ figcaption.block-editor-rich-text__editable [data-rich-text-placeholder]::before
padding: 16px; }
.block-editor-inserter__quick-inserter {
width: 100%; }
width: 100%;
max-width: 100%; }
@media (min-width: 782px) {
.block-editor-inserter__quick-inserter {
width: 350px; } }
.block-editor-inserter__quick-inserter-results {
padding-bottom: 16px; }
.block-editor-inserter__quick-inserter-results .block-editor-inserter__panel-header {
height: 0;
padding: 0;
float: right; }
.block-editor-inserter__quick-inserter-results .block-editor-inserter__panel-header {
height: 0;
padding: 0;
float: right; }
.block-editor-inserter__quick-inserter .block-editor-inserter__panel-content {
padding: 8px; }
.block-editor-inserter__quick-inserter.has-search .block-editor-inserter__panel-content,
.block-editor-inserter__quick-inserter.has-expand .block-editor-inserter__panel-content {
padding: 16px; }
.block-editor-inserter__quick-inserter-patterns {
display: -ms-grid;
@ -2630,8 +2737,6 @@ figcaption.block-editor-rich-text__editable [data-rich-text-placeholder]::before
box-shadow: inset 0 0 0 1.5px #1e1e1e, inset 0 0 0 2px #fff; }
.block-editor-post-preview__dropdown {
display: none;
margin-left: 12px;
padding: 0; }
.block-editor-post-preview__button-resize.block-editor-post-preview__button-resize {
@ -2642,14 +2747,16 @@ figcaption.block-editor-rich-text__editable [data-rich-text-placeholder]::before
.block-editor-post-preview__dropdown-content .components-popover__content {
overflow-y: visible; }
.block-editor-post-preview__dropdown-content.edit-post-post-preview-dropdown .components-menu-group:first-child {
padding-bottom: 8px; }
.block-editor-post-preview__dropdown-content.edit-post-post-preview-dropdown .components-menu-group:last-child {
margin-bottom: 0; }
.block-editor-post-preview__dropdown-content .components-menu-group + .components-menu-group {
border-top: 1px solid #ccc;
padding: 8px 12px;
margin-right: -12px;
margin-left: -12px; }
padding: 8px; }
@media (min-width: 600px) {
.editor-post-preview {
display: none; }
.block-editor-post-preview__dropdown {
display: flex; } }
.edit-post-header__settings .editor-post-preview,
.edit-site-header__actions .editor-post-preview {
display: none; } }

File diff suppressed because one or more lines are too long

View File

@ -2,20 +2,12 @@
/**
* Colors
*/
/**
* Deprecated colors.
* Please avoid using these.
*/
/**
* Breakpoints & Media Queries
*/
/**
* Colors
*/
/**
* Deprecated colors.
* Please avoid using these.
*/
/**
* Fonts & basic variables.
*/
@ -38,6 +30,9 @@
/**
* Border radii.
*/
/**
* Block paddings.
*/
/**
* Breakpoint mixins
*/
@ -104,7 +99,7 @@
.block-editor-block-inspector .components-panel__body {
border: none;
border-top: 1px solid #f0f0f0; }
border-top: 1px solid #e0e0e0; }
.block-editor-block-inspector .block-editor-block-card {
padding: 16px; }
@ -363,7 +358,7 @@
.block-editor-block-list__insertion-point {
position: relative;
z-index: 6;
margin-top: -14px; }
margin-top: -28px; }
.block-editor-block-list__insertion-point-indicator {
position: absolute;
@ -376,8 +371,7 @@
.block-editor-block-list__insertion-point-inserter {
display: none;
justify-content: center;
cursor: text; }
justify-content: center; }
@media (min-width: 480px) {
.block-editor-block-list__insertion-point-inserter {
display: flex; } }
@ -465,7 +459,7 @@
overflow: hidden;
font-family: Menlo, Consolas, monaco, monospace;
font-size: 15px;
line-height: 150%;
line-height: 1.5;
transition: padding 0.2s linear; }
@media (prefers-reduced-motion: reduce) {
.block-editor-block-list__block .block-editor-block-list__block-html-textarea {
@ -488,10 +482,36 @@
.block-editor-block-contextual-toolbar .block-editor-block-mover.is-horizontal .block-editor-block-mover-button.block-editor-block-mover-button {
min-width: 24px;
width: 24px; }
.block-editor-block-contextual-toolbar .block-editor-block-mover.is-horizontal .block-editor-block-mover-button.block-editor-block-mover-button.is-up-button svg {
transition: ease-in-out transform 0.1s; }
@media (prefers-reduced-motion: reduce) {
.block-editor-block-contextual-toolbar .block-editor-block-mover.is-horizontal .block-editor-block-mover-button.block-editor-block-mover-button.is-up-button svg {
transition-duration: 0s; } }
.block-editor-block-contextual-toolbar .block-editor-block-mover.is-horizontal .block-editor-block-mover-button.block-editor-block-mover-button.is-up-button:focus svg, .block-editor-block-contextual-toolbar .block-editor-block-mover.is-horizontal .block-editor-block-mover-button.block-editor-block-mover-button.is-up-button:hover svg {
transform: translateX(-2px); }
.block-editor-block-contextual-toolbar .block-editor-block-mover.is-horizontal .block-editor-block-mover-button.block-editor-block-mover-button.is-down-button svg {
transition: ease-in-out transform 0.1s; }
@media (prefers-reduced-motion: reduce) {
.block-editor-block-contextual-toolbar .block-editor-block-mover.is-horizontal .block-editor-block-mover-button.block-editor-block-mover-button.is-down-button svg {
transition-duration: 0s; } }
.block-editor-block-contextual-toolbar .block-editor-block-mover.is-horizontal .block-editor-block-mover-button.block-editor-block-mover-button.is-down-button:focus svg, .block-editor-block-contextual-toolbar .block-editor-block-mover.is-horizontal .block-editor-block-mover-button.block-editor-block-mover-button.is-down-button:hover svg {
transform: translateX(2px); }
.block-editor-block-contextual-toolbar .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover-button.is-up-button svg {
margin-top: 3px; }
margin-top: 2px;
transition: ease-in-out transform 0.1s; }
@media (prefers-reduced-motion: reduce) {
.block-editor-block-contextual-toolbar .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover-button.is-up-button svg {
transition-duration: 0s; } }
.block-editor-block-contextual-toolbar .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover-button.is-up-button:focus svg, .block-editor-block-contextual-toolbar .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover-button.is-up-button:hover svg {
transform: translateY(-2px); }
.block-editor-block-contextual-toolbar .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover-button.is-down-button svg {
margin-bottom: 3px; }
margin-bottom: 3px;
transition: ease-in-out transform 0.1s; }
@media (prefers-reduced-motion: reduce) {
.block-editor-block-contextual-toolbar .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover-button.is-down-button svg {
transition-duration: 0s; } }
.block-editor-block-contextual-toolbar .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover-button.is-down-button:focus svg, .block-editor-block-contextual-toolbar .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover-button.is-down-button:hover svg {
transform: translateY(2px); }
.block-editor-block-contextual-toolbar .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover-button:focus::before {
left: 0 !important;
min-width: 0;
@ -538,6 +558,11 @@
overflow-y: visible;
margin-left: 0; }
@keyframes hide-during-dragging {
to {
position: fixed;
transform: translate(9999px, 9999px); } }
.components-popover.block-editor-block-list__block-popover {
z-index: 31;
position: absolute; }
@ -556,7 +581,8 @@
.components-popover.block-editor-block-list__block-popover .components-popover__content .block-editor-block-contextual-toolbar {
margin-bottom: 12px; }
.is-dragging-components-draggable .components-popover.block-editor-block-list__block-popover {
opacity: 0; }
opacity: 0;
animation: hide-during-dragging 1ms linear forwards; }
.is-dragging-components-draggable .components-tooltip {
display: none; }
@ -627,7 +653,7 @@
align-items: flex-start; }
.block-editor-block-card__icon {
border: 1px solid #ccd0d4;
border: 1px solid #ddd;
padding: 7px;
margin-right: 10px;
height: 36px;
@ -691,7 +717,7 @@
.block-editor-block-compare__wrapper .block-editor-block-compare__html span.block-editor-block-compare__added {
background-color: #acf2bd; }
.block-editor-block-compare__wrapper .block-editor-block-compare__html span.block-editor-block-compare__removed {
background-color: #d94f4f; }
background-color: #cc1818; }
.block-editor-block-compare__wrapper .block-editor-block-compare__preview {
padding: 0;
padding-top: 14px; }
@ -707,7 +733,8 @@
.block-editor-block-draggable-chip-wrapper {
position: absolute;
top: -60px; }
top: -24px;
left: 0; }
.block-editor-block-draggable-chip {
background-color: #1e1e1e;
@ -731,8 +758,7 @@
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 13px; }
.is-dragging.is-selected,
.is-dragging.is-multi-selected {
.is-dragging {
display: none !important; }
.block-editor-block-mobile-toolbar {
@ -765,30 +791,41 @@
.block-editor-block-mover-button.has-icon {
padding: 0; }
.block-editor-block-mover .components-toolbar-group,
.block-editor-block-mover .block-editor-block-mover__move-button-container,
.block-editor-block-mover .components-toolbar {
flex: 1;
flex-direction: row; }
flex-direction: row;
border-right: none !important; }
@media (min-width: 600px) {
.block-editor-block-mover .components-toolbar-group,
.block-editor-block-mover .block-editor-block-mover__move-button-container,
.block-editor-block-mover .components-toolbar {
flex-direction: column; } }
.block-editor-block-mover.is-horizontal .components-toolbar-group,
.block-editor-block-mover.is-horizontal .block-editor-block-mover__move-button-container,
.block-editor-block-mover.is-horizontal .components-toolbar {
flex-direction: row; }
@media (min-width: 600px) {
.block-editor-block-mover .block-editor-block-mover-button {
padding: 0 !important;
height: 24px;
width: 48px; } }
width: 42px;
padding-right: 11px !important;
padding-left: 6px !important; } }
@media (min-width: 600px) {
.block-editor-block-mover .block-editor-block-mover-button::before {
left: 8px !important;
right: 8px !important; } }
.block-editor-block-mover .block-editor-block-mover__drag-handle {
width: 24px;
cursor: grab;
min-width: 24px !important;
padding: 0 !important; }
.block-editor-block-mover .block-editor-block-mover__drag-handle:focus::before {
left: 0 !important;
right: 0 !important; }
@media (min-width: 600px) {
.block-editor-block-mover .components-toolbar-group .block-editor-block-mover-button.is-up-button svg,
.block-editor-block-mover .components-toolbar .block-editor-block-mover-button.is-up-button svg {
@ -811,8 +848,8 @@
padding-left: 0;
padding-right: 0; }
.block-editor-block-mover.is-horizontal .block-editor-block-mover-button.has-icon::before {
top: 0;
bottom: 0;
top: 1px;
bottom: 1px;
min-width: 0;
width: auto;
height: auto; }
@ -857,17 +894,50 @@
.block-editor-block-navigation-leaf {
position: relative; }
.block-editor-block-navigation-leaf.is-dragging {
display: none; }
.block-editor-block-navigation-leaf .block-editor-block-navigation-block-contents {
display: flex;
align-items: center;
width: calc(100% - 0.8em);
width: 100%;
height: auto;
padding: 12px 6px;
margin-top: auto;
margin-bottom: auto;
text-align: left;
color: #40464d;
border-radius: 2px; }
color: #1e1e1e;
border-radius: 2px;
position: relative; }
.block-editor-block-navigation-leaf .block-editor-block-navigation-block-contents.is-dropping-before::before {
content: "";
position: absolute;
pointer-events: none;
transition: border-color 0.1s linear, border-style 0.1s linear, box-shadow 0.1s linear;
top: -2px;
right: 0;
left: 0;
border-top: 4px solid #007cba;
border-top: 4px solid var(--wp-admin-theme-color); }
.block-editor-block-navigation-leaf .block-editor-block-navigation-block-contents.is-dropping-after::before {
content: "";
position: absolute;
pointer-events: none;
transition: border-color 0.1s linear, border-style 0.1s linear, box-shadow 0.1s linear;
bottom: -2px;
right: 0;
left: 0;
border-bottom: 4px solid #007cba;
border-bottom: 4px solid var(--wp-admin-theme-color); }
.block-editor-block-navigation-leaf .block-editor-block-navigation-block-contents.is-dropping-to-inner-blocks::before {
content: "";
position: absolute;
pointer-events: none;
transition: border-color 0.1s linear, border-style 0.1s linear, box-shadow 0.1s linear;
bottom: -2px;
right: 0;
left: 24px;
border-bottom: 4px solid #007cba;
border-bottom: 4px solid var(--wp-admin-theme-color); }
.components-modal__content .block-editor-block-navigation-leaf .block-editor-block-navigation-block-contents {
padding-left: 0;
padding-right: 0; }
@ -894,6 +964,7 @@
padding-bottom: 0; }
.block-editor-block-navigation-leaf .block-editor-block-navigation-block__menu-cell,
.block-editor-block-navigation-leaf .block-editor-block-navigation-block__mover-cell {
line-height: 0;
width: 36px;
opacity: 0;
vertical-align: top; }
@ -985,7 +1056,7 @@
.block-editor-block-navigation-block__contents-cell .block-editor-block-navigation-block__contents-container,
.block-editor-block-navigation-appender__cell .block-editor-block-navigation-block__contents-container {
min-height: 56px; }
min-height: 48px; }
.block-editor-block-navigation-block__contents-cell .block-editor-block-navigator-descender-line,
.block-editor-block-navigation-appender__cell .block-editor-block-navigator-descender-line {
@ -1006,7 +1077,7 @@
top: 1px;
bottom: -2px;
right: -1px;
border-right: 2px solid #a2aab2; }
border-right: 2px solid #949494; }
.block-editor-block-navigation-block__contents-cell .block-editor-block-navigator-descender-line.is-terminated::before,
.block-editor-block-navigation-appender__cell .block-editor-block-navigator-descender-line.is-terminated::before {
border-color: transparent; }
@ -1021,7 +1092,7 @@
top: 26px;
left: 100%;
width: 5px;
border-bottom: 2px solid #a2aab2; }
border-bottom: 2px solid #949494; }
.block-editor-block-navigation-appender__cell .block-editor-block-navigator-descender-line.has-item.is-last-row {
height: 16px; }
@ -1116,18 +1187,21 @@
.block-editor-block-styles__item.is-active .block-editor-block-styles__item-label {
font-weight: bold; }
.block-editor-block-styles__item.is-active .block-editor-block-styles__item-preview {
margin: 0;
border: 2px solid #1e1e1e; }
.block-editor-block-styles__item-preview {
outline: 1px solid transparent;
padding: 0;
margin: 2px;
border-radius: 2px;
display: flex;
overflow: hidden;
background: #fff;
align-items: center;
flex-grow: 1;
min-height: 80px; }
min-height: 80px;
max-height: 160px; }
.block-editor-block-switcher__styles__menugroup {
position: relative; }
@ -1152,6 +1226,9 @@
.components-button.block-editor-block-switcher__no-switcher-icon .block-editor-block-icon {
margin: auto; }
.block-editor-block-switcher__popover {
margin-left: 6px; }
.components-button.block-editor-block-switcher__no-switcher-icon {
width: 48px; }
.components-button.block-editor-block-switcher__no-switcher-icon .block-editor-blocks-icon {
@ -1164,28 +1241,24 @@
.components-button.block-editor-block-switcher__no-switcher-icon:disabled .block-editor-block-icon.has-colors {
color: #1e1e1e !important; }
.block-editor-block-toolbar .components-toolbar-group .components-button.block-editor-block-switcher__no-switcher-icon.has-icon.has-icon,
.block-editor-block-toolbar .components-toolbar .components-button.block-editor-block-switcher__no-switcher-icon.has-icon.has-icon,
.block-editor-block-toolbar .components-toolbar-group .components-button.block-editor-block-switcher__toggle.has-icon.has-icon,
.block-editor-block-toolbar .components-toolbar .components-button.block-editor-block-switcher__toggle.has-icon.has-icon {
padding: 0; }
.block-editor-block-toolbar .components-toolbar-group .components-button.block-editor-block-switcher__no-switcher-icon.has-icon.has-icon .block-editor-block-icon,
.block-editor-block-toolbar .components-toolbar .components-button.block-editor-block-switcher__no-switcher-icon.has-icon.has-icon .block-editor-block-icon,
.block-editor-block-toolbar .components-toolbar-group .components-button.block-editor-block-switcher__toggle.has-icon.has-icon .block-editor-block-icon,
.block-editor-block-toolbar .components-toolbar .components-button.block-editor-block-switcher__toggle.has-icon.has-icon .block-editor-block-icon {
height: 100%;
position: relative;
margin: 0 auto;
display: flex;
align-items: center; }
.block-editor-block-toolbar .components-toolbar-group .components-button.block-editor-block-switcher__no-switcher-icon.has-icon.has-icon::before,
.block-editor-block-toolbar .components-toolbar .components-button.block-editor-block-switcher__no-switcher-icon.has-icon.has-icon::before,
.block-editor-block-toolbar .components-toolbar-group .components-button.block-editor-block-switcher__toggle.has-icon.has-icon::before,
.block-editor-block-toolbar .components-toolbar .components-button.block-editor-block-switcher__toggle.has-icon.has-icon::before {
top: 8px;
right: 8px;
bottom: 8px;
left: 8px; }
.block-editor-block-toolbar .components-toolbar-group .components-button.block-editor-block-switcher__no-switcher-icon.has-icon.has-icon .block-editor-block-icon,
.block-editor-block-toolbar .components-toolbar .components-button.block-editor-block-switcher__no-switcher-icon.has-icon.has-icon .block-editor-block-icon,
.block-editor-block-toolbar .components-toolbar-group .components-button.block-editor-block-switcher__toggle.has-icon.has-icon .block-editor-block-icon,
.block-editor-block-toolbar .components-toolbar .components-button.block-editor-block-switcher__toggle.has-icon.has-icon .block-editor-block-icon {
height: 100%;
position: relative;
margin: 0 auto;
display: flex;
align-items: center; }
.block-editor-block-toolbar .components-toolbar-group .components-button.block-editor-block-switcher__no-switcher-icon.has-icon.has-icon::before,
.block-editor-block-toolbar .components-toolbar .components-button.block-editor-block-switcher__no-switcher-icon.has-icon.has-icon::before,
.block-editor-block-toolbar .components-toolbar-group .components-button.block-editor-block-switcher__toggle.has-icon.has-icon::before,
.block-editor-block-toolbar .components-toolbar .components-button.block-editor-block-switcher__toggle.has-icon.has-icon::before {
top: 8px;
right: 8px;
bottom: 8px;
left: 8px; }
.components-popover.block-editor-block-switcher__popover .components-popover__content {
min-width: 300px; }
@ -1208,7 +1281,7 @@
z-index: 1; }
.block-editor-block-switcher__popover .components-popover__content .components-panel__body + .components-panel__body {
border-top: 1px solid #f0f0f0; }
border-top: 1px solid #e0e0e0; }
.block-editor-block-switcher__popover__preview__parent .block-editor-block-switcher__popover__preview__container {
position: absolute;
@ -1287,19 +1360,19 @@
list-style: none; }
.block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations > li {
list-style: none;
margin: 8px 8px 0 0;
margin: 8px 20px 0 0;
flex-shrink: 1;
max-width: 100px; }
max-width: 100px;
text-align: center; }
.block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations > li button {
display: flex; }
display: inline-flex;
margin-right: 0; }
.block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations .block-editor-block-variation-picker__variation {
padding: 8px; }
.block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations .block-editor-block-variation-picker__variation-label {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 12px;
display: block;
margin-right: 12px;
text-align: center; }
display: block; }
.block-editor-block-variation-picker__variation {
width: 100%; }
@ -1353,12 +1426,12 @@
color: #fff;
border-radius: 2px; }
.block-editor-color-gradient-control__color-indicator {
margin-bottom: 8px; }
.block-editor-color-gradient-control .block-editor-color-gradient-control__color-indicator {
margin-bottom: 12px; }
.block-editor-color-gradient-control__button-tabs {
.block-editor-color-gradient-control .block-editor-color-gradient-control__button-tabs {
display: block;
margin-bottom: 8px; }
margin-bottom: 12px; }
.block-editor-panel-color-gradient-settings .component-color-indicator {
vertical-align: text-bottom; }
@ -1604,7 +1677,7 @@
font-weight: normal; }
.block-editor-link-control__search-item .block-editor-link-control__search-item-info {
display: block;
color: #6c7781;
color: #757575;
font-size: 0.9em;
line-height: 1.3; }
.block-editor-link-control__search-item .block-editor-link-control__search-item-type {
@ -1721,7 +1794,7 @@
flex-direction: column;
width: 100%;
font-size: 13px;
color: #32373c;
color: #1e1e1e;
padding: 8px;
align-items: stretch;
justify-content: center;
@ -1780,28 +1853,30 @@
.block-editor-media-replace-flow__indicator {
margin-left: 4px; }
.block-editor-media-replace-flow__media-upload-menu {
margin-bottom: 16px; }
.block-editor-media-flow__url-input .block-editor-media-replace-flow__image-url-label {
top: 16px; }
.block-editor-media-flow__url-input .block-editor-link-control {
margin-top: -16px;
width: auto; }
.block-editor-media-flow__url-input .block-editor-link-control .components-base-control .components-base-control__field {
margin-bottom: 0; }
.block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-item-title {
max-width: 180px;
margin-top: 16px; }
.block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-item.is-current {
width: auto;
padding: 0; }
.block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type="text"] {
margin: 16px 0 0 0;
width: 100%; }
.block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-actions {
right: 4px; }
.block-editor-media-flow__url-input {
border-top: 1px solid #1e1e1e;
margin-top: 12px;
margin-right: -12px;
margin-left: -12px;
padding: 12px 24px 0; }
.block-editor-media-flow__url-input .block-editor-media-replace-flow__image-url-label {
top: 16px; }
.block-editor-media-flow__url-input .block-editor-link-control {
margin-top: -16px;
width: auto; }
.block-editor-media-flow__url-input .block-editor-link-control .components-base-control .components-base-control__field {
margin-bottom: 0; }
.block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-item-title {
max-width: 180px;
margin-top: 16px; }
.block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-item.is-current {
width: auto;
padding: 0; }
.block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type="text"] {
margin: 16px 0 0 0;
width: 100%; }
.block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-actions {
right: 4px; }
.block-editor-media-flow__error {
padding: 0 20px 20px 20px;
@ -1882,7 +1957,7 @@
.block-editor-responsive-block-control {
margin-bottom: 28px;
border-bottom: 1px solid #d7dade;
border-bottom: 1px solid #ccc;
padding-bottom: 14px; }
.block-editor-responsive-block-control:last-child {
padding-bottom: 0;
@ -1986,7 +2061,7 @@ figcaption.block-editor-rich-text__editable [data-rich-text-placeholder]::before
margin-bottom: -12px;
padding: 12px 20px;
border-top: 1px solid #ddd;
color: #6c7781; }
color: #757575; }
.block-editor-block-list__block .block-editor-url-input,
.components-popover .block-editor-url-input,
@ -2099,7 +2174,7 @@ figcaption.block-editor-rich-text__editable [data-rich-text-placeholder]::before
.block-editor-url-input__suggestion {
padding: 4px 8px;
color: #6c7781;
color: #757575;
display: block;
font-size: 13px;
cursor: pointer;
@ -2215,15 +2290,14 @@ figcaption.block-editor-rich-text__editable [data-rich-text-placeholder]::before
min-width: 150px;
max-width: 500px; }
.block-editor-url-popover__link-viewer-url.has-invalid-link {
color: #d94f4f; }
color: #cc1818; }
.block-editor-warning {
align-items: center;
display: flex;
flex-wrap: wrap;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 13px;
padding: 6px 12px;
padding: 1em;
border: 1px solid #1e1e1e;
border-radius: 2px;
background-color: #fff; }
@ -2231,7 +2305,7 @@ figcaption.block-editor-rich-text__editable [data-rich-text-placeholder]::before
line-height: 1.4;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 13px;
margin: 1em 0; }
margin: 0 0 1em; }
.block-editor-warning p.block-editor-warning__message.block-editor-warning__message {
min-height: auto; }
.block-editor-warning .block-editor-warning__contents {
@ -2244,11 +2318,14 @@ figcaption.block-editor-rich-text__editable [data-rich-text-placeholder]::before
.block-editor-warning .block-editor-warning__actions {
display: flex; }
.block-editor-warning .block-editor-warning__action {
margin: 0 0 0 8px; }
margin: 0 8px 0 0; }
.block-editor-warning__secondary {
margin: auto 0 auto 8px; }
.components-popover.block-editor-warning__dropdown {
z-index: 99998; }
.block-editor-writing-flow {
display: flex;
flex-direction: column; }
@ -2292,6 +2369,19 @@ figcaption.block-editor-rich-text__editable [data-rich-text-placeholder]::before
.block-editor-block-toolbar > :last-child .components-toolbar {
border-right: none; }
.block-editor-block-toolbar__block-controls {
height: auto !important;
padding: 0 !important; }
.block-editor-block-toolbar__block-controls .block-editor-block-switcher .components-dropdown-menu__toggle .block-editor-block-icon,
.block-editor-block-toolbar__block-controls .block-editor-block-switcher__no-switcher-icon .block-editor-block-icon {
width: 24px !important;
margin: 0 !important; }
.block-editor-block-toolbar__block-controls .block-editor-block-switcher .components-dropdown-menu__toggle:focus::before,
.block-editor-block-toolbar__block-controls .block-editor-block-switcher__no-switcher-icon:focus::before {
right: 4px !important; }
.block-editor-block-toolbar__block-controls .block-editor-block-mover {
margin-left: -6px; }
.block-editor-block-toolbar .components-toolbar-group,
.block-editor-block-toolbar .components-toolbar,
.block-editor-format-toolbar .components-toolbar-group,
@ -2355,7 +2445,7 @@ figcaption.block-editor-rich-text__editable [data-rich-text-placeholder]::before
padding: 0;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 13px;
line-height: 1.4; }
line-height: 0; }
@media (min-width: 782px) {
.block-editor-inserter {
position: relative; } }
@ -2402,7 +2492,7 @@ figcaption.block-editor-rich-text__editable [data-rich-text-placeholder]::before
border-bottom-color: #fff; }
.components-popover.block-editor-inserter__popover {
z-index: 99998; }
z-index: 99999; }
.block-editor-inserter__search {
padding: 16px;
@ -2466,11 +2556,9 @@ figcaption.block-editor-rich-text__editable [data-rich-text-placeholder]::before
box-shadow: 0 0 0 1.5px #007cba;
box-shadow: 0 0 0 1.5px var(--wp-admin-theme-color); }
.block-editor-inserter__search input[type="search"].block-editor-inserter__search-input:-ms-input-placeholder {
color: #606a73; }
.block-editor-inserter__search input[type="search"].block-editor-inserter__search-input::-ms-input-placeholder {
color: #606a73; }
color: #757575; }
.block-editor-inserter__search input[type="search"].block-editor-inserter__search-input::placeholder {
color: #606a73; }
color: #757575; }
.block-editor-inserter__search input[type="search"].block-editor-inserter__search-input::-webkit-search-decoration, .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input::-webkit-search-cancel-button, .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input::-webkit-search-results-button, .block-editor-inserter__search input[type="search"].block-editor-inserter__search-input::-webkit-search-results-decoration {
-webkit-appearance: none; }
@ -2509,22 +2597,33 @@ figcaption.block-editor-rich-text__editable [data-rich-text-placeholder]::before
align-items: center;
padding: 16px 16px 0; }
.block-editor-inserter__panel-content {
padding: 0 16px; }
.block-editor-inserter__panel-header-patterns {
padding: 16px 16px 0 8px; }
.block-editor-inserter__panel-title {
.block-editor-inserter__panel-content {
padding: 16px; }
.block-editor-inserter__panel-title,
.block-editor-inserter__panel-title button,
.components-custom-select-control__menu li {
margin: 0 12px 0 0;
color: #757575;
text-transform: uppercase;
font-size: 11px;
font-weight: 500; }
.block-editor-inserter__panel-dropdown select.components-select-control__input.components-select-control__input.components-select-control__input {
line-height: 1.2; }
.block-editor-inserter__panel-dropdown select {
border: none; }
.block-editor-inserter__block-list {
flex-grow: 1;
position: relative; }
.block-editor-inserter__popover .block-editor-block-types-list {
margin: 0 -8px; }
margin: -8px; }
.block-editor-inserter__reusable-blocks-panel {
position: relative;
@ -2540,7 +2639,7 @@ figcaption.block-editor-rich-text__editable [data-rich-text-placeholder]::before
text-align: center; }
.block-editor-inserter__no-results-icon {
fill: #b5bcc2; }
fill: #949494; }
.block-editor-inserter__child-blocks {
padding: 0 16px; }
@ -2561,7 +2660,9 @@ figcaption.block-editor-rich-text__editable [data-rich-text-placeholder]::before
border: 1px solid #ddd;
position: absolute;
top: 16px;
left: calc(100% + 16px); }
left: calc(100% + 16px);
max-height: calc(100% - 32px);
overflow-y: hidden; }
@media (min-width: 782px) {
.block-editor-inserter__preview-container {
display: block; } }
@ -2584,7 +2685,7 @@ figcaption.block-editor-rich-text__editable [data-rich-text-placeholder]::before
justify-content: center;
align-items: center;
min-height: 144px;
color: #606a73;
color: #757575;
background: #f0f0f0; }
.block-editor-inserter__tips {
@ -2596,17 +2697,23 @@ figcaption.block-editor-rich-text__editable [data-rich-text-placeholder]::before
padding: 16px; }
.block-editor-inserter__quick-inserter {
width: 100%; }
width: 100%;
max-width: 100%; }
@media (min-width: 782px) {
.block-editor-inserter__quick-inserter {
width: 350px; } }
.block-editor-inserter__quick-inserter-results {
padding-bottom: 16px; }
.block-editor-inserter__quick-inserter-results .block-editor-inserter__panel-header {
height: 0;
padding: 0;
float: left; }
.block-editor-inserter__quick-inserter-results .block-editor-inserter__panel-header {
height: 0;
padding: 0;
float: left; }
.block-editor-inserter__quick-inserter .block-editor-inserter__panel-content {
padding: 8px; }
.block-editor-inserter__quick-inserter.has-search .block-editor-inserter__panel-content,
.block-editor-inserter__quick-inserter.has-expand .block-editor-inserter__panel-content {
padding: 16px; }
.block-editor-inserter__quick-inserter-patterns {
display: -ms-grid;
@ -2634,8 +2741,6 @@ figcaption.block-editor-rich-text__editable [data-rich-text-placeholder]::before
box-shadow: inset 0 0 0 1.5px #1e1e1e, inset 0 0 0 2px #fff; }
.block-editor-post-preview__dropdown {
display: none;
margin-right: 12px;
padding: 0; }
.block-editor-post-preview__button-resize.block-editor-post-preview__button-resize {
@ -2646,14 +2751,16 @@ figcaption.block-editor-rich-text__editable [data-rich-text-placeholder]::before
.block-editor-post-preview__dropdown-content .components-popover__content {
overflow-y: visible; }
.block-editor-post-preview__dropdown-content.edit-post-post-preview-dropdown .components-menu-group:first-child {
padding-bottom: 8px; }
.block-editor-post-preview__dropdown-content.edit-post-post-preview-dropdown .components-menu-group:last-child {
margin-bottom: 0; }
.block-editor-post-preview__dropdown-content .components-menu-group + .components-menu-group {
border-top: 1px solid #ccc;
padding: 8px 12px;
margin-left: -12px;
margin-right: -12px; }
padding: 8px; }
@media (min-width: 600px) {
.editor-post-preview {
display: none; }
.block-editor-post-preview__dropdown {
display: flex; } }
.edit-post-header__settings .editor-post-preview,
.edit-site-header__actions .editor-post-preview {
display: none; } }

File diff suppressed because one or more lines are too long

View File

@ -1,20 +1,12 @@
/**
* Colors
*/
/**
* Deprecated colors.
* Please avoid using these.
*/
/**
* Breakpoints & Media Queries
*/
/**
* Colors
*/
/**
* Deprecated colors.
* Please avoid using these.
*/
/**
* Fonts & basic variables.
*/
@ -37,6 +29,9 @@
/**
* Border radii.
*/
/**
* Block paddings.
*/
/**
* Breakpoint mixins
*/
@ -115,7 +110,7 @@
opacity: 0.8; }
.wp-block-button__inline-link {
color: #555d66;
color: #757575;
height: 0;
overflow: hidden;
max-width: 290px; }
@ -139,9 +134,8 @@
div[data-type="core/button"] {
display: table; }
.wp-block-buttons .wp-block.block-editor-block-list__block[data-type="core/button"] {
display: inline-block;
width: auto; }
.wp-block-buttons > .wp-block {
margin-right: 0; }
.wp-block[data-align="center"] > .wp-block-buttons {
display: flex;
@ -153,7 +147,7 @@ div[data-type="core/button"] {
display: flex;
justify-content: flex-end; }
.wp-block-buttons .block-list-appender {
.wp-block-buttons > .block-list-appender {
display: inline-block; }
.block-editor .wp-block-categories ul {
@ -613,18 +607,17 @@ figure.wp-block-gallery {
/**
* Group: All Alignment Settings
*/
.wp-block-group {
margin-top: 0;
margin-bottom: 0; }
.wp-block-group .block-editor-block-list__insertion-point {
right: 0;
left: 0; }
.wp-block-group > .wp-block-group__inner-container > [data-align="full"] {
margin-right: auto;
margin-left: auto; }
.wp-block-group.has-background > .wp-block-group__inner-container > [data-align="full"] {
margin-right: -30px;
width: calc(100% + 60px); }
.wp-block-group .block-editor-block-list__insertion-point {
right: 0;
left: 0; }
.wp-block-group > .wp-block-group__inner-container > [data-align="full"] {
margin-right: auto;
margin-left: auto; }
.wp-block-group.has-background > .wp-block-group__inner-container > [data-align="full"] {
margin-right: -30px;
width: calc(100% + 60px); }
/**
* Group: Full Width Alignment
@ -794,33 +787,12 @@ figure.wp-block-image:not(.wp-block) {
.wp-block-latest-posts li a > div {
display: inline; }
.wp-block-legacy-widget__edit-container .widget-inside {
border: none;
display: block;
box-shadow: none; }
.edit-post-visual-editor .wp-block-latest-posts.is-grid li {
margin-bottom: 20px; }
.wp-block-legacy-widget__edit-container .widget.open {
z-index: 0; }
.wp-block-legacy-widget__update-button {
margin-right: auto;
display: block; }
.wp-block-legacy-widget__preview {
overflow: auto; }
.wp-block-legacy-widget__preview,
.wp-block-legacy-widget__edit-container,
.wp-block-legacy-widget__edit-widget-title {
padding: 8px 14px; }
.wp-block-legacy-widget__edit-widget-title {
background: #ddd;
color: #1e1e1e;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 13px;
padding: 8px 14px;
font-weight: 600; }
ol.has-background.has-background,
ul.has-background.has-background {
padding: 1.25em 2.375em; }
.wp-block-media-text .__resizable_base__ {
-ms-grid-column: 1;
@ -854,7 +826,7 @@ figure.wp-block-image:not(.wp-block) {
text-transform: uppercase;
font-weight: 600;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
color: #6c7781;
color: #757575;
border: none;
box-shadow: none;
white-space: nowrap;
@ -873,7 +845,7 @@ figure.wp-block-image:not(.wp-block) {
top: calc(50%);
right: 0;
left: 0;
border-top: 3px dashed #ccd0d4; }
border-top: 3px dashed #ccc; }
.editor-styles-wrapper .wp-block-navigation ul,
.editor-styles-wrapper .wp-block-navigation ol {
@ -895,6 +867,9 @@ figure.wp-block-image:not(.wp-block) {
.wp-block-navigation__inserter-content {
padding: 16px; }
.wp-block-navigation__container {
min-height: 46px; }
.wp-block-navigation__container.is-parent-of-selected-block {
visibility: visible;
opacity: 1; }
@ -903,10 +878,17 @@ figure.wp-block-image:not(.wp-block) {
opacity: 0;
visibility: hidden; }
.has-child.is-selected > .wp-block-navigation__container, .has-child.has-child-selected > .wp-block-navigation__container {
.has-child.is-selected > .wp-block-navigation__container, .has-child.has-child-selected > .wp-block-navigation__container,
.is-dragging-components-draggable .has-child.is-dragging-within > .wp-block-navigation__container {
opacity: 1;
visibility: visible; }
.is-dragging-components-draggable .wp-block-navigation-link > .wp-block-navigation__container {
opacity: 1;
visibility: hidden; }
.is-dragging-components-draggable .wp-block-navigation-link > .wp-block-navigation__container .block-editor-block-draggable-chip-wrapper {
visibility: visible; }
/**
* Colors Selector component
*/
@ -963,13 +945,6 @@ figure.wp-block-image:not(.wp-block) {
display: flex;
flex-direction: column; }
.wp-block-navigation.is-style-dark .block-editor-button-block-appender.block-list-appender__toggle {
color: #fff; }
.wp-block-navigation.is-style-dark .block-editor-button-block-appender.block-list-appender__toggle > svg {
color: #000;
background-color: #fff; }
.wp-block-navigation-placeholder .components-spinner {
margin-top: -4px;
margin-right: 4px;
@ -1032,9 +1007,6 @@ figure.wp-block-image:not(.wp-block) {
margin-right: 10px;
margin-top: 10px; }
.wp-block-navigation-link__nofollow-external-link {
display: block; }
.wp-block-navigation-link__separator {
margin: 8px 0 8px;
border-top: 1px solid #ddd; }
@ -1065,7 +1037,7 @@ figure.wp-block-image:not(.wp-block) {
text-transform: uppercase;
font-weight: 600;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
color: #6c7781;
color: #757575;
border-radius: 4px;
background: #fff;
padding: 6px 8px;
@ -1076,18 +1048,26 @@ figure.wp-block-image:not(.wp-block) {
top: calc(50%);
right: 0;
left: 0;
border-top: 3px dashed #ccd0d4; }
border-top: 3px dashed #ccc; }
.block-editor-block-list__block[data-type="core/paragraph"].has-drop-cap:focus {
min-height: auto !important; }
.wp-block-post-excerpt__excerpt.is-inline {
.wp-block-post-content__placeholder {
height: 100px;
border: 1px dashed;
display: flex;
justify-content: center;
align-items: center; }
.wp-block-post-content__placeholder span {
font-style: italic; }
.wp-block-post-excerpt .wp-block-post-excerpt__excerpt.is-inline {
display: inline-block; }
.wp-block-post-author {
display: flex;
flex-wrap: wrap;
line-height: 1.5; }
flex-wrap: wrap; }
.wp-block-post-author .wp-block-post-author__byline {
font-size: 0.5em;
margin-top: 0;
@ -1158,24 +1138,36 @@ figure.wp-block-image:not(.wp-block) {
flex-grow: 1;
margin-left: 8px; }
.wp-block-search__input {
.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__input,
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
border-radius: 2px;
border: 1px solid #7e8993;
border: 1px solid #949494;
color: rgba(30, 30, 30, 0.62);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 13px;
padding: 8px; }
.wp-block-search__input:focus {
background-color: #fff; }
.wp-block-search .wp-block-search__input:focus,
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper:focus {
outline: none; }
.wp-block-search__button {
.wp-block-search .wp-block-search__button {
background: #f7f7f7;
border-radius: 2px;
border: 1px solid #ccc;
box-shadow: inset 0 -1px 0 #ccc;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 13px;
padding: 6px 10px; }
padding: 6px 10px;
color: #32373c; }
.wp-block-search__components-button-group {
margin-top: 10px; }
.block-editor-block-list__block[data-type="core/separator"] {
padding-top: 0.1px;
@ -1252,6 +1244,25 @@ figure.wp-block-image:not(.wp-block) {
.blocks-shortcode__textarea:-ms-input-placeholder {
color: rgba(255, 255, 255, 0.65); }
.wp-block[data-align="center"] > .wp-block-site-logo {
margin-right: auto;
margin-left: auto;
text-align: center; }
.wp-block-site-logo.is-resized {
display: table; }
.wp-block-site-logo .custom-logo-link {
cursor: inherit; }
.wp-block-site-logo .custom-logo-link:focus {
box-shadow: none; }
.wp-block-site-logo .custom-logo-link.is-transient img {
opacity: 0.3; }
.wp-block-site-logo img {
display: block;
max-width: 100%; }
.wp-block-social-links .wp-social-link button {
color: currentColor;
padding: 6px; }
@ -1265,8 +1276,9 @@ figure.wp-block-image:not(.wp-block) {
margin-right: 8px; }
.editor-styles-wrapper .wp-block-social-link {
margin: 0;
margin-left: 8px; }
margin: 0 0 8px 8px; }
.editor-styles-wrapper .wp-block-social-link.is-selected, .editor-styles-wrapper .wp-block-social-link.is-hovered {
transform: none; }
.editor-styles-wrapper .wp-block-social-links {
padding: 0; }
@ -1317,6 +1329,14 @@ figure.wp-block-image:not(.wp-block) {
.block-editor-block-list__layout .block-editor-block-list__block[data-type="core/social-link"]:not([contenteditable]):focus::after {
left: 8px; }
.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 {
background: #f0f0f0; }
.is-dark-theme .block-library-spacer__resize-container.has-show-handle {
@ -1329,7 +1349,7 @@ figure.wp-block-image:not(.wp-block) {
content: none; }
.edit-post-visual-editor p.wp-block-subhead {
color: #6c7781;
color: #555;
font-size: 1.1em;
font-style: italic; }
@ -1369,7 +1389,7 @@ figure.wp-block-image:not(.wp-block) {
box-shadow: inset 0 0 0 1px var(--wp-admin-theme-color);
border-style: double; }
.wp-block-table figcaption {
color: #555d66;
color: #555;
font-size: 13px;
text-align: center; }
@ -1402,62 +1422,62 @@ figure.wp-block-image:not(.wp-block) {
.block-editor .wp-block-tag-cloud span {
display: inline-block;
margin-right: 5px;
color: #8f98a1;
color: #757575;
text-decoration: none; }
.wp-block-template-part__placeholder-preview-dropdown-content .components-popover__content {
.wp-block-template-part__placeholder-preview-dropdown-content .components-popover__content,
.wp-block-template-part__preview-dropdown-content .components-popover__content {
min-width: 320px;
padding: 0; }
.wp-block-template-part__placeholder-preview-search-form {
.wp-block-template-part__selection-preview-search-form {
border-bottom: 1px solid #ddd; }
.wp-block-template-part__placeholder-preview-container {
.wp-block-template-part__selection-preview-container {
background: #fff;
padding-bottom: 16px; }
.wp-block-template-part__placeholder-preview-container .wp-block-template-part__placeholder-preview-item {
.wp-block-template-part__selection-preview-container .wp-block-template-part__selection-preview-item {
border-radius: 2px;
cursor: pointer;
margin-top: 16px;
transition: all 0.05s ease-in-out;
border: 1px solid transparent; }
.wp-block-template-part__placeholder-preview-container .wp-block-template-part__placeholder-preview-item:hover {
.wp-block-template-part__selection-preview-container .wp-block-template-part__selection-preview-item:hover {
border: 1px solid #007cba;
border: 1px solid var(--wp-admin-theme-color); }
.wp-block-template-part__placeholder-preview-container .wp-block-template-part__placeholder-preview-item:focus {
.wp-block-template-part__selection-preview-container .wp-block-template-part__selection-preview-item:focus {
box-shadow: inset 0 0 0 1px #fff, 0 0 0 1.5px #007cba;
box-shadow: inset 0 0 0 1px #fff, 0 0 0 1.5px var(--wp-admin-theme-color);
outline: 2px solid transparent; }
.wp-block-template-part__placeholder-preview-container .wp-block-template-part__placeholder-preview-item.is-placeholder {
.wp-block-template-part__selection-preview-container .wp-block-template-part__selection-preview-item.is-placeholder {
min-height: 100px; }
.wp-block-template-part__placeholder-preview-container .wp-block-template-part__placeholder-preview-item-title {
.wp-block-template-part__selection-preview-container .wp-block-template-part__selection-preview-item-title {
padding: 4px;
font-size: 12px;
text-align: right; }
.wp-block-template-part__placeholder-preview-container .wp-block-template-part__placeholder-panel-group-header {
.wp-block-template-part__selection-preview-container .wp-block-template-part__selection-panel-group-header {
padding: 16px 16px 0; }
.wp-block-template-part__placeholder-preview-container .wp-block-template-part__placeholder-panel-group-content {
.wp-block-template-part__selection-preview-container .wp-block-template-part__selection-panel-group-content {
padding: 0 16px; }
.wp-block-template-part__placeholder-preview-container .wp-block-template-part__placeholder-panel-group-title {
.wp-block-template-part__selection-preview-container .wp-block-template-part__selection-panel-group-title {
color: #007cba;
color: var(--wp-admin-theme-color);
text-transform: uppercase;
font-size: 11px;
font-weight: 500; }
.wp-block-template-part__name-panel {
background-color: #fff;
border-radius: 2px;
box-shadow: 0 0 0 1px #1e1e1e;
outline: 1px solid transparent;
padding: 6px 12px; }
.wp-block-template-part__name-panel .components-base-control__field {
align-items: center;
display: flex;
margin-bottom: 0; }
.wp-block-template-part__name-panel .components-base-control__label {
margin-bottom: 0;
margin-left: 8px; }
.wp-block-template-part__block-control-group {
display: flex; }
.wp-block-template-part__block-control-group .wp-block-template-part__name-panel {
outline: 1px solid transparent;
padding: 8px 12px 8px 0; }
.wp-block-template-part__block-control-group .wp-block-template-part__name-panel .components-base-control__field {
align-items: center;
display: flex;
margin-bottom: 0; }
.wp-block-template-part__block-control-group .wp-block-template-part__name-panel .components-base-control__label {
margin-bottom: 0;
margin-left: 8px; }
.is-navigate-mode .is-selected .wp-block-template-part__name-panel {
box-shadow: 0 0 0 1px #007cba;
@ -1466,6 +1486,24 @@ figure.wp-block-image:not(.wp-block) {
box-shadow: 0 0 0 1px #007cba;
box-shadow: 0 0 0 1px var(--wp-admin-theme-color); }
.block-editor-block-list__block[data-type="core/template-part"].is-selected::after, .block-editor-block-list__block[data-type="core/template-part"].has-child-selected::after {
top: 1px;
bottom: 1px;
right: 1px;
left: 1px;
border-radius: 1px; }
.block-editor-block-list__block[data-type="core/template-part"].is-selected::after {
box-shadow: 0 0 0 1.5px #007cba;
box-shadow: 0 0 0 1.5px var(--wp-admin-theme-color); }
.is-dark-theme .block-editor-block-list__block[data-type="core/template-part"].is-selected::after {
box-shadow: 0 0 0 1.5px #fff; }
.block-editor-block-list__block[data-type="core/template-part"].has-child-selected::after {
box-shadow: 0 0 0 1px #ddd; }
.is-dark-theme .block-editor-block-list__block[data-type="core/template-part"].has-child-selected::after {
box-shadow: 0 0 0 1.5px #757575; }
.wp-block-text-columns .block-editor-rich-text__editable:focus {
outline: 1px solid #ddd; }
@ -1489,9 +1527,21 @@ pre.wp-block-verse {
.wp-block[data-type="core/widget-area"] {
max-width: 700px; }
.wp-block-widget-area > .components-panel__body.is-opened:not(.widget-area-is-opened) {
padding: 0; }
.wp-block-widget-area > .components-panel__body.is-opened:not(.widget-area-is-opened) > .components-panel__body-title {
padding: 0;
margin: 0; }
.wp-block-widget-area > .components-panel__body > .block-editor-inner-blocks {
padding-top: 24px; }
.editor-styles-wrapper .wp-block.wp-block-query-loop {
max-width: 100%; }
.editor-styles-wrapper .wp-block.wp-block-query {
max-width: 100%; }
/**
* Import styles from internal editor components used by the blocks.
*/
@ -1572,6 +1622,119 @@ pre.wp-block-verse {
box-shadow: 0 0 0 1px #007cba;
box-shadow: 0 0 0 1px var(--wp-admin-theme-color); }
:root .editor-styles-wrapper {
/* stylelint-disable function-comma-space-after */
/* stylelint-enable function-comma-space-after */ }
:root .editor-styles-wrapper .has-pale-pink-background-color {
background-color: #f78da7; }
:root .editor-styles-wrapper .has-vivid-red-background-color {
background-color: #cf2e2e; }
:root .editor-styles-wrapper .has-luminous-vivid-orange-background-color {
background-color: #ff6900; }
:root .editor-styles-wrapper .has-luminous-vivid-amber-background-color {
background-color: #fcb900; }
:root .editor-styles-wrapper .has-light-green-cyan-background-color {
background-color: #7bdcb5; }
:root .editor-styles-wrapper .has-vivid-green-cyan-background-color {
background-color: #00d084; }
:root .editor-styles-wrapper .has-pale-cyan-blue-background-color {
background-color: #8ed1fc; }
:root .editor-styles-wrapper .has-vivid-cyan-blue-background-color {
background-color: #0693e3; }
:root .editor-styles-wrapper .has-vivid-purple-background-color {
background-color: #9b51e0; }
:root .editor-styles-wrapper .has-white-background-color {
background-color: #fff; }
:root .editor-styles-wrapper .has-very-light-gray-background-color {
background-color: #eee; }
:root .editor-styles-wrapper .has-cyan-bluish-gray-background-color {
background-color: #abb8c3; }
:root .editor-styles-wrapper .has-very-dark-gray-background-color {
background-color: #313131; }
:root .editor-styles-wrapper .has-black-background-color {
background-color: #000; }
:root .editor-styles-wrapper .has-pale-pink-color {
color: #f78da7; }
:root .editor-styles-wrapper .has-vivid-red-color {
color: #cf2e2e; }
:root .editor-styles-wrapper .has-luminous-vivid-orange-color {
color: #ff6900; }
:root .editor-styles-wrapper .has-luminous-vivid-amber-color {
color: #fcb900; }
:root .editor-styles-wrapper .has-light-green-cyan-color {
color: #7bdcb5; }
:root .editor-styles-wrapper .has-vivid-green-cyan-color {
color: #00d084; }
:root .editor-styles-wrapper .has-pale-cyan-blue-color {
color: #8ed1fc; }
:root .editor-styles-wrapper .has-vivid-cyan-blue-color {
color: #0693e3; }
:root .editor-styles-wrapper .has-vivid-purple-color {
color: #9b51e0; }
:root .editor-styles-wrapper .has-white-color {
color: #fff; }
:root .editor-styles-wrapper .has-very-light-gray-color {
color: #eee; }
:root .editor-styles-wrapper .has-cyan-bluish-gray-color {
color: #abb8c3; }
:root .editor-styles-wrapper .has-very-dark-gray-color {
color: #313131; }
:root .editor-styles-wrapper .has-black-color {
color: #000; }
:root .editor-styles-wrapper .has-vivid-cyan-blue-to-vivid-purple-gradient-background {
background: linear-gradient(-135deg, #0693e3 0%, #9b51e0 100%); }
:root .editor-styles-wrapper .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background {
background: linear-gradient(-135deg, #00d084 0%, #0693e3 100%); }
:root .editor-styles-wrapper .has-light-green-cyan-to-vivid-green-cyan-gradient-background {
background: linear-gradient(-135deg, #7adcb4 0%, #00d082 100%); }
:root .editor-styles-wrapper .has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background {
background: linear-gradient(-135deg, #fcb900 0%, #ff6900 100%); }
:root .editor-styles-wrapper .has-luminous-vivid-orange-to-vivid-red-gradient-background {
background: linear-gradient(-135deg, #ff6900 0%, #cf2e2e 100%); }
:root .editor-styles-wrapper .has-very-light-gray-to-cyan-bluish-gray-gradient-background {
background: linear-gradient(-135deg, #eeeeee 0%, #a9b8c3 100%); }
:root .editor-styles-wrapper .has-cool-to-warm-spectrum-gradient-background {
background: linear-gradient(-135deg, #4aeadc 0%, #9778d1 20%, #cf2aba 40%, #ee2c82 60%, #fb6962 80%, #fef84c 100%); }
:root .editor-styles-wrapper .has-blush-light-purple-gradient-background {
background: linear-gradient(-135deg, #ffceec 0%, #9896f0 100%); }
:root .editor-styles-wrapper .has-blush-bordeaux-gradient-background {
background: linear-gradient(-135deg, #fecda5 0%, #fe2d2d 50%, #6b003e 100%); }
:root .editor-styles-wrapper .has-purple-crush-gradient-background {
background: linear-gradient(-135deg, #34e2e4 0%, #4721fb 50%, #ab1dfe 100%); }
:root .editor-styles-wrapper .has-luminous-dusk-gradient-background {
background: linear-gradient(-135deg, #ffcb70 0%, #c751c0 50%, #4158d0 100%); }
:root .editor-styles-wrapper .has-hazy-dawn-gradient-background {
background: linear-gradient(-135deg, #faaca8 0%, #dad0ec 100%); }
:root .editor-styles-wrapper .has-pale-ocean-gradient-background {
background: linear-gradient(-135deg, #fff5cb 0%, #b6e3d4 50%, #33a7b5 100%); }
:root .editor-styles-wrapper .has-electric-grass-gradient-background {
background: linear-gradient(-135deg, #caf880 0%, #71ce7e 100%); }
:root .editor-styles-wrapper .has-subdued-olive-gradient-background {
background: linear-gradient(-135deg, #fafae1 0%, #67a671 100%); }
:root .editor-styles-wrapper .has-atomic-cream-gradient-background {
background: linear-gradient(-135deg, #fdd79a 0%, #004a59 100%); }
:root .editor-styles-wrapper .has-nightshade-gradient-background {
background: linear-gradient(-135deg, #330968 0%, #31cdcf 100%); }
:root .editor-styles-wrapper .has-midnight-gradient-background {
background: linear-gradient(-135deg, #020381 0%, #2874fc 100%); }
.editor-styles-wrapper .has-small-font-size {
font-size: 13px; }
.editor-styles-wrapper .has-regular-font-size,
.editor-styles-wrapper .has-normal-font-size {
font-size: 16px; }
.editor-styles-wrapper .has-medium-font-size {
font-size: 20px; }
.editor-styles-wrapper .has-large-font-size {
font-size: 36px; }
.editor-styles-wrapper .has-larger-font-size,
.editor-styles-wrapper .has-huge-font-size {
font-size: 42px; }
/**
* Editor Normalization Styles
*

File diff suppressed because one or more lines are too long

View File

@ -1,20 +1,12 @@
/**
* Colors
*/
/**
* Deprecated colors.
* Please avoid using these.
*/
/**
* Breakpoints & Media Queries
*/
/**
* Colors
*/
/**
* Deprecated colors.
* Please avoid using these.
*/
/**
* Fonts & basic variables.
*/
@ -37,6 +29,9 @@
/**
* Border radii.
*/
/**
* Block paddings.
*/
/**
* Breakpoint mixins
*/
@ -116,7 +111,7 @@
opacity: 0.8; }
.wp-block-button__inline-link {
color: #555d66;
color: #757575;
height: 0;
overflow: hidden;
max-width: 290px; }
@ -140,9 +135,8 @@
div[data-type="core/button"] {
display: table; }
.wp-block-buttons .wp-block.block-editor-block-list__block[data-type="core/button"] {
display: inline-block;
width: auto; }
.wp-block-buttons > .wp-block {
margin-left: 0; }
.wp-block[data-align="center"] > .wp-block-buttons {
display: flex;
@ -154,7 +148,7 @@ div[data-type="core/button"] {
display: flex;
justify-content: flex-end; }
.wp-block-buttons .block-list-appender {
.wp-block-buttons > .block-list-appender {
display: inline-block; }
.block-editor .wp-block-categories ul {
@ -618,18 +612,17 @@ figure.wp-block-gallery {
/**
* Group: All Alignment Settings
*/
.wp-block-group {
margin-top: 0;
margin-bottom: 0; }
.wp-block-group .block-editor-block-list__insertion-point {
left: 0;
right: 0; }
.wp-block-group > .wp-block-group__inner-container > [data-align="full"] {
margin-left: auto;
margin-right: auto; }
.wp-block-group.has-background > .wp-block-group__inner-container > [data-align="full"] {
margin-left: -30px;
width: calc(100% + 60px); }
.wp-block-group .block-editor-block-list__insertion-point {
left: 0;
right: 0; }
.wp-block-group > .wp-block-group__inner-container > [data-align="full"] {
margin-left: auto;
margin-right: auto; }
.wp-block-group.has-background > .wp-block-group__inner-container > [data-align="full"] {
margin-left: -30px;
width: calc(100% + 60px); }
/**
* Group: Full Width Alignment
@ -799,33 +792,12 @@ figure.wp-block-image:not(.wp-block) {
.wp-block-latest-posts li a > div {
display: inline; }
.wp-block-legacy-widget__edit-container .widget-inside {
border: none;
display: block;
box-shadow: none; }
.edit-post-visual-editor .wp-block-latest-posts.is-grid li {
margin-bottom: 20px; }
.wp-block-legacy-widget__edit-container .widget.open {
z-index: 0; }
.wp-block-legacy-widget__update-button {
margin-left: auto;
display: block; }
.wp-block-legacy-widget__preview {
overflow: auto; }
.wp-block-legacy-widget__preview,
.wp-block-legacy-widget__edit-container,
.wp-block-legacy-widget__edit-widget-title {
padding: 8px 14px; }
.wp-block-legacy-widget__edit-widget-title {
background: #ddd;
color: #1e1e1e;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 13px;
padding: 8px 14px;
font-weight: 600; }
ol.has-background.has-background,
ul.has-background.has-background {
padding: 1.25em 2.375em; }
.wp-block-media-text .__resizable_base__ {
-ms-grid-column: 1;
@ -859,7 +831,7 @@ figure.wp-block-image:not(.wp-block) {
text-transform: uppercase;
font-weight: 600;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
color: #6c7781;
color: #757575;
border: none;
box-shadow: none;
white-space: nowrap;
@ -878,7 +850,7 @@ figure.wp-block-image:not(.wp-block) {
top: calc(50%);
left: 0;
right: 0;
border-top: 3px dashed #ccd0d4; }
border-top: 3px dashed #ccc; }
.editor-styles-wrapper .wp-block-navigation ul,
.editor-styles-wrapper .wp-block-navigation ol {
@ -900,6 +872,9 @@ figure.wp-block-image:not(.wp-block) {
.wp-block-navigation__inserter-content {
padding: 16px; }
.wp-block-navigation__container {
min-height: 46px; }
.wp-block-navigation__container.is-parent-of-selected-block {
visibility: visible;
opacity: 1; }
@ -908,10 +883,17 @@ figure.wp-block-image:not(.wp-block) {
opacity: 0;
visibility: hidden; }
.has-child.is-selected > .wp-block-navigation__container, .has-child.has-child-selected > .wp-block-navigation__container {
.has-child.is-selected > .wp-block-navigation__container, .has-child.has-child-selected > .wp-block-navigation__container,
.is-dragging-components-draggable .has-child.is-dragging-within > .wp-block-navigation__container {
opacity: 1;
visibility: visible; }
.is-dragging-components-draggable .wp-block-navigation-link > .wp-block-navigation__container {
opacity: 1;
visibility: hidden; }
.is-dragging-components-draggable .wp-block-navigation-link > .wp-block-navigation__container .block-editor-block-draggable-chip-wrapper {
visibility: visible; }
/**
* Colors Selector component
*/
@ -968,13 +950,6 @@ figure.wp-block-image:not(.wp-block) {
display: flex;
flex-direction: column; }
.wp-block-navigation.is-style-dark .block-editor-button-block-appender.block-list-appender__toggle {
color: #fff; }
.wp-block-navigation.is-style-dark .block-editor-button-block-appender.block-list-appender__toggle > svg {
color: #000;
background-color: #fff; }
.wp-block-navigation-placeholder .components-spinner {
margin-top: -4px;
margin-left: 4px;
@ -1037,9 +1012,6 @@ figure.wp-block-image:not(.wp-block) {
margin-left: 10px;
margin-top: 10px; }
.wp-block-navigation-link__nofollow-external-link {
display: block; }
.wp-block-navigation-link__separator {
margin: 8px 0 8px;
border-top: 1px solid #ddd; }
@ -1070,7 +1042,7 @@ figure.wp-block-image:not(.wp-block) {
text-transform: uppercase;
font-weight: 600;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
color: #6c7781;
color: #757575;
border-radius: 4px;
background: #fff;
padding: 6px 8px;
@ -1081,18 +1053,26 @@ figure.wp-block-image:not(.wp-block) {
top: calc(50%);
left: 0;
right: 0;
border-top: 3px dashed #ccd0d4; }
border-top: 3px dashed #ccc; }
.block-editor-block-list__block[data-type="core/paragraph"].has-drop-cap:focus {
min-height: auto !important; }
.wp-block-post-excerpt__excerpt.is-inline {
.wp-block-post-content__placeholder {
height: 100px;
border: 1px dashed;
display: flex;
justify-content: center;
align-items: center; }
.wp-block-post-content__placeholder span {
font-style: italic; }
.wp-block-post-excerpt .wp-block-post-excerpt__excerpt.is-inline {
display: inline-block; }
.wp-block-post-author {
display: flex;
flex-wrap: wrap;
line-height: 1.5; }
flex-wrap: wrap; }
.wp-block-post-author .wp-block-post-author__byline {
font-size: 0.5em;
margin-top: 0;
@ -1163,24 +1143,36 @@ figure.wp-block-image:not(.wp-block) {
flex-grow: 1;
margin-right: 8px; }
.wp-block-search__input {
.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__input,
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
border-radius: 2px;
border: 1px solid #7e8993;
border: 1px solid #949494;
color: rgba(30, 30, 30, 0.62);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 13px;
padding: 8px; }
.wp-block-search__input:focus {
background-color: #fff; }
.wp-block-search .wp-block-search__input:focus,
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper:focus {
outline: none; }
.wp-block-search__button {
.wp-block-search .wp-block-search__button {
background: #f7f7f7;
border-radius: 2px;
border: 1px solid #ccc;
box-shadow: inset 0 -1px 0 #ccc;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 13px;
padding: 6px 10px; }
padding: 6px 10px;
color: #32373c; }
.wp-block-search__components-button-group {
margin-top: 10px; }
.block-editor-block-list__block[data-type="core/separator"] {
padding-top: 0.1px;
@ -1257,6 +1249,25 @@ figure.wp-block-image:not(.wp-block) {
.blocks-shortcode__textarea:-ms-input-placeholder {
color: rgba(255, 255, 255, 0.65); }
.wp-block[data-align="center"] > .wp-block-site-logo {
margin-left: auto;
margin-right: auto;
text-align: center; }
.wp-block-site-logo.is-resized {
display: table; }
.wp-block-site-logo .custom-logo-link {
cursor: inherit; }
.wp-block-site-logo .custom-logo-link:focus {
box-shadow: none; }
.wp-block-site-logo .custom-logo-link.is-transient img {
opacity: 0.3; }
.wp-block-site-logo img {
display: block;
max-width: 100%; }
.wp-block-social-links .wp-social-link button {
color: currentColor;
padding: 6px; }
@ -1270,8 +1281,9 @@ figure.wp-block-image:not(.wp-block) {
margin-left: 8px; }
.editor-styles-wrapper .wp-block-social-link {
margin: 0;
margin-right: 8px; }
margin: 0 8px 8px 0; }
.editor-styles-wrapper .wp-block-social-link.is-selected, .editor-styles-wrapper .wp-block-social-link.is-hovered {
transform: none; }
.editor-styles-wrapper .wp-block-social-links {
padding: 0; }
@ -1322,6 +1334,14 @@ figure.wp-block-image:not(.wp-block) {
.block-editor-block-list__layout .block-editor-block-list__block[data-type="core/social-link"]:not([contenteditable]):focus::after {
right: 8px; }
.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 {
background: #f0f0f0; }
.is-dark-theme .block-library-spacer__resize-container.has-show-handle {
@ -1334,7 +1354,7 @@ figure.wp-block-image:not(.wp-block) {
content: none; }
.edit-post-visual-editor p.wp-block-subhead {
color: #6c7781;
color: #555;
font-size: 1.1em;
font-style: italic; }
@ -1374,7 +1394,7 @@ figure.wp-block-image:not(.wp-block) {
box-shadow: inset 0 0 0 1px var(--wp-admin-theme-color);
border-style: double; }
.wp-block-table figcaption {
color: #555d66;
color: #555;
font-size: 13px;
text-align: center; }
@ -1407,62 +1427,62 @@ figure.wp-block-image:not(.wp-block) {
.block-editor .wp-block-tag-cloud span {
display: inline-block;
margin-left: 5px;
color: #8f98a1;
color: #757575;
text-decoration: none; }
.wp-block-template-part__placeholder-preview-dropdown-content .components-popover__content {
.wp-block-template-part__placeholder-preview-dropdown-content .components-popover__content,
.wp-block-template-part__preview-dropdown-content .components-popover__content {
min-width: 320px;
padding: 0; }
.wp-block-template-part__placeholder-preview-search-form {
.wp-block-template-part__selection-preview-search-form {
border-bottom: 1px solid #ddd; }
.wp-block-template-part__placeholder-preview-container {
.wp-block-template-part__selection-preview-container {
background: #fff;
padding-bottom: 16px; }
.wp-block-template-part__placeholder-preview-container .wp-block-template-part__placeholder-preview-item {
.wp-block-template-part__selection-preview-container .wp-block-template-part__selection-preview-item {
border-radius: 2px;
cursor: pointer;
margin-top: 16px;
transition: all 0.05s ease-in-out;
border: 1px solid transparent; }
.wp-block-template-part__placeholder-preview-container .wp-block-template-part__placeholder-preview-item:hover {
.wp-block-template-part__selection-preview-container .wp-block-template-part__selection-preview-item:hover {
border: 1px solid #007cba;
border: 1px solid var(--wp-admin-theme-color); }
.wp-block-template-part__placeholder-preview-container .wp-block-template-part__placeholder-preview-item:focus {
.wp-block-template-part__selection-preview-container .wp-block-template-part__selection-preview-item:focus {
box-shadow: inset 0 0 0 1px #fff, 0 0 0 1.5px #007cba;
box-shadow: inset 0 0 0 1px #fff, 0 0 0 1.5px var(--wp-admin-theme-color);
outline: 2px solid transparent; }
.wp-block-template-part__placeholder-preview-container .wp-block-template-part__placeholder-preview-item.is-placeholder {
.wp-block-template-part__selection-preview-container .wp-block-template-part__selection-preview-item.is-placeholder {
min-height: 100px; }
.wp-block-template-part__placeholder-preview-container .wp-block-template-part__placeholder-preview-item-title {
.wp-block-template-part__selection-preview-container .wp-block-template-part__selection-preview-item-title {
padding: 4px;
font-size: 12px;
text-align: left; }
.wp-block-template-part__placeholder-preview-container .wp-block-template-part__placeholder-panel-group-header {
.wp-block-template-part__selection-preview-container .wp-block-template-part__selection-panel-group-header {
padding: 16px 16px 0; }
.wp-block-template-part__placeholder-preview-container .wp-block-template-part__placeholder-panel-group-content {
.wp-block-template-part__selection-preview-container .wp-block-template-part__selection-panel-group-content {
padding: 0 16px; }
.wp-block-template-part__placeholder-preview-container .wp-block-template-part__placeholder-panel-group-title {
.wp-block-template-part__selection-preview-container .wp-block-template-part__selection-panel-group-title {
color: #007cba;
color: var(--wp-admin-theme-color);
text-transform: uppercase;
font-size: 11px;
font-weight: 500; }
.wp-block-template-part__name-panel {
background-color: #fff;
border-radius: 2px;
box-shadow: 0 0 0 1px #1e1e1e;
outline: 1px solid transparent;
padding: 6px 12px; }
.wp-block-template-part__name-panel .components-base-control__field {
align-items: center;
display: flex;
margin-bottom: 0; }
.wp-block-template-part__name-panel .components-base-control__label {
margin-bottom: 0;
margin-right: 8px; }
.wp-block-template-part__block-control-group {
display: flex; }
.wp-block-template-part__block-control-group .wp-block-template-part__name-panel {
outline: 1px solid transparent;
padding: 8px 0 8px 12px; }
.wp-block-template-part__block-control-group .wp-block-template-part__name-panel .components-base-control__field {
align-items: center;
display: flex;
margin-bottom: 0; }
.wp-block-template-part__block-control-group .wp-block-template-part__name-panel .components-base-control__label {
margin-bottom: 0;
margin-right: 8px; }
.is-navigate-mode .is-selected .wp-block-template-part__name-panel {
box-shadow: 0 0 0 1px #007cba;
@ -1471,6 +1491,24 @@ figure.wp-block-image:not(.wp-block) {
box-shadow: 0 0 0 1px #007cba;
box-shadow: 0 0 0 1px var(--wp-admin-theme-color); }
.block-editor-block-list__block[data-type="core/template-part"].is-selected::after, .block-editor-block-list__block[data-type="core/template-part"].has-child-selected::after {
top: 1px;
bottom: 1px;
left: 1px;
right: 1px;
border-radius: 1px; }
.block-editor-block-list__block[data-type="core/template-part"].is-selected::after {
box-shadow: 0 0 0 1.5px #007cba;
box-shadow: 0 0 0 1.5px var(--wp-admin-theme-color); }
.is-dark-theme .block-editor-block-list__block[data-type="core/template-part"].is-selected::after {
box-shadow: 0 0 0 1.5px #fff; }
.block-editor-block-list__block[data-type="core/template-part"].has-child-selected::after {
box-shadow: 0 0 0 1px #ddd; }
.is-dark-theme .block-editor-block-list__block[data-type="core/template-part"].has-child-selected::after {
box-shadow: 0 0 0 1.5px #757575; }
.wp-block-text-columns .block-editor-rich-text__editable:focus {
outline: 1px solid #ddd; }
@ -1494,9 +1532,21 @@ pre.wp-block-verse {
.wp-block[data-type="core/widget-area"] {
max-width: 700px; }
.wp-block-widget-area > .components-panel__body.is-opened:not(.widget-area-is-opened) {
padding: 0; }
.wp-block-widget-area > .components-panel__body.is-opened:not(.widget-area-is-opened) > .components-panel__body-title {
padding: 0;
margin: 0; }
.wp-block-widget-area > .components-panel__body > .block-editor-inner-blocks {
padding-top: 24px; }
.editor-styles-wrapper .wp-block.wp-block-query-loop {
max-width: 100%; }
.editor-styles-wrapper .wp-block.wp-block-query {
max-width: 100%; }
/**
* Import styles from internal editor components used by the blocks.
*/
@ -1577,6 +1627,119 @@ pre.wp-block-verse {
box-shadow: 0 0 0 1px #007cba;
box-shadow: 0 0 0 1px var(--wp-admin-theme-color); }
:root .editor-styles-wrapper {
/* stylelint-disable function-comma-space-after */
/* stylelint-enable function-comma-space-after */ }
:root .editor-styles-wrapper .has-pale-pink-background-color {
background-color: #f78da7; }
:root .editor-styles-wrapper .has-vivid-red-background-color {
background-color: #cf2e2e; }
:root .editor-styles-wrapper .has-luminous-vivid-orange-background-color {
background-color: #ff6900; }
:root .editor-styles-wrapper .has-luminous-vivid-amber-background-color {
background-color: #fcb900; }
:root .editor-styles-wrapper .has-light-green-cyan-background-color {
background-color: #7bdcb5; }
:root .editor-styles-wrapper .has-vivid-green-cyan-background-color {
background-color: #00d084; }
:root .editor-styles-wrapper .has-pale-cyan-blue-background-color {
background-color: #8ed1fc; }
:root .editor-styles-wrapper .has-vivid-cyan-blue-background-color {
background-color: #0693e3; }
:root .editor-styles-wrapper .has-vivid-purple-background-color {
background-color: #9b51e0; }
:root .editor-styles-wrapper .has-white-background-color {
background-color: #fff; }
:root .editor-styles-wrapper .has-very-light-gray-background-color {
background-color: #eee; }
:root .editor-styles-wrapper .has-cyan-bluish-gray-background-color {
background-color: #abb8c3; }
:root .editor-styles-wrapper .has-very-dark-gray-background-color {
background-color: #313131; }
:root .editor-styles-wrapper .has-black-background-color {
background-color: #000; }
:root .editor-styles-wrapper .has-pale-pink-color {
color: #f78da7; }
:root .editor-styles-wrapper .has-vivid-red-color {
color: #cf2e2e; }
:root .editor-styles-wrapper .has-luminous-vivid-orange-color {
color: #ff6900; }
:root .editor-styles-wrapper .has-luminous-vivid-amber-color {
color: #fcb900; }
:root .editor-styles-wrapper .has-light-green-cyan-color {
color: #7bdcb5; }
:root .editor-styles-wrapper .has-vivid-green-cyan-color {
color: #00d084; }
:root .editor-styles-wrapper .has-pale-cyan-blue-color {
color: #8ed1fc; }
:root .editor-styles-wrapper .has-vivid-cyan-blue-color {
color: #0693e3; }
:root .editor-styles-wrapper .has-vivid-purple-color {
color: #9b51e0; }
:root .editor-styles-wrapper .has-white-color {
color: #fff; }
:root .editor-styles-wrapper .has-very-light-gray-color {
color: #eee; }
:root .editor-styles-wrapper .has-cyan-bluish-gray-color {
color: #abb8c3; }
:root .editor-styles-wrapper .has-very-dark-gray-color {
color: #313131; }
:root .editor-styles-wrapper .has-black-color {
color: #000; }
:root .editor-styles-wrapper .has-vivid-cyan-blue-to-vivid-purple-gradient-background {
background: linear-gradient(135deg, #0693e3 0%, #9b51e0 100%); }
:root .editor-styles-wrapper .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background {
background: linear-gradient(135deg, #00d084 0%, #0693e3 100%); }
:root .editor-styles-wrapper .has-light-green-cyan-to-vivid-green-cyan-gradient-background {
background: linear-gradient(135deg, #7adcb4 0%, #00d082 100%); }
:root .editor-styles-wrapper .has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background {
background: linear-gradient(135deg, #fcb900 0%, #ff6900 100%); }
:root .editor-styles-wrapper .has-luminous-vivid-orange-to-vivid-red-gradient-background {
background: linear-gradient(135deg, #ff6900 0%, #cf2e2e 100%); }
:root .editor-styles-wrapper .has-very-light-gray-to-cyan-bluish-gray-gradient-background {
background: linear-gradient(135deg, #eeeeee 0%, #a9b8c3 100%); }
:root .editor-styles-wrapper .has-cool-to-warm-spectrum-gradient-background {
background: linear-gradient(135deg, #4aeadc 0%, #9778d1 20%, #cf2aba 40%, #ee2c82 60%, #fb6962 80%, #fef84c 100%); }
:root .editor-styles-wrapper .has-blush-light-purple-gradient-background {
background: linear-gradient(135deg, #ffceec 0%, #9896f0 100%); }
:root .editor-styles-wrapper .has-blush-bordeaux-gradient-background {
background: linear-gradient(135deg, #fecda5 0%, #fe2d2d 50%, #6b003e 100%); }
:root .editor-styles-wrapper .has-purple-crush-gradient-background {
background: linear-gradient(135deg, #34e2e4 0%, #4721fb 50%, #ab1dfe 100%); }
:root .editor-styles-wrapper .has-luminous-dusk-gradient-background {
background: linear-gradient(135deg, #ffcb70 0%, #c751c0 50%, #4158d0 100%); }
:root .editor-styles-wrapper .has-hazy-dawn-gradient-background {
background: linear-gradient(135deg, #faaca8 0%, #dad0ec 100%); }
:root .editor-styles-wrapper .has-pale-ocean-gradient-background {
background: linear-gradient(135deg, #fff5cb 0%, #b6e3d4 50%, #33a7b5 100%); }
:root .editor-styles-wrapper .has-electric-grass-gradient-background {
background: linear-gradient(135deg, #caf880 0%, #71ce7e 100%); }
:root .editor-styles-wrapper .has-subdued-olive-gradient-background {
background: linear-gradient(135deg, #fafae1 0%, #67a671 100%); }
:root .editor-styles-wrapper .has-atomic-cream-gradient-background {
background: linear-gradient(135deg, #fdd79a 0%, #004a59 100%); }
:root .editor-styles-wrapper .has-nightshade-gradient-background {
background: linear-gradient(135deg, #330968 0%, #31cdcf 100%); }
:root .editor-styles-wrapper .has-midnight-gradient-background {
background: linear-gradient(135deg, #020381 0%, #2874fc 100%); }
.editor-styles-wrapper .has-small-font-size {
font-size: 13px; }
.editor-styles-wrapper .has-regular-font-size,
.editor-styles-wrapper .has-normal-font-size {
font-size: 16px; }
.editor-styles-wrapper .has-medium-font-size {
font-size: 20px; }
.editor-styles-wrapper .has-large-font-size {
font-size: 36px; }
.editor-styles-wrapper .has-larger-font-size,
.editor-styles-wrapper .has-huge-font-size {
font-size: 42px; }
/**
* Editor Normalization Styles
*

File diff suppressed because one or more lines are too long

View File

@ -1,20 +1,12 @@
/**
* Colors
*/
/**
* Deprecated colors.
* Please avoid using these.
*/
/**
* Breakpoints & Media Queries
*/
/**
* Colors
*/
/**
* Deprecated colors.
* Please avoid using these.
*/
/**
* Fonts & basic variables.
*/
@ -37,6 +29,9 @@
/**
* Border radii.
*/
/**
* Block paddings.
*/
/**
* Breakpoint mixins
*/
@ -85,12 +80,12 @@
color: #fff;
background-color: #32373c;
border: none;
border-radius: 28px;
border-radius: 1.55em;
box-shadow: none;
cursor: pointer;
display: inline-block;
font-size: 18px;
padding: 12px 24px;
font-size: 1.125em;
padding: 0.667em 1.333em;
text-align: center;
text-decoration: none;
overflow-wrap: break-word; }
@ -117,20 +112,20 @@
.wp-block-buttons .wp-block-button {
display: inline-block;
margin-left: 8px;
margin-bottom: 8px; }
margin-left: 0.5em;
margin-bottom: 0.5em; }
.wp-block-buttons .wp-block-button:last-child {
margin-left: 0; }
.wp-block-buttons.alignright .wp-block-button {
margin-right: 0;
margin-left: 8px; }
margin-left: 0.5em; }
.wp-block-buttons.alignright .wp-block-button:first-child {
margin-right: 0; }
.wp-block-buttons.alignleft .wp-block-button {
margin-left: 0;
margin-right: 8px; }
margin-right: 0.5em; }
.wp-block-buttons.alignleft .wp-block-button:last-child {
margin-left: 0; }
@ -142,22 +137,18 @@
text-align: center; }
.wp-block-calendar th,
.wp-block-calendar tbody td {
padding: 4px;
padding: 0.25em;
border: 1px solid #ddd; }
.wp-block-calendar tfoot td {
border: none; }
.wp-block-calendar table {
width: 100%;
border-collapse: collapse;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; }
border-collapse: collapse; }
.wp-block-calendar table th {
font-weight: 400;
background: #ddd; }
.wp-block-calendar a {
text-decoration: underline; }
.wp-block-calendar tfoot a {
color: #007cba;
color: var(--wp-admin-theme-color); }
.wp-block-calendar table tbody,
.wp-block-calendar table caption {
color: #40464d; }
@ -170,13 +161,13 @@
.wp-block-columns {
display: flex;
margin-bottom: 28px;
margin-bottom: 1.75em;
flex-wrap: wrap; }
@media (min-width: 782px) {
.wp-block-columns {
flex-wrap: nowrap; } }
.wp-block-columns.has-background {
padding: 20px 38px; }
padding: 1.25em 2.375em; }
.wp-block-column {
flex-grow: 1;
@ -188,10 +179,10 @@
flex-basis: 100% !important; } }
@media (min-width: 600px) and (max-width: 781px) {
.wp-block-column {
flex-basis: calc(50% - 16px) !important;
flex-basis: calc(50% - 1em) !important;
flex-grow: 0; }
.wp-block-column:nth-child(even) {
margin-right: 32px; } }
margin-right: 2em; } }
@media (min-width: 782px) {
.wp-block-column {
flex-basis: 0;
@ -199,7 +190,7 @@
.wp-block-column[style*="flex-basis"] {
flex-grow: 0; }
.wp-block-column:not(:first-child) {
margin-right: 32px; } }
margin-right: 2em; } }
/**
* All Columns Alignment
@ -240,7 +231,8 @@
display: flex;
justify-content: center;
align-items: center;
padding: 16px; }
padding: 1em;
box-sizing: border-box; }
.wp-block-cover-image.has-parallax,
.wp-block-cover.has-parallax {
background-attachment: fixed; }
@ -356,7 +348,6 @@
display: flex; }
.wp-block-cover-image .wp-block-cover__inner-container,
.wp-block-cover .wp-block-cover__inner-container {
width: calc(100% - 70px);
z-index: 1;
color: #fff; }
.wp-block-cover-image p:not(.has-text-color),
@ -473,17 +464,17 @@ section.wp-block-cover-image > h2,
z-index: 1;
margin-bottom: 0;
max-width: 580px;
padding: 14px;
padding: 0.44em;
text-align: center; }
.wp-block[data-align="left"] > [data-type^="core-embed"],
.wp-block[data-align="right"] > [data-type^="core-embed"],
.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[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; }
@ -544,7 +535,7 @@ section.wp-block-cover-image > h2,
background: #32373c;
border-radius: 2em;
color: #fff;
font-size: 13px;
font-size: 0.8em;
padding: 0.5em 1em; }
.wp-block-file a.wp-block-file__button {
text-decoration: none; }
@ -567,7 +558,7 @@ section.wp-block-cover-image > h2,
.wp-block-gallery .blocks-gallery-item,
.blocks-gallery-grid .blocks-gallery-image,
.blocks-gallery-grid .blocks-gallery-item {
margin: 0 0 16px 16px;
margin: 0 0 1em 1em;
display: flex;
flex-grow: 1;
flex-direction: column;
@ -614,11 +605,12 @@ section.wp-block-cover-image > h2,
width: 100%;
max-height: 100%;
overflow: auto;
padding: 40px 10px 9px;
padding: 3em 0.77em 0.7em;
color: #fff;
text-align: center;
font-size: 13px;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0, rgba(0, 0, 0, 0.3) 70%, transparent); }
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; }
.wp-block-gallery .blocks-gallery-image figcaption img,
.wp-block-gallery .blocks-gallery-item figcaption img,
.blocks-gallery-grid .blocks-gallery-image figcaption img,
@ -649,7 +641,7 @@ section.wp-block-cover-image > h2,
.wp-block-gallery .blocks-gallery-item,
.blocks-gallery-grid .blocks-gallery-image,
.blocks-gallery-grid .blocks-gallery-item {
width: calc(50% - 16px); }
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),
@ -666,38 +658,38 @@ section.wp-block-cover-image > h2,
.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.33333% - 10.66667px);
margin-left: 16px; }
width: calc(33.33333% - 0.66667em);
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% - 12px);
margin-left: 16px; }
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% - 12.8px);
margin-left: 16px; }
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.66667% - 13.33333px);
margin-left: 16px; }
width: calc(16.66667% - 0.83333em);
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.28571% - 13.71429px);
margin-left: 16px; }
width: calc(14.28571% - 0.85714em);
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% - 14px);
margin-left: 16px; }
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),
@ -752,13 +744,16 @@ section.wp-block-cover-image > h2,
.blocks-gallery-grid.aligncenter .blocks-gallery-item figure {
justify-content: center; }
.wp-block-group {
box-sizing: border-box; }
h1.has-background,
h2.has-background,
h3.has-background,
h4.has-background,
h5.has-background,
h6.has-background {
padding: 20px 38px; }
padding: 1.25em 2.375em; }
.wp-block-image {
margin-bottom: 1em; }
@ -818,38 +813,36 @@ h6.has-background {
border-radius: 0; } }
.wp-block-latest-comments__comment {
font-size: 15px;
line-height: 1.1;
list-style: none;
margin-bottom: 1em; }
.has-avatars .wp-block-latest-comments__comment {
min-height: 36px;
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: 52px; }
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: 14px;
font-size: 0.875em;
line-height: 1.8;
margin: 5px 0 20px; }
margin: 0.36em 0 1.4em; }
.wp-block-latest-comments__comment-date {
color: #8f98a1;
display: block;
font-size: 12px; }
font-size: 0.75em; }
.wp-block-latest-comments .avatar,
.wp-block-latest-comments__comment-avatar {
border-radius: 24px;
border-radius: 1.5em;
display: block;
float: right;
height: 40px;
margin-left: 12px;
width: 40px; }
height: 2.5em;
margin-left: 0.75em;
width: 2.5em; }
.wp-block-latest-posts.alignleft {
margin-right: 2em; }
@ -867,30 +860,33 @@ h6.has-background {
flex-wrap: wrap;
padding: 0; }
.wp-block-latest-posts.is-grid li {
margin: 0 0 20px 20px;
margin: 0 0 1.25em 1.25em;
width: 100%; }
@media (min-width: 600px) {
.wp-block-latest-posts.columns-2 li {
width: calc((100% / 2) - 20px); }
width: calc((100% / 2) - 1.25em); }
.wp-block-latest-posts.columns-3 li {
width: calc((100% / 3) - 20px); }
width: calc((100% / 3) - 1.25em); }
.wp-block-latest-posts.columns-4 li {
width: calc((100% / 4) - 20px); }
width: calc((100% / 4) - 1.25em); }
.wp-block-latest-posts.columns-5 li {
width: calc((100% / 5) - 20px); }
width: calc((100% / 5) - 1.25em); }
.wp-block-latest-posts.columns-6 li {
width: calc((100% / 6) - 20px); } }
width: calc((100% / 6) - 1.25em); } }
.wp-block-latest-posts__post-date,
.wp-block-latest-posts__post-author {
display: block;
color: #6c7781;
font-size: 13px; }
color: #555;
font-size: 0.8125em; }
.wp-block-latest-posts__post-excerpt {
margin-top: 8px;
margin-bottom: 16px; }
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;
@ -906,8 +902,16 @@ h6.has-background {
margin-bottom: 1em;
text-align: center; }
.edit-post-visual-editor .wp-block-latest-posts.is-grid li {
margin-bottom: 20px; }
.block-editor-image-alignment-control__row .components-base-control__field {
display: flex;
justify-content: space-between;
align-items: center; }
.block-editor-image-alignment-control__row .components-base-control__field .components-base-control__label {
margin-bottom: 0; }
ol.has-background,
ul.has-background {
padding: 1.25em 2.375em; }
.wp-block-media-text {
direction: ltr;
@ -1007,32 +1011,14 @@ h6.has-background {
-ms-grid-column: 1;
grid-column: 1;
-ms-grid-row: 2;
grid-row: 2; }
.wp-block-media-text.is-stacked-on-mobile.has-media-on-the-right .wp-block-media-text__media {
-ms-grid-column: 1;
grid-column: 1;
-ms-grid-row: 2;
grid-row: 2; }
.wp-block-media-text.is-stacked-on-mobile.has-media-on-the-right .wp-block-media-text__content {
-ms-grid-column: 1;
grid-column: 1;
-ms-grid-row: 1;
grid-row: 1; } }
grid-row: 2; } }
.wp-block-navigation .wp-block-navigation-link:not(.has-text-color),
.wp-block-navigation.is-style-light .wp-block-navigation-link:not(.has-text-color) {
.wp-block-navigation:not(.has-background) .wp-block-navigation__container .wp-block-navigation-link:not(.has-text-color) {
color: #1e1e1e; }
.wp-block-navigation:not(.has-background) .wp-block-navigation__container,
.wp-block-navigation.is-style-light:not(.has-background) .wp-block-navigation__container {
.wp-block-navigation:not(.has-background) .wp-block-navigation__container .wp-block-navigation__container {
background-color: #fff; }
.wp-block-navigation.is-style-dark .wp-block-navigation-link:not(.has-text-color) {
color: #fff; }
.wp-block-navigation.is-style-dark:not(.has-background) .wp-block-navigation__container {
background-color: #1e1e1e; }
.items-justified-left > ul {
justify-content: flex-start; }
@ -1059,6 +1045,9 @@ h6.has-background {
.is-vertical .wp-block-navigation__container {
display: block; }
.has-child > .wp-block-navigation-link__content {
padding-left: 0.5em; }
.has-child .wp-block-navigation__container {
border: 1px solid rgba(0, 0, 0, 0.15);
background-color: inherit;
@ -1067,17 +1056,17 @@ h6.has-background {
right: 0;
top: 100%;
width: fit-content;
z-index: 1;
z-index: 2;
opacity: 0;
transition: opacity 0.1s linear;
visibility: hidden; }
.has-child .wp-block-navigation__container > .wp-block-navigation-link > .wp-block-navigation-link__content {
flex-grow: 1; }
.has-child .wp-block-navigation__container > .wp-block-navigation-link > .wp-block-navigation-link__submenu-icon {
padding-left: 8px; }
padding-left: 0.5em; }
@media (min-width: 782px) {
.has-child .wp-block-navigation__container {
right: 24px; }
right: 1.5em; }
.has-child .wp-block-navigation__container .wp-block-navigation__container {
right: 100%;
top: -1px; }
@ -1087,7 +1076,7 @@ h6.has-background {
left: 100%;
height: 100%;
display: block;
width: 8px;
width: 0.5em;
background: transparent; }
.has-child .wp-block-navigation__container .wp-block-navigation-link__submenu-icon svg {
transform: rotate(0); } }
@ -1109,21 +1098,21 @@ h6.has-background {
flex-direction: column; }
.wp-block-navigation-link__content {
color: inherit;
text-decoration: none;
padding: 8px 16px; }
padding: 0.5em 1em; }
.wp-block-navigation-link__content + .wp-block-navigation-link__content {
padding-top: 0; }
.has-text-color .wp-block-navigation-link__content {
color: inherit; }
.wp-block-navigation-link__label {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
word-break: normal;
overflow-wrap: break-word; }
.wp-block-navigation-link__submenu-icon {
height: inherit;
padding: 6px 16px; }
padding: 0.375em 0 0.375em 1em; }
.wp-block-navigation-link__submenu-icon svg {
fill: currentColor; }
@media (min-width: 782px) {
@ -1131,16 +1120,16 @@ h6.has-background {
transform: rotate(-90deg); } }
.is-small-text {
font-size: 14px; }
font-size: 0.875em; }
.is-regular-text {
font-size: 16px; }
font-size: 1em; }
.is-large-text {
font-size: 36px; }
font-size: 2.25em; }
.is-larger-text {
font-size: 48px; }
font-size: 3em; }
.has-drop-cap:not(:focus)::first-letter {
float: right;
@ -1152,24 +1141,23 @@ h6.has-background {
font-style: normal; }
p.has-background {
padding: 20px 38px; }
padding: 1.25em 2.375em; }
p.has-text-color a {
color: inherit; }
.wp-block-post-author {
display: flex;
flex-wrap: wrap;
line-height: 1.5; }
flex-wrap: wrap; }
.wp-block-post-author__byline {
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 0.5em; }
.wp-block-post-author__avatar {
margin-left: 16px; }
margin-left: 1em; }
.wp-block-post-author__bio {
margin-bottom: 8px;
margin-bottom: 0.7em;
font-size: 0.7em; }
.wp-block-post-author__content {
flex-grow: 1;
@ -1186,9 +1174,9 @@ p.has-text-color a {
.wp-block-pullquote.alignleft, .wp-block-pullquote.alignright {
max-width: 290px; }
.wp-block-pullquote.alignleft p, .wp-block-pullquote.alignright p {
font-size: 20px; }
font-size: 1.25em; }
.wp-block-pullquote p {
font-size: 28px;
font-size: 1.75em;
line-height: 1.6; }
.wp-block-pullquote cite,
.wp-block-pullquote footer {
@ -1209,7 +1197,7 @@ p.has-text-color a {
.wp-block-pullquote.is-style-solid-color blockquote p {
margin-top: 0;
margin-bottom: 0;
font-size: 32px; }
font-size: 2em; }
.wp-block-pullquote.is-style-solid-color blockquote cite {
text-transform: none;
font-style: normal; }
@ -1218,16 +1206,16 @@ p.has-text-color a {
color: inherit; }
.wp-block-quote.is-style-large, .wp-block-quote.is-large {
margin: 0 0 16px;
margin: 0 0 1em;
padding: 0 1em; }
.wp-block-quote.is-style-large p, .wp-block-quote.is-large p {
font-size: 24px;
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: 18px;
font-size: 1.125em;
text-align: left; }
.wp-block-rss.alignleft {
@ -1242,37 +1230,62 @@ p.has-text-color a {
padding: 0;
list-style: none; }
.wp-block-rss.is-grid li {
margin: 0 0 16px 16px;
margin: 0 0 1em 1em;
width: 100%; }
@media (min-width: 600px) {
.wp-block-rss.columns-2 li {
width: calc(( 100% / 2 ) - 16px); }
width: calc(( 100% / 2 ) - 1em); }
.wp-block-rss.columns-3 li {
width: calc(( 100% / 3 ) - 16px); }
width: calc(( 100% / 3 ) - 1em); }
.wp-block-rss.columns-4 li {
width: calc(( 100% / 4 ) - 16px); }
width: calc(( 100% / 4 ) - 1em); }
.wp-block-rss.columns-5 li {
width: calc(( 100% / 5 ) - 16px); }
width: calc(( 100% / 5 ) - 1em); }
.wp-block-rss.columns-6 li {
width: calc(( 100% / 6 ) - 16px); } }
width: calc(( 100% / 6 ) - 1em); } }
.wp-block-rss__item-publish-date,
.wp-block-rss__item-author {
display: block;
color: #6c7781;
font-size: 13px; }
color: #555;
font-size: 0.8125em; }
.wp-block-search {
.wp-block-search .wp-block-search__inside-wrapper {
display: flex;
flex-wrap: wrap; }
.wp-block-search .wp-block-search__label {
width: 100%; }
.wp-block-search .wp-block-search__input {
flex-grow: 1;
max-width: 360px; }
.wp-block-search .wp-block-search__button {
margin-right: 10px; }
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 {
margin-right: 0.625em;
word-break: normal; }
.wp-block-search .wp-block-search__button svg {
min-width: 1.5em;
min-height: 1.5em; }
.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-separator.is-style-wide {
border-bottom-width: 1px; }
@ -1287,13 +1300,17 @@ p.has-text-color a {
.wp-block-separator.is-style-dots::before {
content: "\00b7 \00b7 \00b7";
color: currentColor;
font-size: 20px;
font-size: 1.5em;
letter-spacing: 2em;
padding-left: 2em;
font-family: serif; }
.wp-block-custom-logo .aligncenter {
display: table; }
.wp-block-social-links {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
padding-right: 0;
padding-left: 0;
@ -1309,7 +1326,7 @@ p.has-text-color a {
width: 36px;
height: 36px;
border-radius: 36px;
margin-left: 8px;
margin: 0 0 8px 8px;
transition: transform 0.1s ease; }
@media (prefers-reduced-motion: reduce) {
.wp-social-link {
@ -1664,7 +1681,7 @@ p.wp-block-subhead {
.wp-block-text-columns.aligncenter {
display: flex; }
.wp-block-text-columns .wp-block-column {
margin: 0 16px;
margin: 0 1em;
padding: 0; }
.wp-block-text-columns .wp-block-column:first-child {
margin-right: 0; }
@ -1691,176 +1708,121 @@ p.wp-block-subhead {
margin-top: 0.5em;
margin-bottom: 1em; }
:root .editor-styles-wrapper,
:root {
/* stylelint-disable function-comma-space-after */
/* stylelint-enable function-comma-space-after */ }
:root .editor-styles-wrapper .has-pale-pink-background-color,
:root .has-pale-pink-background-color {
background-color: #f78da7; }
:root .editor-styles-wrapper .has-vivid-red-background-color,
:root .has-vivid-red-background-color {
background-color: #cf2e2e; }
:root .editor-styles-wrapper .has-luminous-vivid-orange-background-color,
:root .has-luminous-vivid-orange-background-color {
background-color: #ff6900; }
:root .editor-styles-wrapper .has-luminous-vivid-amber-background-color,
:root .has-luminous-vivid-amber-background-color {
background-color: #fcb900; }
:root .editor-styles-wrapper .has-light-green-cyan-background-color,
:root .has-light-green-cyan-background-color {
background-color: #7bdcb5; }
:root .editor-styles-wrapper .has-vivid-green-cyan-background-color,
:root .has-vivid-green-cyan-background-color {
background-color: #00d084; }
:root .editor-styles-wrapper .has-pale-cyan-blue-background-color,
:root .has-pale-cyan-blue-background-color {
background-color: #8ed1fc; }
:root .editor-styles-wrapper .has-vivid-cyan-blue-background-color,
:root .has-vivid-cyan-blue-background-color {
background-color: #0693e3; }
:root .editor-styles-wrapper .has-vivid-purple-background-color,
:root .has-vivid-purple-background-color {
background-color: #9b51e0; }
:root .editor-styles-wrapper .has-white-background-color,
:root .has-white-background-color {
background-color: #fff; }
:root .editor-styles-wrapper .has-very-light-gray-background-color,
:root .has-very-light-gray-background-color {
background-color: #eee; }
:root .editor-styles-wrapper .has-cyan-bluish-gray-background-color,
:root .has-cyan-bluish-gray-background-color {
background-color: #abb8c3; }
:root .editor-styles-wrapper .has-very-dark-gray-background-color,
:root .has-very-dark-gray-background-color {
background-color: #313131; }
:root .editor-styles-wrapper .has-black-background-color,
:root .has-black-background-color {
background-color: #000; }
:root .editor-styles-wrapper .has-pale-pink-color,
:root .has-pale-pink-color {
color: #f78da7; }
:root .editor-styles-wrapper .has-vivid-red-color,
:root .has-vivid-red-color {
color: #cf2e2e; }
:root .editor-styles-wrapper .has-luminous-vivid-orange-color,
:root .has-luminous-vivid-orange-color {
color: #ff6900; }
:root .editor-styles-wrapper .has-luminous-vivid-amber-color,
:root .has-luminous-vivid-amber-color {
color: #fcb900; }
:root .editor-styles-wrapper .has-light-green-cyan-color,
:root .has-light-green-cyan-color {
color: #7bdcb5; }
:root .editor-styles-wrapper .has-vivid-green-cyan-color,
:root .has-vivid-green-cyan-color {
color: #00d084; }
:root .editor-styles-wrapper .has-pale-cyan-blue-color,
:root .has-pale-cyan-blue-color {
color: #8ed1fc; }
:root .editor-styles-wrapper .has-vivid-cyan-blue-color,
:root .has-vivid-cyan-blue-color {
color: #0693e3; }
:root .editor-styles-wrapper .has-vivid-purple-color,
:root .has-vivid-purple-color {
color: #9b51e0; }
:root .editor-styles-wrapper .has-white-color,
:root .has-white-color {
color: #fff; }
:root .editor-styles-wrapper .has-very-light-gray-color,
:root .has-very-light-gray-color {
color: #eee; }
:root .editor-styles-wrapper .has-cyan-bluish-gray-color,
:root .has-cyan-bluish-gray-color {
color: #abb8c3; }
:root .editor-styles-wrapper .has-very-dark-gray-color,
:root .has-very-dark-gray-color {
color: #313131; }
:root .editor-styles-wrapper .has-black-color,
:root .has-black-color {
color: #000; }
:root .editor-styles-wrapper .has-vivid-cyan-blue-to-vivid-purple-gradient-background,
:root .has-vivid-cyan-blue-to-vivid-purple-gradient-background {
background: linear-gradient(-135deg, #0693e3 0%, #9b51e0 100%); }
:root .editor-styles-wrapper .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background,
:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background {
background: linear-gradient(-135deg, #00d084 0%, #0693e3 100%); }
:root .editor-styles-wrapper .has-light-green-cyan-to-vivid-green-cyan-gradient-background,
:root .has-light-green-cyan-to-vivid-green-cyan-gradient-background {
background: linear-gradient(-135deg, #7adcb4 0%, #00d082 100%); }
:root .editor-styles-wrapper .has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background,
:root .has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background {
background: linear-gradient(-135deg, #fcb900 0%, #ff6900 100%); }
:root .editor-styles-wrapper .has-luminous-vivid-orange-to-vivid-red-gradient-background,
:root .has-luminous-vivid-orange-to-vivid-red-gradient-background {
background: linear-gradient(-135deg, #ff6900 0%, #cf2e2e 100%); }
:root .editor-styles-wrapper .has-very-light-gray-to-cyan-bluish-gray-gradient-background,
:root .has-very-light-gray-to-cyan-bluish-gray-gradient-background {
background: linear-gradient(-135deg, #eeeeee 0%, #a9b8c3 100%); }
:root .editor-styles-wrapper .has-cool-to-warm-spectrum-gradient-background,
:root .has-cool-to-warm-spectrum-gradient-background {
background: linear-gradient(-135deg, #4aeadc 0%, #9778d1 20%, #cf2aba 40%, #ee2c82 60%, #fb6962 80%, #fef84c 100%); }
:root .editor-styles-wrapper .has-blush-light-purple-gradient-background,
:root .has-blush-light-purple-gradient-background {
background: linear-gradient(-135deg, #ffceec 0%, #9896f0 100%); }
:root .editor-styles-wrapper .has-blush-bordeaux-gradient-background,
:root .has-blush-bordeaux-gradient-background {
background: linear-gradient(-135deg, #fecda5 0%, #fe2d2d 50%, #6b003e 100%); }
:root .editor-styles-wrapper .has-purple-crush-gradient-background,
:root .has-purple-crush-gradient-background {
background: linear-gradient(-135deg, #34e2e4 0%, #4721fb 50%, #ab1dfe 100%); }
:root .editor-styles-wrapper .has-luminous-dusk-gradient-background,
:root .has-luminous-dusk-gradient-background {
background: linear-gradient(-135deg, #ffcb70 0%, #c751c0 50%, #4158d0 100%); }
:root .editor-styles-wrapper .has-hazy-dawn-gradient-background,
:root .has-hazy-dawn-gradient-background {
background: linear-gradient(-135deg, #faaca8 0%, #dad0ec 100%); }
:root .editor-styles-wrapper .has-pale-ocean-gradient-background,
:root .has-pale-ocean-gradient-background {
background: linear-gradient(-135deg, #fff5cb 0%, #b6e3d4 50%, #33a7b5 100%); }
:root .editor-styles-wrapper .has-electric-grass-gradient-background,
:root .has-electric-grass-gradient-background {
background: linear-gradient(-135deg, #caf880 0%, #71ce7e 100%); }
:root .editor-styles-wrapper .has-subdued-olive-gradient-background,
:root .has-subdued-olive-gradient-background {
background: linear-gradient(-135deg, #fafae1 0%, #67a671 100%); }
:root .editor-styles-wrapper .has-atomic-cream-gradient-background,
:root .has-atomic-cream-gradient-background {
background: linear-gradient(-135deg, #fdd79a 0%, #004a59 100%); }
:root .editor-styles-wrapper .has-nightshade-gradient-background,
:root .has-nightshade-gradient-background {
background: linear-gradient(-135deg, #330968 0%, #31cdcf 100%); }
:root .editor-styles-wrapper .has-midnight-gradient-background,
:root .has-midnight-gradient-background {
background: linear-gradient(-135deg, #020381 0%, #2874fc 100%); }
:root .editor-styles-wrapper .has-link-color a,
:root .has-link-color a {
color: #00e;
color: var(--wp--style--color--link, #00e); }
.editor-styles-wrapper .has-small-font-size,
.has-small-font-size {
font-size: 13px; }
font-size: 0.8125em; }
.editor-styles-wrapper .has-regular-font-size,
.editor-styles-wrapper .has-normal-font-size,
.has-regular-font-size,
.has-normal-font-size {
font-size: 16px; }
font-size: 1em; }
.editor-styles-wrapper .has-medium-font-size,
.has-medium-font-size {
font-size: 20px; }
font-size: 1.25em; }
.editor-styles-wrapper .has-large-font-size,
.has-large-font-size {
font-size: 36px; }
font-size: 2.25em; }
.editor-styles-wrapper .has-larger-font-size,
.editor-styles-wrapper .has-huge-font-size,
.has-larger-font-size,
.has-huge-font-size {
font-size: 42px; }
font-size: 2.625em; }
.has-text-align-center {
text-align: center; }

File diff suppressed because one or more lines are too long

View File

@ -1,20 +1,12 @@
/**
* Colors
*/
/**
* Deprecated colors.
* Please avoid using these.
*/
/**
* Breakpoints & Media Queries
*/
/**
* Colors
*/
/**
* Deprecated colors.
* Please avoid using these.
*/
/**
* Fonts & basic variables.
*/
@ -37,6 +29,9 @@
/**
* Border radii.
*/
/**
* Block paddings.
*/
/**
* Breakpoint mixins
*/
@ -85,12 +80,12 @@
color: #fff;
background-color: #32373c;
border: none;
border-radius: 28px;
border-radius: 1.55em;
box-shadow: none;
cursor: pointer;
display: inline-block;
font-size: 18px;
padding: 12px 24px;
font-size: 1.125em;
padding: 0.667em 1.333em;
text-align: center;
text-decoration: none;
overflow-wrap: break-word; }
@ -118,8 +113,8 @@
.wp-block-buttons .wp-block-button {
display: inline-block;
margin-right: 8px;
margin-bottom: 8px; }
margin-right: 0.5em;
margin-bottom: 0.5em; }
.wp-block-buttons .wp-block-button:last-child {
margin-right: 0; }
@ -127,7 +122,7 @@
/*rtl:ignore*/
margin-right: 0;
/*rtl:ignore*/
margin-left: 8px; }
margin-left: 0.5em; }
.wp-block-buttons.alignright .wp-block-button:first-child {
margin-left: 0; }
@ -135,7 +130,7 @@
/*rtl:ignore*/
margin-left: 0;
/*rtl:ignore*/
margin-right: 8px; }
margin-right: 0.5em; }
.wp-block-buttons.alignleft .wp-block-button:last-child {
margin-right: 0; }
@ -147,22 +142,18 @@
text-align: center; }
.wp-block-calendar th,
.wp-block-calendar tbody td {
padding: 4px;
padding: 0.25em;
border: 1px solid #ddd; }
.wp-block-calendar tfoot td {
border: none; }
.wp-block-calendar table {
width: 100%;
border-collapse: collapse;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; }
border-collapse: collapse; }
.wp-block-calendar table th {
font-weight: 400;
background: #ddd; }
.wp-block-calendar a {
text-decoration: underline; }
.wp-block-calendar tfoot a {
color: #007cba;
color: var(--wp-admin-theme-color); }
.wp-block-calendar table tbody,
.wp-block-calendar table caption {
color: #40464d; }
@ -177,13 +168,13 @@
.wp-block-columns {
display: flex;
margin-bottom: 28px;
margin-bottom: 1.75em;
flex-wrap: wrap; }
@media (min-width: 782px) {
.wp-block-columns {
flex-wrap: nowrap; } }
.wp-block-columns.has-background {
padding: 20px 38px; }
padding: 1.25em 2.375em; }
.wp-block-column {
flex-grow: 1;
@ -195,10 +186,10 @@
flex-basis: 100% !important; } }
@media (min-width: 600px) and (max-width: 781px) {
.wp-block-column {
flex-basis: calc(50% - 16px) !important;
flex-basis: calc(50% - 1em) !important;
flex-grow: 0; }
.wp-block-column:nth-child(even) {
margin-left: 32px; } }
margin-left: 2em; } }
@media (min-width: 782px) {
.wp-block-column {
flex-basis: 0;
@ -206,7 +197,7 @@
.wp-block-column[style*="flex-basis"] {
flex-grow: 0; }
.wp-block-column:not(:first-child) {
margin-left: 32px; } }
margin-left: 2em; } }
/**
* All Columns Alignment
@ -247,7 +238,8 @@
display: flex;
justify-content: center;
align-items: center;
padding: 16px; }
padding: 1em;
box-sizing: border-box; }
.wp-block-cover-image.has-parallax,
.wp-block-cover.has-parallax {
background-attachment: fixed; }
@ -363,7 +355,6 @@
display: flex; }
.wp-block-cover-image .wp-block-cover__inner-container,
.wp-block-cover .wp-block-cover__inner-container {
width: calc(100% - 70px);
z-index: 1;
color: #fff; }
.wp-block-cover-image p:not(.has-text-color),
@ -480,17 +471,17 @@ section.wp-block-cover-image > h2,
z-index: 1;
margin-bottom: 0;
max-width: 580px;
padding: 14px;
padding: 0.44em;
text-align: center; }
.wp-block[data-align="left"] > [data-type^="core-embed"],
.wp-block[data-align="right"] > [data-type^="core-embed"],
.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[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; }
@ -552,7 +543,7 @@ section.wp-block-cover-image > h2,
background: #32373c;
border-radius: 2em;
color: #fff;
font-size: 13px;
font-size: 0.8em;
padding: 0.5em 1em; }
.wp-block-file a.wp-block-file__button {
text-decoration: none; }
@ -575,7 +566,7 @@ section.wp-block-cover-image > h2,
.wp-block-gallery .blocks-gallery-item,
.blocks-gallery-grid .blocks-gallery-image,
.blocks-gallery-grid .blocks-gallery-item {
margin: 0 16px 16px 0;
margin: 0 1em 1em 0;
display: flex;
flex-grow: 1;
flex-direction: column;
@ -622,11 +613,12 @@ section.wp-block-cover-image > h2,
width: 100%;
max-height: 100%;
overflow: auto;
padding: 40px 10px 9px;
padding: 3em 0.77em 0.7em;
color: #fff;
text-align: center;
font-size: 13px;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0, rgba(0, 0, 0, 0.3) 70%, transparent); }
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; }
.wp-block-gallery .blocks-gallery-image figcaption img,
.wp-block-gallery .blocks-gallery-item figcaption img,
.blocks-gallery-grid .blocks-gallery-image figcaption img,
@ -657,7 +649,7 @@ section.wp-block-cover-image > h2,
.wp-block-gallery .blocks-gallery-item,
.blocks-gallery-grid .blocks-gallery-image,
.blocks-gallery-grid .blocks-gallery-item {
width: calc(50% - 16px); }
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),
@ -674,38 +666,38 @@ section.wp-block-cover-image > h2,
.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.33333% - 10.66667px);
margin-right: 16px; }
width: calc(33.33333% - 0.66667em);
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% - 12px);
margin-right: 16px; }
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% - 12.8px);
margin-right: 16px; }
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.66667% - 13.33333px);
margin-right: 16px; }
width: calc(16.66667% - 0.83333em);
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.28571% - 13.71429px);
margin-right: 16px; }
width: calc(14.28571% - 0.85714em);
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% - 14px);
margin-right: 16px; }
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),
@ -760,13 +752,16 @@ section.wp-block-cover-image > h2,
.blocks-gallery-grid.aligncenter .blocks-gallery-item figure {
justify-content: center; }
.wp-block-group {
box-sizing: border-box; }
h1.has-background,
h2.has-background,
h3.has-background,
h4.has-background,
h5.has-background,
h6.has-background {
padding: 20px 38px; }
padding: 1.25em 2.375em; }
.wp-block-image {
margin-bottom: 1em; }
@ -830,38 +825,36 @@ h6.has-background {
border-radius: 0; } }
.wp-block-latest-comments__comment {
font-size: 15px;
line-height: 1.1;
list-style: none;
margin-bottom: 1em; }
.has-avatars .wp-block-latest-comments__comment {
min-height: 36px;
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: 52px; }
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: 14px;
font-size: 0.875em;
line-height: 1.8;
margin: 5px 0 20px; }
margin: 0.36em 0 1.4em; }
.wp-block-latest-comments__comment-date {
color: #8f98a1;
display: block;
font-size: 12px; }
font-size: 0.75em; }
.wp-block-latest-comments .avatar,
.wp-block-latest-comments__comment-avatar {
border-radius: 24px;
border-radius: 1.5em;
display: block;
float: left;
height: 40px;
margin-right: 12px;
width: 40px; }
height: 2.5em;
margin-right: 0.75em;
width: 2.5em; }
.wp-block-latest-posts.alignleft {
/*rtl:ignore*/
@ -881,30 +874,33 @@ h6.has-background {
flex-wrap: wrap;
padding: 0; }
.wp-block-latest-posts.is-grid li {
margin: 0 20px 20px 0;
margin: 0 1.25em 1.25em 0;
width: 100%; }
@media (min-width: 600px) {
.wp-block-latest-posts.columns-2 li {
width: calc((100% / 2) - 20px); }
width: calc((100% / 2) - 1.25em); }
.wp-block-latest-posts.columns-3 li {
width: calc((100% / 3) - 20px); }
width: calc((100% / 3) - 1.25em); }
.wp-block-latest-posts.columns-4 li {
width: calc((100% / 4) - 20px); }
width: calc((100% / 4) - 1.25em); }
.wp-block-latest-posts.columns-5 li {
width: calc((100% / 5) - 20px); }
width: calc((100% / 5) - 1.25em); }
.wp-block-latest-posts.columns-6 li {
width: calc((100% / 6) - 20px); } }
width: calc((100% / 6) - 1.25em); } }
.wp-block-latest-posts__post-date,
.wp-block-latest-posts__post-author {
display: block;
color: #6c7781;
font-size: 13px; }
color: #555;
font-size: 0.8125em; }
.wp-block-latest-posts__post-excerpt {
margin-top: 8px;
margin-bottom: 16px; }
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;
@ -922,8 +918,16 @@ h6.has-background {
margin-bottom: 1em;
text-align: center; }
.edit-post-visual-editor .wp-block-latest-posts.is-grid li {
margin-bottom: 20px; }
.block-editor-image-alignment-control__row .components-base-control__field {
display: flex;
justify-content: space-between;
align-items: center; }
.block-editor-image-alignment-control__row .components-base-control__field .components-base-control__label {
margin-bottom: 0; }
ol.has-background,
ul.has-background {
padding: 1.25em 2.375em; }
.wp-block-media-text {
/*!rtl:begin:ignore*/
@ -1033,32 +1037,14 @@ h6.has-background {
-ms-grid-column: 1;
grid-column: 1;
-ms-grid-row: 2;
grid-row: 2; }
.wp-block-media-text.is-stacked-on-mobile.has-media-on-the-right .wp-block-media-text__media {
-ms-grid-column: 1;
grid-column: 1;
-ms-grid-row: 2;
grid-row: 2; }
.wp-block-media-text.is-stacked-on-mobile.has-media-on-the-right .wp-block-media-text__content {
-ms-grid-column: 1;
grid-column: 1;
-ms-grid-row: 1;
grid-row: 1; } }
grid-row: 2; } }
.wp-block-navigation .wp-block-navigation-link:not(.has-text-color),
.wp-block-navigation.is-style-light .wp-block-navigation-link:not(.has-text-color) {
.wp-block-navigation:not(.has-background) .wp-block-navigation__container .wp-block-navigation-link:not(.has-text-color) {
color: #1e1e1e; }
.wp-block-navigation:not(.has-background) .wp-block-navigation__container,
.wp-block-navigation.is-style-light:not(.has-background) .wp-block-navigation__container {
.wp-block-navigation:not(.has-background) .wp-block-navigation__container .wp-block-navigation__container {
background-color: #fff; }
.wp-block-navigation.is-style-dark .wp-block-navigation-link:not(.has-text-color) {
color: #fff; }
.wp-block-navigation.is-style-dark:not(.has-background) .wp-block-navigation__container {
background-color: #1e1e1e; }
.items-justified-left > ul {
justify-content: flex-start; }
@ -1085,6 +1071,9 @@ h6.has-background {
.is-vertical .wp-block-navigation__container {
display: block; }
.has-child > .wp-block-navigation-link__content {
padding-right: 0.5em; }
.has-child .wp-block-navigation__container {
border: 1px solid rgba(0, 0, 0, 0.15);
background-color: inherit;
@ -1093,17 +1082,17 @@ h6.has-background {
left: 0;
top: 100%;
width: fit-content;
z-index: 1;
z-index: 2;
opacity: 0;
transition: opacity 0.1s linear;
visibility: hidden; }
.has-child .wp-block-navigation__container > .wp-block-navigation-link > .wp-block-navigation-link__content {
flex-grow: 1; }
.has-child .wp-block-navigation__container > .wp-block-navigation-link > .wp-block-navigation-link__submenu-icon {
padding-right: 8px; }
padding-right: 0.5em; }
@media (min-width: 782px) {
.has-child .wp-block-navigation__container {
left: 24px; }
left: 1.5em; }
.has-child .wp-block-navigation__container .wp-block-navigation__container {
left: 100%;
top: -1px; }
@ -1113,7 +1102,7 @@ h6.has-background {
right: 100%;
height: 100%;
display: block;
width: 8px;
width: 0.5em;
background: transparent; }
.has-child .wp-block-navigation__container .wp-block-navigation-link__submenu-icon svg {
transform: rotate(0); } }
@ -1135,21 +1124,21 @@ h6.has-background {
flex-direction: column; }
.wp-block-navigation-link__content {
color: inherit;
text-decoration: none;
padding: 8px 16px; }
padding: 0.5em 1em; }
.wp-block-navigation-link__content + .wp-block-navigation-link__content {
padding-top: 0; }
.has-text-color .wp-block-navigation-link__content {
color: inherit; }
.wp-block-navigation-link__label {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
word-break: normal;
overflow-wrap: break-word; }
.wp-block-navigation-link__submenu-icon {
height: inherit;
padding: 6px 16px; }
padding: 0.375em 1em 0.375em 0; }
.wp-block-navigation-link__submenu-icon svg {
fill: currentColor; }
@media (min-width: 782px) {
@ -1157,16 +1146,16 @@ h6.has-background {
transform: rotate(90deg); } }
.is-small-text {
font-size: 14px; }
font-size: 0.875em; }
.is-regular-text {
font-size: 16px; }
font-size: 1em; }
.is-large-text {
font-size: 36px; }
font-size: 2.25em; }
.is-larger-text {
font-size: 48px; }
font-size: 3em; }
.has-drop-cap:not(:focus)::first-letter {
float: left;
@ -1178,24 +1167,23 @@ h6.has-background {
font-style: normal; }
p.has-background {
padding: 20px 38px; }
padding: 1.25em 2.375em; }
p.has-text-color a {
color: inherit; }
.wp-block-post-author {
display: flex;
flex-wrap: wrap;
line-height: 1.5; }
flex-wrap: wrap; }
.wp-block-post-author__byline {
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 0.5em; }
.wp-block-post-author__avatar {
margin-right: 16px; }
margin-right: 1em; }
.wp-block-post-author__bio {
margin-bottom: 8px;
margin-bottom: 0.7em;
font-size: 0.7em; }
.wp-block-post-author__content {
flex-grow: 1;
@ -1212,9 +1200,9 @@ p.has-text-color a {
.wp-block-pullquote.alignleft, .wp-block-pullquote.alignright {
max-width: 290px; }
.wp-block-pullquote.alignleft p, .wp-block-pullquote.alignright p {
font-size: 20px; }
font-size: 1.25em; }
.wp-block-pullquote p {
font-size: 28px;
font-size: 1.75em;
line-height: 1.6; }
.wp-block-pullquote cite,
.wp-block-pullquote footer {
@ -1235,7 +1223,7 @@ p.has-text-color a {
.wp-block-pullquote.is-style-solid-color blockquote p {
margin-top: 0;
margin-bottom: 0;
font-size: 32px; }
font-size: 2em; }
.wp-block-pullquote.is-style-solid-color blockquote cite {
text-transform: none;
font-style: normal; }
@ -1244,16 +1232,16 @@ p.has-text-color a {
color: inherit; }
.wp-block-quote.is-style-large, .wp-block-quote.is-large {
margin: 0 0 16px;
margin: 0 0 1em;
padding: 0 1em; }
.wp-block-quote.is-style-large p, .wp-block-quote.is-large p {
font-size: 24px;
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: 18px;
font-size: 1.125em;
text-align: right; }
.wp-block-rss.alignleft {
@ -1270,37 +1258,62 @@ p.has-text-color a {
padding: 0;
list-style: none; }
.wp-block-rss.is-grid li {
margin: 0 16px 16px 0;
margin: 0 1em 1em 0;
width: 100%; }
@media (min-width: 600px) {
.wp-block-rss.columns-2 li {
width: calc(( 100% / 2 ) - 16px); }
width: calc(( 100% / 2 ) - 1em); }
.wp-block-rss.columns-3 li {
width: calc(( 100% / 3 ) - 16px); }
width: calc(( 100% / 3 ) - 1em); }
.wp-block-rss.columns-4 li {
width: calc(( 100% / 4 ) - 16px); }
width: calc(( 100% / 4 ) - 1em); }
.wp-block-rss.columns-5 li {
width: calc(( 100% / 5 ) - 16px); }
width: calc(( 100% / 5 ) - 1em); }
.wp-block-rss.columns-6 li {
width: calc(( 100% / 6 ) - 16px); } }
width: calc(( 100% / 6 ) - 1em); } }
.wp-block-rss__item-publish-date,
.wp-block-rss__item-author {
display: block;
color: #6c7781;
font-size: 13px; }
color: #555;
font-size: 0.8125em; }
.wp-block-search {
.wp-block-search .wp-block-search__inside-wrapper {
display: flex;
flex-wrap: wrap; }
.wp-block-search .wp-block-search__label {
width: 100%; }
.wp-block-search .wp-block-search__input {
flex-grow: 1;
max-width: 360px; }
.wp-block-search .wp-block-search__button {
margin-left: 10px; }
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 {
margin-left: 0.625em;
word-break: normal; }
.wp-block-search .wp-block-search__button svg {
min-width: 1.5em;
min-height: 1.5em; }
.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-separator.is-style-wide {
border-bottom-width: 1px; }
@ -1315,14 +1328,18 @@ p.has-text-color a {
.wp-block-separator.is-style-dots::before {
content: "\00b7 \00b7 \00b7";
color: currentColor;
font-size: 20px;
font-size: 1.5em;
letter-spacing: 2em;
/*rtl:ignore*/
padding-left: 2em;
font-family: serif; }
.wp-block-custom-logo .aligncenter {
display: table; }
.wp-block-social-links {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
padding-left: 0;
padding-right: 0;
@ -1338,7 +1355,7 @@ p.has-text-color a {
width: 36px;
height: 36px;
border-radius: 36px;
margin-right: 8px;
margin: 0 8px 8px 0;
transition: transform 0.1s ease; }
@media (prefers-reduced-motion: reduce) {
.wp-social-link {
@ -1693,7 +1710,7 @@ p.wp-block-subhead {
.wp-block-text-columns.aligncenter {
display: flex; }
.wp-block-text-columns .wp-block-column {
margin: 0 16px;
margin: 0 1em;
padding: 0; }
.wp-block-text-columns .wp-block-column:first-child {
margin-left: 0; }
@ -1720,176 +1737,121 @@ p.wp-block-subhead {
margin-top: 0.5em;
margin-bottom: 1em; }
:root .editor-styles-wrapper,
:root {
/* stylelint-disable function-comma-space-after */
/* stylelint-enable function-comma-space-after */ }
:root .editor-styles-wrapper .has-pale-pink-background-color,
:root .has-pale-pink-background-color {
background-color: #f78da7; }
:root .editor-styles-wrapper .has-vivid-red-background-color,
:root .has-vivid-red-background-color {
background-color: #cf2e2e; }
:root .editor-styles-wrapper .has-luminous-vivid-orange-background-color,
:root .has-luminous-vivid-orange-background-color {
background-color: #ff6900; }
:root .editor-styles-wrapper .has-luminous-vivid-amber-background-color,
:root .has-luminous-vivid-amber-background-color {
background-color: #fcb900; }
:root .editor-styles-wrapper .has-light-green-cyan-background-color,
:root .has-light-green-cyan-background-color {
background-color: #7bdcb5; }
:root .editor-styles-wrapper .has-vivid-green-cyan-background-color,
:root .has-vivid-green-cyan-background-color {
background-color: #00d084; }
:root .editor-styles-wrapper .has-pale-cyan-blue-background-color,
:root .has-pale-cyan-blue-background-color {
background-color: #8ed1fc; }
:root .editor-styles-wrapper .has-vivid-cyan-blue-background-color,
:root .has-vivid-cyan-blue-background-color {
background-color: #0693e3; }
:root .editor-styles-wrapper .has-vivid-purple-background-color,
:root .has-vivid-purple-background-color {
background-color: #9b51e0; }
:root .editor-styles-wrapper .has-white-background-color,
:root .has-white-background-color {
background-color: #fff; }
:root .editor-styles-wrapper .has-very-light-gray-background-color,
:root .has-very-light-gray-background-color {
background-color: #eee; }
:root .editor-styles-wrapper .has-cyan-bluish-gray-background-color,
:root .has-cyan-bluish-gray-background-color {
background-color: #abb8c3; }
:root .editor-styles-wrapper .has-very-dark-gray-background-color,
:root .has-very-dark-gray-background-color {
background-color: #313131; }
:root .editor-styles-wrapper .has-black-background-color,
:root .has-black-background-color {
background-color: #000; }
:root .editor-styles-wrapper .has-pale-pink-color,
:root .has-pale-pink-color {
color: #f78da7; }
:root .editor-styles-wrapper .has-vivid-red-color,
:root .has-vivid-red-color {
color: #cf2e2e; }
:root .editor-styles-wrapper .has-luminous-vivid-orange-color,
:root .has-luminous-vivid-orange-color {
color: #ff6900; }
:root .editor-styles-wrapper .has-luminous-vivid-amber-color,
:root .has-luminous-vivid-amber-color {
color: #fcb900; }
:root .editor-styles-wrapper .has-light-green-cyan-color,
:root .has-light-green-cyan-color {
color: #7bdcb5; }
:root .editor-styles-wrapper .has-vivid-green-cyan-color,
:root .has-vivid-green-cyan-color {
color: #00d084; }
:root .editor-styles-wrapper .has-pale-cyan-blue-color,
:root .has-pale-cyan-blue-color {
color: #8ed1fc; }
:root .editor-styles-wrapper .has-vivid-cyan-blue-color,
:root .has-vivid-cyan-blue-color {
color: #0693e3; }
:root .editor-styles-wrapper .has-vivid-purple-color,
:root .has-vivid-purple-color {
color: #9b51e0; }
:root .editor-styles-wrapper .has-white-color,
:root .has-white-color {
color: #fff; }
:root .editor-styles-wrapper .has-very-light-gray-color,
:root .has-very-light-gray-color {
color: #eee; }
:root .editor-styles-wrapper .has-cyan-bluish-gray-color,
:root .has-cyan-bluish-gray-color {
color: #abb8c3; }
:root .editor-styles-wrapper .has-very-dark-gray-color,
:root .has-very-dark-gray-color {
color: #313131; }
:root .editor-styles-wrapper .has-black-color,
:root .has-black-color {
color: #000; }
:root .editor-styles-wrapper .has-vivid-cyan-blue-to-vivid-purple-gradient-background,
:root .has-vivid-cyan-blue-to-vivid-purple-gradient-background {
background: linear-gradient(135deg, #0693e3 0%, #9b51e0 100%); }
:root .editor-styles-wrapper .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background,
:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background {
background: linear-gradient(135deg, #00d084 0%, #0693e3 100%); }
:root .editor-styles-wrapper .has-light-green-cyan-to-vivid-green-cyan-gradient-background,
:root .has-light-green-cyan-to-vivid-green-cyan-gradient-background {
background: linear-gradient(135deg, #7adcb4 0%, #00d082 100%); }
:root .editor-styles-wrapper .has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background,
:root .has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background {
background: linear-gradient(135deg, #fcb900 0%, #ff6900 100%); }
:root .editor-styles-wrapper .has-luminous-vivid-orange-to-vivid-red-gradient-background,
:root .has-luminous-vivid-orange-to-vivid-red-gradient-background {
background: linear-gradient(135deg, #ff6900 0%, #cf2e2e 100%); }
:root .editor-styles-wrapper .has-very-light-gray-to-cyan-bluish-gray-gradient-background,
:root .has-very-light-gray-to-cyan-bluish-gray-gradient-background {
background: linear-gradient(135deg, #eeeeee 0%, #a9b8c3 100%); }
:root .editor-styles-wrapper .has-cool-to-warm-spectrum-gradient-background,
:root .has-cool-to-warm-spectrum-gradient-background {
background: linear-gradient(135deg, #4aeadc 0%, #9778d1 20%, #cf2aba 40%, #ee2c82 60%, #fb6962 80%, #fef84c 100%); }
:root .editor-styles-wrapper .has-blush-light-purple-gradient-background,
:root .has-blush-light-purple-gradient-background {
background: linear-gradient(135deg, #ffceec 0%, #9896f0 100%); }
:root .editor-styles-wrapper .has-blush-bordeaux-gradient-background,
:root .has-blush-bordeaux-gradient-background {
background: linear-gradient(135deg, #fecda5 0%, #fe2d2d 50%, #6b003e 100%); }
:root .editor-styles-wrapper .has-purple-crush-gradient-background,
:root .has-purple-crush-gradient-background {
background: linear-gradient(135deg, #34e2e4 0%, #4721fb 50%, #ab1dfe 100%); }
:root .editor-styles-wrapper .has-luminous-dusk-gradient-background,
:root .has-luminous-dusk-gradient-background {
background: linear-gradient(135deg, #ffcb70 0%, #c751c0 50%, #4158d0 100%); }
:root .editor-styles-wrapper .has-hazy-dawn-gradient-background,
:root .has-hazy-dawn-gradient-background {
background: linear-gradient(135deg, #faaca8 0%, #dad0ec 100%); }
:root .editor-styles-wrapper .has-pale-ocean-gradient-background,
:root .has-pale-ocean-gradient-background {
background: linear-gradient(135deg, #fff5cb 0%, #b6e3d4 50%, #33a7b5 100%); }
:root .editor-styles-wrapper .has-electric-grass-gradient-background,
:root .has-electric-grass-gradient-background {
background: linear-gradient(135deg, #caf880 0%, #71ce7e 100%); }
:root .editor-styles-wrapper .has-subdued-olive-gradient-background,
:root .has-subdued-olive-gradient-background {
background: linear-gradient(135deg, #fafae1 0%, #67a671 100%); }
:root .editor-styles-wrapper .has-atomic-cream-gradient-background,
:root .has-atomic-cream-gradient-background {
background: linear-gradient(135deg, #fdd79a 0%, #004a59 100%); }
:root .editor-styles-wrapper .has-nightshade-gradient-background,
:root .has-nightshade-gradient-background {
background: linear-gradient(135deg, #330968 0%, #31cdcf 100%); }
:root .editor-styles-wrapper .has-midnight-gradient-background,
:root .has-midnight-gradient-background {
background: linear-gradient(135deg, #020381 0%, #2874fc 100%); }
:root .editor-styles-wrapper .has-link-color a,
:root .has-link-color a {
color: #00e;
color: var(--wp--style--color--link, #00e); }
.editor-styles-wrapper .has-small-font-size,
.has-small-font-size {
font-size: 13px; }
font-size: 0.8125em; }
.editor-styles-wrapper .has-regular-font-size,
.editor-styles-wrapper .has-normal-font-size,
.has-regular-font-size,
.has-normal-font-size {
font-size: 16px; }
font-size: 1em; }
.editor-styles-wrapper .has-medium-font-size,
.has-medium-font-size {
font-size: 20px; }
font-size: 1.25em; }
.editor-styles-wrapper .has-large-font-size,
.has-large-font-size {
font-size: 36px; }
font-size: 2.25em; }
.editor-styles-wrapper .has-larger-font-size,
.editor-styles-wrapper .has-huge-font-size,
.has-larger-font-size,
.has-huge-font-size {
font-size: 42px; }
font-size: 2.625em; }
.has-text-align-center {
text-align: center; }

File diff suppressed because one or more lines are too long

View File

@ -1,20 +1,12 @@
/**
* Colors
*/
/**
* Deprecated colors.
* Please avoid using these.
*/
/**
* Breakpoints & Media Queries
*/
/**
* Colors
*/
/**
* Deprecated colors.
* Please avoid using these.
*/
/**
* Fonts & basic variables.
*/
@ -37,6 +29,9 @@
/**
* Border radii.
*/
/**
* Block paddings.
*/
/**
* Breakpoint mixins
*/
@ -74,43 +69,43 @@
display: none; }
.wp-block-audio figcaption {
color: #555d66;
color: #555;
font-size: 13px;
text-align: center; }
.wp-block-code {
font-family: Menlo, Consolas, monaco, monospace;
font-size: 15px;
font-size: 0.9em;
color: #1e1e1e;
padding: 0.8em 1em;
border: 1px solid #ddd;
border-radius: 4px; }
.wp-block-embed figcaption {
color: #555d66;
color: #555;
font-size: 13px;
text-align: center; }
.blocks-gallery-caption {
color: #555d66;
color: #555;
font-size: 13px;
text-align: center; }
.wp-block-image figcaption {
color: #555d66;
color: #555;
font-size: 13px;
text-align: center; }
.wp-block-pullquote {
border-top: 4px solid #555d66;
border-bottom: 4px solid #555d66;
margin-bottom: 28px;
color: #40464d; }
border-top: 4px solid #555;
border-bottom: 4px solid #555;
margin-bottom: 1.75em;
color: #555; }
.wp-block-pullquote cite,
.wp-block-pullquote footer, .wp-block-pullquote__citation {
color: #40464d;
color: #555;
text-transform: uppercase;
font-size: 13px;
font-size: 0.8125em;
font-style: normal; }
.wp-block-navigation ul,
@ -121,22 +116,22 @@
margin: 0; }
.wp-block-quote {
border-right: 4px solid #000;
margin: 0 0 28px 0;
border-right: 0.25em solid #000;
margin: 0 0 1.75em 0;
padding-right: 1em; }
.wp-block-quote cite,
.wp-block-quote footer, .wp-block-quote__citation {
color: #6c7781;
font-size: 13px;
color: #555;
font-size: 0.8125em;
margin-top: 1em;
position: relative;
font-style: normal; }
.wp-block-quote.has-text-align-right, .wp-block-quote.has-text-align-right {
.wp-block-quote.has-text-align-right {
border-right: none;
border-left: 4px solid #000;
border-left: 0.25em solid #000;
padding-right: 0;
padding-left: 1em; }
.wp-block-quote.has-text-align-center, .wp-block-quote.has-text-align-center {
.wp-block-quote.has-text-align-center {
border: none;
padding-right: 0; }
.wp-block-quote.is-style-large, .wp-block-quote.is-large {
@ -152,9 +147,10 @@
.wp-block-separator {
border: none;
border-bottom: 2px solid #8f98a1;
border-bottom: 2px solid currentColor;
margin-right: auto;
margin-left: auto; }
margin-left: auto;
opacity: 0.4; }
.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
max-width: 100px; }
.wp-block-separator.has-background:not(.is-style-dots) {
@ -175,14 +171,19 @@
border: 1px solid;
word-break: normal; }
.wp-block-table figcaption {
color: #555d66;
color: #555;
font-size: 13px;
text-align: center; }
.wp-block-video figcaption {
color: #555d66;
color: #555;
font-size: 13px;
text-align: center; }
.wp-block-template-part.has-background {
padding: 20px 30px;
margin-top: 0;
margin-bottom: 0; }
#end-resizable-editor-section {
display: none; }

View File

@ -1 +1 @@
:root{--wp-admin-theme-color:#007cba;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-20:#005a87}#start-resizable-editor-section{display:none}.wp-block-audio figcaption{color:#555d66;font-size:13px;text-align:center}.wp-block-code{font-family:Menlo,Consolas,monaco,monospace;font-size:15px;color:#1e1e1e;padding:.8em 1em;border:1px solid #ddd;border-radius:4px}.blocks-gallery-caption,.wp-block-embed figcaption,.wp-block-image figcaption{color:#555d66;font-size:13px;text-align:center}.wp-block-pullquote{border-top:4px solid #555d66;border-bottom:4px solid #555d66;margin-bottom:28px;color:#40464d}.wp-block-pullquote__citation,.wp-block-pullquote cite,.wp-block-pullquote footer{color:#40464d;text-transform:uppercase;font-size:13px;font-style:normal}.wp-block-navigation ul,.wp-block-navigation ul li{list-style:none}.wp-block-navigation-link.wp-block-navigation-link{margin:0}.wp-block-quote{border-right:4px solid #000;margin:0 0 28px;padding-right:1em}.wp-block-quote__citation,.wp-block-quote cite,.wp-block-quote footer{color:#6c7781;font-size:13px;margin-top:1em;position:relative;font-style:normal}.wp-block-quote.has-text-align-right{border-right:none;border-left:4px solid #000;padding-right:0;padding-left:1em}.wp-block-quote.has-text-align-center{border:none;padding-right:0}.wp-block-quote.is-large,.wp-block-quote.is-style-large{border:none}.wp-block-search .wp-block-search__label{font-weight:700}.wp-block-group.has-background{padding:20px 30px;margin-top:0;margin-bottom:0}.wp-block-separator{border:none;border-bottom:2px solid #8f98a1;margin-right:auto;margin-left:auto}.wp-block-separator:not(.is-style-wide):not(.is-style-dots){max-width:100px}.wp-block-separator.has-background:not(.is-style-dots){border-bottom:none;height:1px}.wp-block-separator.has-background:not(.is-style-wide):not(.is-style-dots){height:2px}.wp-block-table{border-collapse:collapse}.wp-block-table thead{border-bottom:3px solid}.wp-block-table tfoot{border-top:3px solid}.wp-block-table td,.wp-block-table th{padding:.5em;border:1px solid;word-break:normal}.wp-block-table figcaption,.wp-block-video figcaption{color:#555d66;font-size:13px;text-align:center}#end-resizable-editor-section{display:none}
:root{--wp-admin-theme-color:#007cba;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-20:#005a87}#start-resizable-editor-section{display:none}.wp-block-audio figcaption{color:#555;font-size:13px;text-align:center}.wp-block-code{font-family:Menlo,Consolas,monaco,monospace;font-size:.9em;color:#1e1e1e;padding:.8em 1em;border:1px solid #ddd;border-radius:4px}.blocks-gallery-caption,.wp-block-embed figcaption,.wp-block-image figcaption{color:#555;font-size:13px;text-align:center}.wp-block-pullquote{border-top:4px solid #555;border-bottom:4px solid #555;margin-bottom:1.75em;color:#555}.wp-block-pullquote__citation,.wp-block-pullquote cite,.wp-block-pullquote footer{color:#555;text-transform:uppercase;font-size:.8125em;font-style:normal}.wp-block-navigation ul,.wp-block-navigation ul li{list-style:none}.wp-block-navigation-link.wp-block-navigation-link{margin:0}.wp-block-quote{border-right:.25em solid #000;margin:0 0 1.75em;padding-right:1em}.wp-block-quote__citation,.wp-block-quote cite,.wp-block-quote footer{color:#555;font-size:.8125em;margin-top:1em;position:relative;font-style:normal}.wp-block-quote.has-text-align-right{border-right:none;border-left:.25em solid #000;padding-right:0;padding-left:1em}.wp-block-quote.has-text-align-center{border:none;padding-right:0}.wp-block-quote.is-large,.wp-block-quote.is-style-large{border:none}.wp-block-search .wp-block-search__label{font-weight:700}.wp-block-group.has-background{padding:20px 30px;margin-top:0;margin-bottom:0}.wp-block-separator{border:none;border-bottom:2px solid;margin-right:auto;margin-left:auto;opacity:.4}.wp-block-separator:not(.is-style-wide):not(.is-style-dots){max-width:100px}.wp-block-separator.has-background:not(.is-style-dots){border-bottom:none;height:1px}.wp-block-separator.has-background:not(.is-style-wide):not(.is-style-dots){height:2px}.wp-block-table{border-collapse:collapse}.wp-block-table thead{border-bottom:3px solid}.wp-block-table tfoot{border-top:3px solid}.wp-block-table td,.wp-block-table th{padding:.5em;border:1px solid;word-break:normal}.wp-block-table figcaption,.wp-block-video figcaption{color:#555;font-size:13px;text-align:center}.wp-block-template-part.has-background{padding:20px 30px;margin-top:0;margin-bottom:0}#end-resizable-editor-section{display:none}

View File

@ -1,20 +1,12 @@
/**
* Colors
*/
/**
* Deprecated colors.
* Please avoid using these.
*/
/**
* Breakpoints & Media Queries
*/
/**
* Colors
*/
/**
* Deprecated colors.
* Please avoid using these.
*/
/**
* Fonts & basic variables.
*/
@ -37,6 +29,9 @@
/**
* Border radii.
*/
/**
* Block paddings.
*/
/**
* Breakpoint mixins
*/
@ -74,43 +69,43 @@
display: none; }
.wp-block-audio figcaption {
color: #555d66;
color: #555;
font-size: 13px;
text-align: center; }
.wp-block-code {
font-family: Menlo, Consolas, monaco, monospace;
font-size: 15px;
font-size: 0.9em;
color: #1e1e1e;
padding: 0.8em 1em;
border: 1px solid #ddd;
border-radius: 4px; }
.wp-block-embed figcaption {
color: #555d66;
color: #555;
font-size: 13px;
text-align: center; }
.blocks-gallery-caption {
color: #555d66;
color: #555;
font-size: 13px;
text-align: center; }
.wp-block-image figcaption {
color: #555d66;
color: #555;
font-size: 13px;
text-align: center; }
.wp-block-pullquote {
border-top: 4px solid #555d66;
border-bottom: 4px solid #555d66;
margin-bottom: 28px;
color: #40464d; }
border-top: 4px solid #555;
border-bottom: 4px solid #555;
margin-bottom: 1.75em;
color: #555; }
.wp-block-pullquote cite,
.wp-block-pullquote footer, .wp-block-pullquote__citation {
color: #40464d;
color: #555;
text-transform: uppercase;
font-size: 13px;
font-size: 0.8125em;
font-style: normal; }
.wp-block-navigation ul,
@ -121,22 +116,22 @@
margin: 0; }
.wp-block-quote {
border-left: 4px solid #000;
margin: 0 0 28px 0;
border-left: 0.25em solid #000;
margin: 0 0 1.75em 0;
padding-left: 1em; }
.wp-block-quote cite,
.wp-block-quote footer, .wp-block-quote__citation {
color: #6c7781;
font-size: 13px;
color: #555;
font-size: 0.8125em;
margin-top: 1em;
position: relative;
font-style: normal; }
.wp-block-quote.has-text-align-right, .wp-block-quote.has-text-align-right {
.wp-block-quote.has-text-align-right {
border-left: none;
border-right: 4px solid #000;
border-right: 0.25em solid #000;
padding-left: 0;
padding-right: 1em; }
.wp-block-quote.has-text-align-center, .wp-block-quote.has-text-align-center {
.wp-block-quote.has-text-align-center {
border: none;
padding-left: 0; }
.wp-block-quote.is-style-large, .wp-block-quote.is-large {
@ -152,9 +147,10 @@
.wp-block-separator {
border: none;
border-bottom: 2px solid #8f98a1;
border-bottom: 2px solid currentColor;
margin-left: auto;
margin-right: auto; }
margin-right: auto;
opacity: 0.4; }
.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
max-width: 100px; }
.wp-block-separator.has-background:not(.is-style-dots) {
@ -175,14 +171,19 @@
border: 1px solid;
word-break: normal; }
.wp-block-table figcaption {
color: #555d66;
color: #555;
font-size: 13px;
text-align: center; }
.wp-block-video figcaption {
color: #555d66;
color: #555;
font-size: 13px;
text-align: center; }
.wp-block-template-part.has-background {
padding: 20px 30px;
margin-top: 0;
margin-bottom: 0; }
#end-resizable-editor-section {
display: none; }

View File

@ -1 +1 @@
:root{--wp-admin-theme-color:#007cba;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-20:#005a87}#start-resizable-editor-section{display:none}.wp-block-audio figcaption{color:#555d66;font-size:13px;text-align:center}.wp-block-code{font-family:Menlo,Consolas,monaco,monospace;font-size:15px;color:#1e1e1e;padding:.8em 1em;border:1px solid #ddd;border-radius:4px}.blocks-gallery-caption,.wp-block-embed figcaption,.wp-block-image figcaption{color:#555d66;font-size:13px;text-align:center}.wp-block-pullquote{border-top:4px solid #555d66;border-bottom:4px solid #555d66;margin-bottom:28px;color:#40464d}.wp-block-pullquote__citation,.wp-block-pullquote cite,.wp-block-pullquote footer{color:#40464d;text-transform:uppercase;font-size:13px;font-style:normal}.wp-block-navigation ul,.wp-block-navigation ul li{list-style:none}.wp-block-navigation-link.wp-block-navigation-link{margin:0}.wp-block-quote{border-left:4px solid #000;margin:0 0 28px;padding-left:1em}.wp-block-quote__citation,.wp-block-quote cite,.wp-block-quote footer{color:#6c7781;font-size:13px;margin-top:1em;position:relative;font-style:normal}.wp-block-quote.has-text-align-right{border-left:none;border-right:4px solid #000;padding-left:0;padding-right:1em}.wp-block-quote.has-text-align-center{border:none;padding-left:0}.wp-block-quote.is-large,.wp-block-quote.is-style-large{border:none}.wp-block-search .wp-block-search__label{font-weight:700}.wp-block-group.has-background{padding:20px 30px;margin-top:0;margin-bottom:0}.wp-block-separator{border:none;border-bottom:2px solid #8f98a1;margin-left:auto;margin-right:auto}.wp-block-separator:not(.is-style-wide):not(.is-style-dots){max-width:100px}.wp-block-separator.has-background:not(.is-style-dots){border-bottom:none;height:1px}.wp-block-separator.has-background:not(.is-style-wide):not(.is-style-dots){height:2px}.wp-block-table{border-collapse:collapse}.wp-block-table thead{border-bottom:3px solid}.wp-block-table tfoot{border-top:3px solid}.wp-block-table td,.wp-block-table th{padding:.5em;border:1px solid;word-break:normal}.wp-block-table figcaption,.wp-block-video figcaption{color:#555d66;font-size:13px;text-align:center}#end-resizable-editor-section{display:none}
:root{--wp-admin-theme-color:#007cba;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-20:#005a87}#start-resizable-editor-section{display:none}.wp-block-audio figcaption{color:#555;font-size:13px;text-align:center}.wp-block-code{font-family:Menlo,Consolas,monaco,monospace;font-size:.9em;color:#1e1e1e;padding:.8em 1em;border:1px solid #ddd;border-radius:4px}.blocks-gallery-caption,.wp-block-embed figcaption,.wp-block-image figcaption{color:#555;font-size:13px;text-align:center}.wp-block-pullquote{border-top:4px solid #555;border-bottom:4px solid #555;margin-bottom:1.75em;color:#555}.wp-block-pullquote__citation,.wp-block-pullquote cite,.wp-block-pullquote footer{color:#555;text-transform:uppercase;font-size:.8125em;font-style:normal}.wp-block-navigation ul,.wp-block-navigation ul li{list-style:none}.wp-block-navigation-link.wp-block-navigation-link{margin:0}.wp-block-quote{border-left:.25em solid #000;margin:0 0 1.75em;padding-left:1em}.wp-block-quote__citation,.wp-block-quote cite,.wp-block-quote footer{color:#555;font-size:.8125em;margin-top:1em;position:relative;font-style:normal}.wp-block-quote.has-text-align-right{border-left:none;border-right:.25em solid #000;padding-left:0;padding-right:1em}.wp-block-quote.has-text-align-center{border:none;padding-left:0}.wp-block-quote.is-large,.wp-block-quote.is-style-large{border:none}.wp-block-search .wp-block-search__label{font-weight:700}.wp-block-group.has-background{padding:20px 30px;margin-top:0;margin-bottom:0}.wp-block-separator{border:none;border-bottom:2px solid;margin-left:auto;margin-right:auto;opacity:.4}.wp-block-separator:not(.is-style-wide):not(.is-style-dots){max-width:100px}.wp-block-separator.has-background:not(.is-style-dots){border-bottom:none;height:1px}.wp-block-separator.has-background:not(.is-style-wide):not(.is-style-dots){height:2px}.wp-block-table{border-collapse:collapse}.wp-block-table thead{border-bottom:3px solid}.wp-block-table tfoot{border-top:3px solid}.wp-block-table td,.wp-block-table th{padding:.5em;border:1px solid;word-break:normal}.wp-block-table figcaption,.wp-block-video figcaption{color:#555;font-size:13px;text-align:center}.wp-block-template-part.has-background{padding:20px 30px;margin-top:0;margin-bottom:0}#end-resizable-editor-section{display:none}

View File

@ -1,20 +1,12 @@
/**
* Colors
*/
/**
* Deprecated colors.
* Please avoid using these.
*/
/**
* Breakpoints & Media Queries
*/
/**
* Colors
*/
/**
* Deprecated colors.
* Please avoid using these.
*/
/**
* Fonts & basic variables.
*/
@ -37,6 +29,9 @@
/**
* Border radii.
*/
/**
* Block paddings.
*/
/**
* Breakpoint mixins
*/
@ -117,81 +112,6 @@
100% {
opacity: 0.5; } }
.components-angle-picker-control {
width: 50%; }
.components-angle-picker-control.components-base-control .components-base-control__label {
display: block; }
.components-angle-picker-control__input-field[type="number"] {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
padding: 6px 8px;
box-shadow: 0 0 0 transparent;
transition: box-shadow 0.1s linear;
border-radius: 2px;
border: 1px solid #757575;
/* Fonts smaller than 16px causes mobile safari to zoom. */
font-size: 16px;
/* Override core line-height. To be reviewed. */
line-height: normal;
width: calc(100% - 36px);
max-width: 100px; }
@media (prefers-reduced-motion: reduce) {
.components-angle-picker-control__input-field[type="number"] {
transition-duration: 0s; } }
@media (min-width: 600px) {
.components-angle-picker-control__input-field[type="number"] {
font-size: 13px;
/* Override core line-height. To be reviewed. */
line-height: normal; } }
.components-angle-picker-control__input-field[type="number"]:focus {
border-color: #007cba;
border-color: var(--wp-admin-theme-color);
box-shadow: 0 0 0 0.5px #007cba;
box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color);
outline: 2px solid transparent; }
.components-angle-picker-control__input-field[type="number"]::-webkit-input-placeholder {
color: rgba(30, 30, 30, 0.62); }
.components-angle-picker-control__input-field[type="number"]::-moz-placeholder {
opacity: 1;
color: rgba(30, 30, 30, 0.62); }
.components-angle-picker-control__input-field[type="number"]:-ms-input-placeholder {
color: rgba(30, 30, 30, 0.62); }
.is-dark-theme .components-angle-picker-control__input-field[type="number"]::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.65); }
.is-dark-theme .components-angle-picker-control__input-field[type="number"]::-moz-placeholder {
opacity: 1;
color: rgba(255, 255, 255, 0.65); }
.is-dark-theme .components-angle-picker-control__input-field[type="number"]:-ms-input-placeholder {
color: rgba(255, 255, 255, 0.65); }
.components-angle-picker-control__angle-circle {
width: 28px;
height: 28px;
border: 2px solid #555d66;
border-radius: 50%;
float: right;
margin-left: 4px;
cursor: grab; }
.components-angle-picker-control__angle-circle-indicator-wrapper {
position: relative;
width: 100%;
height: 100%; }
.components-angle-picker-control__angle-circle-indicator {
width: 1px;
height: 1px;
border-radius: 50%;
border: 3px solid #555d66;
display: block;
position: absolute;
top: -14px;
bottom: 0;
right: 0;
left: 0;
margin: auto;
background: #555d66; }
.components-autocomplete__popover .components-popover__content > div {
padding: 16px; }
@ -267,10 +187,10 @@
* Tertiary buttons.
*/
/**
* Link buttons.
* Destructive buttons.
*/
/**
* Buttons that indicate destructive actions.
* Link buttons.
*/ }
@media (prefers-reduced-motion: reduce) {
.components-button {
@ -358,6 +278,17 @@
.components-button.is-tertiary .dashicon {
display: inline-block;
flex: 0 0 auto; }
.components-button.is-destructive {
color: #cc1818;
box-shadow: inset 0 0 0 1px #cc1818; }
.components-button.is-destructive:hover:not(:disabled) {
color: #710d0d;
box-shadow: inset 0 0 0 1px #710d0d; }
.components-button.is-destructive:focus:not(:disabled) {
color: #007cba;
color: var(--wp-admin-theme-color); }
.components-button.is-destructive:active:not(:disabled) {
background: #ccc; }
.components-button.is-link {
margin: 0;
padding: 0;
@ -378,19 +309,19 @@
.components-button.is-link {
transition-duration: 0s; } }
.components-button.is-link:hover:not(:disabled), .components-button.is-link:active:not(:disabled) {
color: #00a0d2; }
color: #00a0d2;
box-shadow: none; }
.components-button.is-link:focus {
color: #124964;
box-shadow: 0 0 0 1px #5b9dd9, 0 0 1.5px 1px rgba(30, 140, 190, 0.8); }
.components-button.is-destructive {
color: #b52727; }
.components-button.is-destructive.is-secondary {
box-shadow: inset 0 0 0 1px #b52727; }
.components-button.is-destructive:hover:not(:disabled), .components-button.is-destructive:active:not(:disabled) {
color: #a02222;
box-shadow: inset 0 0 0 1px #a02222; }
.components-button.is-destructive:focus:not(:disabled) {
box-shadow: inset 0 0 0 1px #fff, 0 0 0 1.5px #a02222; }
.components-button.is-link.is-destructive {
color: #cc1818; }
.components-button.is-link.is-destructive:active:not(:disabled), .components-button.is-link.is-destructive:hover:not(:disabled) {
color: #710d0d;
background: none; }
.components-button.is-link.is-destructive:focus:not(:disabled) {
color: #007cba;
color: var(--wp-admin-theme-color); }
.components-button:not([aria-disabled="true"]):active {
color: inherit; }
.components-button:disabled, .components-button[aria-disabled="true"] {
@ -590,17 +521,19 @@ svg.components-checkbox-control__checked {
.components-circular-option-picker {
display: inline-block;
margin-top: 0.6rem;
width: 100%; }
width: 100%;
margin-left: -10px; }
.components-circular-option-picker .components-circular-option-picker__custom-clear-wrapper {
display: flex;
justify-content: flex-end; }
.components-circular-option-picker .components-circular-option-picker__swatches {
margin-left: -16px; }
.components-circular-option-picker__option-wrapper {
display: inline-block;
height: 28px;
width: 28px;
margin-left: 12px;
margin-left: 16px;
margin-bottom: 12px;
vertical-align: top;
transform: scale(1);
@ -666,7 +599,7 @@ svg.components-checkbox-control__checked {
border: 1px solid transparent; }
.components-circular-option-picker__option:focus::after {
content: "";
border: 2px solid #606a73;
border: 2px solid #757575;
width: 32px;
height: 32px;
position: absolute;
@ -904,100 +837,109 @@ svg.components-checkbox-control__checked {
padding: 0 5px; }
.components-combobox-control {
color: #555d66;
position: relative; }
width: 100%; }
.components-combobox-control__label {
display: block;
margin-bottom: 5px; }
input.components-combobox-control__input[type="text"] {
width: 100%;
border: none;
box-shadow: none;
padding: 2px;
margin: 0;
line-height: inherit;
min-height: auto; }
input.components-combobox-control__input[type="text"]:focus {
outline: none;
box-shadow: none; }
.components-combobox-control__button {
border: 1px solid #7e8993;
border-radius: 4px;
color: #555d66;
display: inline-block;
min-height: 30px;
min-width: 130px;
position: relative;
text-align: right; }
.components-combobox-control__button:focus {
border-color: #007cba;
border-color: var(--wp-admin-theme-color); }
.components-combobox-control__button-input {
border: none;
height: calc(100% - 2px);
right: 1px;
padding: 0 4px;
position: absolute;
top: 1px;
width: calc(100% - 2px); }
.components-combobox-control__button-button:hover {
box-shadow: none !important; }
.components-combobox-control__button-icon {
height: 100%;
padding: 0 4px;
position: absolute;
left: 0;
top: 0; }
.components-combobox-control__menu {
background: #fff;
min-width: 100%;
padding: 0;
position: absolute;
z-index: 1000000; }
.components-combobox-control__item {
align-items: center;
.components-combobox-control__suggestions-container {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
padding: 6px 8px;
box-shadow: 0 0 0 transparent;
transition: box-shadow 0.1s linear;
border-radius: 2px;
border: 1px solid #757575;
/* Fonts smaller than 16px causes mobile safari to zoom. */
font-size: 16px;
/* Override core line-height. To be reviewed. */
line-height: normal;
display: flex;
list-style-type: none;
padding: 10px 25px 10px 5px; }
.components-combobox-control__item.is-highlighted {
background: #ddd; }
.components-combobox-control__item-icon {
margin-right: -20px;
margin-left: 0; }
.components-custom-gradient-picker {
margin-top: 8px; }
flex-wrap: wrap;
align-items: flex-start;
width: 100%;
margin: 0 0 8px 0;
padding: 4px; }
@media (prefers-reduced-motion: reduce) {
.components-combobox-control__suggestions-container {
transition-duration: 0s; } }
@media (min-width: 600px) {
.components-combobox-control__suggestions-container {
font-size: 13px;
/* Override core line-height. To be reviewed. */
line-height: normal; } }
.components-combobox-control__suggestions-container:focus {
border-color: #007cba;
border-color: var(--wp-admin-theme-color);
box-shadow: 0 0 0 0.5px #007cba;
box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color);
outline: 2px solid transparent; }
.components-combobox-control__suggestions-container::-webkit-input-placeholder {
color: rgba(30, 30, 30, 0.62); }
.components-combobox-control__suggestions-container::-moz-placeholder {
opacity: 1;
color: rgba(30, 30, 30, 0.62); }
.components-combobox-control__suggestions-container:-ms-input-placeholder {
color: rgba(30, 30, 30, 0.62); }
.is-dark-theme .components-combobox-control__suggestions-container::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.65); }
.is-dark-theme .components-combobox-control__suggestions-container::-moz-placeholder {
opacity: 1;
color: rgba(255, 255, 255, 0.65); }
.is-dark-theme .components-combobox-control__suggestions-container:-ms-input-placeholder {
color: rgba(255, 255, 255, 0.65); }
.components-combobox-control__suggestions-container:focus-within {
border-color: #007cba;
border-color: var(--wp-admin-theme-color);
box-shadow: 0 0 0 0.5px #007cba;
box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color);
outline: 2px solid transparent; }
.components-custom-gradient-picker__gradient-bar:not(.has-gradient) {
opacity: 0.4; }
.components-custom-gradient-picker__gradient-bar {
margin-top: 12px;
width: 100%;
height: 24px;
border-radius: 24px;
margin-bottom: 8px;
padding-right: 3px;
padding-left: 21px; }
height: 36px;
border-radius: 36px;
margin-bottom: 12px;
padding-right: 6px;
padding-left: 30px; }
.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__markers-container {
position: relative; }
.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__insert-point {
border-radius: 50%;
background: #fff;
padding: 2px;
top: 6px;
min-width: 24px;
width: 24px;
height: 24px;
position: relative; }
position: relative;
color: #1e1e1e; }
.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__insert-point svg {
height: 100%;
width: 100%; }
.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__control-point-button {
border: 2px solid #fff;
border: 2px solid transparent;
box-shadow: inset 0 0 0 1.5px #fff;
border-radius: 50%;
height: 18px;
height: 24px;
width: 24px;
padding: 0;
position: absolute;
width: 18px;
top: 3px; }
.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__control-point-button.is-active {
background: #fafafa;
color: #23282d;
border-color: #999;
box-shadow: 0 0 0 1px #fff, 0 0 0 3px #007cba;
box-shadow: 0 0 0 1px #fff, 0 0 0 3px var(--wp-admin-theme-color); }
top: 6px; }
.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__control-point-button:focus, .components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__control-point-button.is-active {
box-shadow: 0 0 0 1px #fff, 0 0 0 3px #1e1e1e; }
.components-custom-gradient-picker__color-picker-popover .components-custom-gradient-picker__remove-control-point {
margin-right: auto;
@ -1014,13 +956,11 @@ svg.components-checkbox-control__checked {
width: 20px;
height: 20px; }
.components-custom-gradient-picker__ui-line {
display: flex;
justify-content: space-between; }
.components-custom-gradient-picker .components-custom-gradient-picker__ui-line .components-base-control.components-angle-picker,
.components-custom-gradient-picker .components-custom-gradient-picker__ui-line .components-base-control.components-custom-gradient-picker__type-picker {
margin-bottom: 0; }
.components-custom-gradient-picker .components-custom-gradient-picker__ui-line {
margin-bottom: 16px; }
.components-custom-gradient-picker .components-custom-gradient-picker__ui-line .components-base-control.components-angle-picker,
.components-custom-gradient-picker .components-custom-gradient-picker__ui-line .components-base-control.components-custom-gradient-picker__type-picker {
margin-bottom: 0; }
.components-custom-gradient-picker .components-custom-gradient-picker__toolbar {
border: none; }
@ -1028,7 +968,7 @@ svg.components-checkbox-control__checked {
margin-right: 1px; }
.components-custom-gradient-picker .components-custom-gradient-picker__toolbar button.is-pressed > svg {
background: #fff;
border: 1px solid #7e8993;
border: 1px solid #949494;
border-radius: 2px; }
.components-custom-select-control {
@ -1084,10 +1024,6 @@ svg.components-checkbox-control__checked {
.components-custom-select-control__item-icon {
margin-right: -20px;
margin-left: 0; }
svg.dashicon {
fill: currentColor;
outline: none; }
.PresetDateRangePicker_panel {
padding: 0 22px 11px; }
@ -1997,8 +1933,7 @@ svg.dashicon {
display: flex; }
.components-datetime__time .components-datetime__time-wrapper .components-datetime__time-separator {
display: inline-block;
padding: 0 0 0 3px;
color: #555d66; }
padding: 0 0 0 3px; }
.components-datetime__time .components-datetime__time-wrapper .components-datetime__time-field-time {
direction: ltr; }
.components-datetime__time .components-datetime__time-wrapper .components-datetime__time-field select {
@ -2023,6 +1958,11 @@ svg.dashicon {
.components-datetime__time.is-12-hour .components-datetime__time-field-year input {
border-radius: 2px 0 0 2px !important; }
.components-datetime__timezone {
line-height: 30px;
margin-right: 4px;
text-decoration: underline dotted; }
.components-datetime__time-legend {
font-weight: 600;
margin-top: 0.5em; }
@ -2170,8 +2110,7 @@ body.is-dragging-components-draggable {
width: 100%;
padding: 6px;
outline: none;
cursor: pointer;
margin-bottom: 4px; }
cursor: pointer; }
.components-dropdown-menu__menu .components-dropdown-menu__menu-item.has-separator,
.components-dropdown-menu__menu .components-menu-item.has-separator {
margin-top: 6px;
@ -2203,11 +2142,12 @@ body.is-dragging-components-draggable {
.components-dropdown-menu__menu .components-menu-item__button.components-button {
min-height: 36px;
height: auto;
padding-right: 40px;
text-align: right; }
.components-dropdown-menu__menu .components-menu-item__button.has-icon,
.components-dropdown-menu__menu .components-menu-item__button.components-button.has-icon {
padding-right: 8px; }
text-align: right;
padding-right: 8px;
padding-left: 8px; }
.components-dropdown-menu__menu .components-menu-item__button .components-menu-item__info-wrapper,
.components-dropdown-menu__menu .components-menu-item__button.components-button .components-menu-item__info-wrapper {
max-width: calc(100% - 32px); }
.components-dropdown-menu__menu .components-menu-group {
padding: 12px;
margin-top: 0;
@ -2225,9 +2165,6 @@ body.is-dragging-components-draggable {
.is-alternate .components-dropdown-menu__menu .components-menu-group + .components-menu-group {
border-color: #1e1e1e; }
.components-dropdown-menu__menu.no-icons .components-menu-item__button.components-button {
padding: 0 12px; }
.components-external-link__icon {
width: 1.4em;
height: 1.4em;
@ -2235,66 +2172,6 @@ body.is-dragging-components-draggable {
vertical-align: middle;
fill: currentColor; }
.components-focal-point-picker-wrapper {
background-color: transparent;
border: 1px solid #ddd;
height: 200px;
width: 100%;
padding: 14px; }
.components-focal-point-picker {
align-items: center;
cursor: pointer;
display: flex;
height: 100%;
justify-content: center;
position: relative;
width: 100%; }
.components-focal-point-picker img {
height: auto;
max-height: 100%;
max-width: 100%;
width: auto;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none; }
.components-focal-point-picker__icon_container {
background-color: transparent;
cursor: grab;
height: 30px;
opacity: 0.8;
position: absolute;
will-change: transform;
width: 30px;
z-index: 10000; }
.components-focal-point-picker__icon_container.is-dragging {
cursor: grabbing; }
.components-focal-point-picker__icon {
display: block;
height: 100%;
right: -15px;
position: absolute;
top: -15px;
width: 100%; }
.components-focal-point-picker__icon .components-focal-point-picker__icon-outline {
fill: #fff; }
.components-focal-point-picker__icon .components-focal-point-picker__icon-fill {
fill: #007cba;
fill: var(--wp-admin-theme-color); }
.components-focal-point-picker_position-display-container {
margin: 1em 0;
display: flex; }
.components-focal-point-picker_position-display-container .components-base-control__field {
margin: 0 0 0 1em; }
.components-focal-point-picker_position-display-container input[type="number"].components-text-control__input {
max-width: 4em;
padding: 6px 4px; }
.components-focal-point-picker_position-display-container span {
margin: 0 0.2em 0 0; }
.components-font-size-picker__controls {
max-width: 248px;
display: flex;
@ -2484,7 +2361,13 @@ body.is-dragging-components-draggable {
color: rgba(255, 255, 255, 0.65); }
.components-form-token-field__input-container.is-disabled {
background: #ddd;
border-color: #ccd0d4; }
border-color: #ddd; }
.components-form-token-field__input-container.is-active {
border-color: #007cba;
border-color: var(--wp-admin-theme-color);
box-shadow: 0 0 0 0.5px #007cba;
box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color);
outline: 2px solid transparent; }
.components-form-token-field__input-container input[type="text"].components-form-token-field__input {
display: inline-block;
width: 100%;
@ -2514,17 +2397,17 @@ body.is-dragging-components-draggable {
font-size: 13px;
display: flex;
margin: 2px 0 2px 4px;
color: #32373c;
overflow: hidden; }
color: #1e1e1e;
max-width: 100%; }
.components-form-token-field__token.is-success .components-form-token-field__token-text,
.components-form-token-field__token.is-success .components-form-token-field__remove-token {
background: #4ab866; }
.components-form-token-field__token.is-error .components-form-token-field__token-text,
.components-form-token-field__token.is-error .components-form-token-field__remove-token {
background: #d94f4f; }
background: #cc1818; }
.components-form-token-field__token.is-validating .components-form-token-field__token-text,
.components-form-token-field__token.is-validating .components-form-token-field__remove-token {
color: #555d66; }
color: #757575; }
.components-form-token-field__token.is-borderless {
position: relative;
padding: 0 0 0 16px; }
@ -2534,14 +2417,14 @@ body.is-dragging-components-draggable {
color: var(--wp-admin-theme-color); }
.components-form-token-field__token.is-borderless .components-form-token-field__remove-token {
background: transparent;
color: #555d66;
color: #757575;
position: absolute;
top: 1px;
left: 0; }
.components-form-token-field__token.is-borderless.is-success .components-form-token-field__token-text {
color: #4ab866; }
.components-form-token-field__token.is-borderless.is-error .components-form-token-field__token-text {
color: #d94f4f;
color: #cc1818;
border-radius: 0 4px 4px 0;
padding: 0 6px 0 4px; }
.components-form-token-field__token.is-borderless.is-validating .components-form-token-field__token-text {
@ -2573,31 +2456,32 @@ body.is-dragging-components-draggable {
cursor: pointer;
border-radius: 12px 0 0 12px;
padding: 0 2px;
color: #555d66;
color: #757575;
line-height: 10px;
overflow: initial; }
.components-form-token-field__remove-token.components-button:hover {
color: #32373c; }
color: #1e1e1e; }
.components-form-token-field__suggestions-list {
flex: 1 0 100%;
min-width: 100%;
max-height: 9em;
overflow-y: scroll;
overflow-y: auto;
transition: all 0.15s ease-in-out;
list-style: none;
border-top: 1px solid #6c7781;
border-top: 1px solid #757575;
margin: 4px -4px -4px;
padding-top: 3px; }
padding: 0; }
@media (prefers-reduced-motion: reduce) {
.components-form-token-field__suggestions-list {
transition-duration: 0s; } }
.components-form-token-field__suggestion {
color: #555d66;
color: #757575;
display: block;
font-size: 13px;
padding: 4px 8px;
margin: 0;
cursor: pointer; }
.components-form-token-field__suggestion.is-selected {
background: #007cba;
@ -2734,7 +2618,8 @@ body.is-dragging-components-draggable {
border-top: 1px solid #1e1e1e; }
.components-menu-group__label {
padding: 0;
padding: 0 8px;
margin-top: 4px;
margin-bottom: 12px;
color: #757575;
text-transform: uppercase;
@ -2744,19 +2629,19 @@ body.is-dragging-components-draggable {
.components-menu-item__button,
.components-menu-item__button.components-button {
width: 100%; }
.components-menu-item__button .dashicon,
.components-menu-item__button .components-menu-items__item-icon,
.components-menu-item__button svg.components-menu-items__item-icon,
.components-menu-item__button > span > svg,
.components-menu-item__button.components-button .dashicon,
.components-menu-item__button.components-button .components-menu-items__item-icon,
.components-menu-item__button.components-button svg.components-menu-items__item-icon,
.components-menu-item__button.components-button > span > svg {
margin-left: 8px; }
.components-menu-item__button .components-menu-items__item-icon,
.components-menu-item__button.components-button .components-menu-items__item-icon {
margin-left: -2px;
margin-right: auto;
display: inline-block;
flex: 0 0 auto; }
.components-menu-item__button .components-menu-item__shortcut + .components-menu-items__item-icon,
.components-menu-item__button.components-button .components-menu-item__shortcut + .components-menu-items__item-icon {
margin-right: 8px; }
.components-menu-item__button .block-editor-block-icon,
.components-menu-item__button.components-button .block-editor-block-icon {
margin-right: -2px;
margin-left: 8px; }
.components-menu-item__info-wrapper {
display: flex;
@ -2779,15 +2664,13 @@ body.is-dragging-components-draggable {
.components-menu-item__shortcut {
display: inline; } }
.components-menu-items-choice,
.components-menu-items-choice.components-button {
padding-right: 40px; }
.components-menu-items-choice svg,
.components-menu-items-choice.components-button svg {
margin-left: 8px; }
.components-menu-items-choice.has-icon,
.components-menu-items-choice.components-button.has-icon {
padding-right: 8px; }
.components-menu-items-choice svg,
.components-menu-items-choice.components-button svg {
margin-left: 12px; }
.components-menu-items-choice.has-icon,
.components-menu-items-choice.components-button.has-icon {
padding-right: 12px; }
.components-modal__screen-overlay {
position: fixed;
@ -2909,8 +2792,8 @@ body.is-dragging-components-draggable {
border-right-color: #f0b849;
background-color: #fef8ee; }
.components-notice.is-error {
border-right-color: #d94f4f;
background-color: #f9e2e2; }
border-right-color: #cc1818;
background-color: #f4a2a2; }
.components-notice__content {
flex-grow: 1;
@ -2923,7 +2806,7 @@ body.is-dragging-components-draggable {
vertical-align: initial; }
.components-notice__dismiss {
color: #6c7781;
color: #757575;
align-self: flex-start;
flex-shrink: 0; }
.components-notice__dismiss:not(:disabled):not([aria-disabled="true"]):not(.is-secondary):hover, .components-notice__dismiss:not(:disabled):not([aria-disabled="true"]):not(.is-secondary):active, .components-notice__dismiss:not(:disabled):not([aria-disabled="true"]):focus {
@ -2947,7 +2830,7 @@ body.is-dragging-components-draggable {
.components-panel {
background: #fff;
border: 1px solid #f0f0f0; }
border: 1px solid #e0e0e0; }
.components-panel > .components-panel__header:first-child,
.components-panel > .components-panel__body:first-child {
margin-top: -1px; }
@ -2959,8 +2842,8 @@ body.is-dragging-components-draggable {
margin-top: -1px; }
.components-panel__body {
border-top: 1px solid #f0f0f0;
border-bottom: 1px solid #f0f0f0; }
border-top: 1px solid #e0e0e0;
border-bottom: 1px solid #e0e0e0; }
.components-panel__body h3 {
margin: 0 0 0.5em; }
.components-panel__body.is-opened {
@ -3041,7 +2924,7 @@ body.is-dragging-components-draggable {
margin-top: -10px; }
.components-panel__icon {
color: #555d66;
color: #757575;
margin: -2px 6px -2px 0; }
.components-panel__body-toggle-icon {
@ -3070,6 +2953,7 @@ body.is-dragging-components-draggable {
padding-bottom: 20px; }
.components-placeholder.components-placeholder {
box-sizing: border-box;
position: relative;
padding: 1em;
min-height: 200px;
@ -3469,7 +3353,7 @@ body.is-dragging-components-draggable {
.is-dark-theme .components-resizable-box__side-handle::before,
.is-dark-theme .components-resizable-box__handle::after {
border-color: #d7dade; }
border-color: #ddd; }
.components-resizable-box__handle {
z-index: 2; }
@ -3524,6 +3408,21 @@ body.is-dragging-components-draggable {
.components-resizable-box__side-handle.components-resizable-box__handle-right:active::before {
animation-duration: 1ms; } }
/* This CSS is shown only to Safari, which has a bug with table-caption making it jumpy.
See https://bugs.webkit.org/show_bug.cgi?id=187903. */
@media not all and (min-resolution: 0.001dpcm) {
@supports (-webkit-appearance: none) {
.components-resizable-box__side-handle.components-resizable-box__handle-top:hover::before,
.components-resizable-box__side-handle.components-resizable-box__handle-bottom:hover::before,
.components-resizable-box__side-handle.components-resizable-box__handle-top:active::before,
.components-resizable-box__side-handle.components-resizable-box__handle-bottom:active::before {
animation: none; }
.components-resizable-box__side-handle.components-resizable-box__handle-left:hover::before,
.components-resizable-box__side-handle.components-resizable-box__handle-right:hover::before,
.components-resizable-box__side-handle.components-resizable-box__handle-left:active::before,
.components-resizable-box__side-handle.components-resizable-box__handle-right:active::before {
animation: none; } } }
@keyframes components-resizable-box__top-bottom-animation {
from {
transform: scaleX(0);
@ -3649,7 +3548,7 @@ body.lockscroll {
.components-spinner {
display: inline-block;
background-color: #7e8993;
background-color: #949494;
width: 18px;
height: 18px;
opacity: 0.7;
@ -3933,7 +3832,7 @@ body.lockscroll {
.components-tip {
display: flex;
color: #555d66; }
color: #757575; }
.components-tip svg {
-ms-grid-row-align: center;
align-self: center;
@ -4055,7 +3954,7 @@ body.lockscroll {
flex-shrink: 0;
flex-wrap: wrap;
line-height: 0; }
.components-toolbar-group .components-toolbar-group {
.components-toolbar-group .components-toolbar-group.components-toolbar-group {
border-width: 0;
margin: 0; }
@ -4063,11 +3962,13 @@ body.lockscroll {
min-height: 48px;
margin: 0;
border: 1px solid #1e1e1e;
border-radius: 2px;
background-color: #fff;
display: inline-flex;
flex-shrink: 0;
flex-wrap: wrap; }
.components-toolbar .components-toolbar.components-toolbar {
border-width: 0;
margin: 0; }
div.components-toolbar > div {
display: block;

File diff suppressed because one or more lines are too long

View File

@ -1,20 +1,12 @@
/**
* Colors
*/
/**
* Deprecated colors.
* Please avoid using these.
*/
/**
* Breakpoints & Media Queries
*/
/**
* Colors
*/
/**
* Deprecated colors.
* Please avoid using these.
*/
/**
* Fonts & basic variables.
*/
@ -37,6 +29,9 @@
/**
* Border radii.
*/
/**
* Block paddings.
*/
/**
* Breakpoint mixins
*/
@ -117,81 +112,6 @@
100% {
opacity: 0.5; } }
.components-angle-picker-control {
width: 50%; }
.components-angle-picker-control.components-base-control .components-base-control__label {
display: block; }
.components-angle-picker-control__input-field[type="number"] {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
padding: 6px 8px;
box-shadow: 0 0 0 transparent;
transition: box-shadow 0.1s linear;
border-radius: 2px;
border: 1px solid #757575;
/* Fonts smaller than 16px causes mobile safari to zoom. */
font-size: 16px;
/* Override core line-height. To be reviewed. */
line-height: normal;
width: calc(100% - 36px);
max-width: 100px; }
@media (prefers-reduced-motion: reduce) {
.components-angle-picker-control__input-field[type="number"] {
transition-duration: 0s; } }
@media (min-width: 600px) {
.components-angle-picker-control__input-field[type="number"] {
font-size: 13px;
/* Override core line-height. To be reviewed. */
line-height: normal; } }
.components-angle-picker-control__input-field[type="number"]:focus {
border-color: #007cba;
border-color: var(--wp-admin-theme-color);
box-shadow: 0 0 0 0.5px #007cba;
box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color);
outline: 2px solid transparent; }
.components-angle-picker-control__input-field[type="number"]::-webkit-input-placeholder {
color: rgba(30, 30, 30, 0.62); }
.components-angle-picker-control__input-field[type="number"]::-moz-placeholder {
opacity: 1;
color: rgba(30, 30, 30, 0.62); }
.components-angle-picker-control__input-field[type="number"]:-ms-input-placeholder {
color: rgba(30, 30, 30, 0.62); }
.is-dark-theme .components-angle-picker-control__input-field[type="number"]::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.65); }
.is-dark-theme .components-angle-picker-control__input-field[type="number"]::-moz-placeholder {
opacity: 1;
color: rgba(255, 255, 255, 0.65); }
.is-dark-theme .components-angle-picker-control__input-field[type="number"]:-ms-input-placeholder {
color: rgba(255, 255, 255, 0.65); }
.components-angle-picker-control__angle-circle {
width: 28px;
height: 28px;
border: 2px solid #555d66;
border-radius: 50%;
float: left;
margin-right: 4px;
cursor: grab; }
.components-angle-picker-control__angle-circle-indicator-wrapper {
position: relative;
width: 100%;
height: 100%; }
.components-angle-picker-control__angle-circle-indicator {
width: 1px;
height: 1px;
border-radius: 50%;
border: 3px solid #555d66;
display: block;
position: absolute;
top: -14px;
bottom: 0;
left: 0;
right: 0;
margin: auto;
background: #555d66; }
.components-autocomplete__popover .components-popover__content > div {
padding: 16px; }
@ -267,10 +187,10 @@
* Tertiary buttons.
*/
/**
* Link buttons.
* Destructive buttons.
*/
/**
* Buttons that indicate destructive actions.
* Link buttons.
*/ }
@media (prefers-reduced-motion: reduce) {
.components-button {
@ -358,6 +278,17 @@
.components-button.is-tertiary .dashicon {
display: inline-block;
flex: 0 0 auto; }
.components-button.is-destructive {
color: #cc1818;
box-shadow: inset 0 0 0 1px #cc1818; }
.components-button.is-destructive:hover:not(:disabled) {
color: #710d0d;
box-shadow: inset 0 0 0 1px #710d0d; }
.components-button.is-destructive:focus:not(:disabled) {
color: #007cba;
color: var(--wp-admin-theme-color); }
.components-button.is-destructive:active:not(:disabled) {
background: #ccc; }
.components-button.is-link {
margin: 0;
padding: 0;
@ -378,19 +309,19 @@
.components-button.is-link {
transition-duration: 0s; } }
.components-button.is-link:hover:not(:disabled), .components-button.is-link:active:not(:disabled) {
color: #00a0d2; }
color: #00a0d2;
box-shadow: none; }
.components-button.is-link:focus {
color: #124964;
box-shadow: 0 0 0 1px #5b9dd9, 0 0 1.5px 1px rgba(30, 140, 190, 0.8); }
.components-button.is-destructive {
color: #b52727; }
.components-button.is-destructive.is-secondary {
box-shadow: inset 0 0 0 1px #b52727; }
.components-button.is-destructive:hover:not(:disabled), .components-button.is-destructive:active:not(:disabled) {
color: #a02222;
box-shadow: inset 0 0 0 1px #a02222; }
.components-button.is-destructive:focus:not(:disabled) {
box-shadow: inset 0 0 0 1px #fff, 0 0 0 1.5px #a02222; }
.components-button.is-link.is-destructive {
color: #cc1818; }
.components-button.is-link.is-destructive:active:not(:disabled), .components-button.is-link.is-destructive:hover:not(:disabled) {
color: #710d0d;
background: none; }
.components-button.is-link.is-destructive:focus:not(:disabled) {
color: #007cba;
color: var(--wp-admin-theme-color); }
.components-button:not([aria-disabled="true"]):active {
color: inherit; }
.components-button:disabled, .components-button[aria-disabled="true"] {
@ -590,17 +521,19 @@ svg.components-checkbox-control__checked {
.components-circular-option-picker {
display: inline-block;
margin-top: 0.6rem;
width: 100%; }
width: 100%;
margin-right: -10px; }
.components-circular-option-picker .components-circular-option-picker__custom-clear-wrapper {
display: flex;
justify-content: flex-end; }
.components-circular-option-picker .components-circular-option-picker__swatches {
margin-right: -16px; }
.components-circular-option-picker__option-wrapper {
display: inline-block;
height: 28px;
width: 28px;
margin-right: 12px;
margin-right: 16px;
margin-bottom: 12px;
vertical-align: top;
transform: scale(1);
@ -666,7 +599,7 @@ svg.components-checkbox-control__checked {
border: 1px solid transparent; }
.components-circular-option-picker__option:focus::after {
content: "";
border: 2px solid #606a73;
border: 2px solid #757575;
width: 32px;
height: 32px;
position: absolute;
@ -908,100 +841,109 @@ svg.components-checkbox-control__checked {
padding: 0 5px; }
.components-combobox-control {
color: #555d66;
position: relative; }
width: 100%; }
.components-combobox-control__label {
display: block;
margin-bottom: 5px; }
input.components-combobox-control__input[type="text"] {
width: 100%;
border: none;
box-shadow: none;
padding: 2px;
margin: 0;
line-height: inherit;
min-height: auto; }
input.components-combobox-control__input[type="text"]:focus {
outline: none;
box-shadow: none; }
.components-combobox-control__button {
border: 1px solid #7e8993;
border-radius: 4px;
color: #555d66;
display: inline-block;
min-height: 30px;
min-width: 130px;
position: relative;
text-align: left; }
.components-combobox-control__button:focus {
border-color: #007cba;
border-color: var(--wp-admin-theme-color); }
.components-combobox-control__button-input {
border: none;
height: calc(100% - 2px);
left: 1px;
padding: 0 4px;
position: absolute;
top: 1px;
width: calc(100% - 2px); }
.components-combobox-control__button-button:hover {
box-shadow: none !important; }
.components-combobox-control__button-icon {
height: 100%;
padding: 0 4px;
position: absolute;
right: 0;
top: 0; }
.components-combobox-control__menu {
background: #fff;
min-width: 100%;
padding: 0;
position: absolute;
z-index: 1000000; }
.components-combobox-control__item {
align-items: center;
.components-combobox-control__suggestions-container {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
padding: 6px 8px;
box-shadow: 0 0 0 transparent;
transition: box-shadow 0.1s linear;
border-radius: 2px;
border: 1px solid #757575;
/* Fonts smaller than 16px causes mobile safari to zoom. */
font-size: 16px;
/* Override core line-height. To be reviewed. */
line-height: normal;
display: flex;
list-style-type: none;
padding: 10px 5px 10px 25px; }
.components-combobox-control__item.is-highlighted {
background: #ddd; }
.components-combobox-control__item-icon {
margin-left: -20px;
margin-right: 0; }
.components-custom-gradient-picker {
margin-top: 8px; }
flex-wrap: wrap;
align-items: flex-start;
width: 100%;
margin: 0 0 8px 0;
padding: 4px; }
@media (prefers-reduced-motion: reduce) {
.components-combobox-control__suggestions-container {
transition-duration: 0s; } }
@media (min-width: 600px) {
.components-combobox-control__suggestions-container {
font-size: 13px;
/* Override core line-height. To be reviewed. */
line-height: normal; } }
.components-combobox-control__suggestions-container:focus {
border-color: #007cba;
border-color: var(--wp-admin-theme-color);
box-shadow: 0 0 0 0.5px #007cba;
box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color);
outline: 2px solid transparent; }
.components-combobox-control__suggestions-container::-webkit-input-placeholder {
color: rgba(30, 30, 30, 0.62); }
.components-combobox-control__suggestions-container::-moz-placeholder {
opacity: 1;
color: rgba(30, 30, 30, 0.62); }
.components-combobox-control__suggestions-container:-ms-input-placeholder {
color: rgba(30, 30, 30, 0.62); }
.is-dark-theme .components-combobox-control__suggestions-container::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.65); }
.is-dark-theme .components-combobox-control__suggestions-container::-moz-placeholder {
opacity: 1;
color: rgba(255, 255, 255, 0.65); }
.is-dark-theme .components-combobox-control__suggestions-container:-ms-input-placeholder {
color: rgba(255, 255, 255, 0.65); }
.components-combobox-control__suggestions-container:focus-within {
border-color: #007cba;
border-color: var(--wp-admin-theme-color);
box-shadow: 0 0 0 0.5px #007cba;
box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color);
outline: 2px solid transparent; }
.components-custom-gradient-picker__gradient-bar:not(.has-gradient) {
opacity: 0.4; }
.components-custom-gradient-picker__gradient-bar {
margin-top: 12px;
width: 100%;
height: 24px;
border-radius: 24px;
margin-bottom: 8px;
padding-left: 3px;
padding-right: 21px; }
height: 36px;
border-radius: 36px;
margin-bottom: 12px;
padding-left: 6px;
padding-right: 30px; }
.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__markers-container {
position: relative; }
.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__insert-point {
border-radius: 50%;
background: #fff;
padding: 2px;
top: 6px;
min-width: 24px;
width: 24px;
height: 24px;
position: relative; }
position: relative;
color: #1e1e1e; }
.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__insert-point svg {
height: 100%;
width: 100%; }
.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__control-point-button {
border: 2px solid #fff;
border: 2px solid transparent;
box-shadow: inset 0 0 0 1.5px #fff;
border-radius: 50%;
height: 18px;
height: 24px;
width: 24px;
padding: 0;
position: absolute;
width: 18px;
top: 3px; }
.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__control-point-button.is-active {
background: #fafafa;
color: #23282d;
border-color: #999;
box-shadow: 0 0 0 1px #fff, 0 0 0 3px #007cba;
box-shadow: 0 0 0 1px #fff, 0 0 0 3px var(--wp-admin-theme-color); }
top: 6px; }
.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__control-point-button:focus, .components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__control-point-button.is-active {
box-shadow: 0 0 0 1px #fff, 0 0 0 3px #1e1e1e; }
.components-custom-gradient-picker__color-picker-popover .components-custom-gradient-picker__remove-control-point {
margin-left: auto;
@ -1018,13 +960,11 @@ svg.components-checkbox-control__checked {
width: 20px;
height: 20px; }
.components-custom-gradient-picker__ui-line {
display: flex;
justify-content: space-between; }
.components-custom-gradient-picker .components-custom-gradient-picker__ui-line .components-base-control.components-angle-picker,
.components-custom-gradient-picker .components-custom-gradient-picker__ui-line .components-base-control.components-custom-gradient-picker__type-picker {
margin-bottom: 0; }
.components-custom-gradient-picker .components-custom-gradient-picker__ui-line {
margin-bottom: 16px; }
.components-custom-gradient-picker .components-custom-gradient-picker__ui-line .components-base-control.components-angle-picker,
.components-custom-gradient-picker .components-custom-gradient-picker__ui-line .components-base-control.components-custom-gradient-picker__type-picker {
margin-bottom: 0; }
.components-custom-gradient-picker .components-custom-gradient-picker__toolbar {
border: none; }
@ -1032,7 +972,7 @@ svg.components-checkbox-control__checked {
margin-left: 1px; }
.components-custom-gradient-picker .components-custom-gradient-picker__toolbar button.is-pressed > svg {
background: #fff;
border: 1px solid #7e8993;
border: 1px solid #949494;
border-radius: 2px; }
.components-custom-select-control {
@ -1089,10 +1029,6 @@ svg.components-checkbox-control__checked {
margin-left: -20px;
margin-right: 0; }
svg.dashicon {
fill: currentColor;
outline: none; }
/*rtl:begin:ignore*/
.PresetDateRangePicker_panel {
padding: 0 22px 11px; }
@ -2005,8 +1941,7 @@ svg.dashicon {
display: flex; }
.components-datetime__time .components-datetime__time-wrapper .components-datetime__time-separator {
display: inline-block;
padding: 0 3px 0 0;
color: #555d66; }
padding: 0 3px 0 0; }
.components-datetime__time .components-datetime__time-wrapper .components-datetime__time-field-time {
/*rtl:ignore*/
direction: ltr; }
@ -2032,6 +1967,11 @@ svg.dashicon {
.components-datetime__time.is-12-hour .components-datetime__time-field-year input {
border-radius: 0 2px 2px 0 !important; }
.components-datetime__timezone {
line-height: 30px;
margin-left: 4px;
text-decoration: underline dotted; }
.components-datetime__time-legend {
font-weight: 600;
margin-top: 0.5em; }
@ -2179,8 +2119,7 @@ body.is-dragging-components-draggable {
width: 100%;
padding: 6px;
outline: none;
cursor: pointer;
margin-bottom: 4px; }
cursor: pointer; }
.components-dropdown-menu__menu .components-dropdown-menu__menu-item.has-separator,
.components-dropdown-menu__menu .components-menu-item.has-separator {
margin-top: 6px;
@ -2212,11 +2151,12 @@ body.is-dragging-components-draggable {
.components-dropdown-menu__menu .components-menu-item__button.components-button {
min-height: 36px;
height: auto;
padding-left: 40px;
text-align: left; }
.components-dropdown-menu__menu .components-menu-item__button.has-icon,
.components-dropdown-menu__menu .components-menu-item__button.components-button.has-icon {
padding-left: 8px; }
text-align: left;
padding-left: 8px;
padding-right: 8px; }
.components-dropdown-menu__menu .components-menu-item__button .components-menu-item__info-wrapper,
.components-dropdown-menu__menu .components-menu-item__button.components-button .components-menu-item__info-wrapper {
max-width: calc(100% - 32px); }
.components-dropdown-menu__menu .components-menu-group {
padding: 12px;
margin-top: 0;
@ -2234,9 +2174,6 @@ body.is-dragging-components-draggable {
.is-alternate .components-dropdown-menu__menu .components-menu-group + .components-menu-group {
border-color: #1e1e1e; }
.components-dropdown-menu__menu.no-icons .components-menu-item__button.components-button {
padding: 0 12px; }
.components-external-link__icon {
width: 1.4em;
height: 1.4em;
@ -2244,66 +2181,6 @@ body.is-dragging-components-draggable {
vertical-align: middle;
fill: currentColor; }
.components-focal-point-picker-wrapper {
background-color: transparent;
border: 1px solid #ddd;
height: 200px;
width: 100%;
padding: 14px; }
.components-focal-point-picker {
align-items: center;
cursor: pointer;
display: flex;
height: 100%;
justify-content: center;
position: relative;
width: 100%; }
.components-focal-point-picker img {
height: auto;
max-height: 100%;
max-width: 100%;
width: auto;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none; }
.components-focal-point-picker__icon_container {
background-color: transparent;
cursor: grab;
height: 30px;
opacity: 0.8;
position: absolute;
will-change: transform;
width: 30px;
z-index: 10000; }
.components-focal-point-picker__icon_container.is-dragging {
cursor: grabbing; }
.components-focal-point-picker__icon {
display: block;
height: 100%;
left: -15px;
position: absolute;
top: -15px;
width: 100%; }
.components-focal-point-picker__icon .components-focal-point-picker__icon-outline {
fill: #fff; }
.components-focal-point-picker__icon .components-focal-point-picker__icon-fill {
fill: #007cba;
fill: var(--wp-admin-theme-color); }
.components-focal-point-picker_position-display-container {
margin: 1em 0;
display: flex; }
.components-focal-point-picker_position-display-container .components-base-control__field {
margin: 0 1em 0 0; }
.components-focal-point-picker_position-display-container input[type="number"].components-text-control__input {
max-width: 4em;
padding: 6px 4px; }
.components-focal-point-picker_position-display-container span {
margin: 0 0 0 0.2em; }
.components-font-size-picker__controls {
max-width: 248px;
display: flex;
@ -2493,7 +2370,13 @@ body.is-dragging-components-draggable {
color: rgba(255, 255, 255, 0.65); }
.components-form-token-field__input-container.is-disabled {
background: #ddd;
border-color: #ccd0d4; }
border-color: #ddd; }
.components-form-token-field__input-container.is-active {
border-color: #007cba;
border-color: var(--wp-admin-theme-color);
box-shadow: 0 0 0 0.5px #007cba;
box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color);
outline: 2px solid transparent; }
.components-form-token-field__input-container input[type="text"].components-form-token-field__input {
display: inline-block;
width: 100%;
@ -2523,17 +2406,17 @@ body.is-dragging-components-draggable {
font-size: 13px;
display: flex;
margin: 2px 4px 2px 0;
color: #32373c;
overflow: hidden; }
color: #1e1e1e;
max-width: 100%; }
.components-form-token-field__token.is-success .components-form-token-field__token-text,
.components-form-token-field__token.is-success .components-form-token-field__remove-token {
background: #4ab866; }
.components-form-token-field__token.is-error .components-form-token-field__token-text,
.components-form-token-field__token.is-error .components-form-token-field__remove-token {
background: #d94f4f; }
background: #cc1818; }
.components-form-token-field__token.is-validating .components-form-token-field__token-text,
.components-form-token-field__token.is-validating .components-form-token-field__remove-token {
color: #555d66; }
color: #757575; }
.components-form-token-field__token.is-borderless {
position: relative;
padding: 0 16px 0 0; }
@ -2543,14 +2426,14 @@ body.is-dragging-components-draggable {
color: var(--wp-admin-theme-color); }
.components-form-token-field__token.is-borderless .components-form-token-field__remove-token {
background: transparent;
color: #555d66;
color: #757575;
position: absolute;
top: 1px;
right: 0; }
.components-form-token-field__token.is-borderless.is-success .components-form-token-field__token-text {
color: #4ab866; }
.components-form-token-field__token.is-borderless.is-error .components-form-token-field__token-text {
color: #d94f4f;
color: #cc1818;
border-radius: 4px 0 0 4px;
padding: 0 4px 0 6px; }
.components-form-token-field__token.is-borderless.is-validating .components-form-token-field__token-text {
@ -2582,31 +2465,32 @@ body.is-dragging-components-draggable {
cursor: pointer;
border-radius: 0 12px 12px 0;
padding: 0 2px;
color: #555d66;
color: #757575;
line-height: 10px;
overflow: initial; }
.components-form-token-field__remove-token.components-button:hover {
color: #32373c; }
color: #1e1e1e; }
.components-form-token-field__suggestions-list {
flex: 1 0 100%;
min-width: 100%;
max-height: 9em;
overflow-y: scroll;
overflow-y: auto;
transition: all 0.15s ease-in-out;
list-style: none;
border-top: 1px solid #6c7781;
border-top: 1px solid #757575;
margin: 4px -4px -4px;
padding-top: 3px; }
padding: 0; }
@media (prefers-reduced-motion: reduce) {
.components-form-token-field__suggestions-list {
transition-duration: 0s; } }
.components-form-token-field__suggestion {
color: #555d66;
color: #757575;
display: block;
font-size: 13px;
padding: 4px 8px;
margin: 0;
cursor: pointer; }
.components-form-token-field__suggestion.is-selected {
background: #007cba;
@ -2743,7 +2627,8 @@ body.is-dragging-components-draggable {
border-top: 1px solid #1e1e1e; }
.components-menu-group__label {
padding: 0;
padding: 0 8px;
margin-top: 4px;
margin-bottom: 12px;
color: #757575;
text-transform: uppercase;
@ -2753,19 +2638,19 @@ body.is-dragging-components-draggable {
.components-menu-item__button,
.components-menu-item__button.components-button {
width: 100%; }
.components-menu-item__button .dashicon,
.components-menu-item__button .components-menu-items__item-icon,
.components-menu-item__button svg.components-menu-items__item-icon,
.components-menu-item__button > span > svg,
.components-menu-item__button.components-button .dashicon,
.components-menu-item__button.components-button .components-menu-items__item-icon,
.components-menu-item__button.components-button svg.components-menu-items__item-icon,
.components-menu-item__button.components-button > span > svg {
margin-right: 8px; }
.components-menu-item__button .components-menu-items__item-icon,
.components-menu-item__button.components-button .components-menu-items__item-icon {
margin-right: -2px;
margin-left: auto;
display: inline-block;
flex: 0 0 auto; }
.components-menu-item__button .components-menu-item__shortcut + .components-menu-items__item-icon,
.components-menu-item__button.components-button .components-menu-item__shortcut + .components-menu-items__item-icon {
margin-left: 8px; }
.components-menu-item__button .block-editor-block-icon,
.components-menu-item__button.components-button .block-editor-block-icon {
margin-left: -2px;
margin-right: 8px; }
.components-menu-item__info-wrapper {
display: flex;
@ -2788,15 +2673,13 @@ body.is-dragging-components-draggable {
.components-menu-item__shortcut {
display: inline; } }
.components-menu-items-choice,
.components-menu-items-choice.components-button {
padding-left: 40px; }
.components-menu-items-choice svg,
.components-menu-items-choice.components-button svg {
margin-right: 8px; }
.components-menu-items-choice.has-icon,
.components-menu-items-choice.components-button.has-icon {
padding-left: 8px; }
.components-menu-items-choice svg,
.components-menu-items-choice.components-button svg {
margin-right: 12px; }
.components-menu-items-choice.has-icon,
.components-menu-items-choice.components-button.has-icon {
padding-left: 12px; }
.components-modal__screen-overlay {
position: fixed;
@ -2918,8 +2801,8 @@ body.is-dragging-components-draggable {
border-left-color: #f0b849;
background-color: #fef8ee; }
.components-notice.is-error {
border-left-color: #d94f4f;
background-color: #f9e2e2; }
border-left-color: #cc1818;
background-color: #f4a2a2; }
.components-notice__content {
flex-grow: 1;
@ -2932,7 +2815,7 @@ body.is-dragging-components-draggable {
vertical-align: initial; }
.components-notice__dismiss {
color: #6c7781;
color: #757575;
align-self: flex-start;
flex-shrink: 0; }
.components-notice__dismiss:not(:disabled):not([aria-disabled="true"]):not(.is-secondary):hover, .components-notice__dismiss:not(:disabled):not([aria-disabled="true"]):not(.is-secondary):active, .components-notice__dismiss:not(:disabled):not([aria-disabled="true"]):focus {
@ -2956,7 +2839,7 @@ body.is-dragging-components-draggable {
.components-panel {
background: #fff;
border: 1px solid #f0f0f0; }
border: 1px solid #e0e0e0; }
.components-panel > .components-panel__header:first-child,
.components-panel > .components-panel__body:first-child {
margin-top: -1px; }
@ -2968,8 +2851,8 @@ body.is-dragging-components-draggable {
margin-top: -1px; }
.components-panel__body {
border-top: 1px solid #f0f0f0;
border-bottom: 1px solid #f0f0f0; }
border-top: 1px solid #e0e0e0;
border-bottom: 1px solid #e0e0e0; }
.components-panel__body h3 {
margin: 0 0 0.5em; }
.components-panel__body.is-opened {
@ -3052,7 +2935,7 @@ body.is-dragging-components-draggable {
margin-top: -10px; }
.components-panel__icon {
color: #555d66;
color: #757575;
margin: -2px 0 -2px 6px; }
.components-panel__body-toggle-icon {
@ -3081,6 +2964,7 @@ body.is-dragging-components-draggable {
padding-bottom: 20px; }
.components-placeholder.components-placeholder {
box-sizing: border-box;
position: relative;
padding: 1em;
min-height: 200px;
@ -3484,7 +3368,7 @@ body.is-dragging-components-draggable {
.is-dark-theme .components-resizable-box__side-handle::before,
.is-dark-theme .components-resizable-box__handle::after {
border-color: #d7dade; }
border-color: #ddd; }
.components-resizable-box__handle {
z-index: 2; }
@ -3539,6 +3423,21 @@ body.is-dragging-components-draggable {
.components-resizable-box__side-handle.components-resizable-box__handle-right:active::before {
animation-duration: 1ms; } }
/* This CSS is shown only to Safari, which has a bug with table-caption making it jumpy.
See https://bugs.webkit.org/show_bug.cgi?id=187903. */
@media not all and (min-resolution: 0.001dpcm) {
@supports (-webkit-appearance: none) {
.components-resizable-box__side-handle.components-resizable-box__handle-top:hover::before,
.components-resizable-box__side-handle.components-resizable-box__handle-bottom:hover::before,
.components-resizable-box__side-handle.components-resizable-box__handle-top:active::before,
.components-resizable-box__side-handle.components-resizable-box__handle-bottom:active::before {
animation: none; }
.components-resizable-box__side-handle.components-resizable-box__handle-left:hover::before,
.components-resizable-box__side-handle.components-resizable-box__handle-right:hover::before,
.components-resizable-box__side-handle.components-resizable-box__handle-left:active::before,
.components-resizable-box__side-handle.components-resizable-box__handle-right:active::before {
animation: none; } } }
@keyframes components-resizable-box__top-bottom-animation {
from {
transform: scaleX(0);
@ -3668,7 +3567,7 @@ body.lockscroll {
.components-spinner {
display: inline-block;
background-color: #7e8993;
background-color: #949494;
width: 18px;
height: 18px;
opacity: 0.7;
@ -3954,7 +3853,7 @@ body.lockscroll {
.components-tip {
display: flex;
color: #555d66; }
color: #757575; }
.components-tip svg {
-ms-grid-row-align: center;
align-self: center;
@ -4076,7 +3975,7 @@ body.lockscroll {
flex-shrink: 0;
flex-wrap: wrap;
line-height: 0; }
.components-toolbar-group .components-toolbar-group {
.components-toolbar-group .components-toolbar-group.components-toolbar-group {
border-width: 0;
margin: 0; }
@ -4084,11 +3983,13 @@ body.lockscroll {
min-height: 48px;
margin: 0;
border: 1px solid #1e1e1e;
border-radius: 2px;
background-color: #fff;
display: inline-flex;
flex-shrink: 0;
flex-wrap: wrap; }
.components-toolbar .components-toolbar.components-toolbar {
border-width: 0;
margin: 0; }
div.components-toolbar > div {
display: block;

File diff suppressed because one or more lines are too long

View File

@ -1,20 +1,12 @@
/**
* Colors
*/
/**
* Deprecated colors.
* Please avoid using these.
*/
/**
* Breakpoints & Media Queries
*/
/**
* Colors
*/
/**
* Deprecated colors.
* Please avoid using these.
*/
/**
* Fonts & basic variables.
*/
@ -37,6 +29,9 @@
/**
* Border radii.
*/
/**
* Block paddings.
*/
/**
* Breakpoint mixins
*/
@ -264,16 +259,16 @@ body.is-fullscreen-mode .interface-interface-skeleton {
@media (min-width: 782px) {
.interface-interface-skeleton__sidebar {
overflow: auto;
border-right: 1px solid #f0f0f0; } }
border-right: 1px solid #e0e0e0; } }
@media (min-width: 782px) {
.interface-interface-skeleton__left-sidebar {
border-left: 1px solid #f0f0f0; } }
border-left: 1px solid #e0e0e0; } }
.interface-interface-skeleton__header {
flex-shrink: 0;
height: auto;
border-bottom: 1px solid #f0f0f0;
border-bottom: 1px solid #e0e0e0;
z-index: 30;
color: #1e1e1e;
position: -webkit-sticky;
@ -287,12 +282,20 @@ body.is-fullscreen-mode .interface-interface-skeleton {
.interface-interface-skeleton__footer {
height: auto;
flex-shrink: 0;
border-top: 1px solid #f0f0f0;
border-top: 1px solid #e0e0e0;
color: #1e1e1e;
display: none; }
@media (min-width: 782px) {
.interface-interface-skeleton__footer {
display: block; } }
display: flex; } }
.interface-interface-skeleton__footer .block-editor-block-breadcrumb {
z-index: 30;
display: flex;
background: #fff;
height: 24px;
align-items: center;
font-size: 13px;
padding: 0 18px; }
.interface-interface-skeleton__actions {
z-index: 100000;
@ -356,32 +359,21 @@ body.is-fullscreen-mode .interface-interface-skeleton {
/**
* Buttons in the Toolbar
*/
.edit-post-header__settings .components-button.editor-post-save-draft,
.edit-post-header__settings .editor-post-saved-state,
.edit-post-header__settings .components-button.editor-post-switch-to-draft,
.edit-post-header__settings .components-button.editor-post-preview,
.edit-post-header__settings .components-button.block-editor-post-preview__dropdown {
padding: 0 6px;
.edit-post-header__settings .components-button.components-button {
margin-left: 4px; }
@media (min-width: 600px) {
.edit-post-header__settings .components-button.editor-post-save-draft,
.edit-post-header__settings .editor-post-saved-state,
.edit-post-header__settings .components-button.editor-post-switch-to-draft,
.edit-post-header__settings .components-button.editor-post-preview,
.edit-post-header__settings .components-button.block-editor-post-preview__dropdown {
.edit-post-header__settings .components-button.components-button {
margin-left: 12px; } }
.edit-post-header__settings .components-button.block-editor-post-preview__dropdown,
.edit-post-header__settings .components-button.editor-post-publish-button,
.edit-post-header__settings .components-button.editor-post-publish-panel__toggle {
padding: 0 6px;
margin-left: 4px; }
@media (min-width: 600px) {
.edit-post-header__settings .components-button.block-editor-post-preview__dropdown,
.edit-post-header__settings .components-button.editor-post-publish-button,
.edit-post-header__settings .components-button.editor-post-publish-panel__toggle {
padding: 0 12px;
margin-left: 12px; } }
.edit-post-header__settings .editor-post-saved-state,
.edit-post-header__settings .components-button.is-tertiary {
padding: 0 6px; }
.edit-post-header__settings .edit-post-more-menu .components-button,
.edit-post-header__settings .interface-pinned-items .components-button {
margin-left: 0; }
.edit-post-header-preview__grouping-external {
display: flex;
@ -395,11 +387,147 @@ body.is-fullscreen-mode .interface-interface-skeleton {
display: flex;
justify-content: flex-start; }
.edit-post-header-preview__button-external svg {
margin-left: 8px; }
margin-right: auto; }
.edit-post-post-preview-dropdown .components-popover__content > div {
padding-bottom: 0; }
.show-icon-labels.interface-pinned-items .components-button.has-icon,
.show-icon-labels .edit-post-header .components-button.has-icon,
.edit-post-header__dropdown .components-button.has-icon {
width: auto; }
.show-icon-labels.interface-pinned-items .components-button.has-icon svg,
.show-icon-labels .edit-post-header .components-button.has-icon svg,
.edit-post-header__dropdown .components-button.has-icon svg {
display: none; }
.show-icon-labels.interface-pinned-items .components-button.has-icon::after,
.show-icon-labels .edit-post-header .components-button.has-icon::after,
.edit-post-header__dropdown .components-button.has-icon::after {
content: attr(aria-label); }
.show-icon-labels.interface-pinned-items .components-button.has-icon[aria-disabled="true"],
.show-icon-labels .edit-post-header .components-button.has-icon[aria-disabled="true"],
.edit-post-header__dropdown .components-button.has-icon[aria-disabled="true"] {
background-color: transparent; }
.show-icon-labels.interface-pinned-items .is-tertiary:active,
.show-icon-labels .edit-post-header .is-tertiary:active,
.edit-post-header__dropdown .is-tertiary:active {
box-shadow: 0 0 0 1.5px #007cba;
box-shadow: 0 0 0 1.5px var(--wp-admin-theme-color);
background-color: transparent; }
.show-icon-labels.interface-pinned-items .edit-post-header-toolbar__block-toolbar .components-button.has-icon svg,
.show-icon-labels.interface-pinned-items .edit-post-fullscreen-mode-close.has-icon svg,
.show-icon-labels.interface-pinned-items .components-button.has-icon.button-toggle svg,
.show-icon-labels .edit-post-header .edit-post-header-toolbar__block-toolbar .components-button.has-icon svg,
.show-icon-labels .edit-post-header .edit-post-fullscreen-mode-close.has-icon svg,
.show-icon-labels .edit-post-header .components-button.has-icon.button-toggle svg,
.edit-post-header__dropdown .edit-post-header-toolbar__block-toolbar .components-button.has-icon svg,
.edit-post-header__dropdown .edit-post-fullscreen-mode-close.has-icon svg,
.edit-post-header__dropdown .components-button.has-icon.button-toggle svg {
display: block; }
.show-icon-labels.interface-pinned-items .edit-post-header-toolbar__block-toolbar .components-button.has-icon::after,
.show-icon-labels.interface-pinned-items .edit-post-fullscreen-mode-close.has-icon::after,
.show-icon-labels.interface-pinned-items .components-button.has-icon.button-toggle::after,
.show-icon-labels .edit-post-header .edit-post-header-toolbar__block-toolbar .components-button.has-icon::after,
.show-icon-labels .edit-post-header .edit-post-fullscreen-mode-close.has-icon::after,
.show-icon-labels .edit-post-header .components-button.has-icon.button-toggle::after,
.edit-post-header__dropdown .edit-post-header-toolbar__block-toolbar .components-button.has-icon::after,
.edit-post-header__dropdown .edit-post-fullscreen-mode-close.has-icon::after,
.edit-post-header__dropdown .components-button.has-icon.button-toggle::after {
content: none; }
.show-icon-labels.interface-pinned-items .edit-post-fullscreen-mode-close.has-icon,
.show-icon-labels .edit-post-header .edit-post-fullscreen-mode-close.has-icon,
.edit-post-header__dropdown .edit-post-fullscreen-mode-close.has-icon {
width: 60px; }
.show-icon-labels.interface-pinned-items .components-menu-items-choice .components-menu-items__item-icon.components-menu-items__item-icon,
.show-icon-labels .edit-post-header .components-menu-items-choice .components-menu-items__item-icon.components-menu-items__item-icon,
.edit-post-header__dropdown .components-menu-items-choice .components-menu-items__item-icon.components-menu-items__item-icon {
display: block; }
.show-icon-labels.interface-pinned-items .edit-post-header-toolbar__inserter-toggle.edit-post-header-toolbar__inserter-toggle,
.show-icon-labels.interface-pinned-items .interface-pinned-items .components-button,
.show-icon-labels .edit-post-header .edit-post-header-toolbar__inserter-toggle.edit-post-header-toolbar__inserter-toggle,
.show-icon-labels .edit-post-header .interface-pinned-items .components-button,
.edit-post-header__dropdown .edit-post-header-toolbar__inserter-toggle.edit-post-header-toolbar__inserter-toggle,
.edit-post-header__dropdown .interface-pinned-items .components-button {
padding-right: 8px;
padding-left: 8px; }
@media (min-width: 600px) {
.show-icon-labels.interface-pinned-items .edit-post-header-toolbar__inserter-toggle.edit-post-header-toolbar__inserter-toggle,
.show-icon-labels.interface-pinned-items .interface-pinned-items .components-button,
.show-icon-labels .edit-post-header .edit-post-header-toolbar__inserter-toggle.edit-post-header-toolbar__inserter-toggle,
.show-icon-labels .edit-post-header .interface-pinned-items .components-button,
.edit-post-header__dropdown .edit-post-header-toolbar__inserter-toggle.edit-post-header-toolbar__inserter-toggle,
.edit-post-header__dropdown .interface-pinned-items .components-button {
padding-right: 12px;
padding-left: 12px; } }
.show-icon-labels.interface-pinned-items .components-dropdown-menu__toggle,
.show-icon-labels .edit-post-header .components-dropdown-menu__toggle,
.edit-post-header__dropdown .components-dropdown-menu__toggle {
margin-right: 8px;
padding-right: 8px;
padding-left: 8px; }
@media (min-width: 600px) {
.show-icon-labels.interface-pinned-items .components-dropdown-menu__toggle,
.show-icon-labels .edit-post-header .components-dropdown-menu__toggle,
.edit-post-header__dropdown .components-dropdown-menu__toggle {
margin-right: 12px;
padding-right: 12px;
padding-left: 12px; } }
.show-icon-labels.interface-pinned-items .edit-post-header-toolbar__inserter-toggle.edit-post-header-toolbar__inserter-toggle::after,
.show-icon-labels .edit-post-header .edit-post-header-toolbar__inserter-toggle.edit-post-header-toolbar__inserter-toggle::after,
.edit-post-header__dropdown .edit-post-header-toolbar__inserter-toggle.edit-post-header-toolbar__inserter-toggle::after {
content: none; }
.show-icon-labels.interface-pinned-items .editor-post-save-draft.editor-post-save-draft::after,
.show-icon-labels .edit-post-header .editor-post-save-draft.editor-post-save-draft::after,
.edit-post-header__dropdown .editor-post-save-draft.editor-post-save-draft::after {
content: none; }
@media (min-width: 600px) {
.show-icon-labels.interface-pinned-items .editor-post-save-draft.editor-post-save-draft::after,
.show-icon-labels .edit-post-header .editor-post-save-draft.editor-post-save-draft::after,
.edit-post-header__dropdown .editor-post-save-draft.editor-post-save-draft::after {
content: attr(aria-label); } }
.edit-post-header__dropdown .components-menu-item__button.components-menu-item__button,
.edit-post-header__dropdown .components-button.editor-history__undo,
.edit-post-header__dropdown .components-button.editor-history__redo,
.edit-post-header__dropdown .table-of-contents .components-button,
.edit-post-header__dropdown .components-button.block-editor-block-navigation {
margin: 0;
padding: 6px 40px 6px 6px;
width: 14.625rem;
text-align: right;
justify-content: flex-start; }
.show-icon-labels.interface-pinned-items {
padding: 6px 12px 12px;
margin-top: 0;
margin-bottom: 0;
margin-right: -12px;
margin-left: -12px;
border-bottom: 1px solid #ccc;
display: block; }
.show-icon-labels.interface-pinned-items > .components-button.has-icon {
margin: 0;
padding: 6px 8px 6px 6px;
width: 14.625rem;
justify-content: flex-start; }
.show-icon-labels.interface-pinned-items > .components-button.has-icon[aria-expanded="true"] svg {
display: block;
max-width: 24px; }
.show-icon-labels.interface-pinned-items > .components-button.has-icon[aria-expanded="false"] {
padding-right: 40px; }
.show-icon-labels.interface-pinned-items > .components-button.has-icon svg {
margin-left: 8px; }
.edit-post-fullscreen-mode-close.has-icon {
display: none; }
@media (min-width: 782px) {
@ -421,6 +549,9 @@ body.is-fullscreen-mode .interface-interface-skeleton {
box-shadow: inset 0 0 0 1.5px #007cba, inset 0 0 0 2.5px #fff;
box-shadow: inset 0 0 0 1.5px var(--wp-admin-theme-color), inset 0 0 0 2.5px #fff; } }
.edit-post-fullscreen-mode-close_site-icon {
width: 36px; }
.edit-post-header-toolbar {
display: inline-flex;
align-items: center;
@ -497,6 +628,23 @@ body.is-fullscreen-mode .interface-interface-skeleton {
height: 32px;
padding: 0; }
@media (min-width: 1280px) {
.show-icon-labels .edit-post-header-toolbar__block-toolbar {
position: absolute;
top: 61px;
right: 0;
left: 0;
border-bottom: 1px solid #ddd;
padding: 0;
background-color: #fff; }
.show-icon-labels .edit-post-header-toolbar__block-toolbar .block-editor-block-toolbar .components-toolbar-group,
.show-icon-labels .edit-post-header-toolbar__block-toolbar .block-editor-block-toolbar .components-toolbar {
height: auto;
padding: 0; } }
.show-icon-labels .edit-post-header-toolbar__inserter-toggle.edit-post-header-toolbar__inserter-toggle.edit-post-header-toolbar__inserter-toggle {
height: 36px; }
.edit-post-more-menu {
margin-right: -4px; }
.edit-post-more-menu .components-button {
@ -509,7 +657,7 @@ body.is-fullscreen-mode .interface-interface-skeleton {
padding: 0 4px; } }
.edit-post-more-menu__content .components-popover__content {
min-width: 260px; }
min-width: 280px; }
@media (min-width: 480px) {
.edit-post-more-menu__content .components-popover__content {
width: auto;
@ -650,7 +798,8 @@ body.is-fullscreen-mode .edit-post-layout .components-editor-notices__snackbar {
transform: translateX(0%); } }
.interface-interface-skeleton__sidebar > div {
height: 100%; }
height: 100%;
padding-bottom: 48px; }
.edit-post-layout .editor-post-publish-panel__header-publish-button {
justify-content: center; }
@ -692,20 +841,8 @@ body.is-fullscreen-mode .edit-post-layout .components-editor-notices__snackbar {
top: auto;
bottom: 0; }
.edit-post-layout__footer {
display: none;
z-index: 30; }
@media (min-width: 782px) {
.edit-post-layout__footer {
display: flex;
background: #fff;
height: 24px;
align-items: center;
font-size: 13px;
padding: 0 18px; } }
.edit-post-layout .interface-interface-skeleton__content {
background-color: #ccd0d4; }
background-color: #ccc; }
.edit-post-layout__inserter-panel-popover-wrapper,
.edit-post-layout__inserter-panel-popover-wrapper > div,
@ -819,7 +956,7 @@ body.is-fullscreen-mode .edit-post-layout .components-editor-notices__snackbar {
padding: 0.6rem 10px 0.6rem 0; }
.edit-post-manage-blocks-modal__checklist-item .block-editor-block-icon {
margin-left: 10px;
fill: #555d66; }
fill: #1e1e1e; }
.edit-post-manage-blocks-modal__results {
height: 100%;
@ -855,7 +992,6 @@ body.is-fullscreen-mode .edit-post-layout .components-editor-notices__snackbar {
.edit-post-meta-boxes-area #poststuff .stuffbox > h3,
.edit-post-meta-boxes-area #poststuff h2.hndle {
/* WordPress selectors yolo */
border-bottom: 1px solid #ddd;
box-sizing: border-box;
color: inherit;
font-weight: 600;
@ -892,10 +1028,10 @@ body.is-fullscreen-mode .edit-post-layout .components-editor-notices__snackbar {
.edit-post-meta-boxes-area .is-hidden {
display: none; }
.edit-post-meta-boxes-area .metabox-location-side .postbox input[type="checkbox"] {
border: 1px solid #6c7781; }
border: 1px solid #757575; }
.edit-post-meta-boxes-area .metabox-location-side .postbox input[type="checkbox"]:checked {
background: #fff;
border-color: #6c7781; }
border-color: #757575; }
.edit-post-meta-boxes-area .metabox-location-side .postbox input[type="checkbox"]::before {
margin: -3px -4px; }
@ -995,7 +1131,7 @@ body.is-fullscreen-mode .edit-post-layout .components-editor-notices__snackbar {
margin-right: 20px; }
.edit-post-post-visibility__dialog-info {
color: #7e8993;
color: #757575;
padding-right: 20px;
font-style: italic;
margin: 4px 0 0;
@ -1055,14 +1191,17 @@ body.is-fullscreen-mode .edit-post-layout .components-editor-notices__snackbar {
font-size: 2.5em;
font-weight: normal; }
.edit-post-text-editor .wp-block.editor-post-title .editor-post-title__input {
border: 1px solid #ccc;
border: 1px solid #949494;
margin-bottom: -1px;
padding: 16px; }
@media (min-width: 600px) {
.edit-post-text-editor .wp-block.editor-post-title .editor-post-title__input {
padding: 24px; } }
.edit-post-text-editor .wp-block.editor-post-title .editor-post-title__input:focus {
border: 1px solid #1e1e1e; }
border-color: #007cba;
border-color: var(--wp-admin-theme-color);
box-shadow: 0 0 0 1.5px #007cba;
box-shadow: 0 0 0 1.5px var(--wp-admin-theme-color); }
@media (min-width: 600px) {
.edit-post-text-editor .wp-block.editor-post-title {
padding: 0; } }

File diff suppressed because one or more lines are too long

View File

@ -1,20 +1,12 @@
/**
* Colors
*/
/**
* Deprecated colors.
* Please avoid using these.
*/
/**
* Breakpoints & Media Queries
*/
/**
* Colors
*/
/**
* Deprecated colors.
* Please avoid using these.
*/
/**
* Fonts & basic variables.
*/
@ -37,6 +29,9 @@
/**
* Border radii.
*/
/**
* Block paddings.
*/
/**
* Breakpoint mixins
*/
@ -264,16 +259,16 @@ body.is-fullscreen-mode .interface-interface-skeleton {
@media (min-width: 782px) {
.interface-interface-skeleton__sidebar {
overflow: auto;
border-left: 1px solid #f0f0f0; } }
border-left: 1px solid #e0e0e0; } }
@media (min-width: 782px) {
.interface-interface-skeleton__left-sidebar {
border-right: 1px solid #f0f0f0; } }
border-right: 1px solid #e0e0e0; } }
.interface-interface-skeleton__header {
flex-shrink: 0;
height: auto;
border-bottom: 1px solid #f0f0f0;
border-bottom: 1px solid #e0e0e0;
z-index: 30;
color: #1e1e1e;
position: -webkit-sticky;
@ -287,12 +282,20 @@ body.is-fullscreen-mode .interface-interface-skeleton {
.interface-interface-skeleton__footer {
height: auto;
flex-shrink: 0;
border-top: 1px solid #f0f0f0;
border-top: 1px solid #e0e0e0;
color: #1e1e1e;
display: none; }
@media (min-width: 782px) {
.interface-interface-skeleton__footer {
display: block; } }
display: flex; } }
.interface-interface-skeleton__footer .block-editor-block-breadcrumb {
z-index: 30;
display: flex;
background: #fff;
height: 24px;
align-items: center;
font-size: 13px;
padding: 0 18px; }
.interface-interface-skeleton__actions {
z-index: 100000;
@ -356,32 +359,21 @@ body.is-fullscreen-mode .interface-interface-skeleton {
/**
* Buttons in the Toolbar
*/
.edit-post-header__settings .components-button.editor-post-save-draft,
.edit-post-header__settings .editor-post-saved-state,
.edit-post-header__settings .components-button.editor-post-switch-to-draft,
.edit-post-header__settings .components-button.editor-post-preview,
.edit-post-header__settings .components-button.block-editor-post-preview__dropdown {
padding: 0 6px;
.edit-post-header__settings .components-button.components-button {
margin-right: 4px; }
@media (min-width: 600px) {
.edit-post-header__settings .components-button.editor-post-save-draft,
.edit-post-header__settings .editor-post-saved-state,
.edit-post-header__settings .components-button.editor-post-switch-to-draft,
.edit-post-header__settings .components-button.editor-post-preview,
.edit-post-header__settings .components-button.block-editor-post-preview__dropdown {
.edit-post-header__settings .components-button.components-button {
margin-right: 12px; } }
.edit-post-header__settings .components-button.block-editor-post-preview__dropdown,
.edit-post-header__settings .components-button.editor-post-publish-button,
.edit-post-header__settings .components-button.editor-post-publish-panel__toggle {
padding: 0 6px;
margin-right: 4px; }
@media (min-width: 600px) {
.edit-post-header__settings .components-button.block-editor-post-preview__dropdown,
.edit-post-header__settings .components-button.editor-post-publish-button,
.edit-post-header__settings .components-button.editor-post-publish-panel__toggle {
padding: 0 12px;
margin-right: 12px; } }
.edit-post-header__settings .editor-post-saved-state,
.edit-post-header__settings .components-button.is-tertiary {
padding: 0 6px; }
.edit-post-header__settings .edit-post-more-menu .components-button,
.edit-post-header__settings .interface-pinned-items .components-button {
margin-right: 0; }
.edit-post-header-preview__grouping-external {
display: flex;
@ -395,11 +387,147 @@ body.is-fullscreen-mode .interface-interface-skeleton {
display: flex;
justify-content: flex-start; }
.edit-post-header-preview__button-external svg {
margin-right: 8px; }
margin-left: auto; }
.edit-post-post-preview-dropdown .components-popover__content > div {
padding-bottom: 0; }
.show-icon-labels.interface-pinned-items .components-button.has-icon,
.show-icon-labels .edit-post-header .components-button.has-icon,
.edit-post-header__dropdown .components-button.has-icon {
width: auto; }
.show-icon-labels.interface-pinned-items .components-button.has-icon svg,
.show-icon-labels .edit-post-header .components-button.has-icon svg,
.edit-post-header__dropdown .components-button.has-icon svg {
display: none; }
.show-icon-labels.interface-pinned-items .components-button.has-icon::after,
.show-icon-labels .edit-post-header .components-button.has-icon::after,
.edit-post-header__dropdown .components-button.has-icon::after {
content: attr(aria-label); }
.show-icon-labels.interface-pinned-items .components-button.has-icon[aria-disabled="true"],
.show-icon-labels .edit-post-header .components-button.has-icon[aria-disabled="true"],
.edit-post-header__dropdown .components-button.has-icon[aria-disabled="true"] {
background-color: transparent; }
.show-icon-labels.interface-pinned-items .is-tertiary:active,
.show-icon-labels .edit-post-header .is-tertiary:active,
.edit-post-header__dropdown .is-tertiary:active {
box-shadow: 0 0 0 1.5px #007cba;
box-shadow: 0 0 0 1.5px var(--wp-admin-theme-color);
background-color: transparent; }
.show-icon-labels.interface-pinned-items .edit-post-header-toolbar__block-toolbar .components-button.has-icon svg,
.show-icon-labels.interface-pinned-items .edit-post-fullscreen-mode-close.has-icon svg,
.show-icon-labels.interface-pinned-items .components-button.has-icon.button-toggle svg,
.show-icon-labels .edit-post-header .edit-post-header-toolbar__block-toolbar .components-button.has-icon svg,
.show-icon-labels .edit-post-header .edit-post-fullscreen-mode-close.has-icon svg,
.show-icon-labels .edit-post-header .components-button.has-icon.button-toggle svg,
.edit-post-header__dropdown .edit-post-header-toolbar__block-toolbar .components-button.has-icon svg,
.edit-post-header__dropdown .edit-post-fullscreen-mode-close.has-icon svg,
.edit-post-header__dropdown .components-button.has-icon.button-toggle svg {
display: block; }
.show-icon-labels.interface-pinned-items .edit-post-header-toolbar__block-toolbar .components-button.has-icon::after,
.show-icon-labels.interface-pinned-items .edit-post-fullscreen-mode-close.has-icon::after,
.show-icon-labels.interface-pinned-items .components-button.has-icon.button-toggle::after,
.show-icon-labels .edit-post-header .edit-post-header-toolbar__block-toolbar .components-button.has-icon::after,
.show-icon-labels .edit-post-header .edit-post-fullscreen-mode-close.has-icon::after,
.show-icon-labels .edit-post-header .components-button.has-icon.button-toggle::after,
.edit-post-header__dropdown .edit-post-header-toolbar__block-toolbar .components-button.has-icon::after,
.edit-post-header__dropdown .edit-post-fullscreen-mode-close.has-icon::after,
.edit-post-header__dropdown .components-button.has-icon.button-toggle::after {
content: none; }
.show-icon-labels.interface-pinned-items .edit-post-fullscreen-mode-close.has-icon,
.show-icon-labels .edit-post-header .edit-post-fullscreen-mode-close.has-icon,
.edit-post-header__dropdown .edit-post-fullscreen-mode-close.has-icon {
width: 60px; }
.show-icon-labels.interface-pinned-items .components-menu-items-choice .components-menu-items__item-icon.components-menu-items__item-icon,
.show-icon-labels .edit-post-header .components-menu-items-choice .components-menu-items__item-icon.components-menu-items__item-icon,
.edit-post-header__dropdown .components-menu-items-choice .components-menu-items__item-icon.components-menu-items__item-icon {
display: block; }
.show-icon-labels.interface-pinned-items .edit-post-header-toolbar__inserter-toggle.edit-post-header-toolbar__inserter-toggle,
.show-icon-labels.interface-pinned-items .interface-pinned-items .components-button,
.show-icon-labels .edit-post-header .edit-post-header-toolbar__inserter-toggle.edit-post-header-toolbar__inserter-toggle,
.show-icon-labels .edit-post-header .interface-pinned-items .components-button,
.edit-post-header__dropdown .edit-post-header-toolbar__inserter-toggle.edit-post-header-toolbar__inserter-toggle,
.edit-post-header__dropdown .interface-pinned-items .components-button {
padding-left: 8px;
padding-right: 8px; }
@media (min-width: 600px) {
.show-icon-labels.interface-pinned-items .edit-post-header-toolbar__inserter-toggle.edit-post-header-toolbar__inserter-toggle,
.show-icon-labels.interface-pinned-items .interface-pinned-items .components-button,
.show-icon-labels .edit-post-header .edit-post-header-toolbar__inserter-toggle.edit-post-header-toolbar__inserter-toggle,
.show-icon-labels .edit-post-header .interface-pinned-items .components-button,
.edit-post-header__dropdown .edit-post-header-toolbar__inserter-toggle.edit-post-header-toolbar__inserter-toggle,
.edit-post-header__dropdown .interface-pinned-items .components-button {
padding-left: 12px;
padding-right: 12px; } }
.show-icon-labels.interface-pinned-items .components-dropdown-menu__toggle,
.show-icon-labels .edit-post-header .components-dropdown-menu__toggle,
.edit-post-header__dropdown .components-dropdown-menu__toggle {
margin-left: 8px;
padding-left: 8px;
padding-right: 8px; }
@media (min-width: 600px) {
.show-icon-labels.interface-pinned-items .components-dropdown-menu__toggle,
.show-icon-labels .edit-post-header .components-dropdown-menu__toggle,
.edit-post-header__dropdown .components-dropdown-menu__toggle {
margin-left: 12px;
padding-left: 12px;
padding-right: 12px; } }
.show-icon-labels.interface-pinned-items .edit-post-header-toolbar__inserter-toggle.edit-post-header-toolbar__inserter-toggle::after,
.show-icon-labels .edit-post-header .edit-post-header-toolbar__inserter-toggle.edit-post-header-toolbar__inserter-toggle::after,
.edit-post-header__dropdown .edit-post-header-toolbar__inserter-toggle.edit-post-header-toolbar__inserter-toggle::after {
content: none; }
.show-icon-labels.interface-pinned-items .editor-post-save-draft.editor-post-save-draft::after,
.show-icon-labels .edit-post-header .editor-post-save-draft.editor-post-save-draft::after,
.edit-post-header__dropdown .editor-post-save-draft.editor-post-save-draft::after {
content: none; }
@media (min-width: 600px) {
.show-icon-labels.interface-pinned-items .editor-post-save-draft.editor-post-save-draft::after,
.show-icon-labels .edit-post-header .editor-post-save-draft.editor-post-save-draft::after,
.edit-post-header__dropdown .editor-post-save-draft.editor-post-save-draft::after {
content: attr(aria-label); } }
.edit-post-header__dropdown .components-menu-item__button.components-menu-item__button,
.edit-post-header__dropdown .components-button.editor-history__undo,
.edit-post-header__dropdown .components-button.editor-history__redo,
.edit-post-header__dropdown .table-of-contents .components-button,
.edit-post-header__dropdown .components-button.block-editor-block-navigation {
margin: 0;
padding: 6px 6px 6px 40px;
width: 14.625rem;
text-align: left;
justify-content: flex-start; }
.show-icon-labels.interface-pinned-items {
padding: 6px 12px 12px;
margin-top: 0;
margin-bottom: 0;
margin-left: -12px;
margin-right: -12px;
border-bottom: 1px solid #ccc;
display: block; }
.show-icon-labels.interface-pinned-items > .components-button.has-icon {
margin: 0;
padding: 6px 6px 6px 8px;
width: 14.625rem;
justify-content: flex-start; }
.show-icon-labels.interface-pinned-items > .components-button.has-icon[aria-expanded="true"] svg {
display: block;
max-width: 24px; }
.show-icon-labels.interface-pinned-items > .components-button.has-icon[aria-expanded="false"] {
padding-left: 40px; }
.show-icon-labels.interface-pinned-items > .components-button.has-icon svg {
margin-right: 8px; }
.edit-post-fullscreen-mode-close.has-icon {
display: none; }
@media (min-width: 782px) {
@ -421,6 +549,9 @@ body.is-fullscreen-mode .interface-interface-skeleton {
box-shadow: inset 0 0 0 1.5px #007cba, inset 0 0 0 2.5px #fff;
box-shadow: inset 0 0 0 1.5px var(--wp-admin-theme-color), inset 0 0 0 2.5px #fff; } }
.edit-post-fullscreen-mode-close_site-icon {
width: 36px; }
.edit-post-header-toolbar {
display: inline-flex;
align-items: center;
@ -497,6 +628,23 @@ body.is-fullscreen-mode .interface-interface-skeleton {
height: 32px;
padding: 0; }
@media (min-width: 1280px) {
.show-icon-labels .edit-post-header-toolbar__block-toolbar {
position: absolute;
top: 61px;
left: 0;
right: 0;
border-bottom: 1px solid #ddd;
padding: 0;
background-color: #fff; }
.show-icon-labels .edit-post-header-toolbar__block-toolbar .block-editor-block-toolbar .components-toolbar-group,
.show-icon-labels .edit-post-header-toolbar__block-toolbar .block-editor-block-toolbar .components-toolbar {
height: auto;
padding: 0; } }
.show-icon-labels .edit-post-header-toolbar__inserter-toggle.edit-post-header-toolbar__inserter-toggle.edit-post-header-toolbar__inserter-toggle {
height: 36px; }
.edit-post-more-menu {
margin-left: -4px; }
.edit-post-more-menu .components-button {
@ -509,7 +657,7 @@ body.is-fullscreen-mode .interface-interface-skeleton {
padding: 0 4px; } }
.edit-post-more-menu__content .components-popover__content {
min-width: 260px; }
min-width: 280px; }
@media (min-width: 480px) {
.edit-post-more-menu__content .components-popover__content {
width: auto;
@ -650,7 +798,8 @@ body.is-fullscreen-mode .edit-post-layout .components-editor-notices__snackbar {
transform: translateX(0%); } }
.interface-interface-skeleton__sidebar > div {
height: 100%; }
height: 100%;
padding-bottom: 48px; }
.edit-post-layout .editor-post-publish-panel__header-publish-button {
justify-content: center; }
@ -692,20 +841,8 @@ body.is-fullscreen-mode .edit-post-layout .components-editor-notices__snackbar {
top: auto;
bottom: 0; }
.edit-post-layout__footer {
display: none;
z-index: 30; }
@media (min-width: 782px) {
.edit-post-layout__footer {
display: flex;
background: #fff;
height: 24px;
align-items: center;
font-size: 13px;
padding: 0 18px; } }
.edit-post-layout .interface-interface-skeleton__content {
background-color: #ccd0d4; }
background-color: #ccc; }
.edit-post-layout__inserter-panel-popover-wrapper,
.edit-post-layout__inserter-panel-popover-wrapper > div,
@ -819,7 +956,7 @@ body.is-fullscreen-mode .edit-post-layout .components-editor-notices__snackbar {
padding: 0.6rem 0 0.6rem 10px; }
.edit-post-manage-blocks-modal__checklist-item .block-editor-block-icon {
margin-right: 10px;
fill: #555d66; }
fill: #1e1e1e; }
.edit-post-manage-blocks-modal__results {
height: 100%;
@ -855,7 +992,6 @@ body.is-fullscreen-mode .edit-post-layout .components-editor-notices__snackbar {
.edit-post-meta-boxes-area #poststuff .stuffbox > h3,
.edit-post-meta-boxes-area #poststuff h2.hndle {
/* WordPress selectors yolo */
border-bottom: 1px solid #ddd;
box-sizing: border-box;
color: inherit;
font-weight: 600;
@ -892,10 +1028,10 @@ body.is-fullscreen-mode .edit-post-layout .components-editor-notices__snackbar {
.edit-post-meta-boxes-area .is-hidden {
display: none; }
.edit-post-meta-boxes-area .metabox-location-side .postbox input[type="checkbox"] {
border: 1px solid #6c7781; }
border: 1px solid #757575; }
.edit-post-meta-boxes-area .metabox-location-side .postbox input[type="checkbox"]:checked {
background: #fff;
border-color: #6c7781; }
border-color: #757575; }
.edit-post-meta-boxes-area .metabox-location-side .postbox input[type="checkbox"]::before {
margin: -3px -4px; }
@ -999,7 +1135,7 @@ body.is-fullscreen-mode .edit-post-layout .components-editor-notices__snackbar {
margin-left: 20px; }
.edit-post-post-visibility__dialog-info {
color: #7e8993;
color: #757575;
padding-left: 20px;
font-style: italic;
margin: 4px 0 0;
@ -1059,14 +1195,17 @@ body.is-fullscreen-mode .edit-post-layout .components-editor-notices__snackbar {
font-size: 2.5em;
font-weight: normal; }
.edit-post-text-editor .wp-block.editor-post-title .editor-post-title__input {
border: 1px solid #ccc;
border: 1px solid #949494;
margin-bottom: -1px;
padding: 16px; }
@media (min-width: 600px) {
.edit-post-text-editor .wp-block.editor-post-title .editor-post-title__input {
padding: 24px; } }
.edit-post-text-editor .wp-block.editor-post-title .editor-post-title__input:focus {
border: 1px solid #1e1e1e; }
border-color: #007cba;
border-color: var(--wp-admin-theme-color);
box-shadow: 0 0 0 1.5px #007cba;
box-shadow: 0 0 0 1.5px var(--wp-admin-theme-color); }
@media (min-width: 600px) {
.edit-post-text-editor .wp-block.editor-post-title {
padding: 0; } }

File diff suppressed because one or more lines are too long

View File

@ -1,20 +1,12 @@
/**
* Colors
*/
/**
* Deprecated colors.
* Please avoid using these.
*/
/**
* Breakpoints & Media Queries
*/
/**
* Colors
*/
/**
* Deprecated colors.
* Please avoid using these.
*/
/**
* Fonts & basic variables.
*/
@ -37,6 +29,9 @@
/**
* Border radii.
*/
/**
* Block paddings.
*/
/**
* Breakpoint mixins
*/
@ -65,11 +60,6 @@
/**
* Reset the WP Admin page styles for Gutenberg-like pages.
*/
:root {
--wp-admin-theme-color: #007cba;
--wp-admin-theme-color-darker-10: #006ba1;
--wp-admin-theme-color-darker-20: #005a87; }
/**
* Editor Normalization Styles
*

View File

@ -1 +1 @@
:root{--wp-admin-theme-color:#007cba;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-20:#005a87}body{font-family:"Noto Serif",serif;font-size:16px;line-height:1.8;color:#1e1e1e;padding:10px}.block-editor-block-list__layout.is-root-container>.wp-block[data-align=full]{margin-right:-10px;margin-left:-10px}h1{font-size:2.44em}h2{font-size:1.95em}h3{font-size:1.56em}h4{font-size:1.25em}h5{font-size:1em}h6{font-size:.8em}h1,h2,h3{line-height:1.4}h4{line-height:1.5}h1{margin-top:.67em;margin-bottom:.67em}h2{margin-top:.83em;margin-bottom:.83em}h3{margin-top:1em;margin-bottom:1em}h4{margin-top:1.33em;margin-bottom:1.33em}h5{margin-top:1.67em;margin-bottom:1.67em}h6{margin-top:2.33em;margin-bottom:2.33em}h1,h2,h3,h4,h5,h6{color:inherit}p{font-size:inherit;line-height:inherit;margin-top:28px}ol,p,ul{margin-bottom:28px}ol,ul{padding-right:1.3em;margin-right:1.3em}ol li,ol ol,ol ul,ul li,ul ol,ul ul{margin-bottom:0}ul{list-style-type:disc}ol{list-style-type:decimal}ol ul,ul ul{list-style-type:circle}.wp-align-wrapper{max-width:580px}.wp-align-wrapper.wp-align-full,.wp-align-wrapper>.wp-block{max-width:none}.wp-align-wrapper.wp-align-wide{max-width:1100px}a{transition:none}code,kbd{padding:0;margin:0;background:inherit;font-size:inherit;font-family:monospace}
body{font-family:"Noto Serif",serif;font-size:16px;line-height:1.8;color:#1e1e1e;padding:10px}.block-editor-block-list__layout.is-root-container>.wp-block[data-align=full]{margin-right:-10px;margin-left:-10px}h1{font-size:2.44em}h2{font-size:1.95em}h3{font-size:1.56em}h4{font-size:1.25em}h5{font-size:1em}h6{font-size:.8em}h1,h2,h3{line-height:1.4}h4{line-height:1.5}h1{margin-top:.67em;margin-bottom:.67em}h2{margin-top:.83em;margin-bottom:.83em}h3{margin-top:1em;margin-bottom:1em}h4{margin-top:1.33em;margin-bottom:1.33em}h5{margin-top:1.67em;margin-bottom:1.67em}h6{margin-top:2.33em;margin-bottom:2.33em}h1,h2,h3,h4,h5,h6{color:inherit}p{font-size:inherit;line-height:inherit;margin-top:28px}ol,p,ul{margin-bottom:28px}ol,ul{padding-right:1.3em;margin-right:1.3em}ol li,ol ol,ol ul,ul li,ul ol,ul ul{margin-bottom:0}ul{list-style-type:disc}ol{list-style-type:decimal}ol ul,ul ul{list-style-type:circle}.wp-align-wrapper{max-width:580px}.wp-align-wrapper.wp-align-full,.wp-align-wrapper>.wp-block{max-width:none}.wp-align-wrapper.wp-align-wide{max-width:1100px}a{transition:none}code,kbd{padding:0;margin:0;background:inherit;font-size:inherit;font-family:monospace}

View File

@ -1,20 +1,12 @@
/**
* Colors
*/
/**
* Deprecated colors.
* Please avoid using these.
*/
/**
* Breakpoints & Media Queries
*/
/**
* Colors
*/
/**
* Deprecated colors.
* Please avoid using these.
*/
/**
* Fonts & basic variables.
*/
@ -37,6 +29,9 @@
/**
* Border radii.
*/
/**
* Block paddings.
*/
/**
* Breakpoint mixins
*/
@ -65,11 +60,6 @@
/**
* Reset the WP Admin page styles for Gutenberg-like pages.
*/
:root {
--wp-admin-theme-color: #007cba;
--wp-admin-theme-color-darker-10: #006ba1;
--wp-admin-theme-color-darker-20: #005a87; }
/**
* Editor Normalization Styles
*

View File

@ -1 +1 @@
:root{--wp-admin-theme-color:#007cba;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-20:#005a87}body{font-family:"Noto Serif",serif;font-size:16px;line-height:1.8;color:#1e1e1e;padding:10px}.block-editor-block-list__layout.is-root-container>.wp-block[data-align=full]{margin-left:-10px;margin-right:-10px}h1{font-size:2.44em}h2{font-size:1.95em}h3{font-size:1.56em}h4{font-size:1.25em}h5{font-size:1em}h6{font-size:.8em}h1,h2,h3{line-height:1.4}h4{line-height:1.5}h1{margin-top:.67em;margin-bottom:.67em}h2{margin-top:.83em;margin-bottom:.83em}h3{margin-top:1em;margin-bottom:1em}h4{margin-top:1.33em;margin-bottom:1.33em}h5{margin-top:1.67em;margin-bottom:1.67em}h6{margin-top:2.33em;margin-bottom:2.33em}h1,h2,h3,h4,h5,h6{color:inherit}p{font-size:inherit;line-height:inherit;margin-top:28px}ol,p,ul{margin-bottom:28px}ol,ul{padding-left:1.3em;margin-left:1.3em}ol li,ol ol,ol ul,ul li,ul ol,ul ul{margin-bottom:0}ul{list-style-type:disc}ol{list-style-type:decimal}ol ul,ul ul{list-style-type:circle}.wp-align-wrapper{max-width:580px}.wp-align-wrapper.wp-align-full,.wp-align-wrapper>.wp-block{max-width:none}.wp-align-wrapper.wp-align-wide{max-width:1100px}a{transition:none}code,kbd{padding:0;margin:0;background:inherit;font-size:inherit;font-family:monospace}
body{font-family:"Noto Serif",serif;font-size:16px;line-height:1.8;color:#1e1e1e;padding:10px}.block-editor-block-list__layout.is-root-container>.wp-block[data-align=full]{margin-left:-10px;margin-right:-10px}h1{font-size:2.44em}h2{font-size:1.95em}h3{font-size:1.56em}h4{font-size:1.25em}h5{font-size:1em}h6{font-size:.8em}h1,h2,h3{line-height:1.4}h4{line-height:1.5}h1{margin-top:.67em;margin-bottom:.67em}h2{margin-top:.83em;margin-bottom:.83em}h3{margin-top:1em;margin-bottom:1em}h4{margin-top:1.33em;margin-bottom:1.33em}h5{margin-top:1.67em;margin-bottom:1.67em}h6{margin-top:2.33em;margin-bottom:2.33em}h1,h2,h3,h4,h5,h6{color:inherit}p{font-size:inherit;line-height:inherit;margin-top:28px}ol,p,ul{margin-bottom:28px}ol,ul{padding-left:1.3em;margin-left:1.3em}ol li,ol ol,ol ul,ul li,ul ol,ul ul{margin-bottom:0}ul{list-style-type:disc}ol{list-style-type:decimal}ol ul,ul ul{list-style-type:circle}.wp-align-wrapper{max-width:580px}.wp-align-wrapper.wp-align-full,.wp-align-wrapper>.wp-block{max-width:none}.wp-align-wrapper.wp-align-wide{max-width:1100px}a{transition:none}code,kbd{padding:0;margin:0;background:inherit;font-size:inherit;font-family:monospace}

View File

@ -2,20 +2,12 @@
/**
* Colors
*/
/**
* Deprecated colors.
* Please avoid using these.
*/
/**
* Breakpoints & Media Queries
*/
/**
* Colors
*/
/**
* Deprecated colors.
* Please avoid using these.
*/
/**
* Fonts & basic variables.
*/
@ -38,6 +30,9 @@
/**
* Border radii.
*/
/**
* Block paddings.
*/
/**
* Breakpoint mixins
*/
@ -97,7 +92,7 @@
.editor-autocompleters__user .editor-autocompleters__user-slug {
margin-right: 8px;
color: #8f98a1;
color: #757575;
white-space: nowrap;
text-overflow: ellipsis;
overflow: none;
@ -451,7 +446,7 @@
display: none; }
.post-publish-panel__postpublish .components-panel__body {
border-bottom: 1px solid #f0f0f0;
border-bottom: 1px solid #e0e0e0;
border-top: none; }
.post-publish-panel__postpublish-buttons {
@ -542,7 +537,8 @@
width: 100%; }
.edit-post-text-editor__body textarea.editor-post-text-editor {
border: 1px solid #ccc;
border: 1px solid #949494;
border-radius: 0;
display: block;
margin: 0;
width: 100%;
@ -551,11 +547,14 @@
overflow: hidden;
font-family: Menlo, Consolas, monaco, monospace;
line-height: 2.4;
border-radius: 0;
min-height: 200px;
transition: border 0.1s ease-out, box-shadow 0.1s linear;
padding: 16px;
/* Fonts smaller than 16px causes mobile safari to zoom. */
font-size: 16px !important; }
@media (prefers-reduced-motion: reduce) {
.edit-post-text-editor__body textarea.editor-post-text-editor {
transition-duration: 0s; } }
@media (min-width: 600px) {
.edit-post-text-editor__body textarea.editor-post-text-editor {
padding: 24px; } }
@ -563,9 +562,18 @@
.edit-post-text-editor__body textarea.editor-post-text-editor {
font-size: 15px !important; } }
.edit-post-text-editor__body textarea.editor-post-text-editor:focus {
border: 1px solid #1e1e1e;
box-shadow: none;
border-color: #007cba;
border-color: var(--wp-admin-theme-color);
box-shadow: 0 0 0 1.5px #007cba;
box-shadow: 0 0 0 1.5px var(--wp-admin-theme-color);
position: relative; }
.edit-post-text-editor__body textarea.editor-post-text-editor::-webkit-input-placeholder {
color: rgba(30, 30, 30, 0.62); }
.edit-post-text-editor__body textarea.editor-post-text-editor::-moz-placeholder {
color: rgba(30, 30, 30, 0.62);
opacity: 1; }
.edit-post-text-editor__body textarea.editor-post-text-editor:-ms-input-placeholder {
color: rgba(30, 30, 30, 0.62); }
.edit-post-post-visibility__dialog,
.editor-post-visibility__dialog-fieldset {
@ -744,11 +752,12 @@
.editor-post-title .editor-post-title__input {
border-width: 1px; } }
.editor-post-title .editor-post-title__input::-webkit-input-placeholder {
color: rgba(30, 30, 30, 0.55); }
color: rgba(30, 30, 30, 0.62); }
.editor-post-title .editor-post-title__input::-moz-placeholder {
color: rgba(30, 30, 30, 0.55); }
color: rgba(30, 30, 30, 0.62);
opacity: 1; }
.editor-post-title .editor-post-title__input:-ms-input-placeholder {
color: rgba(30, 30, 30, 0.55); }
color: rgba(30, 30, 30, 0.62); }
.editor-post-title .editor-post-title__input:focus {
border: 1px solid transparent;
outline: 1px solid transparent;
@ -763,7 +772,7 @@
opacity: 1; }
.editor-post-trash.components-button {
margin-right: -6px; }
margin-top: 4px; }
.table-of-contents__popover.components-popover .components-popover__content {
min-width: 380px; }
@ -796,17 +805,19 @@
.table-of-contents__counts {
display: flex;
flex-wrap: wrap;
margin: 0; }
margin: 0;
margin-top: -8px; }
.table-of-contents__count {
flex-basis: 25%;
display: flex;
flex-direction: column;
font-size: 13px;
color: #6c7781;
color: #1e1e1e;
padding-left: 8px;
margin-bottom: 0; }
.table-of-contents__count:last-child {
margin-bottom: 0;
margin-top: 8px; }
.table-of-contents__count:nth-child(4n) {
padding-left: 0; }
.table-of-contents__number,
@ -814,7 +825,7 @@
font-size: 21px;
font-weight: 400;
line-height: 30px;
color: #555d66; }
color: #1e1e1e; }
.table-of-contents__title {
display: block;

File diff suppressed because one or more lines are too long

View File

@ -2,20 +2,12 @@
/**
* Colors
*/
/**
* Deprecated colors.
* Please avoid using these.
*/
/**
* Breakpoints & Media Queries
*/
/**
* Colors
*/
/**
* Deprecated colors.
* Please avoid using these.
*/
/**
* Fonts & basic variables.
*/
@ -38,6 +30,9 @@
/**
* Border radii.
*/
/**
* Block paddings.
*/
/**
* Breakpoint mixins
*/
@ -97,7 +92,7 @@
.editor-autocompleters__user .editor-autocompleters__user-slug {
margin-left: 8px;
color: #8f98a1;
color: #757575;
white-space: nowrap;
text-overflow: ellipsis;
overflow: none;
@ -451,7 +446,7 @@
display: none; }
.post-publish-panel__postpublish .components-panel__body {
border-bottom: 1px solid #f0f0f0;
border-bottom: 1px solid #e0e0e0;
border-top: none; }
.post-publish-panel__postpublish-buttons {
@ -542,7 +537,8 @@
width: 100%; }
.edit-post-text-editor__body textarea.editor-post-text-editor {
border: 1px solid #ccc;
border: 1px solid #949494;
border-radius: 0;
display: block;
margin: 0;
width: 100%;
@ -551,11 +547,14 @@
overflow: hidden;
font-family: Menlo, Consolas, monaco, monospace;
line-height: 2.4;
border-radius: 0;
min-height: 200px;
transition: border 0.1s ease-out, box-shadow 0.1s linear;
padding: 16px;
/* Fonts smaller than 16px causes mobile safari to zoom. */
font-size: 16px !important; }
@media (prefers-reduced-motion: reduce) {
.edit-post-text-editor__body textarea.editor-post-text-editor {
transition-duration: 0s; } }
@media (min-width: 600px) {
.edit-post-text-editor__body textarea.editor-post-text-editor {
padding: 24px; } }
@ -563,9 +562,18 @@
.edit-post-text-editor__body textarea.editor-post-text-editor {
font-size: 15px !important; } }
.edit-post-text-editor__body textarea.editor-post-text-editor:focus {
border: 1px solid #1e1e1e;
box-shadow: none;
border-color: #007cba;
border-color: var(--wp-admin-theme-color);
box-shadow: 0 0 0 1.5px #007cba;
box-shadow: 0 0 0 1.5px var(--wp-admin-theme-color);
position: relative; }
.edit-post-text-editor__body textarea.editor-post-text-editor::-webkit-input-placeholder {
color: rgba(30, 30, 30, 0.62); }
.edit-post-text-editor__body textarea.editor-post-text-editor::-moz-placeholder {
color: rgba(30, 30, 30, 0.62);
opacity: 1; }
.edit-post-text-editor__body textarea.editor-post-text-editor:-ms-input-placeholder {
color: rgba(30, 30, 30, 0.62); }
.edit-post-post-visibility__dialog,
.editor-post-visibility__dialog-fieldset {
@ -744,11 +752,12 @@
.editor-post-title .editor-post-title__input {
border-width: 1px; } }
.editor-post-title .editor-post-title__input::-webkit-input-placeholder {
color: rgba(30, 30, 30, 0.55); }
color: rgba(30, 30, 30, 0.62); }
.editor-post-title .editor-post-title__input::-moz-placeholder {
color: rgba(30, 30, 30, 0.55); }
color: rgba(30, 30, 30, 0.62);
opacity: 1; }
.editor-post-title .editor-post-title__input:-ms-input-placeholder {
color: rgba(30, 30, 30, 0.55); }
color: rgba(30, 30, 30, 0.62); }
.editor-post-title .editor-post-title__input:focus {
border: 1px solid transparent;
outline: 1px solid transparent;
@ -763,7 +772,7 @@
opacity: 1; }
.editor-post-trash.components-button {
margin-left: -6px; }
margin-top: 4px; }
.table-of-contents__popover.components-popover .components-popover__content {
min-width: 380px; }
@ -796,17 +805,19 @@
.table-of-contents__counts {
display: flex;
flex-wrap: wrap;
margin: 0; }
margin: 0;
margin-top: -8px; }
.table-of-contents__count {
flex-basis: 25%;
display: flex;
flex-direction: column;
font-size: 13px;
color: #6c7781;
color: #1e1e1e;
padding-right: 8px;
margin-bottom: 0; }
.table-of-contents__count:last-child {
margin-bottom: 0;
margin-top: 8px; }
.table-of-contents__count:nth-child(4n) {
padding-right: 0; }
.table-of-contents__number,
@ -814,7 +825,7 @@
font-size: 21px;
font-weight: 400;
line-height: 30px;
color: #555d66; }
color: #1e1e1e; }
.table-of-contents__title {
display: block;

File diff suppressed because one or more lines are too long

View File

@ -1,20 +1,12 @@
/**
* Colors
*/
/**
* Deprecated colors.
* Please avoid using these.
*/
/**
* Breakpoints & Media Queries
*/
/**
* Colors
*/
/**
* Deprecated colors.
* Please avoid using these.
*/
/**
* Fonts & basic variables.
*/
@ -37,6 +29,9 @@
/**
* Border radii.
*/
/**
* Block paddings.
*/
/**
* Breakpoint mixins
*/
@ -104,7 +99,7 @@
min-width: 150px;
max-width: 500px; }
.block-editor-format-toolbar__link-container-value.has-invalid-link {
color: #d94f4f; }
color: #cc1818; }
.components-inline-color__indicator {
position: absolute;

View File

@ -1 +1 @@
:root{--wp-admin-theme-color:#007cba;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-20:#005a87}.block-editor-format-toolbar__image-container-content{display:flex}.block-editor-format-toolbar__image-container-content .components-button{align-self:flex-end;height:30px;margin-bottom:8px;margin-left:8px;padding:0 6px}.block-editor-format-toolbar__image-container-value{margin:7px;flex-grow:1;flex-shrink:1;white-space:nowrap;min-width:150px;max-width:500px}.block-editor-format-toolbar__image-container-value.components-base-control .components-base-control__field{margin-bottom:0}.block-editor-format-toolbar__image-container-value.components-base-control .components-base-control__label{display:block}.block-editor-format-toolbar__link-container-content{display:flex}.block-editor-format-toolbar__link-container-value{margin:7px;flex-grow:1;flex-shrink:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:150px;max-width:500px}.block-editor-format-toolbar__link-container-value.has-invalid-link{color:#d94f4f}.components-inline-color__indicator{position:absolute;background:#000;height:3px;width:20px;bottom:6px;right:auto;left:auto;margin:0 5px}.components-inline-color-popover .components-popover__content>div{padding:20px 18px}.components-inline-color-popover .components-popover__content .components-color-palette{margin-top:.6rem}.components-inline-color-popover .components-popover__content .components-base-control__title{display:block;margin-bottom:16px;font-weight:600;color:#191e23}.components-inline-color-popover .components-popover__content .component-color-indicator{vertical-align:text-bottom}.format-library-text-color-button{position:relative}.format-library-text-color-button__indicator{height:4px;width:20px;position:absolute;bottom:10px;right:8px}
:root{--wp-admin-theme-color:#007cba;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-20:#005a87}.block-editor-format-toolbar__image-container-content{display:flex}.block-editor-format-toolbar__image-container-content .components-button{align-self:flex-end;height:30px;margin-bottom:8px;margin-left:8px;padding:0 6px}.block-editor-format-toolbar__image-container-value{margin:7px;flex-grow:1;flex-shrink:1;white-space:nowrap;min-width:150px;max-width:500px}.block-editor-format-toolbar__image-container-value.components-base-control .components-base-control__field{margin-bottom:0}.block-editor-format-toolbar__image-container-value.components-base-control .components-base-control__label{display:block}.block-editor-format-toolbar__link-container-content{display:flex}.block-editor-format-toolbar__link-container-value{margin:7px;flex-grow:1;flex-shrink:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:150px;max-width:500px}.block-editor-format-toolbar__link-container-value.has-invalid-link{color:#cc1818}.components-inline-color__indicator{position:absolute;background:#000;height:3px;width:20px;bottom:6px;right:auto;left:auto;margin:0 5px}.components-inline-color-popover .components-popover__content>div{padding:20px 18px}.components-inline-color-popover .components-popover__content .components-color-palette{margin-top:.6rem}.components-inline-color-popover .components-popover__content .components-base-control__title{display:block;margin-bottom:16px;font-weight:600;color:#191e23}.components-inline-color-popover .components-popover__content .component-color-indicator{vertical-align:text-bottom}.format-library-text-color-button{position:relative}.format-library-text-color-button__indicator{height:4px;width:20px;position:absolute;bottom:10px;right:8px}

View File

@ -1,20 +1,12 @@
/**
* Colors
*/
/**
* Deprecated colors.
* Please avoid using these.
*/
/**
* Breakpoints & Media Queries
*/
/**
* Colors
*/
/**
* Deprecated colors.
* Please avoid using these.
*/
/**
* Fonts & basic variables.
*/
@ -37,6 +29,9 @@
/**
* Border radii.
*/
/**
* Block paddings.
*/
/**
* Breakpoint mixins
*/
@ -104,7 +99,7 @@
min-width: 150px;
max-width: 500px; }
.block-editor-format-toolbar__link-container-value.has-invalid-link {
color: #d94f4f; }
color: #cc1818; }
.components-inline-color__indicator {
position: absolute;

View File

@ -1 +1 @@
:root{--wp-admin-theme-color:#007cba;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-20:#005a87}.block-editor-format-toolbar__image-container-content{display:flex}.block-editor-format-toolbar__image-container-content .components-button{align-self:flex-end;height:30px;margin-bottom:8px;margin-right:8px;padding:0 6px}.block-editor-format-toolbar__image-container-value{margin:7px;flex-grow:1;flex-shrink:1;white-space:nowrap;min-width:150px;max-width:500px}.block-editor-format-toolbar__image-container-value.components-base-control .components-base-control__field{margin-bottom:0}.block-editor-format-toolbar__image-container-value.components-base-control .components-base-control__label{display:block}.block-editor-format-toolbar__link-container-content{display:flex}.block-editor-format-toolbar__link-container-value{margin:7px;flex-grow:1;flex-shrink:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:150px;max-width:500px}.block-editor-format-toolbar__link-container-value.has-invalid-link{color:#d94f4f}.components-inline-color__indicator{position:absolute;background:#000;height:3px;width:20px;bottom:6px;left:auto;right:auto;margin:0 5px}.components-inline-color-popover .components-popover__content>div{padding:20px 18px}.components-inline-color-popover .components-popover__content .components-color-palette{margin-top:.6rem}.components-inline-color-popover .components-popover__content .components-base-control__title{display:block;margin-bottom:16px;font-weight:600;color:#191e23}.components-inline-color-popover .components-popover__content .component-color-indicator{vertical-align:text-bottom}.format-library-text-color-button{position:relative}.format-library-text-color-button__indicator{height:4px;width:20px;position:absolute;bottom:10px;left:8px}
:root{--wp-admin-theme-color:#007cba;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-20:#005a87}.block-editor-format-toolbar__image-container-content{display:flex}.block-editor-format-toolbar__image-container-content .components-button{align-self:flex-end;height:30px;margin-bottom:8px;margin-right:8px;padding:0 6px}.block-editor-format-toolbar__image-container-value{margin:7px;flex-grow:1;flex-shrink:1;white-space:nowrap;min-width:150px;max-width:500px}.block-editor-format-toolbar__image-container-value.components-base-control .components-base-control__field{margin-bottom:0}.block-editor-format-toolbar__image-container-value.components-base-control .components-base-control__label{display:block}.block-editor-format-toolbar__link-container-content{display:flex}.block-editor-format-toolbar__link-container-value{margin:7px;flex-grow:1;flex-shrink:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:150px;max-width:500px}.block-editor-format-toolbar__link-container-value.has-invalid-link{color:#cc1818}.components-inline-color__indicator{position:absolute;background:#000;height:3px;width:20px;bottom:6px;left:auto;right:auto;margin:0 5px}.components-inline-color-popover .components-popover__content>div{padding:20px 18px}.components-inline-color-popover .components-popover__content .components-color-palette{margin-top:.6rem}.components-inline-color-popover .components-popover__content .components-base-control__title{display:block;margin-bottom:16px;font-weight:600;color:#191e23}.components-inline-color-popover .components-popover__content .component-color-indicator{vertical-align:text-bottom}.format-library-text-color-button{position:relative}.format-library-text-color-button__indicator{height:4px;width:20px;position:absolute;bottom:10px;left:8px}

View File

@ -1,20 +1,12 @@
/**
* Colors
*/
/**
* Deprecated colors.
* Please avoid using these.
*/
/**
* Breakpoints & Media Queries
*/
/**
* Colors
*/
/**
* Deprecated colors.
* Please avoid using these.
*/
/**
* Fonts & basic variables.
*/
@ -37,6 +29,9 @@
/**
* Border radii.
*/
/**
* Block paddings.
*/
/**
* Breakpoint mixins
*/

View File

@ -1,20 +1,12 @@
/**
* Colors
*/
/**
* Deprecated colors.
* Please avoid using these.
*/
/**
* Breakpoints & Media Queries
*/
/**
* Colors
*/
/**
* Deprecated colors.
* Please avoid using these.
*/
/**
* Fonts & basic variables.
*/
@ -37,6 +29,9 @@
/**
* Border radii.
*/
/**
* Block paddings.
*/
/**
* Breakpoint mixins
*/

View File

@ -1,20 +1,12 @@
/**
* Colors
*/
/**
* Deprecated colors.
* Please avoid using these.
*/
/**
* Breakpoints & Media Queries
*/
/**
* Colors
*/
/**
* Deprecated colors.
* Please avoid using these.
*/
/**
* Fonts & basic variables.
*/
@ -37,6 +29,9 @@
/**
* Border radii.
*/
/**
* Block paddings.
*/
/**
* Breakpoint mixins
*/

View File

@ -1,20 +1,12 @@
/**
* Colors
*/
/**
* Deprecated colors.
* Please avoid using these.
*/
/**
* Breakpoints & Media Queries
*/
/**
* Colors
*/
/**
* Deprecated colors.
* Please avoid using these.
*/
/**
* Fonts & basic variables.
*/
@ -37,6 +29,9 @@
/**
* Border radii.
*/
/**
* Block paddings.
*/
/**
* Breakpoint mixins
*/

View File

@ -82,7 +82,7 @@ this["wp"] = this["wp"] || {}; this["wp"]["a11y"] =
/******/
/******/
/******/ // Load entry module and return exports
/******/ return __webpack_require__(__webpack_require__.s = 460);
/******/ return __webpack_require__(__webpack_require__.s = 473);
/******/ })
/************************************************************************/
/******/ ({
@ -94,14 +94,14 @@ this["wp"] = this["wp"] || {}; this["wp"]["a11y"] =
/***/ }),
/***/ 260:
/***/ 273:
/***/ (function(module, exports) {
(function() { module.exports = this["wp"]["domReady"]; }());
/***/ }),
/***/ 460:
/***/ 473:
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
@ -113,7 +113,7 @@ __webpack_require__.d(__webpack_exports__, "setup", function() { return /* bindi
__webpack_require__.d(__webpack_exports__, "speak", function() { return /* binding */ speak; });
// EXTERNAL MODULE: external {"this":["wp","domReady"]}
var external_this_wp_domReady_ = __webpack_require__(260);
var external_this_wp_domReady_ = __webpack_require__(273);
var external_this_wp_domReady_default = /*#__PURE__*/__webpack_require__.n(external_this_wp_domReady_);
// EXTERNAL MODULE: external {"this":["wp","i18n"]}

View File

@ -1,2 +1,2 @@
/*! This file is auto-generated */
this.wp=this.wp||{},this.wp.a11y=function(t){var e={};function n(r){if(e[r])return e[r].exports;var i=e[r]={i:r,l:!1,exports:{}};return t[r].call(i.exports,i,i.exports,n),i.l=!0,i.exports}return n.m=t,n.c=e,n.d=function(t,e,r){n.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:r})},n.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},n.t=function(t,e){if(1&e&&(t=n(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var i in t)n.d(r,i,function(e){return t[e]}.bind(null,i));return r},n.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return n.d(e,"a",e),e},n.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},n.p="",n(n.s=460)}({1:function(t,e){!function(){t.exports=this.wp.i18n}()},260:function(t,e){!function(){t.exports=this.wp.domReady}()},460:function(t,e,n){"use strict";n.r(e),n.d(e,"setup",(function(){return p})),n.d(e,"speak",(function(){return d}));var r=n(260),i=n.n(r),o=n(1);function a(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"polite",e=document.createElement("div");e.id="a11y-speak-".concat(t),e.className="a11y-speak-region",e.setAttribute("style","position: absolute;margin: -1px;padding: 0;height: 1px;width: 1px;overflow: hidden;clip: rect(1px, 1px, 1px, 1px);-webkit-clip-path: inset(50%);clip-path: inset(50%);border: 0;word-wrap: normal !important;"),e.setAttribute("aria-live",t),e.setAttribute("aria-relevant","additions text"),e.setAttribute("aria-atomic","true");var n=document,r=n.body;return r&&r.appendChild(e),e}var u="";function p(){var t=document.getElementById("a11y-speak-intro-text"),e=document.getElementById("a11y-speak-assertive"),n=document.getElementById("a11y-speak-polite");null===t&&function(){var t=document.createElement("p");t.id="a11y-speak-intro-text",t.className="a11y-speak-intro-text",t.textContent=Object(o.__)("Notifications"),t.setAttribute("style","position: absolute;margin: -1px;padding: 0;height: 1px;width: 1px;overflow: hidden;clip: rect(1px, 1px, 1px, 1px);-webkit-clip-path: inset(50%);clip-path: inset(50%);border: 0;word-wrap: normal !important;"),t.setAttribute("hidden","hidden");var e=document.body;e&&e.appendChild(t)}(),null===e&&a("assertive"),null===n&&a("polite")}function d(t,e){!function(){for(var t=document.getElementsByClassName("a11y-speak-region"),e=document.getElementById("a11y-speak-intro-text"),n=0;n<t.length;n++)t[n].textContent="";e&&e.setAttribute("hidden","hidden")}(),t=function(t){return t=t.replace(/<[^<>]+>/g," "),u===t&&(t+=" "),u=t,t}(t);var n=document.getElementById("a11y-speak-intro-text"),r=document.getElementById("a11y-speak-assertive"),i=document.getElementById("a11y-speak-polite");r&&"assertive"===e?r.textContent=t:i&&(i.textContent=t),n&&n.removeAttribute("hidden")}i()(p)}});
this.wp=this.wp||{},this.wp.a11y=function(t){var e={};function n(r){if(e[r])return e[r].exports;var i=e[r]={i:r,l:!1,exports:{}};return t[r].call(i.exports,i,i.exports,n),i.l=!0,i.exports}return n.m=t,n.c=e,n.d=function(t,e,r){n.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:r})},n.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},n.t=function(t,e){if(1&e&&(t=n(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var i in t)n.d(r,i,function(e){return t[e]}.bind(null,i));return r},n.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return n.d(e,"a",e),e},n.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},n.p="",n(n.s=473)}({1:function(t,e){!function(){t.exports=this.wp.i18n}()},273:function(t,e){!function(){t.exports=this.wp.domReady}()},473:function(t,e,n){"use strict";n.r(e),n.d(e,"setup",(function(){return p})),n.d(e,"speak",(function(){return d}));var r=n(273),i=n.n(r),o=n(1);function a(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"polite",e=document.createElement("div");e.id="a11y-speak-".concat(t),e.className="a11y-speak-region",e.setAttribute("style","position: absolute;margin: -1px;padding: 0;height: 1px;width: 1px;overflow: hidden;clip: rect(1px, 1px, 1px, 1px);-webkit-clip-path: inset(50%);clip-path: inset(50%);border: 0;word-wrap: normal !important;"),e.setAttribute("aria-live",t),e.setAttribute("aria-relevant","additions text"),e.setAttribute("aria-atomic","true");var n=document,r=n.body;return r&&r.appendChild(e),e}var u="";function p(){var t=document.getElementById("a11y-speak-intro-text"),e=document.getElementById("a11y-speak-assertive"),n=document.getElementById("a11y-speak-polite");null===t&&function(){var t=document.createElement("p");t.id="a11y-speak-intro-text",t.className="a11y-speak-intro-text",t.textContent=Object(o.__)("Notifications"),t.setAttribute("style","position: absolute;margin: -1px;padding: 0;height: 1px;width: 1px;overflow: hidden;clip: rect(1px, 1px, 1px, 1px);-webkit-clip-path: inset(50%);clip-path: inset(50%);border: 0;word-wrap: normal !important;"),t.setAttribute("hidden","hidden");var e=document.body;e&&e.appendChild(t)}(),null===e&&a("assertive"),null===n&&a("polite")}function d(t,e){!function(){for(var t=document.getElementsByClassName("a11y-speak-region"),e=document.getElementById("a11y-speak-intro-text"),n=0;n<t.length;n++)t[n].textContent="";e&&e.setAttribute("hidden","hidden")}(),t=function(t){return t=t.replace(/<[^<>]+>/g," "),u===t&&(t+=" "),u=t,t}(t);var n=document.getElementById("a11y-speak-intro-text"),r=document.getElementById("a11y-speak-assertive"),i=document.getElementById("a11y-speak-polite");r&&"assertive"===e?r.textContent=t:i&&(i.textContent=t),n&&n.removeAttribute("hidden")}i()(p)}});

View File

@ -82,7 +82,7 @@ this["wp"] = this["wp"] || {}; this["wp"]["annotations"] =
/******/
/******/
/******/ // Load entry module and return exports
/******/ return __webpack_require__(__webpack_require__.s = 449);
/******/ return __webpack_require__(__webpack_require__.s = 462);
/******/ })
/************************************************************************/
/******/ ({
@ -94,12 +94,12 @@ this["wp"] = this["wp"] || {}; this["wp"]["annotations"] =
/***/ }),
/***/ 15:
/***/ 14:
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return _objectWithoutProperties; });
/* harmony import */ var _objectWithoutPropertiesLoose__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(41);
/* harmony import */ var _objectWithoutPropertiesLoose__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(42);
function _objectWithoutProperties(source, excluded) {
if (source == null) return {};
@ -131,7 +131,7 @@ function _objectWithoutProperties(source, excluded) {
__webpack_require__.d(__webpack_exports__, "a", function() { return /* binding */ _toConsumableArray; });
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js
var arrayLikeToArray = __webpack_require__(26);
var arrayLikeToArray = __webpack_require__(27);
// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/arrayWithoutHoles.js
@ -139,10 +139,10 @@ function _arrayWithoutHoles(arr) {
if (Array.isArray(arr)) return Object(arrayLikeToArray["a" /* default */])(arr);
}
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/iterableToArray.js
var iterableToArray = __webpack_require__(35);
var iterableToArray = __webpack_require__(37);
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js
var unsupportedIterableToArray = __webpack_require__(29);
var unsupportedIterableToArray = __webpack_require__(30);
// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/nonIterableSpread.js
function _nonIterableSpread() {
@ -173,7 +173,7 @@ function _toConsumableArray(arr) {
/***/ }),
/***/ 26:
/***/ 27:
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
@ -190,12 +190,12 @@ function _arrayLikeToArray(arr, len) {
/***/ }),
/***/ 29:
/***/ 30:
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return _unsupportedIterableToArray; });
/* harmony import */ var _arrayLikeToArray__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(26);
/* harmony import */ var _arrayLikeToArray__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(27);
function _unsupportedIterableToArray(o, minLen) {
if (!o) return;
@ -208,14 +208,14 @@ function _unsupportedIterableToArray(o, minLen) {
/***/ }),
/***/ 32:
/***/ 33:
/***/ (function(module, exports) {
(function() { module.exports = this["wp"]["hooks"]; }());
/***/ }),
/***/ 35:
/***/ 37:
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
@ -236,28 +236,6 @@ function _iterableToArray(iter) {
/***/ 41:
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return _objectWithoutPropertiesLoose; });
function _objectWithoutPropertiesLoose(source, excluded) {
if (source == null) return {};
var target = {};
var sourceKeys = Object.keys(source);
var key, i;
for (i = 0; i < sourceKeys.length; i++) {
key = sourceKeys[i];
if (excluded.indexOf(key) >= 0) continue;
target[key] = source[key];
}
return target;
}
/***/ }),
/***/ 42:
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
@ -537,7 +515,29 @@ function isShallowEqual( a, b, fromIndex ) {
/***/ }),
/***/ 449:
/***/ 42:
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return _objectWithoutPropertiesLoose; });
function _objectWithoutPropertiesLoose(source, excluded) {
if (source == null) return {};
var target = {};
var sourceKeys = Object.keys(source);
var key, i;
for (i = 0; i < sourceKeys.length; i++) {
key = sourceKeys[i];
if (excluded.indexOf(key) >= 0) continue;
target[key] = source[key];
}
return target;
}
/***/ }),
/***/ 462:
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
@ -642,7 +642,7 @@ function reducer_annotations() {
}
var previousAnnotationsForBlock = (_state$blockClientId = state === null || state === void 0 ? void 0 : state[blockClientId]) !== null && _state$blockClientId !== void 0 ? _state$blockClientId : [];
return _objectSpread({}, state, Object(defineProperty["a" /* default */])({}, blockClientId, [].concat(Object(toConsumableArray["a" /* default */])(previousAnnotationsForBlock), [newAnnotation])));
return _objectSpread(_objectSpread({}, state), {}, Object(defineProperty["a" /* default */])({}, blockClientId, [].concat(Object(toConsumableArray["a" /* default */])(previousAnnotationsForBlock), [newAnnotation])));
case 'ANNOTATION_REMOVE':
return Object(external_this_lodash_["mapValues"])(state, function (annotationsForBlock) {
@ -657,7 +657,7 @@ function reducer_annotations() {
var newAnnotations = annotationsForBlock.map(function (annotation) {
if (annotation.id === action.annotationId) {
hasChangedRange = true;
return _objectSpread({}, annotation, {
return _objectSpread(_objectSpread({}, annotation), {}, {
range: {
start: action.start,
end: action.end
@ -683,10 +683,10 @@ function reducer_annotations() {
/* harmony default export */ var reducer = (reducer_annotations);
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js
var objectWithoutProperties = __webpack_require__(15);
var objectWithoutProperties = __webpack_require__(14);
// EXTERNAL MODULE: ./node_modules/rememo/es/rememo.js
var rememo = __webpack_require__(42);
var rememo = __webpack_require__(41);
// CONCATENATED MODULE: ./node_modules/@wordpress/annotations/build-module/store/selectors.js
@ -759,7 +759,7 @@ var __experimentalGetAnnotationsForRichText = Object(rememo["a" /* default */])(
var range = annotation.range,
other = Object(objectWithoutProperties["a" /* default */])(annotation, ["range"]);
return selectors_objectSpread({}, range, {}, other);
return selectors_objectSpread(selectors_objectSpread({}, range), other);
});
}, function (state, blockClientId) {
var _state$blockClientId5;
@ -1170,7 +1170,7 @@ var format_name = annotation_annotation.name,
Object(external_this_wp_richText_["registerFormatType"])(format_name, settings);
// EXTERNAL MODULE: external {"this":["wp","hooks"]}
var external_this_wp_hooks_ = __webpack_require__(32);
var external_this_wp_hooks_ = __webpack_require__(33);
// CONCATENATED MODULE: ./node_modules/@wordpress/annotations/build-module/block/index.js
/**

File diff suppressed because one or more lines are too long

View File

@ -82,7 +82,7 @@ this["wp"] = this["wp"] || {}; this["wp"]["apiFetch"] =
/******/
/******/
/******/ // Load entry module and return exports
/******/ return __webpack_require__(__webpack_require__.s = 452);
/******/ return __webpack_require__(__webpack_require__.s = 465);
/******/ })
/************************************************************************/
/******/ ({
@ -94,12 +94,12 @@ this["wp"] = this["wp"] || {}; this["wp"]["apiFetch"] =
/***/ }),
/***/ 15:
/***/ 14:
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return _objectWithoutProperties; });
/* harmony import */ var _objectWithoutPropertiesLoose__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(41);
/* harmony import */ var _objectWithoutPropertiesLoose__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(42);
function _objectWithoutProperties(source, excluded) {
if (source == null) return {};
@ -136,7 +136,7 @@ function _objectWithoutProperties(source, excluded) {
/***/ }),
/***/ 41:
/***/ 42:
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
@ -158,7 +158,7 @@ function _objectWithoutPropertiesLoose(source, excluded) {
/***/ }),
/***/ 452:
/***/ 465:
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
@ -169,7 +169,7 @@ __webpack_require__.r(__webpack_exports__);
var defineProperty = __webpack_require__(5);
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js
var objectWithoutProperties = __webpack_require__(15);
var objectWithoutProperties = __webpack_require__(14);
// EXTERNAL MODULE: external {"this":["wp","i18n"]}
var external_this_wp_i18n_ = __webpack_require__(1);
@ -188,13 +188,13 @@ function createNonceMiddleware(nonce) {
// thereof) was specified, no need to add a nonce header.
for (var headerName in headers) {
if (headerName.toLowerCase() === 'x-wp-nonce') {
if (headerName.toLowerCase() === 'x-wp-nonce' && headers[headerName] === middleware.nonce) {
return next(options);
}
}
return next(_objectSpread({}, options, {
headers: _objectSpread({}, headers, {
return next(_objectSpread(_objectSpread({}, options), {}, {
headers: _objectSpread(_objectSpread({}, headers), {}, {
'X-WP-Nonce': middleware.nonce
})
}));
@ -230,7 +230,7 @@ var namespaceAndEndpointMiddleware = function namespaceAndEndpointMiddleware(opt
delete options.namespace;
delete options.endpoint;
return next(namespace_endpoint_objectSpread({}, options, {
return next(namespace_endpoint_objectSpread(namespace_endpoint_objectSpread({}, options), {}, {
path: path
}));
};
@ -273,7 +273,7 @@ var root_url_createRootURLMiddleware = function createRootURLMiddleware(rootURL)
url = apiRoot + path;
}
return next(root_url_objectSpread({}, optionsWithPath, {
return next(root_url_objectSpread(root_url_objectSpread({}, optionsWithPath), {}, {
url: url
}));
});
@ -329,8 +329,15 @@ function createPreloadingMiddleware(preloadedData) {
var method = options.method || 'GET';
var path = getStablePath(options.path);
if (parse && 'GET' === method && cache[path]) {
return Promise.resolve(cache[path].body);
if ('GET' === method && cache[path]) {
var cacheData = cache[path]; // Unsetting the cache key ensures that the data is only preloaded a single time
delete cache[path];
return Promise.resolve(parse ? cacheData.body : new window.Response(JSON.stringify(cacheData.body), {
status: 200,
statusText: 'OK',
headers: cacheData.headers
}));
} else if ('OPTIONS' === method && cache[method] && cache[method][path]) {
return Promise.resolve(cache[method][path]);
}
@ -347,7 +354,7 @@ var external_this_regeneratorRuntime_ = __webpack_require__(24);
var external_this_regeneratorRuntime_default = /*#__PURE__*/__webpack_require__.n(external_this_regeneratorRuntime_);
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/asyncToGenerator.js
var asyncToGenerator = __webpack_require__(50);
var asyncToGenerator = __webpack_require__(47);
// EXTERNAL MODULE: external {"this":["wp","url"]}
var external_this_wp_url_ = __webpack_require__(31);
@ -377,7 +384,7 @@ var fetch_all_middleware_modifyQuery = function modifyQuery(_ref, queryArgs) {
url = _ref.url,
options = Object(objectWithoutProperties["a" /* default */])(_ref, ["path", "url"]);
return fetch_all_middleware_objectSpread({}, options, {
return fetch_all_middleware_objectSpread(fetch_all_middleware_objectSpread({}, options), {}, {
url: url && Object(external_this_wp_url_["addQueryArgs"])(url, queryArgs),
path: path && Object(external_this_wp_url_["addQueryArgs"])(path, queryArgs)
});
@ -439,9 +446,9 @@ var fetchAllMiddleware = /*#__PURE__*/function () {
case 4:
_context.next = 6;
return build_module(fetch_all_middleware_objectSpread({}, fetch_all_middleware_modifyQuery(options, {
return build_module(fetch_all_middleware_objectSpread(fetch_all_middleware_objectSpread({}, fetch_all_middleware_modifyQuery(options, {
per_page: 100
}), {
})), {}, {
// Ensure headers are returned for page 1.
parse: false
}));
@ -482,7 +489,7 @@ var fetchAllMiddleware = /*#__PURE__*/function () {
}
_context.next = 19;
return build_module(fetch_all_middleware_objectSpread({}, options, {
return build_module(fetch_all_middleware_objectSpread(fetch_all_middleware_objectSpread({}, options), {}, {
// Ensure the URL for the next page is used instead of any provided path.
path: undefined,
url: nextPage,
@ -561,8 +568,8 @@ function httpV1Middleware(options, next) {
method = _options$method === void 0 ? DEFAULT_METHOD : _options$method;
if (OVERRIDE_METHODS.has(method.toUpperCase())) {
options = http_v1_objectSpread({}, options, {
headers: http_v1_objectSpread({}, options.headers, {
options = http_v1_objectSpread(http_v1_objectSpread({}, options), {}, {
headers: http_v1_objectSpread(http_v1_objectSpread({}, options.headers), {}, {
'X-HTTP-Method-Override': method,
'Content-Type': 'application/json'
}),
@ -570,7 +577,7 @@ function httpV1Middleware(options, next) {
});
}
return next(options, next);
return next(options);
}
/* harmony default export */ var http_v1 = (httpV1Middleware);
@ -594,7 +601,7 @@ function userLocaleMiddleware(options, next) {
});
}
return next(options, next);
return next(options);
}
/* harmony default export */ var user_locale = (userLocaleMiddleware);
@ -730,7 +737,7 @@ function mediaUploadMiddleware(options, next) {
});
};
return next(media_upload_objectSpread({}, options, {
return next(media_upload_objectSpread(media_upload_objectSpread({}, options), {}, {
parse: false
})).catch(function (response) {
var attachmentId = response.headers.get('x-wp-upload-attachment-id');
@ -830,14 +837,14 @@ var build_module_defaultFetchHandler = function defaultFetchHandler(nextOptions)
var body = nextOptions.body,
headers = nextOptions.headers; // Merge explicitly-provided headers with default values.
headers = build_module_objectSpread({}, DEFAULT_HEADERS, {}, headers); // The `data` property is a shorthand for sending a JSON body.
headers = build_module_objectSpread(build_module_objectSpread({}, DEFAULT_HEADERS), headers); // The `data` property is a shorthand for sending a JSON body.
if (data) {
body = JSON.stringify(data);
headers['Content-Type'] = 'application/json';
}
var responsePromise = window.fetch(url || path, build_module_objectSpread({}, DEFAULT_OPTIONS, {}, remainingOptions, {
var responsePromise = window.fetch(url || path, build_module_objectSpread(build_module_objectSpread(build_module_objectSpread({}, DEFAULT_OPTIONS), remainingOptions), {}, {
body: body,
headers: headers
}));
@ -871,34 +878,27 @@ function setFetchHandler(newFetchHandler) {
}
function apiFetch(options) {
var steps = [].concat(middlewares, [fetchHandler]);
var createRunStep = function createRunStep(index) {
// creates a nested function chain that calls all middlewares and finally the `fetchHandler`,
// converting `middlewares = [ m1, m2, m3 ]` into:
// ```
// opts1 => m1( opts1, opts2 => m2( opts2, opts3 => m3( opts3, fetchHandler ) ) );
// ```
var enhancedHandler = middlewares.reduceRight(function (next, middleware) {
return function (workingOptions) {
var step = steps[index];
if (index === steps.length - 1) {
return step(workingOptions);
}
var next = createRunStep(index + 1);
return step(workingOptions, next);
return middleware(workingOptions, next);
};
};
return new Promise(function (resolve, reject) {
createRunStep(0)(options).then(resolve).catch(function (error) {
if (error.code !== 'rest_cookie_invalid_nonce') {
return reject(error);
} // If the nonce is invalid, refresh it and try again.
}, fetchHandler);
return enhancedHandler(options).catch(function (error) {
if (error.code !== 'rest_cookie_invalid_nonce') {
return Promise.reject(error);
} // If the nonce is invalid, refresh it and try again.
window.fetch(apiFetch.nonceEndpoint).then(checkStatus).then(function (data) {
return data.text();
}).then(function (text) {
apiFetch.nonceMiddleware.nonce = text;
apiFetch(options).then(resolve).catch(reject);
}).catch(reject);
return window.fetch(apiFetch.nonceEndpoint).then(checkStatus).then(function (data) {
return data.text();
}).then(function (text) {
apiFetch.nonceMiddleware.nonce = text;
return apiFetch(options);
});
});
}
@ -915,29 +915,7 @@ apiFetch.mediaUploadMiddleware = media_upload;
/***/ }),
/***/ 5:
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return _defineProperty; });
function _defineProperty(obj, key, value) {
if (key in obj) {
Object.defineProperty(obj, key, {
value: value,
enumerable: true,
configurable: true,
writable: true
});
} else {
obj[key] = value;
}
return obj;
}
/***/ }),
/***/ 50:
/***/ 47:
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
@ -978,6 +956,28 @@ function _asyncToGenerator(fn) {
};
}
/***/ }),
/***/ 5:
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return _defineProperty; });
function _defineProperty(obj, key, value) {
if (key in obj) {
Object.defineProperty(obj, key, {
value: value,
enumerable: true,
configurable: true,
writable: true
});
} else {
obj[key] = value;
}
return obj;
}
/***/ })
/******/ })["default"];

File diff suppressed because one or more lines are too long

View File

@ -82,12 +82,12 @@ this["wp"] = this["wp"] || {}; this["wp"]["autop"] =
/******/
/******/
/******/ // Load entry module and return exports
/******/ return __webpack_require__(__webpack_require__.s = 284);
/******/ return __webpack_require__(__webpack_require__.s = 296);
/******/ })
/************************************************************************/
/******/ ({
/***/ 14:
/***/ 12:
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
@ -126,7 +126,7 @@ function _iterableToArrayLimit(arr, i) {
return _arr;
}
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js
var unsupportedIterableToArray = __webpack_require__(29);
var unsupportedIterableToArray = __webpack_require__(30);
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/nonIterableRest.js
var nonIterableRest = __webpack_require__(39);
@ -142,7 +142,7 @@ function _slicedToArray(arr, i) {
/***/ }),
/***/ 26:
/***/ 27:
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
@ -159,14 +159,14 @@ function _arrayLikeToArray(arr, len) {
/***/ }),
/***/ 284:
/***/ 296:
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "autop", function() { return autop; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "removep", function() { return removep; });
/* harmony import */ var _babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(14);
/* harmony import */ var _babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(12);
/**
@ -575,12 +575,12 @@ function removep(html) {
/***/ }),
/***/ 29:
/***/ 30:
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return _unsupportedIterableToArray; });
/* harmony import */ var _arrayLikeToArray__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(26);
/* harmony import */ var _arrayLikeToArray__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(27);
function _unsupportedIterableToArray(o, minLen) {
if (!o) return;

File diff suppressed because one or more lines are too long

View File

@ -82,12 +82,12 @@ this["wp"] = this["wp"] || {}; this["wp"]["blob"] =
/******/
/******/
/******/ // Load entry module and return exports
/******/ return __webpack_require__(__webpack_require__.s = 285);
/******/ return __webpack_require__(__webpack_require__.s = 297);
/******/ })
/************************************************************************/
/******/ ({
/***/ 285:
/***/ 297:
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";

View File

@ -1,2 +1,2 @@
/*! This file is auto-generated */
this.wp=this.wp||{},this.wp.blob=function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}return n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=285)}({285:function(e,t,n){"use strict";n.r(t),n.d(t,"createBlobURL",(function(){return f})),n.d(t,"getBlobByURL",(function(){return c})),n.d(t,"revokeBlobURL",(function(){return l})),n.d(t,"isBlobURL",(function(){return d}));var r=window.URL,o=r.createObjectURL,u=r.revokeObjectURL,i={};function f(e){var t=o(e);return i[t]=e,t}function c(e){return i[e]}function l(e){i[e]&&u(e),delete i[e]}function d(e){return!(!e||!e.indexOf)&&0===e.indexOf("blob:")}}});
this.wp=this.wp||{},this.wp.blob=function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}return n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=297)}({297:function(e,t,n){"use strict";n.r(t),n.d(t,"createBlobURL",(function(){return f})),n.d(t,"getBlobByURL",(function(){return c})),n.d(t,"revokeBlobURL",(function(){return l})),n.d(t,"isBlobURL",(function(){return d}));var r=window.URL,o=r.createObjectURL,u=r.revokeObjectURL,i={};function f(e){var t=o(e);return i[t]=e,t}function c(e){return i[e]}function l(e){i[e]&&u(e),delete i[e]}function d(e){return!(!e||!e.indexOf)&&0===e.indexOf("blob:")}}});

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

View File

@ -82,12 +82,12 @@ this["wp"] = this["wp"] || {}; this["wp"]["blockSerializationDefaultParser"] =
/******/
/******/
/******/ // Load entry module and return exports
/******/ return __webpack_require__(__webpack_require__.s = 304);
/******/ return __webpack_require__(__webpack_require__.s = 317);
/******/ })
/************************************************************************/
/******/ ({
/***/ 14:
/***/ 12:
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
@ -126,7 +126,7 @@ function _iterableToArrayLimit(arr, i) {
return _arr;
}
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js
var unsupportedIterableToArray = __webpack_require__(29);
var unsupportedIterableToArray = __webpack_require__(30);
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/nonIterableRest.js
var nonIterableRest = __webpack_require__(39);
@ -142,7 +142,7 @@ function _slicedToArray(arr, i) {
/***/ }),
/***/ 26:
/***/ 27:
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
@ -159,12 +159,12 @@ function _arrayLikeToArray(arr, len) {
/***/ }),
/***/ 29:
/***/ 30:
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return _unsupportedIterableToArray; });
/* harmony import */ var _arrayLikeToArray__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(26);
/* harmony import */ var _arrayLikeToArray__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(27);
function _unsupportedIterableToArray(o, minLen) {
if (!o) return;
@ -177,13 +177,13 @@ function _unsupportedIterableToArray(o, minLen) {
/***/ }),
/***/ 304:
/***/ 317:
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "parse", function() { return parse; });
/* harmony import */ var _babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(14);
/* harmony import */ var _babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(12);
var document;
var offset;

View File

@ -1,2 +1,2 @@
/*! This file is auto-generated */
this.wp=this.wp||{},this.wp.blockSerializationDefaultParser=function(t){var n={};function r(e){if(n[e])return n[e].exports;var o=n[e]={i:e,l:!1,exports:{}};return t[e].call(o.exports,o,o.exports,r),o.l=!0,o.exports}return r.m=t,r.c=n,r.d=function(t,n,e){r.o(t,n)||Object.defineProperty(t,n,{enumerable:!0,get:e})},r.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},r.t=function(t,n){if(1&n&&(t=r(t)),8&n)return t;if(4&n&&"object"==typeof t&&t&&t.__esModule)return t;var e=Object.create(null);if(r.r(e),Object.defineProperty(e,"default",{enumerable:!0,value:t}),2&n&&"string"!=typeof t)for(var o in t)r.d(e,o,function(n){return t[n]}.bind(null,o));return e},r.n=function(t){var n=t&&t.__esModule?function(){return t.default}:function(){return t};return r.d(n,"a",n),n},r.o=function(t,n){return Object.prototype.hasOwnProperty.call(t,n)},r.p="",r(r.s=304)}({14:function(t,n,r){"use strict";r.d(n,"a",(function(){return i}));var e=r(38);var o=r(29),u=r(39);function i(t,n){return Object(e.a)(t)||function(t,n){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(t)){var r=[],e=!0,o=!1,u=void 0;try{for(var i,c=t[Symbol.iterator]();!(e=(i=c.next()).done)&&(r.push(i.value),!n||r.length!==n);e=!0);}catch(t){o=!0,u=t}finally{try{e||null==c.return||c.return()}finally{if(o)throw u}}return r}}(t,n)||Object(o.a)(t,n)||Object(u.a)()}},26:function(t,n,r){"use strict";function e(t,n){(null==n||n>t.length)&&(n=t.length);for(var r=0,e=new Array(n);r<n;r++)e[r]=t[r];return e}r.d(n,"a",(function(){return e}))},29:function(t,n,r){"use strict";r.d(n,"a",(function(){return o}));var e=r(26);function o(t,n){if(t){if("string"==typeof t)return Object(e.a)(t,n);var r=Object.prototype.toString.call(t).slice(8,-1);return"Object"===r&&t.constructor&&(r=t.constructor.name),"Map"===r||"Set"===r?Array.from(t):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?Object(e.a)(t,n):void 0}}},304:function(t,n,r){"use strict";r.r(n),r.d(n,"parse",(function(){return s}));var e,o,u,i,c=r(14),a=/<!--\s+(\/)?wp:([a-z][a-z0-9_-]*\/)?([a-z][a-z0-9_-]*)\s+({(?:(?=([^}]+|}+(?=})|(?!}\s+\/?-->)[^])*)\5|[^]*?)}\s+)?(\/)?-->/g;function l(t,n,r,e,o){return{blockName:t,attrs:n,innerBlocks:r,innerHTML:e,innerContent:o}}function f(t){return l(null,{},[],t,[t])}var s=function(t){e=t,o=0,u=[],i=[],a.lastIndex=0;do{}while(p());return u};function p(){var t=function(){var t=a.exec(e);if(null===t)return["no-more-tokens"];var n=t.index,r=Object(c.a)(t,7),o=r[0],u=r[1],i=r[2],l=r[3],f=r[4],s=r[6],p=o.length,b=!!u,d=!!s,v=(i||"core/")+l,h=!!f,y=h?function(t){try{return JSON.parse(t)}catch(t){return null}}(f):{};if(d)return["void-block",v,y,n,p];if(b)return["block-closer",v,null,n,p];return["block-opener",v,y,n,p]}(),n=Object(c.a)(t,5),r=n[0],s=n[1],p=n[2],h=n[3],y=n[4],k=i.length,O=h>o?o:null;switch(r){case"no-more-tokens":if(0===k)return b(),!1;if(1===k)return v(),!1;for(;0<i.length;)v();return!1;case"void-block":return 0===k?(null!==O&&u.push(f(e.substr(O,h-O))),u.push(l(s,p,[],"",[])),o=h+y,!0):(d(l(s,p,[],"",[]),h,y),o=h+y,!0);case"block-opener":return i.push(function(t,n,r,e,o){return{block:t,tokenStart:n,tokenLength:r,prevOffset:e||n+r,leadingHtmlStart:o}}(l(s,p,[],"",[]),h,y,h+y,O)),o=h+y,!0;case"block-closer":if(0===k)return b(),!1;if(1===k)return v(h),o=h+y,!0;var g=i.pop(),m=e.substr(g.prevOffset,h-g.prevOffset);return g.block.innerHTML+=m,g.block.innerContent.push(m),g.prevOffset=h+y,d(g.block,g.tokenStart,g.tokenLength,h+y),o=h+y,!0;default:return b(),!1}}function b(t){var n=t||e.length-o;0!==n&&u.push(f(e.substr(o,n)))}function d(t,n,r,o){var u=i[i.length-1];u.block.innerBlocks.push(t);var c=e.substr(u.prevOffset,n-u.prevOffset);c&&(u.block.innerHTML+=c,u.block.innerContent.push(c)),u.block.innerContent.push(null),u.prevOffset=o||n+r}function v(t){var n=i.pop(),r=n.block,o=n.leadingHtmlStart,c=n.prevOffset,a=n.tokenStart,l=t?e.substr(c,t-c):e.substr(c);l&&(r.innerHTML+=l,r.innerContent.push(l)),null!==o&&u.push(f(e.substr(o,a-o))),u.push(r)}},38:function(t,n,r){"use strict";function e(t){if(Array.isArray(t))return t}r.d(n,"a",(function(){return e}))},39:function(t,n,r){"use strict";function e(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}r.d(n,"a",(function(){return e}))}});
this.wp=this.wp||{},this.wp.blockSerializationDefaultParser=function(t){var n={};function r(e){if(n[e])return n[e].exports;var o=n[e]={i:e,l:!1,exports:{}};return t[e].call(o.exports,o,o.exports,r),o.l=!0,o.exports}return r.m=t,r.c=n,r.d=function(t,n,e){r.o(t,n)||Object.defineProperty(t,n,{enumerable:!0,get:e})},r.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},r.t=function(t,n){if(1&n&&(t=r(t)),8&n)return t;if(4&n&&"object"==typeof t&&t&&t.__esModule)return t;var e=Object.create(null);if(r.r(e),Object.defineProperty(e,"default",{enumerable:!0,value:t}),2&n&&"string"!=typeof t)for(var o in t)r.d(e,o,function(n){return t[n]}.bind(null,o));return e},r.n=function(t){var n=t&&t.__esModule?function(){return t.default}:function(){return t};return r.d(n,"a",n),n},r.o=function(t,n){return Object.prototype.hasOwnProperty.call(t,n)},r.p="",r(r.s=317)}({12:function(t,n,r){"use strict";r.d(n,"a",(function(){return i}));var e=r(38);var o=r(30),u=r(39);function i(t,n){return Object(e.a)(t)||function(t,n){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(t)){var r=[],e=!0,o=!1,u=void 0;try{for(var i,c=t[Symbol.iterator]();!(e=(i=c.next()).done)&&(r.push(i.value),!n||r.length!==n);e=!0);}catch(t){o=!0,u=t}finally{try{e||null==c.return||c.return()}finally{if(o)throw u}}return r}}(t,n)||Object(o.a)(t,n)||Object(u.a)()}},27:function(t,n,r){"use strict";function e(t,n){(null==n||n>t.length)&&(n=t.length);for(var r=0,e=new Array(n);r<n;r++)e[r]=t[r];return e}r.d(n,"a",(function(){return e}))},30:function(t,n,r){"use strict";r.d(n,"a",(function(){return o}));var e=r(27);function o(t,n){if(t){if("string"==typeof t)return Object(e.a)(t,n);var r=Object.prototype.toString.call(t).slice(8,-1);return"Object"===r&&t.constructor&&(r=t.constructor.name),"Map"===r||"Set"===r?Array.from(t):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?Object(e.a)(t,n):void 0}}},317:function(t,n,r){"use strict";r.r(n),r.d(n,"parse",(function(){return s}));var e,o,u,i,c=r(12),a=/<!--\s+(\/)?wp:([a-z][a-z0-9_-]*\/)?([a-z][a-z0-9_-]*)\s+({(?:(?=([^}]+|}+(?=})|(?!}\s+\/?-->)[^])*)\5|[^]*?)}\s+)?(\/)?-->/g;function l(t,n,r,e,o){return{blockName:t,attrs:n,innerBlocks:r,innerHTML:e,innerContent:o}}function f(t){return l(null,{},[],t,[t])}var s=function(t){e=t,o=0,u=[],i=[],a.lastIndex=0;do{}while(p());return u};function p(){var t=function(){var t=a.exec(e);if(null===t)return["no-more-tokens"];var n=t.index,r=Object(c.a)(t,7),o=r[0],u=r[1],i=r[2],l=r[3],f=r[4],s=r[6],p=o.length,b=!!u,d=!!s,v=(i||"core/")+l,h=!!f,y=h?function(t){try{return JSON.parse(t)}catch(t){return null}}(f):{};if(d)return["void-block",v,y,n,p];if(b)return["block-closer",v,null,n,p];return["block-opener",v,y,n,p]}(),n=Object(c.a)(t,5),r=n[0],s=n[1],p=n[2],h=n[3],y=n[4],k=i.length,O=h>o?o:null;switch(r){case"no-more-tokens":if(0===k)return b(),!1;if(1===k)return v(),!1;for(;0<i.length;)v();return!1;case"void-block":return 0===k?(null!==O&&u.push(f(e.substr(O,h-O))),u.push(l(s,p,[],"",[])),o=h+y,!0):(d(l(s,p,[],"",[]),h,y),o=h+y,!0);case"block-opener":return i.push(function(t,n,r,e,o){return{block:t,tokenStart:n,tokenLength:r,prevOffset:e||n+r,leadingHtmlStart:o}}(l(s,p,[],"",[]),h,y,h+y,O)),o=h+y,!0;case"block-closer":if(0===k)return b(),!1;if(1===k)return v(h),o=h+y,!0;var g=i.pop(),m=e.substr(g.prevOffset,h-g.prevOffset);return g.block.innerHTML+=m,g.block.innerContent.push(m),g.prevOffset=h+y,d(g.block,g.tokenStart,g.tokenLength,h+y),o=h+y,!0;default:return b(),!1}}function b(t){var n=t||e.length-o;0!==n&&u.push(f(e.substr(o,n)))}function d(t,n,r,o){var u=i[i.length-1];u.block.innerBlocks.push(t);var c=e.substr(u.prevOffset,n-u.prevOffset);c&&(u.block.innerHTML+=c,u.block.innerContent.push(c)),u.block.innerContent.push(null),u.prevOffset=o||n+r}function v(t){var n=i.pop(),r=n.block,o=n.leadingHtmlStart,c=n.prevOffset,a=n.tokenStart,l=t?e.substr(c,t-c):e.substr(c);l&&(r.innerHTML+=l,r.innerContent.push(l)),null!==o&&u.push(f(e.substr(o,a-o))),u.push(r)}},38:function(t,n,r){"use strict";function e(t){if(Array.isArray(t))return t}r.d(n,"a",(function(){return e}))},39:function(t,n,r){"use strict";function e(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}r.d(n,"a",(function(){return e}))}});

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

Some files were not shown because too many files have changed in this diff Show More