Merge pull request #671 from tailwindcss/extend-tracking-scale

Extend letter-spacing scale

__tests__/fixtures/tailwind-output-important.css

@@ -5935,8 +5935,12 @@ table {
   -moz-osx-font-smoothing: auto !important;
 }
 
+.tracking-tighter {
+  letter-spacing: -.05em !important;
+}
+
 .tracking-tight {
-  letter-spacing: -0.05em !important;
+  letter-spacing: -.025em !important;
 }
 
 .tracking-normal {
@@ -5944,9 +5948,17 @@ table {
 }
 
 .tracking-wide {
+  letter-spacing: .025em !important;
+}
+
+.tracking-wider {
   letter-spacing: .05em !important;
 }
 
+.tracking-widest {
+  letter-spacing: .1em !important;
+}
+
 .select-none {
   user-select: none !important;
 }
@@ -11584,8 +11596,12 @@ table {
     -moz-osx-font-smoothing: auto !important;
   }
 
+  .sm\:tracking-tighter {
+    letter-spacing: -.05em !important;
+  }
+
   .sm\:tracking-tight {
-    letter-spacing: -0.05em !important;
+    letter-spacing: -.025em !important;
   }
 
   .sm\:tracking-normal {
@@ -11593,9 +11609,17 @@ table {
   }
 
   .sm\:tracking-wide {
+    letter-spacing: .025em !important;
+  }
+
+  .sm\:tracking-wider {
     letter-spacing: .05em !important;
   }
 
+  .sm\:tracking-widest {
+    letter-spacing: .1em !important;
+  }
+
   .sm\:select-none {
     user-select: none !important;
   }
@@ -17234,8 +17258,12 @@ table {
     -moz-osx-font-smoothing: auto !important;
   }
 
+  .md\:tracking-tighter {
+    letter-spacing: -.05em !important;
+  }
+
   .md\:tracking-tight {
-    letter-spacing: -0.05em !important;
+    letter-spacing: -.025em !important;
   }
 
   .md\:tracking-normal {
@@ -17243,9 +17271,17 @@ table {
   }
 
   .md\:tracking-wide {
+    letter-spacing: .025em !important;
+  }
+
+  .md\:tracking-wider {
     letter-spacing: .05em !important;
   }
 
+  .md\:tracking-widest {
+    letter-spacing: .1em !important;
+  }
+
   .md\:select-none {
     user-select: none !important;
   }
@@ -22884,8 +22920,12 @@ table {
     -moz-osx-font-smoothing: auto !important;
   }
 
+  .lg\:tracking-tighter {
+    letter-spacing: -.05em !important;
+  }
+
   .lg\:tracking-tight {
-    letter-spacing: -0.05em !important;
+    letter-spacing: -.025em !important;
   }
 
   .lg\:tracking-normal {
@@ -22893,9 +22933,17 @@ table {
   }
 
   .lg\:tracking-wide {
+    letter-spacing: .025em !important;
+  }
+
+  .lg\:tracking-wider {
     letter-spacing: .05em !important;
   }
 
+  .lg\:tracking-widest {
+    letter-spacing: .1em !important;
+  }
+
   .lg\:select-none {
     user-select: none !important;
   }
@@ -28534,8 +28582,12 @@ table {
     -moz-osx-font-smoothing: auto !important;
   }
 
+  .xl\:tracking-tighter {
+    letter-spacing: -.05em !important;
+  }
+
   .xl\:tracking-tight {
-    letter-spacing: -0.05em !important;
+    letter-spacing: -.025em !important;
   }
 
   .xl\:tracking-normal {
@@ -28543,9 +28595,17 @@ table {
   }
 
   .xl\:tracking-wide {
+    letter-spacing: .025em !important;
+  }
+
+  .xl\:tracking-wider {
     letter-spacing: .05em !important;
   }
 
+  .xl\:tracking-widest {
+    letter-spacing: .1em !important;
+  }
+
   .xl\:select-none {
     user-select: none !important;
   }

__tests__/fixtures/tailwind-output.css

@@ -5935,8 +5935,12 @@ table {
   -moz-osx-font-smoothing: auto;
 }
 
+.tracking-tighter {
+  letter-spacing: -.05em;
+}
+
 .tracking-tight {
-  letter-spacing: -0.05em;
+  letter-spacing: -.025em;
 }
 
 .tracking-normal {
@@ -5944,9 +5948,17 @@ table {
 }
 
 .tracking-wide {
+  letter-spacing: .025em;
+}
+
+.tracking-wider {
   letter-spacing: .05em;
 }
 
+.tracking-widest {
+  letter-spacing: .1em;
+}
+
 .select-none {
   user-select: none;
 }
@@ -11584,8 +11596,12 @@ table {
     -moz-osx-font-smoothing: auto;
   }
 
+  .sm\:tracking-tighter {
+    letter-spacing: -.05em;
+  }
+
   .sm\:tracking-tight {
-    letter-spacing: -0.05em;
+    letter-spacing: -.025em;
   }
 
   .sm\:tracking-normal {
@@ -11593,9 +11609,17 @@ table {
   }
 
   .sm\:tracking-wide {
+    letter-spacing: .025em;
+  }
+
+  .sm\:tracking-wider {
     letter-spacing: .05em;
   }
 
+  .sm\:tracking-widest {
+    letter-spacing: .1em;
+  }
+
   .sm\:select-none {
     user-select: none;
   }
@@ -17234,8 +17258,12 @@ table {
     -moz-osx-font-smoothing: auto;
   }
 
+  .md\:tracking-tighter {
+    letter-spacing: -.05em;
+  }
+
   .md\:tracking-tight {
-    letter-spacing: -0.05em;
+    letter-spacing: -.025em;
   }
 
   .md\:tracking-normal {
@@ -17243,9 +17271,17 @@ table {
   }
 
   .md\:tracking-wide {
+    letter-spacing: .025em;
+  }
+
+  .md\:tracking-wider {
     letter-spacing: .05em;
   }
 
+  .md\:tracking-widest {
+    letter-spacing: .1em;
+  }
+
   .md\:select-none {
     user-select: none;
   }
@@ -22884,8 +22920,12 @@ table {
     -moz-osx-font-smoothing: auto;
   }
 
+  .lg\:tracking-tighter {
+    letter-spacing: -.05em;
+  }
+
   .lg\:tracking-tight {
-    letter-spacing: -0.05em;
+    letter-spacing: -.025em;
   }
 
   .lg\:tracking-normal {
@@ -22893,9 +22933,17 @@ table {
   }
 
   .lg\:tracking-wide {
+    letter-spacing: .025em;
+  }
+
+  .lg\:tracking-wider {
     letter-spacing: .05em;
   }
 
+  .lg\:tracking-widest {
+    letter-spacing: .1em;
+  }
+
   .lg\:select-none {
     user-select: none;
   }
@@ -28534,8 +28582,12 @@ table {
     -moz-osx-font-smoothing: auto;
   }
 
+  .xl\:tracking-tighter {
+    letter-spacing: -.05em;
+  }
+
   .xl\:tracking-tight {
-    letter-spacing: -0.05em;
+    letter-spacing: -.025em;
   }
 
   .xl\:tracking-normal {
@@ -28543,9 +28595,17 @@ table {
   }
 
   .xl\:tracking-wide {
+    letter-spacing: .025em;
+  }
+
+  .xl\:tracking-wider {
     letter-spacing: .05em;
   }
 
+  .xl\:tracking-widest {
+    letter-spacing: .1em;
+  }
+
   .xl\:select-none {
     user-select: none;
   }

defaultTheme.js

@@ -168,9 +168,12 @@ module.exports = function() {
       loose: 2,
     },
     letterSpacing: {
-      tight: '-0.05em',
+      tighter: '-.05em',
+      tight: '-.025em',
       normal: '0',
-      wide: '0.05em',
+      wide: '.025em',
+      wider: '.05em',
+      widest: '.1em',
     },
     textColor: theme => theme.colors,
     backgroundColor: theme => theme.colors,