postcss-color-shorthand

Use this in CSS

Usage no npm install needed!

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

A PostCSS plugin which allows you to define all color properties in one go.

.example {
  color: white red blue;
}

Outputs:

.example {
  color: white;
  background-color: red;
  border-color: blue;
}

Add it to your project:

npm install postcss-color-shorthand --save-dev