You appear to be a bot. Output may be restricted

Description

Enqueues front-end CSS for the page background color.

Usage

twentysixteen_page_background_color_css();

Parameters

Returns

void

Source

File name: twentysixteen/inc/customizer.php
Lines:

function twentysixteen_page_background_color_css() {
  $color_scheme          = twentysixteen_get_color_scheme();
  $default_color         = $color_scheme[1];
  $page_background_color = get_theme_mod( 'page_background_color', $default_color );

  // Don't do anything if the current color is the default.
  if ( $page_background_color === $default_color ) {
    return;
  }

  $css = '
		/* Custom Page Background Color */
		.site {
			background-color: %1$s;
		}

		mark,
		ins,
		button,
		button[disabled]:hover,
		button[disabled]:focus,
		input[type="button"],
		input[type="button"][disabled]:hover,
		input[type="button"][disabled]:focus,
		input[type="reset"],
		input[type="reset"][disabled]:hover,
		input[type="reset"][disabled]:focus,
		input[type="submit"],
		input[type="submit"][disabled]:hover,
		input[type="submit"][disabled]:focus,
		.menu-toggle.toggled-on,
		.menu-toggle.toggled-on:hover,
		.menu-toggle.toggled-on:focus,
		.pagination .prev,
		.pagination .next,
		.pagination .prev:hover,
		.pagination .prev:focus,
		.pagination .next:hover,
		.pagination .next:focus,
		.pagination .nav-links:before,
		.pagination .nav-links:after,
		.widget_calendar tbody a,
		.widget_calendar tbody a:hover,
		.widget_calendar tbody a:focus,
		.page-links a,
		.page-links a:hover,
		.page-links a:focus {
			color: %1$s;
		}

		@media screen and (min-width: 56.875em) {
			.main-navigation ul ul li {
				background-color: %1$s;
			}

			.main-navigation ul ul:after {
				border-top-color: %1$s;
				border-bottom-color: %1$s;
			}
		}
	';

  wp_add_inline_style( 'twentysixteen-style', sprintf( $css, $page_background_color ) );
}
 

 View on Trac