diff -r 3d4e9c994f10 -r a86126ab1dd4 wp/wp-includes/css/dist/editor/editor-styles-rtl.css --- a/wp/wp-includes/css/dist/editor/editor-styles-rtl.css Tue Oct 22 16:11:46 2019 +0200 +++ b/wp/wp-includes/css/dist/editor/editor-styles-rtl.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,34 +47,124 @@ * 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; } + +/** + * Editor Normalization Styles + * + * These are only output in the editor, but styles here are prefixed .editor-styles-wrapper and affect the theming + * of the editor by themes. + * Why do these exist? Why not rely on browser defaults? + * These styles are necessary so long as CSS can bleed from the wp-admin into the editing canvas itself. + * Let's continue working to refactor these away, whether through Shadow DOM or better scoping of upstream styles. + */ body { font-family: "Noto Serif", serif; font-size: 16px; line-height: 1.8; - color: #191e23; } + color: #1e1e1e; + padding: 10px; } + +.block-editor-block-list__layout.is-root-container > .wp-block[data-align="full"] { + margin-right: -10px; + margin-left: -10px; } + +/* Headings */ +h1 { + font-size: 2.44em; } + +h2 { + font-size: 1.95em; } + +h3 { + font-size: 1.56em; } + +h4 { + font-size: 1.25em; } + +h5 { + font-size: 1em; } + +h6 { + font-size: 0.8em; } + +h1, +h2, +h3 { + line-height: 1.4; } + +h4 { + line-height: 1.5; } + +h1 { + margin-top: 0.67em; + margin-bottom: 0.67em; } + +h2 { + margin-top: 0.83em; + margin-bottom: 0.83em; } + +h3 { + margin-top: 1em; + margin-bottom: 1em; } + +h4 { + margin-top: 1.33em; + margin-bottom: 1.33em; } + +h5 { + margin-top: 1.67em; + margin-bottom: 1.67em; } + +h6 { + margin-top: 2.33em; + margin-bottom: 2.33em; } + +h1, +h2, +h3, +h4, +h5, +h6 { + color: inherit; } p { font-size: inherit; - line-height: inherit; } + line-height: inherit; + margin-top: 28px; + margin-bottom: 28px; } ul, ol { - margin: 0; - padding: 0; } + margin-bottom: 28px; + padding-right: 1.3em; + margin-right: 1.3em; } + ul ul, + ul ol, + ol ul, + ol ol { + margin-bottom: 0; } ul li, ol li { margin-bottom: initial; } @@ -58,3 +178,21 @@ ul ul, ol ul { list-style-type: circle; } + +.wp-align-wrapper { + max-width: 580px; } + .wp-align-wrapper > .wp-block, .wp-align-wrapper.wp-align-full { + max-width: none; } + .wp-align-wrapper.wp-align-wide { + max-width: 1100px; } + +a { + transition: none; } + +code, +kbd { + padding: 0; + margin: 0; + background: inherit; + font-size: inherit; + font-family: monospace; }