postcss-graeys

PostCSS plugin Converts all spelling of grey to grey to avoid breaking CSS properties.

Usage no npm install needed!

<script type="module">
  import postcssGraeys from 'https://cdn.skypack.dev/postcss-graeys';
</script>

README

postcss-graeys

A PostCSS plugin to fix the spelling of the color "grey" to prevent breaking CSS.

Properties supported:

Examples:

Using grey as a color:

p {
  color: dimgrey;
}

p {
  color: dimgray;
}

Use a greyscale filter:

img {
  filter: brightness(1.2) greyscale(50%); // breaks things :(
}

img {
  filter: brightness(1.2) grayscale(50%); // yay!!
}

So go ahead and write grey the way you want to!