Init repository

Author: hacknug

index.js

@@ -0,0 +1,15 @@
+module.exports = function (variants) {
+  return function ({ addUtilities }) {
+    addUtilities(
+      {
+        // Image Rendering
+        'rendering-auto': { imageRendering: 'auto' },
+        // 'rendering-smooth': { imageRendering: 'smooth' },
+        // 'rendering-high-quality': { imageRendering: 'high-quality' },
+        'rendering-crisp-edges': { imageRendering: 'crisp-edges' },
+        'rendering-pixelated': { imageRendering: 'pixelated' },
+      },
+      variants
+    )
+  }
+}

package.json

@@ -0,0 +1,23 @@
+{
+  "name": "tailwindcss-image-rendering",
+  "version": "0.1.0",
+  "description": "Describe what this plugin does",
+  "main": "index.js",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/hacknug/tailwindcss-image-rendering.git"
+  },
+  "keywords": [
+    "tailwind",
+    "tailwindcss",
+    "tailwind css",
+    "tailwindcss-plugin",
+    "plugin"
+  ],
+  "author": "Nestor Vera <nestorvera@me.com> (https://nestor.rip)",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/hacknug/tailwindcss-image-rendering/issues"
+  },
+  "homepage": "https://github.com/hacknug/tailwindcss-image-rendering#readme"
+}

readme.md

@@ -0,0 +1,27 @@
+# Tailwind CSS Image Rendering Plugin
+
+This plugin adds utilities to use image-rendering with Tailwind CSS.
+
+## Installation
+
+Add this plugin to your project:
+
+```bash
+# Install using npm
+npm install --save-dev tailwindcss-image-rendering
+
+# Install using yarn
+yarn add -D tailwindcss-image-rendering
+```
+
+## Usage
+
+```js
+require('tailwindcss-image-rendering')(['responsive'])
+```
+
+```css
+.rendering-auto { image-rendering: auto; }
+.rendering-crisp-edges { image-rendering: crisp-edges; }
+.rendering-pixelated { image-rendering: pixelated; }
+```