diff -r 3d4e9c994f10 -r a86126ab1dd4 wp/wp-includes/css/dist/nux/style.css --- a/wp/wp-includes/css/dist/nux/style.css Tue Oct 22 16:11:46 2019 +0200 +++ b/wp/wp-includes/css/dist/nux/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,20 +47,29 @@ * 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; } + .nux-dot-tip::before, .nux-dot-tip::after { border-radius: 100%; content: " "; @@ -40,6 +79,7 @@ .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); + opacity: 0.9; height: 24px; left: -12px; top: -12px; @@ -59,8 +99,9 @@ transform: scale(1); } } .nux-dot-tip .components-popover__content { - padding: 5px 41px 5px 20px; width: 350px; } + .nux-dot-tip .components-popover__content > div { + padding: 20px 18px; } @media (min-width: 600px) { .nux-dot-tip .components-popover__content { width: 450px; } } @@ -69,35 +110,36 @@ right: 0; top: 0; } -.nux-dot-tip.is-top { +.nux-dot-tip[data-y-axis="top"] { margin-top: -4px; } -.nux-dot-tip.is-bottom { +.nux-dot-tip[data-y-axis="bottom"] { margin-top: 4px; } -.nux-dot-tip.is-middle.is-left { +.nux-dot-tip[data-y-axis="middle"][data-y-axis="left"] { margin-left: -4px; } -.nux-dot-tip.is-middle.is-right { +.nux-dot-tip[data-y-axis="middle"][data-y-axis="right"] { margin-left: 4px; } -.nux-dot-tip.is-top .components-popover__content { +.nux-dot-tip[data-y-axis="top"] .components-popover__content { margin-bottom: 20px; } -.nux-dot-tip.is-bottom .components-popover__content { +.nux-dot-tip[data-y-axis="bottom"] .components-popover__content { margin-top: 20px; } -.nux-dot-tip.is-middle.is-left .components-popover__content { +.nux-dot-tip[data-y-axis="middle"][data-y-axis="left"] .components-popover__content { margin-right: 20px; } -.nux-dot-tip.is-middle.is-right .components-popover__content { +.nux-dot-tip[data-y-axis="middle"][data-y-axis="right"] .components-popover__content { margin-left: 20px; } -.nux-dot-tip:not(.is-mobile).is-left, .nux-dot-tip:not(.is-mobile).is-center, .nux-dot-tip:not(.is-mobile).is-right { +.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:not(.is-mobile).is-left .components-popover__content, .nux-dot-tip:not(.is-mobile).is-center .components-popover__content, .nux-dot-tip:not(.is-mobile).is-right .components-popover__content { - align-self: end; + .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; left: 5px; margin: 20px 0 0 0; max-width: none !important; @@ -105,18 +147,18 @@ right: 5px; width: auto; } } -.nux-dot-tip.components-popover:not(.is-mobile):not(.is-middle).is-right .components-popover__content { +.nux-dot-tip.components-popover:not([data-y-axis="middle"])[data-y-axis="right"] .components-popover__content { /*!rtl:ignore*/ margin-left: 0; } -.nux-dot-tip.components-popover:not(.is-mobile):not(.is-middle).is-left .components-popover__content { +.nux-dot-tip.components-popover:not([data-y-axis="middle"])[data-y-axis="left"] .components-popover__content { /*!rtl:ignore*/ margin-right: 0; } -.nux-dot-tip.components-popover.edit-post-more-menu__content:not(.is-mobile):not(.is-middle).is-right .components-popover__content { +.nux-dot-tip.components-popover.edit-post-more-menu__content:not([data-y-axis="middle"])[data-y-axis="right"] .components-popover__content { /*!rtl:ignore*/ margin-left: -12px; } -.nux-dot-tip.components-popover.edit-post-more-menu__content:not(.is-mobile):not(.is-middle).is-left .components-popover__content { +.nux-dot-tip.components-popover.edit-post-more-menu__content:not([data-y-axis="middle"])[data-y-axis="left"] .components-popover__content { /*!rtl:ignore*/ margin-right: -12px; }