From 6be03c7fe53b98c1c908612af04877bce63c7d80 Mon Sep 17 00:00:00 2001
From: IanDelMar <42134098+IanDelMar@users.noreply.github.com>
Date: Sat, 19 Mar 2022 11:39:25 +0100
Subject: [PATCH] replace @extend with relevant parts of .form-control

---
 src/sass/theme/_understrap.scss | 28 +++++++++++++++++++++++++++-
 1 file changed, 27 insertions(+), 1 deletion(-)

diff --git a/src/sass/theme/_understrap.scss b/src/sass/theme/_understrap.scss
index 680a7be8..9fee6199 100644
--- a/src/sass/theme/_understrap.scss
+++ b/src/sass/theme/_understrap.scss
@@ -61,7 +61,33 @@ body {
 .widget_categories,
 .widget_archive {
 	select {
-		@extend .form-control;
+		display: block;
+		width: 100%;
+		height: $input-height;
+		padding: $input-padding-y $input-padding-x;
+		font-family: $input-font-family;
+		@include font-size($input-font-size);
+		font-weight: $input-font-weight;
+		line-height: $input-line-height;
+		color: $input-color;
+		background-color: $input-bg;
+		background-clip: padding-box;
+		border: $input-border-width solid $input-border-color;
+
+		// Note: This has no effect on <select>s in some browsers, due to the limited stylability of `<select>`s in CSS.
+		@include border-radius($input-border-radius, 0);
+
+		@include box-shadow($input-box-shadow);
+		@include transition($input-transition);
+
+		// Unstyle the caret on `<select>`s in IE10+.
+		&::-ms-expand {
+			background-color: transparent;
+			border: 0;
+		}
+
+		// Customize the `:focus` state to imitate native WebKit styles.
+		@include form-control-focus($ignore-warning: true);
 	}
 }