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
stylus
(default) variable
Using postcss([
require('postcss-property-shorthand')
])
/* input */
.foo {
transition: ;
}
/* output */
.foo {
transition: transition;
}
scss
variable
Using postcss([
require('postcss-property-shorthand')({
syntax: 'scss'
})
])
/* input */
.foo {
transition: ;
}
/* output */
.foo {
transition: $transition;
}
css
custom property
Using postcss([
require('postcss-property-shorthand')({
syntax: 'css'
})
])
/* input */
.foo {
transition: ;
}
/* output */
.foo {
transition: var(--transition);
}