Merge pull request #2198 from tailwindlabs/bg-none

adamwathan · web-flow · commit d810a8ac1cd4 · 2020-08-20T10:48:13.000-04:00
Add bg-none utility
diff --git a/__tests__/fixtures/tailwind-output-flagged.css b/__tests__/fixtures/tailwind-output-flagged.css
@@ -4803,6 +4803,10 @@ video {
   background-color: rgba(117, 26, 61, var(--bg-opacity));
 }
 
+.bg-none {
+  background-image: none;
+}
+
 .bg-gradient-to-t {
   background-image: linear-gradient(to top, var(--gradient-color-stops));
 }
@@ -34320,6 +34324,10 @@ video {
     background-color: rgba(117, 26, 61, var(--bg-opacity));
   }
 
+  .sm\:bg-none {
+    background-image: none;
+  }
+
   .sm\:bg-gradient-to-t {
     background-image: linear-gradient(to top, var(--gradient-color-stops));
   }
@@ -63807,6 +63815,10 @@ video {
     background-color: rgba(117, 26, 61, var(--bg-opacity));
   }
 
+  .md\:bg-none {
+    background-image: none;
+  }
+
   .md\:bg-gradient-to-t {
     background-image: linear-gradient(to top, var(--gradient-color-stops));
   }
@@ -93294,6 +93306,10 @@ video {
     background-color: rgba(117, 26, 61, var(--bg-opacity));
   }
 
+  .lg\:bg-none {
+    background-image: none;
+  }
+
   .lg\:bg-gradient-to-t {
     background-image: linear-gradient(to top, var(--gradient-color-stops));
   }
@@ -122781,6 +122797,10 @@ video {
     background-color: rgba(117, 26, 61, var(--bg-opacity));
   }
 
+  .xl\:bg-none {
+    background-image: none;
+  }
+
   .xl\:bg-gradient-to-t {
     background-image: linear-gradient(to top, var(--gradient-color-stops));
   }
diff --git a/__tests__/fixtures/tailwind-output-ie11.css b/__tests__/fixtures/tailwind-output-ie11.css
@@ -2539,6 +2539,10 @@ video {
   background-color: #702459;
 }
 
+.bg-none {
+  background-image: none;
+}
+
 .bg-bottom {
   background-position: bottom;
 }
@@ -13001,6 +13005,10 @@ video {
     background-color: #702459;
   }
 
+  .sm\:bg-none {
+    background-image: none;
+  }
+
   .sm\:bg-bottom {
     background-position: bottom;
   }
@@ -23433,6 +23441,10 @@ video {
     background-color: #702459;
   }
 
+  .md\:bg-none {
+    background-image: none;
+  }
+
   .md\:bg-bottom {
     background-position: bottom;
   }
@@ -33865,6 +33877,10 @@ video {
     background-color: #702459;
   }
 
+  .lg\:bg-none {
+    background-image: none;
+  }
+
   .lg\:bg-bottom {
     background-position: bottom;
   }
@@ -44297,6 +44313,10 @@ video {
     background-color: #702459;
   }
 
+  .xl\:bg-none {
+    background-image: none;
+  }
+
   .xl\:bg-bottom {
     background-position: bottom;
   }
diff --git a/__tests__/fixtures/tailwind-output-important.css b/__tests__/fixtures/tailwind-output-important.css
@@ -3483,6 +3483,10 @@ video {
   background-color: rgba(112, 36, 89, var(--bg-opacity)) !important;
 }
 
+.bg-none {
+  background-image: none !important;
+}
+
 .bg-gradient-to-t {
   background-image: linear-gradient(to top, var(--gradient-color-stops)) !important;
 }
@@ -21545,6 +21549,10 @@ video {
     background-color: rgba(112, 36, 89, var(--bg-opacity)) !important;
   }
 
+  .sm\:bg-none {
+    background-image: none !important;
+  }
+
   .sm\:bg-gradient-to-t {
     background-image: linear-gradient(to top, var(--gradient-color-stops)) !important;
   }
@@ -39577,6 +39585,10 @@ video {
     background-color: rgba(112, 36, 89, var(--bg-opacity)) !important;
   }
 
+  .md\:bg-none {
+    background-image: none !important;
+  }
+
   .md\:bg-gradient-to-t {
     background-image: linear-gradient(to top, var(--gradient-color-stops)) !important;
   }
@@ -57609,6 +57621,10 @@ video {
     background-color: rgba(112, 36, 89, var(--bg-opacity)) !important;
   }
 
+  .lg\:bg-none {
+    background-image: none !important;
+  }
+
   .lg\:bg-gradient-to-t {
     background-image: linear-gradient(to top, var(--gradient-color-stops)) !important;
   }
@@ -75641,6 +75657,10 @@ video {
     background-color: rgba(112, 36, 89, var(--bg-opacity)) !important;
   }
 
+  .xl\:bg-none {
+    background-image: none !important;
+  }
+
   .xl\:bg-gradient-to-t {
     background-image: linear-gradient(to top, var(--gradient-color-stops)) !important;
   }
diff --git a/__tests__/fixtures/tailwind-output-no-color-opacity.css b/__tests__/fixtures/tailwind-output-no-color-opacity.css
@@ -2727,6 +2727,10 @@ video {
   background-color: #702459;
 }
 
+.bg-none {
+  background-image: none;
+}
+
 .bg-gradient-to-t {
   background-image: linear-gradient(to top, var(--gradient-color-stops));
 }
@@ -18341,6 +18345,10 @@ video {
     background-color: #702459;
   }
 
+  .sm\:bg-none {
+    background-image: none;
+  }
+
   .sm\:bg-gradient-to-t {
     background-image: linear-gradient(to top, var(--gradient-color-stops));
   }
@@ -33925,6 +33933,10 @@ video {
     background-color: #702459;
   }
 
+  .md\:bg-none {
+    background-image: none;
+  }
+
   .md\:bg-gradient-to-t {
     background-image: linear-gradient(to top, var(--gradient-color-stops));
   }
@@ -49509,6 +49521,10 @@ video {
     background-color: #702459;
   }
 
+  .lg\:bg-none {
+    background-image: none;
+  }
+
   .lg\:bg-gradient-to-t {
     background-image: linear-gradient(to top, var(--gradient-color-stops));
   }
@@ -65093,6 +65109,10 @@ video {
     background-color: #702459;
   }
 
+  .xl\:bg-none {
+    background-image: none;
+  }
+
   .xl\:bg-gradient-to-t {
     background-image: linear-gradient(to top, var(--gradient-color-stops));
   }
diff --git a/__tests__/fixtures/tailwind-output.css b/__tests__/fixtures/tailwind-output.css
@@ -3483,6 +3483,10 @@ video {
   background-color: rgba(112, 36, 89, var(--bg-opacity));
 }
 
+.bg-none {
+  background-image: none;
+}
+
 .bg-gradient-to-t {
   background-image: linear-gradient(to top, var(--gradient-color-stops));
 }
@@ -21545,6 +21549,10 @@ video {
     background-color: rgba(112, 36, 89, var(--bg-opacity));
   }
 
+  .sm\:bg-none {
+    background-image: none;
+  }
+
   .sm\:bg-gradient-to-t {
     background-image: linear-gradient(to top, var(--gradient-color-stops));
   }
@@ -39577,6 +39585,10 @@ video {
     background-color: rgba(112, 36, 89, var(--bg-opacity));
   }
 
+  .md\:bg-none {
+    background-image: none;
+  }
+
   .md\:bg-gradient-to-t {
     background-image: linear-gradient(to top, var(--gradient-color-stops));
   }
@@ -57609,6 +57621,10 @@ video {
     background-color: rgba(112, 36, 89, var(--bg-opacity));
   }
 
+  .lg\:bg-none {
+    background-image: none;
+  }
+
   .lg\:bg-gradient-to-t {
     background-image: linear-gradient(to top, var(--gradient-color-stops));
   }
@@ -75641,6 +75657,10 @@ video {
     background-color: rgba(112, 36, 89, var(--bg-opacity));
   }
 
+  .xl\:bg-none {
+    background-image: none;
+  }
+
   .xl\:bg-gradient-to-t {
     background-image: linear-gradient(to top, var(--gradient-color-stops));
   }
diff --git a/stubs/defaultConfig.stub.js b/stubs/defaultConfig.stub.js
@@ -152,6 +152,7 @@ module.exports = {
     },
     backgroundColor: theme => theme('colors'),
     backgroundImage: {
+      none: 'none',
       'gradient-to-t': 'linear-gradient(to top, var(--gradient-color-stops))',
       'gradient-to-tr': 'linear-gradient(to top right, var(--gradient-color-stops))',
       'gradient-to-r': 'linear-gradient(to right, var(--gradient-color-stops))',

Original file line number	Diff line number	Diff line change
`@@ -4803,6 +4803,10 @@ video {`
`4803`	`4803`	`background-color: rgba(117, 26, 61, var(--bg-opacity));`
`4804`	`4804`	`}`
`4805`	`4805`
	`4806`	`+.bg-none {`
	`4807`	`+ background-image: none;`
	`4808`	`+}`
	`4809`	`+`
`4806`	`4810`	`.bg-gradient-to-t {`
`4807`	`4811`	`background-image: linear-gradient(to top, var(--gradient-color-stops));`
`4808`	`4812`	`}`
`@@ -34320,6 +34324,10 @@ video {`
`34320`	`34324`	`background-color: rgba(117, 26, 61, var(--bg-opacity));`
`34321`	`34325`	`}`
`34322`	`34326`
	`34327`	`+ .sm\:bg-none {`
	`34328`	`+ background-image: none;`
	`34329`	`+ }`
	`34330`	`+`
`34323`	`34331`	`.sm\:bg-gradient-to-t {`
`34324`	`34332`	`background-image: linear-gradient(to top, var(--gradient-color-stops));`
`34325`	`34333`	`}`
`@@ -63807,6 +63815,10 @@ video {`
`63807`	`63815`	`background-color: rgba(117, 26, 61, var(--bg-opacity));`
`63808`	`63816`	`}`
`63809`	`63817`
	`63818`	`+ .md\:bg-none {`
	`63819`	`+ background-image: none;`
	`63820`	`+ }`
	`63821`	`+`
`63810`	`63822`	`.md\:bg-gradient-to-t {`
`63811`	`63823`	`background-image: linear-gradient(to top, var(--gradient-color-stops));`
`63812`	`63824`	`}`
`@@ -93294,6 +93306,10 @@ video {`
`93294`	`93306`	`background-color: rgba(117, 26, 61, var(--bg-opacity));`
`93295`	`93307`	`}`
`93296`	`93308`
	`93309`	`+ .lg\:bg-none {`
	`93310`	`+ background-image: none;`
	`93311`	`+ }`
	`93312`	`+`
`93297`	`93313`	`.lg\:bg-gradient-to-t {`
`93298`	`93314`	`background-image: linear-gradient(to top, var(--gradient-color-stops));`
`93299`	`93315`	`}`
`@@ -122781,6 +122797,10 @@ video {`
`122781`	`122797`	`background-color: rgba(117, 26, 61, var(--bg-opacity));`
`122782`	`122798`	`}`
`122783`	`122799`
	`122800`	`+ .xl\:bg-none {`
	`122801`	`+ background-image: none;`
	`122802`	`+ }`
	`122803`	`+`
`122784`	`122804`	`.xl\:bg-gradient-to-t {`
`122785`	`122805`	`background-image: linear-gradient(to top, var(--gradient-color-stops));`
`122786`	`122806`	`}`
Original file line number	Diff line number	Diff line change
`@@ -2539,6 +2539,10 @@ video {`
`2539`	`2539`	`background-color: #702459;`
`2540`	`2540`	`}`
`2541`	`2541`
	`2542`	`+.bg-none {`
	`2543`	`+ background-image: none;`
	`2544`	`+}`
	`2545`	`+`
`2542`	`2546`	`.bg-bottom {`
`2543`	`2547`	`background-position: bottom;`
`2544`	`2548`	`}`
`@@ -13001,6 +13005,10 @@ video {`
`13001`	`13005`	`background-color: #702459;`
`13002`	`13006`	`}`
`13003`	`13007`
	`13008`	`+ .sm\:bg-none {`
	`13009`	`+ background-image: none;`
	`13010`	`+ }`
	`13011`	`+`
`13004`	`13012`	`.sm\:bg-bottom {`
`13005`	`13013`	`background-position: bottom;`
`13006`	`13014`	`}`
`@@ -23433,6 +23441,10 @@ video {`
`23433`	`23441`	`background-color: #702459;`
`23434`	`23442`	`}`
`23435`	`23443`
	`23444`	`+ .md\:bg-none {`
	`23445`	`+ background-image: none;`
	`23446`	`+ }`
	`23447`	`+`
`23436`	`23448`	`.md\:bg-bottom {`
`23437`	`23449`	`background-position: bottom;`
`23438`	`23450`	`}`
`@@ -33865,6 +33877,10 @@ video {`
`33865`	`33877`	`background-color: #702459;`
`33866`	`33878`	`}`
`33867`	`33879`
	`33880`	`+ .lg\:bg-none {`
	`33881`	`+ background-image: none;`
	`33882`	`+ }`
	`33883`	`+`
`33868`	`33884`	`.lg\:bg-bottom {`
`33869`	`33885`	`background-position: bottom;`
`33870`	`33886`	`}`
`@@ -44297,6 +44313,10 @@ video {`
`44297`	`44313`	`background-color: #702459;`
`44298`	`44314`	`}`
`44299`	`44315`
	`44316`	`+ .xl\:bg-none {`
	`44317`	`+ background-image: none;`
	`44318`	`+ }`
	`44319`	`+`
`44300`	`44320`	`.xl\:bg-bottom {`
`44301`	`44321`	`background-position: bottom;`
`44302`	`44322`	`}`
Original file line number	Diff line number	Diff line change
`@@ -3483,6 +3483,10 @@ video {`
`3483`	`3483`	`background-color: rgba(112, 36, 89, var(--bg-opacity)) !important;`
`3484`	`3484`	`}`
`3485`	`3485`
	`3486`	`+.bg-none {`
	`3487`	`+ background-image: none !important;`
	`3488`	`+}`
	`3489`	`+`
`3486`	`3490`	`.bg-gradient-to-t {`
`3487`	`3491`	`background-image: linear-gradient(to top, var(--gradient-color-stops)) !important;`
`3488`	`3492`	`}`
`@@ -21545,6 +21549,10 @@ video {`
`21545`	`21549`	`background-color: rgba(112, 36, 89, var(--bg-opacity)) !important;`
`21546`	`21550`	`}`
`21547`	`21551`
	`21552`	`+ .sm\:bg-none {`
	`21553`	`+ background-image: none !important;`
	`21554`	`+ }`
	`21555`	`+`
`21548`	`21556`	`.sm\:bg-gradient-to-t {`
`21549`	`21557`	`background-image: linear-gradient(to top, var(--gradient-color-stops)) !important;`
`21550`	`21558`	`}`
`@@ -39577,6 +39585,10 @@ video {`
`39577`	`39585`	`background-color: rgba(112, 36, 89, var(--bg-opacity)) !important;`
`39578`	`39586`	`}`
`39579`	`39587`
	`39588`	`+ .md\:bg-none {`
	`39589`	`+ background-image: none !important;`
	`39590`	`+ }`
	`39591`	`+`
`39580`	`39592`	`.md\:bg-gradient-to-t {`
`39581`	`39593`	`background-image: linear-gradient(to top, var(--gradient-color-stops)) !important;`
`39582`	`39594`	`}`
`@@ -57609,6 +57621,10 @@ video {`
`57609`	`57621`	`background-color: rgba(112, 36, 89, var(--bg-opacity)) !important;`
`57610`	`57622`	`}`
`57611`	`57623`
	`57624`	`+ .lg\:bg-none {`
	`57625`	`+ background-image: none !important;`
	`57626`	`+ }`
	`57627`	`+`
`57612`	`57628`	`.lg\:bg-gradient-to-t {`
`57613`	`57629`	`background-image: linear-gradient(to top, var(--gradient-color-stops)) !important;`
`57614`	`57630`	`}`
`@@ -75641,6 +75657,10 @@ video {`
`75641`	`75657`	`background-color: rgba(112, 36, 89, var(--bg-opacity)) !important;`
`75642`	`75658`	`}`
`75643`	`75659`
	`75660`	`+ .xl\:bg-none {`
	`75661`	`+ background-image: none !important;`
	`75662`	`+ }`
	`75663`	`+`
`75644`	`75664`	`.xl\:bg-gradient-to-t {`
`75645`	`75665`	`background-image: linear-gradient(to top, var(--gradient-color-stops)) !important;`
`75646`	`75666`	`}`
Original file line number	Diff line number	Diff line change
`@@ -2727,6 +2727,10 @@ video {`
`2727`	`2727`	`background-color: #702459;`
`2728`	`2728`	`}`
`2729`	`2729`
	`2730`	`+.bg-none {`
	`2731`	`+ background-image: none;`
	`2732`	`+}`
	`2733`	`+`
`2730`	`2734`	`.bg-gradient-to-t {`
`2731`	`2735`	`background-image: linear-gradient(to top, var(--gradient-color-stops));`
`2732`	`2736`	`}`
`@@ -18341,6 +18345,10 @@ video {`
`18341`	`18345`	`background-color: #702459;`
`18342`	`18346`	`}`
`18343`	`18347`
	`18348`	`+ .sm\:bg-none {`
	`18349`	`+ background-image: none;`
	`18350`	`+ }`
	`18351`	`+`
`18344`	`18352`	`.sm\:bg-gradient-to-t {`
`18345`	`18353`	`background-image: linear-gradient(to top, var(--gradient-color-stops));`
`18346`	`18354`	`}`
`@@ -33925,6 +33933,10 @@ video {`
`33925`	`33933`	`background-color: #702459;`
`33926`	`33934`	`}`
`33927`	`33935`
	`33936`	`+ .md\:bg-none {`
	`33937`	`+ background-image: none;`
	`33938`	`+ }`
	`33939`	`+`
`33928`	`33940`	`.md\:bg-gradient-to-t {`
`33929`	`33941`	`background-image: linear-gradient(to top, var(--gradient-color-stops));`
`33930`	`33942`	`}`
`@@ -49509,6 +49521,10 @@ video {`
`49509`	`49521`	`background-color: #702459;`
`49510`	`49522`	`}`
`49511`	`49523`
	`49524`	`+ .lg\:bg-none {`
	`49525`	`+ background-image: none;`
	`49526`	`+ }`
	`49527`	`+`
`49512`	`49528`	`.lg\:bg-gradient-to-t {`
`49513`	`49529`	`background-image: linear-gradient(to top, var(--gradient-color-stops));`
`49514`	`49530`	`}`
`@@ -65093,6 +65109,10 @@ video {`
`65093`	`65109`	`background-color: #702459;`
`65094`	`65110`	`}`
`65095`	`65111`
	`65112`	`+ .xl\:bg-none {`
	`65113`	`+ background-image: none;`
	`65114`	`+ }`
	`65115`	`+`
`65096`	`65116`	`.xl\:bg-gradient-to-t {`
`65097`	`65117`	`background-image: linear-gradient(to top, var(--gradient-color-stops));`
`65098`	`65118`	`}`