PostCSS plugin to add vertical and horizontal spacing shorthand.
.foo {
padding-vertical: 2rem;
margin-horizontal: auto;
}.foo {
padding-top: 2rem;
padding-bottom: 2rem;
margin-left: auto;
margin-right: auto;
}.foo {
padding-vert: 2rem;
margin-horz: auto;
}.foo {
padding-top: 2rem;
padding-bottom: 2rem;
margin-left: auto;
margin-right: auto;
}.bar {
ph: 30px;
mv: 100px;
}.bar {
padding-left: 30px;
padding-right: 30px;
margin-top: 100px;
margin-bottom: 100px;
}.baz {
padding-vert: 10px 15px;
margin-horz: 15px 21px;
}.baz {
padding-top: 10px;
padding-bottom: 15px;
margin-left: 15px;
margin-right: 21px;
}postcss([ require('postcss-verthorz') ])See PostCSS docs for examples for your environment.