From 1288304e9199b8cd2be06faaece97dc0c878d9e7 Mon Sep 17 00:00:00 2001
From: Mark Otto <otto@github.com>
Date: Wed, 16 Jan 2013 15:07:57 -0800
Subject: Make jumbotron mo responsive

---
 less/jumbotron.less | 21 ++++++++++++++-------
 1 file changed, 14 insertions(+), 7 deletions(-)

(limited to 'less')

diff --git a/less/jumbotron.less b/less/jumbotron.less
index add431969..18de623fd 100644
--- a/less/jumbotron.less
+++ b/less/jumbotron.less
@@ -4,22 +4,29 @@
 
 
 .jumbotron {
-  padding: 60px;
+  padding: 30px;
   margin-bottom: 30px;
-  font-size: 18px;
+  font-size: 21px;
   font-weight: 200;
   line-height: @line-height-base * 1.5;
   color: @jumbotron-lead-color;
   background-color: @jumbotron-background;
   border-radius: 6px;
   h1 {
-    margin-bottom: 0;
-    font-size: 60px;
     line-height: 1;
     color: @jumbotron-heading-color;
-    letter-spacing: -1px;
   }
-  li {
-    line-height: @line-height-base * 1.5; // Reset since we specify in type.less
+  p {
+    line-height: 1.4;
+  }
+}
+
+@media screen and (min-width: 768px) {
+  .jumbotron {
+    padding: 50px 60px;
+
+    h1 {
+      font-size: 60px;
+    }
   }
 }
-- 
cgit v1.2.3