PostCSS Property Shorthand 
PostCSS plugin for short definition of user default properties using variables.
.foo {
transition: ;
}.foo {
transition: $transition;
}Usage
postcss([ require('postcss-property-shorthand') ])See PostCSS docs for examples for your environment.
Options
syntax
Type: css, scss, less
Default: ``
Manage type of variables
Using stylus (default) variable
postcss([
require('postcss-property-shorthand')
])/* input */
.foo {
transition: ;
}/* output */
.foo {
transition: transition;
}Using scss variable
postcss([
require('postcss-property-shorthand')({
syntax: 'scss'
})
])/* input */
.foo {
transition: ;
}/* output */
.foo {
transition: $transition;
}Using css custom property
postcss([
require('postcss-property-shorthand')({
syntax: 'css'
})
])/* input */
.foo {
transition: ;
}/* output */
.foo {
transition: var(--transition);
}