Merge pull request #1280 from tailwindcss/shadow-sm

adamwathan · web-flow · commit b8d0870ab41a · 2020-01-08T10:57:23.000-05:00
Add `shadow-sm`
diff --git a/__tests__/fixtures/tailwind-output-important.css b/__tests__/fixtures/tailwind-output-important.css
@@ -6761,6 +6761,10 @@ video {
   resize: both !important;
 }
 
+.shadow-sm {
+  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.04) !important;
+}
+
 .shadow {
   box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;
 }
@@ -6793,6 +6797,10 @@ video {
   box-shadow: none !important;
 }
 
+.hover\:shadow-sm:hover {
+  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.04) !important;
+}
+
 .hover\:shadow:hover {
   box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;
 }
@@ -6825,6 +6833,10 @@ video {
   box-shadow: none !important;
 }
 
+.focus\:shadow-sm:focus {
+  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.04) !important;
+}
+
 .focus\:shadow:focus {
   box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;
 }
@@ -16528,6 +16540,10 @@ video {
     resize: both !important;
   }
 
+  .sm\:shadow-sm {
+    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.04) !important;
+  }
+
   .sm\:shadow {
     box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;
   }
@@ -16560,6 +16576,10 @@ video {
     box-shadow: none !important;
   }
 
+  .sm\:hover\:shadow-sm:hover {
+    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.04) !important;
+  }
+
   .sm\:hover\:shadow:hover {
     box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;
   }
@@ -16592,6 +16612,10 @@ video {
     box-shadow: none !important;
   }
 
+  .sm\:focus\:shadow-sm:focus {
+    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.04) !important;
+  }
+
   .sm\:focus\:shadow:focus {
     box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;
   }
@@ -26296,6 +26320,10 @@ video {
     resize: both !important;
   }
 
+  .md\:shadow-sm {
+    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.04) !important;
+  }
+
   .md\:shadow {
     box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;
   }
@@ -26328,6 +26356,10 @@ video {
     box-shadow: none !important;
   }
 
+  .md\:hover\:shadow-sm:hover {
+    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.04) !important;
+  }
+
   .md\:hover\:shadow:hover {
     box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;
   }
@@ -26360,6 +26392,10 @@ video {
     box-shadow: none !important;
   }
 
+  .md\:focus\:shadow-sm:focus {
+    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.04) !important;
+  }
+
   .md\:focus\:shadow:focus {
     box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;
   }
@@ -36064,6 +36100,10 @@ video {
     resize: both !important;
   }
 
+  .lg\:shadow-sm {
+    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.04) !important;
+  }
+
   .lg\:shadow {
     box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;
   }
@@ -36096,6 +36136,10 @@ video {
     box-shadow: none !important;
   }
 
+  .lg\:hover\:shadow-sm:hover {
+    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.04) !important;
+  }
+
   .lg\:hover\:shadow:hover {
     box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;
   }
@@ -36128,6 +36172,10 @@ video {
     box-shadow: none !important;
   }
 
+  .lg\:focus\:shadow-sm:focus {
+    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.04) !important;
+  }
+
   .lg\:focus\:shadow:focus {
     box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;
   }
@@ -45832,6 +45880,10 @@ video {
     resize: both !important;
   }
 
+  .xl\:shadow-sm {
+    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.04) !important;
+  }
+
   .xl\:shadow {
     box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;
   }
@@ -45864,6 +45916,10 @@ video {
     box-shadow: none !important;
   }
 
+  .xl\:hover\:shadow-sm:hover {
+    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.04) !important;
+  }
+
   .xl\:hover\:shadow:hover {
     box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;
   }
@@ -45896,6 +45952,10 @@ video {
     box-shadow: none !important;
   }
 
+  .xl\:focus\:shadow-sm:focus {
+    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.04) !important;
+  }
+
   .xl\:focus\:shadow:focus {
     box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;
   }
diff --git a/__tests__/fixtures/tailwind-output.css b/__tests__/fixtures/tailwind-output.css
@@ -6761,6 +6761,10 @@ video {
   resize: both;
 }
 
+.shadow-sm {
+  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.04);
+}
+
 .shadow {
   box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
 }
@@ -6793,6 +6797,10 @@ video {
   box-shadow: none;
 }
 
+.hover\:shadow-sm:hover {
+  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.04);
+}
+
 .hover\:shadow:hover {
   box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
 }
@@ -6825,6 +6833,10 @@ video {
   box-shadow: none;
 }
 
+.focus\:shadow-sm:focus {
+  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.04);
+}
+
 .focus\:shadow:focus {
   box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
 }
@@ -16528,6 +16540,10 @@ video {
     resize: both;
   }
 
+  .sm\:shadow-sm {
+    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.04);
+  }
+
   .sm\:shadow {
     box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
   }
@@ -16560,6 +16576,10 @@ video {
     box-shadow: none;
   }
 
+  .sm\:hover\:shadow-sm:hover {
+    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.04);
+  }
+
   .sm\:hover\:shadow:hover {
     box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
   }
@@ -16592,6 +16612,10 @@ video {
     box-shadow: none;
   }
 
+  .sm\:focus\:shadow-sm:focus {
+    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.04);
+  }
+
   .sm\:focus\:shadow:focus {
     box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
   }
@@ -26296,6 +26320,10 @@ video {
     resize: both;
   }
 
+  .md\:shadow-sm {
+    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.04);
+  }
+
   .md\:shadow {
     box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
   }
@@ -26328,6 +26356,10 @@ video {
     box-shadow: none;
   }
 
+  .md\:hover\:shadow-sm:hover {
+    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.04);
+  }
+
   .md\:hover\:shadow:hover {
     box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
   }
@@ -26360,6 +26392,10 @@ video {
     box-shadow: none;
   }
 
+  .md\:focus\:shadow-sm:focus {
+    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.04);
+  }
+
   .md\:focus\:shadow:focus {
     box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
   }
@@ -36064,6 +36100,10 @@ video {
     resize: both;
   }
 
+  .lg\:shadow-sm {
+    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.04);
+  }
+
   .lg\:shadow {
     box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
   }
@@ -36096,6 +36136,10 @@ video {
     box-shadow: none;
   }
 
+  .lg\:hover\:shadow-sm:hover {
+    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.04);
+  }
+
   .lg\:hover\:shadow:hover {
     box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
   }
@@ -36128,6 +36172,10 @@ video {
     box-shadow: none;
   }
 
+  .lg\:focus\:shadow-sm:focus {
+    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.04);
+  }
+
   .lg\:focus\:shadow:focus {
     box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
   }
@@ -45832,6 +45880,10 @@ video {
     resize: both;
   }
 
+  .xl\:shadow-sm {
+    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.04);
+  }
+
   .xl\:shadow {
     box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
   }
@@ -45864,6 +45916,10 @@ video {
     box-shadow: none;
   }
 
+  .xl\:hover\:shadow-sm:hover {
+    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.04);
+  }
+
   .xl\:hover\:shadow:hover {
     box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
   }
@@ -45896,6 +45952,10 @@ video {
     box-shadow: none;
   }
 
+  .xl\:focus\:shadow-sm:focus {
+    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.04);
+  }
+
   .xl\:focus\:shadow:focus {
     box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
   }
diff --git a/stubs/defaultConfig.stub.js b/stubs/defaultConfig.stub.js
@@ -184,6 +184,7 @@ module.exports = {
       '8': '8px',
     },
     boxShadow: {
+      sm: '0 1px 2px 0 rgba(0, 0, 0, 0.04)',
       default: '0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)',
       md: '0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)',
       lg: '0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)',

Original file line number	Diff line number	Diff line change
`@@ -6761,6 +6761,10 @@ video {`
`6761`	`6761`	`resize: both !important;`
`6762`	`6762`	`}`
`6763`	`6763`
	`6764`	`+.shadow-sm {`
	`6765`	`+ box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.04) !important;`
	`6766`	`+}`
	`6767`	`+`
`6764`	`6768`	`.shadow {`
`6765`	`6769`	`box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;`
`6766`	`6770`	`}`
`@@ -6793,6 +6797,10 @@ video {`
`6793`	`6797`	`box-shadow: none !important;`
`6794`	`6798`	`}`
`6795`	`6799`
	`6800`	`+.hover\:shadow-sm:hover {`
	`6801`	`+ box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.04) !important;`
	`6802`	`+}`
	`6803`	`+`
`6796`	`6804`	`.hover\:shadow:hover {`
`6797`	`6805`	`box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;`
`6798`	`6806`	`}`
`@@ -6825,6 +6833,10 @@ video {`
`6825`	`6833`	`box-shadow: none !important;`
`6826`	`6834`	`}`
`6827`	`6835`
	`6836`	`+.focus\:shadow-sm:focus {`
	`6837`	`+ box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.04) !important;`
	`6838`	`+}`
	`6839`	`+`
`6828`	`6840`	`.focus\:shadow:focus {`
`6829`	`6841`	`box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;`
`6830`	`6842`	`}`
`@@ -16528,6 +16540,10 @@ video {`
`16528`	`16540`	`resize: both !important;`
`16529`	`16541`	`}`
`16530`	`16542`
	`16543`	`+ .sm\:shadow-sm {`
	`16544`	`+ box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.04) !important;`
	`16545`	`+ }`
	`16546`	`+`
`16531`	`16547`	`.sm\:shadow {`
`16532`	`16548`	`box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;`
`16533`	`16549`	`}`
`@@ -16560,6 +16576,10 @@ video {`
`16560`	`16576`	`box-shadow: none !important;`
`16561`	`16577`	`}`
`16562`	`16578`
	`16579`	`+ .sm\:hover\:shadow-sm:hover {`
	`16580`	`+ box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.04) !important;`
	`16581`	`+ }`
	`16582`	`+`
`16563`	`16583`	`.sm\:hover\:shadow:hover {`
`16564`	`16584`	`box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;`
`16565`	`16585`	`}`
`@@ -16592,6 +16612,10 @@ video {`
`16592`	`16612`	`box-shadow: none !important;`
`16593`	`16613`	`}`
`16594`	`16614`
	`16615`	`+ .sm\:focus\:shadow-sm:focus {`
	`16616`	`+ box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.04) !important;`
	`16617`	`+ }`
	`16618`	`+`
`16595`	`16619`	`.sm\:focus\:shadow:focus {`
`16596`	`16620`	`box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;`
`16597`	`16621`	`}`
`@@ -26296,6 +26320,10 @@ video {`
`26296`	`26320`	`resize: both !important;`
`26297`	`26321`	`}`
`26298`	`26322`
	`26323`	`+ .md\:shadow-sm {`
	`26324`	`+ box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.04) !important;`
	`26325`	`+ }`
	`26326`	`+`
`26299`	`26327`	`.md\:shadow {`
`26300`	`26328`	`box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;`
`26301`	`26329`	`}`
`@@ -26328,6 +26356,10 @@ video {`
`26328`	`26356`	`box-shadow: none !important;`
`26329`	`26357`	`}`
`26330`	`26358`
	`26359`	`+ .md\:hover\:shadow-sm:hover {`
	`26360`	`+ box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.04) !important;`
	`26361`	`+ }`
	`26362`	`+`
`26331`	`26363`	`.md\:hover\:shadow:hover {`
`26332`	`26364`	`box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;`
`26333`	`26365`	`}`
`@@ -26360,6 +26392,10 @@ video {`
`26360`	`26392`	`box-shadow: none !important;`
`26361`	`26393`	`}`
`26362`	`26394`
	`26395`	`+ .md\:focus\:shadow-sm:focus {`
	`26396`	`+ box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.04) !important;`
	`26397`	`+ }`
	`26398`	`+`
`26363`	`26399`	`.md\:focus\:shadow:focus {`
`26364`	`26400`	`box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;`
`26365`	`26401`	`}`
`@@ -36064,6 +36100,10 @@ video {`
`36064`	`36100`	`resize: both !important;`
`36065`	`36101`	`}`
`36066`	`36102`
	`36103`	`+ .lg\:shadow-sm {`
	`36104`	`+ box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.04) !important;`
	`36105`	`+ }`
	`36106`	`+`
`36067`	`36107`	`.lg\:shadow {`
`36068`	`36108`	`box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;`
`36069`	`36109`	`}`
`@@ -36096,6 +36136,10 @@ video {`
`36096`	`36136`	`box-shadow: none !important;`
`36097`	`36137`	`}`
`36098`	`36138`
	`36139`	`+ .lg\:hover\:shadow-sm:hover {`
	`36140`	`+ box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.04) !important;`
	`36141`	`+ }`
	`36142`	`+`
`36099`	`36143`	`.lg\:hover\:shadow:hover {`
`36100`	`36144`	`box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;`
`36101`	`36145`	`}`
`@@ -36128,6 +36172,10 @@ video {`
`36128`	`36172`	`box-shadow: none !important;`
`36129`	`36173`	`}`
`36130`	`36174`
	`36175`	`+ .lg\:focus\:shadow-sm:focus {`
	`36176`	`+ box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.04) !important;`
	`36177`	`+ }`
	`36178`	`+`
`36131`	`36179`	`.lg\:focus\:shadow:focus {`
`36132`	`36180`	`box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;`
`36133`	`36181`	`}`
`@@ -45832,6 +45880,10 @@ video {`
`45832`	`45880`	`resize: both !important;`
`45833`	`45881`	`}`
`45834`	`45882`
	`45883`	`+ .xl\:shadow-sm {`
	`45884`	`+ box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.04) !important;`
	`45885`	`+ }`
	`45886`	`+`
`45835`	`45887`	`.xl\:shadow {`
`45836`	`45888`	`box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;`
`45837`	`45889`	`}`
`@@ -45864,6 +45916,10 @@ video {`
`45864`	`45916`	`box-shadow: none !important;`
`45865`	`45917`	`}`
`45866`	`45918`
	`45919`	`+ .xl\:hover\:shadow-sm:hover {`
	`45920`	`+ box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.04) !important;`
	`45921`	`+ }`
	`45922`	`+`
`45867`	`45923`	`.xl\:hover\:shadow:hover {`
`45868`	`45924`	`box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;`
`45869`	`45925`	`}`
`@@ -45896,6 +45952,10 @@ video {`
`45896`	`45952`	`box-shadow: none !important;`
`45897`	`45953`	`}`
`45898`	`45954`
	`45955`	`+ .xl\:focus\:shadow-sm:focus {`
	`45956`	`+ box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.04) !important;`
	`45957`	`+ }`
	`45958`	`+`
`45899`	`45959`	`.xl\:focus\:shadow:focus {`
`45900`	`45960`	`box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;`
`45901`	`45961`	`}`