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 https://opensource.org/licenses/MIT |
||
13 | * @since 3.0.0 |
||
14 | */ |
||
15 | |||
16 | // Exit if accessed directly. |
||
17 | if ( ! defined( 'ABSPATH' ) ) { |
||
18 | exit; |
||
19 | } |
||
20 | |||
21 | /** |
||
22 | * Adds styles to the customizer. |
||
23 | */ |
||
24 | class Kirki_Modules_Customizer_Styling { |
||
25 | |||
26 | /** |
||
27 | * The object instance. |
||
28 | * |
||
29 | * @static |
||
30 | * @access private |
||
31 | * @since 3.0.0 |
||
32 | * @var object |
||
33 | */ |
||
34 | private static $instance; |
||
35 | |||
36 | /** |
||
37 | * Constructor. |
||
38 | * |
||
39 | * @access protected |
||
40 | */ |
||
41 | protected function __construct() { |
||
42 | add_action( 'customize_controls_print_styles', array( $this, 'custom_css' ), 99 ); |
||
43 | } |
||
44 | |||
45 | /** |
||
46 | * Gets an instance of this object. |
||
47 | * Prevents duplicate instances which avoid artefacts and improves performance. |
||
48 | * |
||
49 | * @static |
||
50 | * @access public |
||
51 | * @since 3.0.0 |
||
52 | * @return object |
||
53 | */ |
||
54 | public static function get_instance() { |
||
55 | if ( ! self::$instance ) { |
||
56 | self::$instance = new self(); |
||
57 | } |
||
58 | return self::$instance; |
||
59 | } |
||
60 | |||
61 | /** |
||
62 | * Add custom CSS rules to the head, applying our custom styles. |
||
63 | * |
||
64 | * @access public |
||
65 | */ |
||
66 | public function custom_css() { |
||
67 | $config = apply_filters( 'kirki_config', array() ); |
||
68 | if ( ! isset( $config['color_accent'] ) && ! isset( $config['color_back'] ) ) { |
||
69 | return; |
||
70 | } |
||
71 | $back = isset( $config['color_back'] ) ? $config['color_back'] : false; |
||
72 | |||
73 | $text_on_back = ''; |
||
74 | $border_on_back = ''; |
||
75 | $back_on_back = ''; |
||
76 | $hover_on_back = ''; |
||
77 | $arrows_on_back = ''; |
||
78 | $text_on_accent = ''; |
||
79 | $border_on_accent = ''; |
||
80 | $accent_disabled_obj = ''; |
||
0 ignored issues
–
show
Unused Code
introduced
by
Loading history...
|
|||
81 | $accent_disabled = ''; |
||
82 | $text_on_accent_disabled = ''; |
||
83 | $border_on_accent_disabled = ''; |
||
84 | |||
85 | if ( $back ) { |
||
86 | $back_obj = ariColor::newColor( $back ); |
||
87 | $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 ); |
||
88 | $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 ); |
||
89 | $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 ); |
||
90 | $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 ); |
||
91 | $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 ); |
||
92 | } |
||
93 | $accent = ( isset( $config['color_accent'] ) ) ? $config['color_accent'] : false; |
||
94 | if ( $accent ) { |
||
95 | $accent_obj = ariColor::newColor( $accent ); |
||
96 | $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 ); |
||
97 | $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 ); |
||
98 | $accent_disabled_obj = ( 35 < $accent_obj->lightness ) ? $accent_obj->getNew( 'lightness', $accent_obj->lightness - 30 ) : $accent_obj->getNew( 'lightness', $accent_obj->lightness + 30 ); |
||
99 | $accent_disabled = $accent_disabled_obj->toCSS( $accent_disabled_obj->mode ); |
||
100 | $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 ); |
||
101 | $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 ); |
||
102 | } |
||
103 | ?> |
||
104 | <style> |
||
105 | .wp-full-overlay-sidebar, |
||
106 | #customize-controls .customize-info .accordion-section-title, |
||
107 | #customize-controls .panel-meta.customize-info .accordion-section-title:hover, |
||
108 | #customize-theme-controls .accordion-section-title, |
||
109 | .customize-section-title, |
||
110 | #customize-theme-controls .control-section-themes .accordion-section-title, |
||
111 | #customize-theme-controls .control-section-themes .accordion-section-title, |
||
112 | #customize-theme-controls .control-section-themes .accordion-section-title:hover, |
||
113 | .outer-section-open #customize-controls .wp-full-overlay-sidebar-content, |
||
114 | #customize-sidebar-outer-content, |
||
115 | #customize-control-changeset_status .customize-inside-control-row, |
||
116 | #customize-control-changeset_preview_link input, |
||
117 | #customize-control-changeset_scheduled_date, |
||
118 | .wp-core-ui .wp-full-overlay .collapse-sidebar { |
||
119 | background: <?php echo esc_html( $back ); ?>; |
||
120 | background-color: <?php echo esc_html( $back ); ?>; |
||
121 | color: <?php echo esc_html( $text_on_back ); ?>; |
||
122 | } |
||
123 | |||
124 | <?php if ( $back ) : ?> |
||
125 | .media-widget-preview.media_image, .media-widget-preview.media_audio, .attachment-media-view { |
||
126 | background: none; |
||
127 | } |
||
128 | .wp-core-ui .button-link-delete { |
||
129 | color: <?php echo ( 90 > $back_obj->lightness ) ? '#FF8A80' : '#a00'; ?>; |
||
130 | } |
||
131 | .button.wp-color-result { |
||
132 | text-shadow: none !important; |
||
133 | } |
||
134 | <?php endif; ?> |
||
135 | |||
136 | |||
137 | #customize-sidebar-outer-content { |
||
138 | border-left-color: <?php echo esc_html( $border_on_back ); ?>; |
||
139 | border-right-color: <?php echo esc_html( $border_on_back ); ?>; |
||
140 | } |
||
141 | |||
142 | #customize-controls .customize-info .panel-title, |
||
143 | #customize-controls .customize-pane-child .customize-section-title h3, |
||
144 | #customize-controls .customize-pane-child h3.customize-section-title, |
||
145 | .customize-control, |
||
146 | #customize-controls .description { |
||
147 | color: <?php echo esc_html( $text_on_back ); ?>; |
||
148 | } |
||
149 | |||
150 | #customize-controls .customize-info, |
||
151 | #customize-header-actions, |
||
152 | .customize-section-title { |
||
153 | border-bottom-color: <?php echo esc_html( $border_on_back ); ?>; |
||
154 | } |
||
155 | |||
156 | .wp-full-overlay-sidebar .wp-full-overlay-header, |
||
157 | .customize-controls-close, |
||
158 | .expanded .wp-full-overlay-footer { |
||
159 | color: <?php echo esc_html( $text_on_back ); ?>; |
||
160 | background-color: <?php echo esc_html( $back_on_back ); ?>; |
||
161 | border-color: <?php echo esc_html( $border_on_back ); ?>; |
||
162 | } |
||
163 | |||
164 | .accordion-section, |
||
165 | #customize-theme-controls .customize-pane-child.accordion-section-content { |
||
166 | background: <?php echo esc_html( $back_on_back ); ?>; |
||
167 | } |
||
168 | |||
169 | #accordion-section-themes+.control-section, |
||
170 | #customize-theme-controls .control-section:last-of-type.open, |
||
171 | #customize-theme-controls .control-section:last-of-type > .accordion-section-title, |
||
172 | #customize-theme-controls .control-section.open { |
||
173 | border-bottom-color: <?php echo esc_html( $border_on_back ); ?>; |
||
174 | border-top-color: <?php echo esc_html( $border_on_back ); ?>; |
||
175 | } |
||
176 | |||
177 | #customize-theme-controls .accordion-section-title { |
||
178 | border-bottom-color: <?php echo esc_html( $border_on_back ); ?>; |
||
179 | border-left-color: <?php echo esc_html( $border_on_back ); ?>; |
||
180 | } |
||
181 | |||
182 | #customize-theme-controls .control-section-themes .accordion-section-title, |
||
183 | #customize-theme-controls .control-section-themes .accordion-section-title:hover { |
||
184 | border-bottom-color: <?php echo esc_html( $border_on_back ); ?>; |
||
185 | border-top-color: <?php echo esc_html( $border_on_back ); ?>; |
||
186 | border-bottom-color: <?php echo esc_html( $border_on_back ); ?>; |
||
187 | } |
||
188 | |||
189 | #customize-theme-controls .accordion-section-title:after { |
||
190 | color: <?php echo esc_html( $arrows_on_back ); ?>; |
||
191 | } |
||
192 | |||
193 | .wp-core-ui .button, |
||
194 | .wp-core-ui .button-secondary { |
||
195 | background-color: <?php echo esc_html( $back ); ?>; |
||
196 | border-color: <?php echo esc_html( $border_on_back ); ?>; |
||
197 | box-shadow: 0 1px 0 <?php echo esc_html( $border_on_back ); ?>; |
||
198 | -webkit-box-shadow: 0 1px 0 <?php echo esc_html( $border_on_back ); ?>; |
||
199 | text-shadow: 0 -1px 1px <?php echo esc_html( $border_on_back ); ?>, 1px 0 1px <?php echo esc_html( $border_on_back ); ?>, 0 1px 1px <?php echo esc_html( $border_on_back ); ?>, -1px 0 1px <?php echo esc_html( $border_on_back ); ?>; |
||
200 | color: <?php echo esc_html( $text_on_back ); ?>; |
||
201 | } |
||
202 | |||
203 | @media screen and (max-width: 640px) { |
||
204 | .customize-controls-preview-toggle{ |
||
205 | background-color: <?php echo esc_html( $back ); ?>; |
||
206 | border-color: <?php echo esc_html( $border_on_back ); ?>; |
||
207 | box-shadow:0 1px 0 <?php echo esc_html( $border_on_back ); ?>; |
||
208 | -webkit-box-shadow:0 1px 0 <?php echo esc_html( $border_on_back ); ?>; |
||
209 | text-shadow:0 -1px 1px <?php echo esc_html( $border_on_back ); ?>, 1px 0 1px <?php echo esc_html( $border_on_back ); ?>, 0 1px 1px <?php echo esc_html( $border_on_back ); ?>, -1px 0 1px <?php echo esc_html( $border_on_back ); ?>; |
||
210 | color: <?php echo esc_html( $text_on_back ); ?>; |
||
211 | } |
||
212 | } |
||
213 | |||
214 | .wp-core-ui .button.focus, |
||
215 | .wp-core-ui .button.hover, |
||
216 | .wp-core-ui .button:focus, |
||
217 | .wp-core-ui .button:hover, |
||
218 | .wp-core-ui .button-secondary.focus, |
||
219 | .wp-core-ui .button-secondary.hover, |
||
220 | .wp-core-ui .button-secondary:focus, |
||
221 | .wp-core-ui .button-secondary:hover, |
||
222 | .customize-panel-back, |
||
223 | .customize-section-back { |
||
224 | background-color: <?php echo esc_html( $back_on_back ); ?>; |
||
225 | border-color: <?php echo esc_html( $border_on_back ); ?>; |
||
226 | box-shadow: 0 1px 0 <?php echo esc_html( $border_on_back ); ?>; |
||
227 | -webkit-box-shadow: 0 1px 0 <?php echo esc_html( $border_on_back ); ?>; |
||
228 | text-shadow: 0 -1px 1px <?php echo esc_html( $border_on_back ); ?>, 1px 0 1px <?php echo esc_html( $border_on_back ); ?>, 0 1px 1px <?php echo esc_html( $border_on_back ); ?>, -1px 0 1px <?php echo esc_html( $border_on_back ); ?>; |
||
229 | color: <?php echo esc_html( $text_on_back ); ?>; |
||
230 | } |
||
231 | |||
232 | @media screen and (max-width: 640px) { |
||
233 | .customize-controls-preview-toggle.focus, |
||
234 | .customize-controls-preview-toggle.hover, |
||
235 | .customize-controls-preview-toggle:focus, |
||
236 | .customize-controls-preview-toggle:hover { |
||
237 | background-color: <?php echo esc_html( $back_on_back ); ?>; |
||
238 | border-color: <?php echo esc_html( $border_on_back ); ?>; |
||
239 | box-shadow: 0 1px 0 <?php echo esc_html( $border_on_back ); ?>; |
||
240 | -webkit-box-shadow: 0 1px 0 <?php echo esc_html( $border_on_back ); ?>; |
||
241 | text-shadow: 0 -1px 1px <?php echo esc_html( $border_on_back ); ?>, 1px 0 1px <?php echo esc_html( $border_on_back ); ?>, 0 1px 1px <?php echo esc_html( $border_on_back ); ?>, -1px 0 1px <?php echo esc_html( $border_on_back ); ?>; |
||
242 | color:<?php echo esc_html( $text_on_back ); ?>; |
||
243 | } |
||
244 | } |
||
245 | |||
246 | .customize-control-kirki-background .background-attachment .buttonset .switch-label, |
||
247 | .customize-control-kirki-background .background-size .buttonset .switch-label, |
||
248 | .customize-control-kirki-radio-buttonset .buttonset .switch-label { |
||
249 | color: <?php echo esc_html( $text_on_back ); ?>; |
||
250 | } |
||
251 | |||
252 | .wp-color-result { |
||
253 | border-color: <?php echo esc_html( $border_on_back ); ?>; |
||
254 | -webkit-box-shadow: 0 1px 0 <?php echo esc_html( $border_on_back ); ?>; |
||
255 | box-shadow: 0 1px 0 <?php echo esc_html( $border_on_back ); ?>; |
||
256 | } |
||
257 | |||
258 | .wp-color-result:focus, |
||
259 | .wp-color-result:hover { |
||
260 | border-color: <?php echo esc_html( $border_on_back ); ?>; |
||
261 | background: <?php echo esc_html( $back_on_back ); ?>; |
||
262 | } |
||
263 | |||
264 | .wp-color-result:after { |
||
265 | border-color: <?php echo esc_html( $border_on_back ); ?>; |
||
266 | background: <?php echo esc_html( $back ); ?>; |
||
267 | color: <?php echo esc_html( $text_on_back ); ?>; |
||
268 | } |
||
269 | |||
270 | .wp-color-result:focus:after, |
||
271 | .wp-color-result:hover:after { |
||
272 | color: <?php echo esc_html( $text_on_back ); ?>; |
||
273 | } |
||
274 | |||
275 | .customize-control input[type=tel], |
||
276 | .customize-control input[type=url], |
||
277 | .customize-control input[type=text], |
||
278 | .customize-control input[type=password], |
||
279 | .customize-control input[type=email], |
||
280 | .customize-control input[type=number], |
||
281 | .customize-control input[type=search], |
||
282 | .customize-control input[type=radio], |
||
283 | .customize-control input[type=checkbox], |
||
284 | .customize-control select, |
||
285 | .select2-container--default .select2-selection--single, |
||
286 | .select2-container--default .select2-selection--multiple { |
||
287 | background: <?php echo esc_html( $back ); ?>; |
||
288 | border-color: <?php echo esc_html( $border_on_back ); ?>; |
||
289 | color: <?php echo esc_html( $text_on_back ); ?>; |
||
290 | } |
||
291 | |||
292 | .customize-control-kirki-slider input[type=range]::-webkit-slider-thumb { |
||
293 | background-color:<?php echo esc_html( $accent ); ?>; |
||
294 | } |
||
295 | |||
296 | .customize-control-kirki-slider input[type=range]::-moz-range-thumb { |
||
297 | background-color: <?php echo esc_html( $accent ); ?>; |
||
298 | } |
||
299 | |||
300 | .customize-control-kirki-slider input[type=range]::-ms-thumb { |
||
301 | background-color: <?php echo esc_html( $accent ); ?>; |
||
302 | } |
||
303 | |||
304 | .customize-control-kirki-slider input[type=range] { |
||
305 | background: <?php echo esc_html( $border_on_back ); ?>; |
||
306 | } |
||
307 | |||
308 | .select2-container--default .select2-selection--single .select2-selection__rendered { |
||
309 | color:<?php echo esc_html( $text_on_back ); ?>; |
||
310 | } |
||
311 | |||
312 | .wp-full-overlay-footer .devices { |
||
313 | background: none; |
||
314 | background: transparent; |
||
315 | box-shadow: none; |
||
316 | -webkit-box-shadow: none; |
||
317 | } |
||
318 | |||
319 | .kirki-reset-section .dashicons { |
||
320 | color: <?php echo esc_html( $back_on_back ); ?>; |
||
321 | } |
||
322 | |||
323 | #customize-controls .control-section .accordion-section-title:focus, |
||
324 | #customize-controls .control-section .accordion-section-title:hover, |
||
325 | #customize-controls .control-section.open .accordion-section-title, |
||
326 | #customize-controls .control-section:hover > .accordion-section-title, |
||
327 | .customize-panel-back:focus, |
||
328 | .customize-panel-back:hover, |
||
329 | .customize-section-back:focus, |
||
330 | .customize-section-back:hover { |
||
331 | background: <?php echo esc_html( $hover_on_back ); ?>; |
||
332 | color: <?php echo esc_html( $accent ); ?>; |
||
333 | border-left-color: <?php echo esc_html( $accent ); ?>; |
||
334 | } |
||
335 | |||
336 | .customize-controls-close:hover { |
||
337 | background-color: <?php echo esc_html( $back ); ?>; |
||
338 | color: <?php echo esc_html( $accent ); ?>; |
||
339 | border-color: <?php echo esc_html( $accent ); ?>; |
||
340 | } |
||
341 | |||
342 | #customize-theme-controls .control-section .accordion-section-title:focus:after, |
||
343 | #customize-theme-controls .control-section .accordion-section-title:hover:after, |
||
344 | #customize-theme-controls .control-section.open .accordion-section-title:after, |
||
345 | #customize-theme-controls .control-section:hover>.accordion-section-title:after { |
||
346 | color: <?php echo esc_html( $accent ); ?>; |
||
347 | } |
||
348 | |||
349 | .wp-core-ui .button.button-primary { |
||
350 | background-color: <?php echo esc_html( $accent ); ?>; |
||
351 | border-color: <?php echo esc_html( $border_on_accent ); ?>; |
||
352 | box-shadow: 0 1px 0 <?php echo esc_html( $border_on_accent ); ?>; |
||
353 | -webkit-box-shadow: 0 1px 0 <?php echo esc_html( $border_on_accent ); ?>; |
||
354 | text-shadow: 0 -1px 1px <?php echo esc_html( $border_on_accent ); ?>, 1px 0 1px <?php echo esc_html( $border_on_accent ); ?>, 0 1px 1px <?php echo esc_html( $border_on_accent ); ?>, -1px 0 1px <?php echo esc_html( $border_on_accent ); ?>; |
||
355 | color: <?php echo esc_html( $text_on_accent ); ?>; |
||
356 | } |
||
357 | |||
358 | .wp-core-ui .button.button-primary.focus, |
||
359 | .wp-core-ui .button.button-primary.hover, |
||
360 | .wp-core-ui .button.button-primary:focus, |
||
361 | .wp-core-ui .button.button-primary:hover { |
||
362 | background-color: <?php echo esc_html( $accent ); ?>; |
||
363 | border-color: <?php echo esc_html( $border_on_accent ); ?>; |
||
364 | box-shadow: 0 1px 0 <?php echo esc_html( $border_on_accent ); ?>; |
||
365 | -webkit-box-shadow: 0 1px 0 <?php echo esc_html( $border_on_accent ); ?>; |
||
366 | text-shadow: 0 -1px 1px <?php echo esc_html( $border_on_accent ); ?>, 1px 0 1px <?php echo esc_html( $border_on_accent ); ?>, 0 1px 1px <?php echo esc_html( $border_on_accent ); ?>, -1px 0 1px <?php echo esc_html( $border_on_accent ); ?>; |
||
367 | color: <?php echo esc_html( $text_on_accent ); ?>; |
||
368 | } |
||
369 | |||
370 | .wp-core-ui .button.button-primary-disabled, |
||
371 | .wp-core-ui .button.button-primary.disabled, |
||
372 | .wp-core-ui .button.button-primary:disabled, |
||
373 | .wp-core-ui .button.button-primary[disabled] { |
||
374 | background-color: <?php echo esc_html( $accent_disabled ); ?> !important; |
||
375 | border-color: <?php echo esc_html( $border_on_accent_disabled ); ?> !important; |
||
376 | box-shadow: 0 1px 0 <?php echo esc_html( $border_on_accent_disabled ); ?> !important; |
||
377 | -webkit-box-shadow: 0 1px 0 <?php echo esc_html( $border_on_accent_disabled ); ?> !important; |
||
378 | text-shadow: 0 -1px 1px <?php echo esc_html( $border_on_accent_disabled ); ?>, 1px 0 1px <?php echo esc_html( $border_on_accent_disabled ); ?>, 0 1px 1px <?php echo esc_html( $border_on_accent_disabled ); ?>, -1px 0 1px <?php echo esc_html( $border_on_accent_disabled ); ?> !important; |
||
379 | color: <?php echo esc_html( $text_on_accent_disabled ); ?> !important; |
||
380 | } |
||
381 | |||
382 | input[type=checkbox]:checked:before { |
||
383 | color: <?php echo esc_html( $accent ); ?>; |
||
384 | } |
||
385 | |||
386 | .select2-container--default .select2-results__option--highlighted[aria-selected] { |
||
387 | background-color: <?php echo esc_html( $accent ); ?>; |
||
388 | color: <?php echo esc_html( $text_on_accent ); ?>; |
||
389 | } |
||
390 | |||
391 | .customize-control-kirki-radio-buttonset .buttonset .switch-input:checked + .switch-label, |
||
392 | .customize-control-kirki-background .background-attachment .buttonset .switch-input:checked + .switch-label, |
||
393 | .customize-control-kirki-background .background-size .buttonset .switch-input:checked + .switch-label { |
||
394 | background-color: <?php echo esc_html( $accent ); ?>; |
||
395 | border-color: <?php echo esc_html( $border_on_accent ); ?>; |
||
396 | color: <?php echo esc_html( $text_on_accent ); ?>; |
||
397 | } |
||
398 | |||
399 | .notice, |
||
400 | div.updated, |
||
401 | div.error { |
||
402 | color: #444 !important; |
||
403 | } |
||
404 | |||
405 | <?php if ( isset( $config['width'] ) ) : ?> |
||
406 | .wp-full-overlay-sidebar { |
||
407 | width: <?php echo esc_html( $config['width'] ); ?>; |
||
408 | } |
||
409 | .expanded .wp-full-overlay-footer { |
||
410 | width: <?php echo esc_html( $config['width'] ); ?>; |
||
411 | } |
||
412 | .wp-full-overlay.expanded { |
||
413 | margin-left: <?php echo esc_html( $config['width'] ); ?>; |
||
414 | } |
||
415 | .wp-full-overlay.collapsed .wp-full-overlay-sidebar { |
||
416 | margin-left: -<?php echo esc_html( $config['width'] ); ?>; |
||
417 | } |
||
418 | <?php endif; ?> |
||
419 | </style> |
||
420 | <?php |
||
421 | } |
||
422 | } |
||
423 |