Add none/auto values for grid utilities

patrikengborg · Dec 30, 2019 · 2babe0c · 2babe0c
1 parent 505d038
commit 2babe0c
Show file tree

Hide file tree

Showing 3 changed files with 164 additions and 0 deletions.
diff --git a/__tests__/fixtures/tailwind-output-important.css b/__tests__/fixtures/tailwind-output-important.css
@@ -8509,6 +8509,14 @@ video {
   grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
 }
 
+.grid-cols-none {
+  grid-template-columns: none !important;
+}
+
+.col-auto {
+  grid-column: auto !important;
+}
+
 .col-span-1 {
   grid-column: span 1 / span 1 !important;
 }
@@ -8609,6 +8617,10 @@ video {
   grid-column-start: 13 !important;
 }
 
+.col-start-auto {
+  grid-column-start: auto !important;
+}
+
 .col-end-1 {
   grid-column-end: 1 !important;
 }
@@ -8661,6 +8673,10 @@ video {
   grid-column-end: 13 !important;
 }
 
+.col-end-auto {
+  grid-column-end: auto !important;
+}
+
 .transform {
   --transform-scale-x: 1 !important;
   --transform-scale-y: 1 !important;
@@ -18078,6 +18094,14 @@ video {
     grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
   }
 
+  .sm\:grid-cols-none {
+    grid-template-columns: none !important;
+  }
+
+  .sm\:col-auto {
+    grid-column: auto !important;
+  }
+
   .sm\:col-span-1 {
     grid-column: span 1 / span 1 !important;
   }
@@ -18178,6 +18202,10 @@ video {
     grid-column-start: 13 !important;
   }
 
+  .sm\:col-start-auto {
+    grid-column-start: auto !important;
+  }
+
   .sm\:col-end-1 {
     grid-column-end: 1 !important;
   }
@@ -18230,6 +18258,10 @@ video {
     grid-column-end: 13 !important;
   }
 
+  .sm\:col-end-auto {
+    grid-column-end: auto !important;
+  }
+
   .sm\:transform {
     --transform-scale-x: 1 !important;
     --transform-scale-y: 1 !important;
@@ -27648,6 +27680,14 @@ video {
     grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
   }
 
+  .md\:grid-cols-none {
+    grid-template-columns: none !important;
+  }
+
+  .md\:col-auto {
+    grid-column: auto !important;
+  }
+
   .md\:col-span-1 {
     grid-column: span 1 / span 1 !important;
   }
@@ -27748,6 +27788,10 @@ video {
     grid-column-start: 13 !important;
   }
 
+  .md\:col-start-auto {
+    grid-column-start: auto !important;
+  }
+
   .md\:col-end-1 {
     grid-column-end: 1 !important;
   }
@@ -27800,6 +27844,10 @@ video {
     grid-column-end: 13 !important;
   }
 
+  .md\:col-end-auto {
+    grid-column-end: auto !important;
+  }
+
   .md\:transform {
     --transform-scale-x: 1 !important;
     --transform-scale-y: 1 !important;
@@ -37218,6 +37266,14 @@ video {
     grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
   }
 
+  .lg\:grid-cols-none {
+    grid-template-columns: none !important;
+  }
+
+  .lg\:col-auto {
+    grid-column: auto !important;
+  }
+
   .lg\:col-span-1 {
     grid-column: span 1 / span 1 !important;
   }
@@ -37318,6 +37374,10 @@ video {
     grid-column-start: 13 !important;
   }
 
+  .lg\:col-start-auto {
+    grid-column-start: auto !important;
+  }
+
   .lg\:col-end-1 {
     grid-column-end: 1 !important;
   }
@@ -37370,6 +37430,10 @@ video {
     grid-column-end: 13 !important;
   }
 
+  .lg\:col-end-auto {
+    grid-column-end: auto !important;
+  }
+
   .lg\:transform {
     --transform-scale-x: 1 !important;
     --transform-scale-y: 1 !important;
@@ -46788,6 +46852,14 @@ video {
     grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
   }
 
+  .xl\:grid-cols-none {
+    grid-template-columns: none !important;
+  }
+
+  .xl\:col-auto {
+    grid-column: auto !important;
+  }
+
   .xl\:col-span-1 {
     grid-column: span 1 / span 1 !important;
   }
@@ -46888,6 +46960,10 @@ video {
     grid-column-start: 13 !important;
   }
 
+  .xl\:col-start-auto {
+    grid-column-start: auto !important;
+  }
+
   .xl\:col-end-1 {
     grid-column-end: 1 !important;
   }
@@ -46940,6 +47016,10 @@ video {
     grid-column-end: 13 !important;
   }
 
+  .xl\:col-end-auto {
+    grid-column-end: auto !important;
+  }
+
   .xl\:transform {
     --transform-scale-x: 1 !important;
     --transform-scale-y: 1 !important;

diff --git a/__tests__/fixtures/tailwind-output.css b/__tests__/fixtures/tailwind-output.css
@@ -8509,6 +8509,14 @@ video {
   grid-template-columns: repeat(12, minmax(0, 1fr));
 }
 
+.grid-cols-none {
+  grid-template-columns: none;
+}
+
+.col-auto {
+  grid-column: auto;
+}
+
 .col-span-1 {
   grid-column: span 1 / span 1;
 }
@@ -8609,6 +8617,10 @@ video {
   grid-column-start: 13;
 }
 
+.col-start-auto {
+  grid-column-start: auto;
+}
+
 .col-end-1 {
   grid-column-end: 1;
 }
@@ -8661,6 +8673,10 @@ video {
   grid-column-end: 13;
 }
 
+.col-end-auto {
+  grid-column-end: auto;
+}
+
 .transform {
   --transform-scale-x: 1;
   --transform-scale-y: 1;
@@ -18078,6 +18094,14 @@ video {
     grid-template-columns: repeat(12, minmax(0, 1fr));
   }
 
+  .sm\:grid-cols-none {
+    grid-template-columns: none;
+  }
+
+  .sm\:col-auto {
+    grid-column: auto;
+  }
+
   .sm\:col-span-1 {
     grid-column: span 1 / span 1;
   }
@@ -18178,6 +18202,10 @@ video {
     grid-column-start: 13;
   }
 
+  .sm\:col-start-auto {
+    grid-column-start: auto;
+  }
+
   .sm\:col-end-1 {
     grid-column-end: 1;
   }
@@ -18230,6 +18258,10 @@ video {
     grid-column-end: 13;
   }
 
+  .sm\:col-end-auto {
+    grid-column-end: auto;
+  }
+
   .sm\:transform {
     --transform-scale-x: 1;
     --transform-scale-y: 1;
@@ -27648,6 +27680,14 @@ video {
     grid-template-columns: repeat(12, minmax(0, 1fr));
   }
 
+  .md\:grid-cols-none {
+    grid-template-columns: none;
+  }
+
+  .md\:col-auto {
+    grid-column: auto;
+  }
+
   .md\:col-span-1 {
     grid-column: span 1 / span 1;
   }
@@ -27748,6 +27788,10 @@ video {
     grid-column-start: 13;
   }
 
+  .md\:col-start-auto {
+    grid-column-start: auto;
+  }
+
   .md\:col-end-1 {
     grid-column-end: 1;
   }
@@ -27800,6 +27844,10 @@ video {
     grid-column-end: 13;
   }
 
+  .md\:col-end-auto {
+    grid-column-end: auto;
+  }
+
   .md\:transform {
     --transform-scale-x: 1;
     --transform-scale-y: 1;
@@ -37218,6 +37266,14 @@ video {
     grid-template-columns: repeat(12, minmax(0, 1fr));
   }
 
+  .lg\:grid-cols-none {
+    grid-template-columns: none;
+  }
+
+  .lg\:col-auto {
+    grid-column: auto;
+  }
+
   .lg\:col-span-1 {
     grid-column: span 1 / span 1;
   }
@@ -37318,6 +37374,10 @@ video {
     grid-column-start: 13;
   }
 
+  .lg\:col-start-auto {
+    grid-column-start: auto;
+  }
+
   .lg\:col-end-1 {
     grid-column-end: 1;
   }
@@ -37370,6 +37430,10 @@ video {
     grid-column-end: 13;
   }
 
+  .lg\:col-end-auto {
+    grid-column-end: auto;
+  }
+
   .lg\:transform {
     --transform-scale-x: 1;
     --transform-scale-y: 1;
@@ -46788,6 +46852,14 @@ video {
     grid-template-columns: repeat(12, minmax(0, 1fr));
   }
 
+  .xl\:grid-cols-none {
+    grid-template-columns: none;
+  }
+
+  .xl\:col-auto {
+    grid-column: auto;
+  }
+
   .xl\:col-span-1 {
     grid-column: span 1 / span 1;
   }
@@ -46888,6 +46960,10 @@ video {
     grid-column-start: 13;
   }
 
+  .xl\:col-start-auto {
+    grid-column-start: auto;
+  }
+
   .xl\:col-end-1 {
     grid-column-end: 1;
   }
@@ -46940,6 +47016,10 @@ video {
     grid-column-end: 13;
   }
 
+  .xl\:col-end-auto {
+    grid-column-end: auto;
+  }
+
   .xl\:transform {
     --transform-scale-x: 1;
     --transform-scale-y: 1;