feat: add support for the new background origin utils

Fixes #241
muhammadsammy · Jun 17, 2021 · 04d7d9f · 04d7d9f
1 parent f7281e9
commit 04d7d9f
Show file tree

Hide file tree

Showing 4 changed files with 100 additions and 97 deletions.
diff --git a/package.json b/package.json
@@ -92,8 +92,8 @@
     "rollup-plugin-terser": "^7.0.2",
     "semver": "^7.3.2",
     "standard-version": "^9.1.0",
-    "tailwindcss": "^2.1.2",
+    "tailwindcss": "^2.2.0",
     "ts-jest": "~26.5.1",
-    "typescript": "^4.1.3"
+    "typescript": "^4.3.4"
   }
 }
diff --git a/src/cli/lib/defaultTailwindConfig.ts b/src/cli/lib/defaultTailwindConfig.ts
@@ -844,6 +844,7 @@ export const defaultTailwindConfig = {
     backgroundPosition: ['responsive'],
     backgroundRepeat: ['responsive'],
     backgroundSize: ['responsive'],
+    backgroundOrigin: ['responsive'],
     blur: ['responsive'],
     borderCollapse: ['responsive'],
     borderColor: ['responsive', 'dark', 'group-hover', 'focus-within', 'hover', 'focus'],

diff --git a/src/cli/lib/non-configurable/backgrounds.ts b/src/cli/lib/non-configurable/backgrounds.ts
@@ -2,6 +2,8 @@ const backgroundAttachment = ['bg-fixed', 'bg-local', 'bg-scroll'];
 
 const backgroundClip = ['bg-clip-border', 'bg-clip-padding', 'bg-clip-content', 'bg-clip-text'];
 
+const backgroundOrigin = ['bg-origin-border', 'bg-origin-padding', 'bg-origin-content'];
+
 const backgroundRepeat = [
   'bg-repeat',
   'bg-no-repeat',
@@ -14,5 +16,6 @@ const backgroundRepeat = [
 export default {
   backgroundAttachment,
   backgroundClip,
+  backgroundOrigin,
   backgroundRepeat,
 };