Stylus фишка
 

Использую Stylus и Nib, но нигде нет миксина для placeholder.

В общем, идея такая:

input:placeholder
  color red

должна генерить:

input::-webkit-input-placeholder {
    color: red;
}

input:-moz-placeholder {
    color: red;
}

input::-moz-placeholder {
    color: red;
}

input:-ms-input-placeholder {
    color: red;
}

Как это можно сделать? Прошу помощи.

Первичная реализация как блоковой примеси удовлетворения не приносит :(

// MICRO LIB
placeholder()

  placeholder-prefixes ?= ':-webkit-input-' '-moz-' ':-moz-' '-ms-'

  for prefix in placeholder-prefixes

    &:{unquote(prefix)}placeholder
      {block}

// /MICRO LIB


#myid

  input

    +placeholder()
      color red

Компилится в

#myid input::-webkit-input-placeholder {
  color: #f00;
}
#myid input:-moz-placeholder {
  color: #f00;
}
#myid input::-moz-placeholder {
  color: #f00;
}
#myid input:-ms-placeholder {
  color: #f00;
}

Но хотя бы уже что-то.

К сожалению пока в стилусе нет перегрузки псевдоселекторов и псевдоэлементов, но разрабы обещали подумать над этим. Если уже сейчас хочется поддержки, то можно дополнительно заюзать Rework.

https://github.com/reworkcss/rework#built-with-rework

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

мне пока стайлуса хватает. нет времени переучивать синтаксис :)

А как это решит проблему?

там есть перегрузка этих селекторов (во всяком случае создатель библиотеки Автопрефиксер уверял меня в этом)

Согласен, стилус круче всех:)

Синтаксис тут SQL, но разрабы изначально и не пытались его применять.

хахаха, я не один до блочной примеси додумался)

http://kouto-swiss.io/docs.html#placeholder