postcss-color-hex-alpha
    TypeScript icon, indicating that this package has built-in type declarations

    8.0.2 • Public • Published

    PostCSS Color Hex Alpha PostCSS

    NPM Version CSS Standard Status Build Status Support Chat

    PostCSS Color Hex Alpha lets you use 4 & 8 character hex color notation in CSS, following the CSS Color Module specification.

    'Can I use' table

    body {
      background: #9d9c;
    }
    
    /* becomes */
    
    body {
      background: rgba(153, 221, 153, 0.8);
    }

    Usage

    Add PostCSS Color Hex Alpha to your project:

    npm install postcss-color-hex-alpha --save-dev

    Use PostCSS Color Hex Alpha as a PostCSS plugin:

    const postcss = require('postcss');
    const postcssColorHexAlpha = require('postcss-color-hex-alpha');
    
    postcss([
      postcssColorHexAlpha(/* pluginOptions */)
    ]).process(YOUR_CSS /*, processOptions */);

    PostCSS Color Hex Alpha runs in all Node environments, with special instructions for:

    Node PostCSS CLI Webpack Create React App Gulp Grunt

    Options

    preserve

    The preserve option determines whether 4 & 8 character hex color notation should be preserved in their original form. By default, these are not preserved.

    postcssColorHexAlpha({
      preserve: true
    });
    body {
      background: #9d9c;
    }
    
    /* becomes */
    
    body {
      background: rgba(153, 221, 153, 0.8);
      background: #9d9c;
    }

    Install

    npm i postcss-color-hex-alpha

    DownloadsWeekly Downloads

    6,044,427

    Version

    8.0.2

    License

    MIT

    Unpacked Size

    9.3 kB

    Total Files

    7

    Last publish

    Collaborators

    • alaguna
    • jonathantneal
    • moox
    • semigradsky