Merge branch 'feature/extended-rotate-skew' into release/1.11.0

ben-rogerson · Oct 15, 2020 · 74d2916 · 74d2916
2 parents 44d55c5 + 5b9dbef
commit 74d2916
Show file tree

Hide file tree

Showing 2 changed files with 108 additions and 18 deletions.
diff --git a/__fixtures__/transforms.js b/__fixtures__/transforms.js
@@ -34,12 +34,22 @@ tw`scale-y-150`
 
 // https://tailwindcss.com/docs/rotate
 tw`rotate-0`
+tw`rotate-1`
+tw`rotate-2`
+tw`rotate-3`
+tw`rotate-6`
+tw`rotate-12`
 tw`rotate-45`
 tw`rotate-90`
 tw`rotate-180`
-tw`-rotate-180`
-tw`-rotate-90`
+tw`-rotate-1`
+tw`-rotate-2`
+tw`-rotate-3`
+tw`-rotate-6`
+tw`-rotate-12`
 tw`-rotate-45`
+tw`-rotate-90`
+tw`-rotate-180`
 
 // https://tailwindcss.com/docs/translate
 tw`translate-x-0`
@@ -127,19 +137,27 @@ tw`translate-y-full`
 
 // https://tailwindcss.com/docs/skew
 tw`skew-x-0`
+tw`skew-x-1`
+tw`skew-x-2`
 tw`skew-x-3`
 tw`skew-x-6`
 tw`skew-x-12`
-tw`-skew-x-12`
-tw`-skew-x-6`
+tw`-skew-x-1`
+tw`-skew-x-2`
 tw`-skew-x-3`
+tw`-skew-x-6`
+tw`-skew-x-12`
 tw`skew-y-0`
+tw`skew-y-1`
+tw`skew-y-2`
 tw`skew-y-3`
 tw`skew-y-6`
 tw`skew-y-12`
-tw`-skew-y-12`
-tw`-skew-y-6`
+tw`-skew-y-1`
+tw`-skew-y-2`
 tw`-skew-y-3`
+tw`-skew-y-6`
+tw`-skew-y-12`
 
 // https://tailwindcss.com/docs/transform-origin
 tw`origin-center`

diff --git a/__snapshots__/plugin.test.js.snap b/__snapshots__/plugin.test.js.snap
@@ -11021,12 +11021,22 @@ tw\`scale-y-150\`
 
 // https://tailwindcss.com/docs/rotate
 tw\`rotate-0\`
+tw\`rotate-1\`
+tw\`rotate-2\`
+tw\`rotate-3\`
+tw\`rotate-6\`
+tw\`rotate-12\`
 tw\`rotate-45\`
 tw\`rotate-90\`
 tw\`rotate-180\`
-tw\`-rotate-180\`
-tw\`-rotate-90\`
+tw\`-rotate-1\`
+tw\`-rotate-2\`
+tw\`-rotate-3\`
+tw\`-rotate-6\`
+tw\`-rotate-12\`
 tw\`-rotate-45\`
+tw\`-rotate-90\`
+tw\`-rotate-180\`
 
 // https://tailwindcss.com/docs/translate
 tw\`translate-x-0\`
@@ -11114,19 +11124,27 @@ tw\`translate-y-full\`
 
 // https://tailwindcss.com/docs/skew
 tw\`skew-x-0\`
+tw\`skew-x-1\`
+tw\`skew-x-2\`
 tw\`skew-x-3\`
 tw\`skew-x-6\`
 tw\`skew-x-12\`
-tw\`-skew-x-12\`
-tw\`-skew-x-6\`
+tw\`-skew-x-1\`
+tw\`-skew-x-2\`
 tw\`-skew-x-3\`
+tw\`-skew-x-6\`
+tw\`-skew-x-12\`
 tw\`skew-y-0\`
+tw\`skew-y-1\`
+tw\`skew-y-2\`
 tw\`skew-y-3\`
 tw\`skew-y-6\`
 tw\`skew-y-12\`
-tw\`-skew-y-12\`
-tw\`-skew-y-6\`
+tw\`-skew-y-1\`
+tw\`-skew-y-2\`
 tw\`-skew-y-3\`
+tw\`-skew-y-6\`
+tw\`-skew-y-12\`
 
 // https://tailwindcss.com/docs/transform-origin
 tw\`origin-center\`
@@ -11248,6 +11266,21 @@ tw\`transform\`
 ;({
   '--transform-rotate': '0',
 })
+;({
+  '--transform-rotate': '1deg',
+})
+;({
+  '--transform-rotate': '2deg',
+})
+;({
+  '--transform-rotate': '3deg',
+})
+;({
+  '--transform-rotate': '6deg',
+})
+;({
+  '--transform-rotate': '12deg',
+})
 ;({
   '--transform-rotate': '45deg',
 })
@@ -11258,13 +11291,28 @@ tw\`transform\`
   '--transform-rotate': '180deg',
 })
 ;({
-  '--transform-rotate': '-180deg',
+  '--transform-rotate': '-1deg',
 })
 ;({
-  '--transform-rotate': '-90deg',
+  '--transform-rotate': '-2deg',
+})
+;({
+  '--transform-rotate': '-3deg',
+})
+;({
+  '--transform-rotate': '-6deg',
+})
+;({
+  '--transform-rotate': '-12deg',
 })
 ;({
   '--transform-rotate': '-45deg',
+})
+;({
+  '--transform-rotate': '-90deg',
+})
+;({
+  '--transform-rotate': '-180deg',
 }) // https://tailwindcss.com/docs/translate
 
 ;({
@@ -11517,6 +11565,12 @@ tw\`transform\`
 ;({
   '--transform-skew-x': '0',
 })
+;({
+  '--transform-skew-x': '1deg',
+})
+;({
+  '--transform-skew-x': '2deg',
+})
 ;({
   '--transform-skew-x': '3deg',
 })
@@ -11527,17 +11581,29 @@ tw\`transform\`
   '--transform-skew-x': '12deg',
 })
 ;({
-  '--transform-skew-x': '-12deg',
+  '--transform-skew-x': '-1deg',
 })
 ;({
-  '--transform-skew-x': '-6deg',
+  '--transform-skew-x': '-2deg',
 })
 ;({
   '--transform-skew-x': '-3deg',
 })
+;({
+  '--transform-skew-x': '-6deg',
+})
+;({
+  '--transform-skew-x': '-12deg',
+})
 ;({
   '--transform-skew-y': '0',
 })
+;({
+  '--transform-skew-y': '1deg',
+})
+;({
+  '--transform-skew-y': '2deg',
+})
 ;({
   '--transform-skew-y': '3deg',
 })
@@ -11548,13 +11614,19 @@ tw\`transform\`
   '--transform-skew-y': '12deg',
 })
 ;({
-  '--transform-skew-y': '-12deg',
+  '--transform-skew-y': '-1deg',
 })
 ;({
-  '--transform-skew-y': '-6deg',
+  '--transform-skew-y': '-2deg',
 })
 ;({
   '--transform-skew-y': '-3deg',
+})
+;({
+  '--transform-skew-y': '-6deg',
+})
+;({
+  '--transform-skew-y': '-12deg',
 }) // https://tailwindcss.com/docs/transform-origin
 
 ;({