Add transition-shadow, transition box-shadow in transition also

herry666 · Feb 1, 2020 · e0771bd · e0771bd
1 parent bb1e629
commit e0771bd
Show file tree

Hide file tree

Showing 3 changed files with 52 additions and 11 deletions.
diff --git a/__tests__/fixtures/tailwind-output-important.css b/__tests__/fixtures/tailwind-output-important.css
@@ -10327,7 +10327,7 @@ video {
 }
 
 .transition {
-  transition-property: background-color, border-color, color, fill, stroke, opacity,transform !important;
+  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform !important;
 }
 
 .transition-colors {
@@ -10338,6 +10338,10 @@ video {
   transition-property: opacity !important;
 }
 
+.transition-shadow {
+  transition-property: box-shadow !important;
+}
+
 .transition-transform {
   transition-property: transform !important;
 }
@@ -20118,7 +20122,7 @@ video {
   }
 
   .sm\:transition {
-    transition-property: background-color, border-color, color, fill, stroke, opacity,transform !important;
+    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform !important;
   }
 
   .sm\:transition-colors {
@@ -20129,6 +20133,10 @@ video {
     transition-property: opacity !important;
   }
 
+  .sm\:transition-shadow {
+    transition-property: box-shadow !important;
+  }
+
   .sm\:transition-transform {
     transition-property: transform !important;
   }
@@ -29910,7 +29918,7 @@ video {
   }
 
   .md\:transition {
-    transition-property: background-color, border-color, color, fill, stroke, opacity,transform !important;
+    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform !important;
   }
 
   .md\:transition-colors {
@@ -29921,6 +29929,10 @@ video {
     transition-property: opacity !important;
   }
 
+  .md\:transition-shadow {
+    transition-property: box-shadow !important;
+  }
+
   .md\:transition-transform {
     transition-property: transform !important;
   }
@@ -39702,7 +39714,7 @@ video {
   }
 
   .lg\:transition {
-    transition-property: background-color, border-color, color, fill, stroke, opacity,transform !important;
+    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform !important;
   }
 
   .lg\:transition-colors {
@@ -39713,6 +39725,10 @@ video {
     transition-property: opacity !important;
   }
 
+  .lg\:transition-shadow {
+    transition-property: box-shadow !important;
+  }
+
   .lg\:transition-transform {
     transition-property: transform !important;
   }
@@ -49494,7 +49510,7 @@ video {
   }
 
   .xl\:transition {
-    transition-property: background-color, border-color, color, fill, stroke, opacity,transform !important;
+    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform !important;
   }
 
   .xl\:transition-colors {
@@ -49505,6 +49521,10 @@ video {
     transition-property: opacity !important;
   }
 
+  .xl\:transition-shadow {
+    transition-property: box-shadow !important;
+  }
+
   .xl\:transition-transform {
     transition-property: transform !important;
   }

diff --git a/__tests__/fixtures/tailwind-output.css b/__tests__/fixtures/tailwind-output.css
@@ -10327,7 +10327,7 @@ video {
 }
 
 .transition {
-  transition-property: background-color, border-color, color, fill, stroke, opacity,transform;
+  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
 }
 
 .transition-colors {
@@ -10338,6 +10338,10 @@ video {
   transition-property: opacity;
 }
 
+.transition-shadow {
+  transition-property: box-shadow;
+}
+
 .transition-transform {
   transition-property: transform;
 }
@@ -20118,7 +20122,7 @@ video {
   }
 
   .sm\:transition {
-    transition-property: background-color, border-color, color, fill, stroke, opacity,transform;
+    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
   }
 
   .sm\:transition-colors {
@@ -20129,6 +20133,10 @@ video {
     transition-property: opacity;
   }
 
+  .sm\:transition-shadow {
+    transition-property: box-shadow;
+  }
+
   .sm\:transition-transform {
     transition-property: transform;
   }
@@ -29910,7 +29918,7 @@ video {
   }
 
   .md\:transition {
-    transition-property: background-color, border-color, color, fill, stroke, opacity,transform;
+    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
   }
 
   .md\:transition-colors {
@@ -29921,6 +29929,10 @@ video {
     transition-property: opacity;
   }
 
+  .md\:transition-shadow {
+    transition-property: box-shadow;
+  }
+
   .md\:transition-transform {
     transition-property: transform;
   }
@@ -39702,7 +39714,7 @@ video {
   }
 
   .lg\:transition {
-    transition-property: background-color, border-color, color, fill, stroke, opacity,transform;
+    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
   }
 
   .lg\:transition-colors {
@@ -39713,6 +39725,10 @@ video {
     transition-property: opacity;
   }
 
+  .lg\:transition-shadow {
+    transition-property: box-shadow;
+  }
+
   .lg\:transition-transform {
     transition-property: transform;
   }
@@ -49494,7 +49510,7 @@ video {
   }
 
   .xl\:transition {
-    transition-property: background-color, border-color, color, fill, stroke, opacity,transform;
+    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
   }
 
   .xl\:transition-colors {
@@ -49505,6 +49521,10 @@ video {
     transition-property: opacity;
   }
 
+  .xl\:transition-shadow {
+    transition-property: box-shadow;
+  }
+
   .xl\:transition-transform {
     transition-property: transform;
   }

diff --git a/stubs/defaultConfig.stub.js b/stubs/defaultConfig.stub.js
@@ -528,9 +528,10 @@ module.exports = {
     transitionProperty: {
       none: 'none',
       all: 'all',
-      default: 'background-color, border-color, color, fill, stroke, opacity,transform',
+      default: 'background-color, border-color, color, fill, stroke, opacity, box-shadow, transform',
       colors: 'background-color, border-color, color, fill, stroke',
       opacity: 'opacity',
+      shadow: 'box-shadow',
       transform: 'transform',
     },
     transitionTimingFunction: {