/**
* Adds custom classes to the array of body classes.
*
* @uses kuorinka_plus_has_site_logo
* @return array Array of <body> classes
*/
function kuorinka_plus_logo_body_classes($classes)
{
/* Add a class if a Site Logo is active. */
if (kuorinka_plus_has_site_logo()) {
$classes[] = 'has-site-logo';
}
return $classes;
}
function kuorinka_plus_logo_styles()
{
/* If no logo, return. */
if (!kuorinka_plus_has_site_logo()) {
return;
}
?>
<style type="text/css">
@media screen and (max-width: 899px) {
.has-site-logo #site-title .site-title-inner {
margin-left: auto;
margin-right: auto;
}
}
.has-site-logo #site-title .site-title-inner {
display: block;
width: <?php
echo kuorinka_plus_logo_dimensions();
?>
px;
max-width: 100%;
background: url(<?php
echo kuorinka_plus_logo();
?>
) no-repeat;
background-size: contain;
background-position: center center;
}
/* Retina background for logo. */
@media screen and (-webkit-min-device-pixel-ratio: 1.3),
screen and (min--moz-device-pixel-ratio: 1.3),
screen and (-o-min-device-pixel-ratio: 2 / 1),
screen and (min-device-pixel-ratio: 1.3),
screen and (min-resolution: 192dpi),
screen and (min-resolution: 2dppx) {
/* For somehow we need to put styles again, background is not enough. At least for chrome in Samsung II it didn't work. */
.has-site-logo #site-title .site-title-inner {
display: block;
width: <?php
echo kuorinka_plus_logo_dimensions();
?>
px;
max-width: 100%;
background: url(<?php
echo kuorinka_plus_logo();
?>
) no-repeat;
background-size: contain;
background-position: center center;
}
}
.has-site-logo #site-title .site-title-inner a {
display: block;
width: 100%;
height: 0;
padding-bottom: <?php
echo kuorinka_plus_logo_dimensions('ratio');
?>
%; /* height/width = something */
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
text-shadow: none;
color: transparent;
}
</style>
<?php
}
