Creating selector aliases in sass

Asked Apr 14 '14 at 15:15

Active Apr 14 '14 at 15:53

Viewed 143 times

To avoid writing it out multiple times, i'd like to create a 'texty-input' alias for the selector:

input[type=text],
input[type=url],
input[type=tel],
input[type=number],
input[type=color],
input[type=email]

Is there any way of creating a variable/alias for this commonly-used but verbose selector in sass?

edited Apr 14 '14 at 15:30

asked Apr 14 '14 at 15:15

Cameron Martin

cant just use `input`? – Deepak Ingole Apr 14 '14 at 15:27
2

@Pilot: That would match any input. Not what he wants. – BoltClock Apr 14 '14 at 15:28
@cimmanon thanks, that answers my question. This question is also related http://stackoverflow.com/questions/10254453/bourbon-sass-all-text-inputs-with-hover-or-focus – Cameron Martin Apr 14 '14 at 16:48
For anyone in the future looking for a pure CSS way: [it's currently in the editor's draft](http://tabatkins.github.io/specs/css-aliases/#custom-selectors) – Zach Saucier Apr 14 '14 at 17:17

0 Answers0