twentytwenty_get_customizer_css( string $type = 'front-end' ): string

60	function twentytwenty_get_customizer_css( $type = 'front-end' ) {61 62		// Get variables.63		$body              = sanitize_hex_color( twentytwenty_get_color_for_area( 'content', 'text' ) );64		$body_default      = '#000000';65		$secondary         = sanitize_hex_color( twentytwenty_get_color_for_area( 'content', 'secondary' ) );66		$secondary_default = '#6d6d6d';67		$borders           = sanitize_hex_color( twentytwenty_get_color_for_area( 'content', 'borders' ) );68		$borders_default   = '#dcd7ca';69		$accent            = sanitize_hex_color( twentytwenty_get_color_for_area( 'content', 'accent' ) );70		$accent_default    = '#cd2653';71 72		// Header.73		$header_footer_background         = sanitize_hex_color( twentytwenty_get_color_for_area( 'header-footer', 'background' ) );74		$header_footer_background_default = '#ffffff';75 76		// Cover.77		$cover         = sanitize_hex_color( get_theme_mod( 'cover_template_overlay_text_color' ) );78		$cover_default = '#ffffff';79 80		// Background.81		$background         = sanitize_hex_color_no_hash( get_theme_mod( 'background_color' ) );82		$background_default = 'f5efe0';83 84		ob_start();85 86		/*87		 * Note – Styles are applied in this order:88		 * 1. Element specific89		 * 2. Helper classes90		 *91		 * This enables all helper classes to overwrite base element styles,92		 * meaning that any color classes applied in the block editor will93		 * have a higher priority than the base element styles.94		 */95 96		// Front-End Styles.97		if ( 'front-end' === $type ) {98 99			// Auto-calculated colors.100			$elements_definitions = twentytwenty_get_elements_array();101			foreach ( $elements_definitions as $context => $props ) {102				foreach ( $props as $key => $definitions ) {103					foreach ( $definitions as $property => $elements ) {104						/*105						 * If we don't have an elements array or it is empty106						 * then skip this iteration early;107						 */108						if ( ! is_array( $elements ) || empty( $elements ) ) {109							continue;110						}111						$val = twentytwenty_get_color_for_area( $context, $key );112						if ( $val ) {113							twentytwenty_generate_css( implode( ',', $elements ), $property, $val );114						}115					}116				}117			}118 119			if ( $cover && $cover !== $cover_default ) {120				twentytwenty_generate_css( '.overlay-header .header-inner', 'color', $cover );121				twentytwenty_generate_css( '.cover-header .entry-header *', 'color', $cover );122			}123 124			// Block Editor Styles.125		} elseif ( 'block-editor' === $type ) {126 127			// Colors.128			// Accent color.129			if ( $accent && $accent !== $accent_default ) {130				twentytwenty_generate_css( ':root .has-accent-color, .editor-styles-wrapper a, .editor-styles-wrapper .has-drop-cap:not(:focus)::first-letter, .editor-styles-wrapper .wp-block-button.is-style-outline .wp-block-button__link, .editor-styles-wrapper .wp-block-pullquote::before, .editor-styles-wrapper .wp-block-file .wp-block-file__textlink', 'color', $accent );131				twentytwenty_generate_css( '.editor-styles-wrapper .wp-block-quote', 'border-color', $accent, '' );132				twentytwenty_generate_css( '.has-accent-background-color, .editor-styles-wrapper .wp-block-button__link, .editor-styles-wrapper .wp-block-file__button', 'background-color', $accent );133			}134 135			// Background color.136			if ( $background && $background !== $background_default ) {137				twentytwenty_generate_css( '.editor-styles-wrapper', 'background-color', '#' . $background );138				twentytwenty_generate_css( '.has-background.has-primary-background-color:not(.has-text-color),.has-background.has-primary-background-color *:not(.has-text-color),.has-background.has-accent-background-color:not(.has-text-color),.has-background.has-accent-background-color *:not(.has-text-color)', 'color', '#' . $background );139			}