From cf16ccb24e2f244b6202f7b6e48dd287f58b7df7 Mon Sep 17 00:00:00 2001
From: Aristeides Stathopoulos <aristath@gmail.com>
Date: Sun, 18 Dec 2016 17:01:27 +0200
Subject: [PATCH] Allow defining a style for the label on radio-image controls

---
 controls/radio-image/class-kirki-control-radio-image.php | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/controls/radio-image/class-kirki-control-radio-image.php b/controls/radio-image/class-kirki-control-radio-image.php
index 9a5992209..4a0acb130 100644
--- a/controls/radio-image/class-kirki-control-radio-image.php
+++ b/controls/radio-image/class-kirki-control-radio-image.php
@@ -95,8 +95,13 @@ public function to_json() {
 		}
 
 		$this->json['inputAttrs'] = '';
+		$this->json['labelStyle'] = '';
 		foreach ( $this->input_attrs as $attr => $value ) {
-			$this->json['inputAttrs'] .= $attr . '="' . esc_attr( $value ) . '" ';
+			if ( 'style' !== $attr ) {
+				$this->json['inputAttrs'] .= $attr . '="' . esc_attr( $value ) . '" ';
+			} else {
+				$this->json['labelStyle'] = 'style="' . esc_attr( $value ) . '" ';
+			}
 		}
 
 	}
@@ -124,7 +129,7 @@ protected function content_template() {
 		<div id="input_{{ data.id }}" class="image">
 			<# for ( key in data.choices ) { #>
 				<input {{{ data.inputAttrs }}} class="image-select" type="radio" value="{{ key }}" name="_customize-radio-{{ data.id }}" id="{{ data.id }}{{ key }}" {{{ data.link }}}<# if ( data.value === key ) { #> checked="checked"<# } #>>
-					<label for="{{ data.id }}{{ key }}">
+					<label for="{{ data.id }}{{ key }}" {{{ data.labelStyle }}}>
 						<img src="{{ data.choices[ key ] }}">
 						<span class="image-clickable"></span>
 					</label>