From ba08055a7be248582ce6b5ba00bf04f5c821bcdd Mon Sep 17 00:00:00 2001
From: Mark Otto <mark.otto@twitter.com>
Date: Thu, 8 Sep 2011 23:01:28 -0700
Subject: update the modals and alert-messages to use the same .close styles,
 save for some positioning in the modal after knocking down the modal padding

---
 lib/patterns.less | 54 +++++++++++++++++++++++++++---------------------------
 1 file changed, 27 insertions(+), 27 deletions(-)

(limited to 'lib/patterns.less')

diff --git a/lib/patterns.less b/lib/patterns.less
index b2c0d1365..9cd688c22 100644
--- a/lib/patterns.less
+++ b/lib/patterns.less
@@ -553,15 +553,34 @@ input[type=submit].btn {
 }
 
 
+// CLOSE ICONS
+// -----------
+.close {
+  float: right;
+  color: @black;
+  font-size: 20px;
+  font-weight: bold;
+  line-height: @baseline * .75;
+  text-shadow: 0 1px 0 rgba(255,255,255,1);
+  .opacity(20);
+  &:hover {
+    color: @black;
+    text-decoration: none;
+    .opacity(40);
+  }
+}
+
+
 // ERROR STYLES
 // ------------
 
 // Base alert styles
 .alert-message {
-  .gradientBar(#fceec1, #eedc94); // warning by default
+  position: relative;
+  padding: 7px 15px;
   margin-bottom: @baseline;
-  padding: 7px 14px;
   color: @grayDark;
+  .gradientBar(#fceec1, #eedc94); // warning by default
   text-shadow: 0 1px 0 rgba(255,255,255,.5);
   border-width: 1px;
   border-style: solid;
@@ -584,20 +603,6 @@ input[type=submit].btn {
     // Provide actions with buttons
     .box-shadow(0 1px 0 rgba(255,255,255,.25));
   }
-  .close {
-    float: right;
-    margin-top: -2px;
-    color: @black;
-    font-size: 20px;
-    font-weight: bold;
-    text-shadow: 0 1px 0 rgba(255,255,255,1);
-    .opacity(20);
-    &:hover {
-      color: @black;
-      text-decoration: none;
-      .opacity(40);
-    }
-  }
 
   &.block-message {
     background-image: none;
@@ -731,25 +736,20 @@ input[type=submit].btn {
   .border-radius(6px);
   .box-shadow(0 3px 7px rgba(0,0,0,0.3));
   .background-clip(padding-box);
+  .close {
+    margin-top: 7px;
+  }
 }
 .modal-header {
   border-bottom: 1px solid #eee;
-  padding: 5px 20px;
-  .close {
-    position: absolute;
-    right: 10px;
-    top: 10px;
-    color: #999;
-    line-height:10px;
-    font-size: 18px;
-  }
+  padding: 5px 15px;
 }
 .modal-body {
-  padding: 20px;
+  padding: 15px;
 }
 .modal-footer {
   background-color: #f5f5f5;
-  padding: 14px 20px 15px;
+  padding: 14px 15px 15px;
   border-top: 1px solid #ddd;
   .border-radius(0 0 6px 6px);
   .box-shadow(inset 0 1px 0 #fff);
-- 
cgit v1.2.3