Completed
Branch develop (98485c)
by Aristeides
12:56 queued 06:30
created

Kirki_Modules_Customizer_Styling::custom_css()   F

Complexity

Conditions 20
Paths 17425

Size

Total Lines 355
Code Lines 159

Duplication

Lines 0
Ratio 0 %

Importance

Changes 0
Metric Value
cc 20
eloc 159
nc 17425
nop 0
dl 0
loc 355
rs 2
c 0
b 0
f 0

How to fix   Long Method    Complexity   

Long Method

Small methods make your code easier to understand, in particular if combined with a good name. Besides, if your method is small, finding a good name is usually much easier.

For example, if you find yourself adding comments to a method's body, this is usually a good sign to extract the commented part to a new method, and use the comment as a starting point when coming up with a good name for this new method.

Commonly applied refactorings include:

1
<?php
2
/**
3
 * Changes the styling of the customizer
4
 * based on the settings set using the kirki_config filter.
5
 * For documentation please see
6
 * https://github.com/aristath/kirki/wiki/Styling-the-Customizer
7
 *
8
 * @package     Kirki
9
 * @category    Modules
10
 * @author      Aristeides Stathopoulos
11
 * @copyright   Copyright (c) 2017, Aristeides Stathopoulos
12
 * @license     http://opensource.org/licenses/https://opensource.org/licenses/MIT
13
 * @since       3.0.0
14
 */
15
16
// @codingStandardsIgnoreFile
17
18
// Exit if accessed directly.
19
if ( ! defined( 'ABSPATH' ) ) {
20
	exit;
21
}
22
23
/**
24
 * Adds styles to the customizer.
25
 */
26
class Kirki_Modules_Customizer_Styling {
27
28
	/**
29
	 * The object instance.
30
	 *
31
	 * @static
32
	 * @access private
33
	 * @since 3.0.0
34
	 * @var object
35
	 */
36
	private static $instance;
37
38
	/**
39
	 * Constructor.
40
	 *
41
	 * @access protected
42
	 */
43
	protected function __construct() {
44
		add_action( 'customize_controls_print_styles', array( $this, 'custom_css' ), 99 );
1 ignored issue
show
Bug introduced by
The function add_action was not found. Maybe you did not declare it correctly or list all dependencies? ( Ignorable by Annotation )

If this is a false-positive, you can also ignore this issue in your code via the ignore-call  annotation

44
		/** @scrutinizer ignore-call */ 
45
  add_action( 'customize_controls_print_styles', array( $this, 'custom_css' ), 99 );
Loading history...
45
	}
46
47
	/**
48
	 * Gets an instance of this object.
49
	 * Prevents duplicate instances which avoid artefacts and improves performance.
50
	 *
51
	 * @static
52
	 * @access public
53
	 * @since 3.0.0
54
	 * @return object
55
	 */
56
	public static function get_instance() {
57
		if ( ! self::$instance ) {
58
			self::$instance = new self();
59
		}
60
		return self::$instance;
61
	}
62
63
	/**
64
	 * Add custom CSS rules to the head, applying our custom styles.
65
	 *
66
	 * @access public
67
	 */
68
	public function custom_css() {
69
70
		$config = apply_filters( 'kirki_config', array() );
1 ignored issue
show
Bug introduced by
The function apply_filters was not found. Maybe you did not declare it correctly or list all dependencies? ( Ignorable by Annotation )

If this is a false-positive, you can also ignore this issue in your code via the ignore-call  annotation

70
		$config = /** @scrutinizer ignore-call */ apply_filters( 'kirki_config', array() );
Loading history...
71
		if ( ! isset( $config['color_accent'] ) && ! isset( $config['color_back'] ) ) {
72
			return;
73
		}
74
		$back     = isset( $config['color_back'] ) ? $config['color_back'] : false;
75
76
		$text_on_back              = '';
77
		$border_on_back            = '';
78
		$back_on_back              = '';
79
		$hover_on_back             = '';
80
		$arrows_on_back            = '';
81
		$text_on_accent            = '';
82
		$border_on_accent          = '';
83
		$accent_disabled_obj       = '';
0 ignored issues
show
Unused Code introduced by
The assignment to $accent_disabled_obj is dead and can be removed.
Loading history...
84
		$accent_disabled           = '';
85
		$text_on_accent_disabled   = '';
86
		$border_on_accent_disabled = '';
87
88
		if ( $back ) {
89
			$back_obj       = ariColor::newColor( $back );
1 ignored issue
show
Bug introduced by
The type ariColor was not found. Maybe you did not declare it correctly or list all dependencies?

The issue could also be caused by a filter entry in the build configuration. If the path has been excluded in your configuration, e.g. excluded_paths: ["lib/*"], you can move it to the dependency path list as follows:

filter:
    dependency_paths: ["lib/*"]

For further information see https://scrutinizer-ci.com/docs/tools/php/php-scrutinizer/#list-dependency-paths

Loading history...
90
			$text_on_back   = ( 60 > $back_obj->lightness ) ? $back_obj->getNew( 'lightness', $back_obj->lightness + 60 )->toCSS( $back_obj->mode ) : $back_obj->getNew( 'lightness', $back_obj->lightness - 60 )->toCSS( $back_obj->mode );
91
			$border_on_back = ( 80 < $back_obj->lightness ) ? $back_obj->getNew( 'lightness', $back_obj->lightness - 13 )->toCSS( $back_obj->mode ) : $back_obj->getNew( 'lightness', $back_obj->lightness + 13 )->toCSS( $back_obj->mode );
92
			$back_on_back   = ( 90 < $back_obj->lightness ) ? $back_obj->getNew( 'lightness', $back_obj->lightness - 6 )->toCSS( $back_obj->mode ) : $back_obj->getNew( 'lightness', $back_obj->lightness + 11 )->toCSS( $back_obj->mode );
93
			$hover_on_back  = ( 90 < $back_obj->lightness ) ? $back_obj->getNew( 'lightness', $back_obj->lightness - 3 )->toCSS( $back_obj->mode ) : $back_obj->getNew( 'lightness', $back_obj->lightness + 3 )->toCSS( $back_obj->mode );
94
			$arrows_on_back = ( 50 > $back_obj->lightness ) ? $back_obj->getNew( 'lightness', $back_obj->lightness + 30 )->toCSS( $back_obj->mode ) : $back_obj->getNew( 'lightness', $back_obj->lightness - 30 )->toCSS( $back_obj->mode );
95
		}
96
		$accent     = ( isset( $config['color_accent'] ) ) ? $config['color_accent'] : false;
97
		if ( $accent ) {
98
			$accent_obj                = ariColor::newColor( $accent );
99
			$text_on_accent            = ( 60 > $accent_obj->lightness ) ? $accent_obj->getNew( 'lightness', $accent_obj->lightness + 60 )->toCSS( $accent_obj->mode ) : $accent_obj->getNew( 'lightness', $accent_obj->lightness - 60 )->toCSS( $accent_obj->mode );
100
			$border_on_accent          = ( 50 < $accent_obj->lightness ) ? $accent_obj->getNew( 'lightness', $accent_obj->lightness - 4 )->toCSS( $accent_obj->mode ) : $accent_obj->getNew( 'lightness', $accent_obj->lightness + 4 )->toCSS( $accent_obj->mode );
101
			$accent_disabled_obj       = ( 35 < $accent_obj->lightness ) ? $accent_obj->getNew( 'lightness', $accent_obj->lightness - 30 ) : $accent_obj->getNew( 'lightness', $accent_obj->lightness + 30 );
102
			$accent_disabled           = $accent_disabled_obj->toCSS( $accent_disabled_obj->mode );
103
			$text_on_accent_disabled   = ( 60 > $accent_disabled_obj->lightness ) ? $accent_disabled_obj->getNew( 'lightness', $accent_disabled_obj->lightness + 60 )->toCSS( $accent_disabled_obj->mode ) : $accent_disabled_obj->getNew( 'lightness', $accent_disabled_obj->lightness - 60 )->toCSS( $accent_disabled_obj->mode );
104
			$border_on_accent_disabled = ( 50 < $accent_disabled_obj->lightness ) ? $accent_disabled_obj->getNew( 'lightness', $accent_disabled_obj->lightness - 4 )->toCSS( $accent_disabled_obj->mode ) : $accent_disabled_obj->getNew( 'lightness', $accent_disabled_obj->lightness + 4 )->toCSS( $accent_disabled_obj->mode );
105
		}
106
		?>
107
		<style>
108
		.wp-full-overlay-sidebar,
109
		#customize-controls .customize-info .accordion-section-title,
110
		#customize-controls .panel-meta.customize-info .accordion-section-title:hover,
111
		#customize-theme-controls .accordion-section-title,
112
		.customize-section-title,
113
		#customize-theme-controls .control-section-themes .accordion-section-title,
114
		#customize-theme-controls .control-section-themes .accordion-section-title,
115
		#customize-theme-controls .control-section-themes .accordion-section-title:hover,
116
		.outer-section-open #customize-controls .wp-full-overlay-sidebar-content,
117
		#customize-sidebar-outer-content,
118
		#customize-control-changeset_status .customize-inside-control-row,
119
		#customize-control-changeset_preview_link input,
120
		#customize-control-changeset_scheduled_date,
121
		.wp-core-ui .wp-full-overlay .collapse-sidebar {
122
			background: <?php echo $back; // WPCS: XSS ok. ?>;
0 ignored issues
show
Bug introduced by
Are you sure $back of type mixed|false can be used in echo? ( Ignorable by Annotation )

If this is a false-positive, you can also ignore this issue in your code via the ignore-type  annotation

122
			background: <?php echo /** @scrutinizer ignore-type */ $back; // WPCS: XSS ok. ?>;
Loading history...
123
			background-color: <?php echo $back; // WPCS: XSS ok. ?>;
124
			color: <?php echo $text_on_back; // WPCS: XSS ok. ?>;
125
		}
126
127
		<?php if ( $back ) : ?>
128
			.media-widget-preview.media_image, .media-widget-preview.media_audio, .attachment-media-view {
129
				background: none;
130
			}
131
			.wp-core-ui .button-link-delete {
132
				color: <?php echo ( 90 > $back_obj->lightness ) ? '#FF8A80' : '#a00'; // WPCS: XSS ok. ?>;
0 ignored issues
show
Comprehensibility Best Practice introduced by
The variable $back_obj does not seem to be defined for all execution paths leading up to this point.
Loading history...
133
			}
134
			.button.wp-color-result {
135
				text-shadow: none !important;
136
			}
137
		<?php endif; ?>
138
139
140
		#customize-sidebar-outer-content {
141
			border-left-color: <?php echo $border_on_back; // WPCS: XSS ok. ?>;
142
			border-right-color: <?php echo $border_on_back; // WPCS: XSS ok. ?>;
143
		}
144
145
		#customize-controls .customize-info .panel-title,
146
		#customize-controls .customize-pane-child .customize-section-title h3,
147
		#customize-controls .customize-pane-child h3.customize-section-title,
148
		.customize-control,
149
		#customize-controls .description {
150
			color: <?php echo $text_on_back; // WPCS: XSS ok. ?>;
151
		}
152
153
		#customize-controls .customize-info,
154
		#customize-header-actions,
155
		.customize-section-title {
156
			border-bottom-color: <?php echo $border_on_back; // WPCS: XSS ok. ?>;
157
		}
158
159
		.wp-full-overlay-sidebar .wp-full-overlay-header,
160
		.customize-controls-close,
161
		.expanded .wp-full-overlay-footer {
162
			color: <?php echo $text_on_back; // WPCS: XSS ok. ?>;
163
			background-color: <?php echo $back_on_back; // WPCS: XSS ok. ?>;
164
			border-color: <?php echo $border_on_back; // WPCS: XSS ok. ?>;
165
		}
166
167
		.accordion-section,
168
		#customize-theme-controls .customize-pane-child.accordion-section-content {
169
			background: <?php echo $back_on_back; // WPCS: XSS ok. ?>;
170
		}
171
172
		#accordion-section-themes+.control-section,
173
		#customize-theme-controls .control-section:last-of-type.open,
174
		#customize-theme-controls .control-section:last-of-type > .accordion-section-title,
175
		#customize-theme-controls .control-section.open {
176
			border-bottom-color: <?php echo $border_on_back; // WPCS: XSS ok. ?>;
177
			border-top-color: <?php echo $border_on_back; // WPCS: XSS ok. ?>;
178
		}
179
180
		#customize-theme-controls .accordion-section-title {
181
			border-bottom-color: <?php echo $border_on_back; // WPCS: XSS ok. ?>;
182
			border-left-color: <?php echo $border_on_back; // WPCS: XSS ok. ?>;
183
		}
184
185
		#customize-theme-controls .control-section-themes .accordion-section-title,
186
		#customize-theme-controls .control-section-themes .accordion-section-title:hover {
187
			border-bottom-color: <?php echo $border_on_back; // WPCS: XSS ok. ?>;
188
			border-top-color: <?php echo $border_on_back; // WPCS: XSS ok. ?>;
189
			border-bottom-color: <?php echo $border_on_back; // WPCS: XSS ok. ?>;
190
		}
191
192
		#customize-theme-controls .accordion-section-title:after {
193
			color: <?php echo $arrows_on_back; // WPCS: XSS ok. ?>;
194
		}
195
196
		.wp-core-ui .button,
197
		.wp-core-ui .button-secondary {
198
			background-color: <?php echo $back; // WPCS: XSS ok. ?>;
199
			border-color: <?php echo $border_on_back; // WPCS: XSS ok. ?>;
200
			box-shadow: 0 1px 0 <?php echo $border_on_back; // WPCS: XSS ok. ?>;
201
			-webkit-box-shadow: 0 1px 0 <?php echo $border_on_back; // WPCS: XSS ok. ?>;
202
			text-shadow: 0 -1px 1px <?php echo $border_on_back; // WPCS: XSS ok. ?>, 1px 0 1px <?php echo $border_on_back; // WPCS: XSS ok. ?>, 0 1px 1px <?php echo $border_on_back; // WPCS: XSS ok. ?>, -1px 0 1px <?php echo $border_on_back; // WPCS: XSS ok. ?>;
203
			color: <?php echo $text_on_back; // WPCS: XSS ok. ?>;
204
		}
205
206
		@media screen and (max-width: 640px) {
207
			.customize-controls-preview-toggle{
208
				background-color: <?php echo $back; // WPCS: XSS ok. ?>;
209
				border-color: <?php echo $border_on_back; // WPCS: XSS ok. ?>;
210
				box-shadow:0 1px 0 <?php echo $border_on_back; // WPCS: XSS ok. ?>;
211
				-webkit-box-shadow:0 1px 0 <?php echo $border_on_back; // WPCS: XSS ok. ?>;
212
				text-shadow:0 -1px 1px <?php echo $border_on_back; // WPCS: XSS ok. ?>, 1px 0 1px <?php echo $border_on_back; // WPCS: XSS ok. ?>, 0 1px 1px <?php echo $border_on_back; // WPCS: XSS ok. ?>, -1px 0 1px <?php echo $border_on_back; // WPCS: XSS ok. ?>;
213
				color: <?php echo $text_on_back; // WPCS: XSS ok. ?>;
214
			}
215
		}
216
217
		.wp-core-ui .button.focus,
218
		.wp-core-ui .button.hover,
219
		.wp-core-ui .button:focus,
220
		.wp-core-ui .button:hover,
221
		.wp-core-ui .button-secondary.focus,
222
		.wp-core-ui .button-secondary.hover,
223
		.wp-core-ui .button-secondary:focus,
224
		.wp-core-ui .button-secondary:hover,
225
		.customize-panel-back,
226
		.customize-section-back {
227
			background-color: <?php echo $back_on_back; // WPCS: XSS ok. ?>;
228
			border-color: <?php echo $border_on_back; // WPCS: XSS ok. ?>;
229
			box-shadow: 0 1px 0 <?php echo $border_on_back; // WPCS: XSS ok. ?>;
230
			-webkit-box-shadow: 0 1px 0 <?php echo $border_on_back; // WPCS: XSS ok. ?>;
231
			text-shadow: 0 -1px 1px <?php echo $border_on_back; // WPCS: XSS ok. ?>, 1px 0 1px <?php echo $border_on_back; // WPCS: XSS ok. ?>, 0 1px 1px <?php echo $border_on_back; // WPCS: XSS ok. ?>, -1px 0 1px <?php echo $border_on_back; // WPCS: XSS ok. ?>;
232
			color: <?php echo $text_on_back; // WPCS: XSS ok. ?>;
233
		}
234
235
		@media screen and (max-width: 640px) {
236
			.customize-controls-preview-toggle.focus,
237
			.customize-controls-preview-toggle.hover,
238
			.customize-controls-preview-toggle:focus,
239
			.customize-controls-preview-toggle:hover {
240
				background-color: <?php echo $back_on_back; // WPCS: XSS ok. ?>;
241
				border-color: <?php echo $border_on_back; // WPCS: XSS ok. ?>;
242
				box-shadow: 0 1px 0 <?php echo $border_on_back; // WPCS: XSS ok. ?>;
243
				-webkit-box-shadow: 0 1px 0 <?php echo $border_on_back; // WPCS: XSS ok. ?>;
244
				text-shadow: 0 -1px 1px <?php echo $border_on_back; // WPCS: XSS ok. ?>, 1px 0 1px <?php echo $border_on_back; // WPCS: XSS ok. ?>, 0 1px 1px <?php echo $border_on_back; // WPCS: XSS ok. ?>, -1px 0 1px <?php echo $border_on_back; // WPCS: XSS ok. ?>;
245
				color:<?php echo $text_on_back; // WPCS: XSS ok. ?>;
246
			}
247
		}
248
249
		.customize-control-kirki-background .background-attachment .buttonset .switch-label,
250
		.customize-control-kirki-background .background-size .buttonset .switch-label,
251
		.customize-control-kirki-radio-buttonset .buttonset .switch-label {
252
			color: <?php echo $text_on_back; // WPCS: XSS ok. ?>;
253
		}
254
255
		.wp-color-result {
256
			border-color: <?php echo $border_on_back; // WPCS: XSS ok. ?>;
257
			-webkit-box-shadow: 0 1px 0 <?php echo $border_on_back; // WPCS: XSS ok. ?>;
258
			box-shadow: 0 1px 0 <?php echo $border_on_back; // WPCS: XSS ok. ?>;
259
		}
260
261
		.wp-color-result:focus,
262
		.wp-color-result:hover {
263
			border-color: <?php echo $border_on_back; // WPCS: XSS ok. ?>;
264
			background: <?php echo $back_on_back; // WPCS: XSS ok. ?>;
265
		}
266
267
		.wp-color-result:after {
268
			border-color: <?php echo $border_on_back; // WPCS: XSS ok. ?>;
269
			background: <?php echo $back; // WPCS: XSS ok. ?>;
270
			color: <?php echo $text_on_back; // WPCS: XSS ok. ?>;
271
		}
272
273
		.wp-color-result:focus:after,
274
		.wp-color-result:hover:after {
275
			color: <?php echo $text_on_back; // WPCS: XSS ok. ?>;
276
		}
277
278
		.customize-control input[type=tel],
279
		.customize-control input[type=url],
280
		.customize-control input[type=text],
281
		.customize-control input[type=password],
282
		.customize-control input[type=email],
283
		.customize-control input[type=number],
284
		.customize-control input[type=search],
285
		.customize-control input[type=radio],
286
		.customize-control input[type=checkbox],
287
		.customize-control select,
288
		.select2-container--default .select2-selection--single,
289
		.select2-container--default .select2-selection--multiple {
290
			background: <?php echo $back; // WPCS: XSS ok. ?>;
291
			border-color: <?php echo $border_on_back; // WPCS: XSS ok. ?>;
292
			color: <?php echo $text_on_back; // WPCS: XSS ok. ?>;
293
		}
294
295
		.customize-control-kirki-slider input[type=range]::-webkit-slider-thumb {
296
			background-color:<?php echo $accent; // WPCS: XSS ok. ?>;
0 ignored issues
show
Bug introduced by
Are you sure $accent of type mixed|false can be used in echo? ( Ignorable by Annotation )

If this is a false-positive, you can also ignore this issue in your code via the ignore-type  annotation

296
			background-color:<?php echo /** @scrutinizer ignore-type */ $accent; // WPCS: XSS ok. ?>;
Loading history...
297
		}
298
299
		.customize-control-kirki-slider input[type=range]::-moz-range-thumb {
300
			background-color: <?php echo $accent; // WPCS: XSS ok. ?>;
301
		}
302
303
		.customize-control-kirki-slider input[type=range]::-ms-thumb {
304
			background-color: <?php echo $accent; // WPCS: XSS ok. ?>;
305
		}
306
307
		.customize-control-kirki-slider input[type=range] {
308
			background: <?php echo $border_on_back; // WPCS: XSS ok. ?>;
309
		}
310
311
		.select2-container--default .select2-selection--single .select2-selection__rendered {
312
			color:<?php echo $text_on_back; // WPCS: XSS ok. ?>;
313
		}
314
315
		.wp-full-overlay-footer .devices {
316
			background: none;
317
			background: transparent;
318
			box-shadow: none;
319
			-webkit-box-shadow: none;
320
		}
321
322
		.kirki-reset-section .dashicons {
323
			color: <?php echo $back_on_back; // WPCS: XSS ok. ?>;
324
		}
325
326
		#customize-controls .control-section .accordion-section-title:focus,
327
		#customize-controls .control-section .accordion-section-title:hover,
328
		#customize-controls .control-section.open .accordion-section-title,
329
		#customize-controls .control-section:hover > .accordion-section-title,
330
		.customize-panel-back:focus,
331
		.customize-panel-back:hover,
332
		.customize-section-back:focus,
333
		.customize-section-back:hover {
334
			background: <?php echo $hover_on_back; // WPCS: XSS ok. ?>;
335
			color: <?php echo $accent; // WPCS: XSS ok. ?>;
336
			border-left-color: <?php echo $accent; // WPCS: XSS ok. ?>;
337
		}
338
339
		.customize-controls-close:hover {
340
			background-color: <?php echo $back; // WPCS: XSS ok. ?>;
341
			color: <?php echo $accent; // WPCS: XSS ok. ?>;
342
			border-color: <?php echo $accent; // WPCS: XSS ok. ?>;
343
		}
344
345
		#customize-theme-controls .control-section .accordion-section-title:focus:after,
346
		#customize-theme-controls .control-section .accordion-section-title:hover:after,
347
		#customize-theme-controls .control-section.open .accordion-section-title:after,
348
		#customize-theme-controls .control-section:hover>.accordion-section-title:after {
349
			color: <?php echo $accent; // WPCS: XSS ok. ?>;
350
		}
351
352
		.wp-core-ui .button.button-primary {
353
			background-color: <?php echo $accent; // WPCS: XSS ok. ?>;
354
			border-color: <?php echo $border_on_accent; // WPCS: XSS ok. ?>;
355
			box-shadow: 0 1px 0 <?php echo $border_on_accent; // WPCS: XSS ok. ?>;
356
			-webkit-box-shadow: 0 1px 0 <?php echo $border_on_accent; // WPCS: XSS ok. ?>;
357
			text-shadow: 0 -1px 1px <?php echo $border_on_accent; // WPCS: XSS ok. ?>, 1px 0 1px <?php echo $border_on_accent; // WPCS: XSS ok. ?>, 0 1px 1px <?php echo $border_on_accent; // WPCS: XSS ok. ?>, -1px 0 1px <?php echo $border_on_accent; // WPCS: XSS ok. ?>;
358
			color: <?php echo $text_on_accent; // WPCS: XSS ok. ?>;
359
		}
360
361
		.wp-core-ui .button.button-primary.focus,
362
		.wp-core-ui .button.button-primary.hover,
363
		.wp-core-ui .button.button-primary:focus,
364
		.wp-core-ui .button.button-primary:hover {
365
			background-color: <?php echo $accent; // WPCS: XSS ok. ?>;
366
			border-color: <?php echo $border_on_accent; // WPCS: XSS ok. ?>;
367
			box-shadow: 0 1px 0 <?php echo $border_on_accent; // WPCS: XSS ok. ?>;
368
			-webkit-box-shadow: 0 1px 0 <?php echo $border_on_accent; // WPCS: XSS ok. ?>;
369
			text-shadow: 0 -1px 1px <?php echo $border_on_accent; // WPCS: XSS ok. ?>, 1px 0 1px <?php echo $border_on_accent; // WPCS: XSS ok. ?>, 0 1px 1px <?php echo $border_on_accent; // WPCS: XSS ok. ?>, -1px 0 1px <?php echo $border_on_accent; // WPCS: XSS ok. ?>;
370
			color: <?php echo $text_on_accent; // WPCS: XSS ok. ?>;
371
		}
372
373
		.wp-core-ui .button.button-primary-disabled,
374
		.wp-core-ui .button.button-primary.disabled,
375
		.wp-core-ui .button.button-primary:disabled,
376
		.wp-core-ui .button.button-primary[disabled] {
377
			background-color: <?php echo $accent_disabled; // WPCS: XSS ok. ?> !important;
378
			border-color: <?php echo $border_on_accent_disabled; // WPCS: XSS ok. ?> !important;
379
			box-shadow: 0 1px 0 <?php echo $border_on_accent_disabled; // WPCS: XSS ok. ?> !important;
380
			-webkit-box-shadow: 0 1px 0 <?php echo $border_on_accent_disabled; // WPCS: XSS ok. ?> !important;
381
			text-shadow: 0 -1px 1px <?php echo $border_on_accent_disabled; // WPCS: XSS ok. ?>, 1px 0 1px <?php echo $border_on_accent_disabled; // WPCS: XSS ok. ?>, 0 1px 1px <?php echo $border_on_accent_disabled; // WPCS: XSS ok. ?>, -1px 0 1px <?php echo $border_on_accent_disabled; // WPCS: XSS ok. ?> !important;
382
			color: <?php echo $text_on_accent_disabled; // WPCS: XSS ok. ?> !important;
383
		}
384
385
		input[type=checkbox]:checked:before {
386
			color: <?php echo $accent; // WPCS: XSS ok. ?>;
387
		}
388
389
		.select2-container--default .select2-results__option--highlighted[aria-selected] {
390
			background-color: <?php echo $accent; // WPCS: XSS ok. ?>;
391
			color: <?php echo $text_on_accent; // WPCS: XSS ok. ?>;
392
		}
393
394
		.customize-control-kirki-radio-buttonset .buttonset .switch-input:checked + .switch-label,
395
		.customize-control-kirki-background .background-attachment .buttonset .switch-input:checked + .switch-label,
396
		.customize-control-kirki-background .background-size .buttonset .switch-input:checked + .switch-label {
397
			background-color: <?php echo $accent; // WPCS: XSS ok. ?>;
398
			border-color: <?php echo $border_on_accent; // WPCS: XSS ok. ?>;
399
			color: <?php echo $text_on_accent; // WPCS: XSS ok. ?>;
400
		}
401
402
		.notice,
403
		div.updated,
404
		div.error {
405
			color: #444 !important;
406
		}
407
408
		<?php if ( isset( $config['width'] ) ) : ?>
409
			.wp-full-overlay-sidebar {
410
				width: <?php echo esc_attr( $config['width'] ); // WPCS: XSS ok. ?>;
1 ignored issue
show
Bug introduced by
The function esc_attr was not found. Maybe you did not declare it correctly or list all dependencies? ( Ignorable by Annotation )

If this is a false-positive, you can also ignore this issue in your code via the ignore-call  annotation

410
				width: <?php echo /** @scrutinizer ignore-call */ esc_attr( $config['width'] ); // WPCS: XSS ok. ?>;
Loading history...
411
			}
412
			.expanded .wp-full-overlay-footer {
413
				width: <?php echo esc_attr( $config['width'] ); // WPCS: XSS ok. ?>;
414
			}
415
			.wp-full-overlay.expanded {
416
				margin-left: <?php echo esc_attr( $config['width'] ); // WPCS: XSS ok. ?>;
417
			}
418
			.wp-full-overlay.collapsed .wp-full-overlay-sidebar {
419
				margin-left: -<?php echo esc_attr( $config['width'] ); // WPCS: XSS ok. ?>;
420
			}
421
		<?php endif; ?>
422
		</style>
423
		<?php
424
	}
425
}
426