Stylus фишка

[melky]

Использую 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;
}

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

[melky]

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

// 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;
}

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

[kobezzza]

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

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

[melky]

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

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

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

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

[monolithed]

Если уже сейчас хочется поддержки, то можно дополнительно заюзать Rework

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

[kobezzza]

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

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

[kobezzza]

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

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

[kostyanet]

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

[melky]

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

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