WordPress/wp-content/themes/twentynineteen/style-editor-frame.css
allancole b8cb0e7058 Importing Twenty Nineteen, our new default theme for 2019, set for 5.0.
Let Gutenberg shine with this simple, fast, and powerful theme. Initial development occurred on GitHub. See: https://github.com/WordPress/twentynineteen

Props allancole, karmatosed, kjellr, yingling017, mrasharirfan, milana_cap, fabiankaegy, westonruter, aaronjorbin, netweb, b-07, khleomix, blowery, dereksmart, jasmussen, audrasjb, nielslange, mmaumio, dimadin, joyously, anevins12, peterwilsoncc, dannycooper, icaleb, siriokun, technosiren, travel_girl, azchughtai, ianbelanger, nadim1992, ismailelkorchi, nativeinside, chetan200891, icaleb, grapplerulrich, ocean90, joshfeck, frankew, abdulwahab610, mendezcode, eliorivero, melchoyce, joen, laurelfulford, mdawaffe, kraftbj, dsmart.

Built from https://develop.svn.wordpress.org/branches/5.0@43842


git-svn-id: http://core.svn.wordpress.org/branches/5.0@43671 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2018-10-30 02:15:04 +00:00

61 lines
2.3 KiB
CSS

/*!
Twenty Nineteen Editor Frame Styles
NOTE: This file customizes items that are out of the normal scope of style-editor.css due to the auto-prefixing functionality associated with add_editor_style(). When that file is able to edit the post title and a container similar to .edit-post-layout, these styles should be migrated into style-editor.css.
*/
/** === Includes === */
/* If we add the border using a regular CSS border, it won't look good on non-retina devices,
* since its edges can look jagged due to lack of antialiasing. In this case, we are several
* layers of box-shadow to add the border visually, which will render the border smoother. */
/** === Title === */
body.block-editor-page .block-editor .editor-post-title__block:before {
background: #767676;
content: "\020";
display: block;
height: 2px;
margin: 1rem 0;
width: 1em;
}
body.block-editor-page .block-editor .editor-post-title__block:before {
width: 2.8125em;
margin-top: 0;
margin-bottom: 0;
margin-left: 1em;
position: relative;
top: 0.5em;
}
body.block-editor-page .block-editor .editor-post-title__block .editor-post-title__input {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-size: 2.8125em;
}
/** === Default Appender === */
body.block-editor-page .block-editor .editor-default-block-appender__content {
font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
font-size: 22px;
}
/** === Off-Center Content === */
@media only screen and (min-width: 768px) {
body.block-editor-page .block-editor .edit-post-layout .editor-writing-flow {
max-width: 80%;
margin: 0 10%;
}
body.block-editor-page .block-editor .edit-post-layout .editor-post-title__block,
body.block-editor-page .block-editor .edit-post-layout .editor-default-block-appender,
body.block-editor-page .block-editor .edit-post-layout .editor-block-list__block {
margin-left: 0;
margin-right: 0;
}
body.block-editor-page .block-editor .edit-post-layout .editor-block-list__block[data-align="full"] {
width: calc( 125% + 88px + 28px);
position: relative;
left: calc( -12.5% - 46px - 14px);
}
body.block-editor-page .block-editor .edit-post-layout .editor-block-list__block[data-align="right"] {
max-width: 125%;
}
}