3.2.13 (Media Mark) de4bc599c2e31591193e330a31918cc02819a6a0 o:Sass::Tree::RootNode : @linei:@has_childrenT:@template"ù//************************************************************************// // 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; // Hover Pseudo-class //************************************************************************// $all-text-inputs-hover: (); @each $input-type in $unquoted-inputs-list { $input-type-hover: $input-type + ":hover"; $all-text-inputs-hover: append($all-text-inputs-hover, $input-type-hover, comma); } // Focus Pseudo-class //************************************************************************// $all-text-inputs-focus: (); @each $input-type in $unquoted-inputs-list { $input-type-focus: $input-type + ":focus"; $all-text-inputs-focus: append($all-text-inputs-focus, $input-type-focus, comma); } // You must use interpolation on the variable: // #{$all-text-inputs} // #{$all-text-inputs-hover} // #{$all-text-inputs-focus} // Example //************************************************************************// // #{$all-text-inputs}, textarea { // border: 1px solid red; // } :@children[o:Sass::Tree::CommentNode ;i: @type: silent; [: @value["G/*************************************************************************// * 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 *************************************************************************// */: @options{o:Sass::Tree::VariableNode : @expro:Sass::Script::List ;i :@separator: comma; [o:Sass::Script::String ;i ; : string; "input[type="email"];@ o; ;i ; ;; "input[type="number"];@ o; ;i ; ;; "input[type="password"];@ o; ;i; ;; "input[type="search"];@ o; ;i; ;; "input[type="tel"];@ o; ;i; ;; "input[type="text"];@ o; ;i; ;; "input[type="url"];@ o; ;i; ;; "input[type="color"];@ o; ;i; ;; "input[type="date"];@ o; ;i; ;; "input[type="datetime"];@ o; ;i; ;; "!input[type="datetime-local"];@ o; ;i; ;; "input[type="month"];@ o; ;i; ;; "input[type="time"];@ o; ;i; ;; "input[type="week"];@ ;@ ;i: @name"inputs-list; [: @guarded0;@ o; ;o; ;i;: space; [;@ ;i;"unquoted-inputs-list; [;0;@ o:Sass::Tree::EachNode ;i: @var"input-type;T: @listo:Sass::Script::Variable ;i;"inputs-list:@underscored_name"inputs_list;@ ; [o; ;o:Sass::Script::Funcall ;i;" append: @splat0;@ :@keywords{: @args[o; ;i;"unquoted-inputs-list;"unquoted_inputs_list;@ o; ;i;" unquote;0;@ ; {;![o; ;i;"input-type;"input_type;@ o; ;i; :identifier; " comma;@ ;i;"unquoted-inputs-list; [;0;@ ;@ o; ;o; ;i!;"unquoted-inputs-list;"unquoted_inputs_list;@ ;i!;"all-text-inputs; [;0;@ o; ;i$; ; ; [; ["j/* Hover Pseudo-class *************************************************************************// */;@ o; ;o; ;i&;;; [;@ ;i&;"all-text-inputs-hover; [;0;@ o; ;i';"input-type;T;o; ;i';"unquoted-inputs-list;"unquoted_inputs_list;@ ; [o; ;o:Sass::Script::Operation ;i(:@operand2o; ;i(; ;; " :hover;@ :@operand1o; ;i(;"input-type;"input_type;@ ;@ :@operator: plus;i(;"input-type-hover; [;0;@ o; ;o; ;i);" append;0;@ ; {;![o; ;i);"all-text-inputs-hover;"all_text_inputs_hover;@ o; ;i);"input-type-hover;"input_type_hover;@ o; ;i); ;"; " comma;@ ;i);"all-text-inputs-hover; [;0;@ ;@ o; ;i,; ; ; [; ["j/* Focus Pseudo-class *************************************************************************// */;@ o; ;o; ;i.;;; [;@ ;i.;"all-text-inputs-focus; [;0;@ o; ;i/;"input-type;T;o; ;i/;"unquoted-inputs-list;"unquoted_inputs_list;@ ; [o; ;o;# ;i0;$o; ;i0; ;; " :focus;@ ;%o; ;i0;"input-type;"input_type;@ ;@ ;&;';i0;"input-type-focus; [;0;@ o; ;o; ;i1;" append;0;@ ; {;![o; ;i1;"all-text-inputs-focus;"all_text_inputs_focus;@ o; ;i1;"input-type-focus;"input_type_focus;@ o; ;i1; ;"; " comma;@ ;i1;"all-text-inputs-focus; [;0;@ ;@ o; ;i4; ; ; [; ["‚/* You must use interpolation on the variable: * #{$all-text-inputs} * #{$all-text-inputs-hover} * #{$all-text-inputs-focus} */;@ o; ;i9; ; ; [; ["¤/* Example *************************************************************************// * #{$all-text-inputs}, textarea { * border: 1px solid red; * } */;@ ;@