lightspeeddevelopment / lsx-customizer

classes/class-lsx-customizer-colour-control.php

Indentation +42 added lines, -42 removed lines

@@ -1,66 +1,66 @@
 <?php
 if ( ! class_exists( 'LSX_Customizer_Colour_Control' ) ) {
 
-	/**
-	 * LSX Customizer Colour Control Class
-	 *
-	 * @package   LSX Customizer
-	 * @author    LightSpeed
-	 * @license   GPL3
-	 * @link
-	 * @copyright 2016 LightSpeed
-	 */
-	class LSX_Customizer_Colour_Control extends WP_Customize_Control {
+     /**
+      * LSX Customizer Colour Control Class
+      *
+      * @package   LSX Customizer
+      * @author    LightSpeed
+      * @license   GPL3
+      * @link
+      * @copyright 2016 LightSpeed
+      */
+     class LSX_Customizer_Colour_Control extends WP_Customize_Control {
 
-		/**
-		 * Enqueue control related scripts/styles.
-		 *
-		 * @since 1.0.0
-		 */
-		public function enqueue() {
-			wp_enqueue_script( 'lsx_customizer_colour_admin', LSX_CUSTOMIZER_URL . 'assets/js/lsx-customizer-colour-admin.min.js', array( 'customize-controls', 'iris', 'underscore', 'wp-util' ), LSX_CUSTOMIZER_VER, true );
-			//wp_localize_script( 'lsx_customizer_colour_admin', 'color_scheme', $this->choices );
+          /**
+           * Enqueue control related scripts/styles.
+           *
+           * @since 1.0.0
+           */
+          public function enqueue() {
+               wp_enqueue_script( 'lsx_customizer_colour_admin', LSX_CUSTOMIZER_URL . 'assets/js/lsx-customizer-colour-admin.min.js', array( 'customize-controls', 'iris', 'underscore', 'wp-util' ), LSX_CUSTOMIZER_VER, true );
+               //wp_localize_script( 'lsx_customizer_colour_admin', 'color_scheme', $this->choices );
 
-			global $customizer_colour_names;
-			$colors = array();
-			foreach ( $customizer_colour_names as $key => $value ) {
-				$colors[] = $key;
-			}
-			wp_localize_script( 'lsx_customizer_colour_admin', 'color_scheme_keys', $colors );
-		}
+               global $customizer_colour_names;
+               $colors = array();
+               foreach ( $customizer_colour_names as $key => $value ) {
+                    $colors[] = $key;
+               }
+               wp_localize_script( 'lsx_customizer_colour_admin', 'color_scheme_keys', $colors );
+          }
 
-		/**
-		 * Render the control's content.
-		 *
-		 * @since 1.0.0
-		 */
-		public function render_content() {
-			if ( empty( $this->choices ) ) {
-				return;
-			}
+          /**
+           * Render the control's content.
+           *
+           * @since 1.0.0
+           */
+          public function render_content() {
+               if ( empty( $this->choices ) ) {
+                    return;
+               }
 
-			?>
+               ?>
 			<label>
 				<?php if ( ! empty( $this->label ) ) { ?>
 					<span class="customize-control-title"><?php echo esc_html( $this->label ); ?></span>
 				<?php
 }
 if ( ! empty( $this->description ) ) {
-					?>
+                         ?>
 					<span class="description customize-control-description"><?php echo esc_html( $this->description ); ?></span>
 				<?php } ?>
 				<select <?php $this->link(); ?>>
 					<?php
-					foreach ( $this->choices as $value => $label ) {
-							echo '<option value="' . esc_attr( $value ) . '"' . selected( $this->value(), $value, false ) . '>' . esc_html( $label['label'] ) . '</option>';
-					}
-					?>
+                         foreach ( $this->choices as $value => $label ) {
+                                   echo '<option value="' . esc_attr( $value ) . '"' . selected( $this->value(), $value, false ) . '>' . esc_html( $label['label'] ) . '</option>';
+                         }
+                         ?>
 				</select>
 			</label>
 		<?php
-		}
+          }
 
-	}
+     }
 
 }
 

classes/class-lsx-customizer-admin.php

Indentation +52 added lines, -52 removed lines

@@ -1,62 +1,62 @@ 
 <?php
 if ( ! class_exists( 'LSX_Customizer_Admin' ) ) {
 
-	/**
-	 * LSX Customizer Admin Class
-	 *
-	 * @package   LSX Customizer
-	 * @author    LightSpeed
-	 * @license   GPL3
-	 * @link
-	 * @copyright 2016 LightSpeed
-	 */
-	class LSX_Customizer_Admin extends LSX_Customizer {
+     /**
+      * LSX Customizer Admin Class
+      *
+      * @package   LSX Customizer
+      * @author    LightSpeed
+      * @license   GPL3
+      * @link
+      * @copyright 2016 LightSpeed
+      */
+     class LSX_Customizer_Admin extends LSX_Customizer {
 
-		/**
-		 * Constructor.
-		 *
-		 * @since 1.0.0
-		 */
-		public function __construct() {
-			add_action( 'customize_preview_init', array( $this, 'assets' ), 9999 );
-			add_action( 'customize_controls_enqueue_scripts', array( $this, 'assets_wysiwyg_editor' ), 9999 );
+          /**
+           * Constructor.
+           *
+           * @since 1.0.0
+           */
+          public function __construct() {
+               add_action( 'customize_preview_init', array( $this, 'assets' ), 9999 );
+               add_action( 'customize_controls_enqueue_scripts', array( $this, 'assets_wysiwyg_editor' ), 9999 );
 
-			if ( is_admin() ) {
-				add_filter( 'lsx_customizer_colour_selectors_body', array( $this, 'customizer_body_colours_handler' ), 15, 2 );
-			}
-		}
+               if ( is_admin() ) {
+                    add_filter( 'lsx_customizer_colour_selectors_body', array( $this, 'customizer_body_colours_handler' ), 15, 2 );
+               }
+          }
 
-		/**
-		 * Enques the assets.
-		 *
-		 * @since 1.0.0
-		 */
-		public function assets() {
-			wp_enqueue_script( 'lsx_customizer_admin', LSX_CUSTOMIZER_URL . 'assets/js/lsx-customizer-admin.min.js', array( 'jquery' ), LSX_CUSTOMIZER_VER, true );
+          /**
+           * Enques the assets.
+           *
+           * @since 1.0.0
+           */
+          public function assets() {
+               wp_enqueue_script( 'lsx_customizer_admin', LSX_CUSTOMIZER_URL . 'assets/js/lsx-customizer-admin.min.js', array( 'jquery' ), LSX_CUSTOMIZER_VER, true );
 
-			$params = apply_filters( 'lsx_customizer_admin_js_params', array(
-				'ajax_url' => admin_url( 'admin-ajax.php' ),
-			));
+               $params = apply_filters( 'lsx_customizer_admin_js_params', array(
+                    'ajax_url' => admin_url( 'admin-ajax.php' ),
+               ));
 
-			wp_localize_script( 'lsx_customizer_admin', 'lsx_customizer_params', $params );
+               wp_localize_script( 'lsx_customizer_admin', 'lsx_customizer_params', $params );
 
-			wp_enqueue_style( 'lsx_customizer_admin', LSX_CUSTOMIZER_URL . 'assets/css/lsx-customizer-admin.css', array(), LSX_CUSTOMIZER_VER );
-		}
+               wp_enqueue_style( 'lsx_customizer_admin', LSX_CUSTOMIZER_URL . 'assets/css/lsx-customizer-admin.css', array(), LSX_CUSTOMIZER_VER );
+          }
 
-		/**
-		 * Enques the assets for editor.
-		 *
-		 * @since 1.1.1
-		 */
-		public function assets_wysiwyg_editor() {
-			wp_enqueue_script( 'lsx_customizer_editor', LSX_CUSTOMIZER_URL . 'assets/js/lsx-customizer-editor.min.js', array( 'jquery' ), LSX_CUSTOMIZER_VER, true );
-		}
+          /**
+           * Enques the assets for editor.
+           *
+           * @since 1.1.1
+           */
+          public function assets_wysiwyg_editor() {
+               wp_enqueue_script( 'lsx_customizer_editor', LSX_CUSTOMIZER_URL . 'assets/js/lsx-customizer-editor.min.js', array( 'jquery' ), LSX_CUSTOMIZER_VER, true );
+          }
 
-		/**
-		 * Handle body colours that might be change by LSX Customizer.
-		 */
-		public function customizer_body_colours_handler( $css, $colors ) {
-			$css .= '
+          /**
+           * Handle body colours that might be change by LSX Customizer.
+           */
+          public function customizer_body_colours_handler( $css, $colors ) {
+               $css .= '
 				@import "' . LSX_CUSTOMIZER_PATH . '/assets/css/scss/customizer-customizer-body-colours";
 
 				/**
@@ -72,11 +72,11 @@ 
 				);
 			';
 
-			return $css;
-		}
+               return $css;
+          }
 
-	}
+     }
 
-	new LSX_Customizer_Admin();
+     new LSX_Customizer_Admin();
 
 }

classes/class-lsx-customizer-colour-body.php

Indentation +130 added lines, -130 removed lines

@@ -1,131 +1,131 @@ 
 <?php
 if ( ! class_exists( 'LSX_Customizer_Colour_Body' ) ) {
 
-	/**
-	 * LSX Customizer Colour Body Class
-	 *
-	 * @package   LSX Customizer
-	 * @author    LightSpeed
-	 * @license   GPL3
-	 * @link
-	 * @copyright 2016 LightSpeed
-	 */
-	class LSX_Customizer_Colour_Body extends LSX_Customizer_Colour {
-
-		/**
-		 * Constructor.
-		 *
-		 * @since 1.0.0
-		 */
-		public function __construct() {
-			add_action( 'after_switch_theme',   array( $this, 'set_theme_mod' ) );
-			add_action( 'customize_save_after', array( $this, 'set_theme_mod' ) );
-
-			add_action( 'wp_enqueue_scripts', array( $this, 'enqueue_css' ), 2999 );
-		}
-
-		/**
-		 * Assign CSS to theme mod.
-		 *
-		 * @since 1.0.0
-		 */
-		public function set_theme_mod() {
-			$theme_mods = $this->get_theme_mods();
-			$styles     = $this->get_css( $theme_mods );
-
-			set_theme_mod( 'lsx_customizer_colour__body_theme_mod', $styles );
-		}
-
-		/**
-		 * Enqueues front-end CSS.
-		 *
-		 * @since 1.0.0
-		 */
-		public function enqueue_css() {
-			$styles_from_theme_mod = get_theme_mod( 'lsx_customizer_colour__body_theme_mod' );
-
-			if ( is_customize_preview() || false === $styles_from_theme_mod ) {
-				$theme_mods = $this->get_theme_mods();
-				$styles     = $this->get_css( $theme_mods );
-
-				if ( false === $styles_from_theme_mod ) {
-					set_theme_mod( 'lsx_customizer_colour__body_theme_mod', $styles );
-				}
-			} else {
-				$styles = $styles_from_theme_mod;
-			}
-
-			wp_add_inline_style( 'lsx-customizer', $styles );
-		}
-
-		/**
-		 * Get CSS theme mods.
-		 *
-		 * @since 1.0.0
-		 */
-		public function get_theme_mods() {
-			$colors = parent::get_color_scheme();
-
-			$background_color = get_theme_mod( 'background_color', $colors['background_color'] );
-
-			if ( '#' !== substr( $background_color, 0, 1 ) ) {
-				$background_color = '#' . $background_color;
-			}
-
-			return apply_filters( 'lsx_customizer_colours_body', array(
-				'background_color'                       => $background_color,
-				'body_line_color'                        => get_theme_mod( 'body_line_color',                        $colors['body_line_color'] ),
-				'body_text_heading_color'                => get_theme_mod( 'body_text_heading_color',                $colors['body_text_heading_color'] ),
-				'body_text_small_color'                  => get_theme_mod( 'body_text_small_color',                  $colors['body_text_small_color'] ),
-				'body_text_color'                        => get_theme_mod( 'body_text_color',                        $colors['body_text_color'] ),
-				'body_link_color'                        => get_theme_mod( 'body_link_color',                        $colors['body_link_color'] ),
-				'body_link_hover_color'                  => get_theme_mod( 'body_link_hover_color',                  $colors['body_link_hover_color'] ),
-				'body_section_full_background_color'     => get_theme_mod( 'body_section_full_background_color',     $colors['body_section_full_background_color'] ),
-				'body_section_full_text_color'           => get_theme_mod( 'body_section_full_text_color',           $colors['body_section_full_text_color'] ),
-				'body_section_full_link_color'           => get_theme_mod( 'body_section_full_link_color',           $colors['body_section_full_link_color'] ),
-				'body_section_full_link_hover_color'     => get_theme_mod( 'body_section_full_link_hover_color',     $colors['body_section_full_link_hover_color'] ),
-				'body_section_full_cta_background_color' => get_theme_mod( 'body_section_full_cta_background_color', $colors['body_section_full_cta_background_color'] ),
-				'body_section_full_cta_text_color'       => get_theme_mod( 'body_section_full_cta_text_color',       $colors['body_section_full_cta_text_color'] ),
-				'body_section_full_cta_link_color'       => get_theme_mod( 'body_section_full_cta_link_color',       $colors['body_section_full_cta_link_color'] ),
-				'body_section_full_cta_link_hover_color' => get_theme_mod( 'body_section_full_cta_link_hover_color', $colors['body_section_full_cta_link_hover_color'] ),
-			) );
-		}
-
-		/**
-		 * Returns CSS.
-		 *
-		 * @since 1.0.0
-		 */
-		function get_css( $colors ) {
-			global $customizer_colour_names;
-
-			$colors_template = array();
-
-			foreach ( $customizer_colour_names as $key => $value ) {
-				$colors_template[ $key ] = '';
-			}
-
-			$colors = wp_parse_args( $colors, $colors_template );
-
-			if ( empty( $colors['background_color'] )
-				|| empty( $colors['body_line_color'] )
-				|| empty( $colors['body_text_heading_color'] )
-				|| empty( $colors['body_text_color'] )
-				|| empty( $colors['body_link_color'] )
-				|| empty( $colors['body_link_hover_color'] )
-				|| empty( $colors['body_text_small_color'] )
-				|| empty( $colors['body_section_full_background_color'] )
-				|| empty( $colors['body_section_full_text_color'] )
-				|| empty( $colors['body_section_full_link_color'] )
-				|| empty( $colors['body_section_full_link_hover_color'] )
-				|| empty( $colors['body_section_full_cta_background_color'] )
-				|| empty( $colors['body_section_full_cta_text_color'] )
-				|| empty( $colors['body_section_full_cta_link_color'] )
-				|| empty( $colors['body_section_full_cta_link_hover_color'] ) ) {
-				return '';
-			}
-
-			$css = '
+     /**
+      * LSX Customizer Colour Body Class
+      *
+      * @package   LSX Customizer
+      * @author    LightSpeed
+      * @license   GPL3
+      * @link
+      * @copyright 2016 LightSpeed
+      */
+     class LSX_Customizer_Colour_Body extends LSX_Customizer_Colour {
+
+          /**
+           * Constructor.
+           *
+           * @since 1.0.0
+           */
+          public function __construct() {
+               add_action( 'after_switch_theme',   array( $this, 'set_theme_mod' ) );
+               add_action( 'customize_save_after', array( $this, 'set_theme_mod' ) );
+
+               add_action( 'wp_enqueue_scripts', array( $this, 'enqueue_css' ), 2999 );
+          }
+
+          /**
+           * Assign CSS to theme mod.
+           *
+           * @since 1.0.0
+           */
+          public function set_theme_mod() {
+               $theme_mods = $this->get_theme_mods();
+               $styles     = $this->get_css( $theme_mods );
+
+               set_theme_mod( 'lsx_customizer_colour__body_theme_mod', $styles );
+          }
+
+          /**
+           * Enqueues front-end CSS.
+           *
+           * @since 1.0.0
+           */
+          public function enqueue_css() {
+               $styles_from_theme_mod = get_theme_mod( 'lsx_customizer_colour__body_theme_mod' );
+
+               if ( is_customize_preview() || false === $styles_from_theme_mod ) {
+                    $theme_mods = $this->get_theme_mods();
+                    $styles     = $this->get_css( $theme_mods );
+
+                    if ( false === $styles_from_theme_mod ) {
+                         set_theme_mod( 'lsx_customizer_colour__body_theme_mod', $styles );
+                    }
+               } else {
+                    $styles = $styles_from_theme_mod;
+               }
+
+               wp_add_inline_style( 'lsx-customizer', $styles );
+          }
+
+          /**
+           * Get CSS theme mods.
+           *
+           * @since 1.0.0
+           */
+          public function get_theme_mods() {
+               $colors = parent::get_color_scheme();
+
+               $background_color = get_theme_mod( 'background_color', $colors['background_color'] );
+
+               if ( '#' !== substr( $background_color, 0, 1 ) ) {
+                    $background_color = '#' . $background_color;
+               }
+
+               return apply_filters( 'lsx_customizer_colours_body', array(
+                    'background_color'                       => $background_color,
+                    'body_line_color'                        => get_theme_mod( 'body_line_color',                        $colors['body_line_color'] ),
+                    'body_text_heading_color'                => get_theme_mod( 'body_text_heading_color',                $colors['body_text_heading_color'] ),
+                    'body_text_small_color'                  => get_theme_mod( 'body_text_small_color',                  $colors['body_text_small_color'] ),
+                    'body_text_color'                        => get_theme_mod( 'body_text_color',                        $colors['body_text_color'] ),
+                    'body_link_color'                        => get_theme_mod( 'body_link_color',                        $colors['body_link_color'] ),
+                    'body_link_hover_color'                  => get_theme_mod( 'body_link_hover_color',                  $colors['body_link_hover_color'] ),
+                    'body_section_full_background_color'     => get_theme_mod( 'body_section_full_background_color',     $colors['body_section_full_background_color'] ),
+                    'body_section_full_text_color'           => get_theme_mod( 'body_section_full_text_color',           $colors['body_section_full_text_color'] ),
+                    'body_section_full_link_color'           => get_theme_mod( 'body_section_full_link_color',           $colors['body_section_full_link_color'] ),
+                    'body_section_full_link_hover_color'     => get_theme_mod( 'body_section_full_link_hover_color',     $colors['body_section_full_link_hover_color'] ),
+                    'body_section_full_cta_background_color' => get_theme_mod( 'body_section_full_cta_background_color', $colors['body_section_full_cta_background_color'] ),
+                    'body_section_full_cta_text_color'       => get_theme_mod( 'body_section_full_cta_text_color',       $colors['body_section_full_cta_text_color'] ),
+                    'body_section_full_cta_link_color'       => get_theme_mod( 'body_section_full_cta_link_color',       $colors['body_section_full_cta_link_color'] ),
+                    'body_section_full_cta_link_hover_color' => get_theme_mod( 'body_section_full_cta_link_hover_color', $colors['body_section_full_cta_link_hover_color'] ),
+               ) );
+          }
+
+          /**
+           * Returns CSS.
+           *
+           * @since 1.0.0
+           */
+          function get_css( $colors ) {
+               global $customizer_colour_names;
+
+               $colors_template = array();
+
+               foreach ( $customizer_colour_names as $key => $value ) {
+                    $colors_template[ $key ] = '';
+               }
+
+               $colors = wp_parse_args( $colors, $colors_template );
+
+               if ( empty( $colors['background_color'] )
+                    || empty( $colors['body_line_color'] )
+                    || empty( $colors['body_text_heading_color'] )
+                    || empty( $colors['body_text_color'] )
+                    || empty( $colors['body_link_color'] )
+                    || empty( $colors['body_link_hover_color'] )
+                    || empty( $colors['body_text_small_color'] )
+                    || empty( $colors['body_section_full_background_color'] )
+                    || empty( $colors['body_section_full_text_color'] )
+                    || empty( $colors['body_section_full_link_color'] )
+                    || empty( $colors['body_section_full_link_hover_color'] )
+                    || empty( $colors['body_section_full_cta_background_color'] )
+                    || empty( $colors['body_section_full_cta_text_color'] )
+                    || empty( $colors['body_section_full_cta_link_color'] )
+                    || empty( $colors['body_section_full_cta_link_hover_color'] ) ) {
+                    return '';
+               }
+
+               $css = '
 				@import "' . get_template_directory() . '/assets/css/scss/global/mixins/content";
 
 				/**
@@ -150,12 +150,12 @@ 
 				);
 			';
 
-			$css = apply_filters( 'lsx_customizer_colour_selectors_body', $css, $colors );
-			$css = parent::scss_to_css( $css );
+               $css = apply_filters( 'lsx_customizer_colour_selectors_body', $css, $colors );
+               $css = parent::scss_to_css( $css );
 
-			return $css;
-		}
+               return $css;
+          }
 
-	}
+     }
 
 }

classes/class-lsx-customizer-frontend.php

Indentation +174 added lines, -174 removed lines

@@ -1,63 +1,63 @@ 
 <?php
 if ( ! class_exists( 'LSX_Customizer_Frontend' ) ) {
 
-	/**
-	 * LSX Customizer Frontend Class
-	 *
-	 * @package   LSX Customizer
-	 * @author    LightSpeed
-	 * @license   GPL3
-	 * @link
-	 * @copyright 2016 LightSpeed
-	 */
-	class LSX_Customizer_Frontend extends LSX_Customizer {
-
-		/**
-		 * Constructor.
-		 *
-		 * @since 1.0.0
-		 */
-		public function __construct() {
-			add_action( 'wp_enqueue_scripts', array( $this, 'assets' ), 2999 );
-			add_action( 'wp_enqueue_scripts', array( $this, 'lsx_customizer_color_palette_css' ), 2999 );
-			add_action( 'wp', array( $this, 'layout' ), 2999 );
-			add_action( 'wp', array( $this, 'lsx_distraction_free_checkout' ), 2999 );
-			add_action( 'wp', array( $this, 'lsx_customizer_two_step_checkout' ) );
-			add_action( 'after_setup_theme', array( $this, 'lsx_customizer_color_palette_setup' ), 100 );
-		}
-
-		/**
-		 * Enques the assets.
-		 *
-		 * @since 1.0.0
-		 */
-		public function assets() {
-			wp_enqueue_script( 'lsx-customizer', LSX_CUSTOMIZER_URL . 'assets/js/lsx-customizer.min.js', array( 'jquery' ), LSX_CUSTOMIZER_VER, true );
-
-			$params = apply_filters( 'lsx_customizer_js_params', array(
-				'ajax_url' => admin_url( 'admin-ajax.php' ),
-			));
-
-			wp_localize_script( 'lsx-customizer', 'lsx_customizer_params', $params );
-
-			wp_enqueue_style( 'lsx-customizer', LSX_CUSTOMIZER_URL . 'assets/css/lsx-customizer.css', array(), LSX_CUSTOMIZER_VER );
-			wp_style_add_data( 'lsx-customizer', 'rtl', 'replace' );
-
-			$two_step_checkout = get_theme_mod( 'lsx_two_step_checkout', false );
-			if ( class_exists( 'WooCommerce' ) && function_exists( 'is_checkout' ) && is_checkout() && ! empty( $two_step_checkout ) ) {
-
-				wp_enqueue_script( 'flexslider', LSX_CUSTOMIZER_URL . 'assets/js/jquery.flexslider.min.js', array( 'jquery' ), '2.5.0' );
-			}
-
-		}
-
-		/**
-		 * Enqueues front-end colour palette CSS.
-		 *
-		 * @since 1.0.0
-		 */
-		public function lsx_customizer_color_palette_css() {
-			$styles = '
+     /**
+      * LSX Customizer Frontend Class
+      *
+      * @package   LSX Customizer
+      * @author    LightSpeed
+      * @license   GPL3
+      * @link
+      * @copyright 2016 LightSpeed
+      */
+     class LSX_Customizer_Frontend extends LSX_Customizer {
+
+          /**
+           * Constructor.
+           *
+           * @since 1.0.0
+           */
+          public function __construct() {
+               add_action( 'wp_enqueue_scripts', array( $this, 'assets' ), 2999 );
+               add_action( 'wp_enqueue_scripts', array( $this, 'lsx_customizer_color_palette_css' ), 2999 );
+               add_action( 'wp', array( $this, 'layout' ), 2999 );
+               add_action( 'wp', array( $this, 'lsx_distraction_free_checkout' ), 2999 );
+               add_action( 'wp', array( $this, 'lsx_customizer_two_step_checkout' ) );
+               add_action( 'after_setup_theme', array( $this, 'lsx_customizer_color_palette_setup' ), 100 );
+          }
+
+          /**
+           * Enques the assets.
+           *
+           * @since 1.0.0
+           */
+          public function assets() {
+               wp_enqueue_script( 'lsx-customizer', LSX_CUSTOMIZER_URL . 'assets/js/lsx-customizer.min.js', array( 'jquery' ), LSX_CUSTOMIZER_VER, true );
+
+               $params = apply_filters( 'lsx_customizer_js_params', array(
+                    'ajax_url' => admin_url( 'admin-ajax.php' ),
+               ));
+
+               wp_localize_script( 'lsx-customizer', 'lsx_customizer_params', $params );
+
+               wp_enqueue_style( 'lsx-customizer', LSX_CUSTOMIZER_URL . 'assets/css/lsx-customizer.css', array(), LSX_CUSTOMIZER_VER );
+               wp_style_add_data( 'lsx-customizer', 'rtl', 'replace' );
+
+               $two_step_checkout = get_theme_mod( 'lsx_two_step_checkout', false );
+               if ( class_exists( 'WooCommerce' ) && function_exists( 'is_checkout' ) && is_checkout() && ! empty( $two_step_checkout ) ) {
+
+                    wp_enqueue_script( 'flexslider', LSX_CUSTOMIZER_URL . 'assets/js/jquery.flexslider.min.js', array( 'jquery' ), '2.5.0' );
+               }
+
+          }
+
+          /**
+           * Enqueues front-end colour palette CSS.
+           *
+           * @since 1.0.0
+           */
+          public function lsx_customizer_color_palette_css() {
+               $styles = '
 			.container #primary.content-area .has-primary-color-background-color {
 				background-color:' . get_theme_mod( 'primary_color', '#428bca' ) . ';
 			}
@@ -136,122 +136,122 @@ 
 			}
 
 			';
-			wp_add_inline_style( 'lsx-customizer', $styles );
-		}
-
-		/**
-		 * Layout.
-		 *
-		 * @since 1.0.0
-		 */
-		public function layout() {
-			$theme_credit = get_theme_mod( 'lsx_theme_credit_status', true );
-
-			if ( false == $theme_credit ) {
-				add_filter( 'lsx_credit_link', '__return_false' );
-			}
-		}
-
-		/**
-		 * Create the distraction free checkout.
-		 *
-		 * @since 1.0.0
-		 * @return  void
-		 */
-		public function lsx_distraction_free_checkout() {
-
-			$distraction_free = get_theme_mod( 'lsx_distraction_free_checkout', false );
-
-			if ( class_exists( 'WooCommerce' ) && function_exists( 'is_checkout' ) && is_checkout() && ! empty( $distraction_free ) ) {
-				remove_action( 'lsx_body_bottom', 'lsx_wc_footer_bar', 15 );
-
-			}
-		}
-
-		/**
-		 * Create the two step checkout.
-		 *
-		 * @since   1.0.0
-		 * @return  void
-		 */
-		public function lsx_customizer_two_step_checkout() {
-			$two_step_checkout = get_theme_mod( 'lsx_two_step_checkout', false );
-
-			if ( class_exists( 'WooCommerce' ) && function_exists( 'is_checkout' ) && is_checkout() && ! empty( $two_step_checkout ) ) {
-				add_action( 'woocommerce_checkout_before_customer_details', 'lsx_customizer_checkout_form_wrapper_div', 1 );
-				add_action( 'woocommerce_checkout_before_customer_details', 'lsx_customizer_checkout_form_wrapper', 2 );
-				add_action( 'woocommerce_checkout_order_review', 'lsx_customizer_close_div', 30 );
-				add_action( 'woocommerce_checkout_order_review', 'lsx_customizer_close_ul', 30 );
-				add_action( 'woocommerce_checkout_before_customer_details', 'lsx_customizer_address_wrapper', 5 );
-				add_action( 'woocommerce_checkout_after_customer_details', 'lsx_customizer_close_li' );
-				add_action( 'wp_footer', 'lsx_customizer_fire_flexslider' );
-				add_action( 'woocommerce_checkout_before_order_review', 'lsx_customizer_order_review_wrap', 1 );
-				add_action( 'woocommerce_checkout_after_order_review', 'lsx_customizer_close_li', 40 );
-			}
-		}
-
-		/**
-		 * Editor color palette.
-		 *
-		 * @return void
-		 */
-		public function lsx_customizer_color_palette_setup() {
-			add_theme_support( 'editor-color-palette', array(
-				array(
-					'name'  => esc_html__( 'Primary Colour', 'lsx-customizer' ),
-					'slug'  => 'primary-color',
-					'color' => get_theme_mod( 'primary_color', '#428bca' ),
-				),
-				array(
-					'name'  => esc_html__( 'Strong Primary Colour', 'lsx-customizer' ),
-					'slug'  => 'strong-primary-color',
-					'color' => get_theme_mod( 'strong_primary_color', '#2a6496' ),
-				),
-				array(
-					'name'  => esc_html__( 'CTA Colour', 'lsx-customizer' ),
-					'slug'  => 'cta-color',
-					'color' => get_theme_mod( 'call_to_action_color', '#f7941d' ),
-				),
-				array(
-					'name'  => esc_html__( 'Strong CTA Colour', 'lsx-customizer' ),
-					'slug'  => 'strong-cta-color',
-					'color' => get_theme_mod( 'strong_cta_color', '#f7741d' ),
-				),
-				array(
-					'name'  => esc_html__( 'Secondary Colour', 'lsx-customizer' ),
-					'slug'  => 'secondary-color',
-					'color' => get_theme_mod( 'secondary_color', '#eaeaea' ),
-				),
-				array(
-					'name'  => esc_html__( 'Strong Secondary Colour', 'lsx-customizer' ),
-					'slug'  => 'strong-secondary-color',
-					'color' => get_theme_mod( 'strong_secondary_color', '#c4c4c4' ),
-				),
-				array(
-					'name'  => esc_html__( 'Tertiary Colour', 'lsx-customizer' ),
-					'slug'  => 'tertiary-color',
-					'color' => get_theme_mod( 'tertiary_color', '#6BA913' ),
-				),
-				array(
-					'name'  => esc_html__( 'Strong Tertiary Colour', 'lsx-customizer' ),
-					'slug'  => 'strong-tertiary-color',
-					'color' => get_theme_mod( 'strong_tertiary_color', '#3F640B' ),
-				),
-				array(
-					'name'  => esc_html__( 'White', 'lsx-customizer' ),
-					'slug'  => 'white',
-					'color' => '#ffffff',
-				),
-				array(
-					'name'  => esc_html__( 'Black', 'lsx-customizer' ),
-					'slug'  => 'black',
-					'color' => '#000000',
-				),
-			));
-		}
-
-	}
-
-	new LSX_Customizer_Frontend();
+               wp_add_inline_style( 'lsx-customizer', $styles );
+          }
+
+          /**
+           * Layout.
+           *
+           * @since 1.0.0
+           */
+          public function layout() {
+               $theme_credit = get_theme_mod( 'lsx_theme_credit_status', true );
+
+               if ( false == $theme_credit ) {
+                    add_filter( 'lsx_credit_link', '__return_false' );
+               }
+          }
+
+          /**
+           * Create the distraction free checkout.
+           *
+           * @since 1.0.0
+           * @return  void
+           */
+          public function lsx_distraction_free_checkout() {
+
+               $distraction_free = get_theme_mod( 'lsx_distraction_free_checkout', false );
+
+               if ( class_exists( 'WooCommerce' ) && function_exists( 'is_checkout' ) && is_checkout() && ! empty( $distraction_free ) ) {
+                    remove_action( 'lsx_body_bottom', 'lsx_wc_footer_bar', 15 );
+
+               }
+          }
+
+          /**
+           * Create the two step checkout.
+           *
+           * @since   1.0.0
+           * @return  void
+           */
+          public function lsx_customizer_two_step_checkout() {
+               $two_step_checkout = get_theme_mod( 'lsx_two_step_checkout', false );
+
+               if ( class_exists( 'WooCommerce' ) && function_exists( 'is_checkout' ) && is_checkout() && ! empty( $two_step_checkout ) ) {
+                    add_action( 'woocommerce_checkout_before_customer_details', 'lsx_customizer_checkout_form_wrapper_div', 1 );
+                    add_action( 'woocommerce_checkout_before_customer_details', 'lsx_customizer_checkout_form_wrapper', 2 );
+                    add_action( 'woocommerce_checkout_order_review', 'lsx_customizer_close_div', 30 );
+                    add_action( 'woocommerce_checkout_order_review', 'lsx_customizer_close_ul', 30 );
+                    add_action( 'woocommerce_checkout_before_customer_details', 'lsx_customizer_address_wrapper', 5 );
+                    add_action( 'woocommerce_checkout_after_customer_details', 'lsx_customizer_close_li' );
+                    add_action( 'wp_footer', 'lsx_customizer_fire_flexslider' );
+                    add_action( 'woocommerce_checkout_before_order_review', 'lsx_customizer_order_review_wrap', 1 );
+                    add_action( 'woocommerce_checkout_after_order_review', 'lsx_customizer_close_li', 40 );
+               }
+          }
+
+          /**
+           * Editor color palette.
+           *
+           * @return void
+           */
+          public function lsx_customizer_color_palette_setup() {
+               add_theme_support( 'editor-color-palette', array(
+                    array(
+                         'name'  => esc_html__( 'Primary Colour', 'lsx-customizer' ),
+                         'slug'  => 'primary-color',
+                         'color' => get_theme_mod( 'primary_color', '#428bca' ),
+                    ),
+                    array(
+                         'name'  => esc_html__( 'Strong Primary Colour', 'lsx-customizer' ),
+                         'slug'  => 'strong-primary-color',
+                         'color' => get_theme_mod( 'strong_primary_color', '#2a6496' ),
+                    ),
+                    array(
+                         'name'  => esc_html__( 'CTA Colour', 'lsx-customizer' ),
+                         'slug'  => 'cta-color',
+                         'color' => get_theme_mod( 'call_to_action_color', '#f7941d' ),
+                    ),
+                    array(
+                         'name'  => esc_html__( 'Strong CTA Colour', 'lsx-customizer' ),
+                         'slug'  => 'strong-cta-color',
+                         'color' => get_theme_mod( 'strong_cta_color', '#f7741d' ),
+                    ),
+                    array(
+                         'name'  => esc_html__( 'Secondary Colour', 'lsx-customizer' ),
+                         'slug'  => 'secondary-color',
+                         'color' => get_theme_mod( 'secondary_color', '#eaeaea' ),
+                    ),
+                    array(
+                         'name'  => esc_html__( 'Strong Secondary Colour', 'lsx-customizer' ),
+                         'slug'  => 'strong-secondary-color',
+                         'color' => get_theme_mod( 'strong_secondary_color', '#c4c4c4' ),
+                    ),
+                    array(
+                         'name'  => esc_html__( 'Tertiary Colour', 'lsx-customizer' ),
+                         'slug'  => 'tertiary-color',
+                         'color' => get_theme_mod( 'tertiary_color', '#6BA913' ),
+                    ),
+                    array(
+                         'name'  => esc_html__( 'Strong Tertiary Colour', 'lsx-customizer' ),
+                         'slug'  => 'strong-tertiary-color',
+                         'color' => get_theme_mod( 'strong_tertiary_color', '#3F640B' ),
+                    ),
+                    array(
+                         'name'  => esc_html__( 'White', 'lsx-customizer' ),
+                         'slug'  => 'white',
+                         'color' => '#ffffff',
+                    ),
+                    array(
+                         'name'  => esc_html__( 'Black', 'lsx-customizer' ),
+                         'slug'  => 'black',
+                         'color' => '#000000',
+                    ),
+               ));
+          }
+
+     }
+
+     new LSX_Customizer_Frontend();
 
 }

classes/class-lsx-customizer-login.php

Indentation +547 added lines, -547 removed lines

@@ -1,526 +1,526 @@ 
 <?php
 if ( ! class_exists( 'LSX_Customizer_Login' ) ) {
 
-	/**
-	 * LSX Customizer Login Class
-	 *
-	 * @package   LSX Customizer
-	 * @author    LightSpeed
-	 * @license   GPL3
-	 * @link
-	 * @copyright 2019 LightSpeed
-	 */
-	class LSX_Customizer_Login extends LSX_Customizer {
-
-		/**
-		 * Constructor.
-		 *
-		 * @since 1.0.0
-		 */
-		public function __construct() {
-			add_action( 'customize_register', array( $this, 'register_general' ), 20 );
-			add_action( 'customize_register', array( $this, 'register_form' ), 30 );
-			add_action( 'customize_register', array( $this, 'register_background' ), 40 );
-
-			add_action( 'after_switch_theme', array( $this, 'set_theme_mod' ) );
-			add_action( 'customize_save_after', array( $this, 'set_theme_mod' ) );
-			add_action( 'login_enqueue_scripts', array( $this, 'enqueue_css' ), 2999 );
-		}
-
-		/**
-		 * Customizer Controls and Settings.
-		 *
-		 * @param WP_Customize_Manager $wp_customize Theme Customizer object.
-		 * @since 1.0.0
-		 */
-		public function register_general( $wp_customize ) {
-			/**
-			 * Register the main panel
-			 */
-			$wp_customize->add_panel(
-				'login',
-				array(
-					'title'    => esc_html__( 'WP Login Screen', 'lsx-customizer' ),
-					'priority' => 60,
-				)
-			);
-
-			/**
-			 * Reigster the Form section
-			 */
-			$wp_customize->add_section(
-				'login-general',
-				array(
-					'title'    => esc_html__( 'General', 'lsx-customizer' ),
-					'priority' => 1,
-					'panel'    => 'login',
-				)
-			);
-
-			/**
-			 * Select the background repeat.
-			 */
-			$wp_customize->add_setting(
-				'lsx_login_logo',
-				array(
-					'default'   => '',
-					'type'      => 'theme_mod',
-					'transport' => 'postMessage',
-				)
-			);
-
-			$wp_customize->add_control(
-				new WP_Customize_Image_Control(
-					$wp_customize,
-					'lsx_login_logo',
-					array(
-						'label'    => __( 'Upload a logo', 'lsx-customizer' ),
-						'section'  => 'login-general',
-						'settings' => 'lsx_login_logo',
-					)
-				)
-			);
-
-			/**
-			 * Link Colour
-			 */
-			$wp_customize->add_setting(
-				'lsx_login_link_colour',
-				array(
-					'default'   => '0085ba',
-					'type'      => 'theme_mod',
-					'transport' => 'postMessage',
-				)
-			);
-			$wp_customize->add_control(
-				new WP_Customize_Color_Control(
-					$wp_customize,
-					'lsx_login_link_colour',
-					array(
-						'label'    => __( 'Link Colour', 'lsx-customizer' ),
-						'section'  => 'login-general',
-						'settings' => 'lsx_login_link_colour',
-					)
-				)
-			);
-
-			/**
-			 * Link Hover Colour
-			 */
-			$wp_customize->add_setting(
-				'lsx_login_link_hover_colour',
-				array(
-					'default'   => '000000',
-					'type'      => 'theme_mod',
-					'transport' => 'postMessage',
-				)
-			);
-			$wp_customize->add_control(
-				new WP_Customize_Color_Control(
-					$wp_customize,
-					'lsx_login_link_hover_colour',
-					array(
-						'label'    => __( 'Link Hover Colour', 'lsx-customizer' ),
-						'section'  => 'login-general',
-						'settings' => 'lsx_login_link_hover_colour',
-					)
-				)
-			);
-
-			/**
-			 * Add in the custom CSS.
-			 */
-			$wp_customize->add_setting(
-				'lsx_login_custom_css',
-				array(
-					'default'   => '',
-					'type'      => 'theme_mod',
-					'transport' => 'postMessage',
-				)
-			);
-			$wp_customize->add_control(
-				new WP_Customize_Control(
-					$wp_customize,
-					'lsx_login_custom_css',
-					array(
-						'label'    => __( 'Custom CSS', 'lsx-customizer' ),
-						'section'  => 'login-general',
-						'settings' => 'lsx_login_custom_css',
-						'type'     => 'textarea',
-					)
-				)
-			);
-		}
-
-		/**
-		 * Customizer Controls and Settings.
-		 *
-		 * @param WP_Customize_Manager $wp_customize Theme Customizer object.
-		 * @since 1.0.0
-		 */
-		public function register_form( $wp_customize ) {
-			/**
-			 * Reigster the Form section
-			 */
-			$wp_customize->add_section(
-				'login-form',
-				array(
-					'title'    => esc_html__( 'Form', 'lsx-customizer' ),
-					'priority' => 1,
-					'panel'    => 'login',
-				)
-			);
-
-			/**
-			 * Form Background Colour
-			 */
-			$wp_customize->add_setting(
-				'lsx_login_form_colour',
-				array(
-					'default'   => 'ffffff',
-					'type'      => 'theme_mod',
-					'transport' => 'postMessage',
-				)
-			);
-			$wp_customize->add_control(
-				new WP_Customize_Color_Control(
-					$wp_customize,
-					'lsx_login_form_colour',
-					array(
-						'label'    => __( 'Form Background Colour', 'lsx-customizer' ),
-						'section'  => 'login-form',
-						'settings' => 'lsx_login_form_colour',
-					)
-				)
-			);
-
-			/**
-			 * Form Label Colour
-			 */
-			$wp_customize->add_setting(
-				'lsx_login_form_label_colour',
-				array(
-					'default'   => 'ffffff',
-					'type'      => 'theme_mod',
-					'transport' => 'postMessage',
-				)
-			);
-			$wp_customize->add_control(
-				new WP_Customize_Color_Control(
-					$wp_customize,
-					'lsx_login_form_label_colour',
-					array(
-						'label'    => __( 'Form Label Colour', 'lsx-customizer' ),
-						'section'  => 'login-form',
-						'settings' => 'lsx_login_form_label_colour',
-					)
-				)
-			);
-
-			/**
-			 * Button Colour
-			 */
-			$wp_customize->add_setting(
-				'lsx_login_button_colour',
-				array(
-					'default'   => '000000',
-					'type'      => 'theme_mod',
-					'transport' => 'postMessage',
-				)
-			);
-			$wp_customize->add_control(
-				new WP_Customize_Color_Control(
-					$wp_customize,
-					'lsx_login_button_colour',
-					array(
-						'label'    => __( 'Button Colour', 'lsx-customizer' ),
-						'section'  => 'login-form',
-						'settings' => 'lsx_login_button_colour',
-					)
-				)
-			);
-
-			/**
-			 * Button Shadow Colour
-			 */
-			$wp_customize->add_setting(
-				'lsx_login_button_shadow_colour',
-				array(
-					'default'   => '015d82',
-					'type'      => 'theme_mod',
-					'transport' => 'postMessage',
-				)
-			);
-			$wp_customize->add_control(
-				new WP_Customize_Color_Control(
-					$wp_customize,
-					'lsx_login_button_shadow_colour',
-					array(
-						'label'    => __( 'Button Shadow Colour', 'lsx-customizer' ),
-						'section'  => 'login-form',
-						'settings' => 'lsx_login_button_shadow_colour',
-					)
-				)
-			);
-
-			/**
-			 * Button Hover Colour
-			 */
-			$wp_customize->add_setting(
-				'lsx_login_button_hover_colour',
-				array(
-					'default'   => '000000',
-					'type'      => 'theme_mod',
-					'transport' => 'postMessage',
-				)
-			);
-			$wp_customize->add_control(
-				new WP_Customize_Color_Control(
-					$wp_customize,
-					'lsx_login_button_hover_colour',
-					array(
-						'label'    => __( 'Button Hover Colour', 'lsx-customizer' ),
-						'section'  => 'login-form',
-						'settings' => 'lsx_login_button_hover_colour',
-					)
-				)
-			);
-
-			/**
-			 * Button Text Colour
-			 */
-			$wp_customize->add_setting(
-				'lsx_login_button_text_colour',
-				array(
-					'default'   => '0085ba',
-					'type'      => 'theme_mod',
-					'transport' => 'postMessage',
-				)
-			);
-			$wp_customize->add_control(
-				new WP_Customize_Color_Control(
-					$wp_customize,
-					'lsx_login_button_text_colour',
-					array(
-						'label'    => __( 'Button Text Colour', 'lsx-customizer' ),
-						'section'  => 'login-form',
-						'settings' => 'lsx_login_button_text_colour',
-					)
-				)
-			);
-
-		}
-
-		/**
-		 * Customizer Controls and Settings.
-		 *
-		 * @param WP_Customize_Manager $wp_customize Theme Customizer object.
-		 * @since 1.0.0
-		 */
-		public function register_background( $wp_customize ) {
-			$wp_customize->add_section(
-				'login-background',
-				array(
-					'title'    => esc_html__( 'Background', 'lsx-customizer' ),
-					'priority' => 1,
-					'panel'    => 'login',
-				)
-			);
-			/**
-			 * Background Colour
-			 */
-			$wp_customize->add_setting(
-				'lsx_login_bg_colour',
-				array(
-					'default'   => 'ffffff',
-					'type'      => 'theme_mod',
-					'transport' => 'postMessage',
-				)
-			);
-			$wp_customize->add_control(
-				new WP_Customize_Color_Control(
-					$wp_customize,
-					'lsx_login_bg_colour',
-					array(
-						'label'    => __( 'Background Colour', 'lsx-customizer' ),
-						'section'  => 'login-background',
-						'settings' => 'lsx_login_bg_colour',
-					)
-				)
-			);
-
-			/**
-			 * Upload a Background Image
-			 */
-			$wp_customize->add_setting(
-				'lsx_login_bg_image',
-				array(
-					'default'   => '',
-					'type'      => 'theme_mod',
-					'transport' => 'postMessage',
-				)
-			);
-
-			$wp_customize->add_control(
-				new WP_Customize_Image_Control(
-					$wp_customize,
-					'lsx_login_bg_image',
-					array(
-						'label'    => __( 'Background Image', 'lsx-customizer' ),
-						'section'  => 'login-background',
-						'settings' => 'lsx_login_bg_image',
-					)
-				)
-			);
-
-			/**
-			 * Select the background repeat.
-			 */
-			$wp_customize->add_setting(
-				'lsx_login_bg_repeat',
-				array(
-					'default'   => 'no-repeat',
-					'type'      => 'theme_mod',
-					'transport' => 'postMessage',
-				)
-			);
-			$wp_customize->add_control(
-				new WP_Customize_Control(
-					$wp_customize,
-					'lsx_login_bg_repeat',
-					array(
-						'label'    => __( 'Background Repeat', 'lsx-customizer' ),
-						'section'  => 'login-background',
-						'settings' => 'lsx_login_bg_repeat',
-						'type'     => 'select',
-						'choices'  => array(
-							'no-repeat'  => __( 'No Repeat', 'lsx-customizer' ),
-							'repeat'  => __( 'Repeat', 'lsx-customizer' ),
-							'repeat-x' => __( 'Repeat Horizontally', 'lsx-customizer' ),
-							'repeat-y' => __( 'Repeat Vertically', 'lsx-customizer' ),
-						),
-					)
-				)
-			);
-
-			/**
-			 * Select the background repeat.
-			 */
-			$wp_customize->add_setting(
-				'lsx_login_bg_size',
-				array(
-					'default'   => 'none',
-					'type'      => 'theme_mod',
-					'transport' => 'postMessage',
-				)
-			);
-			$wp_customize->add_control(
-				new WP_Customize_Control(
-					$wp_customize,
-					'lsx_login_bg_size',
-					array(
-						'label'    => __( 'Background Size', 'lsx-customizer' ),
-						'section'  => 'login-background',
-						'settings' => 'lsx_login_bg_size',
-						'type'     => 'select',
-						'choices'  => array(
-							'initial'  => __( 'None', 'lsx-customizer' ),
-							'cover'  => __( 'Cover', 'lsx-customizer' ),
-							'contain' => __( 'Contain', 'lsx-customizer' ),
-						),
-					)
-				)
-			);
-		}
-
-		/**
-		 * Assign CSS to theme mod.
-		 *
-		 * @since 1.0.0
-		 */
-		public function set_theme_mod() {
-			$theme_mods = $this->get_theme_mods();
-			$styles     = $this->get_css( $theme_mods );
-
-			set_theme_mod( 'lsx_customizer_login_styles', $styles );
-		}
-
-		/**
-		 * Enqueues front-end CSS.
-		 *
-		 * @since 1.0.0
-		 */
-		public function enqueue_css() {
-			$styles_from_theme_mod = get_theme_mod( 'lsx_customizer_login_styles' );
-			if ( is_customize_preview() || false === $styles_from_theme_mod ) {
-				$theme_mods = $this->get_theme_mods();
-				$styles     = $this->get_css( $theme_mods );
-
-				if ( false === $styles_from_theme_mod ) {
-					set_theme_mod( 'lsx_customizer_login_styles', $styles );
-				}
-			} else {
-				$styles = $styles_from_theme_mod;
-			}
-			echo wp_kses(
-				$styles,
-				array(
-					'style' => array(),
-				)
-			);
-		}
-
-		/**
-		 * Get CSS theme mods.
-		 *
-		 * @since 1.0.0
-		 */
-		public function get_theme_mods() {
-			$mods = apply_filters(
-				'lsx_customizer_login_styles',
-				array(
-					'logo'                    => get_theme_mod( 'lsx_login_logo', '' ),
-					'link_colour'             => get_theme_mod( 'lsx_login_link_colour', '#0085ba' ),
-					'link_hover_colour'       => get_theme_mod( 'lsx_login_link_hover_colour', '#0085ba' ),
-					'button_colour'           => get_theme_mod( 'lsx_login_button_colour', '#0085ba' ),
-					'button_shadow_colour'    => get_theme_mod( 'lsx_login_button_shadow_colour', '#015d82' ),
-					'button_hover_colour'     => get_theme_mod( 'lsx_login_button_hover_colour', '#015d82' ),
-					'button_text_colour'      => get_theme_mod( 'lsx_login_button_text_colour', '#ffffff' ),
-					'login_form_colour'       => get_theme_mod( 'lsx_login_form_colour', '#ffffff' ),
-					'login_form_label_colour' => get_theme_mod( 'lsx_login_form_label_colour', '#333333' ),
-					'background_colour'       => get_theme_mod( 'lsx_login_bg_colour', '#f2f2f2' ),
-					'background_image'        => get_theme_mod( 'lsx_login_bg_image', '' ),
-					'background_repeat'       => get_theme_mod( 'lsx_login_bg_repeat', 'no-repeat' ),
-					'background_size'         => get_theme_mod( 'lsx_login_bg_size', 'initial' ),
-					'custom_css'              => get_theme_mod( 'lsx_login_custom_css', '' ),
-				)
-			);
-			return $mods;
-		}
-
-		/**
-		 * Returns CSS.
-		 *
-		 * @since 1.0.0
-		 */
-		public function get_css( $theme_mods ) {
-			$css = '<style>';
-
-			$css .= "body.login #backtoblog a, body.login #nav a { color: {$theme_mods['link_colour']}; }";
-			$css .= "body.login #nav a:hover, .login h1 a:hover, body.login #backtoblog a:hover { color: {$theme_mods['link_hover_colour']}; }";
-			$css .= "body.login.wp-core-ui .button-primary { background-color: {$theme_mods['button_colour']}; }";
-			$css .= "body.login.wp-core-ui .button-primary { border-color: {$theme_mods['button_colour']}; }";
-			$css .= "body.login.wp-core-ui .button-primary:hover { background-color: {$theme_mods['button_hover_colour']}; }";
-			$css .= "body.login.wp-core-ui .button-primary:hover { border-color: {$theme_mods['button_hover_colour']}; }";
-			$css .= "body.login .button-primary { box-shadow: 0 1px 0 {$theme_mods['button_shadow_colour']}; }";
-			$css .= "body.login .button-primary:active { box-shadow: 0 2px 0 {$theme_mods['button_shadow_colour']}; }";
-			$css .= "body.login .button-primary { color: {$theme_mods['button_text_colour']} ; }";
-			$css .= 'body.login .button-primary { text-shadow: none; }';
-			$css .= "body.login form { background: {$theme_mods['login_form_colour']}; }";
-			$css .= "body.login label { color: {$theme_mods['login_form_label_colour']}; }";
-
-			if ( isset( $theme_mods['logo'] ) && '' !== $theme_mods['logo'] ) {
-				$css .= "
+     /**
+      * LSX Customizer Login Class
+      *
+      * @package   LSX Customizer
+      * @author    LightSpeed
+      * @license   GPL3
+      * @link
+      * @copyright 2019 LightSpeed
+      */
+     class LSX_Customizer_Login extends LSX_Customizer {
+
+          /**
+           * Constructor.
+           *
+           * @since 1.0.0
+           */
+          public function __construct() {
+               add_action( 'customize_register', array( $this, 'register_general' ), 20 );
+               add_action( 'customize_register', array( $this, 'register_form' ), 30 );
+               add_action( 'customize_register', array( $this, 'register_background' ), 40 );
+
+               add_action( 'after_switch_theme', array( $this, 'set_theme_mod' ) );
+               add_action( 'customize_save_after', array( $this, 'set_theme_mod' ) );
+               add_action( 'login_enqueue_scripts', array( $this, 'enqueue_css' ), 2999 );
+          }
+
+          /**
+           * Customizer Controls and Settings.
+           *
+           * @param WP_Customize_Manager $wp_customize Theme Customizer object.
+           * @since 1.0.0
+           */
+          public function register_general( $wp_customize ) {
+               /**
+                * Register the main panel
+                */
+               $wp_customize->add_panel(
+                    'login',
+                    array(
+                         'title'    => esc_html__( 'WP Login Screen', 'lsx-customizer' ),
+                         'priority' => 60,
+                    )
+               );
+
+               /**
+                * Reigster the Form section
+                */
+               $wp_customize->add_section(
+                    'login-general',
+                    array(
+                         'title'    => esc_html__( 'General', 'lsx-customizer' ),
+                         'priority' => 1,
+                         'panel'    => 'login',
+                    )
+               );
+
+               /**
+                * Select the background repeat.
+                */
+               $wp_customize->add_setting(
+                    'lsx_login_logo',
+                    array(
+                         'default'   => '',
+                         'type'      => 'theme_mod',
+                         'transport' => 'postMessage',
+                    )
+               );
+
+               $wp_customize->add_control(
+                    new WP_Customize_Image_Control(
+                         $wp_customize,
+                         'lsx_login_logo',
+                         array(
+                              'label'    => __( 'Upload a logo', 'lsx-customizer' ),
+                              'section'  => 'login-general',
+                              'settings' => 'lsx_login_logo',
+                         )
+                    )
+               );
+
+               /**
+                * Link Colour
+                */
+               $wp_customize->add_setting(
+                    'lsx_login_link_colour',
+                    array(
+                         'default'   => '0085ba',
+                         'type'      => 'theme_mod',
+                         'transport' => 'postMessage',
+                    )
+               );
+               $wp_customize->add_control(
+                    new WP_Customize_Color_Control(
+                         $wp_customize,
+                         'lsx_login_link_colour',
+                         array(
+                              'label'    => __( 'Link Colour', 'lsx-customizer' ),
+                              'section'  => 'login-general',
+                              'settings' => 'lsx_login_link_colour',
+                         )
+                    )
+               );
+
+               /**
+                * Link Hover Colour
+                */
+               $wp_customize->add_setting(
+                    'lsx_login_link_hover_colour',
+                    array(
+                         'default'   => '000000',
+                         'type'      => 'theme_mod',
+                         'transport' => 'postMessage',
+                    )
+               );
+               $wp_customize->add_control(
+                    new WP_Customize_Color_Control(
+                         $wp_customize,
+                         'lsx_login_link_hover_colour',
+                         array(
+                              'label'    => __( 'Link Hover Colour', 'lsx-customizer' ),
+                              'section'  => 'login-general',
+                              'settings' => 'lsx_login_link_hover_colour',
+                         )
+                    )
+               );
+
+               /**
+                * Add in the custom CSS.
+                */
+               $wp_customize->add_setting(
+                    'lsx_login_custom_css',
+                    array(
+                         'default'   => '',
+                         'type'      => 'theme_mod',
+                         'transport' => 'postMessage',
+                    )
+               );
+               $wp_customize->add_control(
+                    new WP_Customize_Control(
+                         $wp_customize,
+                         'lsx_login_custom_css',
+                         array(
+                              'label'    => __( 'Custom CSS', 'lsx-customizer' ),
+                              'section'  => 'login-general',
+                              'settings' => 'lsx_login_custom_css',
+                              'type'     => 'textarea',
+                         )
+                    )
+               );
+          }
+
+          /**
+           * Customizer Controls and Settings.
+           *
+           * @param WP_Customize_Manager $wp_customize Theme Customizer object.
+           * @since 1.0.0
+           */
+          public function register_form( $wp_customize ) {
+               /**
+                * Reigster the Form section
+                */
+               $wp_customize->add_section(
+                    'login-form',
+                    array(
+                         'title'    => esc_html__( 'Form', 'lsx-customizer' ),
+                         'priority' => 1,
+                         'panel'    => 'login',
+                    )
+               );
+
+               /**
+                * Form Background Colour
+                */
+               $wp_customize->add_setting(
+                    'lsx_login_form_colour',
+                    array(
+                         'default'   => 'ffffff',
+                         'type'      => 'theme_mod',
+                         'transport' => 'postMessage',
+                    )
+               );
+               $wp_customize->add_control(
+                    new WP_Customize_Color_Control(
+                         $wp_customize,
+                         'lsx_login_form_colour',
+                         array(
+                              'label'    => __( 'Form Background Colour', 'lsx-customizer' ),
+                              'section'  => 'login-form',
+                              'settings' => 'lsx_login_form_colour',
+                         )
+                    )
+               );
+
+               /**
+                * Form Label Colour
+                */
+               $wp_customize->add_setting(
+                    'lsx_login_form_label_colour',
+                    array(
+                         'default'   => 'ffffff',
+                         'type'      => 'theme_mod',
+                         'transport' => 'postMessage',
+                    )
+               );
+               $wp_customize->add_control(
+                    new WP_Customize_Color_Control(
+                         $wp_customize,
+                         'lsx_login_form_label_colour',
+                         array(
+                              'label'    => __( 'Form Label Colour', 'lsx-customizer' ),
+                              'section'  => 'login-form',
+                              'settings' => 'lsx_login_form_label_colour',
+                         )
+                    )
+               );
+
+               /**
+                * Button Colour
+                */
+               $wp_customize->add_setting(
+                    'lsx_login_button_colour',
+                    array(
+                         'default'   => '000000',
+                         'type'      => 'theme_mod',
+                         'transport' => 'postMessage',
+                    )
+               );
+               $wp_customize->add_control(
+                    new WP_Customize_Color_Control(
+                         $wp_customize,
+                         'lsx_login_button_colour',
+                         array(
+                              'label'    => __( 'Button Colour', 'lsx-customizer' ),
+                              'section'  => 'login-form',
+                              'settings' => 'lsx_login_button_colour',
+                         )
+                    )
+               );
+
+               /**
+                * Button Shadow Colour
+                */
+               $wp_customize->add_setting(
+                    'lsx_login_button_shadow_colour',
+                    array(
+                         'default'   => '015d82',
+                         'type'      => 'theme_mod',
+                         'transport' => 'postMessage',
+                    )
+               );
+               $wp_customize->add_control(
+                    new WP_Customize_Color_Control(
+                         $wp_customize,
+                         'lsx_login_button_shadow_colour',
+                         array(
+                              'label'    => __( 'Button Shadow Colour', 'lsx-customizer' ),
+                              'section'  => 'login-form',
+                              'settings' => 'lsx_login_button_shadow_colour',
+                         )
+                    )
+               );
+
+               /**
+                * Button Hover Colour
+                */
+               $wp_customize->add_setting(
+                    'lsx_login_button_hover_colour',
+                    array(
+                         'default'   => '000000',
+                         'type'      => 'theme_mod',
+                         'transport' => 'postMessage',
+                    )
+               );
+               $wp_customize->add_control(
+                    new WP_Customize_Color_Control(
+                         $wp_customize,
+                         'lsx_login_button_hover_colour',
+                         array(
+                              'label'    => __( 'Button Hover Colour', 'lsx-customizer' ),
+                              'section'  => 'login-form',
+                              'settings' => 'lsx_login_button_hover_colour',
+                         )
+                    )
+               );
+
+               /**
+                * Button Text Colour
+                */
+               $wp_customize->add_setting(
+                    'lsx_login_button_text_colour',
+                    array(
+                         'default'   => '0085ba',
+                         'type'      => 'theme_mod',
+                         'transport' => 'postMessage',
+                    )
+               );
+               $wp_customize->add_control(
+                    new WP_Customize_Color_Control(
+                         $wp_customize,
+                         'lsx_login_button_text_colour',
+                         array(
+                              'label'    => __( 'Button Text Colour', 'lsx-customizer' ),
+                              'section'  => 'login-form',
+                              'settings' => 'lsx_login_button_text_colour',
+                         )
+                    )
+               );
+
+          }
+
+          /**
+           * Customizer Controls and Settings.
+           *
+           * @param WP_Customize_Manager $wp_customize Theme Customizer object.
+           * @since 1.0.0
+           */
+          public function register_background( $wp_customize ) {
+               $wp_customize->add_section(
+                    'login-background',
+                    array(
+                         'title'    => esc_html__( 'Background', 'lsx-customizer' ),
+                         'priority' => 1,
+                         'panel'    => 'login',
+                    )
+               );
+               /**
+                * Background Colour
+                */
+               $wp_customize->add_setting(
+                    'lsx_login_bg_colour',
+                    array(
+                         'default'   => 'ffffff',
+                         'type'      => 'theme_mod',
+                         'transport' => 'postMessage',
+                    )
+               );
+               $wp_customize->add_control(
+                    new WP_Customize_Color_Control(
+                         $wp_customize,
+                         'lsx_login_bg_colour',
+                         array(
+                              'label'    => __( 'Background Colour', 'lsx-customizer' ),
+                              'section'  => 'login-background',
+                              'settings' => 'lsx_login_bg_colour',
+                         )
+                    )
+               );
+
+               /**
+                * Upload a Background Image
+                */
+               $wp_customize->add_setting(
+                    'lsx_login_bg_image',
+                    array(
+                         'default'   => '',
+                         'type'      => 'theme_mod',
+                         'transport' => 'postMessage',
+                    )
+               );
+
+               $wp_customize->add_control(
+                    new WP_Customize_Image_Control(
+                         $wp_customize,
+                         'lsx_login_bg_image',
+                         array(
+                              'label'    => __( 'Background Image', 'lsx-customizer' ),
+                              'section'  => 'login-background',
+                              'settings' => 'lsx_login_bg_image',
+                         )
+                    )
+               );
+
+               /**
+                * Select the background repeat.
+                */
+               $wp_customize->add_setting(
+                    'lsx_login_bg_repeat',
+                    array(
+                         'default'   => 'no-repeat',
+                         'type'      => 'theme_mod',
+                         'transport' => 'postMessage',
+                    )
+               );
+               $wp_customize->add_control(
+                    new WP_Customize_Control(
+                         $wp_customize,
+                         'lsx_login_bg_repeat',
+                         array(
+                              'label'    => __( 'Background Repeat', 'lsx-customizer' ),
+                              'section'  => 'login-background',
+                              'settings' => 'lsx_login_bg_repeat',
+                              'type'     => 'select',
+                              'choices'  => array(
+                                   'no-repeat'  => __( 'No Repeat', 'lsx-customizer' ),
+                                   'repeat'  => __( 'Repeat', 'lsx-customizer' ),
+                                   'repeat-x' => __( 'Repeat Horizontally', 'lsx-customizer' ),
+                                   'repeat-y' => __( 'Repeat Vertically', 'lsx-customizer' ),
+                              ),
+                         )
+                    )
+               );
+
+               /**
+                * Select the background repeat.
+                */
+               $wp_customize->add_setting(
+                    'lsx_login_bg_size',
+                    array(
+                         'default'   => 'none',
+                         'type'      => 'theme_mod',
+                         'transport' => 'postMessage',
+                    )
+               );
+               $wp_customize->add_control(
+                    new WP_Customize_Control(
+                         $wp_customize,
+                         'lsx_login_bg_size',
+                         array(
+                              'label'    => __( 'Background Size', 'lsx-customizer' ),
+                              'section'  => 'login-background',
+                              'settings' => 'lsx_login_bg_size',
+                              'type'     => 'select',
+                              'choices'  => array(
+                                   'initial'  => __( 'None', 'lsx-customizer' ),
+                                   'cover'  => __( 'Cover', 'lsx-customizer' ),
+                                   'contain' => __( 'Contain', 'lsx-customizer' ),
+                              ),
+                         )
+                    )
+               );
+          }
+
+          /**
+           * Assign CSS to theme mod.
+           *
+           * @since 1.0.0
+           */
+          public function set_theme_mod() {
+               $theme_mods = $this->get_theme_mods();
+               $styles     = $this->get_css( $theme_mods );
+
+               set_theme_mod( 'lsx_customizer_login_styles', $styles );
+          }
+
+          /**
+           * Enqueues front-end CSS.
+           *
+           * @since 1.0.0
+           */
+          public function enqueue_css() {
+               $styles_from_theme_mod = get_theme_mod( 'lsx_customizer_login_styles' );
+               if ( is_customize_preview() || false === $styles_from_theme_mod ) {
+                    $theme_mods = $this->get_theme_mods();
+                    $styles     = $this->get_css( $theme_mods );
+
+                    if ( false === $styles_from_theme_mod ) {
+                         set_theme_mod( 'lsx_customizer_login_styles', $styles );
+                    }
+               } else {
+                    $styles = $styles_from_theme_mod;
+               }
+               echo wp_kses(
+                    $styles,
+                    array(
+                         'style' => array(),
+                    )
+               );
+          }
+
+          /**
+           * Get CSS theme mods.
+           *
+           * @since 1.0.0
+           */
+          public function get_theme_mods() {
+               $mods = apply_filters(
+                    'lsx_customizer_login_styles',
+                    array(
+                         'logo'                    => get_theme_mod( 'lsx_login_logo', '' ),
+                         'link_colour'             => get_theme_mod( 'lsx_login_link_colour', '#0085ba' ),
+                         'link_hover_colour'       => get_theme_mod( 'lsx_login_link_hover_colour', '#0085ba' ),
+                         'button_colour'           => get_theme_mod( 'lsx_login_button_colour', '#0085ba' ),
+                         'button_shadow_colour'    => get_theme_mod( 'lsx_login_button_shadow_colour', '#015d82' ),
+                         'button_hover_colour'     => get_theme_mod( 'lsx_login_button_hover_colour', '#015d82' ),
+                         'button_text_colour'      => get_theme_mod( 'lsx_login_button_text_colour', '#ffffff' ),
+                         'login_form_colour'       => get_theme_mod( 'lsx_login_form_colour', '#ffffff' ),
+                         'login_form_label_colour' => get_theme_mod( 'lsx_login_form_label_colour', '#333333' ),
+                         'background_colour'       => get_theme_mod( 'lsx_login_bg_colour', '#f2f2f2' ),
+                         'background_image'        => get_theme_mod( 'lsx_login_bg_image', '' ),
+                         'background_repeat'       => get_theme_mod( 'lsx_login_bg_repeat', 'no-repeat' ),
+                         'background_size'         => get_theme_mod( 'lsx_login_bg_size', 'initial' ),
+                         'custom_css'              => get_theme_mod( 'lsx_login_custom_css', '' ),
+                    )
+               );
+               return $mods;
+          }
+
+          /**
+           * Returns CSS.
+           *
+           * @since 1.0.0
+           */
+          public function get_css( $theme_mods ) {
+               $css = '<style>';
+
+               $css .= "body.login #backtoblog a, body.login #nav a { color: {$theme_mods['link_colour']}; }";
+               $css .= "body.login #nav a:hover, .login h1 a:hover, body.login #backtoblog a:hover { color: {$theme_mods['link_hover_colour']}; }";
+               $css .= "body.login.wp-core-ui .button-primary { background-color: {$theme_mods['button_colour']}; }";
+               $css .= "body.login.wp-core-ui .button-primary { border-color: {$theme_mods['button_colour']}; }";
+               $css .= "body.login.wp-core-ui .button-primary:hover { background-color: {$theme_mods['button_hover_colour']}; }";
+               $css .= "body.login.wp-core-ui .button-primary:hover { border-color: {$theme_mods['button_hover_colour']}; }";
+               $css .= "body.login .button-primary { box-shadow: 0 1px 0 {$theme_mods['button_shadow_colour']}; }";
+               $css .= "body.login .button-primary:active { box-shadow: 0 2px 0 {$theme_mods['button_shadow_colour']}; }";
+               $css .= "body.login .button-primary { color: {$theme_mods['button_text_colour']} ; }";
+               $css .= 'body.login .button-primary { text-shadow: none; }';
+               $css .= "body.login form { background: {$theme_mods['login_form_colour']}; }";
+               $css .= "body.login label { color: {$theme_mods['login_form_label_colour']}; }";
+
+               if ( isset( $theme_mods['logo'] ) && '' !== $theme_mods['logo'] ) {
+                    $css .= "
 					#login h1 a, .login h1 a {
 						background-image: url('" . $theme_mods['logo'] . "');
 						max-height: 150px;
@@ -529,22 +529,22 @@ 
 						background-repeat: no-repeat;
 					}
 				";
-			}
-
-			// Add in the background image options.
-			$background_image = '';
-			if ( isset( $theme_mods['background_image'] ) && '' !== $theme_mods['background_image'] ) {
-				$background_image = "background-image:url('{$theme_mods['background_image']}');";
-			}
-			$background_repeat = '';
-			if ( isset( $theme_mods['background_repeat'] ) && '' !== $theme_mods['background_repeat'] ) {
-				$background_repeat = "background-repeat:{$theme_mods['background_repeat']};";
-			}
-			$background_size = '';
-			if ( isset( $theme_mods['background_size'] ) && '' !== $theme_mods['background_size'] ) {
-				$background_size = "background-size:{$theme_mods['background_size']};";
-			}
-			$css .= "
+               }
+
+               // Add in the background image options.
+               $background_image = '';
+               if ( isset( $theme_mods['background_image'] ) && '' !== $theme_mods['background_image'] ) {
+                    $background_image = "background-image:url('{$theme_mods['background_image']}');";
+               }
+               $background_repeat = '';
+               if ( isset( $theme_mods['background_repeat'] ) && '' !== $theme_mods['background_repeat'] ) {
+                    $background_repeat = "background-repeat:{$theme_mods['background_repeat']};";
+               }
+               $background_size = '';
+               if ( isset( $theme_mods['background_size'] ) && '' !== $theme_mods['background_size'] ) {
+                    $background_size = "background-size:{$theme_mods['background_size']};";
+               }
+               $css .= "
 				.login {
 					background:{$theme_mods['background_colour']};
 					{$background_image}
@@ -555,15 +555,15 @@ 
 					transition:0.4s;
 				}";
 
-			// Add in the custom css
-			if ( isset( $theme_mods['custom_css'] ) && '' !== $theme_mods['custom_css'] ) {
-				$css .= $theme_mods['custom_css'];
-			}
-
-			$css .= '</style>';
-			$css  = apply_filters( 'lsx_customizer_login_styles', $css );
-			return $css;
-		}
-	}
-	new LSX_Customizer_Login();
+               // Add in the custom css
+               if ( isset( $theme_mods['custom_css'] ) && '' !== $theme_mods['custom_css'] ) {
+                    $css .= $theme_mods['custom_css'];
+               }
+
+               $css .= '</style>';
+               $css  = apply_filters( 'lsx_customizer_login_styles', $css );
+               return $css;
+          }
+     }
+     new LSX_Customizer_Login();
 }

classes/class-lsx-customizer-colour.php

Indentation +447 added lines, -447 removed lines

@@ -1,375 +1,375 @@ 
 <?php
 if ( ! class_exists( 'LSX_Customizer_Colour' ) ) {
 
-	/**
-	 * LSX Customizer Colour Class
-	 *
-	 * @package   LSX Customizer
-	 * @author    LightSpeed
-	 * @license   GPL3
-	 * @link
-	 * @copyright 2016 LightSpeed
-	 */
-	class LSX_Customizer_Colour extends LSX_Customizer {
-
-		/**
-		 * Button customizer instance.
-		 *
-		 * @var string
-		 * @since 1.0.0
-		 */
-		public $button;
-
-		/**
-		 * Button CTA customizer instance.
-		 *
-		 * @var string
-		 * @since 1.0.0
-		 */
-		public $button_cta;
-
-		/**
-		 * Button secondary customizer instance.
-		 *
-		 * @var string
-		 * @since 1.1.0
-		 */
-		public $button_secondary;
-
-		/**
-		 * Button tertiary customizer instance.
-		 *
-		 * @var string
-		 * @since 1.1.0
-		 */
-		public $button_tertiary;
-
-		/**
-		 * Top Menu customizer instance.
-		 *
-		 * @var string
-		 * @since 1.0.0
-		 */
-		public $top_menu;
-
-		/**
-		 * Header customizer instance.
-		 *
-		 * @var string
-		 * @since 1.0.0
-		 */
-		public $header;
-
-		/**
-		 * Main menu customizer instance.
-		 *
-		 * @var string
-		 * @since 1.0.0
-		 */
-		public $main_menu;
-
-		/**
-		 * Banner customizer instance.
-		 *
-		 * @var string
-		 * @since 1.0.0
-		 */
-		public $banner;
-
-		/**
-		 * Body customizer instance.
-		 *
-		 * @var string
-		 * @since 1.0.0
-		 */
-		public $body;
-
-		/**
-		 * Footer CTA customizer instance.
-		 *
-		 * @var string
-		 * @since 1.0.0
-		 */
-		public $footer_cta;
-
-		/**
-		 * Footer Widgets customizer instance.
-		 *
-		 * @var string
-		 * @since 1.0.0
-		 */
-		public $footer_widgets;
-
-		/**
-		 * Footer customizer instance.
-		 *
-		 * @var string
-		 * @since 1.0.0
-		 */
-		public $footer;
-
-		/**
-		 * Constructor.
-		 *
-		 * @since 1.0.0
-		 */
-		public function __construct() {
-			add_action( 'after_setup_theme',                       array( $this, 'after_setup_theme' ), 20 );
-			add_action( 'customize_register',                      array( $this, 'customize_register' ), 20 );
-			add_action( 'customize_controls_print_footer_scripts', array( $this, 'colour_scheme_css_template' ) );
-		}
-
-		/**
-		 * Customizer Controls and Settings.
-		 *
-		 * @param WP_Customize_Manager $wp_customize Theme Customizer object.
-		 * @since 1.0.0
-		 */
-		public function after_setup_theme() {
-			require_once( LSX_CUSTOMIZER_PATH . 'includes/lsx-customizer-colour-options.php' );
-			require_once( LSX_CUSTOMIZER_PATH . 'includes/lsx-customizer-colour-deprecated.php' );
-			require_once( LSX_CUSTOMIZER_PATH . 'includes/lsx-customizer-templates.php' );
-
-			require_once( LSX_CUSTOMIZER_PATH . 'classes/class-lsx-customizer-colour-button.php' );
-			$this->button = new LSX_Customizer_Colour_Button();
-
-			require_once( LSX_CUSTOMIZER_PATH . 'classes/class-lsx-customizer-colour-button-cta.php' );
-			$this->button_cta = new LSX_Customizer_Colour_Button_CTA();
-
-			require_once( LSX_CUSTOMIZER_PATH . 'classes/class-lsx-customizer-colour-button-secondary.php' );
-			$this->button_secondary = new LSX_Customizer_Colour_Button_Secondary();
-
-			require_once( LSX_CUSTOMIZER_PATH . 'classes/class-lsx-customizer-colour-button-tertiary.php' );
-			$this->button_tertiary = new LSX_Customizer_Colour_Button_Tertiary();
-
-			require_once( LSX_CUSTOMIZER_PATH . 'classes/class-lsx-customizer-colour-top-menu.php' );
-			$this->top_menu = new LSX_Customizer_Colour_Top_Menu();
-
-			require_once( LSX_CUSTOMIZER_PATH . 'classes/class-lsx-customizer-colour-header.php' );
-			$this->header = new LSX_Customizer_Colour_Header();
-
-			require_once( LSX_CUSTOMIZER_PATH . 'classes/class-lsx-customizer-colour-main-menu.php' );
-			$this->main_menu = new LSX_Customizer_Colour_Main_Menu();
-
-			require_once( LSX_CUSTOMIZER_PATH . 'classes/class-lsx-customizer-colour-banner.php' );
-			$this->banner = new LSX_Customizer_Colour_Banner();
-
-			require_once( LSX_CUSTOMIZER_PATH . 'classes/class-lsx-customizer-colour-body.php' );
-			$this->body = new LSX_Customizer_Colour_Body();
-
-			require_once( LSX_CUSTOMIZER_PATH . 'classes/class-lsx-customizer-colour-footer-cta.php' );
-			$this->footer_cta = new LSX_Customizer_Colour_Footer_CTA();
-
-			require_once( LSX_CUSTOMIZER_PATH . 'classes/class-lsx-customizer-colour-footer-widgets.php' );
-			$this->footer_widgets = new LSX_Customizer_Colour_Footer_Widgets();
-
-			require_once( LSX_CUSTOMIZER_PATH . 'classes/class-lsx-customizer-colour-footer.php' );
-			$this->footer = new LSX_Customizer_Colour_Footer();
-		}
-
-		/**
-		 * Customizer Controls and Settings.
-		 *
-		 * @param WP_Customize_Manager $wp_customize Theme Customizer object.
-		 * @since 1.0.0
-		 */
-		public function customize_register( $wp_customize ) {
-			global $customizer_colour_names;
-			global $customizer_colour_choices;
-
-			/**
-			 * Colors
-			 */
-			$wp_customize->add_panel( 'colors', array(
-				'title'             => esc_html__( 'Site Design', 'lsx-customizer' ),
-				'priority'          => 60,
-			) );
-
-			$wp_customize->add_section( 'colors-palette', array(
-				'title'             => esc_html__( 'Block Editor', 'lsx-customizer' ),
-				'description' => esc_html__( 'Define the block editor colour pallette.', 'lsx-customizer' ),
-				'priority'          => 2,
-				'panel'             => 'colors',
-			) );
-
-			$wp_customize->add_section( 'colors-button', array(
-				'title'             => esc_html__( 'Button', 'lsx-customizer' ),
-				'priority'          => 3,
-				'panel'             => 'colors',
-			) );
-
-			$wp_customize->add_section( 'colors-button-cta', array(
-				'title'             => esc_html__( 'Button CTA', 'lsx-customizer' ),
-				'priority'          => 4,
-				'panel'             => 'colors',
-			) );
-
-			$wp_customize->add_section( 'colors-button-secondary', array(
-				'title'             => esc_html__( 'Button Secondary', 'lsx-customizer' ),
-				'priority'          => 5,
-				'panel'             => 'colors',
-			) );
-
-			$wp_customize->add_section( 'colors-button-tertiary', array(
-				'title'             => esc_html__( 'Button Tertiary', 'lsx-customizer' ),
-				'priority'          => 6,
-				'panel'             => 'colors',
-			) );
-
-			$wp_customize->add_section( 'colors-top-menu', array(
-				'title'             => esc_html__( 'Top Menu', 'lsx-customizer' ),
-				'priority'          => 7,
-				'panel'             => 'colors',
-			) );
-
-			$wp_customize->add_section( 'colors-header', array(
-				'title'             => esc_html__( 'Header', 'lsx-customizer' ),
-				'priority'          => 8,
-				'panel'             => 'colors',
-			) );
-
-			$wp_customize->add_section( 'colors-main-menu', array(
-				'title'             => esc_html__( 'Main Menu', 'lsx-customizer' ),
-				'priority'          => 9,
-				'panel'             => 'colors',
-			) );
-
-			$wp_customize->add_section( 'colors-banner', array(
-				'title'             => esc_html__( 'Banner', 'lsx-customizer' ),
-				'priority'          => 10,
-				'panel'             => 'colors',
-			) );
-
-			$wp_customize->add_section( 'colors-body', array(
-				'title'             => esc_html__( 'Body', 'lsx-customizer' ),
-				'priority'          => 11,
-				'panel'             => 'colors',
-			) );
-
-			$wp_customize->add_section( 'colors-footer-cta', array(
-				'title'             => esc_html__( 'Footer CTA', 'lsx-customizer' ),
-				'priority'          => 12,
-				'panel'             => 'colors',
-			) );
-
-			$wp_customize->add_section( 'colors-footer-widgets', array(
-				'title'             => esc_html__( 'Footer Widgets', 'lsx-customizer' ),
-				'priority'          => 13,
-				'panel'             => 'colors',
-			) );
-
-			$wp_customize->add_section( 'colors-footer', array(
-				'title'             => esc_html__( 'Footer', 'lsx-customizer' ),
-				'priority'          => 14,
-				'panel'             => 'colors',
-			) );
-
-			/**
-			 * Colour Palette
-			 */
-			$colors = $this->get_color_scheme();
-
-			$customizer_colour_defaults = array(
-				__( 'Primary Colour', 'lsx-customizer' )   => get_theme_mod( 'button_background_color', $colors['button_background_color'] ),
-				__( 'Strong Primary Colour', 'lsx-button_shadow' ) => get_theme_mod( 'button_background_hover_color', $colors['button_background_hover_color'] ),
-				__( 'Call To Action Colour', 'lsx-customizer' ) => get_theme_mod( 'button_cta_background_color', $colors['button_cta_background_color'] ),
-				__( 'Strong CTA Colour', 'lsx-button_shadow' ) => get_theme_mod( 'button_cta_shadow', $colors['button_cta_shadow'] ),
-				__( 'Secondary Colour', 'lsx-customizer' ) => get_theme_mod( 'button_secondary_background_color', $colors['button_secondary_background_color'] ),
-				__( 'Strong Secondary Colour', 'lsx-button_shadow' ) => get_theme_mod( 'button_secondary_shadow', $colors['button_secondary_shadow'] ),
-				__( 'Tertiary Colour', 'lsx-customizer' )  => get_theme_mod( 'button_tertiary_background_color', $colors['button_tertiary_background_color'] ),
-				__( 'Strong Tertiary Colour', 'lsx-button_shadow' ) => get_theme_mod( 'button_tertiary_shadow', $colors['button_tertiary_shadow'] ),
-			);
-			foreach ( $customizer_colour_defaults as $key => $value ) {
-
-				$color_name = strtolower( str_replace( ' ', '_', $key ) );
-				$color_name = $color_name;
-
-				$wp_customize->add_setting( $color_name, array(
-					'default'           => $value,
-					'type'              => 'theme_mod',
-					'transport'         => 'postMessage',
-					'sanitize_callback' => 'sanitize_hex_color',
-				) );
-				$wp_customize->add_control(
-					new WP_Customize_Color_Control(
-						$wp_customize,
-						$color_name,
-						array(
-							'label'    => $key,
-							'section'  => 'colors-palette',
-							'settings' => $color_name,
-						)
-					)
-				);
-			}
-
-			/**
-			 * Colors
-			 */
-			foreach ( $customizer_colour_names as $key => $value ) {
-				$sanitize_callback = 'sanitize_hex_color';
-
-				if ( 'background_color' === $key ) {
-					$sanitize_callback = 'sanitize_hex_color_no_hash';
-				}
-
-				$section = 'colors-core';
-
-				if ( preg_match( '/^button_cta_.*/', $key ) ) {
-					$section = 'colors-button-cta';
-				} elseif ( preg_match( '/^button_secondary_.*/', $key ) ) {
-					$section = 'colors-button-secondary';
-				} elseif ( preg_match( '/^button_tertiary_.*/', $key ) ) {
-					$section = 'colors-button-tertiary';
-				} elseif ( preg_match( '/^button_.*/', $key ) ) {
-					$section = 'colors-button';
-				} elseif ( preg_match( '/^top_menu_.*/', $key ) ) {
-					$section = 'colors-top-menu';
-				} elseif ( preg_match( '/^header_.*/', $key ) ) {
-					$section = 'colors-header';
-				} elseif ( preg_match( '/^main_menu_.*/', $key ) ) {
-					$section = 'colors-main-menu';
-				} elseif ( preg_match( '/^banner_.*/', $key ) ) {
-					$section = 'colors-banner';
-				} elseif ( preg_match( '/^body_.*/', $key ) || 'background_color' === $key ) {
-					$section = 'colors-body';
-				} elseif ( preg_match( '/^footer_cta_.*/', $key ) ) {
-					$section = 'colors-footer-cta';
-				} elseif ( preg_match( '/^footer_widgets_.*/', $key ) ) {
-					$section = 'colors-footer-widgets';
-				} elseif ( preg_match( '/^footer_.*/', $key ) ) {
-					$section = 'colors-footer';
-				}
-
-				$wp_customize->add_setting( $key, array(
-					'default'           => $customizer_colour_choices['default']['colors'][ $key ],
-					'type'              => 'theme_mod',
-					'transport'         => 'postMessage',
-					'sanitize_callback' => $sanitize_callback,
-				) );
-
-				$wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, $key, array(
-					'label'             => $value,
-					'section'           => $section,
-					'settings'          => $key,
-				) ) );
-			}
-		}
-
-		/**
-		 * Outputs an Underscore template for generating CSS for the color scheme.
-		 *
-		 * @since 1.0.0
-		 */
-		public function colour_scheme_css_template() {
-			global $customizer_colour_names;
-
-			$colors = array();
-
-			foreach ( $customizer_colour_names as $key => $value ) {
-				$colors[ $key ] = 'unquote("{{ data.' . $key . ' }}")';
-			}
-			?>
+     /**
+      * LSX Customizer Colour Class
+      *
+      * @package   LSX Customizer
+      * @author    LightSpeed
+      * @license   GPL3
+      * @link
+      * @copyright 2016 LightSpeed
+      */
+     class LSX_Customizer_Colour extends LSX_Customizer {
+
+          /**
+           * Button customizer instance.
+           *
+           * @var string
+           * @since 1.0.0
+           */
+          public $button;
+
+          /**
+           * Button CTA customizer instance.
+           *
+           * @var string
+           * @since 1.0.0
+           */
+          public $button_cta;
+
+          /**
+           * Button secondary customizer instance.
+           *
+           * @var string
+           * @since 1.1.0
+           */
+          public $button_secondary;
+
+          /**
+           * Button tertiary customizer instance.
+           *
+           * @var string
+           * @since 1.1.0
+           */
+          public $button_tertiary;
+
+          /**
+           * Top Menu customizer instance.
+           *
+           * @var string
+           * @since 1.0.0
+           */
+          public $top_menu;
+
+          /**
+           * Header customizer instance.
+           *
+           * @var string
+           * @since 1.0.0
+           */
+          public $header;
+
+          /**
+           * Main menu customizer instance.
+           *
+           * @var string
+           * @since 1.0.0
+           */
+          public $main_menu;
+
+          /**
+           * Banner customizer instance.
+           *
+           * @var string
+           * @since 1.0.0
+           */
+          public $banner;
+
+          /**
+           * Body customizer instance.
+           *
+           * @var string
+           * @since 1.0.0
+           */
+          public $body;
+
+          /**
+           * Footer CTA customizer instance.
+           *
+           * @var string
+           * @since 1.0.0
+           */
+          public $footer_cta;
+
+          /**
+           * Footer Widgets customizer instance.
+           *
+           * @var string
+           * @since 1.0.0
+           */
+          public $footer_widgets;
+
+          /**
+           * Footer customizer instance.
+           *
+           * @var string
+           * @since 1.0.0
+           */
+          public $footer;
+
+          /**
+           * Constructor.
+           *
+           * @since 1.0.0
+           */
+          public function __construct() {
+               add_action( 'after_setup_theme',                       array( $this, 'after_setup_theme' ), 20 );
+               add_action( 'customize_register',                      array( $this, 'customize_register' ), 20 );
+               add_action( 'customize_controls_print_footer_scripts', array( $this, 'colour_scheme_css_template' ) );
+          }
+
+          /**
+           * Customizer Controls and Settings.
+           *
+           * @param WP_Customize_Manager $wp_customize Theme Customizer object.
+           * @since 1.0.0
+           */
+          public function after_setup_theme() {
+               require_once( LSX_CUSTOMIZER_PATH . 'includes/lsx-customizer-colour-options.php' );
+               require_once( LSX_CUSTOMIZER_PATH . 'includes/lsx-customizer-colour-deprecated.php' );
+               require_once( LSX_CUSTOMIZER_PATH . 'includes/lsx-customizer-templates.php' );
+
+               require_once( LSX_CUSTOMIZER_PATH . 'classes/class-lsx-customizer-colour-button.php' );
+               $this->button = new LSX_Customizer_Colour_Button();
+
+               require_once( LSX_CUSTOMIZER_PATH . 'classes/class-lsx-customizer-colour-button-cta.php' );
+               $this->button_cta = new LSX_Customizer_Colour_Button_CTA();
+
+               require_once( LSX_CUSTOMIZER_PATH . 'classes/class-lsx-customizer-colour-button-secondary.php' );
+               $this->button_secondary = new LSX_Customizer_Colour_Button_Secondary();
+
+               require_once( LSX_CUSTOMIZER_PATH . 'classes/class-lsx-customizer-colour-button-tertiary.php' );
+               $this->button_tertiary = new LSX_Customizer_Colour_Button_Tertiary();
+
+               require_once( LSX_CUSTOMIZER_PATH . 'classes/class-lsx-customizer-colour-top-menu.php' );
+               $this->top_menu = new LSX_Customizer_Colour_Top_Menu();
+
+               require_once( LSX_CUSTOMIZER_PATH . 'classes/class-lsx-customizer-colour-header.php' );
+               $this->header = new LSX_Customizer_Colour_Header();
+
+               require_once( LSX_CUSTOMIZER_PATH . 'classes/class-lsx-customizer-colour-main-menu.php' );
+               $this->main_menu = new LSX_Customizer_Colour_Main_Menu();
+
+               require_once( LSX_CUSTOMIZER_PATH . 'classes/class-lsx-customizer-colour-banner.php' );
+               $this->banner = new LSX_Customizer_Colour_Banner();
+
+               require_once( LSX_CUSTOMIZER_PATH . 'classes/class-lsx-customizer-colour-body.php' );
+               $this->body = new LSX_Customizer_Colour_Body();
+
+               require_once( LSX_CUSTOMIZER_PATH . 'classes/class-lsx-customizer-colour-footer-cta.php' );
+               $this->footer_cta = new LSX_Customizer_Colour_Footer_CTA();
+
+               require_once( LSX_CUSTOMIZER_PATH . 'classes/class-lsx-customizer-colour-footer-widgets.php' );
+               $this->footer_widgets = new LSX_Customizer_Colour_Footer_Widgets();
+
+               require_once( LSX_CUSTOMIZER_PATH . 'classes/class-lsx-customizer-colour-footer.php' );
+               $this->footer = new LSX_Customizer_Colour_Footer();
+          }
+
+          /**
+           * Customizer Controls and Settings.
+           *
+           * @param WP_Customize_Manager $wp_customize Theme Customizer object.
+           * @since 1.0.0
+           */
+          public function customize_register( $wp_customize ) {
+               global $customizer_colour_names;
+               global $customizer_colour_choices;
+
+               /**
+                * Colors
+                */
+               $wp_customize->add_panel( 'colors', array(
+                    'title'             => esc_html__( 'Site Design', 'lsx-customizer' ),
+                    'priority'          => 60,
+               ) );
+
+               $wp_customize->add_section( 'colors-palette', array(
+                    'title'             => esc_html__( 'Block Editor', 'lsx-customizer' ),
+                    'description' => esc_html__( 'Define the block editor colour pallette.', 'lsx-customizer' ),
+                    'priority'          => 2,
+                    'panel'             => 'colors',
+               ) );
+
+               $wp_customize->add_section( 'colors-button', array(
+                    'title'             => esc_html__( 'Button', 'lsx-customizer' ),
+                    'priority'          => 3,
+                    'panel'             => 'colors',
+               ) );
+
+               $wp_customize->add_section( 'colors-button-cta', array(
+                    'title'             => esc_html__( 'Button CTA', 'lsx-customizer' ),
+                    'priority'          => 4,
+                    'panel'             => 'colors',
+               ) );
+
+               $wp_customize->add_section( 'colors-button-secondary', array(
+                    'title'             => esc_html__( 'Button Secondary', 'lsx-customizer' ),
+                    'priority'          => 5,
+                    'panel'             => 'colors',
+               ) );
+
+               $wp_customize->add_section( 'colors-button-tertiary', array(
+                    'title'             => esc_html__( 'Button Tertiary', 'lsx-customizer' ),
+                    'priority'          => 6,
+                    'panel'             => 'colors',
+               ) );
+
+               $wp_customize->add_section( 'colors-top-menu', array(
+                    'title'             => esc_html__( 'Top Menu', 'lsx-customizer' ),
+                    'priority'          => 7,
+                    'panel'             => 'colors',
+               ) );
+
+               $wp_customize->add_section( 'colors-header', array(
+                    'title'             => esc_html__( 'Header', 'lsx-customizer' ),
+                    'priority'          => 8,
+                    'panel'             => 'colors',
+               ) );
+
+               $wp_customize->add_section( 'colors-main-menu', array(
+                    'title'             => esc_html__( 'Main Menu', 'lsx-customizer' ),
+                    'priority'          => 9,
+                    'panel'             => 'colors',
+               ) );
+
+               $wp_customize->add_section( 'colors-banner', array(
+                    'title'             => esc_html__( 'Banner', 'lsx-customizer' ),
+                    'priority'          => 10,
+                    'panel'             => 'colors',
+               ) );
+
+               $wp_customize->add_section( 'colors-body', array(
+                    'title'             => esc_html__( 'Body', 'lsx-customizer' ),
+                    'priority'          => 11,
+                    'panel'             => 'colors',
+               ) );
+
+               $wp_customize->add_section( 'colors-footer-cta', array(
+                    'title'             => esc_html__( 'Footer CTA', 'lsx-customizer' ),
+                    'priority'          => 12,
+                    'panel'             => 'colors',
+               ) );
+
+               $wp_customize->add_section( 'colors-footer-widgets', array(
+                    'title'             => esc_html__( 'Footer Widgets', 'lsx-customizer' ),
+                    'priority'          => 13,
+                    'panel'             => 'colors',
+               ) );
+
+               $wp_customize->add_section( 'colors-footer', array(
+                    'title'             => esc_html__( 'Footer', 'lsx-customizer' ),
+                    'priority'          => 14,
+                    'panel'             => 'colors',
+               ) );
+
+               /**
+                * Colour Palette
+                */
+               $colors = $this->get_color_scheme();
+
+               $customizer_colour_defaults = array(
+                    __( 'Primary Colour', 'lsx-customizer' )   => get_theme_mod( 'button_background_color', $colors['button_background_color'] ),
+                    __( 'Strong Primary Colour', 'lsx-button_shadow' ) => get_theme_mod( 'button_background_hover_color', $colors['button_background_hover_color'] ),
+                    __( 'Call To Action Colour', 'lsx-customizer' ) => get_theme_mod( 'button_cta_background_color', $colors['button_cta_background_color'] ),
+                    __( 'Strong CTA Colour', 'lsx-button_shadow' ) => get_theme_mod( 'button_cta_shadow', $colors['button_cta_shadow'] ),
+                    __( 'Secondary Colour', 'lsx-customizer' ) => get_theme_mod( 'button_secondary_background_color', $colors['button_secondary_background_color'] ),
+                    __( 'Strong Secondary Colour', 'lsx-button_shadow' ) => get_theme_mod( 'button_secondary_shadow', $colors['button_secondary_shadow'] ),
+                    __( 'Tertiary Colour', 'lsx-customizer' )  => get_theme_mod( 'button_tertiary_background_color', $colors['button_tertiary_background_color'] ),
+                    __( 'Strong Tertiary Colour', 'lsx-button_shadow' ) => get_theme_mod( 'button_tertiary_shadow', $colors['button_tertiary_shadow'] ),
+               );
+               foreach ( $customizer_colour_defaults as $key => $value ) {
+
+                    $color_name = strtolower( str_replace( ' ', '_', $key ) );
+                    $color_name = $color_name;
+
+                    $wp_customize->add_setting( $color_name, array(
+                         'default'           => $value,
+                         'type'              => 'theme_mod',
+                         'transport'         => 'postMessage',
+                         'sanitize_callback' => 'sanitize_hex_color',
+                    ) );
+                    $wp_customize->add_control(
+                         new WP_Customize_Color_Control(
+                              $wp_customize,
+                              $color_name,
+                              array(
+                                   'label'    => $key,
+                                   'section'  => 'colors-palette',
+                                   'settings' => $color_name,
+                              )
+                         )
+                    );
+               }
+
+               /**
+                * Colors
+                */
+               foreach ( $customizer_colour_names as $key => $value ) {
+                    $sanitize_callback = 'sanitize_hex_color';
+
+                    if ( 'background_color' === $key ) {
+                         $sanitize_callback = 'sanitize_hex_color_no_hash';
+                    }
+
+                    $section = 'colors-core';
+
+                    if ( preg_match( '/^button_cta_.*/', $key ) ) {
+                         $section = 'colors-button-cta';
+                    } elseif ( preg_match( '/^button_secondary_.*/', $key ) ) {
+                         $section = 'colors-button-secondary';
+                    } elseif ( preg_match( '/^button_tertiary_.*/', $key ) ) {
+                         $section = 'colors-button-tertiary';
+                    } elseif ( preg_match( '/^button_.*/', $key ) ) {
+                         $section = 'colors-button';
+                    } elseif ( preg_match( '/^top_menu_.*/', $key ) ) {
+                         $section = 'colors-top-menu';
+                    } elseif ( preg_match( '/^header_.*/', $key ) ) {
+                         $section = 'colors-header';
+                    } elseif ( preg_match( '/^main_menu_.*/', $key ) ) {
+                         $section = 'colors-main-menu';
+                    } elseif ( preg_match( '/^banner_.*/', $key ) ) {
+                         $section = 'colors-banner';
+                    } elseif ( preg_match( '/^body_.*/', $key ) || 'background_color' === $key ) {
+                         $section = 'colors-body';
+                    } elseif ( preg_match( '/^footer_cta_.*/', $key ) ) {
+                         $section = 'colors-footer-cta';
+                    } elseif ( preg_match( '/^footer_widgets_.*/', $key ) ) {
+                         $section = 'colors-footer-widgets';
+                    } elseif ( preg_match( '/^footer_.*/', $key ) ) {
+                         $section = 'colors-footer';
+                    }
+
+                    $wp_customize->add_setting( $key, array(
+                         'default'           => $customizer_colour_choices['default']['colors'][ $key ],
+                         'type'              => 'theme_mod',
+                         'transport'         => 'postMessage',
+                         'sanitize_callback' => $sanitize_callback,
+                    ) );
+
+                    $wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, $key, array(
+                         'label'             => $value,
+                         'section'           => $section,
+                         'settings'          => $key,
+                    ) ) );
+               }
+          }
+
+          /**
+           * Outputs an Underscore template for generating CSS for the color scheme.
+           *
+           * @since 1.0.0
+           */
+          public function colour_scheme_css_template() {
+               global $customizer_colour_names;
+
+               $colors = array();
+
+               foreach ( $customizer_colour_names as $key => $value ) {
+                    $colors[ $key ] = 'unquote("{{ data.' . $key . ' }}")';
+               }
+               ?>
 			<script type="text/html" id="tmpl-lsx-color-scheme">
 				<?php echo esc_attr( $this->top_menu->get_css( $colors ) ); ?>
 				<?php echo esc_attr( $this->header->get_css( $colors ) ); ?>
@@ -388,89 +388,89 @@ 
 				<?php echo esc_attr( $this->button_tertiary->get_css( $colors ) ); ?>
 			</script>
 			<?php
-		}
-
-		/**
-		 * Transform SCSS to CSS.
-		 *
-		 * @since 1.0.0
-		 */
-		public function scss_to_css( $scss ) {
-			$css                 = '';
-			$scss_php_file       = LSX_CUSTOMIZER_PATH . 'vendor/leafo/scssphp/scss.inc.php';
-			$lsx_theme_sass_file = get_template_directory() . '/assets/css/scss/lsx.scss';
-
-			if ( ! empty( $scss ) && file_exists( $scss_php_file ) && file_exists( $lsx_theme_sass_file ) ) {
-				require_once $scss_php_file;
-
-				$compiler = new \Leafo\ScssPhp\Compiler();
-				$compiler->setFormatter( 'Leafo\ScssPhp\Formatter\Compact' );
-
-				try {
-					$scss = '
+          }
+
+          /**
+           * Transform SCSS to CSS.
+           *
+           * @since 1.0.0
+           */
+          public function scss_to_css( $scss ) {
+               $css                 = '';
+               $scss_php_file       = LSX_CUSTOMIZER_PATH . 'vendor/leafo/scssphp/scss.inc.php';
+               $lsx_theme_sass_file = get_template_directory() . '/assets/css/scss/lsx.scss';
+
+               if ( ! empty( $scss ) && file_exists( $scss_php_file ) && file_exists( $lsx_theme_sass_file ) ) {
+                    require_once $scss_php_file;
+
+                    $compiler = new \Leafo\ScssPhp\Compiler();
+                    $compiler->setFormatter( 'Leafo\ScssPhp\Formatter\Compact' );
+
+                    try {
+                         $scss = '
 						@import "' . LSX_CUSTOMIZER_PATH . '/assets/css/scss/include-media";
 						@import "' . get_template_directory() . '/assets/css/scss/global/lsx-variables";
 						@import "' . get_template_directory() . '/assets/css/scss/global/mixins/colours-helper";
 						' . $scss . '
 					';
 
-					$css = $compiler->compile( $scss );
-				} catch ( \Exception $e ) {
-					$error = $e->getMessage();
-					return "/*\n\n\$error:\n\n{$error}\n\n\$scss:\n\n{$scss} */";
-				}
-			}
-
-			return $css;
-		}
-
-		/**
-		 * Converts a HEX value to RGB.
-		 *
-		 * @since 1.0.0
-		 */
-		public static function hex2rgb( $color ) {
-			$color = trim( $color, '#' );
-
-			if ( strlen( $color ) === 3 ) {
-				$r = hexdec( substr( $color, 0, 1 ) . substr( $color, 0, 1 ) );
-				$g = hexdec( substr( $color, 1, 1 ) . substr( $color, 1, 1 ) );
-				$b = hexdec( substr( $color, 2, 1 ) . substr( $color, 2, 1 ) );
-			} elseif ( strlen( $color ) === 6 ) {
-				$r = hexdec( substr( $color, 0, 2 ) );
-				$g = hexdec( substr( $color, 2, 2 ) );
-				$b = hexdec( substr( $color, 4, 2 ) );
-			} else {
-				return array();
-			}
-
-			return array(
-				'red'   => $r,
-				'green' => $g,
-				'blue'  => $b,
-			);
-		}
-
-		/**
-		 * Retrieves the current color scheme.
-		 *
-		 * @since 1.0.0
-		 */
-		public function get_color_scheme() {
-			global $customizer_colour_choices;
-
-			//$color_scheme_option = get_theme_mod( 'color_scheme', 'default' );
-			$color_schemes = $customizer_colour_choices;
-
-			// if ( array_key_exists( $color_scheme_option, $color_schemes ) ) {
-			// 	return $color_schemes[ $color_scheme_option ]['colors'];
-			// }
-
-			return $color_schemes['default']['colors'];
-		}
-
-	}
-
-	new LSX_Customizer_Colour();
+                         $css = $compiler->compile( $scss );
+                    } catch ( \Exception $e ) {
+                         $error = $e->getMessage();
+                         return "/*\n\n\$error:\n\n{$error}\n\n\$scss:\n\n{$scss} */";
+                    }
+               }
+
+               return $css;
+          }
+
+          /**
+           * Converts a HEX value to RGB.
+           *
+           * @since 1.0.0
+           */
+          public static function hex2rgb( $color ) {
+               $color = trim( $color, '#' );
+
+               if ( strlen( $color ) === 3 ) {
+                    $r = hexdec( substr( $color, 0, 1 ) . substr( $color, 0, 1 ) );
+                    $g = hexdec( substr( $color, 1, 1 ) . substr( $color, 1, 1 ) );
+                    $b = hexdec( substr( $color, 2, 1 ) . substr( $color, 2, 1 ) );
+               } elseif ( strlen( $color ) === 6 ) {
+                    $r = hexdec( substr( $color, 0, 2 ) );
+                    $g = hexdec( substr( $color, 2, 2 ) );
+                    $b = hexdec( substr( $color, 4, 2 ) );
+               } else {
+                    return array();
+               }
+
+               return array(
+                    'red'   => $r,
+                    'green' => $g,
+                    'blue'  => $b,
+               );
+          }
+
+          /**
+           * Retrieves the current color scheme.
+           *
+           * @since 1.0.0
+           */
+          public function get_color_scheme() {
+               global $customizer_colour_choices;
+
+               //$color_scheme_option = get_theme_mod( 'color_scheme', 'default' );
+               $color_schemes = $customizer_colour_choices;
+
+               // if ( array_key_exists( $color_scheme_option, $color_schemes ) ) {
+               // 	return $color_schemes[ $color_scheme_option ]['colors'];
+               // }
+
+               return $color_schemes['default']['colors'];
+          }
+
+     }
+
+     new LSX_Customizer_Colour();
 
 }