wp/wp-includes/css/dist/format-library/style-rtl.css
changeset 18 be944660c56a
parent 16 a86126ab1dd4
child 19 3d72ae0968f4
--- a/wp/wp-includes/css/dist/format-library/style-rtl.css	Tue Dec 15 15:52:01 2020 +0100
+++ b/wp/wp-includes/css/dist/format-library/style-rtl.css	Wed Sep 21 18:19:35 2022 +0200
@@ -2,18 +2,17 @@
  * Colors
  */
 /**
- * Deprecated colors.
- * Please avoid using these.
- */
-/**
  * Breakpoints & Media Queries
  */
 /**
- * Colors
+ * SCSS Variables.
+ *
+ * Please use variables from this sheet to ensure consistency across the UI.
+ * Don't add to this sheet unless you're pretty sure the value will be reused in many places.
+ * For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
  */
 /**
- * Deprecated colors.
- * Please avoid using these.
+ * Colors
  */
 /**
  * Fonts & basic variables.
@@ -32,10 +31,14 @@
  * Editor widths.
  */
 /**
- * Block UI.
+ * Block & Editor UI.
  */
 /**
- * Border radii.
+ * Block paddings.
+ */
+/**
+ * React Native specific.
+ * These variables do not appear to be used anywhere else.
  */
 /**
  * Breakpoint mixins
@@ -68,16 +71,29 @@
 :root {
   --wp-admin-theme-color: #007cba;
   --wp-admin-theme-color-darker-10: #006ba1;
-  --wp-admin-theme-color-darker-20: #005a87; }
+  --wp-admin-theme-color-darker-20: #005a87;
+  --wp-admin-border-width-focus: 2px;
+}
+@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
+  :root {
+    --wp-admin-border-width-focus: 1.5px;
+  }
+}
+
+.block-editor-format-toolbar__image-popover {
+  z-index: 159990;
+}
 
 .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; }
+  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;
@@ -85,14 +101,18 @@
   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; }
+  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; }
+  display: flex;
+}
 
 .block-editor-format-toolbar__link-container-value {
   margin: 7px;
@@ -102,9 +122,11 @@
   text-overflow: ellipsis;
   white-space: nowrap;
   min-width: 150px;
-  max-width: 500px; }
-  .block-editor-format-toolbar__link-container-value.has-invalid-link {
-    color: #d94f4f; }
+  max-width: 500px;
+}
+.block-editor-format-toolbar__link-container-value.has-invalid-link {
+  color: #cc1818;
+}
 
 .components-inline-color__indicator {
   position: absolute;
@@ -114,29 +136,33 @@
   bottom: 6px;
   right: auto;
   left: auto;
-  margin: 0 5px; }
+  margin: 0 5px;
+}
 
 .components-inline-color-popover .components-popover__content > div {
-  padding: 20px 18px; }
-
+  padding: 20px 18px;
+}
 .components-inline-color-popover .components-popover__content .components-color-palette {
-  margin-top: 0.6rem; }
-
+  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; }
-
+  color: #191e23;
+}
 .components-inline-color-popover .components-popover__content .component-color-indicator {
-  vertical-align: text-bottom; }
+  vertical-align: text-bottom;
+}
 
 .format-library-text-color-button {
-  position: relative; }
+  position: relative;
+}
 
 .format-library-text-color-button__indicator {
   height: 4px;
   width: 20px;
   position: absolute;
   bottom: 10px;
-  right: 8px; }
+  right: 8px;
+}
\ No newline at end of file