1. postcss-hexrgba
PostCSS plugin that adds shorthand hex methods to rgba() values
postcss-hexrgba
Package: postcss-hexrgba
Created by: seaneking
Last modified: Sun, 10 Jul 2022 23:50:58 GMT
Version: 2.1.0
License: MIT
Downloads: 200,231
Repository: https://github.com/seaneking/postcss-hexrgba

Install

npm install postcss-hexrgba
yarn add postcss-hexrgba

PostCSS HexRGBA

NPM version Downloads Build Status

PostCSS plugin that adds shorthand hex methods to rgba() values.

Part of Rucksack - CSS Superpowers

Input

 .foo {
  color: rgba(#0fab53, 0.8)
}

.bar {
  background: linear-gradient(rgba(#fff, .1), rgba(#fff, .2));
}

Output

 .foo {
  color: rgba(15,171,83, 0.8)
}

.bar {
  background: linear-gradient(rgba(255,255,255, .1), rgba(255,255,255, .2));
}

Usage

 postcss([ require('postcss-hexrgba') ])

See PostCSS docs for examples for your environment.


MIT © Sean King

RELATED POST

10 Must-Know Windows Shortcuts That Will Save You Time

10 Must-Know Windows Shortcuts That Will Save You Time

Arrays vs Linked Lists: Which is Better for Memory Management in Data Structures?

Arrays vs Linked Lists: Which is Better for Memory Management in Data Structures?

Navigating AWS Networking: Essential Hacks for Smooth Operation

Navigating AWS Networking: Essential Hacks for Smooth Operation

Achieving Stunning Visuals with Unity's Global Illumination

Achieving Stunning Visuals with Unity's Global Illumination

Nim's Hidden Gems: Lesser-known Features for Writing Efficient Code

Nim's Hidden Gems: Lesser-known Features for Writing Efficient Code