Adjust Gutenberg support

Author: spencerfinnell

app/integrations/gutenberg/class-gutenberg.php

@@ -68,7 +68,7 @@ public function add_theme_support() {
 		add_theme_support( 'editor-styles' );
 
 		// Add editor style.
-		add_editor_style( 'public/css/gutenberg.min.css' );
+		add_editor_style( 'public/css/gutenberg-css.min.css' );
 
 		$palette = [];
 		$colors  = bigbox_get_theme_colors();
@@ -162,6 +162,10 @@ public function inline_editor_css( $settings ) {
 		$weight_base = bigbox_get_theme_font_weight( 'base' );
 		$weight_bold = bigbox_get_theme_font_weight( 'bold' );
 
+		if ( 'default' === $family ) {
+			$family = "-apple-system, blinkmacsystemfont, 'Segoe UI', roboto, 'Helvetica Neue', arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'";
+		}
+
 		$config = [];
 
 		// Base.
@@ -173,7 +177,7 @@ public function inline_editor_css( $settings ) {
 			'declarations' => [
 				'color'       => esc_attr( $gray700 ),
 				'font-size'   => ( $size * 16 ) . 'px',
-				'font-family' => esc_attr( $family ),
+				'font-family' => $family,
 				'font-weight' => $weight_base,
 			],
 		];
@@ -215,12 +219,6 @@ public function inline_editor_css( $settings ) {
 			'selectors'    => [
 				'.editor-post-title__block .editor-post-title__input',
 				'a',
-				'h1',
-				'h2',
-				'h3',
-				'h4',
-				'h5',
-				'h6',
 			],
 			'declarations' => [
 				'color' => esc_attr( $gray800 ),
@@ -255,8 +253,7 @@ public function inline_editor_css( $settings ) {
 		}
 
 		$settings['styles'][] = [
-			'baseUrl' => null,
-			'css'     => $css->build(),
+			'css' => $css->build(),
 		];
 
 		return $settings;

resources/assets/scss/gutenberg.scss

@@ -35,7 +35,6 @@ $use-margins: false;
 	font-size: font-size("md");
 
 	.editor-post-title__input {
-		font-family: $font-family-sans-serif;
 		font-size: font-size("lg");
 
 		@include media-breakpoint-up(md) {