Skip to content

Instantly share code, notes, and snippets.

@chriseppstein
Created June 28, 2013 16:51
Show Gist options
  • Save chriseppstein/184b2676a8ff0879302a to your computer and use it in GitHub Desktop.
Save chriseppstein/184b2676a8ff0879302a to your computer and use it in GitHub Desktop.
/*
* Set all the up-and-coming input text types here for easier reference
* Does not include types that are not meant to be displayed full width, such as:
type=number, type=range, type=date, type=color
*/
@mixin input_text_types( $focus:false ) {
@if $focus {
input[type=text]:focus, input[type=password]:focus, input[type=search]:focus, input[type=email]:focus, input[type=url]:focus, input[type=tel]:focus {
@content;
}
} @else {
input[type=text], input[type=password], input[type=search], input[type=email], input[type=url], input[type=tel] {
@content;
}
}
}
@include input_text_types() {
width: 80%;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment