132 lines
2.7 KiB
PHP
132 lines
2.7 KiB
PHP
<?php
|
|
|
|
/**
|
|
* @author Tassos Marinos <info@tassos.gr>
|
|
* @link http://www.tassos.gr
|
|
* @copyright Copyright © 2022 Tassos Marinos All Rights Reserved
|
|
* @license GNU GPLv3 <http://www.gnu.org/licenses/gpl.html> or later
|
|
*/
|
|
|
|
namespace NRFramework\Helpers;
|
|
|
|
defined('_JEXEC') or die;
|
|
|
|
class Responsive
|
|
{
|
|
/**
|
|
* Renders the given CSS.
|
|
*
|
|
* @param array $css
|
|
* @param string $namespace
|
|
*
|
|
* @return string
|
|
*/
|
|
public static function renderResponsiveCSS($css, $namespace = '')
|
|
{
|
|
$output = '';
|
|
|
|
foreach (Controls\Responsive::$breakpoints as $breakpoint)
|
|
{
|
|
if (!isset($css[$breakpoint]) || empty($css[$breakpoint]))
|
|
{
|
|
continue;
|
|
}
|
|
|
|
/**
|
|
* If we were given an array of strings of CSS, transform them to a string so we can output it.
|
|
*
|
|
* i.e. transform
|
|
* [
|
|
* 'color: #fff;',
|
|
* 'background: #000;'
|
|
* ]
|
|
*
|
|
* to:
|
|
*
|
|
* 'color: #fff;background: #000;'
|
|
*/
|
|
if (!is_string($css[$breakpoint]))
|
|
{
|
|
$css[$breakpoint] = implode(' ', $css[$breakpoint]);
|
|
}
|
|
|
|
$function = 'get' . ucfirst($breakpoint) . 'Output';
|
|
$output .= self::$function($css[$breakpoint], $namespace);
|
|
|
|
}
|
|
|
|
return $output;
|
|
}
|
|
|
|
/**
|
|
* Returns the desktop CSS.
|
|
*
|
|
* @param string $css
|
|
* @param string $namespace
|
|
*
|
|
* @return string
|
|
*/
|
|
public static function getDesktopOutput($css, $namespace)
|
|
{
|
|
return self::getGenericTemplate($css, '', $namespace);
|
|
}
|
|
|
|
/**
|
|
* Returns the tablet CSS.
|
|
*
|
|
* @param string $css
|
|
* @param string $namespace
|
|
*
|
|
* @return string
|
|
*/
|
|
public static function getTabletOutput($css, $namespace)
|
|
{
|
|
return self::getGenericTemplate($css, '(max-width: 991px)', $namespace);
|
|
}
|
|
|
|
/**
|
|
* Returns the mobile CSS.
|
|
*
|
|
* @param string $css
|
|
* @param string $namespace
|
|
*
|
|
* @return string
|
|
*/
|
|
public static function getMobileOutput($css, $namespace)
|
|
{
|
|
return self::getGenericTemplate($css, '(max-width: 575px)', $namespace);
|
|
}
|
|
|
|
/**
|
|
* Returns the responsive output of a specific media query size.
|
|
*
|
|
* @param string $css
|
|
* @param string $size
|
|
* @param string $namespace
|
|
*
|
|
* @return string
|
|
*/
|
|
public static function getGenericTemplate($css, $size = '', $namespace = '')
|
|
{
|
|
if (!is_string($css) || !is_string($size) || !is_string($namespace))
|
|
{
|
|
return '';
|
|
}
|
|
|
|
$namespace_prefix = $namespace_suffix = $size_prefix = $size_suffix = '';
|
|
|
|
if (!empty($size))
|
|
{
|
|
$size_prefix = '@media screen and ' . $size . ' { ';
|
|
$size_suffix = ' }';
|
|
}
|
|
|
|
if (!empty($namespace))
|
|
{
|
|
$namespace_prefix = $namespace . ' { ';
|
|
$namespace_suffix = ' }';
|
|
}
|
|
|
|
return $size_prefix . $namespace_prefix . $css . $namespace_suffix . $size_suffix;
|
|
}
|
|
} |