diff -r 7b1b88e27a20 -r 48c4eec2b7e6 wp/wp-includes/css/dist/block-library/common-rtl.css --- a/wp/wp-includes/css/dist/block-library/common-rtl.css Thu Sep 29 08:06:27 2022 +0200 +++ b/wp/wp-includes/css/dist/block-library/common-rtl.css Fri Sep 05 18:40:08 2025 +0200 @@ -1,245 +1,196 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * 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. - */ -/** - * Colors - */ -/** - * 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 & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * These variables do not appear to be used anywhere else. - */ -/** -* Converts a hex value into the rgb equivalent. -* -* @param {string} hex - the hexadecimal value to convert -* @return {string} comma separated rgb values -*/ -/** - * Breakpoint mixins - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left 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--rgb: 0, 124, 186; - --wp-admin-theme-color-darker-10: #006ba1; - --wp-admin-theme-color-darker-10--rgb: 0, 107, 161; - --wp-admin-theme-color-darker-20: #005a87; - --wp-admin-theme-color-darker-20--rgb: 0, 90, 135; - --wp-admin-border-width-focus: 2px; +:root{ + --wp-admin-theme-color:#007cba; + --wp-admin-theme-color--rgb:0, 124, 186; + --wp-admin-theme-color-darker-10:#006ba1; + --wp-admin-theme-color-darker-10--rgb:0, 107, 161; + --wp-admin-theme-color-darker-20:#005a87; + --wp-admin-theme-color-darker-20--rgb:0, 90, 135; + --wp-admin-border-width-focus:2px; + --wp-block-synced-color:#7a00df; + --wp-block-synced-color--rgb:122, 0, 223; + --wp-bound-block-color:var(--wp-block-synced-color); +} +@media (min-resolution:192dpi){ + :root{ + --wp-admin-border-width-focus:1.5px; + } +} +.wp-element-button{ + cursor:pointer; +} + +:root{ + --wp--preset--font-size--normal:16px; + --wp--preset--font-size--huge:42px; +} +:root .has-very-light-gray-background-color{ + background-color:#eee; +} +:root .has-very-dark-gray-background-color{ + background-color:#313131; +} +:root .has-very-light-gray-color{ + color:#eee; +} +:root .has-very-dark-gray-color{ + color:#313131; +} +:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{ + background:linear-gradient(-135deg, #00d084, #0693e3); +} +:root .has-purple-crush-gradient-background{ + background:linear-gradient(-135deg, #34e2e4, #4721fb 50%, #ab1dfe); +} +:root .has-hazy-dawn-gradient-background{ + background:linear-gradient(-135deg, #faaca8, #dad0ec); } -@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { - :root { - --wp-admin-border-width-focus: 1.5px; - } +:root .has-subdued-olive-gradient-background{ + background:linear-gradient(-135deg, #fafae1, #67a671); +} +:root .has-atomic-cream-gradient-background{ + background:linear-gradient(-135deg, #fdd79a, #004a59); +} +:root .has-nightshade-gradient-background{ + background:linear-gradient(-135deg, #330968, #31cdcf); +} +:root .has-midnight-gradient-background{ + background:linear-gradient(-135deg, #020381, #2874fc); +} + +.has-regular-font-size{ + font-size:1em; +} + +.has-larger-font-size{ + font-size:2.625em; +} + +.has-normal-font-size{ + font-size:var(--wp--preset--font-size--normal); +} + +.has-huge-font-size{ + font-size:var(--wp--preset--font-size--huge); +} + +.has-text-align-center{ + text-align:center; +} + +.has-text-align-left{ + text-align:left; +} + +.has-text-align-right{ + text-align:right; +} + +#end-resizable-editor-section{ + display:none; +} + +.aligncenter{ + clear:both; } -:root { - /* - * Our classes uses the same values we set for gradient value attributes, - * and we can not use spacing because of WP multi site kses rule. - */ - /* stylelint-disable function-comma-space-after */ - /* stylelint-enable function-comma-space-after */ - --wp--preset--font-size--normal: 16px; - --wp--preset--font-size--huge: 42px; +.items-justified-left{ + justify-content:flex-start; } -:root .has-very-light-gray-background-color { - background-color: #eee; -} -:root .has-very-dark-gray-background-color { - background-color: #313131; -} -:root .has-very-light-gray-color { - color: #eee; + +.items-justified-center{ + justify-content:center; } -:root .has-very-dark-gray-color { - color: #313131; -} -:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background { - background: linear-gradient(-135deg, #00d084 0%, #0693e3 100%); -} -:root .has-purple-crush-gradient-background { - background: linear-gradient(-135deg, #34e2e4 0%, #4721fb 50%, #ab1dfe 100%); -} -:root .has-hazy-dawn-gradient-background { - background: linear-gradient(-135deg, #faaca8 0%, #dad0ec 100%); + +.items-justified-right{ + justify-content:flex-end; } -:root .has-subdued-olive-gradient-background { - background: linear-gradient(-135deg, #fafae1 0%, #67a671 100%); -} -:root .has-atomic-cream-gradient-background { - background: linear-gradient(-135deg, #fdd79a 0%, #004a59 100%); -} -:root .has-nightshade-gradient-background { - background: linear-gradient(-135deg, #330968 0%, #31cdcf 100%); -} -:root .has-midnight-gradient-background { - background: linear-gradient(-135deg, #020381 0%, #2874fc 100%); + +.items-justified-space-between{ + justify-content:space-between; } -.has-regular-font-size { - font-size: 1em; -} - -.has-larger-font-size { - font-size: 2.625em; -} - -.has-normal-font-size { - font-size: var(--wp--preset--font-size--normal); +.screen-reader-text{ + border:0; + clip:rect(1px, 1px, 1px, 1px); + clip-path:inset(50%); + height:1px; + margin:-1px; + overflow:hidden; + padding:0; + position:absolute; + width:1px; + word-wrap:normal !important; } -.has-huge-font-size { - font-size: var(--wp--preset--font-size--huge); -} - -.has-text-align-center { - text-align: center; +.screen-reader-text:focus{ + background-color:#ddd; + clip:auto !important; + clip-path:none; + color:#444; + display:block; + font-size:1em; + height:auto; + line-height:normal; + padding:15px 23px 14px; + right:5px; + text-decoration:none; + top:5px; + width:auto; + z-index:100000; } - -.has-text-align-left { - text-align: left; -} - -.has-text-align-right { - text-align: right; -} - -#end-resizable-editor-section { - display: none; +html :where(.has-border-color){ + border-style:solid; } -.aligncenter { - clear: both; +html :where([style*=border-top-color]){ + border-top-style:solid; } -.items-justified-left { - justify-content: flex-start; -} - -.items-justified-center { - justify-content: center; -} - -.items-justified-right { - justify-content: flex-end; +html :where([style*=border-right-color]){ + border-left-style:solid; } -.items-justified-space-between { - justify-content: space-between; +html :where([style*=border-bottom-color]){ + border-bottom-style:solid; } -.screen-reader-text { - border: 0; - clip: rect(1px, 1px, 1px, 1px); - -webkit-clip-path: inset(50%); - clip-path: inset(50%); - height: 1px; - margin: -1px; - overflow: hidden; - padding: 0; - position: absolute; - width: 1px; - word-wrap: normal !important; +html :where([style*=border-left-color]){ + border-right-style:solid; +} + +html :where([style*=border-width]){ + border-style:solid; +} + +html :where([style*=border-top-width]){ + border-top-style:solid; } -.screen-reader-text:focus { - background-color: #ddd; - clip: auto !important; - -webkit-clip-path: none; - clip-path: none; - color: #444; - display: block; - font-size: 1em; - height: auto; - right: 5px; - line-height: normal; - padding: 15px 23px 14px; - text-decoration: none; - top: 5px; - width: auto; - z-index: 100000; +html :where([style*=border-right-width]){ + border-left-style:solid; +} + +html :where([style*=border-bottom-width]){ + border-bottom-style:solid; } -/** - * The following provide a simple means of applying a default border style when - * a user first makes a selection in the border block support panel. - * This prevents issues such as where the user could set a border width - * and see no border due there being no border style set. - * - * This is intended to be removed once intelligent defaults can be set while - * making border selections via the block support. - * - * See: https://github.com/WordPress/gutenberg/pull/33743 - */ -html :where(.has-border-color) { - border-style: solid; +html :where([style*=border-left-width]){ + border-right-style:solid; +} +html :where(img[class*=wp-image-]){ + height:auto; + max-width:100%; +} +:where(figure){ + margin:0 0 1em; } -html :where([style*="border-width"]) { - border-style: solid; +html :where(.is-position-sticky){ + --wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height, 0px); } -/** - * Provide baseline responsiveness for images. - */ -html :where(img[class*="wp-image-"]) { - height: auto; - max-width: 100%; +@media screen and (max-width:600px){ + html :where(.is-position-sticky){ + --wp-admin--admin-bar--position-offset:0px; + } } \ No newline at end of file