postcss-keywords
v2.0.0
Published
[![NPM Version][npm-img]][npm-url] [![Build Status][cli-img]][cli-url] [![Support Chat][git-img]][git-url]
Downloads
7
Maintainers
Readme
PostCSS Keywords
PostCSS Keywords lets you create custom keywords which can be used in declarations.
@keyword small {
value: 24px;
property: padding, margin;
}
@keyword small {
value: 16px;
property: font-size;
}
@keyword medium {
value: 40px;
property: padding, margin;
}
.example {
font-size: small;
padding: small medium;
margin: small;
}
Outputs:
.example {
font-size: 16px;
padding: 24px 40px;
margin: 24px;
}
Setup
Add it to your project:
npm install postcss-keywords --save-dev