updated

Signed-off-by: Avior <florian.bouillon@delta-wings.net>

styl/include/_input.styl

@@ -11,8 +11,7 @@ $color = #4285F4
 
 		&:not(:last-of-type)
 			margin-right 10px
-
-	input
+	input, select
 		display block
 		border-radius 10px
 		background-color #EEE
@@ -45,6 +44,13 @@ $color = #4285F4
 				background-color #FFF
 				box-shadow inset 0 0 0 2px $color, 0 0 0 3px rgba(204,204,204, .75)
 
+
+	select
+		-webkit-appearance none
+		-moz-appearance none
+		appearance none
+		display inline-flex
+
 	label
 		text-transform uppercase
 		margin auto
@@ -60,13 +66,12 @@ $color = #4285F4
 		font-weight 300
 		font-style italic
 
-
 	// Icons
-
 	i
-		width 25px
+		width 24px
+		height 24px
 		position absolute
-		left 28px
+		left 20px
 		top 18px
 		// pointer-events none
 		color #666
@@ -74,17 +79,25 @@ $color = #4285F4
 
 	&.icon-right i
 		left initial
-		right 28px
+		right 20px
 
-	&.icon-left input
+	&.icon-left input,
+	&.icon-left select
 		padding-left 50px
 
-	&.icon-right input
+	&.icon-right input,
+	&.icon-right select
 		padding-right 50px
 
 
-	&.icon-right input, &.icon-left input
+	&.icon-right input, &.icon-left input,
+	&.icon-right select, &.icon-left select
 		max-width calc(100% - 76px)
 
-	input:focus:not([readonly]) + i
+	&.icon-right select, &.icon-left select
+		max-width 100%
+
+
+	input:focus:not([readonly]) + i,
+	select:focus:not([readonly]) + i
 		color $color