Merge pull request #1647 from understrap/gutenberg-search-form

Added the styles for the new gutenberg-based search widget

src/sass/theme/_understrap.scss

@@ -170,6 +170,41 @@ a.skip-link {
 	display: block;
 }
 
+// New Search Widget in Block Editor
+.wp-block-search {
+    .wp-block-search__label {
+		@if variable-exists('bootstrap4') {
+			@include sr-only();
+		} @else {
+			@include visually-hidden();
+		}
+    }
+
+    .wp-block-search__inside-wrapper {
+        @extend .input-group;
+
+        .wp-block-search__input {
+            @extend .form-control;
+        }
+
+        .wp-block-search__button {
+            border-radius: $border-radius;
+
+            &:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
+                margin-left: 0;
+            }
+
+			@if variable-exists('bootstrap4') {
+				@include button-variant( $primary, $primary );
+				border-top-left-radius: 0px;
+				border-bottom-left-radius: 0px;
+			} @else {
+				@include button-variant( $primary, $primary );
+			}
+        }
+    }
+}
+
 // Fixing Off-canvas close icon is hidden behind admin bar
 @include media-breakpoint-down(md) {
 	body.admin-bar .offcanvas-end {