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