From 62c5addc4b4d8f7c1afe1c66ab37d3b28d1394d9 Mon Sep 17 00:00:00 2001 From: Adam Wathan Date: Wed, 20 Feb 2019 14:44:19 -0500 Subject: [PATCH 1/2] Extend letter-spacing scale --- .../fixtures/tailwind-output-important.css | 70 +++++++++++++++++-- __tests__/fixtures/tailwind-output.css | 70 +++++++++++++++++-- defaultTheme.js | 7 +- 3 files changed, 135 insertions(+), 12 deletions(-) diff --git a/__tests__/fixtures/tailwind-output-important.css b/__tests__/fixtures/tailwind-output-important.css index 4674ba6fa..011aa4fd6 100644 --- a/__tests__/fixtures/tailwind-output-important.css +++ b/__tests__/fixtures/tailwind-output-important.css @@ -5927,8 +5927,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 { @@ -5936,9 +5940,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; } @@ -11568,8 +11580,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 { @@ -11577,9 +11593,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; } @@ -17210,8 +17234,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 { @@ -17219,9 +17247,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; } @@ -22852,8 +22888,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 { @@ -22861,9 +22901,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; } @@ -28494,8 +28542,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 { @@ -28503,9 +28555,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; } diff --git a/__tests__/fixtures/tailwind-output.css b/__tests__/fixtures/tailwind-output.css index e33f6422b..62c147229 100644 --- a/__tests__/fixtures/tailwind-output.css +++ b/__tests__/fixtures/tailwind-output.css @@ -5927,8 +5927,12 @@ table { -moz-osx-font-smoothing: auto; } +.tracking-tighter { + letter-spacing: -.05em; +} + .tracking-tight { - letter-spacing: -0.05em; + letter-spacing: -.025em; } .tracking-normal { @@ -5936,9 +5940,17 @@ table { } .tracking-wide { + letter-spacing: .025em; +} + +.tracking-wider { letter-spacing: .05em; } +.tracking-widest { + letter-spacing: .1em; +} + .select-none { user-select: none; } @@ -11568,8 +11580,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 { @@ -11577,9 +11593,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; } @@ -17210,8 +17234,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 { @@ -17219,9 +17247,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; } @@ -22852,8 +22888,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 { @@ -22861,9 +22901,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; } @@ -28494,8 +28542,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 { @@ -28503,9 +28555,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; } diff --git a/defaultTheme.js b/defaultTheme.js index 9c0462bdf..7acf03b4b 100644 --- a/defaultTheme.js +++ b/defaultTheme.js @@ -166,9 +166,12 @@ module.exports = function() { loose: 2, }, letterSpacing: { - tight: '-0.05em', + tighter: '-.05em', + tight: '-.025em', normal: '0', - wide: '0.05em', + wide: '0.025em', + wider: '0.05em', + widest: '0.1em', }, textColor: theme => theme.colors, backgroundColor: theme => theme.colors, From 637959585d229f4c67700d6ccd479b20cdaf75f0 Mon Sep 17 00:00:00 2001 From: Adam Wathan Date: Wed, 20 Feb 2019 14:50:02 -0500 Subject: [PATCH 2/2] Remove leading zeroes --- defaultTheme.js | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/defaultTheme.js b/defaultTheme.js index 7acf03b4b..b100813a8 100644 --- a/defaultTheme.js +++ b/defaultTheme.js @@ -169,9 +169,9 @@ module.exports = function() { tighter: '-.05em', tight: '-.025em', normal: '0', - wide: '0.025em', - wider: '0.05em', - widest: '0.1em', + wide: '.025em', + wider: '.05em', + widest: '.1em', }, textColor: theme => theme.colors, backgroundColor: theme => theme.colors,