From e5134752d8f80d76e8708fd5625e752846a37998 Mon Sep 17 00:00:00 2001 From: Adam Wathan Date: Wed, 20 Feb 2019 19:41:55 -0500 Subject: [PATCH] Add snug and relaxed line-heights --- .../fixtures/tailwind-output-important.css | 40 +++++++++++++++++++ __tests__/fixtures/tailwind-output.css | 40 +++++++++++++++++++ defaultTheme.js | 2 + 3 files changed, 82 insertions(+) diff --git a/__tests__/fixtures/tailwind-output-important.css b/__tests__/fixtures/tailwind-output-important.css index 4674ba6fad60..f5e6c1ce567f 100644 --- 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 index e33f6422b22f..105a4e705cd1 100644 --- 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 index 9c0462bdf9e3..8fa915e176cb 100644 --- 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: {