998df0135f068b82dd315371ebdef40d1f6e6e14 — Christopher James Willcock 29 days ago 42a748d
Widen the blocks in the Gutenberg editor at large screen widths
3 files changed, 16 insertions(+), 1 deletions(-)

M CHANGELOG.md
A css/editor-style.css
M functions.php
M CHANGELOG.md => CHANGELOG.md +1 -1
@@ 12,6 12,6 @@ - Licensed (GPLv2) this work, see [LICENSE.txt](LICENSE.txt) for details
  - Added [CONTRIBUTING.md](CONTRIBUTING.md), for clarity.
  - hide screen reader text
- 
+ - slightly wider blocks in Gutenberg editor
  
  

A css/editor-style.css => css/editor-style.css +11 -0
@@ 0,0 1,11 @@
+ @media (min-width: 1280px){
+ 	.wp-block{
+ 		max-width: 800px;
+ 	}
+ }
+ 
+ @media (min-width: 1600px){
+ 	.wp-block{
+ 		max-width: 960px;
+ 	}
+ }

M functions.php => functions.php +4 -0
@@ 23,6 23,10 @@ // Make theme available for translation.
  		load_theme_textdomain( wp_get_theme()->TextDomain );
  
+ 		// Style the Gutenberg Editor
+ 		add_theme_support( 'editor-styles' );
+ 		add_editor_style( array( 'css/editor-style.css' ) );
+ 
  		// Add default post and comment RSS feed links.
  		add_theme_support( 'automatic-feed-links' );