@fela-next/fela-plugin-placeholder-prefixer v12.0.3

fela-plugin-placeholder-prefixer

Adds prefixes to ::placeholder pseudo elements.

Installation

yarn add fela-plugin-placeholder-prefixer

You may alternatively use npm i --save fela-plugin-placeholder-prefixer.

Usage

Make sure to read the documentation on how to use plugins.

import { createRenderer } from '@fela-next/fela'
import placeholderPrefixer from '@fela-next/fela-plugin-placeholder-prefixer'

const renderer = createRenderer({
  plugins: [ placeholderPrefixer() ]
})

Example

Input

{
  color: 'red',
  '::placeholder': {
    color: 'green'
  }
}

Output

{
  color: 'red',
  '::-webkit-input-placeholder': {
    color: 'green'
  },
  '::-moz-placeholder': {
    color: 'green'
  },
  ':-ms-input-placeholder': {
    color: 'green'
  },
  ':-moz-placeholder': {
    color: 'green'
  }
  '::placeholder': {
    color: 'green'
  }
}

License

Fela is licensed under the MIT License. Documentation is licensed under Creative Common License. Created with ♥ by @robinweser and all the great contributors.