From 0a8efd5320dca80ad911c2d5e4a9404a010ff78e Mon Sep 17 00:00:00 2001
From: Dominic Barnes <contact@dominicbarnes.us>
Date: Sat, 25 Feb 2012 21:21:05 -0600
Subject: Adding a 'horizontal' option to description lists, similar to
 .form-horizontal

---
 less/type.less | 37 ++++++++++++++++++++++++++++++++++++-
 1 file changed, 36 insertions(+), 1 deletion(-)

(limited to 'less')

diff --git a/less/type.less b/less/type.less
index bbe15f6cf..57eba9b91 100644
--- a/less/type.less
+++ b/less/type.less
@@ -130,6 +130,41 @@ dt {
 dd {
   margin-left: @baseLineHeight / 2;
 }
+// Horizontal layout (like forms)
+dl.horizontal {
+  dt {
+    float: left;
+    clear: left;
+    width: 120px;
+    text-align: right;
+  }
+  dd {
+    margin-left: 130px;
+  }
+  &.horizontal-mini {
+    dt { width:        50px; }
+    dd { margin-left:  60px; }
+  }
+  &.horizontal-small {
+    dt { width:        90px; }
+    dd { margin-left: 100px; }
+  }
+  &.horizontal-normal {
+    // no additional styles needed
+  }
+  &.horizontal-large {
+    dt { width:       140px; }
+    dd { margin-left: 150px; }
+  }
+  &.horizontal-xlarge {
+    dt { width:       170px; }
+    dd { margin-left: 180px; }
+  }
+  &.horizontal-xxlarge {
+    dt { width:       190px; }
+    dd { margin-left: 200px; }
+  }
+}
 
 // MISC
 // ----
@@ -198,7 +233,7 @@ blockquote {
 // Quotes
 q:before,
 q:after,
-blockquote:before, 
+blockquote:before,
 blockquote:after {
   content: "";
 }
-- 
cgit v1.2.3