1. postcss-alias
PostCSS plugin that lets you create custom aliases for CSS properties with an @rule
postcss-alias
Package: postcss-alias
Created by: seaneking
Last modified: Fri, 24 Jun 2022 09:23:16 GMT
Version: 2.0.0
License: MIT
Downloads: 30,759
Repository: https://github.com/seaneking/postcss-alias

Install

npm install postcss-alias
yarn add postcss-alias

PostCSS Alias

NPM version Build Status Dependency Status

PostCSS plugin that lets you create custom aliases for CSS properties with an @alias rule.

Part of Rucksack - CSS Superpowers.

Input

 @alias {
  fs: font-size;
  bg: background;
}

.aliased {
  fs: 16px;
  bg: white;
}

Output

 .aliased {
  font-size: 16px;
  background: white;
}

Note: Aliases in property values (eg: transition: bg 200ms) are not supported

Usage

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

See PostCSS docs for examples for your environment.


MIT © Sean King

Dependencies

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