Skip to content

Instantly share code, notes, and snippets.

@tomleo
Created April 23, 2015 21:10
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save tomleo/55e27cf6a88641591dfe to your computer and use it in GitHub Desktop.
Save tomleo/55e27cf6a88641591dfe to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
// ----
// Sass (v3.4.12)
// Compass (v1.0.3)
// ----
@import "compass/css3/box-sizing";
$m-form-input-types: (
'text',
'password',
'email',
'url',
'date',
'month',
'time',
'datetime',
'datetime-local',
'week',
'number',
'search',
'tel',
'color'
);
$m-form-input-selectors: ();
@each $item in $m-form-input-types {
$m-form-input-selectors: $m-form-input-selectors, unquote('input[type="#{$item}"]');
}
$m-form-input-selectors: $m-form-input-selectors, unquote('select');
$m-form-input-selectors: $m-form-input-selectors, unquote('textarea');
.m-form {
& #{$m-form-input-selectors} {
background: #f3f3f3;
border: 1px solid #d3d3d3;
border-radius: 4px;
@include box-sizing('border-box');
}
}
.m-form input[type="text"], .m-form input[type="password"], .m-form input[type="email"], .m-form input[type="url"], .m-form input[type="date"], .m-form input[type="month"], .m-form input[type="time"], .m-form input[type="datetime"], .m-form input[type="datetime-local"], .m-form input[type="week"], .m-form input[type="number"], .m-form input[type="search"], .m-form input[type="tel"], .m-form input[type="color"], .m-form select, .m-form textarea {
background: #f3f3f3;
border: 1px solid #d3d3d3;
border-radius: 4px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment