/**
* Enqueues front-end custom CSS.
*
* @since Fastfood 0.37
*
* @see wp_add_inline_style()
*/
function fastfood_dynamic_css()
{
// gathers the theme mods
$mods = array('background_color', 'background_repeat', 'background_attachment', 'background_position_x', 'background_position_y', 'background_image', 'background_icons_color');
$attributes = fastfood_get_background_schemes('0');
$attributes = $attributes['attributes'];
foreach ($mods as $attribute_key) {
$attributes[$attribute_key] = get_theme_mod($attribute_key, $attributes[$attribute_key]);
}
$attributes['background_color'] = '#' . str_replace('#', '', $attributes['background_color']);
// gathers the theme options
$opts = array('fastfood_colors_link', 'fastfood_colors_link_hover', 'fastfood_colors_link_sel', 'fastfood_body_width', 'fastfood_rsideb_width', 'fastfood_featured_title_size');
foreach ($opts as $attribute_key) {
$attributes[$attribute_key] = FastfoodOptions::get_opt($attribute_key);
}
$attributes['fastfood_rsideb_width'] = round(absint($attributes['fastfood_rsideb_width']) / absint($attributes['fastfood_body_width']), 5) * 100;
$attributes['fastfood_content_width'] = 100 - $attributes['fastfood_rsideb_width'];
$attributes['fastfood_featured_title_size'] = absint($attributes['fastfood_featured_title_size']);
$dynamic_css = fastfood_get_dynamic_css($attributes);
wp_add_inline_style('fastfood', $dynamic_css);
}
/**
* Output an Underscore template for generating custom CSS.
*
* The template generates the css dynamically for instant display in the Customizer
* preview.
*
* @since Fastfood 0.37
*/
function dynamic_css_template()
{
$attributes = array('background_color' => '{{ data.background_color }}', 'background_repeat' => '{{ data.background_repeat }}', 'background_attachment' => '{{ data.background_attachment }}', 'background_position_x' => '{{ data.background_position_x }}', 'background_position_y' => '{{ data.background_position_y }}', 'background_image' => '{{ data.background_image }}', 'background_icons_color' => '{{ data.background_icons_color }}', 'fastfood_colors_link' => '{{ data.fastfood_colors_link }}', 'fastfood_colors_link_hover' => '{{ data.fastfood_colors_link_hover }}', 'fastfood_colors_link_sel' => '{{ data.fastfood_colors_link_sel }}', 'fastfood_body_width' => '{{ data.fastfood_body_width }}', 'fastfood_rsideb_width' => '{{ data.fastfood_rsideb_width }}', 'fastfood_content_width' => '{{ data.fastfood_content_width }}', 'fastfood_featured_title_size' => '{{ data.fastfood_featured_title_size }}');
?>
<script type="text/html" id="tmpl-fastfood-dynamic-css">
<?php
echo fastfood_get_dynamic_css($attributes);
?>
</script>
<?php
}
