All: Move searchform styles to base.css

These are not specific to algolia-docsearch.

Ref jquery/infrastructure-puppet#33

Author: Krinkle

themes/jquery/css/base.css

@@ -1659,6 +1659,13 @@ nav#main .searchform {
 	padding: 0;
 	border-radius: 20px;
 	position: relative;
+	text-shadow: none;
+}
+
+/* Increase invisible click area to focus search field */
+.searchform label {
+	width: 100%;
+	display: block;
 }
 
 nav#main .searchform input {

themes/jquery/css/docsearch.css

@@ -1,12 +1,5 @@
 /* Custom DocSeach CSS to adapt the generic one * See https://community.algolia.com/docsearch/styling.html for more info */
-nav#main .searchform {
-	text-shadow: none;
-}
 
-.searchform label {
-	width: 100%;
-	display: block;
-}
 
 .algolia-autocomplete {
 	width: 99%;

themes/jquery/header.php

@@ -18,7 +18,7 @@
 	<meta name="viewport" content="width=device-width">
 
 	<link rel="shortcut icon" href="<?php echo get_stylesheet_directory_uri(); ?>/i/favicon.ico">
-	<link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/css/base.css?v=4">
+	<link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/css/base.css?v=5">
 	<link rel="stylesheet" href="<?php bloginfo( 'stylesheet_url' ); ?>?v=2">
 
 	<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>