Closed Zobakka closed 4 years ago
Миксин Placeholder в файле /dev/static/styles/utils/mixins.scss не работает.
/dev/static/styles/utils/mixins.scss
Код Миксина:
@mixin placeholder { ::-webkit-input-placeholder {@content} :-moz-placeholder {@content} ::-moz-placeholder {@content} :-ms-input-placeholder {@content} }
SCSS:
input { @include placeholder { color: red; } }
CSS:
input ::-webkit-input-placeholder { color: red; } input :-moz-placeholder { color: red; } input ::-moz-placeholder { color: red; } input :-ms-input-placeholder { color: red; }
И из-за пробела после input код получается не рабочим, хоть валидаторы и не ругаются..
input
Но если не использовать миксин и воспользоваться псевдоэлементом ::placeholder, то при компиляции автопрефиксер заменит все, как надо:
::placeholder
input { &::placeholder{ color: red; } }
input::-webkit-input-placeholder { color: red; } input::-moz-placeholder { color: red; } input:-ms-input-placeholder { color: red; } input::-ms-input-placeholder { color: red; } input::placeholder { color: red; }
MDN
Почищу в следующем апдейте
Миксин Placeholder в файле
/dev/static/styles/utils/mixins.scss
не работает.Код Миксина:
SCSS:
CSS:
И из-за пробела после
input
код получается не рабочим, хоть валидаторы и не ругаются..Но если не использовать миксин и воспользоваться псевдоэлементом
::placeholder
, то при компиляции автопрефиксер заменит все, как надо:SCSS:
CSS:
MDN