Package Exports

postcss-color-emoji

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (postcss-color-emoji) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

PostCSS Color Emoji

✏ Emoji in full color!

/* Input */
.example {
  font-family: color-emoji;
}

/* Output */
.example {
  font-family: 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}

Check out the visual test.

Install

# npm
npm install --save-dev postcss-color-emoji

# or yarn
yarn add --dev postcss-color-emoji

Usage

Add it to your PostCSS work-flow, whatever way you choose to.

// Using a postcss.config.js
const colorEmoji = require('postcss-color-emoji');

module.exports = {
  plugins: [
    colorEmoji
  ]
};

Then use the color-emoji font-family name where ever you need it.

.one {
  font-family: sans-serif, color-emoji;
}

/* Using custom properties */
:root {
  --emoji: color-emoji;
}

.two {
  font: var(--emoji);
}

Credits

Nick Galbreath for his article on the CSS Color emoji stack
Mark Dotto for his piece on shipping system fonts to GitHub.com

postcss-color-emoji