diff -r 3d4e9c994f10 -r a86126ab1dd4 wp/wp-includes/css/dist/block-library/theme.css --- a/wp/wp-includes/css/dist/block-library/theme.css Tue Oct 22 16:11:46 2019 +0200 +++ b/wp/wp-includes/css/dist/block-library/theme.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,40 +47,64 @@ * 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; } + +#start-resizable-editor-section { + display: none; } + +.wp-block-audio figcaption { + color: #555d66; + font-size: 13px; + text-align: center; } + .wp-block-code { font-family: Menlo, Consolas, monaco, monospace; - font-size: 14px; - color: #23282d; + font-size: 15px; + color: #1e1e1e; padding: 0.8em 1em; - border: 1px solid #e2e4e7; + border: 1px solid #ddd; border-radius: 4px; } -.wp-block-preformatted pre { - font-family: Menlo, Consolas, monaco, monospace; - color: #23282d; - /* Fonts smaller than 16px causes mobile safari to zoom. */ - font-size: 16px; } - @media (min-width: 600px) { - .wp-block-preformatted pre { - font-size: 14px; } } +.wp-block-embed figcaption { + color: #555d66; + font-size: 13px; + text-align: center; } + +.blocks-gallery-caption { + color: #555d66; + font-size: 13px; + text-align: center; } + +.wp-block-image figcaption { + color: #555d66; + font-size: 13px; + text-align: center; } .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 { @@ -59,9 +113,16 @@ 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; } + .wp-block-quote { border-left: 4px solid #000; - margin: 20px 0; + margin: 0 0 28px 0; padding-left: 1em; } .wp-block-quote cite, .wp-block-quote footer, .wp-block-quote__citation { @@ -70,12 +131,12 @@ margin-top: 1em; position: relative; font-style: normal; } - .wp-block-quote[style*="text-align:right"], .wp-block-quote[style*="text-align: right"] { + .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[style*="text-align:center"], .wp-block-quote[style*="text-align: center"] { + .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 { @@ -84,19 +145,44 @@ .wp-block-search .wp-block-search__label { font-weight: bold; } +.wp-block-group.has-background { + padding: 20px 30px; + margin-top: 0; + margin-bottom: 0; } + .wp-block-separator { border: none; border-bottom: 2px solid #8f98a1; - margin: 1.65em auto; } + 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; } .wp-block-table { - width: 100%; - min-width: 240px; 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 currentColor; - word-break: break-all; } + border: 1px solid; + word-break: normal; } + .wp-block-table figcaption { + color: #555d66; + font-size: 13px; + text-align: center; } + +.wp-block-video figcaption { + color: #555d66; + font-size: 13px; + text-align: center; } + +#end-resizable-editor-section { + display: none; }