<commit_before># [postcss][postcss]-retina-bg-img

[![Build Status](https://travis-ci.org/alexlafroscia/postcss-retina-bg-img.svg?branch=master)][ci]
[![npm version](https://badge.fury.io/js/postcss-retina-bg-img.svg)](https://badge.fury.io/js/postcss-retina-bg-img)

> Automatically add retina background images to CSS selectors

## Install

With [npm](https://npmjs.org/package/postcss-retina-bg-img) do:

```
npm install postcss-retina-bg-img --save
```

## What does it do?

The idea of this plugin is to detect any background images in your CSS and, if a retina version of the same file is found, to automatically add that file within a retina-appropriate media query.

### Input

```css
.foo {
  background: url('/assets/images/foo.png');<commit_msg>docs: use CI status badge from GitHub Actions<commit_after># [postcss][postcss]-retina-bg-img

[![CI](https://github.com/alexlafroscia/postcss-retina-bg-img/workflows/CI/badge.svg)](https://github.com/alexlafroscia/postcss-retina-bg-img/actions?query=workflow%3ACI)
[![npm version](https://badge.fury.io/js/postcss-retina-bg-img.svg)](https://badge.fury.io/js/postcss-retina-bg-img)

> Automatically add retina background images to CSS selectors

## Install

With [npm](https://npmjs.org/package/postcss-retina-bg-img) do:

```
npm install postcss-retina-bg-img --save
```

## What does it do?

The idea of this plugin is to detect any background images in your CSS and, if a retina version of the same file is found, to automatically add that file within a retina-appropriate media query.

### Input

```css
.foo {
  background: url('/assets/images/foo.png');
{'fraction_non_alphanumeric': 0.15222772277227722, 'fraction_numerical': 0.0006188118811881188, 'mean_word_length': 4.614583333333333, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 5, 'https://': 9, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '6450705', 'n_tokens_mistral': 585, 'n_tokens_neox': 546, 'n_words': 137}