6 /// @require {function} _assign-inputs
8 /// @require {variable} $_text-inputs-list
11 /// A list of all _text-based_ HTML inputs. Please note that you must
12 /// interpolate the variable (`#{}`) to use it as a selector.
15 /// #{$all-text-inputs} {
16 /// border: 1px solid #ccc;
22 /// [type='datetime'],
23 /// [type='datetime-local'],
27 /// [type='password'],
34 /// input:not([type]),
36 /// border: 1px solid #ccc;
39 $all-text-inputs: _assign-inputs($_text-inputs-list);
41 /// A list of all _text-based_ HTML inputs with the `:active` pseudo-class
42 /// applied. Please note that you must interpolate the variable (`#{}`) to use
46 /// #{$all-text-inputs-active} {
47 /// border: 1px solid #aaa;
51 /// [type='color']:active,
52 /// [type='date']:active,
53 /// [type='datetime']:active,
54 /// [type='datetime-local']:active,
55 /// [type='email']:active,
56 /// [type='month']:active,
57 /// [type='number']:active,
58 /// [type='password']:active,
59 /// [type='search']:active,
60 /// [type='tel']:active,
61 /// [type='text']:active,
62 /// [type='time']:active,
63 /// [type='url']:active,
64 /// [type='week']:active,
65 /// input:not([type]):active,
67 /// border: 1px solid #aaa;
70 $all-text-inputs-active: _assign-inputs($_text-inputs-list, active);
72 /// A list of all _text-based_ HTML inputs with the `:focus` pseudo-class
73 /// applied. Please note that you must interpolate the variable (`#{}`) to use
77 /// #{$all-text-inputs-focus} {
78 /// border: 1px solid #1565c0;
82 /// [type='color']:focus,
83 /// [type='date']:focus,
84 /// [type='datetime']:focus,
85 /// [type='datetime-local']:focus,
86 /// [type='email']:focus,
87 /// [type='month']:focus,
88 /// [type='number']:focus,
89 /// [type='password']:focus,
90 /// [type='search']:focus,
91 /// [type='tel']:focus,
92 /// [type='text']:focus,
93 /// [type='time']:focus,
94 /// [type='url']:focus,
95 /// [type='week']:focus,
96 /// input:not([type]):focus,
98 /// border: 1px solid #1565c0;
101 $all-text-inputs-focus: _assign-inputs($_text-inputs-list, focus);
103 /// A list of all _text-based_ HTML inputs with the `:hover` pseudo-class
104 /// applied. Please note that you must interpolate the variable (`#{}`) to use
105 /// it as a selector.
108 /// #{$all-text-inputs-hover} {
109 /// border: 1px solid #aaa;
113 /// [type='color']:hover,
114 /// [type='date']:hover,
115 /// [type='datetime']:hover,
116 /// [type='datetime-local']:hover,
117 /// [type='email']:hover,
118 /// [type='month']:hover,
119 /// [type='number']:hover,
120 /// [type='password']:hover,
121 /// [type='search']:hover,
122 /// [type='tel']:hover,
123 /// [type='text']:hover,
124 /// [type='time']:hover,
125 /// [type='url']:hover,
126 /// [type='week']:hover,
127 /// input:not([type]):hover,
129 /// border: 1px solid #aaa;
132 $all-text-inputs-hover: _assign-inputs($_text-inputs-list, hover);
134 /// A list of all _text-based_ HTML inputs with the `:invalid` pseudo-class
135 /// applied. Please note that you must interpolate the variable (`#{}`) to use
136 /// it as a selector.
139 /// #{$all-text-inputs-invalid} {
140 /// border: 1px solid #00f;
144 /// [type='color']:invalid,
145 /// [type='date']:invalid,
146 /// [type='datetime']:invalid,
147 /// [type='datetime-local']:invalid,
148 /// [type='email']:invalid,
149 /// [type='month']:invalid,
150 /// [type='number']:invalid,
151 /// [type='password']:invalid,
152 /// [type='search']:invalid,
153 /// [type='tel']:invalid,
154 /// [type='text']:invalid,
155 /// [type='time']:invalid,
156 /// [type='url']:invalid,
157 /// [type='week']:invalid,
158 /// input:not([type]):invalid,
159 /// textarea:invalid {
160 /// border: 1px solid #00f;
163 $all-text-inputs-invalid: _assign-inputs($_text-inputs-list, invalid);