Init repository

Author: hacknug

.gitignore

@@ -0,0 +1,2 @@
+.DS_STORE
+node_modules

index.js

@@ -0,0 +1,44 @@
+module.exports = function (variants) {
+  return function ({ addUtilities }) {
+    addUtilities(
+      {
+        // Background
+
+        // Background Attachment
+        '.bg-scroll': { backgroundAttachment: 'scroll' },
+        '.bg-fixed': { backgroundAttachment: 'fixed' },
+        '.bg-local': { backgroundAttachment: 'local' },
+
+        // Background Clip
+        '.bg-clip-border': { backgroundClip: 'border-box' },
+        '.bg-clip-padding': { backgroundClip: 'padding-box' },
+        '.bg-clip-content': { backgroundClip: 'content-box' },
+        '.bg-clip-text': { backgroundClip: 'text' },
+
+        // Background Color
+        // Background Image
+
+        // Background Origin
+        '.bg-origin-border': { backgroundOrigin: 'border-box' },
+        '.bg-origin-padding': { backgroundOrigin: 'padding-box' },
+        '.bg-origin-content': { backgroundOrigin: 'content-box' },
+
+        // Background Position
+        // Background Position X
+        // Background Position Y
+
+        // Background Repeat
+        // '.bg-repeat-x': { backgroundRepeat: 'repeat-x' },
+        // '.bg-repeat-y': { backgroundRepeat: 'repeat-y' },
+        // '.bg-repeat': { backgroundRepeat: 'repeat' },
+        '.bg-space': { backgroundRepeat: 'space' },
+        '.bg-round': { backgroundRepeat: 'round' },
+        // '.bg-no-repeat': { backgroundRepeat: 'no-repeat' },
+
+        // Background Size
+
+      },
+      variants
+    )
+  }
+}

package.json

@@ -0,0 +1,27 @@
+{
+  "name": "tailwindcss-background-extended",
+  "version": "0.1.0",
+  "description": "This plugin adds all of the missing background utilities to Tailwind CSS.",
+  "license": "MIT",
+  "main": "index.js",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/hacknug/tailwindcss-background-extended.git"
+  },
+  "keywords": [
+    "tailwind",
+    "tailwindcss",
+    "tailwind css",
+    "tailwindcss-plugin",
+    "plugin"
+  ],
+  "author": {
+    "name" : "Nestor Vera",
+    "email" : "nestorvera@me.com",
+    "url" : "https://nestor.rip/"
+  },
+  "bugs": {
+    "url": "https://github.com/hacknug/tailwindcss-background-extended/issues"
+  },
+  "homepage": "https://github.com/hacknug/tailwindcss-background-extended#readme"
+}

readme.md

@@ -0,0 +1,43 @@
+# Tailwind CSS Background Extended Plugin
+
+This plugin adds all of the missing background utilities to Tailwind CSS.
+
+## Installation
+
+Add this plugin to your project:
+
+```bash
+# Install using npm
+npm install --save-dev tailwindcss-background-extended
+
+# Install using yarn
+yarn add -D tailwindcss-background-extended
+```
+
+## Notes
+
+I will be adding support for creating classes for `background-image`, `background-position` and `background-size` soon-ish. Feel free to open an issue if you need it before I get to it.
+
+## Usage
+
+```js
+require('tailwindcss-background-extended')(['responsive'])
+```
+
+```css
+.bg-scroll { background-attachment: scroll; }
+.bg-fixed { background-attachment: fixed; }
+.bg-local { background-attachment: local; }
+
+.bg-clip-border { background-clip: border-box; }
+.bg-clip-padding { background-clip: padding-box; }
+.bg-clip-content { background-clip: content-box; }
+.bg-clip-text { background-clip: text; }
+
+.bg-origin-border { background-origin: border-box; }
+.bg-origin-padding { background-origin: padding-box; }
+.bg-origin-content { background-origin: content-box; }
+
+.bg-space { background-repeat: space; }
+.bg-round { background-repeat: round; }
+```