All Projects → postcss → postcss-size

postcss / postcss-size

Licence: MIT license
PostCSS plugin for size shortcut

Programming Languages

javascript
184084 projects - #8 most used programming language

PostCSS Size

PostCSS plugin for size shortcut to set width and height properties.

.two {
  size: 20px 10px;
}
.one {
  size: 10px;
}
.two {
  width: 20px;
  height: 10px;
}
.one {
  width: 10px;
  height: 10px;
}
Sponsored by Evil Martians

Usage

Step 1: Install plugin:

npm install --save-dev postcss postcss-size

Step 2: Check you project for existed PostCSS config: postcss.config.js in the project root, "postcss" section in package.json or postcss in bundle config.

If you do not use PostCSS, add it according to official docs and set this plugin in settings.

Step 3: Add the plugin to plugins list:

module.exports = {
  plugins: [
+   require('postcss-size'),
    require('autoprefixer')
  ]
}
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].