diff --git a/ghost/admin/app/styles/layouts/editor.css b/ghost/admin/app/styles/layouts/editor.css index 3ef992610b..28bf51bfc3 100644 --- a/ghost/admin/app/styles/layouts/editor.css +++ b/ghost/admin/app/styles/layouts/editor.css @@ -356,7 +356,7 @@ display: block; width: 100%; min-height: auto; - margin-bottom: 2vw; + margin-bottom: 1.6rem; border: none; color: var(--darkgrey-d1); font-size: 4.8rem; @@ -402,7 +402,7 @@ } .gh-editor-title::placeholder { - font-weight: bold; + font-weight: 600; } .gh-markdown-editor { diff --git a/ghost/admin/app/styles/spirit/_koenig.css b/ghost/admin/app/styles/spirit/_koenig.css index dc396bae56..6d88a5638a 100644 --- a/ghost/admin/app/styles/spirit/_koenig.css +++ b/ghost/admin/app/styles/spirit/_koenig.css @@ -95,8 +95,6 @@ font-weight: 700; } - - .koenig-editor__editor p + h1, .koenig-editor__editor p + h2, .koenig-editor__editor p + h3, @@ -228,6 +226,16 @@ margin: 4.8rem 0 0; } +/* Headings right after post title */ +.koenig-editor__editor h1:first-child, +.koenig-editor__editor h2:first-child, +.koenig-editor__editor h3:first-child, +.koenig-editor__editor h4:first-child, +.koenig-editor__editor h5:first-child, +.koenig-editor__editor h6:first-child { + margin-top: 0rem; +} + @media (max-width: 500px) { .koenig-editor__editor h1 { font-size: 3.2rem; @@ -296,6 +304,11 @@ margin: 2.8rem 0 0; } +/* Paragraph right after title */ +.koenig-editor__editor p:first-child { + margin-top: -0.2rem; +} + @media (max-width: 500px) { .koenig-editor__editor p, .koenig-editor__editor blockquote, @@ -381,6 +394,14 @@ margin: 1.0rem 0 2rem; } +/* Lists right after title */ +.koenig-editor__editor ul:not(.kg-action-bar):not(.kg-link-toolbar):first-child, +.koenig-editor__editor ol:first-child, +.koenig-editor__editor ul:not(.kg-action-bar):not(.kg-link-toolbar):first-child, +.koenig-editor__editor ol:first-child { + margin: -0.4rem 0 0; +} + /* Cards in general /* -------------------------------------------------------------------- */ @@ -417,6 +438,11 @@ margin: 1.6rem 0; } +/* First card right after post title */ + +.koenig-editor__editor > div:first-child { + margin-top: 3.2rem; +} /* Links /* -------------------------------------------------------------------- */