add( array( 'selectors' => array( '.editor-post-title__block .editor-post-title__input, .edit-post-visual-editor .editor-block-list__block h1.mce-content-body' ), 'declarations' => array( 'font-family' => $fontstack ) ) ); } // Page Title Font Color $fontcolor = 'tropicana-page-title-font-color'; $fontcolormod = get_theme_mod( $fontcolor, customizer_library_get_default( $fontcolor ) ); if ( $fontcolormod !== customizer_library_get_default( $fontcolor ) ) { $sanfontcolor = esc_html( $fontcolormod ); Customizer_Library_Styles()->add( array( 'selectors' => array( '.editor-post-title__block .editor-post-title__input, .edit-post-visual-editor .editor-block-list__block h1.mce-content-body' ), 'declarations' => array( 'color' => $sanfontcolor ) ) ); } // Heading Font $font = 'tropicana-heading-font'; $fontmod = get_theme_mod( $font, customizer_library_get_default( $font ) ); $fontstack = customizer_library_get_font_stack( $fontmod ); if ( $fontmod != customizer_library_get_default( $font ) ) { Customizer_Library_Styles()->add( array( 'selectors' => array( '.edit-post-visual-editor .editor-block-list__block h2.mce-content-body, .edit-post-visual-editor .editor-block-list__block h3.mce-content-body, .edit-post-visual-editor .editor-block-list__block h4.mce-content-body, .edit-post-visual-editor .editor-block-list__block h5.mce-content-body, .edit-post-visual-editor .editor-block-list__block h6.mce-content-body' ), 'declarations' => array( 'font-family' => $fontstack ) ) ); } // Heading Font Color $fontcolor = 'tropicana-heading-font-color'; $fontcolormod = get_theme_mod( $fontcolor, customizer_library_get_default( $fontcolor ) ); if ( $fontcolormod !== customizer_library_get_default( $fontcolor ) ) { $sanfontcolor = esc_html( $fontcolormod ); Customizer_Library_Styles()->add( array( 'selectors' => array( '.edit-post-visual-editor .editor-block-list__block h2.mce-content-body, .edit-post-visual-editor .editor-block-list__block h3.mce-content-body, .edit-post-visual-editor .editor-block-list__block h4.mce-content-body, .edit-post-visual-editor .editor-block-list__block h5.mce-content-body, .edit-post-visual-editor .editor-block-list__block h6.mce-content-body' ), 'declarations' => array( 'color' => $sanfontcolor ) ) ); } // Body Font $font = 'tropicana-body-font'; $fontmod = get_theme_mod( $font, customizer_library_get_default( $font ) ); $fontstack = customizer_library_get_font_stack( $fontmod ); if ( $fontmod != customizer_library_get_default( $font ) ) { Customizer_Library_Styles()->add( array( 'selectors' => array( '.edit-post-visual-editor .editor-block-list__block-edit, .edit-post-visual-editor, .editor-styles-wrapper div.wp-block, .editor-styles-wrapper div.wp-block p, .editor-styles-wrapper ul.wp-block' ), 'declarations' => array( 'font-family' => $fontstack ) ) ); } // Body Font Color $fontcolor = 'tropicana-body-font-color'; $fontcolormod = get_theme_mod( $fontcolor, customizer_library_get_default( $fontcolor ) ); if ( $fontcolormod !== customizer_library_get_default( $fontcolor ) ) { $sanfontcolor = esc_html( $fontcolormod ); $sanfontcolor_rgb = customizer_library_hex_to_rgb( $sanfontcolor ); Customizer_Library_Styles()->add( array( 'selectors' => array( '.edit-post-visual-editor .editor-block-list__block-edit, .edit-post-visual-editor, .editor-styles-wrapper div.wp-block, .editor-styles-wrapper div.wp-block p, .editor-styles-wrapper ul.wp-block' ), 'declarations' => array( 'color' => $sanfontcolor ) ) ); } /** * Enqueue Google Fonts for the Gutenberg editor */ $fonts = array( get_theme_mod( 'tropicana-body-font', customizer_library_get_default( 'tropicana-body-font' ) ), get_theme_mod( 'tropicana-page-title-font', customizer_library_get_default( 'tropicana-page-title-font' ) ), get_theme_mod( 'tropicana-heading-font', customizer_library_get_default( 'tropicana-heading-font' ) ) ); $font_uri = customizer_library_get_google_font_uri( $fonts ); wp_enqueue_style( 'tropicana_gutenberg_editor_fonts', $font_uri, array(), null, 'screen' ); if ( ! function_exists( 'tropicana_gutenberg_editor_styles' ) ) : /** * Generates the style tag and CSS needed for the theme options. * * By using the "Customizer_Library_Styles" filter, different components can print CSS in the header. * It is organized this way to ensure there is only one "style" tag. * * @since 1.0.0. * * @return void */ function tropicana_gutenberg_editor_styles() { // Echo the rules $css = Customizer_Library_Styles()->build(); if ( ! empty( $css ) ) { echo "\n\n\n\n"; } } endif; add_action( 'admin_head', 'tropicana_gutenberg_editor_styles', 11 );