Add snug and relaxed line-heights

daviscc · Feb 21, 2019 · e513475 · e513475
1 parent 33c91e1
commit e513475
Show file tree

Hide file tree

Showing 3 changed files with 82 additions and 0 deletions.
diff --git a/__tests__/fixtures/tailwind-output-important.css b/__tests__/fixtures/tailwind-output-important.css
@@ -3093,10 +3093,18 @@ table {
   line-height: 1.25 !important;
 }
 
+.leading-snug {
+  line-height: 1.375 !important;
+}
+
 .leading-normal {
   line-height: 1.5 !important;
 }
 
+.leading-relaxed {
+  line-height: 1.625 !important;
+}
+
 .leading-loose {
   line-height: 2 !important;
 }
@@ -8750,10 +8758,18 @@ table {
     line-height: 1.25 !important;
   }
 
+  .sm\:leading-snug {
+    line-height: 1.375 !important;
+  }
+
   .sm\:leading-normal {
     line-height: 1.5 !important;
   }
 
+  .sm\:leading-relaxed {
+    line-height: 1.625 !important;
+  }
+
   .sm\:leading-loose {
     line-height: 2 !important;
   }
@@ -14392,10 +14408,18 @@ table {
     line-height: 1.25 !important;
   }
 
+  .md\:leading-snug {
+    line-height: 1.375 !important;
+  }
+
   .md\:leading-normal {
     line-height: 1.5 !important;
   }
 
+  .md\:leading-relaxed {
+    line-height: 1.625 !important;
+  }
+
   .md\:leading-loose {
     line-height: 2 !important;
   }
@@ -20034,10 +20058,18 @@ table {
     line-height: 1.25 !important;
   }
 
+  .lg\:leading-snug {
+    line-height: 1.375 !important;
+  }
+
   .lg\:leading-normal {
     line-height: 1.5 !important;
   }
 
+  .lg\:leading-relaxed {
+    line-height: 1.625 !important;
+  }
+
   .lg\:leading-loose {
     line-height: 2 !important;
   }
@@ -25676,10 +25708,18 @@ table {
     line-height: 1.25 !important;
   }
 
+  .xl\:leading-snug {
+    line-height: 1.375 !important;
+  }
+
   .xl\:leading-normal {
     line-height: 1.5 !important;
   }
 
+  .xl\:leading-relaxed {
+    line-height: 1.625 !important;
+  }
+
   .xl\:leading-loose {
     line-height: 2 !important;
   }

diff --git a/__tests__/fixtures/tailwind-output.css b/__tests__/fixtures/tailwind-output.css
@@ -3093,10 +3093,18 @@ table {
   line-height: 1.25;
 }
 
+.leading-snug {
+  line-height: 1.375;
+}
+
 .leading-normal {
   line-height: 1.5;
 }
 
+.leading-relaxed {
+  line-height: 1.625;
+}
+
 .leading-loose {
   line-height: 2;
 }
@@ -8750,10 +8758,18 @@ table {
     line-height: 1.25;
   }
 
+  .sm\:leading-snug {
+    line-height: 1.375;
+  }
+
   .sm\:leading-normal {
     line-height: 1.5;
   }
 
+  .sm\:leading-relaxed {
+    line-height: 1.625;
+  }
+
   .sm\:leading-loose {
     line-height: 2;
   }
@@ -14392,10 +14408,18 @@ table {
     line-height: 1.25;
   }
 
+  .md\:leading-snug {
+    line-height: 1.375;
+  }
+
   .md\:leading-normal {
     line-height: 1.5;
   }
 
+  .md\:leading-relaxed {
+    line-height: 1.625;
+  }
+
   .md\:leading-loose {
     line-height: 2;
   }
@@ -20034,10 +20058,18 @@ table {
     line-height: 1.25;
   }
 
+  .lg\:leading-snug {
+    line-height: 1.375;
+  }
+
   .lg\:leading-normal {
     line-height: 1.5;
   }
 
+  .lg\:leading-relaxed {
+    line-height: 1.625;
+  }
+
   .lg\:leading-loose {
     line-height: 2;
   }
@@ -25676,10 +25708,18 @@ table {
     line-height: 1.25;
   }
 
+  .xl\:leading-snug {
+    line-height: 1.375;
+  }
+
   .xl\:leading-normal {
     line-height: 1.5;
   }
 
+  .xl\:leading-relaxed {
+    line-height: 1.625;
+  }
+
   .xl\:leading-loose {
     line-height: 2;
   }

diff --git a/defaultTheme.js b/defaultTheme.js
@@ -162,7 +162,9 @@ module.exports = function() {
     lineHeight: {
       none: 1,
       tight: 1.25,
+      snug: 1.375,
       normal: 1.5,
+      relaxed: 1.625,
       loose: 2,
     },
     letterSpacing: {