Как добавить класс и дополнительное свойство в миксине в stylus?

Question

[Сергей Бурдужа]

Есть универсальный миксин для плейсхолдера для всех браузеров

placeholder-input(color)
	input[type='text']::-webkit-input-placeholder,
	input[type='email']::-webkit-input-placeholder,
	input[type='phone']::-webkit-input-placeholder
		color color
	/* webkit */

	input[type='text']::-moz-placeholder,
	input[type='email']::-moz-placeholder,
	input[type='phone']::-moz-placeholder
		color color

	/* webkit */

	input[type='text']:-moz-placeholder,
	input[type='email']:-moz-placeholder,
	input[type='phone']:-moz-placeholder
		color color

	/* webkit */

	input[type='text']:-ms-input-placeholder,
	input[type='email']:-ms-input-placeholder,
	input[type='phone']:-ms-input-placeholder
		color color

У меня возникла проблема, когда нужно поменять цвет плейсхолдера, если у инпутов есть класс error.

Я так понимаю, что можно задать еще 2 параметра, класс и color2.
Только как задать пустые параметры или по-умолчанию?

Я попробывал так

placeholder-input(color, class false, color2 = false)
	input[type='text']::-webkit-input-placeholder,
	input[type='email']::-webkit-input-placeholder,
	input[type='phone']::-webkit-input-placeholder
		color color
		if class
			&.class = class
				color color2
	/* webkit */

Только почему-то в браузере стили не применяются?

Answer 1

[ⓒⓢⓢ]

как пример с вложенностью
https://codepen.io/anon/pen/Ezjppv

Comments

[Сергей Бурдужа]

я просто скопировал код к себе в редактор, но почему-то не работает.
То есть, браузер не отображает изменения


В редакторе открыл файл css и там изменения есть и в консоли ошибок нету


Но почему-то браузер не видит свойства для input

[Сергей Бурдужа]

Вы наверное меня не правильно поняли.
Я использую плагин jqueyr validation.
Там, если поле не прошло валидацию, то ему добавляется класс error или succes.
У вас в коде 2 input друг за другом.
Понимаете?

[ⓒⓢⓢ]

Сергей Бурдужа, есть ссылка на сайт? больше похоже, что стили переопределяются, но это очень косвенное предположение.

может быть у вас поля имеют тип number или phone (в моём примере в стилях только тип text)

[Сергей Бурдужа]

JRK_DV,
Ураааааааа, получилось!!!!!
Да, извините мою невнимательность.
Я забыл указать у поля тип phone.
Сработало.
Сколько же я голову ломал?
Спасибо вам.