append-selector [type='text'] is not a selector?

87 views
Skip to first unread message

Jon Ronnenberg

unread,
Jan 21, 2015, 9:10:00 AM1/21/15
to compas...@googlegroups.com
Hi all.

I'm trying to simplify my selector a bit. The output should be:
.field.field-search input[type="text"], .field.field-search input[type="password"], .field.field-search input[type="number"], .field.field-search input[type="email"], .field.field-search input[type="search"], .field.field-search input[type="tel"], .field.field-search input[type="url"] {
  text-indent: 0.25rem;
}


Right now I've got the following in my .scss:
input[type="text"], input[type="password"], input[type="number"], input[type="email"], input[type="search"], input[type="tel"], input[type="url"] {
 
text-indent: 0.25rem;
}


I've tried to use:
append-selector("[type='text'], [type='password']", "input") {
  text-indent: 0.25rem;
}

As described here: http://compass-style.org/reference/compass/helpers/selectors/#append-selector
But I get Error: Invalid CSS after "append-selector": expected selector, was "("[type='text']..."
The attribute selector [type='text'] looks good to me. What am I missing? Is it a bug in append-selector?

Cheers, Jon

Jon Ronnenberg

unread,
Jan 22, 2015, 6:21:56 PM1/22/15
to compas...@googlegroups.com
Reply all
Reply to author
Forward
0 new messages