diff -r 34716fd837a4 -r be944660c56a wp/wp-includes/css/dist/block-library/theme.css --- a/wp/wp-includes/css/dist/block-library/theme.css Tue Dec 15 15:52:01 2020 +0100 +++ b/wp/wp-includes/css/dist/block-library/theme.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 @@ -65,124 +68,158 @@ /** * 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; } - #start-resizable-editor-section { - display: none; } + display: none; +} .wp-block-audio figcaption { - color: #555d66; + color: #555; font-size: 13px; - text-align: center; } + text-align: center; +} +.is-dark-theme .wp-block-audio figcaption { + color: rgba(255, 255, 255, 0.65); +} .wp-block-code { font-family: Menlo, Consolas, monaco, monospace; - font-size: 15px; color: #1e1e1e; padding: 0.8em 1em; border: 1px solid #ddd; - border-radius: 4px; } + border-radius: 4px; +} .wp-block-embed figcaption { - color: #555d66; + color: #555; font-size: 13px; - text-align: center; } + text-align: center; +} +.is-dark-theme .wp-block-embed figcaption { + color: rgba(255, 255, 255, 0.65); +} .blocks-gallery-caption { - color: #555d66; + color: #555; font-size: 13px; - text-align: center; } + text-align: center; +} +.is-dark-theme .blocks-gallery-caption { + color: rgba(255, 255, 255, 0.65); +} .wp-block-image figcaption { - color: #555d66; + color: #555; font-size: 13px; - text-align: center; } + text-align: center; +} +.is-dark-theme .wp-block-image figcaption { + color: rgba(255, 255, 255, 0.65); +} .wp-block-pullquote { - border-top: 4px solid #555d66; - border-bottom: 4px solid #555d66; - margin-bottom: 28px; - color: #40464d; } - .wp-block-pullquote cite, - .wp-block-pullquote footer, .wp-block-pullquote__citation { - color: #40464d; - text-transform: uppercase; - font-size: 13px; - font-style: normal; } - -.wp-block-navigation ul, -.wp-block-navigation ul li { - list-style: none; } - -.wp-block-navigation-link.wp-block-navigation-link { - margin: 0; } + border-top: 4px solid currentColor; + border-bottom: 4px solid currentColor; + margin-bottom: 1.75em; + color: currentColor; +} +.wp-block-pullquote cite, +.wp-block-pullquote footer, .wp-block-pullquote__citation { + color: currentColor; + text-transform: uppercase; + font-size: 0.8125em; + font-style: normal; +} .wp-block-quote { - border-left: 4px solid #000; - margin: 0 0 28px 0; - padding-left: 1em; } - .wp-block-quote cite, - .wp-block-quote footer, .wp-block-quote__citation { - color: #6c7781; - font-size: 13px; - margin-top: 1em; - position: relative; - font-style: normal; } - .wp-block-quote.has-text-align-right, .wp-block-quote.has-text-align-right { - border-left: none; - border-right: 4px solid #000; - padding-left: 0; - padding-right: 1em; } - .wp-block-quote.has-text-align-center, .wp-block-quote.has-text-align-center { - border: none; - padding-left: 0; } - .wp-block-quote.is-style-large, .wp-block-quote.is-large { - border: none; } + border-left: 0.25em solid currentColor; + margin: 0 0 1.75em 0; + padding-left: 1em; +} +.wp-block-quote cite, +.wp-block-quote footer { + color: currentColor; + font-size: 0.8125em; + position: relative; + font-style: normal; +} +.wp-block-quote.has-text-align-right { + border-left: none; + border-right: 0.25em solid currentColor; + padding-left: 0; + padding-right: 1em; +} +.wp-block-quote.has-text-align-center { + border: none; + padding-left: 0; +} +.wp-block-quote.is-style-large, .wp-block-quote.is-large { + border: none; +} .wp-block-search .wp-block-search__label { - font-weight: bold; } + font-weight: bold; +} .wp-block-group.has-background { - padding: 20px 30px; + padding: 1.25em 2.375em; margin-top: 0; - margin-bottom: 0; } + margin-bottom: 0; +} .wp-block-separator { border: none; - border-bottom: 2px solid #8f98a1; + border-bottom: 2px solid currentColor; margin-left: auto; - margin-right: auto; } - .wp-block-separator:not(.is-style-wide):not(.is-style-dots) { - max-width: 100px; } - .wp-block-separator.has-background:not(.is-style-dots) { - border-bottom: none; - height: 1px; } - .wp-block-separator.has-background:not(.is-style-wide):not(.is-style-dots) { - height: 2px; } + margin-right: auto; + opacity: 0.4; +} +.wp-block-separator:not(.is-style-wide):not(.is-style-dots) { + width: 100px; +} +.wp-block-separator.has-background:not(.is-style-dots) { + border-bottom: none; + height: 1px; +} +.wp-block-separator.has-background:not(.is-style-wide):not(.is-style-dots) { + height: 2px; +} -.wp-block-table { - border-collapse: collapse; } - .wp-block-table thead { - border-bottom: 3px solid; } - .wp-block-table tfoot { - border-top: 3px solid; } - .wp-block-table td, - .wp-block-table th { - padding: 0.5em; - border: 1px solid; - word-break: normal; } - .wp-block-table figcaption { - color: #555d66; - font-size: 13px; - text-align: center; } +.wp-block-table thead { + border-bottom: 3px solid; +} +.wp-block-table tfoot { + border-top: 3px solid; +} +.wp-block-table td, +.wp-block-table th { + padding: 0.5em; + border: 1px solid; + word-break: normal; +} +.wp-block-table figcaption { + color: #555; + font-size: 13px; + text-align: center; +} +.is-dark-theme .wp-block-table figcaption { + color: rgba(255, 255, 255, 0.65); +} .wp-block-video figcaption { - color: #555d66; + color: #555; font-size: 13px; - text-align: center; } + text-align: center; +} +.is-dark-theme .wp-block-video figcaption { + color: rgba(255, 255, 255, 0.65); +} + +.wp-block-template-part.has-background { + padding: 1.25em 2.375em; + margin-top: 0; + margin-bottom: 0; +} #end-resizable-editor-section { - display: none; } + display: none; +} \ No newline at end of file