Generated by SassMeister.com.

SassMeister-input-HTML.html

<input type="search" value="foobar"></input>

SassMeister-input.scss

// ----
// libsass (v3.2.5)
// ----

// Avoid having to target all text inputs everytime we want to style them.
@mixin style-text-inputs() {
	input[type="text"],
	input[type="search"],
	input[type="url"],
	input[type="email"],
	input[type="password"],
	input[type="number"],
	input[type="tel"],
	input[type="date"],
	input[type="range"]  {
		@content;
	}
}

%input-base-styles, textarea {
	font-family: Arial;
	border: 1px solid #CCC;
	border-radius: 3px;
	font-size: 1em;
	padding: 0.5em;
	width:100%;
	max-width: 600px;
	display:block;
}

@include style-text-inputs {
	@extend %input-base-styles;
}

SassMeister-output.css

input[type="text"],
input[type="search"],
input[type="url"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="tel"],
input[type="date"],
input[type="range"], textarea {
  font-family: Arial;
  border: 1px solid #CCC;
  border-radius: 3px;
  font-size: 1em;
  padding: 0.5em;
  width: 100%;
  max-width: 600px;
  display: block;
}

SassMeister-rendered.html

<input type="search" value="foobar"></input>