postcss-propro

PostCSS Propro

PostCSS plugin adds and extends some properties

box

// input
.foo {
  box: 100%;
  min-box: 5rem 2rem;
  max-box: 10rem 20vh;
}

// output
.foo {
  with: 100%;
  height: auto;
  min-width: 5rem;
  min-height: 2rem;
  max-width: 10rem;
  max-height: 20vh;
}

arrow

// input
.foo {
  arrow: top-left 20px #f0f;
}

btn

// input
.foo {
  btn: 10rem 4rem 0.5rem #00e;
}

font-cc

// input
.foo {
  font-cc: 2rem;
}

font-hidden

// input
.foo {
  font-hidden: 1;
}

position

// input
.foo {
  position: fixed 0;
}

position-cc

// input
.foo {
  position-cc: 10rem 4rem;
}

spread

// input
.foo {
  spread: top-bottom #da3;
}

Plugins

• box

Usage

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

See PostCSS docs for examples for your environment.