JSFiddle - React, Tailwind, and code Playground

by austegard

HTML

<input id="foo" type="text" placeholder="some placeholder text">

SCSS

@mixin input-placeholder($color) {
    &.placeholder { color: $color }
    &:-moz-placeholder { color: $color }
    &::-webkit-input-placeholder {color: $color }
}

input {
    @include input-placeholder(#ff0000);
}