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 ) { function render_block_core_archives( $attributes ) {
$show_post_count = ! empty( $attributes['showPostCounts'] ); $show_post_count = ! empty( $attributes['showPostCounts'] );
$class = 'wp-block-archives'; $class = '';
if ( isset( $attributes['align'] ) ) {
$class .= " align{$attributes['align']}";
}
if ( isset( $attributes['className'] ) ) {
$class .= " {$attributes['className']}";
}
if ( ! empty( $attributes['displayAsDropdown'] ) ) { if ( ! empty( $attributes['displayAsDropdown'] ) ) {
@ -66,7 +58,7 @@ function render_block_core_archives( $attributes ) {
break; break;
} }
$label = esc_attr( $label ); $label = esc_html( $label );
$block_content = '<label class="screen-reader-text" for="' . $dropdown_id . '">' . $title . '</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;"> <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", "name": "core/archives",
"category": "widgets", "category": "widgets",
"attributes": { "attributes": {
"align": {
"type": "string",
"enum": [
"left",
"center",
"right",
"wide",
"full"
]
},
"className": {
"type": "string"
},
"displayAsDropdown": { "displayAsDropdown": {
"type": "boolean", "type": "boolean",
"default": false "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( $output = sprintf(
'<div class="%1$s">%2$s</div>', '<div>%1$s</div>',
esc_attr( 'wp-block-calendar' . $custom_class_name . $align_class_name ),
get_calendar( true, false ) get_calendar( true, false )
); );

View File

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

View File

@ -33,7 +33,13 @@ function render_block_core_categories( $attributes ) {
$type = 'dropdown'; $type = 'dropdown';
if ( ! is_admin() ) { 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 { } else {
$wrapper_markup = '<ul class="%1$s">%2$s</ul>'; $wrapper_markup = '<ul class="%1$s">%2$s</ul>';
@ -41,15 +47,7 @@ function render_block_core_categories( $attributes ) {
$type = 'list'; $type = 'list';
} }
$class = "wp-block-categories wp-block-categories-{$type}"; $class = "wp-block-categories-{$type}";
if ( isset( $attributes['align'] ) ) {
$class .= " align{$attributes['align']}";
}
if ( isset( $attributes['className'] ) ) {
$class .= " {$attributes['className']}";
}
return sprintf( return sprintf(
$wrapper_markup, $wrapper_markup,

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

@ -20,6 +20,7 @@
} }
}, },
"supports": { "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>"; $list_items .= "<li class='wp-block-rss__item'>{$title}{$date}{$author}{$excerpt}</li>";
} }
$class = 'wp-block-rss'; $classnames = array();
if ( isset( $attributes['align'] ) ) {
$class .= ' align' . $attributes['align'];
}
if ( isset( $attributes['blockLayout'] ) && 'grid' === $attributes['blockLayout'] ) { if ( isset( $attributes['blockLayout'] ) && 'grid' === $attributes['blockLayout'] ) {
$class .= ' is-grid'; $classnames[] = 'is-grid';
} }
if ( isset( $attributes['columns'] ) && 'grid' === $attributes['blockLayout'] ) { if ( isset( $attributes['columns'] ) && 'grid' === $attributes['blockLayout'] ) {
$class .= ' columns-' . $attributes['columns']; $classnames[] = 'columns-' . $attributes['columns'];
} }
if ( isset( $attributes['className'] ) ) { return sprintf( '<ul class="%s">%s</ul>', esc_attr( implode( ' ', $classnames ) ), $list_items );
$class .= ' ' . $attributes['className'];
}
return sprintf( '<ul class="%s">%s</ul>', esc_attr( $class ), $list_items );
} }
/** /**

View File

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

View File

@ -27,51 +27,79 @@ function render_block_core_search( $attributes ) {
) )
); );
$input_id = 'wp-block-search__input-' . ++$instance_id; $input_id = 'wp-block-search__input-' . ++$instance_id;
$label_markup = ''; $classnames = classnames_for_block_core_search( $attributes );
$button_markup = ''; $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'] ) ) { if ( $show_label ) {
$label_markup = sprintf( if ( ! empty( $attributes['label'] ) ) {
'<label for="%s" class="wp-block-search__label">%s</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, $input_id,
$attributes['label'] esc_attr( get_search_query() ),
); esc_attr( $attributes['placeholder'] )
} else {
$label_markup = sprintf(
'<label for="%s" class="wp-block-search__label screen-reader-text">%s</label>',
$input_id,
__( 'Search' )
); );
} }
$input_markup = sprintf( if ( $show_button ) {
'<input type="search" id="%s" class="wp-block-search__input" name="s" value="%s" placeholder="%s" required />', $button_internal_markup = '';
$input_id,
esc_attr( get_search_query() ), if ( ! $use_icon_button ) {
esc_attr( $attributes['placeholder'] ) 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_markup = sprintf(
'<button type="submit" class="wp-block-search__button">%s</button>', '<button type="submit" class="wp-block-search__button">%s</button>',
$attributes['buttonText'] $button_internal_markup
); );
} }
$class = 'wp-block-search'; if ( ! empty( $attributes['width'] ) && ! empty( $attributes['widthUnit'] ) ) {
if ( isset( $attributes['className'] ) ) { if ( ! empty( $attributes['buttonPosition'] ) && 'button-only' !== $attributes['buttonPosition'] ) {
$class .= ' ' . $attributes['className']; $width_styles = ' style="width: ' . $attributes['width'] . $attributes['widthUnit'] . ';"';
} }
if ( isset( $attributes['align'] ) ) {
$class .= ' align' . $attributes['align'];
} }
$field_markup = sprintf(
'<div class="wp-block-search__inside-wrapper"%s>%s</div>',
$width_styles,
$input_markup . $button_markup
);
return sprintf( return sprintf(
'<form class="%s" role="search" method="get" action="%s">%s</form>', '<form role="search" method="get" action="%s" class="%s">%s</form>',
esc_attr( $class ),
esc_url( home_url( '/' ) ), 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' ); 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", "name": "core/search",
"category": "widgets", "category": "widgets",
"attributes": { "attributes": {
"align": {
"type": "string",
"enum": [
"left",
"center",
"right",
"wide",
"full"
]
},
"className": {
"type": "string"
},
"label": { "label": {
"type": "string" "type": "string"
}, },
"showLabel": {
"type": "bool",
"default": true
},
"placeholder": { "placeholder": {
"type": "string", "type": "string",
"default": "" "default": ""
}, },
"width": {
"type": "number"
},
"widthUnit": {
"type": "string"
},
"buttonText": { "buttonText": {
"type": "string" "type": "string"
},
"buttonPosition": {
"type": "string",
"default": "button-outside"
},
"buttonUseIcon": {
"type": "bool",
"default": false
} }
}, },
"supports": { "supports": {
"align": true, "align": [ "left", "center", "right" ],
"html": false "html": false,
"lightBlockWrapper": true
} }
} }

View File

@ -8,11 +8,15 @@
/** /**
* Renders the `core/social-link` block on server. * 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. * @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'; $service = ( isset( $attributes['service'] ) ) ? $attributes['service'] : 'Icon';
$url = ( isset( $attributes['url'] ) ) ? $attributes['url'] : false; $url = ( isset( $attributes['url'] ) ) ? $attributes['url'] : false;
$label = ( isset( $attributes['label'] ) ) ? $attributes['label'] : block_core_social_link_get_name( $service ); $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 ''; return '';
} }
$attribute = '';
if ( $open_in_new_tab ) {
$attribute = 'rel="noopener nofollow" target="_blank"';
}
$icon = block_core_social_link_get_icon( $service ); $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" "type": "string"
} }
}, },
"usesContext": [
"openInNewTab"
],
"supports": { "supports": {
"reusable": false, "reusable": false,
"html": false, "html": false,

View File

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

View File

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

View File

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

View File

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

View File

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

File diff suppressed because one or more lines are too long

View File

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

File diff suppressed because one or more lines are too long

View File

@ -1,20 +1,12 @@
/** /**
* Colors * Colors
*/ */
/**
* Deprecated colors.
* Please avoid using these.
*/
/** /**
* Breakpoints & Media Queries * Breakpoints & Media Queries
*/ */
/** /**
* Colors * Colors
*/ */
/**
* Deprecated colors.
* Please avoid using these.
*/
/** /**
* Fonts & basic variables. * Fonts & basic variables.
*/ */
@ -37,6 +29,9 @@
/** /**
* Border radii. * Border radii.
*/ */
/**
* Block paddings.
*/
/** /**
* Breakpoint mixins * Breakpoint mixins
*/ */
@ -115,7 +110,7 @@
opacity: 0.8; } opacity: 0.8; }
.wp-block-button__inline-link { .wp-block-button__inline-link {
color: #555d66; color: #757575;
height: 0; height: 0;
overflow: hidden; overflow: hidden;
max-width: 290px; } max-width: 290px; }
@ -139,9 +134,8 @@
div[data-type="core/button"] { div[data-type="core/button"] {
display: table; } display: table; }
.wp-block-buttons .wp-block.block-editor-block-list__block[data-type="core/button"] { .wp-block-buttons > .wp-block {
display: inline-block; margin-right: 0; }
width: auto; }
.wp-block[data-align="center"] > .wp-block-buttons { .wp-block[data-align="center"] > .wp-block-buttons {
display: flex; display: flex;
@ -153,7 +147,7 @@ div[data-type="core/button"] {
display: flex; display: flex;
justify-content: flex-end; } justify-content: flex-end; }
.wp-block-buttons .block-list-appender { .wp-block-buttons > .block-list-appender {
display: inline-block; } display: inline-block; }
.block-editor .wp-block-categories ul { .block-editor .wp-block-categories ul {
@ -613,18 +607,17 @@ figure.wp-block-gallery {
/** /**
* Group: All Alignment Settings * Group: All Alignment Settings
*/ */
.wp-block-group { .wp-block-group .block-editor-block-list__insertion-point {
margin-top: 0; right: 0;
margin-bottom: 0; } left: 0; }
.wp-block-group .block-editor-block-list__insertion-point {
right: 0; .wp-block-group > .wp-block-group__inner-container > [data-align="full"] {
left: 0; } margin-right: auto;
.wp-block-group > .wp-block-group__inner-container > [data-align="full"] { margin-left: auto; }
margin-right: auto;
margin-left: auto; } .wp-block-group.has-background > .wp-block-group__inner-container > [data-align="full"] {
.wp-block-group.has-background > .wp-block-group__inner-container > [data-align="full"] { margin-right: -30px;
margin-right: -30px; width: calc(100% + 60px); }
width: calc(100% + 60px); }
/** /**
* Group: Full Width Alignment * Group: Full Width Alignment
@ -794,33 +787,12 @@ figure.wp-block-image:not(.wp-block) {
.wp-block-latest-posts li a > div { .wp-block-latest-posts li a > div {
display: inline; } display: inline; }
.wp-block-legacy-widget__edit-container .widget-inside { .edit-post-visual-editor .wp-block-latest-posts.is-grid li {
border: none; margin-bottom: 20px; }
display: block;
box-shadow: none; }
.wp-block-legacy-widget__edit-container .widget.open { ol.has-background.has-background,
z-index: 0; } ul.has-background.has-background {
padding: 1.25em 2.375em; }
.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; }
.wp-block-media-text .__resizable_base__ { .wp-block-media-text .__resizable_base__ {
-ms-grid-column: 1; -ms-grid-column: 1;
@ -854,7 +826,7 @@ figure.wp-block-image:not(.wp-block) {
text-transform: uppercase; text-transform: uppercase;
font-weight: 600; font-weight: 600;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
color: #6c7781; color: #757575;
border: none; border: none;
box-shadow: none; box-shadow: none;
white-space: nowrap; white-space: nowrap;
@ -873,7 +845,7 @@ figure.wp-block-image:not(.wp-block) {
top: calc(50%); top: calc(50%);
right: 0; right: 0;
left: 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 ul,
.editor-styles-wrapper .wp-block-navigation ol { .editor-styles-wrapper .wp-block-navigation ol {
@ -895,6 +867,9 @@ figure.wp-block-image:not(.wp-block) {
.wp-block-navigation__inserter-content { .wp-block-navigation__inserter-content {
padding: 16px; } padding: 16px; }
.wp-block-navigation__container {
min-height: 46px; }
.wp-block-navigation__container.is-parent-of-selected-block { .wp-block-navigation__container.is-parent-of-selected-block {
visibility: visible; visibility: visible;
opacity: 1; } opacity: 1; }
@ -903,10 +878,17 @@ figure.wp-block-image:not(.wp-block) {
opacity: 0; opacity: 0;
visibility: hidden; } 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; opacity: 1;
visibility: visible; } 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 * Colors Selector component
*/ */
@ -963,13 +945,6 @@ figure.wp-block-image:not(.wp-block) {
display: flex; display: flex;
flex-direction: column; } 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 { .wp-block-navigation-placeholder .components-spinner {
margin-top: -4px; margin-top: -4px;
margin-right: 4px; margin-right: 4px;
@ -1032,9 +1007,6 @@ figure.wp-block-image:not(.wp-block) {
margin-right: 10px; margin-right: 10px;
margin-top: 10px; } margin-top: 10px; }
.wp-block-navigation-link__nofollow-external-link {
display: block; }
.wp-block-navigation-link__separator { .wp-block-navigation-link__separator {
margin: 8px 0 8px; margin: 8px 0 8px;
border-top: 1px solid #ddd; } border-top: 1px solid #ddd; }
@ -1065,7 +1037,7 @@ figure.wp-block-image:not(.wp-block) {
text-transform: uppercase; text-transform: uppercase;
font-weight: 600; font-weight: 600;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
color: #6c7781; color: #757575;
border-radius: 4px; border-radius: 4px;
background: #fff; background: #fff;
padding: 6px 8px; padding: 6px 8px;
@ -1076,18 +1048,26 @@ figure.wp-block-image:not(.wp-block) {
top: calc(50%); top: calc(50%);
right: 0; right: 0;
left: 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 { .block-editor-block-list__block[data-type="core/paragraph"].has-drop-cap:focus {
min-height: auto !important; } 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; } display: inline-block; }
.wp-block-post-author { .wp-block-post-author {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap; }
line-height: 1.5; }
.wp-block-post-author .wp-block-post-author__byline { .wp-block-post-author .wp-block-post-author__byline {
font-size: 0.5em; font-size: 0.5em;
margin-top: 0; margin-top: 0;
@ -1158,24 +1138,36 @@ figure.wp-block-image:not(.wp-block) {
flex-grow: 1; flex-grow: 1;
margin-left: 8px; } 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-radius: 2px;
border: 1px solid #7e8993; border: 1px solid #949494;
color: rgba(30, 30, 30, 0.62); color: rgba(30, 30, 30, 0.62);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 13px; font-size: 13px;
padding: 8px; } background-color: #fff; }
.wp-block-search__input:focus { .wp-block-search .wp-block-search__input:focus,
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper:focus {
outline: none; } outline: none; }
.wp-block-search__button { .wp-block-search .wp-block-search__button {
background: #f7f7f7; background: #f7f7f7;
border-radius: 2px; border-radius: 2px;
border: 1px solid #ccc; border: 1px solid #ccc;
box-shadow: inset 0 -1px 0 #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-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 13px; 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"] { .block-editor-block-list__block[data-type="core/separator"] {
padding-top: 0.1px; padding-top: 0.1px;
@ -1252,6 +1244,25 @@ figure.wp-block-image:not(.wp-block) {
.blocks-shortcode__textarea:-ms-input-placeholder { .blocks-shortcode__textarea:-ms-input-placeholder {
color: rgba(255, 255, 255, 0.65); } 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 { .wp-block-social-links .wp-social-link button {
color: currentColor; color: currentColor;
padding: 6px; } padding: 6px; }
@ -1265,8 +1276,9 @@ figure.wp-block-image:not(.wp-block) {
margin-right: 8px; } margin-right: 8px; }
.editor-styles-wrapper .wp-block-social-link { .editor-styles-wrapper .wp-block-social-link {
margin: 0; margin: 0 0 8px 8px; }
margin-left: 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 { .editor-styles-wrapper .wp-block-social-links {
padding: 0; } 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 { .block-editor-block-list__layout .block-editor-block-list__block[data-type="core/social-link"]:not([contenteditable]):focus::after {
left: 8px; } 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 { .block-library-spacer__resize-container.has-show-handle {
background: #f0f0f0; } background: #f0f0f0; }
.is-dark-theme .block-library-spacer__resize-container.has-show-handle { .is-dark-theme .block-library-spacer__resize-container.has-show-handle {
@ -1329,7 +1349,7 @@ figure.wp-block-image:not(.wp-block) {
content: none; } content: none; }
.edit-post-visual-editor p.wp-block-subhead { .edit-post-visual-editor p.wp-block-subhead {
color: #6c7781; color: #555;
font-size: 1.1em; font-size: 1.1em;
font-style: italic; } 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); box-shadow: inset 0 0 0 1px var(--wp-admin-theme-color);
border-style: double; } border-style: double; }
.wp-block-table figcaption { .wp-block-table figcaption {
color: #555d66; color: #555;
font-size: 13px; font-size: 13px;
text-align: center; } text-align: center; }
@ -1402,62 +1422,62 @@ figure.wp-block-image:not(.wp-block) {
.block-editor .wp-block-tag-cloud span { .block-editor .wp-block-tag-cloud span {
display: inline-block; display: inline-block;
margin-right: 5px; margin-right: 5px;
color: #8f98a1; color: #757575;
text-decoration: none; } 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; min-width: 320px;
padding: 0; } padding: 0; }
.wp-block-template-part__placeholder-preview-search-form { .wp-block-template-part__selection-preview-search-form {
border-bottom: 1px solid #ddd; } border-bottom: 1px solid #ddd; }
.wp-block-template-part__placeholder-preview-container { .wp-block-template-part__selection-preview-container {
background: #fff; background: #fff;
padding-bottom: 16px; } 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; border-radius: 2px;
cursor: pointer; cursor: pointer;
margin-top: 16px; margin-top: 16px;
transition: all 0.05s ease-in-out; transition: all 0.05s ease-in-out;
border: 1px solid transparent; } 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 #007cba;
border: 1px solid var(--wp-admin-theme-color); } 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 #007cba;
box-shadow: inset 0 0 0 1px #fff, 0 0 0 1.5px var(--wp-admin-theme-color); box-shadow: inset 0 0 0 1px #fff, 0 0 0 1.5px var(--wp-admin-theme-color);
outline: 2px solid transparent; } 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; } 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; padding: 4px;
font-size: 12px; font-size: 12px;
text-align: right; } 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; } 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; } 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: #007cba;
color: var(--wp-admin-theme-color); color: var(--wp-admin-theme-color);
text-transform: uppercase; text-transform: uppercase;
font-size: 11px; font-size: 11px;
font-weight: 500; } font-weight: 500; }
.wp-block-template-part__name-panel { .wp-block-template-part__block-control-group {
background-color: #fff; display: flex; }
border-radius: 2px; .wp-block-template-part__block-control-group .wp-block-template-part__name-panel {
box-shadow: 0 0 0 1px #1e1e1e; outline: 1px solid transparent;
outline: 1px solid transparent; padding: 8px 12px 8px 0; }
padding: 6px 12px; } .wp-block-template-part__block-control-group .wp-block-template-part__name-panel .components-base-control__field {
.wp-block-template-part__name-panel .components-base-control__field { align-items: center;
align-items: center; display: flex;
display: flex; margin-bottom: 0; }
margin-bottom: 0; } .wp-block-template-part__block-control-group .wp-block-template-part__name-panel .components-base-control__label {
.wp-block-template-part__name-panel .components-base-control__label { margin-bottom: 0;
margin-bottom: 0; margin-left: 8px; }
margin-left: 8px; }
.is-navigate-mode .is-selected .wp-block-template-part__name-panel { .is-navigate-mode .is-selected .wp-block-template-part__name-panel {
box-shadow: 0 0 0 1px #007cba; 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 #007cba;
box-shadow: 0 0 0 1px var(--wp-admin-theme-color); } 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 { .wp-block-text-columns .block-editor-rich-text__editable:focus {
outline: 1px solid #ddd; } outline: 1px solid #ddd; }
@ -1489,9 +1527,21 @@ pre.wp-block-verse {
.wp-block[data-type="core/widget-area"] { .wp-block[data-type="core/widget-area"] {
max-width: 700px; } 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 { .wp-block-widget-area > .components-panel__body > .block-editor-inner-blocks {
padding-top: 24px; } 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. * 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 #007cba;
box-shadow: 0 0 0 1px var(--wp-admin-theme-color); } 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 * Editor Normalization Styles
* *

File diff suppressed because one or more lines are too long

View File

@ -1,20 +1,12 @@
/** /**
* Colors * Colors
*/ */
/**
* Deprecated colors.
* Please avoid using these.
*/
/** /**
* Breakpoints & Media Queries * Breakpoints & Media Queries
*/ */
/** /**
* Colors * Colors
*/ */
/**
* Deprecated colors.
* Please avoid using these.
*/
/** /**
* Fonts & basic variables. * Fonts & basic variables.
*/ */
@ -37,6 +29,9 @@
/** /**
* Border radii. * Border radii.
*/ */
/**
* Block paddings.
*/
/** /**
* Breakpoint mixins * Breakpoint mixins
*/ */
@ -116,7 +111,7 @@
opacity: 0.8; } opacity: 0.8; }
.wp-block-button__inline-link { .wp-block-button__inline-link {
color: #555d66; color: #757575;
height: 0; height: 0;
overflow: hidden; overflow: hidden;
max-width: 290px; } max-width: 290px; }
@ -140,9 +135,8 @@
div[data-type="core/button"] { div[data-type="core/button"] {
display: table; } display: table; }
.wp-block-buttons .wp-block.block-editor-block-list__block[data-type="core/button"] { .wp-block-buttons > .wp-block {
display: inline-block; margin-left: 0; }
width: auto; }
.wp-block[data-align="center"] > .wp-block-buttons { .wp-block[data-align="center"] > .wp-block-buttons {
display: flex; display: flex;
@ -154,7 +148,7 @@ div[data-type="core/button"] {
display: flex; display: flex;
justify-content: flex-end; } justify-content: flex-end; }
.wp-block-buttons .block-list-appender { .wp-block-buttons > .block-list-appender {
display: inline-block; } display: inline-block; }
.block-editor .wp-block-categories ul { .block-editor .wp-block-categories ul {
@ -618,18 +612,17 @@ figure.wp-block-gallery {
/** /**
* Group: All Alignment Settings * Group: All Alignment Settings
*/ */
.wp-block-group { .wp-block-group .block-editor-block-list__insertion-point {
margin-top: 0; left: 0;
margin-bottom: 0; } right: 0; }
.wp-block-group .block-editor-block-list__insertion-point {
left: 0; .wp-block-group > .wp-block-group__inner-container > [data-align="full"] {
right: 0; } margin-left: auto;
.wp-block-group > .wp-block-group__inner-container > [data-align="full"] { margin-right: auto; }
margin-left: auto;
margin-right: auto; } .wp-block-group.has-background > .wp-block-group__inner-container > [data-align="full"] {
.wp-block-group.has-background > .wp-block-group__inner-container > [data-align="full"] { margin-left: -30px;
margin-left: -30px; width: calc(100% + 60px); }
width: calc(100% + 60px); }
/** /**
* Group: Full Width Alignment * Group: Full Width Alignment
@ -799,33 +792,12 @@ figure.wp-block-image:not(.wp-block) {
.wp-block-latest-posts li a > div { .wp-block-latest-posts li a > div {
display: inline; } display: inline; }
.wp-block-legacy-widget__edit-container .widget-inside { .edit-post-visual-editor .wp-block-latest-posts.is-grid li {
border: none; margin-bottom: 20px; }
display: block;
box-shadow: none; }
.wp-block-legacy-widget__edit-container .widget.open { ol.has-background.has-background,
z-index: 0; } ul.has-background.has-background {
padding: 1.25em 2.375em; }
.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; }
.wp-block-media-text .__resizable_base__ { .wp-block-media-text .__resizable_base__ {
-ms-grid-column: 1; -ms-grid-column: 1;
@ -859,7 +831,7 @@ figure.wp-block-image:not(.wp-block) {
text-transform: uppercase; text-transform: uppercase;
font-weight: 600; font-weight: 600;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
color: #6c7781; color: #757575;
border: none; border: none;
box-shadow: none; box-shadow: none;
white-space: nowrap; white-space: nowrap;
@ -878,7 +850,7 @@ figure.wp-block-image:not(.wp-block) {
top: calc(50%); top: calc(50%);
left: 0; left: 0;
right: 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 ul,
.editor-styles-wrapper .wp-block-navigation ol { .editor-styles-wrapper .wp-block-navigation ol {
@ -900,6 +872,9 @@ figure.wp-block-image:not(.wp-block) {
.wp-block-navigation__inserter-content { .wp-block-navigation__inserter-content {
padding: 16px; } padding: 16px; }
.wp-block-navigation__container {
min-height: 46px; }
.wp-block-navigation__container.is-parent-of-selected-block { .wp-block-navigation__container.is-parent-of-selected-block {
visibility: visible; visibility: visible;
opacity: 1; } opacity: 1; }
@ -908,10 +883,17 @@ figure.wp-block-image:not(.wp-block) {
opacity: 0; opacity: 0;
visibility: hidden; } 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; opacity: 1;
visibility: visible; } 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 * Colors Selector component
*/ */
@ -968,13 +950,6 @@ figure.wp-block-image:not(.wp-block) {
display: flex; display: flex;
flex-direction: column; } 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 { .wp-block-navigation-placeholder .components-spinner {
margin-top: -4px; margin-top: -4px;
margin-left: 4px; margin-left: 4px;
@ -1037,9 +1012,6 @@ figure.wp-block-image:not(.wp-block) {
margin-left: 10px; margin-left: 10px;
margin-top: 10px; } margin-top: 10px; }
.wp-block-navigation-link__nofollow-external-link {
display: block; }
.wp-block-navigation-link__separator { .wp-block-navigation-link__separator {
margin: 8px 0 8px; margin: 8px 0 8px;
border-top: 1px solid #ddd; } border-top: 1px solid #ddd; }
@ -1070,7 +1042,7 @@ figure.wp-block-image:not(.wp-block) {
text-transform: uppercase; text-transform: uppercase;
font-weight: 600; font-weight: 600;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
color: #6c7781; color: #757575;
border-radius: 4px; border-radius: 4px;
background: #fff; background: #fff;
padding: 6px 8px; padding: 6px 8px;
@ -1081,18 +1053,26 @@ figure.wp-block-image:not(.wp-block) {
top: calc(50%); top: calc(50%);
left: 0; left: 0;
right: 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 { .block-editor-block-list__block[data-type="core/paragraph"].has-drop-cap:focus {
min-height: auto !important; } 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; } display: inline-block; }
.wp-block-post-author { .wp-block-post-author {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap; }
line-height: 1.5; }
.wp-block-post-author .wp-block-post-author__byline { .wp-block-post-author .wp-block-post-author__byline {
font-size: 0.5em; font-size: 0.5em;
margin-top: 0; margin-top: 0;
@ -1163,24 +1143,36 @@ figure.wp-block-image:not(.wp-block) {
flex-grow: 1; flex-grow: 1;
margin-right: 8px; } 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-radius: 2px;
border: 1px solid #7e8993; border: 1px solid #949494;
color: rgba(30, 30, 30, 0.62); color: rgba(30, 30, 30, 0.62);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 13px; font-size: 13px;
padding: 8px; } background-color: #fff; }
.wp-block-search__input:focus { .wp-block-search .wp-block-search__input:focus,
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper:focus {
outline: none; } outline: none; }
.wp-block-search__button { .wp-block-search .wp-block-search__button {
background: #f7f7f7; background: #f7f7f7;
border-radius: 2px; border-radius: 2px;
border: 1px solid #ccc; border: 1px solid #ccc;
box-shadow: inset 0 -1px 0 #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-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 13px; 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"] { .block-editor-block-list__block[data-type="core/separator"] {
padding-top: 0.1px; padding-top: 0.1px;
@ -1257,6 +1249,25 @@ figure.wp-block-image:not(.wp-block) {
.blocks-shortcode__textarea:-ms-input-placeholder { .blocks-shortcode__textarea:-ms-input-placeholder {
color: rgba(255, 255, 255, 0.65); } 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 { .wp-block-social-links .wp-social-link button {
color: currentColor; color: currentColor;
padding: 6px; } padding: 6px; }
@ -1270,8 +1281,9 @@ figure.wp-block-image:not(.wp-block) {
margin-left: 8px; } margin-left: 8px; }
.editor-styles-wrapper .wp-block-social-link { .editor-styles-wrapper .wp-block-social-link {
margin: 0; margin: 0 8px 8px 0; }
margin-right: 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 { .editor-styles-wrapper .wp-block-social-links {
padding: 0; } 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 { .block-editor-block-list__layout .block-editor-block-list__block[data-type="core/social-link"]:not([contenteditable]):focus::after {
right: 8px; } 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 { .block-library-spacer__resize-container.has-show-handle {
background: #f0f0f0; } background: #f0f0f0; }
.is-dark-theme .block-library-spacer__resize-container.has-show-handle { .is-dark-theme .block-library-spacer__resize-container.has-show-handle {
@ -1334,7 +1354,7 @@ figure.wp-block-image:not(.wp-block) {
content: none; } content: none; }
.edit-post-visual-editor p.wp-block-subhead { .edit-post-visual-editor p.wp-block-subhead {
color: #6c7781; color: #555;
font-size: 1.1em; font-size: 1.1em;
font-style: italic; } 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); box-shadow: inset 0 0 0 1px var(--wp-admin-theme-color);
border-style: double; } border-style: double; }
.wp-block-table figcaption { .wp-block-table figcaption {
color: #555d66; color: #555;
font-size: 13px; font-size: 13px;
text-align: center; } text-align: center; }
@ -1407,62 +1427,62 @@ figure.wp-block-image:not(.wp-block) {
.block-editor .wp-block-tag-cloud span { .block-editor .wp-block-tag-cloud span {
display: inline-block; display: inline-block;
margin-left: 5px; margin-left: 5px;
color: #8f98a1; color: #757575;
text-decoration: none; } 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; min-width: 320px;
padding: 0; } padding: 0; }
.wp-block-template-part__placeholder-preview-search-form { .wp-block-template-part__selection-preview-search-form {
border-bottom: 1px solid #ddd; } border-bottom: 1px solid #ddd; }
.wp-block-template-part__placeholder-preview-container { .wp-block-template-part__selection-preview-container {
background: #fff; background: #fff;
padding-bottom: 16px; } 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; border-radius: 2px;
cursor: pointer; cursor: pointer;
margin-top: 16px; margin-top: 16px;
transition: all 0.05s ease-in-out; transition: all 0.05s ease-in-out;
border: 1px solid transparent; } 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 #007cba;
border: 1px solid var(--wp-admin-theme-color); } 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 #007cba;
box-shadow: inset 0 0 0 1px #fff, 0 0 0 1.5px var(--wp-admin-theme-color); box-shadow: inset 0 0 0 1px #fff, 0 0 0 1.5px var(--wp-admin-theme-color);
outline: 2px solid transparent; } 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; } 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; padding: 4px;
font-size: 12px; font-size: 12px;
text-align: left; } 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; } 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; } 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: #007cba;
color: var(--wp-admin-theme-color); color: var(--wp-admin-theme-color);
text-transform: uppercase; text-transform: uppercase;
font-size: 11px; font-size: 11px;
font-weight: 500; } font-weight: 500; }
.wp-block-template-part__name-panel { .wp-block-template-part__block-control-group {
background-color: #fff; display: flex; }
border-radius: 2px; .wp-block-template-part__block-control-group .wp-block-template-part__name-panel {
box-shadow: 0 0 0 1px #1e1e1e; outline: 1px solid transparent;
outline: 1px solid transparent; padding: 8px 0 8px 12px; }
padding: 6px 12px; } .wp-block-template-part__block-control-group .wp-block-template-part__name-panel .components-base-control__field {
.wp-block-template-part__name-panel .components-base-control__field { align-items: center;
align-items: center; display: flex;
display: flex; margin-bottom: 0; }
margin-bottom: 0; } .wp-block-template-part__block-control-group .wp-block-template-part__name-panel .components-base-control__label {
.wp-block-template-part__name-panel .components-base-control__label { margin-bottom: 0;
margin-bottom: 0; margin-right: 8px; }
margin-right: 8px; }
.is-navigate-mode .is-selected .wp-block-template-part__name-panel { .is-navigate-mode .is-selected .wp-block-template-part__name-panel {
box-shadow: 0 0 0 1px #007cba; 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 #007cba;
box-shadow: 0 0 0 1px var(--wp-admin-theme-color); } 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 { .wp-block-text-columns .block-editor-rich-text__editable:focus {
outline: 1px solid #ddd; } outline: 1px solid #ddd; }
@ -1494,9 +1532,21 @@ pre.wp-block-verse {
.wp-block[data-type="core/widget-area"] { .wp-block[data-type="core/widget-area"] {
max-width: 700px; } 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 { .wp-block-widget-area > .components-panel__body > .block-editor-inner-blocks {
padding-top: 24px; } 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. * 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 #007cba;
box-shadow: 0 0 0 1px var(--wp-admin-theme-color); } 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 * Editor Normalization Styles
* *

File diff suppressed because one or more lines are too long

View File

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

File diff suppressed because one or more lines are too long

View File

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

File diff suppressed because one or more lines are too long

View File

@ -1,20 +1,12 @@
/** /**
* Colors * Colors
*/ */
/**
* Deprecated colors.
* Please avoid using these.
*/
/** /**
* Breakpoints & Media Queries * Breakpoints & Media Queries
*/ */
/** /**
* Colors * Colors
*/ */
/**
* Deprecated colors.
* Please avoid using these.
*/
/** /**
* Fonts & basic variables. * Fonts & basic variables.
*/ */
@ -37,6 +29,9 @@
/** /**
* Border radii. * Border radii.
*/ */
/**
* Block paddings.
*/
/** /**
* Breakpoint mixins * Breakpoint mixins
*/ */
@ -74,43 +69,43 @@
display: none; } display: none; }
.wp-block-audio figcaption { .wp-block-audio figcaption {
color: #555d66; color: #555;
font-size: 13px; font-size: 13px;
text-align: center; } text-align: center; }
.wp-block-code { .wp-block-code {
font-family: Menlo, Consolas, monaco, monospace; font-family: Menlo, Consolas, monaco, monospace;
font-size: 15px; font-size: 0.9em;
color: #1e1e1e; color: #1e1e1e;
padding: 0.8em 1em; padding: 0.8em 1em;
border: 1px solid #ddd; border: 1px solid #ddd;
border-radius: 4px; } border-radius: 4px; }
.wp-block-embed figcaption { .wp-block-embed figcaption {
color: #555d66; color: #555;
font-size: 13px; font-size: 13px;
text-align: center; } text-align: center; }
.blocks-gallery-caption { .blocks-gallery-caption {
color: #555d66; color: #555;
font-size: 13px; font-size: 13px;
text-align: center; } text-align: center; }
.wp-block-image figcaption { .wp-block-image figcaption {
color: #555d66; color: #555;
font-size: 13px; font-size: 13px;
text-align: center; } text-align: center; }
.wp-block-pullquote { .wp-block-pullquote {
border-top: 4px solid #555d66; border-top: 4px solid #555;
border-bottom: 4px solid #555d66; border-bottom: 4px solid #555;
margin-bottom: 28px; margin-bottom: 1.75em;
color: #40464d; } color: #555; }
.wp-block-pullquote cite, .wp-block-pullquote cite,
.wp-block-pullquote footer, .wp-block-pullquote__citation { .wp-block-pullquote footer, .wp-block-pullquote__citation {
color: #40464d; color: #555;
text-transform: uppercase; text-transform: uppercase;
font-size: 13px; font-size: 0.8125em;
font-style: normal; } font-style: normal; }
.wp-block-navigation ul, .wp-block-navigation ul,
@ -121,22 +116,22 @@
margin: 0; } margin: 0; }
.wp-block-quote { .wp-block-quote {
border-right: 4px solid #000; border-right: 0.25em solid #000;
margin: 0 0 28px 0; margin: 0 0 1.75em 0;
padding-right: 1em; } padding-right: 1em; }
.wp-block-quote cite, .wp-block-quote cite,
.wp-block-quote footer, .wp-block-quote__citation { .wp-block-quote footer, .wp-block-quote__citation {
color: #6c7781; color: #555;
font-size: 13px; font-size: 0.8125em;
margin-top: 1em; margin-top: 1em;
position: relative; position: relative;
font-style: normal; } 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-right: none;
border-left: 4px solid #000; border-left: 0.25em solid #000;
padding-right: 0; padding-right: 0;
padding-left: 1em; } 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; border: none;
padding-right: 0; } padding-right: 0; }
.wp-block-quote.is-style-large, .wp-block-quote.is-large { .wp-block-quote.is-style-large, .wp-block-quote.is-large {
@ -152,9 +147,10 @@
.wp-block-separator { .wp-block-separator {
border: none; border: none;
border-bottom: 2px solid #8f98a1; border-bottom: 2px solid currentColor;
margin-right: auto; margin-right: auto;
margin-left: auto; } margin-left: auto;
opacity: 0.4; }
.wp-block-separator:not(.is-style-wide):not(.is-style-dots) { .wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
max-width: 100px; } max-width: 100px; }
.wp-block-separator.has-background:not(.is-style-dots) { .wp-block-separator.has-background:not(.is-style-dots) {
@ -175,14 +171,19 @@
border: 1px solid; border: 1px solid;
word-break: normal; } word-break: normal; }
.wp-block-table figcaption { .wp-block-table figcaption {
color: #555d66; color: #555;
font-size: 13px; font-size: 13px;
text-align: center; } text-align: center; }
.wp-block-video figcaption { .wp-block-video figcaption {
color: #555d66; color: #555;
font-size: 13px; font-size: 13px;
text-align: center; } text-align: center; }
.wp-block-template-part.has-background {
padding: 20px 30px;
margin-top: 0;
margin-bottom: 0; }
#end-resizable-editor-section { #end-resizable-editor-section {
display: none; } 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 * Colors
*/ */
/**
* Deprecated colors.
* Please avoid using these.
*/
/** /**
* Breakpoints & Media Queries * Breakpoints & Media Queries
*/ */
/** /**
* Colors * Colors
*/ */
/**
* Deprecated colors.
* Please avoid using these.
*/
/** /**
* Fonts & basic variables. * Fonts & basic variables.
*/ */
@ -37,6 +29,9 @@
/** /**
* Border radii. * Border radii.
*/ */
/**
* Block paddings.
*/
/** /**
* Breakpoint mixins * Breakpoint mixins
*/ */
@ -74,43 +69,43 @@
display: none; } display: none; }
.wp-block-audio figcaption { .wp-block-audio figcaption {
color: #555d66; color: #555;
font-size: 13px; font-size: 13px;
text-align: center; } text-align: center; }
.wp-block-code { .wp-block-code {
font-family: Menlo, Consolas, monaco, monospace; font-family: Menlo, Consolas, monaco, monospace;
font-size: 15px; font-size: 0.9em;
color: #1e1e1e; color: #1e1e1e;
padding: 0.8em 1em; padding: 0.8em 1em;
border: 1px solid #ddd; border: 1px solid #ddd;
border-radius: 4px; } border-radius: 4px; }
.wp-block-embed figcaption { .wp-block-embed figcaption {
color: #555d66; color: #555;
font-size: 13px; font-size: 13px;
text-align: center; } text-align: center; }
.blocks-gallery-caption { .blocks-gallery-caption {
color: #555d66; color: #555;
font-size: 13px; font-size: 13px;
text-align: center; } text-align: center; }
.wp-block-image figcaption { .wp-block-image figcaption {
color: #555d66; color: #555;
font-size: 13px; font-size: 13px;
text-align: center; } text-align: center; }
.wp-block-pullquote { .wp-block-pullquote {
border-top: 4px solid #555d66; border-top: 4px solid #555;
border-bottom: 4px solid #555d66; border-bottom: 4px solid #555;
margin-bottom: 28px; margin-bottom: 1.75em;
color: #40464d; } color: #555; }
.wp-block-pullquote cite, .wp-block-pullquote cite,
.wp-block-pullquote footer, .wp-block-pullquote__citation { .wp-block-pullquote footer, .wp-block-pullquote__citation {
color: #40464d; color: #555;
text-transform: uppercase; text-transform: uppercase;
font-size: 13px; font-size: 0.8125em;
font-style: normal; } font-style: normal; }
.wp-block-navigation ul, .wp-block-navigation ul,
@ -121,22 +116,22 @@
margin: 0; } margin: 0; }
.wp-block-quote { .wp-block-quote {
border-left: 4px solid #000; border-left: 0.25em solid #000;
margin: 0 0 28px 0; margin: 0 0 1.75em 0;
padding-left: 1em; } padding-left: 1em; }
.wp-block-quote cite, .wp-block-quote cite,
.wp-block-quote footer, .wp-block-quote__citation { .wp-block-quote footer, .wp-block-quote__citation {
color: #6c7781; color: #555;
font-size: 13px; font-size: 0.8125em;
margin-top: 1em; margin-top: 1em;
position: relative; position: relative;
font-style: normal; } 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-left: none;
border-right: 4px solid #000; border-right: 0.25em solid #000;
padding-left: 0; padding-left: 0;
padding-right: 1em; } 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; border: none;
padding-left: 0; } padding-left: 0; }
.wp-block-quote.is-style-large, .wp-block-quote.is-large { .wp-block-quote.is-style-large, .wp-block-quote.is-large {
@ -152,9 +147,10 @@
.wp-block-separator { .wp-block-separator {
border: none; border: none;
border-bottom: 2px solid #8f98a1; border-bottom: 2px solid currentColor;
margin-left: auto; margin-left: auto;
margin-right: auto; } margin-right: auto;
opacity: 0.4; }
.wp-block-separator:not(.is-style-wide):not(.is-style-dots) { .wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
max-width: 100px; } max-width: 100px; }
.wp-block-separator.has-background:not(.is-style-dots) { .wp-block-separator.has-background:not(.is-style-dots) {
@ -175,14 +171,19 @@
border: 1px solid; border: 1px solid;
word-break: normal; } word-break: normal; }
.wp-block-table figcaption { .wp-block-table figcaption {
color: #555d66; color: #555;
font-size: 13px; font-size: 13px;
text-align: center; } text-align: center; }
.wp-block-video figcaption { .wp-block-video figcaption {
color: #555d66; color: #555;
font-size: 13px; font-size: 13px;
text-align: center; } text-align: center; }
.wp-block-template-part.has-background {
padding: 20px 30px;
margin-top: 0;
margin-bottom: 0; }
#end-resizable-editor-section { #end-resizable-editor-section {
display: none; } 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 * Colors
*/ */
/**
* Deprecated colors.
* Please avoid using these.
*/
/** /**
* Breakpoints & Media Queries * Breakpoints & Media Queries
*/ */
/** /**
* Colors * Colors
*/ */
/**
* Deprecated colors.
* Please avoid using these.
*/
/** /**
* Fonts & basic variables. * Fonts & basic variables.
*/ */
@ -37,6 +29,9 @@
/** /**
* Border radii. * Border radii.
*/ */
/**
* Block paddings.
*/
/** /**
* Breakpoint mixins * Breakpoint mixins
*/ */
@ -117,81 +112,6 @@
100% { 100% {
opacity: 0.5; } } 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 { .components-autocomplete__popover .components-popover__content > div {
padding: 16px; } padding: 16px; }
@ -267,10 +187,10 @@
* Tertiary buttons. * Tertiary buttons.
*/ */
/** /**
* Link buttons. * Destructive buttons.
*/ */
/** /**
* Buttons that indicate destructive actions. * Link buttons.
*/ } */ }
@media (prefers-reduced-motion: reduce) { @media (prefers-reduced-motion: reduce) {
.components-button { .components-button {
@ -358,6 +278,17 @@
.components-button.is-tertiary .dashicon { .components-button.is-tertiary .dashicon {
display: inline-block; display: inline-block;
flex: 0 0 auto; } 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 { .components-button.is-link {
margin: 0; margin: 0;
padding: 0; padding: 0;
@ -378,19 +309,19 @@
.components-button.is-link { .components-button.is-link {
transition-duration: 0s; } } transition-duration: 0s; } }
.components-button.is-link:hover:not(:disabled), .components-button.is-link:active:not(:disabled) { .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 { .components-button.is-link:focus {
color: #124964; color: #124964;
box-shadow: 0 0 0 1px #5b9dd9, 0 0 1.5px 1px rgba(30, 140, 190, 0.8); } box-shadow: 0 0 0 1px #5b9dd9, 0 0 1.5px 1px rgba(30, 140, 190, 0.8); }
.components-button.is-destructive { .components-button.is-link.is-destructive {
color: #b52727; } color: #cc1818; }
.components-button.is-destructive.is-secondary { .components-button.is-link.is-destructive:active:not(:disabled), .components-button.is-link.is-destructive:hover:not(:disabled) {
box-shadow: inset 0 0 0 1px #b52727; } color: #710d0d;
.components-button.is-destructive:hover:not(:disabled), .components-button.is-destructive:active:not(:disabled) { background: none; }
color: #a02222; .components-button.is-link.is-destructive:focus:not(:disabled) {
box-shadow: inset 0 0 0 1px #a02222; } color: #007cba;
.components-button.is-destructive:focus:not(:disabled) { color: var(--wp-admin-theme-color); }
box-shadow: inset 0 0 0 1px #fff, 0 0 0 1.5px #a02222; }
.components-button:not([aria-disabled="true"]):active { .components-button:not([aria-disabled="true"]):active {
color: inherit; } color: inherit; }
.components-button:disabled, .components-button[aria-disabled="true"] { .components-button:disabled, .components-button[aria-disabled="true"] {
@ -590,17 +521,19 @@ svg.components-checkbox-control__checked {
.components-circular-option-picker { .components-circular-option-picker {
display: inline-block; 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 { .components-circular-option-picker .components-circular-option-picker__custom-clear-wrapper {
display: flex; display: flex;
justify-content: flex-end; } justify-content: flex-end; }
.components-circular-option-picker .components-circular-option-picker__swatches {
margin-left: -16px; }
.components-circular-option-picker__option-wrapper { .components-circular-option-picker__option-wrapper {
display: inline-block; display: inline-block;
height: 28px; height: 28px;
width: 28px; width: 28px;
margin-left: 12px; margin-left: 16px;
margin-bottom: 12px; margin-bottom: 12px;
vertical-align: top; vertical-align: top;
transform: scale(1); transform: scale(1);
@ -666,7 +599,7 @@ svg.components-checkbox-control__checked {
border: 1px solid transparent; } border: 1px solid transparent; }
.components-circular-option-picker__option:focus::after { .components-circular-option-picker__option:focus::after {
content: ""; content: "";
border: 2px solid #606a73; border: 2px solid #757575;
width: 32px; width: 32px;
height: 32px; height: 32px;
position: absolute; position: absolute;
@ -904,100 +837,109 @@ svg.components-checkbox-control__checked {
padding: 0 5px; } padding: 0 5px; }
.components-combobox-control { .components-combobox-control {
color: #555d66; width: 100%; }
position: relative; }
.components-combobox-control__label { input.components-combobox-control__input[type="text"] {
display: block; width: 100%;
margin-bottom: 5px; } 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 { .components-combobox-control__suggestions-container {
border: 1px solid #7e8993; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
border-radius: 4px; padding: 6px 8px;
color: #555d66; box-shadow: 0 0 0 transparent;
display: inline-block; transition: box-shadow 0.1s linear;
min-height: 30px; border-radius: 2px;
min-width: 130px; border: 1px solid #757575;
position: relative; /* Fonts smaller than 16px causes mobile safari to zoom. */
text-align: right; } font-size: 16px;
.components-combobox-control__button:focus { /* Override core line-height. To be reviewed. */
border-color: #007cba; line-height: normal;
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;
display: flex; display: flex;
list-style-type: none; flex-wrap: wrap;
padding: 10px 25px 10px 5px; } align-items: flex-start;
.components-combobox-control__item.is-highlighted { width: 100%;
background: #ddd; } margin: 0 0 8px 0;
.components-combobox-control__item-icon { padding: 4px; }
margin-right: -20px; @media (prefers-reduced-motion: reduce) {
margin-left: 0; } .components-combobox-control__suggestions-container {
transition-duration: 0s; } }
.components-custom-gradient-picker { @media (min-width: 600px) {
margin-top: 8px; } .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) { .components-custom-gradient-picker__gradient-bar:not(.has-gradient) {
opacity: 0.4; } opacity: 0.4; }
.components-custom-gradient-picker__gradient-bar { .components-custom-gradient-picker__gradient-bar {
margin-top: 12px;
width: 100%; width: 100%;
height: 24px; height: 36px;
border-radius: 24px; border-radius: 36px;
margin-bottom: 8px; margin-bottom: 12px;
padding-right: 3px; padding-right: 6px;
padding-left: 21px; } padding-left: 30px; }
.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__markers-container { .components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__markers-container {
position: relative; } position: relative; }
.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__insert-point { .components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__insert-point {
border-radius: 50%; border-radius: 50%;
background: #fff; background: #fff;
padding: 2px; padding: 2px;
top: 6px;
min-width: 24px; min-width: 24px;
width: 24px; width: 24px;
height: 24px; height: 24px;
position: relative; } position: relative;
color: #1e1e1e; }
.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__insert-point svg { .components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__insert-point svg {
height: 100%; height: 100%;
width: 100%; } width: 100%; }
.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__control-point-button { .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%; border-radius: 50%;
height: 18px; height: 24px;
width: 24px;
padding: 0; padding: 0;
position: absolute; position: absolute;
width: 18px; top: 6px; }
top: 3px; } .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 {
.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; }
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); }
.components-custom-gradient-picker__color-picker-popover .components-custom-gradient-picker__remove-control-point { .components-custom-gradient-picker__color-picker-popover .components-custom-gradient-picker__remove-control-point {
margin-right: auto; margin-right: auto;
@ -1014,13 +956,11 @@ svg.components-checkbox-control__checked {
width: 20px; width: 20px;
height: 20px; } height: 20px; }
.components-custom-gradient-picker__ui-line { .components-custom-gradient-picker .components-custom-gradient-picker__ui-line {
display: flex; margin-bottom: 16px; }
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 {
.components-custom-gradient-picker .components-custom-gradient-picker__ui-line .components-base-control.components-angle-picker, margin-bottom: 0; }
.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 { .components-custom-gradient-picker .components-custom-gradient-picker__toolbar {
border: none; } border: none; }
@ -1028,7 +968,7 @@ svg.components-checkbox-control__checked {
margin-right: 1px; } margin-right: 1px; }
.components-custom-gradient-picker .components-custom-gradient-picker__toolbar button.is-pressed > svg { .components-custom-gradient-picker .components-custom-gradient-picker__toolbar button.is-pressed > svg {
background: #fff; background: #fff;
border: 1px solid #7e8993; border: 1px solid #949494;
border-radius: 2px; } border-radius: 2px; }
.components-custom-select-control { .components-custom-select-control {
@ -1084,10 +1024,6 @@ svg.components-checkbox-control__checked {
.components-custom-select-control__item-icon { .components-custom-select-control__item-icon {
margin-right: -20px; margin-right: -20px;
margin-left: 0; } margin-left: 0; }
svg.dashicon {
fill: currentColor;
outline: none; }
.PresetDateRangePicker_panel { .PresetDateRangePicker_panel {
padding: 0 22px 11px; } padding: 0 22px 11px; }
@ -1997,8 +1933,7 @@ svg.dashicon {
display: flex; } display: flex; }
.components-datetime__time .components-datetime__time-wrapper .components-datetime__time-separator { .components-datetime__time .components-datetime__time-wrapper .components-datetime__time-separator {
display: inline-block; display: inline-block;
padding: 0 0 0 3px; padding: 0 0 0 3px; }
color: #555d66; }
.components-datetime__time .components-datetime__time-wrapper .components-datetime__time-field-time { .components-datetime__time .components-datetime__time-wrapper .components-datetime__time-field-time {
direction: ltr; } direction: ltr; }
.components-datetime__time .components-datetime__time-wrapper .components-datetime__time-field select { .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 { .components-datetime__time.is-12-hour .components-datetime__time-field-year input {
border-radius: 2px 0 0 2px !important; } border-radius: 2px 0 0 2px !important; }
.components-datetime__timezone {
line-height: 30px;
margin-right: 4px;
text-decoration: underline dotted; }
.components-datetime__time-legend { .components-datetime__time-legend {
font-weight: 600; font-weight: 600;
margin-top: 0.5em; } margin-top: 0.5em; }
@ -2170,8 +2110,7 @@ body.is-dragging-components-draggable {
width: 100%; width: 100%;
padding: 6px; padding: 6px;
outline: none; outline: none;
cursor: pointer; cursor: pointer; }
margin-bottom: 4px; }
.components-dropdown-menu__menu .components-dropdown-menu__menu-item.has-separator, .components-dropdown-menu__menu .components-dropdown-menu__menu-item.has-separator,
.components-dropdown-menu__menu .components-menu-item.has-separator { .components-dropdown-menu__menu .components-menu-item.has-separator {
margin-top: 6px; margin-top: 6px;
@ -2203,11 +2142,12 @@ body.is-dragging-components-draggable {
.components-dropdown-menu__menu .components-menu-item__button.components-button { .components-dropdown-menu__menu .components-menu-item__button.components-button {
min-height: 36px; min-height: 36px;
height: auto; height: auto;
padding-right: 40px; text-align: right;
text-align: right; } padding-right: 8px;
.components-dropdown-menu__menu .components-menu-item__button.has-icon, padding-left: 8px; }
.components-dropdown-menu__menu .components-menu-item__button.components-button.has-icon { .components-dropdown-menu__menu .components-menu-item__button .components-menu-item__info-wrapper,
padding-right: 8px; } .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 { .components-dropdown-menu__menu .components-menu-group {
padding: 12px; padding: 12px;
margin-top: 0; margin-top: 0;
@ -2225,9 +2165,6 @@ body.is-dragging-components-draggable {
.is-alternate .components-dropdown-menu__menu .components-menu-group + .components-menu-group { .is-alternate .components-dropdown-menu__menu .components-menu-group + .components-menu-group {
border-color: #1e1e1e; } border-color: #1e1e1e; }
.components-dropdown-menu__menu.no-icons .components-menu-item__button.components-button {
padding: 0 12px; }
.components-external-link__icon { .components-external-link__icon {
width: 1.4em; width: 1.4em;
height: 1.4em; height: 1.4em;
@ -2235,66 +2172,6 @@ body.is-dragging-components-draggable {
vertical-align: middle; vertical-align: middle;
fill: currentColor; } 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 { .components-font-size-picker__controls {
max-width: 248px; max-width: 248px;
display: flex; display: flex;
@ -2484,7 +2361,13 @@ body.is-dragging-components-draggable {
color: rgba(255, 255, 255, 0.65); } color: rgba(255, 255, 255, 0.65); }
.components-form-token-field__input-container.is-disabled { .components-form-token-field__input-container.is-disabled {
background: #ddd; 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 { .components-form-token-field__input-container input[type="text"].components-form-token-field__input {
display: inline-block; display: inline-block;
width: 100%; width: 100%;
@ -2514,17 +2397,17 @@ body.is-dragging-components-draggable {
font-size: 13px; font-size: 13px;
display: flex; display: flex;
margin: 2px 0 2px 4px; margin: 2px 0 2px 4px;
color: #32373c; color: #1e1e1e;
overflow: hidden; } 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__token-text,
.components-form-token-field__token.is-success .components-form-token-field__remove-token { .components-form-token-field__token.is-success .components-form-token-field__remove-token {
background: #4ab866; } 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__token-text,
.components-form-token-field__token.is-error .components-form-token-field__remove-token { .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__token-text,
.components-form-token-field__token.is-validating .components-form-token-field__remove-token { .components-form-token-field__token.is-validating .components-form-token-field__remove-token {
color: #555d66; } color: #757575; }
.components-form-token-field__token.is-borderless { .components-form-token-field__token.is-borderless {
position: relative; position: relative;
padding: 0 0 0 16px; } padding: 0 0 0 16px; }
@ -2534,14 +2417,14 @@ body.is-dragging-components-draggable {
color: var(--wp-admin-theme-color); } color: var(--wp-admin-theme-color); }
.components-form-token-field__token.is-borderless .components-form-token-field__remove-token { .components-form-token-field__token.is-borderless .components-form-token-field__remove-token {
background: transparent; background: transparent;
color: #555d66; color: #757575;
position: absolute; position: absolute;
top: 1px; top: 1px;
left: 0; } left: 0; }
.components-form-token-field__token.is-borderless.is-success .components-form-token-field__token-text { .components-form-token-field__token.is-borderless.is-success .components-form-token-field__token-text {
color: #4ab866; } color: #4ab866; }
.components-form-token-field__token.is-borderless.is-error .components-form-token-field__token-text { .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; border-radius: 0 4px 4px 0;
padding: 0 6px 0 4px; } padding: 0 6px 0 4px; }
.components-form-token-field__token.is-borderless.is-validating .components-form-token-field__token-text { .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; cursor: pointer;
border-radius: 12px 0 0 12px; border-radius: 12px 0 0 12px;
padding: 0 2px; padding: 0 2px;
color: #555d66; color: #757575;
line-height: 10px; line-height: 10px;
overflow: initial; } overflow: initial; }
.components-form-token-field__remove-token.components-button:hover { .components-form-token-field__remove-token.components-button:hover {
color: #32373c; } color: #1e1e1e; }
.components-form-token-field__suggestions-list { .components-form-token-field__suggestions-list {
flex: 1 0 100%; flex: 1 0 100%;
min-width: 100%; min-width: 100%;
max-height: 9em; max-height: 9em;
overflow-y: scroll; overflow-y: auto;
transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out;
list-style: none; list-style: none;
border-top: 1px solid #6c7781; border-top: 1px solid #757575;
margin: 4px -4px -4px; margin: 4px -4px -4px;
padding-top: 3px; } padding: 0; }
@media (prefers-reduced-motion: reduce) { @media (prefers-reduced-motion: reduce) {
.components-form-token-field__suggestions-list { .components-form-token-field__suggestions-list {
transition-duration: 0s; } } transition-duration: 0s; } }
.components-form-token-field__suggestion { .components-form-token-field__suggestion {
color: #555d66; color: #757575;
display: block; display: block;
font-size: 13px; font-size: 13px;
padding: 4px 8px; padding: 4px 8px;
margin: 0;
cursor: pointer; } cursor: pointer; }
.components-form-token-field__suggestion.is-selected { .components-form-token-field__suggestion.is-selected {
background: #007cba; background: #007cba;
@ -2734,7 +2618,8 @@ body.is-dragging-components-draggable {
border-top: 1px solid #1e1e1e; } border-top: 1px solid #1e1e1e; }
.components-menu-group__label { .components-menu-group__label {
padding: 0; padding: 0 8px;
margin-top: 4px;
margin-bottom: 12px; margin-bottom: 12px;
color: #757575; color: #757575;
text-transform: uppercase; text-transform: uppercase;
@ -2744,19 +2629,19 @@ body.is-dragging-components-draggable {
.components-menu-item__button, .components-menu-item__button,
.components-menu-item__button.components-button { .components-menu-item__button.components-button {
width: 100%; } 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-menu-items__item-icon,
.components-menu-item__button.components-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; display: inline-block;
flex: 0 0 auto; } 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 { .components-menu-item__info-wrapper {
display: flex; display: flex;
@ -2779,15 +2664,13 @@ body.is-dragging-components-draggable {
.components-menu-item__shortcut { .components-menu-item__shortcut {
display: inline; } } display: inline; } }
.components-menu-items-choice, .components-menu-items-choice svg,
.components-menu-items-choice.components-button { .components-menu-items-choice.components-button svg {
padding-right: 40px; } margin-left: 12px; }
.components-menu-items-choice svg,
.components-menu-items-choice.components-button svg { .components-menu-items-choice.has-icon,
margin-left: 8px; } .components-menu-items-choice.components-button.has-icon {
.components-menu-items-choice.has-icon, padding-right: 12px; }
.components-menu-items-choice.components-button.has-icon {
padding-right: 8px; }
.components-modal__screen-overlay { .components-modal__screen-overlay {
position: fixed; position: fixed;
@ -2909,8 +2792,8 @@ body.is-dragging-components-draggable {
border-right-color: #f0b849; border-right-color: #f0b849;
background-color: #fef8ee; } background-color: #fef8ee; }
.components-notice.is-error { .components-notice.is-error {
border-right-color: #d94f4f; border-right-color: #cc1818;
background-color: #f9e2e2; } background-color: #f4a2a2; }
.components-notice__content { .components-notice__content {
flex-grow: 1; flex-grow: 1;
@ -2923,7 +2806,7 @@ body.is-dragging-components-draggable {
vertical-align: initial; } vertical-align: initial; }
.components-notice__dismiss { .components-notice__dismiss {
color: #6c7781; color: #757575;
align-self: flex-start; align-self: flex-start;
flex-shrink: 0; } 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 { .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 { .components-panel {
background: #fff; background: #fff;
border: 1px solid #f0f0f0; } border: 1px solid #e0e0e0; }
.components-panel > .components-panel__header:first-child, .components-panel > .components-panel__header:first-child,
.components-panel > .components-panel__body:first-child { .components-panel > .components-panel__body:first-child {
margin-top: -1px; } margin-top: -1px; }
@ -2959,8 +2842,8 @@ body.is-dragging-components-draggable {
margin-top: -1px; } margin-top: -1px; }
.components-panel__body { .components-panel__body {
border-top: 1px solid #f0f0f0; border-top: 1px solid #e0e0e0;
border-bottom: 1px solid #f0f0f0; } border-bottom: 1px solid #e0e0e0; }
.components-panel__body h3 { .components-panel__body h3 {
margin: 0 0 0.5em; } margin: 0 0 0.5em; }
.components-panel__body.is-opened { .components-panel__body.is-opened {
@ -3041,7 +2924,7 @@ body.is-dragging-components-draggable {
margin-top: -10px; } margin-top: -10px; }
.components-panel__icon { .components-panel__icon {
color: #555d66; color: #757575;
margin: -2px 6px -2px 0; } margin: -2px 6px -2px 0; }
.components-panel__body-toggle-icon { .components-panel__body-toggle-icon {
@ -3070,6 +2953,7 @@ body.is-dragging-components-draggable {
padding-bottom: 20px; } padding-bottom: 20px; }
.components-placeholder.components-placeholder { .components-placeholder.components-placeholder {
box-sizing: border-box;
position: relative; position: relative;
padding: 1em; padding: 1em;
min-height: 200px; 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__side-handle::before,
.is-dark-theme .components-resizable-box__handle::after { .is-dark-theme .components-resizable-box__handle::after {
border-color: #d7dade; } border-color: #ddd; }
.components-resizable-box__handle { .components-resizable-box__handle {
z-index: 2; } z-index: 2; }
@ -3524,6 +3408,21 @@ body.is-dragging-components-draggable {
.components-resizable-box__side-handle.components-resizable-box__handle-right:active::before { .components-resizable-box__side-handle.components-resizable-box__handle-right:active::before {
animation-duration: 1ms; } } 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 { @keyframes components-resizable-box__top-bottom-animation {
from { from {
transform: scaleX(0); transform: scaleX(0);
@ -3649,7 +3548,7 @@ body.lockscroll {
.components-spinner { .components-spinner {
display: inline-block; display: inline-block;
background-color: #7e8993; background-color: #949494;
width: 18px; width: 18px;
height: 18px; height: 18px;
opacity: 0.7; opacity: 0.7;
@ -3933,7 +3832,7 @@ body.lockscroll {
.components-tip { .components-tip {
display: flex; display: flex;
color: #555d66; } color: #757575; }
.components-tip svg { .components-tip svg {
-ms-grid-row-align: center; -ms-grid-row-align: center;
align-self: center; align-self: center;
@ -4055,7 +3954,7 @@ body.lockscroll {
flex-shrink: 0; flex-shrink: 0;
flex-wrap: wrap; flex-wrap: wrap;
line-height: 0; } line-height: 0; }
.components-toolbar-group .components-toolbar-group { .components-toolbar-group .components-toolbar-group.components-toolbar-group {
border-width: 0; border-width: 0;
margin: 0; } margin: 0; }
@ -4063,11 +3962,13 @@ body.lockscroll {
min-height: 48px; min-height: 48px;
margin: 0; margin: 0;
border: 1px solid #1e1e1e; border: 1px solid #1e1e1e;
border-radius: 2px;
background-color: #fff; background-color: #fff;
display: inline-flex; display: inline-flex;
flex-shrink: 0; flex-shrink: 0;
flex-wrap: wrap; } flex-wrap: wrap; }
.components-toolbar .components-toolbar.components-toolbar {
border-width: 0;
margin: 0; }
div.components-toolbar > div { div.components-toolbar > div {
display: block; display: block;

File diff suppressed because one or more lines are too long

View File

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

File diff suppressed because one or more lines are too long

View File

@ -1,20 +1,12 @@
/** /**
* Colors * Colors
*/ */
/**
* Deprecated colors.
* Please avoid using these.
*/
/** /**
* Breakpoints & Media Queries * Breakpoints & Media Queries
*/ */
/** /**
* Colors * Colors
*/ */
/**
* Deprecated colors.
* Please avoid using these.
*/
/** /**
* Fonts & basic variables. * Fonts & basic variables.
*/ */
@ -37,6 +29,9 @@
/** /**
* Border radii. * Border radii.
*/ */
/**
* Block paddings.
*/
/** /**
* Breakpoint mixins * Breakpoint mixins
*/ */
@ -264,16 +259,16 @@ body.is-fullscreen-mode .interface-interface-skeleton {
@media (min-width: 782px) { @media (min-width: 782px) {
.interface-interface-skeleton__sidebar { .interface-interface-skeleton__sidebar {
overflow: auto; overflow: auto;
border-right: 1px solid #f0f0f0; } } border-right: 1px solid #e0e0e0; } }
@media (min-width: 782px) { @media (min-width: 782px) {
.interface-interface-skeleton__left-sidebar { .interface-interface-skeleton__left-sidebar {
border-left: 1px solid #f0f0f0; } } border-left: 1px solid #e0e0e0; } }
.interface-interface-skeleton__header { .interface-interface-skeleton__header {
flex-shrink: 0; flex-shrink: 0;
height: auto; height: auto;
border-bottom: 1px solid #f0f0f0; border-bottom: 1px solid #e0e0e0;
z-index: 30; z-index: 30;
color: #1e1e1e; color: #1e1e1e;
position: -webkit-sticky; position: -webkit-sticky;
@ -287,12 +282,20 @@ body.is-fullscreen-mode .interface-interface-skeleton {
.interface-interface-skeleton__footer { .interface-interface-skeleton__footer {
height: auto; height: auto;
flex-shrink: 0; flex-shrink: 0;
border-top: 1px solid #f0f0f0; border-top: 1px solid #e0e0e0;
color: #1e1e1e; color: #1e1e1e;
display: none; } display: none; }
@media (min-width: 782px) { @media (min-width: 782px) {
.interface-interface-skeleton__footer { .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 { .interface-interface-skeleton__actions {
z-index: 100000; z-index: 100000;
@ -356,32 +359,21 @@ body.is-fullscreen-mode .interface-interface-skeleton {
/** /**
* Buttons in the Toolbar * 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 .editor-post-saved-state,
.edit-post-header__settings .components-button.editor-post-switch-to-draft, .edit-post-header__settings .components-button.components-button {
.edit-post-header__settings .components-button.editor-post-preview,
.edit-post-header__settings .components-button.block-editor-post-preview__dropdown {
padding: 0 6px;
margin-left: 4px; } margin-left: 4px; }
@media (min-width: 600px) { @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 .editor-post-saved-state,
.edit-post-header__settings .components-button.editor-post-switch-to-draft, .edit-post-header__settings .components-button.components-button {
.edit-post-header__settings .components-button.editor-post-preview,
.edit-post-header__settings .components-button.block-editor-post-preview__dropdown {
margin-left: 12px; } } margin-left: 12px; } }
.edit-post-header__settings .components-button.block-editor-post-preview__dropdown, .edit-post-header__settings .editor-post-saved-state,
.edit-post-header__settings .components-button.editor-post-publish-button, .edit-post-header__settings .components-button.is-tertiary {
.edit-post-header__settings .components-button.editor-post-publish-panel__toggle { padding: 0 6px; }
padding: 0 6px;
margin-left: 4px; } .edit-post-header__settings .edit-post-more-menu .components-button,
@media (min-width: 600px) { .edit-post-header__settings .interface-pinned-items .components-button {
.edit-post-header__settings .components-button.block-editor-post-preview__dropdown, margin-left: 0; }
.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-preview__grouping-external { .edit-post-header-preview__grouping-external {
display: flex; display: flex;
@ -395,11 +387,147 @@ body.is-fullscreen-mode .interface-interface-skeleton {
display: flex; display: flex;
justify-content: flex-start; } justify-content: flex-start; }
.edit-post-header-preview__button-external svg { .edit-post-header-preview__button-external svg {
margin-left: 8px; } margin-right: auto; }
.edit-post-post-preview-dropdown .components-popover__content > div { .edit-post-post-preview-dropdown .components-popover__content > div {
padding-bottom: 0; } 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 { .edit-post-fullscreen-mode-close.has-icon {
display: none; } display: none; }
@media (min-width: 782px) { @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 #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; } } 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 { .edit-post-header-toolbar {
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
@ -497,6 +628,23 @@ body.is-fullscreen-mode .interface-interface-skeleton {
height: 32px; height: 32px;
padding: 0; } 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 { .edit-post-more-menu {
margin-right: -4px; } margin-right: -4px; }
.edit-post-more-menu .components-button { .edit-post-more-menu .components-button {
@ -509,7 +657,7 @@ body.is-fullscreen-mode .interface-interface-skeleton {
padding: 0 4px; } } padding: 0 4px; } }
.edit-post-more-menu__content .components-popover__content { .edit-post-more-menu__content .components-popover__content {
min-width: 260px; } min-width: 280px; }
@media (min-width: 480px) { @media (min-width: 480px) {
.edit-post-more-menu__content .components-popover__content { .edit-post-more-menu__content .components-popover__content {
width: auto; width: auto;
@ -650,7 +798,8 @@ body.is-fullscreen-mode .edit-post-layout .components-editor-notices__snackbar {
transform: translateX(0%); } } transform: translateX(0%); } }
.interface-interface-skeleton__sidebar > div { .interface-interface-skeleton__sidebar > div {
height: 100%; } height: 100%;
padding-bottom: 48px; }
.edit-post-layout .editor-post-publish-panel__header-publish-button { .edit-post-layout .editor-post-publish-panel__header-publish-button {
justify-content: center; } justify-content: center; }
@ -692,20 +841,8 @@ body.is-fullscreen-mode .edit-post-layout .components-editor-notices__snackbar {
top: auto; top: auto;
bottom: 0; } 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 { .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,
.edit-post-layout__inserter-panel-popover-wrapper > div, .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; } padding: 0.6rem 10px 0.6rem 0; }
.edit-post-manage-blocks-modal__checklist-item .block-editor-block-icon { .edit-post-manage-blocks-modal__checklist-item .block-editor-block-icon {
margin-left: 10px; margin-left: 10px;
fill: #555d66; } fill: #1e1e1e; }
.edit-post-manage-blocks-modal__results { .edit-post-manage-blocks-modal__results {
height: 100%; 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 .stuffbox > h3,
.edit-post-meta-boxes-area #poststuff h2.hndle { .edit-post-meta-boxes-area #poststuff h2.hndle {
/* WordPress selectors yolo */ /* WordPress selectors yolo */
border-bottom: 1px solid #ddd;
box-sizing: border-box; box-sizing: border-box;
color: inherit; color: inherit;
font-weight: 600; 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 { .edit-post-meta-boxes-area .is-hidden {
display: none; } display: none; }
.edit-post-meta-boxes-area .metabox-location-side .postbox input[type="checkbox"] { .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 { .edit-post-meta-boxes-area .metabox-location-side .postbox input[type="checkbox"]:checked {
background: #fff; background: #fff;
border-color: #6c7781; } border-color: #757575; }
.edit-post-meta-boxes-area .metabox-location-side .postbox input[type="checkbox"]::before { .edit-post-meta-boxes-area .metabox-location-side .postbox input[type="checkbox"]::before {
margin: -3px -4px; } margin: -3px -4px; }
@ -995,7 +1131,7 @@ body.is-fullscreen-mode .edit-post-layout .components-editor-notices__snackbar {
margin-right: 20px; } margin-right: 20px; }
.edit-post-post-visibility__dialog-info { .edit-post-post-visibility__dialog-info {
color: #7e8993; color: #757575;
padding-right: 20px; padding-right: 20px;
font-style: italic; font-style: italic;
margin: 4px 0 0; margin: 4px 0 0;
@ -1055,14 +1191,17 @@ body.is-fullscreen-mode .edit-post-layout .components-editor-notices__snackbar {
font-size: 2.5em; font-size: 2.5em;
font-weight: normal; } font-weight: normal; }
.edit-post-text-editor .wp-block.editor-post-title .editor-post-title__input { .edit-post-text-editor .wp-block.editor-post-title .editor-post-title__input {
border: 1px solid #ccc; border: 1px solid #949494;
margin-bottom: -1px; margin-bottom: -1px;
padding: 16px; } padding: 16px; }
@media (min-width: 600px) { @media (min-width: 600px) {
.edit-post-text-editor .wp-block.editor-post-title .editor-post-title__input { .edit-post-text-editor .wp-block.editor-post-title .editor-post-title__input {
padding: 24px; } } padding: 24px; } }
.edit-post-text-editor .wp-block.editor-post-title .editor-post-title__input:focus { .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) { @media (min-width: 600px) {
.edit-post-text-editor .wp-block.editor-post-title { .edit-post-text-editor .wp-block.editor-post-title {
padding: 0; } } padding: 0; } }

File diff suppressed because one or more lines are too long

View File

@ -1,20 +1,12 @@
/** /**
* Colors * Colors
*/ */
/**
* Deprecated colors.
* Please avoid using these.
*/
/** /**
* Breakpoints & Media Queries * Breakpoints & Media Queries
*/ */
/** /**
* Colors * Colors
*/ */
/**
* Deprecated colors.
* Please avoid using these.
*/
/** /**
* Fonts & basic variables. * Fonts & basic variables.
*/ */
@ -37,6 +29,9 @@
/** /**
* Border radii. * Border radii.
*/ */
/**
* Block paddings.
*/
/** /**
* Breakpoint mixins * Breakpoint mixins
*/ */
@ -264,16 +259,16 @@ body.is-fullscreen-mode .interface-interface-skeleton {
@media (min-width: 782px) { @media (min-width: 782px) {
.interface-interface-skeleton__sidebar { .interface-interface-skeleton__sidebar {
overflow: auto; overflow: auto;
border-left: 1px solid #f0f0f0; } } border-left: 1px solid #e0e0e0; } }
@media (min-width: 782px) { @media (min-width: 782px) {
.interface-interface-skeleton__left-sidebar { .interface-interface-skeleton__left-sidebar {
border-right: 1px solid #f0f0f0; } } border-right: 1px solid #e0e0e0; } }
.interface-interface-skeleton__header { .interface-interface-skeleton__header {
flex-shrink: 0; flex-shrink: 0;
height: auto; height: auto;
border-bottom: 1px solid #f0f0f0; border-bottom: 1px solid #e0e0e0;
z-index: 30; z-index: 30;
color: #1e1e1e; color: #1e1e1e;
position: -webkit-sticky; position: -webkit-sticky;
@ -287,12 +282,20 @@ body.is-fullscreen-mode .interface-interface-skeleton {
.interface-interface-skeleton__footer { .interface-interface-skeleton__footer {
height: auto; height: auto;
flex-shrink: 0; flex-shrink: 0;
border-top: 1px solid #f0f0f0; border-top: 1px solid #e0e0e0;
color: #1e1e1e; color: #1e1e1e;
display: none; } display: none; }
@media (min-width: 782px) { @media (min-width: 782px) {
.interface-interface-skeleton__footer { .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 { .interface-interface-skeleton__actions {
z-index: 100000; z-index: 100000;
@ -356,32 +359,21 @@ body.is-fullscreen-mode .interface-interface-skeleton {
/** /**
* Buttons in the Toolbar * 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 .editor-post-saved-state,
.edit-post-header__settings .components-button.editor-post-switch-to-draft, .edit-post-header__settings .components-button.components-button {
.edit-post-header__settings .components-button.editor-post-preview,
.edit-post-header__settings .components-button.block-editor-post-preview__dropdown {
padding: 0 6px;
margin-right: 4px; } margin-right: 4px; }
@media (min-width: 600px) { @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 .editor-post-saved-state,
.edit-post-header__settings .components-button.editor-post-switch-to-draft, .edit-post-header__settings .components-button.components-button {
.edit-post-header__settings .components-button.editor-post-preview,
.edit-post-header__settings .components-button.block-editor-post-preview__dropdown {
margin-right: 12px; } } margin-right: 12px; } }
.edit-post-header__settings .components-button.block-editor-post-preview__dropdown, .edit-post-header__settings .editor-post-saved-state,
.edit-post-header__settings .components-button.editor-post-publish-button, .edit-post-header__settings .components-button.is-tertiary {
.edit-post-header__settings .components-button.editor-post-publish-panel__toggle { padding: 0 6px; }
padding: 0 6px;
margin-right: 4px; } .edit-post-header__settings .edit-post-more-menu .components-button,
@media (min-width: 600px) { .edit-post-header__settings .interface-pinned-items .components-button {
.edit-post-header__settings .components-button.block-editor-post-preview__dropdown, margin-right: 0; }
.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-preview__grouping-external { .edit-post-header-preview__grouping-external {
display: flex; display: flex;
@ -395,11 +387,147 @@ body.is-fullscreen-mode .interface-interface-skeleton {
display: flex; display: flex;
justify-content: flex-start; } justify-content: flex-start; }
.edit-post-header-preview__button-external svg { .edit-post-header-preview__button-external svg {
margin-right: 8px; } margin-left: auto; }
.edit-post-post-preview-dropdown .components-popover__content > div { .edit-post-post-preview-dropdown .components-popover__content > div {
padding-bottom: 0; } 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 { .edit-post-fullscreen-mode-close.has-icon {
display: none; } display: none; }
@media (min-width: 782px) { @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 #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; } } 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 { .edit-post-header-toolbar {
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
@ -497,6 +628,23 @@ body.is-fullscreen-mode .interface-interface-skeleton {
height: 32px; height: 32px;
padding: 0; } 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 { .edit-post-more-menu {
margin-left: -4px; } margin-left: -4px; }
.edit-post-more-menu .components-button { .edit-post-more-menu .components-button {
@ -509,7 +657,7 @@ body.is-fullscreen-mode .interface-interface-skeleton {
padding: 0 4px; } } padding: 0 4px; } }
.edit-post-more-menu__content .components-popover__content { .edit-post-more-menu__content .components-popover__content {
min-width: 260px; } min-width: 280px; }
@media (min-width: 480px) { @media (min-width: 480px) {
.edit-post-more-menu__content .components-popover__content { .edit-post-more-menu__content .components-popover__content {
width: auto; width: auto;
@ -650,7 +798,8 @@ body.is-fullscreen-mode .edit-post-layout .components-editor-notices__snackbar {
transform: translateX(0%); } } transform: translateX(0%); } }
.interface-interface-skeleton__sidebar > div { .interface-interface-skeleton__sidebar > div {
height: 100%; } height: 100%;
padding-bottom: 48px; }
.edit-post-layout .editor-post-publish-panel__header-publish-button { .edit-post-layout .editor-post-publish-panel__header-publish-button {
justify-content: center; } justify-content: center; }
@ -692,20 +841,8 @@ body.is-fullscreen-mode .edit-post-layout .components-editor-notices__snackbar {
top: auto; top: auto;
bottom: 0; } 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 { .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,
.edit-post-layout__inserter-panel-popover-wrapper > div, .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; } padding: 0.6rem 0 0.6rem 10px; }
.edit-post-manage-blocks-modal__checklist-item .block-editor-block-icon { .edit-post-manage-blocks-modal__checklist-item .block-editor-block-icon {
margin-right: 10px; margin-right: 10px;
fill: #555d66; } fill: #1e1e1e; }
.edit-post-manage-blocks-modal__results { .edit-post-manage-blocks-modal__results {
height: 100%; 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 .stuffbox > h3,
.edit-post-meta-boxes-area #poststuff h2.hndle { .edit-post-meta-boxes-area #poststuff h2.hndle {
/* WordPress selectors yolo */ /* WordPress selectors yolo */
border-bottom: 1px solid #ddd;
box-sizing: border-box; box-sizing: border-box;
color: inherit; color: inherit;
font-weight: 600; 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 { .edit-post-meta-boxes-area .is-hidden {
display: none; } display: none; }
.edit-post-meta-boxes-area .metabox-location-side .postbox input[type="checkbox"] { .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 { .edit-post-meta-boxes-area .metabox-location-side .postbox input[type="checkbox"]:checked {
background: #fff; background: #fff;
border-color: #6c7781; } border-color: #757575; }
.edit-post-meta-boxes-area .metabox-location-side .postbox input[type="checkbox"]::before { .edit-post-meta-boxes-area .metabox-location-side .postbox input[type="checkbox"]::before {
margin: -3px -4px; } margin: -3px -4px; }
@ -999,7 +1135,7 @@ body.is-fullscreen-mode .edit-post-layout .components-editor-notices__snackbar {
margin-left: 20px; } margin-left: 20px; }
.edit-post-post-visibility__dialog-info { .edit-post-post-visibility__dialog-info {
color: #7e8993; color: #757575;
padding-left: 20px; padding-left: 20px;
font-style: italic; font-style: italic;
margin: 4px 0 0; margin: 4px 0 0;
@ -1059,14 +1195,17 @@ body.is-fullscreen-mode .edit-post-layout .components-editor-notices__snackbar {
font-size: 2.5em; font-size: 2.5em;
font-weight: normal; } font-weight: normal; }
.edit-post-text-editor .wp-block.editor-post-title .editor-post-title__input { .edit-post-text-editor .wp-block.editor-post-title .editor-post-title__input {
border: 1px solid #ccc; border: 1px solid #949494;
margin-bottom: -1px; margin-bottom: -1px;
padding: 16px; } padding: 16px; }
@media (min-width: 600px) { @media (min-width: 600px) {
.edit-post-text-editor .wp-block.editor-post-title .editor-post-title__input { .edit-post-text-editor .wp-block.editor-post-title .editor-post-title__input {
padding: 24px; } } padding: 24px; } }
.edit-post-text-editor .wp-block.editor-post-title .editor-post-title__input:focus { .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) { @media (min-width: 600px) {
.edit-post-text-editor .wp-block.editor-post-title { .edit-post-text-editor .wp-block.editor-post-title {
padding: 0; } } padding: 0; } }

File diff suppressed because one or more lines are too long

View File

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

File diff suppressed because one or more lines are too long

View File

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

File diff suppressed because one or more lines are too long

View File

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

View File

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

View File

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

View File

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

View File

@ -82,7 +82,7 @@ this["wp"] = this["wp"] || {}; this["wp"]["a11y"] =
/******/ /******/
/******/ /******/
/******/ // Load entry module and return exports /******/ // 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) {
(function() { module.exports = this["wp"]["domReady"]; }()); (function() { module.exports = this["wp"]["domReady"]; }());
/***/ }), /***/ }),
/***/ 460: /***/ 473:
/***/ (function(module, __webpack_exports__, __webpack_require__) { /***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict"; "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; }); __webpack_require__.d(__webpack_exports__, "speak", function() { return /* binding */ speak; });
// EXTERNAL MODULE: external {"this":["wp","domReady"]} // 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_); var external_this_wp_domReady_default = /*#__PURE__*/__webpack_require__.n(external_this_wp_domReady_);
// EXTERNAL MODULE: external {"this":["wp","i18n"]} // EXTERNAL MODULE: external {"this":["wp","i18n"]}

View File

@ -1,2 +1,2 @@
/*! This file is auto-generated */ /*! 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 /******/ // 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__) { /***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict"; "use strict";
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return _objectWithoutProperties; }); /* 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) { function _objectWithoutProperties(source, excluded) {
if (source == null) return {}; if (source == null) return {};
@ -131,7 +131,7 @@ function _objectWithoutProperties(source, excluded) {
__webpack_require__.d(__webpack_exports__, "a", function() { return /* binding */ _toConsumableArray; }); __webpack_require__.d(__webpack_exports__, "a", function() { return /* binding */ _toConsumableArray; });
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js // 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 // 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); if (Array.isArray(arr)) return Object(arrayLikeToArray["a" /* default */])(arr);
} }
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/iterableToArray.js // 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 // 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 // CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/nonIterableSpread.js
function _nonIterableSpread() { function _nonIterableSpread() {
@ -173,7 +173,7 @@ function _toConsumableArray(arr) {
/***/ }), /***/ }),
/***/ 26: /***/ 27:
/***/ (function(module, __webpack_exports__, __webpack_require__) { /***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict"; "use strict";
@ -190,12 +190,12 @@ function _arrayLikeToArray(arr, len) {
/***/ }), /***/ }),
/***/ 29: /***/ 30:
/***/ (function(module, __webpack_exports__, __webpack_require__) { /***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict"; "use strict";
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return _unsupportedIterableToArray; }); /* 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) { function _unsupportedIterableToArray(o, minLen) {
if (!o) return; if (!o) return;
@ -208,14 +208,14 @@ function _unsupportedIterableToArray(o, minLen) {
/***/ }), /***/ }),
/***/ 32: /***/ 33:
/***/ (function(module, exports) { /***/ (function(module, exports) {
(function() { module.exports = this["wp"]["hooks"]; }()); (function() { module.exports = this["wp"]["hooks"]; }());
/***/ }), /***/ }),
/***/ 35: /***/ 37:
/***/ (function(module, __webpack_exports__, __webpack_require__) { /***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict"; "use strict";
@ -236,28 +236,6 @@ function _iterableToArray(iter) {
/***/ 41: /***/ 41:
/***/ (function(module, __webpack_exports__, __webpack_require__) { /***/ (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"; "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__) { /***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict"; "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 : []; 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': case 'ANNOTATION_REMOVE':
return Object(external_this_lodash_["mapValues"])(state, function (annotationsForBlock) { return Object(external_this_lodash_["mapValues"])(state, function (annotationsForBlock) {
@ -657,7 +657,7 @@ function reducer_annotations() {
var newAnnotations = annotationsForBlock.map(function (annotation) { var newAnnotations = annotationsForBlock.map(function (annotation) {
if (annotation.id === action.annotationId) { if (annotation.id === action.annotationId) {
hasChangedRange = true; hasChangedRange = true;
return _objectSpread({}, annotation, { return _objectSpread(_objectSpread({}, annotation), {}, {
range: { range: {
start: action.start, start: action.start,
end: action.end end: action.end
@ -683,10 +683,10 @@ function reducer_annotations() {
/* harmony default export */ var reducer = (reducer_annotations); /* harmony default export */ var reducer = (reducer_annotations);
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js // 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 // 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 // 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, var range = annotation.range,
other = Object(objectWithoutProperties["a" /* default */])(annotation, ["range"]); other = Object(objectWithoutProperties["a" /* default */])(annotation, ["range"]);
return selectors_objectSpread({}, range, {}, other); return selectors_objectSpread(selectors_objectSpread({}, range), other);
}); });
}, function (state, blockClientId) { }, function (state, blockClientId) {
var _state$blockClientId5; var _state$blockClientId5;
@ -1170,7 +1170,7 @@ var format_name = annotation_annotation.name,
Object(external_this_wp_richText_["registerFormatType"])(format_name, settings); Object(external_this_wp_richText_["registerFormatType"])(format_name, settings);
// EXTERNAL MODULE: external {"this":["wp","hooks"]} // 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 // 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 /******/ // 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__) { /***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict"; "use strict";
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return _objectWithoutProperties; }); /* 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) { function _objectWithoutProperties(source, excluded) {
if (source == null) return {}; if (source == null) return {};
@ -136,7 +136,7 @@ function _objectWithoutProperties(source, excluded) {
/***/ }), /***/ }),
/***/ 41: /***/ 42:
/***/ (function(module, __webpack_exports__, __webpack_require__) { /***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict"; "use strict";
@ -158,7 +158,7 @@ function _objectWithoutPropertiesLoose(source, excluded) {
/***/ }), /***/ }),
/***/ 452: /***/ 465:
/***/ (function(module, __webpack_exports__, __webpack_require__) { /***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict"; "use strict";
@ -169,7 +169,7 @@ __webpack_require__.r(__webpack_exports__);
var defineProperty = __webpack_require__(5); var defineProperty = __webpack_require__(5);
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js // 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"]} // EXTERNAL MODULE: external {"this":["wp","i18n"]}
var external_this_wp_i18n_ = __webpack_require__(1); 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. // thereof) was specified, no need to add a nonce header.
for (var headerName in headers) { 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(options);
} }
} }
return next(_objectSpread({}, options, { return next(_objectSpread(_objectSpread({}, options), {}, {
headers: _objectSpread({}, headers, { headers: _objectSpread(_objectSpread({}, headers), {}, {
'X-WP-Nonce': middleware.nonce 'X-WP-Nonce': middleware.nonce
}) })
})); }));
@ -230,7 +230,7 @@ var namespaceAndEndpointMiddleware = function namespaceAndEndpointMiddleware(opt
delete options.namespace; delete options.namespace;
delete options.endpoint; delete options.endpoint;
return next(namespace_endpoint_objectSpread({}, options, { return next(namespace_endpoint_objectSpread(namespace_endpoint_objectSpread({}, options), {}, {
path: path path: path
})); }));
}; };
@ -273,7 +273,7 @@ var root_url_createRootURLMiddleware = function createRootURLMiddleware(rootURL)
url = apiRoot + path; url = apiRoot + path;
} }
return next(root_url_objectSpread({}, optionsWithPath, { return next(root_url_objectSpread(root_url_objectSpread({}, optionsWithPath), {}, {
url: url url: url
})); }));
}); });
@ -329,8 +329,15 @@ function createPreloadingMiddleware(preloadedData) {
var method = options.method || 'GET'; var method = options.method || 'GET';
var path = getStablePath(options.path); var path = getStablePath(options.path);
if (parse && 'GET' === method && cache[path]) { if ('GET' === method && cache[path]) {
return Promise.resolve(cache[path].body); 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]) { } else if ('OPTIONS' === method && cache[method] && cache[method][path]) {
return Promise.resolve(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_); var external_this_regeneratorRuntime_default = /*#__PURE__*/__webpack_require__.n(external_this_regeneratorRuntime_);
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/asyncToGenerator.js // 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"]} // EXTERNAL MODULE: external {"this":["wp","url"]}
var external_this_wp_url_ = __webpack_require__(31); var external_this_wp_url_ = __webpack_require__(31);
@ -377,7 +384,7 @@ var fetch_all_middleware_modifyQuery = function modifyQuery(_ref, queryArgs) {
url = _ref.url, url = _ref.url,
options = Object(objectWithoutProperties["a" /* default */])(_ref, ["path", "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), url: url && Object(external_this_wp_url_["addQueryArgs"])(url, queryArgs),
path: path && Object(external_this_wp_url_["addQueryArgs"])(path, queryArgs) path: path && Object(external_this_wp_url_["addQueryArgs"])(path, queryArgs)
}); });
@ -439,9 +446,9 @@ var fetchAllMiddleware = /*#__PURE__*/function () {
case 4: case 4:
_context.next = 6; _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 per_page: 100
}), { })), {}, {
// Ensure headers are returned for page 1. // Ensure headers are returned for page 1.
parse: false parse: false
})); }));
@ -482,7 +489,7 @@ var fetchAllMiddleware = /*#__PURE__*/function () {
} }
_context.next = 19; _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. // Ensure the URL for the next page is used instead of any provided path.
path: undefined, path: undefined,
url: nextPage, url: nextPage,
@ -561,8 +568,8 @@ function httpV1Middleware(options, next) {
method = _options$method === void 0 ? DEFAULT_METHOD : _options$method; method = _options$method === void 0 ? DEFAULT_METHOD : _options$method;
if (OVERRIDE_METHODS.has(method.toUpperCase())) { if (OVERRIDE_METHODS.has(method.toUpperCase())) {
options = http_v1_objectSpread({}, options, { options = http_v1_objectSpread(http_v1_objectSpread({}, options), {}, {
headers: http_v1_objectSpread({}, options.headers, { headers: http_v1_objectSpread(http_v1_objectSpread({}, options.headers), {}, {
'X-HTTP-Method-Override': method, 'X-HTTP-Method-Override': method,
'Content-Type': 'application/json' '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); /* 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); /* 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 parse: false
})).catch(function (response) { })).catch(function (response) {
var attachmentId = response.headers.get('x-wp-upload-attachment-id'); 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, var body = nextOptions.body,
headers = nextOptions.headers; // Merge explicitly-provided headers with default values. 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) { if (data) {
body = JSON.stringify(data); body = JSON.stringify(data);
headers['Content-Type'] = 'application/json'; 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, body: body,
headers: headers headers: headers
})); }));
@ -871,34 +878,27 @@ function setFetchHandler(newFetchHandler) {
} }
function apiFetch(options) { function apiFetch(options) {
var steps = [].concat(middlewares, [fetchHandler]); // creates a nested function chain that calls all middlewares and finally the `fetchHandler`,
// converting `middlewares = [ m1, m2, m3 ]` into:
var createRunStep = function createRunStep(index) { // ```
// opts1 => m1( opts1, opts2 => m2( opts2, opts3 => m3( opts3, fetchHandler ) ) );
// ```
var enhancedHandler = middlewares.reduceRight(function (next, middleware) {
return function (workingOptions) { return function (workingOptions) {
var step = steps[index]; return middleware(workingOptions, next);
if (index === steps.length - 1) {
return step(workingOptions);
}
var next = createRunStep(index + 1);
return step(workingOptions, next);
}; };
}; }, fetchHandler);
return enhancedHandler(options).catch(function (error) {
return new Promise(function (resolve, reject) { if (error.code !== 'rest_cookie_invalid_nonce') {
createRunStep(0)(options).then(resolve).catch(function (error) { return Promise.reject(error);
if (error.code !== 'rest_cookie_invalid_nonce') { } // If the nonce is invalid, refresh it and try again.
return reject(error);
} // If the nonce is invalid, refresh it and try again.
window.fetch(apiFetch.nonceEndpoint).then(checkStatus).then(function (data) { return window.fetch(apiFetch.nonceEndpoint).then(checkStatus).then(function (data) {
return data.text(); return data.text();
}).then(function (text) { }).then(function (text) {
apiFetch.nonceMiddleware.nonce = text; apiFetch.nonceMiddleware.nonce = text;
apiFetch(options).then(resolve).catch(reject); return apiFetch(options);
}).catch(reject);
}); });
}); });
} }
@ -915,29 +915,7 @@ apiFetch.mediaUploadMiddleware = media_upload;
/***/ }), /***/ }),
/***/ 5: /***/ 47:
/***/ (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:
/***/ (function(module, __webpack_exports__, __webpack_require__) { /***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict"; "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"]; /******/ })["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 /******/ // 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__) { /***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict"; "use strict";
@ -126,7 +126,7 @@ function _iterableToArrayLimit(arr, i) {
return _arr; return _arr;
} }
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js // 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 // EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/nonIterableRest.js
var nonIterableRest = __webpack_require__(39); var nonIterableRest = __webpack_require__(39);
@ -142,7 +142,7 @@ function _slicedToArray(arr, i) {
/***/ }), /***/ }),
/***/ 26: /***/ 27:
/***/ (function(module, __webpack_exports__, __webpack_require__) { /***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict"; "use strict";
@ -159,14 +159,14 @@ function _arrayLikeToArray(arr, len) {
/***/ }), /***/ }),
/***/ 284: /***/ 296:
/***/ (function(module, __webpack_exports__, __webpack_require__) { /***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict"; "use strict";
__webpack_require__.r(__webpack_exports__); __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__, "autop", function() { return autop; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "removep", function() { return removep; }); /* 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__) { /***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict"; "use strict";
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return _unsupportedIterableToArray; }); /* 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) { function _unsupportedIterableToArray(o, minLen) {
if (!o) return; 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 /******/ // 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__) { /***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict"; "use strict";

View File

@ -1,2 +1,2 @@
/*! This file is auto-generated */ /*! 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 /******/ // 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__) { /***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict"; "use strict";
@ -126,7 +126,7 @@ function _iterableToArrayLimit(arr, i) {
return _arr; return _arr;
} }
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js // 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 // EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/nonIterableRest.js
var nonIterableRest = __webpack_require__(39); var nonIterableRest = __webpack_require__(39);
@ -142,7 +142,7 @@ function _slicedToArray(arr, i) {
/***/ }), /***/ }),
/***/ 26: /***/ 27:
/***/ (function(module, __webpack_exports__, __webpack_require__) { /***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict"; "use strict";
@ -159,12 +159,12 @@ function _arrayLikeToArray(arr, len) {
/***/ }), /***/ }),
/***/ 29: /***/ 30:
/***/ (function(module, __webpack_exports__, __webpack_require__) { /***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict"; "use strict";
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return _unsupportedIterableToArray; }); /* 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) { function _unsupportedIterableToArray(o, minLen) {
if (!o) return; if (!o) return;
@ -177,13 +177,13 @@ function _unsupportedIterableToArray(o, minLen) {
/***/ }), /***/ }),
/***/ 304: /***/ 317:
/***/ (function(module, __webpack_exports__, __webpack_require__) { /***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict"; "use strict";
__webpack_require__.r(__webpack_exports__); __webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "parse", function() { return parse; }); /* 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 document;
var offset; var offset;

View File

@ -1,2 +1,2 @@
/*! This file is auto-generated */ /*! 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