postcss-exact-width

Gives you the exact width and height desired when applied to flex items

Usage no npm install needed!

<script type="module">
  import postcssExactWidth from 'https://cdn.skypack.dev/postcss-exact-width';
</script>

README

PostCSS Exact Width PostCSS Logo

NPM Version Build Status Windows Build Status Gitter Chat

Gives you the exact width and height desired when applied to flex items.

Example:

.example {
    width: 50%;
}

This will apply flex-grow: 0 only if the flex-direction is the same as the length being applied, or if both width and height are applied.

Setup

npm install postcss-gutters --save-dev