diff -r 34716fd837a4 -r be944660c56a wp/wp-includes/css/dist/nux/style-rtl.css --- 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