Gutenberg enqueue fixes; added editor.scss

functions.php

@@ -185,7 +185,7 @@ function plate_register_sidebars() {
 function new_default_avatar ( $avatar_defaults ) {
 
     //Set the URL where the image file for your avatar is located
-    $new_avatar_url = get_stylesheet_directory_uri() . '/library/images/custom-gravatar.jpg';
+    $new_avatar_url = get_stylesheet_directory_uri() . '/library/images/custom-gravatar.png';
 
     // var_dump($new_avatar_url);
 
@@ -262,8 +262,7 @@ function plate_comments( $comment, $args, $depth ) {
 
     <?php // </li> is added by WordPress automatically ?>
 
-<?php
-} // don't remove this bracket!
+<?php } // don't remove this bracket!
 
 
 /*
@@ -435,16 +434,42 @@ function plate_scripts_and_styles() {
 }
 
 
+/*********************
+GUTENBERG ENQUEUES
+
+These are kept out of the main enqueue
+function in case you don't need them.
+*********************/
+
 /**
+ * 
+ * Gutenberg Editor Styles
+ * 
  * Enqueue block editor style for Gutenberg
- * Alternatively you can uncomment the gutenberg 
- * import in style.scss. 
+ * This applies to the admin editor *only*,
+ * (e.g. not on the front end);
+ * 
  */
+
+add_action( 'enqueue_block_editor_assets', 'plate_block_editor_styles' );
+
 function plate_block_editor_styles() {
     wp_enqueue_style( 'plate-block-editor-styles', get_theme_file_uri( '/library/css/gutenberg.css' ), false, '1.0', 'all' );
+
 }
 
-add_action( 'enqueue_block_editor_assets', 'plate_block_editor_styles' );
+/**
+ * Gutenberg Front End Styles
+ * 
+ * Enqueue front end styles for Gutenberg.
+ * 
+ */
+add_action( 'enqueue_block_assets', 'plate_gutenberg_styles' );
+
+function plate_gutenberg_styles() {
+    wp_enqueue_style( 'plate-gutenbers-styles', get_theme_file_uri( '/library/css/gutenberg.css' ), false, '1.0', 'all' );
+
+}
 
 /****************************************
 * REMOVE WP EXTRAS & DEQUEUEING STUFFS *

library/scss/breakpoints/_1030up.scss

@@ -7,6 +7,9 @@ Stylesheet: Desktop Stylsheet
 This is the desktop size. It's larger than an iPad so it will only
 be seen on the Desktop.
 
+At this breakpoint you can start setting things like max-width for
+your content. Or go full-width. Like Nas said: "The world is yours!."
+
 ******************************************************************/
 
 #inner-header, #inner-footer {

library/scss/partials/_editor.scss

@@ -0,0 +1,13 @@
+/******************************************************************
+Site Name:
+Author:
+
+Stylesheet: Gutenberg Editor Stylesheet
+
+This stylesheet is enqueued in functions.php and *only* affects
+the Gutenberg editor in the WP admin.
+
+For styles that apply to both the editor *and* the front end, use
+the _gutenberg.scss stylesheet which already has some default styles.
+
+******************************************************************/