Commander1024/C1024_2026
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Refine Theme Typography and Menu Styling

Browse Source 
Align editor and frontend typography, improve code block presentation,
add leading-image spacing, and fix nested submenu positioning.
This commit is contained in:
Commander1024
2026-07-27 17:25:29 +02:00
parent 7dd417c3fb
commit c58841eb81
3 changed files with 64 additions and 69 deletions
Download Patch File Download Diff File Expand all files Collapse all files
editor-style.css
+27 -15
View File
@@ -50,10 +50,6 @@ body.editor-styles-wrapper {
margin: 0 auto;
background: #f8f5f0;
color: #1d1b19;
font-family: "Crimson Pro", Georgia, serif;
font-size: clamp(1.25rem, 1.1rem + 0.4vw, 1.5rem);
font-weight: 400;
line-height: 1.55;
}
.editor-styles-wrapper,
@@ -62,7 +58,6 @@ body.editor-styles-wrapper {
}
/*
* Gutenberg's visual editor uses this wrapper (rather than <body>) as its canvas.
* Apply the frontend reading scale here so blocks do not inherit the admin's 16px UI size.
@@ -105,7 +100,6 @@ body.editor-styles-wrapper {
max-width: none !important;
}
.editor-styles-wrapper a {
color: #c3480b;
text-decoration-thickness: 0.08em;
@@ -179,13 +173,20 @@ body.editor-styles-wrapper {
font-size: 0.8em;
}
/* Mirror the frontend rule: block-code text should not receive two relative reductions. */
.editor-styles-wrapper pre code,
.editor-styles-wrapper .wp-block-code code {
font-size: inherit !important;
}
.editor-styles-wrapper pre,
.editor-styles-wrapper .wp-block-code {
padding: 1rem 1.2rem;
overflow: auto;
border: 1px solid #d5d0c8;
border-radius: 2px;
background: #282623;
color: #f5eee5;
background: #faf8f5;
color: #272822;
}
.editor-styles-wrapper :not(pre) > code {
@@ -195,10 +196,11 @@ body.editor-styles-wrapper {
background: #fffdf9;
}
.editor-styles-wrapper .wp-element-caption {
.editor-styles-wrapper .wp-element-caption,
.editor-styles-wrapper .wp-caption-text {
color: #706a63;
font-family: "Berkeley Mono", monospace;
font-size: 0.68rem;
font-size: 1rem;
}
.editor-styles-wrapper hr,
@@ -215,7 +217,7 @@ body.editor-styles-wrapper {
background: #c3480b;
color: #fff;
font-family: "Berkeley Mono", monospace;
font-size: 0.75rem;
font-size: 1rem;
letter-spacing: 0.04em;
}
@@ -241,10 +243,19 @@ body.editor-styles-wrapper {
text-align: left;
}
.editor-styles-wrapper .wp-block-table th,
.editor-styles-wrapper .wp-block-quote__citation,
.editor-styles-wrapper .wp-block-pullquote__citation {
.editor-styles-wrapper .wp-block-table th {
font-family: "Berkeley Mono", monospace;
font-size: 1em;
}
.editor-styles-wrapper .wp-block-quote__citation,
.editor-styles-wrapper .wp-block-pullquote__citation,
.editor-styles-wrapper .wp-block-quote cite,
.editor-styles-wrapper .wp-block-pullquote cite {
color: #706a63;
font-family: "Berkeley Mono", monospace !important;
font-size: 1rem;
font-style: normal;
}
.editor-styles-wrapper .wp-block-table th,
@@ -262,7 +273,8 @@ body.editor-styles-wrapper {
.editor-styles-wrapper .wp-block-pullquote blockquote {
padding: 0;
border: 0;
margin: 0;
max-width: var(--wp--style--global--content-size, 760px);
margin: 0 auto;
color: #1d1b19;
font-family: "Alpha Lyrae", sans-serif;
font-size: clamp(1.7rem, 1.3rem + 1.7vw, 2.75rem);