Merge pull request #879 from benface/bg-round-and-space

Add `round` and `space` background-repeat utilities

Author: adamwathan

__tests__/fixtures/tailwind-output-important.css

@@ -1786,6 +1786,14 @@ video {
   background-repeat: repeat-y !important;
 }
 
+.bg-repeat-round {
+  background-repeat: round !important;
+}
+
+.bg-repeat-space {
+  background-repeat: space !important;
+}
+
 .bg-auto {
   background-size: auto !important;
 }
@@ -8671,6 +8679,14 @@ video {
     background-repeat: repeat-y !important;
   }
 
+  .sm\:bg-repeat-round {
+    background-repeat: round !important;
+  }
+
+  .sm\:bg-repeat-space {
+    background-repeat: space !important;
+  }
+
   .sm\:bg-auto {
     background-size: auto !important;
   }
@@ -15533,6 +15549,14 @@ video {
     background-repeat: repeat-y !important;
   }
 
+  .md\:bg-repeat-round {
+    background-repeat: round !important;
+  }
+
+  .md\:bg-repeat-space {
+    background-repeat: space !important;
+  }
+
   .md\:bg-auto {
     background-size: auto !important;
   }
@@ -22395,6 +22419,14 @@ video {
     background-repeat: repeat-y !important;
   }
 
+  .lg\:bg-repeat-round {
+    background-repeat: round !important;
+  }
+
+  .lg\:bg-repeat-space {
+    background-repeat: space !important;
+  }
+
   .lg\:bg-auto {
     background-size: auto !important;
   }
@@ -29257,6 +29289,14 @@ video {
     background-repeat: repeat-y !important;
   }
 
+  .xl\:bg-repeat-round {
+    background-repeat: round !important;
+  }
+
+  .xl\:bg-repeat-space {
+    background-repeat: space !important;
+  }
+
   .xl\:bg-auto {
     background-size: auto !important;
   }

__tests__/fixtures/tailwind-output.css

@@ -1786,6 +1786,14 @@ video {
   background-repeat: repeat-y;
 }
 
+.bg-repeat-round {
+  background-repeat: round;
+}
+
+.bg-repeat-space {
+  background-repeat: space;
+}
+
 .bg-auto {
   background-size: auto;
 }
@@ -8671,6 +8679,14 @@ video {
     background-repeat: repeat-y;
   }
 
+  .sm\:bg-repeat-round {
+    background-repeat: round;
+  }
+
+  .sm\:bg-repeat-space {
+    background-repeat: space;
+  }
+
   .sm\:bg-auto {
     background-size: auto;
   }
@@ -15533,6 +15549,14 @@ video {
     background-repeat: repeat-y;
   }
 
+  .md\:bg-repeat-round {
+    background-repeat: round;
+  }
+
+  .md\:bg-repeat-space {
+    background-repeat: space;
+  }
+
   .md\:bg-auto {
     background-size: auto;
   }
@@ -22395,6 +22419,14 @@ video {
     background-repeat: repeat-y;
   }
 
+  .lg\:bg-repeat-round {
+    background-repeat: round;
+  }
+
+  .lg\:bg-repeat-space {
+    background-repeat: space;
+  }
+
   .lg\:bg-auto {
     background-size: auto;
   }
@@ -29257,6 +29289,14 @@ video {
     background-repeat: repeat-y;
   }
 
+  .xl\:bg-repeat-round {
+    background-repeat: round;
+  }
+
+  .xl\:bg-repeat-space {
+    background-repeat: space;
+  }
+
   .xl\:bg-auto {
     background-size: auto;
   }

src/plugins/backgroundRepeat.js

@@ -6,6 +6,8 @@ export default function() {
         '.bg-no-repeat': { 'background-repeat': 'no-repeat' },
         '.bg-repeat-x': { 'background-repeat': 'repeat-x' },
         '.bg-repeat-y': { 'background-repeat': 'repeat-y' },
+        '.bg-repeat-round': { 'background-repeat': 'round' },
+        '.bg-repeat-space': { 'background-repeat': 'space' },
       },
       variants('backgroundRepeat')
     )