Add sensible set of fixed line-height utilities

mikerudge · Feb 5, 2020 · 9b89683 · 9b89683
1 parent 86e8e38
commit 9b89683
Show file tree

Hide file tree

Showing 3 changed files with 328 additions and 0 deletions.
diff --git a/__tests__/fixtures/tailwind-output-important.css b/__tests__/fixtures/tailwind-output-important.css
@@ -3882,6 +3882,38 @@ video {
   height: 100vh !important;
 }
 
+.leading-3 {
+  line-height: .75rem !important;
+}
+
+.leading-4 {
+  line-height: 1rem !important;
+}
+
+.leading-5 {
+  line-height: 1.25rem !important;
+}
+
+.leading-6 {
+  line-height: 1.5rem !important;
+}
+
+.leading-7 {
+  line-height: 1.75rem !important;
+}
+
+.leading-8 {
+  line-height: 2rem !important;
+}
+
+.leading-9 {
+  line-height: 2.25rem !important;
+}
+
+.leading-10 {
+  line-height: 2.5rem !important;
+}
+
 .leading-none {
   line-height: 1 !important;
 }
@@ -14155,6 +14187,38 @@ video {
     height: 100vh !important;
   }
 
+  .sm\:leading-3 {
+    line-height: .75rem !important;
+  }
+
+  .sm\:leading-4 {
+    line-height: 1rem !important;
+  }
+
+  .sm\:leading-5 {
+    line-height: 1.25rem !important;
+  }
+
+  .sm\:leading-6 {
+    line-height: 1.5rem !important;
+  }
+
+  .sm\:leading-7 {
+    line-height: 1.75rem !important;
+  }
+
+  .sm\:leading-8 {
+    line-height: 2rem !important;
+  }
+
+  .sm\:leading-9 {
+    line-height: 2.25rem !important;
+  }
+
+  .sm\:leading-10 {
+    line-height: 2.5rem !important;
+  }
+
   .sm\:leading-none {
     line-height: 1 !important;
   }
@@ -24429,6 +24493,38 @@ video {
     height: 100vh !important;
   }
 
+  .md\:leading-3 {
+    line-height: .75rem !important;
+  }
+
+  .md\:leading-4 {
+    line-height: 1rem !important;
+  }
+
+  .md\:leading-5 {
+    line-height: 1.25rem !important;
+  }
+
+  .md\:leading-6 {
+    line-height: 1.5rem !important;
+  }
+
+  .md\:leading-7 {
+    line-height: 1.75rem !important;
+  }
+
+  .md\:leading-8 {
+    line-height: 2rem !important;
+  }
+
+  .md\:leading-9 {
+    line-height: 2.25rem !important;
+  }
+
+  .md\:leading-10 {
+    line-height: 2.5rem !important;
+  }
+
   .md\:leading-none {
     line-height: 1 !important;
   }
@@ -34703,6 +34799,38 @@ video {
     height: 100vh !important;
   }
 
+  .lg\:leading-3 {
+    line-height: .75rem !important;
+  }
+
+  .lg\:leading-4 {
+    line-height: 1rem !important;
+  }
+
+  .lg\:leading-5 {
+    line-height: 1.25rem !important;
+  }
+
+  .lg\:leading-6 {
+    line-height: 1.5rem !important;
+  }
+
+  .lg\:leading-7 {
+    line-height: 1.75rem !important;
+  }
+
+  .lg\:leading-8 {
+    line-height: 2rem !important;
+  }
+
+  .lg\:leading-9 {
+    line-height: 2.25rem !important;
+  }
+
+  .lg\:leading-10 {
+    line-height: 2.5rem !important;
+  }
+
   .lg\:leading-none {
     line-height: 1 !important;
   }
@@ -44977,6 +45105,38 @@ video {
     height: 100vh !important;
   }
 
+  .xl\:leading-3 {
+    line-height: .75rem !important;
+  }
+
+  .xl\:leading-4 {
+    line-height: 1rem !important;
+  }
+
+  .xl\:leading-5 {
+    line-height: 1.25rem !important;
+  }
+
+  .xl\:leading-6 {
+    line-height: 1.5rem !important;
+  }
+
+  .xl\:leading-7 {
+    line-height: 1.75rem !important;
+  }
+
+  .xl\:leading-8 {
+    line-height: 2rem !important;
+  }
+
+  .xl\:leading-9 {
+    line-height: 2.25rem !important;
+  }
+
+  .xl\:leading-10 {
+    line-height: 2.5rem !important;
+  }
+
   .xl\:leading-none {
     line-height: 1 !important;
   }

diff --git a/__tests__/fixtures/tailwind-output.css b/__tests__/fixtures/tailwind-output.css
@@ -3882,6 +3882,38 @@ video {
   height: 100vh;
 }
 
+.leading-3 {
+  line-height: .75rem;
+}
+
+.leading-4 {
+  line-height: 1rem;
+}
+
+.leading-5 {
+  line-height: 1.25rem;
+}
+
+.leading-6 {
+  line-height: 1.5rem;
+}
+
+.leading-7 {
+  line-height: 1.75rem;
+}
+
+.leading-8 {
+  line-height: 2rem;
+}
+
+.leading-9 {
+  line-height: 2.25rem;
+}
+
+.leading-10 {
+  line-height: 2.5rem;
+}
+
 .leading-none {
   line-height: 1;
 }
@@ -14155,6 +14187,38 @@ video {
     height: 100vh;
   }
 
+  .sm\:leading-3 {
+    line-height: .75rem;
+  }
+
+  .sm\:leading-4 {
+    line-height: 1rem;
+  }
+
+  .sm\:leading-5 {
+    line-height: 1.25rem;
+  }
+
+  .sm\:leading-6 {
+    line-height: 1.5rem;
+  }
+
+  .sm\:leading-7 {
+    line-height: 1.75rem;
+  }
+
+  .sm\:leading-8 {
+    line-height: 2rem;
+  }
+
+  .sm\:leading-9 {
+    line-height: 2.25rem;
+  }
+
+  .sm\:leading-10 {
+    line-height: 2.5rem;
+  }
+
   .sm\:leading-none {
     line-height: 1;
   }
@@ -24429,6 +24493,38 @@ video {
     height: 100vh;
   }
 
+  .md\:leading-3 {
+    line-height: .75rem;
+  }
+
+  .md\:leading-4 {
+    line-height: 1rem;
+  }
+
+  .md\:leading-5 {
+    line-height: 1.25rem;
+  }
+
+  .md\:leading-6 {
+    line-height: 1.5rem;
+  }
+
+  .md\:leading-7 {
+    line-height: 1.75rem;
+  }
+
+  .md\:leading-8 {
+    line-height: 2rem;
+  }
+
+  .md\:leading-9 {
+    line-height: 2.25rem;
+  }
+
+  .md\:leading-10 {
+    line-height: 2.5rem;
+  }
+
   .md\:leading-none {
     line-height: 1;
   }
@@ -34703,6 +34799,38 @@ video {
     height: 100vh;
   }
 
+  .lg\:leading-3 {
+    line-height: .75rem;
+  }
+
+  .lg\:leading-4 {
+    line-height: 1rem;
+  }
+
+  .lg\:leading-5 {
+    line-height: 1.25rem;
+  }
+
+  .lg\:leading-6 {
+    line-height: 1.5rem;
+  }
+
+  .lg\:leading-7 {
+    line-height: 1.75rem;
+  }
+
+  .lg\:leading-8 {
+    line-height: 2rem;
+  }
+
+  .lg\:leading-9 {
+    line-height: 2.25rem;
+  }
+
+  .lg\:leading-10 {
+    line-height: 2.5rem;
+  }
+
   .lg\:leading-none {
     line-height: 1;
   }
@@ -44977,6 +45105,38 @@ video {
     height: 100vh;
   }
 
+  .xl\:leading-3 {
+    line-height: .75rem;
+  }
+
+  .xl\:leading-4 {
+    line-height: 1rem;
+  }
+
+  .xl\:leading-5 {
+    line-height: 1.25rem;
+  }
+
+  .xl\:leading-6 {
+    line-height: 1.5rem;
+  }
+
+  .xl\:leading-7 {
+    line-height: 1.75rem;
+  }
+
+  .xl\:leading-8 {
+    line-height: 2rem;
+  }
+
+  .xl\:leading-9 {
+    line-height: 2.25rem;
+  }
+
+  .xl\:leading-10 {
+    line-height: 2.5rem;
+  }
+
   .xl\:leading-none {
     line-height: 1;
   }