diff -r be944660c56a -r 3d72ae0968f4 wp/wp-includes/css/dist/block-library/common-rtl.css --- a/wp/wp-includes/css/dist/block-library/common-rtl.css Wed Sep 21 18:19:35 2022 +0200 +++ b/wp/wp-includes/css/dist/block-library/common-rtl.css Tue Sep 27 16:37:53 2022 +0200 @@ -41,6 +41,12 @@ * 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 */ /** @@ -70,8 +76,11 @@ */ :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; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { @@ -81,135 +90,36 @@ } :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 */ -} -:root .has-pale-pink-background-color { - background-color: #f78da7; -} -:root .has-vivid-red-background-color { - background-color: #cf2e2e; -} -:root .has-luminous-vivid-orange-background-color { - background-color: #ff6900; -} -:root .has-luminous-vivid-amber-background-color { - background-color: #fcb900; -} -:root .has-light-green-cyan-background-color { - background-color: #7bdcb5; -} -:root .has-vivid-green-cyan-background-color { - background-color: #00d084; -} -:root .has-pale-cyan-blue-background-color { - background-color: #8ed1fc; -} -:root .has-vivid-cyan-blue-background-color { - background-color: #0693e3; -} -:root .has-vivid-purple-background-color { - background-color: #9b51e0; -} -:root .has-white-background-color { - background-color: #fff; + --wp--preset--font-size--normal: 16px; + --wp--preset--font-size--huge: 42px; } :root .has-very-light-gray-background-color { background-color: #eee; } -:root .has-cyan-bluish-gray-background-color { - background-color: #abb8c3; -} :root .has-very-dark-gray-background-color { background-color: #313131; } -:root .has-black-background-color { - background-color: #000; -} -:root .has-pale-pink-color { - color: #f78da7; -} -:root .has-vivid-red-color { - color: #cf2e2e; -} -:root .has-luminous-vivid-orange-color { - color: #ff6900; -} -:root .has-luminous-vivid-amber-color { - color: #fcb900; -} -:root .has-light-green-cyan-color { - color: #7bdcb5; -} -:root .has-vivid-green-cyan-color { - color: #00d084; -} -:root .has-pale-cyan-blue-color { - color: #8ed1fc; -} -:root .has-vivid-cyan-blue-color { - color: #0693e3; -} -:root .has-vivid-purple-color { - color: #9b51e0; -} -:root .has-white-color { - color: #fff; -} :root .has-very-light-gray-color { color: #eee; } -:root .has-cyan-bluish-gray-color { - color: #abb8c3; -} :root .has-very-dark-gray-color { color: #313131; } -:root .has-black-color { - color: #000; -} -:root .has-vivid-cyan-blue-to-vivid-purple-gradient-background { - background: linear-gradient(-135deg, #0693e3 0%, #9b51e0 100%); -} :root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background { background: linear-gradient(-135deg, #00d084 0%, #0693e3 100%); } -:root .has-light-green-cyan-to-vivid-green-cyan-gradient-background { - background: linear-gradient(-135deg, #7adcb4 0%, #00d082 100%); -} -:root .has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background { - background: linear-gradient(-135deg, #fcb900 0%, #ff6900 100%); -} -:root .has-luminous-vivid-orange-to-vivid-red-gradient-background { - background: linear-gradient(-135deg, #ff6900 0%, #cf2e2e 100%); -} -:root .has-very-light-gray-to-cyan-bluish-gray-gradient-background { - background: linear-gradient(-135deg, #eeeeee 0%, #a9b8c3 100%); -} -:root .has-cool-to-warm-spectrum-gradient-background { - background: linear-gradient(-135deg, #4aeadc 0%, #9778d1 20%, #cf2aba 40%, #ee2c82 60%, #fb6962 80%, #fef84c 100%); -} -:root .has-blush-light-purple-gradient-background { - background: linear-gradient(-135deg, #ffceec 0%, #9896f0 100%); -} -:root .has-blush-bordeaux-gradient-background { - background: linear-gradient(-135deg, #fecda5 0%, #fe2d2d 50%, #6b003e 100%); -} :root .has-purple-crush-gradient-background { background: linear-gradient(-135deg, #34e2e4 0%, #4721fb 50%, #ab1dfe 100%); } -:root .has-luminous-dusk-gradient-background { - background: linear-gradient(-135deg, #ffcb70 0%, #c751c0 50%, #4158d0 100%); -} :root .has-hazy-dawn-gradient-background { background: linear-gradient(-135deg, #faaca8 0%, #dad0ec 100%); } -:root .has-pale-ocean-gradient-background { - background: linear-gradient(-135deg, #fff5cb 0%, #b6e3d4 50%, #33a7b5 100%); -} -:root .has-electric-grass-gradient-background { - background: linear-gradient(-135deg, #caf880 0%, #71ce7e 100%); -} :root .has-subdued-olive-gradient-background { background: linear-gradient(-135deg, #fafae1 0%, #67a671 100%); } @@ -223,26 +133,20 @@ background: linear-gradient(-135deg, #020381 0%, #2874fc 100%); } -.has-small-font-size { - font-size: 0.8125em; -} - -.has-regular-font-size, -.has-normal-font-size { +.has-regular-font-size { font-size: 1em; } -.has-medium-font-size { - font-size: 1.25em; +.has-larger-font-size { + font-size: 2.625em; } -.has-large-font-size { - font-size: 2.25em; +.has-normal-font-size { + font-size: var(--wp--preset--font-size--normal); } -.has-larger-font-size, .has-huge-font-size { - font-size: 2.625em; + font-size: var(--wp--preset--font-size--huge); } .has-text-align-center { @@ -311,4 +215,31 @@ top: 5px; width: auto; z-index: 100000; +} + +/** + * 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-width"]) { + border-style: solid; +} + +/** + * Provide baseline responsiveness for images. + */ +html :where(img[class*="wp-image-"]) { + height: auto; + max-width: 100%; } \ No newline at end of file