From 52aa67fa1c539aa9b31f3d9cf349287ab5c06120 Mon Sep 17 00:00:00 2001
From: Mark Otto <otto@github.com>
Date: Thu, 31 Jan 2013 18:11:45 -0800
Subject: [PATCH] only round jumbotron corners at 768px+

---
 docs/assets/css/bootstrap.css | 2 +-
 less/jumbotron.less           | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css
index ebca6a630d..d534985d90 100644
--- a/docs/assets/css/bootstrap.css
+++ b/docs/assets/css/bootstrap.css
@@ -4423,7 +4423,6 @@ a.counter:hover {
   line-height: 30px;
   color: inherit;
   background-color: #eeeeee;
-  border-radius: 6px;
 }
 
 .jumbotron h1 {
@@ -4438,6 +4437,7 @@ a.counter:hover {
 @media screen and (min-width: 768px) {
   .jumbotron {
     padding: 50px 60px;
+    border-radius: 6px;
   }
   .jumbotron h1 {
     font-size: 60px;
diff --git a/less/jumbotron.less b/less/jumbotron.less
index 18de623fdc..ebe9bd971d 100644
--- a/less/jumbotron.less
+++ b/less/jumbotron.less
@@ -11,7 +11,6 @@
   line-height: @line-height-base * 1.5;
   color: @jumbotron-lead-color;
   background-color: @jumbotron-background;
-  border-radius: 6px;
   h1 {
     line-height: 1;
     color: @jumbotron-heading-color;
@@ -24,6 +23,7 @@
 @media screen and (min-width: 768px) {
   .jumbotron {
     padding: 50px 60px;
+    border-radius: 6px; // Only round corners at higher resolutions
 
     h1 {
       font-size: 60px;