mirror of
https://github.com/WordPress/WordPress.git
synced 2024-12-22 17:18:32 +01:00
Twenty Twenty: Correct font-size for Code block and other preformatted elements.
The code block font-size was not the same in the editor and front. This sets it to 1em and corrects the value for preformatted elements along with adding border and padding in the editor for pre elements. Props viralsampat, mi5t4n, brobken, sabernhardt. Fixes #61845. Built from https://develop.svn.wordpress.org/trunk@58960 git-svn-id: http://core.svn.wordpress.org/trunk@58356 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
parent
0d5e01a52e
commit
d7a3815245
@ -325,7 +325,7 @@
|
|||||||
.editor-styles-wrapper pre,
|
.editor-styles-wrapper pre,
|
||||||
.editor-styles-wrapper samp {
|
.editor-styles-wrapper samp {
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
font-size: 0.75em;
|
font-size: 0.9em;
|
||||||
padding: 4px 6px;
|
padding: 4px 6px;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -336,6 +336,10 @@
|
|||||||
padding: 1em;
|
padding: 1em;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.editor-styles-wrapper pre code {
|
||||||
|
font-size: 1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
/* Custom Text Sizes ------------------------- */
|
/* Custom Text Sizes ------------------------- */
|
||||||
|
|
||||||
@ -715,9 +719,8 @@ hr.wp-block-separator.is-style-dots::before {
|
|||||||
color: inherit;
|
color: inherit;
|
||||||
}
|
}
|
||||||
|
|
||||||
.editor-styles-wrapper .wp-block-code,
|
.editor-styles-wrapper pre,
|
||||||
.editor-styles-wrapper .wp-block-preformatted pre,
|
.editor-styles-wrapper .wp-block-code {
|
||||||
.editor-styles-wrapper .wp-block-verse pre {
|
|
||||||
border: 1px solid #dcd7ca;
|
border: 1px solid #dcd7ca;
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
padding: 30px;
|
padding: 30px;
|
||||||
@ -730,7 +733,7 @@ hr.wp-block-separator.is-style-dots::before {
|
|||||||
background: transparent;
|
background: transparent;
|
||||||
color: inherit;
|
color: inherit;
|
||||||
font-family: monospace;
|
font-family: monospace;
|
||||||
font-size: 14px;
|
font-size: 16px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Block: Cover ------------------------------ */
|
/* Block: Cover ------------------------------ */
|
||||||
@ -1337,14 +1340,6 @@ hr.wp-block-separator.is-style-dots::before {
|
|||||||
font-size: 17px;
|
font-size: 17px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* BLOCK: CODE */
|
|
||||||
|
|
||||||
.editor-styles-wrapper .wp-block-preformatted pre,
|
|
||||||
.editor-styles-wrapper .wp-block-code .block-editor-plain-text,
|
|
||||||
.editor-styles-wrapper .wp-block-verse pre {
|
|
||||||
font-size: 16px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* BLOCK: COLUMNS */
|
/* BLOCK: COLUMNS */
|
||||||
|
|
||||||
.wp-block-column {
|
.wp-block-column {
|
||||||
|
@ -329,7 +329,7 @@
|
|||||||
.editor-styles-wrapper pre,
|
.editor-styles-wrapper pre,
|
||||||
.editor-styles-wrapper samp {
|
.editor-styles-wrapper samp {
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
font-size: 0.75em;
|
font-size: 0.9em;
|
||||||
padding: 4px 6px;
|
padding: 4px 6px;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -340,6 +340,10 @@
|
|||||||
padding: 1em;
|
padding: 1em;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.editor-styles-wrapper pre code {
|
||||||
|
font-size: 1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
/* Custom Text Sizes ------------------------- */
|
/* Custom Text Sizes ------------------------- */
|
||||||
|
|
||||||
@ -719,9 +723,8 @@ hr.wp-block-separator.is-style-dots::before {
|
|||||||
color: inherit;
|
color: inherit;
|
||||||
}
|
}
|
||||||
|
|
||||||
.editor-styles-wrapper .wp-block-code,
|
.editor-styles-wrapper pre,
|
||||||
.editor-styles-wrapper .wp-block-preformatted pre,
|
.editor-styles-wrapper .wp-block-code {
|
||||||
.editor-styles-wrapper .wp-block-verse pre {
|
|
||||||
border: 1px solid #dcd7ca;
|
border: 1px solid #dcd7ca;
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
padding: 30px;
|
padding: 30px;
|
||||||
@ -734,7 +737,7 @@ hr.wp-block-separator.is-style-dots::before {
|
|||||||
background: transparent;
|
background: transparent;
|
||||||
color: inherit;
|
color: inherit;
|
||||||
font-family: monospace;
|
font-family: monospace;
|
||||||
font-size: 14px;
|
font-size: 16px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Block: Cover ------------------------------ */
|
/* Block: Cover ------------------------------ */
|
||||||
@ -1341,14 +1344,6 @@ hr.wp-block-separator.is-style-dots::before {
|
|||||||
font-size: 17px;
|
font-size: 17px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* BLOCK: CODE */
|
|
||||||
|
|
||||||
.editor-styles-wrapper .wp-block-preformatted pre,
|
|
||||||
.editor-styles-wrapper .wp-block-code .block-editor-plain-text,
|
|
||||||
.editor-styles-wrapper .wp-block-verse pre {
|
|
||||||
font-size: 16px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* BLOCK: COLUMNS */
|
/* BLOCK: COLUMNS */
|
||||||
|
|
||||||
.wp-block-column {
|
.wp-block-column {
|
||||||
|
@ -595,6 +595,7 @@ pre {
|
|||||||
|
|
||||||
pre code {
|
pre code {
|
||||||
background: transparent;
|
background: transparent;
|
||||||
|
font-size: 1em;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -599,6 +599,7 @@ pre {
|
|||||||
|
|
||||||
pre code {
|
pre code {
|
||||||
background: transparent;
|
background: transparent;
|
||||||
|
font-size: 1em;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -16,7 +16,7 @@
|
|||||||
*
|
*
|
||||||
* @global string $wp_version
|
* @global string $wp_version
|
||||||
*/
|
*/
|
||||||
$wp_version = '6.7-alpha-58959';
|
$wp_version = '6.7-alpha-58960';
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema.
|
* Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema.
|
||||||
|
Loading…
Reference in New Issue
Block a user