<?php
/**
* OceanWP Customizer CSS Output
*
* @package OceanWP WordPress theme
*/
if ( ! defined( 'ABSPATH' ) ) {
exit;
}
/**
* The OceanWP Customizer class
*/
class OceanWP_Customize_Sidebar_CSS {
/**
* Constructor
*/
public function __construct() {
add_filter('ocean_head_css', array($this, 'generate_css'));
}
public function generate_Css($output) {
$sidebar_bg = get_theme_mod( 'ocean_sidebar_bg' );
$sidebar_top_padding = get_theme_mod( 'ocean_sidebar_top_padding', 0 );
$sidebar_right_padding = get_theme_mod( 'ocean_sidebar_right_padding', 0 );
$sidebar_bottom_padding = get_theme_mod( 'ocean_sidebar_bottom_padding', 0 );
$sidebar_left_padding = get_theme_mod( 'ocean_sidebar_left_padding', 30 );
$tablet_sidebar_top_padding = get_theme_mod( 'ocean_sidebar_tablet_top_padding' );
$tablet_sidebar_right_padding = get_theme_mod( 'ocean_sidebar_tablet_right_padding' );
$tablet_sidebar_bottom_padding = get_theme_mod( 'ocean_sidebar_tablet_bottom_padding' );
$tablet_sidebar_left_padding = get_theme_mod( 'ocean_sidebar_tablet_left_padding' );
$mobile_sidebar_top_padding = get_theme_mod( 'ocean_sidebar_mobile_top_padding' );
$mobile_sidebar_right_padding = get_theme_mod( 'ocean_sidebar_mobile_right_padding' );
$mobile_sidebar_bottom_padding = get_theme_mod( 'ocean_sidebar_mobile_bottom_padding' );
$mobile_sidebar_left_padding = get_theme_mod( 'ocean_sidebar_mobile_left_padding' );
$widgets_bg = get_theme_mod( 'ocean_widgets_bg' );
$widgets_top_padding = get_theme_mod( 'ocean_widgets_top_padding', 0 );
$widgets_right_padding = get_theme_mod( 'ocean_widgets_right_padding', 0 );
$widgets_bottom_padding = get_theme_mod( 'ocean_widgets_bottom_padding', 0 );
$widgets_left_padding = get_theme_mod( 'ocean_widgets_left_padding', 0 );
$tablet_widgets_top_padding = get_theme_mod( 'ocean_widgets_tablet_top_padding' );
$tablet_widgets_right_padding = get_theme_mod( 'ocean_widgets_tablet_right_padding' );
$tablet_widgets_bottom_padding = get_theme_mod( 'ocean_widgets_tablet_bottom_padding' );
$tablet_widgets_left_padding = get_theme_mod( 'ocean_widgets_tablet_left_padding' );
$mobile_widgets_top_padding = get_theme_mod( 'ocean_widgets_mobile_top_padding' );
$mobile_widgets_right_padding = get_theme_mod( 'ocean_widgets_mobile_right_padding' );
$mobile_widgets_bottom_padding = get_theme_mod( 'ocean_widgets_mobile_bottom_padding' );
$mobile_widgets_left_padding = get_theme_mod( 'ocean_widgets_mobile_left_padding' );
$widgets_margin_bottom = get_theme_mod( 'ocean_widgets_margin_bottom' );
$widgets_titles_border_color = get_theme_mod( 'ocean_widgets_titles_border_color', '#13aff0' );
$widgets_titles_margin_bottom = get_theme_mod( 'ocean_widgets_titles_margin_bottom', 20 );
$sidebar_widget_title_typography = get_theme_mod('sidebar_widget_title_typography');
$sidebar_widget_title_typography = isset($sidebar_widget_title_typography['color']) ? $sidebar_widget_title_typography['color'] : '#333333';
$widgets_typography = get_theme_mod('widgets_typography');
$widgets_typography = isset($widgets_typography['color']) ? $widgets_typography['color'] : '';
// Define css var
$css = '';
// Sidebar background
if ( ! empty( $sidebar_bg ) ) {
$css .= '.widget-area{background-color:'. $sidebar_bg .';}';
}
// Sidebar padding
if ( isset( $sidebar_top_padding ) && 0 != $sidebar_top_padding && '' != $sidebar_top_padding
|| isset( $sidebar_right_padding ) && 0 != $sidebar_right_padding && '' != $sidebar_right_padding
|| isset( $sidebar_bottom_padding ) && 0 != $sidebar_bottom_padding && '' != $sidebar_bottom_padding
|| isset( $sidebar_left_padding ) && 30 != $sidebar_left_padding && '' != $sidebar_left_padding ) {
$css .= '.widget-area{padding:'. oceanwp_spacing_css( $sidebar_top_padding, $sidebar_right_padding, $sidebar_bottom_padding, $sidebar_left_padding ) .'!important}';
}
// Tablet sidebar padding
if ( isset( $tablet_sidebar_top_padding ) && '' != $tablet_sidebar_top_padding
|| isset( $tablet_sidebar_right_padding ) && '' != $tablet_sidebar_right_padding
|| isset( $tablet_sidebar_bottom_padding ) && '' != $tablet_sidebar_bottom_padding
|| isset( $tablet_sidebar_left_padding ) && '' != $tablet_sidebar_left_padding ) {
$css .= '@media (max-width: 768px){.widget-area{padding:'. oceanwp_spacing_css( $tablet_sidebar_top_padding, $tablet_sidebar_right_padding, $tablet_sidebar_bottom_padding, $tablet_sidebar_left_padding ) .'!important}}';
}
// Mobile sidebar padding
if ( isset( $mobile_sidebar_top_padding ) && '' != $mobile_sidebar_top_padding
|| isset( $mobile_sidebar_right_padding ) && '' != $mobile_sidebar_right_padding
|| isset( $mobile_sidebar_bottom_padding ) && '' != $mobile_sidebar_bottom_padding
|| isset( $mobile_sidebar_left_padding ) && '' != $mobile_sidebar_left_padding ) {
$css .= '@media (max-width: 480px){.widget-area{padding:'. oceanwp_spacing_css( $mobile_sidebar_top_padding, $mobile_sidebar_right_padding, $mobile_sidebar_bottom_padding, $mobile_sidebar_left_padding ) .'!important}}';
}
// Widgets background
if ( ! empty( $widgets_bg ) ) {
$css .= '.widget-area .sidebar-box{background-color:'. $widgets_bg .';}';
}
// Widgets padding
if ( ! empty( $widgets_padding ) ) {
$css .= '.widget-area .sidebar-box{padding:'. $widgets_padding .';}';
}
// Widget padding
if ( isset( $widgets_top_padding ) && 0 != $widgets_top_padding && '' != $widgets_top_padding
|| isset( $widgets_right_padding ) && 0 != $widgets_right_padding && '' != $widgets_right_padding
|| isset( $widgets_bottom_padding ) && 0 != $widgets_bottom_padding && '' != $widgets_bottom_padding
|| isset( $widgets_left_padding ) && 0 != $widgets_left_padding && '' != $widgets_left_padding ) {
$css .= '.widget-area .sidebar-box{padding:'. oceanwp_spacing_css( $widgets_top_padding, $widgets_right_padding, $widgets_bottom_padding, $widgets_left_padding ) .'}';
}
// Tablet widget padding
if ( isset( $tablet_widgets_top_padding ) && '' != $tablet_widgets_top_padding
|| isset( $tablet_widgets_right_padding ) && '' != $tablet_widgets_right_padding
|| isset( $tablet_widgets_bottom_padding ) && '' != $tablet_widgets_bottom_padding
|| isset( $tablet_widgets_left_padding ) && '' != $tablet_widgets_left_padding ) {
$css .= '@media (max-width: 768px){.widget-area .sidebar-box{padding:'. oceanwp_spacing_css( $tablet_widgets_top_padding, $tablet_widgets_right_padding, $tablet_widgets_bottom_padding, $tablet_widgets_left_padding ) .'}}';
}
// Mobile widget padding
if ( isset( $mobile_widgets_top_padding ) && '' != $mobile_widgets_top_padding
|| isset( $mobile_widgets_right_padding ) && '' != $mobile_widgets_right_padding
|| isset( $mobile_widgets_bottom_padding ) && '' != $mobile_widgets_bottom_padding
|| isset( $mobile_widgets_left_padding ) && '' != $mobile_widgets_left_padding ) {
$css .= '@media (max-width: 480px){.widget-area .sidebar-box{padding:'. oceanwp_spacing_css( $mobile_widgets_top_padding, $mobile_widgets_right_padding, $mobile_widgets_bottom_padding, $mobile_widgets_left_padding ) .'}}';
}
// Widgets margin bottom
if ( ! empty( $widgets_margin_bottom ) ) {
$css .= '.widget-area .sidebar-box, .separate-layout .sidebar-box{margin-bottom:'. $widgets_margin_bottom .'px;}';
}
if ( ! empty( $sidebar_widget_title_typography ) && '#333333' != $sidebar_widget_title_typography ) {
$css .= '.sidebar-box .widget-title{color:'. $sidebar_widget_title_typography .';}';
}
// Widgets titles border color
if ( ! empty( $widgets_titles_border_color ) && '#13aff0' != $widgets_titles_border_color ) {
$css .= '.widget-title{border-color:'. $widgets_titles_border_color .';}';
}
if ( ! empty( $widgets_typography ) ) {
$css .= '.sidebar-box, .footer-box{color:'. $widgets_typography .';}';
}
// Widgets titles margin bottom
if ( ! empty( $widgets_titles_margin_bottom ) && 20 != $widgets_titles_margin_bottom ) {
$css .= '.widget-title{margin-bottom:'. $widgets_titles_margin_bottom .'px;}';
}
// Return CSS
if ( ! empty( $css ) ) {
$output .= '/* Sidebar */'. $css;
}
// Return output css
return $output;
}
}
return new OceanWP_Customize_Sidebar_CSS();
|