wp/wp-includes/css/dist/format-library/style.css
changeset 16 a86126ab1dd4
parent 9 177826044cd9
child 18 be944660c56a
--- 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; }