wp/wp-includes/css/dist/list-reusable-blocks/style.css
changeset 18 be944660c56a
parent 16 a86126ab1dd4
child 19 3d72ae0968f4
--- a/wp/wp-includes/css/dist/list-reusable-blocks/style.css	Tue Dec 15 15:52:01 2020 +0100
+++ b/wp/wp-includes/css/dist/list-reusable-blocks/style.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,66 +71,140 @@
 :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;
+  }
+}
 
 .list-reusable-blocks-import-dropdown__content .components-popover__content > div {
-  padding: 10px; }
+  padding: 10px;
+}
 
 .list-reusable-blocks-import-form__label {
   display: block;
-  margin-bottom: 10px; }
+  margin-bottom: 10px;
+}
 
 .list-reusable-blocks-import-form__button {
-  margin-top: 20px;
-  float: right; }
+  margin-top: 10px;
+  margin-bottom: 10px;
+  float: right;
+}
 
 .list-reusable-blocks-import-form .components-notice__content {
-  margin: 0; }
+  margin: 0;
+}
+.list-reusable-blocks-import-form .components-notice.is-dismissible {
+  padding-right: 0;
+  margin: 5px 0;
+}
 
 .list-reusable-blocks__container {
   display: inline-flex;
   align-items: center;
   position: relative;
-  top: -3px; }
-  .list-reusable-blocks__container .components-button {
-    height: 26px; }
+  top: -3px;
+}
+.list-reusable-blocks__container .components-button {
+  height: 26px;
+}
 
 body.admin-color-light {
   --wp-admin-theme-color: #0085ba;
   --wp-admin-theme-color-darker-10: #0073a1;
-  --wp-admin-theme-color-darker-20: #006187; }
+  --wp-admin-theme-color-darker-20: #006187;
+  --wp-admin-border-width-focus: 2px;
+}
+@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
+  body.admin-color-light {
+    --wp-admin-border-width-focus: 1.5px;
+  }
+}
 
 body.admin-color-modern {
   --wp-admin-theme-color: #3858e9;
   --wp-admin-theme-color-darker-10: #2145e6;
-  --wp-admin-theme-color-darker-20: #183ad6; }
+  --wp-admin-theme-color-darker-20: #183ad6;
+  --wp-admin-border-width-focus: 2px;
+}
+@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
+  body.admin-color-modern {
+    --wp-admin-border-width-focus: 1.5px;
+  }
+}
 
 body.admin-color-blue {
   --wp-admin-theme-color: #096484;
   --wp-admin-theme-color-darker-10: #07526c;
-  --wp-admin-theme-color-darker-20: #064054; }
+  --wp-admin-theme-color-darker-20: #064054;
+  --wp-admin-border-width-focus: 2px;
+}
+@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
+  body.admin-color-blue {
+    --wp-admin-border-width-focus: 1.5px;
+  }
+}
 
 body.admin-color-coffee {
   --wp-admin-theme-color: #46403c;
   --wp-admin-theme-color-darker-10: #383330;
-  --wp-admin-theme-color-darker-20: #2b2724; }
+  --wp-admin-theme-color-darker-20: #2b2724;
+  --wp-admin-border-width-focus: 2px;
+}
+@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
+  body.admin-color-coffee {
+    --wp-admin-border-width-focus: 1.5px;
+  }
+}
 
 body.admin-color-ectoplasm {
   --wp-admin-theme-color: #523f6d;
   --wp-admin-theme-color-darker-10: #46365d;
-  --wp-admin-theme-color-darker-20: #3a2c4d; }
+  --wp-admin-theme-color-darker-20: #3a2c4d;
+  --wp-admin-border-width-focus: 2px;
+}
+@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
+  body.admin-color-ectoplasm {
+    --wp-admin-border-width-focus: 1.5px;
+  }
+}
 
 body.admin-color-midnight {
   --wp-admin-theme-color: #e14d43;
   --wp-admin-theme-color-darker-10: #dd382d;
-  --wp-admin-theme-color-darker-20: #d02c21; }
+  --wp-admin-theme-color-darker-20: #d02c21;
+  --wp-admin-border-width-focus: 2px;
+}
+@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
+  body.admin-color-midnight {
+    --wp-admin-border-width-focus: 1.5px;
+  }
+}
 
 body.admin-color-ocean {
   --wp-admin-theme-color: #627c83;
   --wp-admin-theme-color-darker-10: #576e74;
-  --wp-admin-theme-color-darker-20: #4c6066; }
+  --wp-admin-theme-color-darker-20: #4c6066;
+  --wp-admin-border-width-focus: 2px;
+}
+@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
+  body.admin-color-ocean {
+    --wp-admin-border-width-focus: 1.5px;
+  }
+}
 
 body.admin-color-sunrise {
   --wp-admin-theme-color: #dd823b;
   --wp-admin-theme-color-darker-10: #d97426;
-  --wp-admin-theme-color-darker-20: #c36922; }
+  --wp-admin-theme-color-darker-20: #c36922;
+  --wp-admin-border-width-focus: 2px;
+}
+@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
+  body.admin-color-sunrise {
+    --wp-admin-border-width-focus: 1.5px;
+  }
+}
\ No newline at end of file