--- a/wp/wp-includes/css/dist/nux/style-rtl.css Tue Dec 15 15:52:01 2020 +0100
+++ b/wp/wp-includes/css/dist/nux/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,14 +71,21 @@
: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;
+ }
+}
.nux-dot-tip::before, .nux-dot-tip::after {
border-radius: 100%;
content: " ";
pointer-events: none;
- position: absolute; }
-
+ position: absolute;
+}
.nux-dot-tip::before {
animation: nux-pulse 1.6s infinite cubic-bezier(0.17, 0.67, 0.92, 0.62);
background: rgba(0, 115, 156, 0.9);
@@ -83,78 +93,85 @@
height: 24px;
right: -12px;
top: -12px;
- transform: scale(0.33333);
- width: 24px; }
-
+ transform: scale(0.3333333333);
+ width: 24px;
+}
.nux-dot-tip::after {
background: #00739c;
height: 8px;
right: -4px;
top: -4px;
- width: 8px; }
-
+ width: 8px;
+}
@keyframes nux-pulse {
100% {
background: rgba(0, 115, 156, 0);
- transform: scale(1); } }
-
+ transform: scale(1);
+ }
+}
.nux-dot-tip .components-popover__content {
- width: 350px; }
- .nux-dot-tip .components-popover__content > div {
- padding: 20px 18px; }
- @media (min-width: 600px) {
- .nux-dot-tip .components-popover__content {
- width: 450px; } }
- .nux-dot-tip .components-popover__content .nux-dot-tip__disable {
- position: absolute;
- left: 0;
- top: 0; }
-
-.nux-dot-tip[data-y-axis="top"] {
- margin-top: -4px; }
-
-.nux-dot-tip[data-y-axis="bottom"] {
- margin-top: 4px; }
-
-.nux-dot-tip[data-y-axis="middle"][data-y-axis="left"] {
- margin-right: -4px; }
-
-.nux-dot-tip[data-y-axis="middle"][data-y-axis="right"] {
- margin-right: 4px; }
-
-.nux-dot-tip[data-y-axis="top"] .components-popover__content {
- margin-bottom: 20px; }
-
-.nux-dot-tip[data-y-axis="bottom"] .components-popover__content {
- margin-top: 20px; }
-
-.nux-dot-tip[data-y-axis="middle"][data-y-axis="left"] .components-popover__content {
- margin-left: 20px; }
-
-.nux-dot-tip[data-y-axis="middle"][data-y-axis="right"] .components-popover__content {
- margin-right: 20px; }
-
-.nux-dot-tip[data-y-axis="left"], .nux-dot-tip[data-y-axis="center"], .nux-dot-tip[data-y-axis="right"] {
- z-index: 1000001; }
- @media (max-width: 600px) {
- .nux-dot-tip[data-y-axis="left"] .components-popover__content, .nux-dot-tip[data-y-axis="center"] .components-popover__content, .nux-dot-tip[data-y-axis="right"] .components-popover__content {
- -ms-grid-row-align: end;
- align-self: end;
- right: 5px;
- margin: 20px 0 0 0;
- max-width: none !important;
- position: fixed;
- left: 5px;
- width: auto; } }
-
-.nux-dot-tip.components-popover:not([data-y-axis="middle"])[data-y-axis="right"] .components-popover__content {
- margin-left: 0; }
-
-.nux-dot-tip.components-popover:not([data-y-axis="middle"])[data-y-axis="left"] .components-popover__content {
- margin-right: 0; }
-
-.nux-dot-tip.components-popover.edit-post-more-menu__content:not([data-y-axis="middle"])[data-y-axis="right"] .components-popover__content {
- margin-left: -12px; }
-
-.nux-dot-tip.components-popover.edit-post-more-menu__content:not([data-y-axis="middle"])[data-y-axis="left"] .components-popover__content {
- margin-right: -12px; }
+ width: 350px;
+}
+.nux-dot-tip .components-popover__content > div {
+ padding: 20px 18px;
+}
+@media (min-width: 600px) {
+ .nux-dot-tip .components-popover__content {
+ width: 450px;
+ }
+}
+.nux-dot-tip .components-popover__content .nux-dot-tip__disable {
+ position: absolute;
+ left: 0;
+ top: 0;
+}
+.nux-dot-tip[data-y-axis=top] {
+ margin-top: -4px;
+}
+.nux-dot-tip[data-y-axis=bottom] {
+ margin-top: 4px;
+}
+.nux-dot-tip[data-y-axis=middle][data-y-axis=left] {
+ margin-right: -4px;
+}
+.nux-dot-tip[data-y-axis=middle][data-y-axis=right] {
+ margin-right: 4px;
+}
+.nux-dot-tip[data-y-axis=top] .components-popover__content {
+ margin-bottom: 20px;
+}
+.nux-dot-tip[data-y-axis=bottom] .components-popover__content {
+ margin-top: 20px;
+}
+.nux-dot-tip[data-y-axis=middle][data-y-axis=left] .components-popover__content {
+ margin-left: 20px;
+}
+.nux-dot-tip[data-y-axis=middle][data-y-axis=right] .components-popover__content {
+ margin-right: 20px;
+}
+.nux-dot-tip[data-y-axis=left], .nux-dot-tip[data-y-axis=center], .nux-dot-tip[data-y-axis=right] {
+ z-index: 1000001;
+}
+@media (max-width: 600px) {
+ .nux-dot-tip[data-y-axis=left] .components-popover__content, .nux-dot-tip[data-y-axis=center] .components-popover__content, .nux-dot-tip[data-y-axis=right] .components-popover__content {
+ align-self: end;
+ right: 5px;
+ margin: 20px 0 0 0;
+ max-width: none !important;
+ position: fixed;
+ left: 5px;
+ width: auto;
+ }
+}
+.nux-dot-tip.components-popover:not([data-y-axis=middle])[data-y-axis=right] .components-popover__content {
+ margin-left: 0;
+}
+.nux-dot-tip.components-popover:not([data-y-axis=middle])[data-y-axis=left] .components-popover__content {
+ margin-right: 0;
+}
+.nux-dot-tip.components-popover.edit-post-more-menu__content:not([data-y-axis=middle])[data-y-axis=right] .components-popover__content {
+ margin-left: -12px;
+}
+.nux-dot-tip.components-popover.edit-post-more-menu__content:not([data-y-axis=middle])[data-y-axis=left] .components-popover__content {
+ margin-right: -12px;
+}
\ No newline at end of file