Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
94 changes: 94 additions & 0 deletions assets/css/editor-style.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,94 @@
/*
* Block editor styles.
*
* Mirrors the front-end typography from style.css so that what is written in
* the editor resembles what the visitor sees. Values are copied from the
* corresponding front-end rules rather than reinvented -- when style.css
* changes, this file needs the same change.
*
* Scoped by the editor itself: WordPress rewrites these selectors to apply
* inside the editor canvas only, so plain element selectors are correct here
* and must not be prefixed by hand.
*/

.editor-styles-wrapper {
font-family: Raleway, 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 24px;
color: #8c979e;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

.editor-styles-wrapper p,
.editor-styles-wrapper ul,
.editor-styles-wrapper ol,
.editor-styles-wrapper table,
.editor-styles-wrapper blockquote {
margin-top: 0;
margin-bottom: 24px;
}

.editor-styles-wrapper h1,
.editor-styles-wrapper h2,
.editor-styles-wrapper h3,
.editor-styles-wrapper h4,
.editor-styles-wrapper h5,
.editor-styles-wrapper h6 {
font-family: inherit;
font-weight: 400;
color: #0e1015;
margin-top: 0;
margin-bottom: 24px;
}

.editor-styles-wrapper h1 {
font-size: 60px;
}

.editor-styles-wrapper h2 {
font-size: 45px;
}

.editor-styles-wrapper h3 {
font-size: 30px;
}

.editor-styles-wrapper h4 {
font-size: 25px;
}

.editor-styles-wrapper h5 {
font-size: 22px;
line-height: 28px;
}

.editor-styles-wrapper h6 {
font-size: 18px;
line-height: 25px;
}

/* The front end drops heading sizes sharply on small screens; match it so the
editor's mobile preview is not wildly larger than the real thing. */
@media all and (max-width: 767px) {

.editor-styles-wrapper h1 {
font-size: 32px;
}
}

.editor-styles-wrapper a {
color: #745cf9;
font-weight: 600;
}

.editor-styles-wrapper blockquote {
overflow: hidden;
padding: 32px 0;
font-size: 18px;
font-weight: 400;
line-height: 24px;
color: #001c28;
border-left: 0 none;
}
Loading
Loading