1 files changed, 30 insertions, 0 deletions
diff --git a/themes/twentynineteen/js/customize-controls.js b/themes/twentynineteen/js/customize-controls.js
new file mode 100644
index 00000000..e717e909
--- /dev/null
+++ b/themes/twentynineteen/js/customize-controls.js
@@ -0,0 +1,30 @@
+/**
+ * File customizer.js.
+ *
+ * Theme Customizer enhancements for a better user experience.
+ *
+ * Contains handlers to make Theme Customizer preview reload changes asynchronously.
+ */
+
+(function() {
+
+	wp.customize.bind( 'ready', function() {
+
+		// Only show the color hue control when there's a custom primary color.
+		wp.customize( 'primary_color', function( setting ) {
+			wp.customize.control( 'primary_color_hue', function( control ) {
+				var visibility = function() {
+					if ( 'custom' === setting.get() ) {
+						control.container.slideDown( 180 );
+					} else {
+						control.container.slideUp( 180 );
+					}
+				};
+
+				visibility();
+				setting.bind( visibility );
+			});
+		});
+	});
+
+})( jQuery );