--- a/wp/wp-includes/css/dist/format-library/style.css Tue Oct 22 16:11:46 2019 +0200
+++ b/wp/wp-includes/css/dist/format-library/style.css Tue Dec 15 13:49:49 2020 +0100
@@ -2,10 +2,40 @@
* Colors
*/
/**
+ * Deprecated colors.
+ * Please avoid using these.
+ */
+/**
* Breakpoints & Media Queries
*/
/**
- * Often re-used variables
+ * Colors
+ */
+/**
+ * Deprecated colors.
+ * Please avoid using these.
+ */
+/**
+ * Fonts & basic variables.
+ */
+/**
+ * Grid System.
+ * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
+ */
+/**
+ * Dimensions.
+ */
+/**
+ * Shadows.
+ */
+/**
+ * Editor widths.
+ */
+/**
+ * Block UI.
+ */
+/**
+ * Border radii.
*/
/**
* Breakpoint mixins
@@ -17,25 +47,37 @@
* than the space allows.
*/
/**
- * Button states and focus styles
+ * Focus styles.
*/
/**
* Applies editor left position to the selector passed as argument
*/
/**
- * Applies editor right position to the selector passed as argument
- */
-/**
* Styles that are reused verbatim in a few places
*/
/**
* Allows users to opt-out of animations via OS-level preferences.
*/
+/**
+ * Reset default styles for JavaScript UI based pages.
+ * This is a WP-admin agnostic reset
+ */
+/**
+ * Reset the WP Admin page styles for Gutenberg-like pages.
+ */
+:root {
+ --wp-admin-theme-color: #007cba;
+ --wp-admin-theme-color-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-icon-button {
- height: 52px;
- align-self: flex-end; }
+ .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;
@@ -46,6 +88,8 @@
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; }
@@ -61,3 +105,38 @@
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: 0.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; }