postcss-background-image-auto-size

A PostCSS plugin to add CSS rules `width` and `height` for `background-image` automatically.

Usage no npm install needed!

<script type="module">
  import postcssBackgroundImageAutoSize from 'https://cdn.skypack.dev/postcss-background-image-auto-size';
</script>

README

postcss-background-image-auto-size

A PostCSS plugin to add CSS rules width and height for background-image automatically.

Get Started

Installation

$ yarn add postcss-background-image-auto-size --dev

Usage

// postcss.config.js
const autoSize = require('postcss-background-image-auto-size');

module.exports = {
    plugins: [
        autoSize(),
    ],
};

Example

/* Before */
.logo {
    background-image: url('./images/logo.png');
}

/* After */
.logo {
    background-image: url('./images/logo.png');
    width: 400px;
    height: 400px;
}

License

Licensed under the MIT License