From b9612fbb74188327df48e9bf8a4e877a1183b2f3 Mon Sep 17 00:00:00 2001
From: Adam Wathan <adam.wathan@gmail.com>
Date: Fri, 4 Aug 2017 14:35:12 -0400
Subject: [PATCH] Add leading generator

---
 src/generators.less              |  3 ++-
 src/generators/text-leading.less | 16 ++++++++++++++++
 src/utilities/text.less          | 15 +++++++--------
 3 files changed, 25 insertions(+), 9 deletions(-)
 create mode 100644 src/generators/text-leading.less

diff --git a/src/generators.less b/src/generators.less
index 68410ac91..03a3e5607 100644
--- a/src/generators.less
+++ b/src/generators.less
@@ -12,5 +12,6 @@
 @import "generators/spacing-margin";
 @import "generators/spacing-pull";
 @import "generators/text-colors";
-@import "generators/text-weights";
+@import "generators/text-leading";
 @import "generators/text-sizes";
+@import "generators/text-weights";
diff --git a/src/generators/text-leading.less b/src/generators/text-leading.less
new file mode 100644
index 000000000..0cc2fa00e
--- /dev/null
+++ b/src/generators/text-leading.less
@@ -0,0 +1,16 @@
+.define-leading-utilities(@variants) {
+  .generate-utility-variants('leading'; @variants; {
+    line-height: extract(@__variant-value, 2);
+  });
+}
+
+.define-leading-utilities(@variants; none) {
+  .define-leading-utilities(@variants);
+}
+
+.define-leading-utilities(@variants; @screens) when not (@screens = none) {
+  .define-leading-utilities(@variants);
+  .generate-responsive-utility-variants('leading'; @variants; @screens; {
+    line-height: extract(@__variant-value, 2);
+  });
+}
diff --git a/src/utilities/text.less b/src/utilities/text.less
index 654f44a33..66533d312 100644
--- a/src/utilities/text.less
+++ b/src/utilities/text.less
@@ -77,10 +77,13 @@
 .define-text-colors(@text-colors; @screens);
 
 // Line heights
-.leading-none { line-height: 1; }
-.leading-tight { line-height: 1.25; }
-.leading-normal { line-height: 1.5; }
-.leading-loose { line-height: 2; }
+@leading-scale:
+  'none' 1,
+  'tight' 1.25,
+  'normal' 1.5,
+  'loose' 2,
+;
+.define-leading-utilities(@leading-scale; @screens);
 
 // Horizontal alignment
 .text-center { text-align: center; }
@@ -114,10 +117,6 @@
 }
 
 .responsive({
-  &leading-none { .leading-none; }
-  &leading-tight { .leading-tight; }
-  &leading-normal { .leading-normal; }
-  &leading-loose { .leading-loose; }
   &text-center { .text-center; }
   &text-left { .text-left; }
   &text-right { .text-right; }