Make jumbotron mo responsive

diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css
index b5cea261d0406e9b8b38a1cbf55ca88ed9bc04cf..b9865ee09a975a02143b13d21feeeadfcee8110f 100644 (file)
--- a/docs/assets/css/bootstrap.css
+++ b/docs/assets/css/bootstrap.css
@@ -4589,9 +4589,9 @@ a.badge:hover {
 }
 
 .jumbotron {
-  padding: 60px;
+  padding: 30px;
   margin-bottom: 30px;
-  font-size: 18px;
+  font-size: 21px;
   font-weight: 200;
   line-height: 30px;
   color: inherit;
@@ -4600,15 +4600,21 @@ a.badge:hover {
 }
 
 .jumbotron h1 {
-  margin-bottom: 0;
-  font-size: 60px;
   line-height: 1;
-  letter-spacing: -1px;
   color: inherit;
 }
 
-.jumbotron li {
-  line-height: 30px;
+.jumbotron p {
+  line-height: 1.4;
+}
+
+@media screen and (min-width: 768px) {
+  .jumbotron {
+    padding: 50px 60px;
+  }
+  .jumbotron h1 {
+    font-size: 60px;
+  }
 }
 
 .clearfix:before,

diff --git a/less/jumbotron.less b/less/jumbotron.less
index add4319691da4149b8c1fb545ee11e38cc5cb9fb..18de623fdc60602ac8cda1a7a67d3ee4e8c70d93 100644 (file)
--- 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;
+    }
   }
 }