Dimension Control not outputting percentage based value

Replies: 0

Good morning sir,

I have been using your dimension control (https://aristath.github.io/kirki/docs/controls/dimension.html) to set the width of elements in my theme to 100%.

However I just noticed that when I look at the page source it is not showing 100%, just 100:

.top-sidebar.grid-container{max-width:100;}
.inside-top-sidebar{max-width:100;}
.site-header.grid-container{max-width:100;}
.inside-header{max-width:100;}

Also when I go into the customizer and look at the sections pertaining to those above, it shows 100% in the dimension field. Also here is the code I have in the customizer for the .top-sidebar.grid-container:

XXXXXX_Kirki::add_field( 'xxxxxx_customizer', array(
	'type'        => 'dimension',
	'settings'    => 'top_sidebar_width',
	'label'       => esc_attr__('Top SideBar Main Container Width','xxxxxx'),
	'tooltip'     => esc_attr__('Set the width of the container that holds the Top Sidebar. Default is 100%.','xxxxxx'),
	'section'     => 'xxxxxx_top_sidebar',
	'default'     => '100%',
	'priority'    => 1,
	'transport' => 'postMessage',
	'js_vars'   => array(
		array(
			'element'  => '.top-sidebar.grid-container',
			'function' => 'css',
			'property' => 'max-width',
		),
	),
	'output'      => array(
		array(
			'element' => '.top-sidebar.grid-container',
			'function' => 'css',
			'property' => 'max-width',
		),
	),
) );

(the xxxxx represents the name of my theme which I took out)

Did I do it wrong again…lol or do you have any ideas?