Sha256: 55f7a6e28712bf38f09ed6cbbf8a3290b84a567ce81190e9b7172020d7af4a47

Contents?: true

Size: 1.32 KB

Versions: 26

Compression:

Stored size: 1.32 KB

Contents

//************************************************************************//
// Generate a variable ($all-text-inputs) with a list of all html5
// input types that have a text-based input, excluding textarea.
// http://diveintohtml5.org/forms.html
//************************************************************************//
$inputs-list: 'input[type="email"]',
              'input[type="number"]',
              'input[type="password"]',
              'input[type="search"]',
              'input[type="tel"]',
              'input[type="text"]',
              'input[type="url"]',

              // Webkit & Gecko may change the display of these in the future
              'input[type="color"]',
              'input[type="date"]',
              'input[type="datetime"]',
              'input[type="datetime-local"]',
              'input[type="month"]',
              'input[type="time"]',
              'input[type="week"]';

$unquoted-inputs-list: ();

@each $input-type in $inputs-list {
  $unquoted-inputs-list: append($unquoted-inputs-list, unquote($input-type), comma);
}

$all-text-inputs: $unquoted-inputs-list;

// You must use interpolation on the variable:
// #{$all-text-inputs}
//************************************************************************//
//   #{$all-text-inputs}, textarea {
//     border: 1px solid red;
//   }

Version data entries

26 entries across 26 versions & 3 rubygems

Version Path
bourbon-compass-2.1.3 stylesheets/bourbon/addons/_html5-input-types.scss
bourbon-2.1.3 app/assets/stylesheets/addons/_html5-input-types.scss
bourbon-compass-2.1.2 stylesheets/bourbon/addons/_html5-input-types.scss
bourbon-2.1.2 app/assets/stylesheets/addons/_html5-input-types.scss
bourbon-compass-2.1.1.0 stylesheets/bourbon/addons/_html5-input-types.scss
bourbon-2.1.1 app/assets/stylesheets/addons/_html5-input-types.scss
bourbon-2.1.0 app/assets/stylesheets/addons/_html5-input-types.scss
app_sleuth-0.0.1.pre lib/app_sleuth/server/assets/sass/mixins/addons/_html5-input-types.scss
bourbon-2.0.0.rc1 app/assets/stylesheets/addons/_html5-input-types.scss
bourbon-1.4.0 app/assets/stylesheets/addons/_html5-input-types.scss
bourbon-1.3.6 app/assets/stylesheets/addons/_html5-input-types.scss
bourbon-1.3.5 app/assets/stylesheets/addons/_html5-input-types.scss
bourbon-1.3.4 app/assets/stylesheets/addons/_html5-input-types.scss
bourbon-1.3.3 app/assets/stylesheets/addons/_html5-input-types.scss
bourbon-1.3.2 app/assets/stylesheets/addons/_html5-input-types.scss
bourbon-1.3.0 app/assets/stylesheets/addons/_html5-input-types.scss
bourbon-1.2.0 app/assets/stylesheets/addons/_html5-input-types.scss
bourbon-1.1.0 app/assets/stylesheets/addons/_html5-input-types.scss
bourbon-1.0.4 app/assets/stylesheets/addons/_html5-input-types.scss
bourbon-1.0.3 app/assets/stylesheets/addons/_html5-input-types.scss