_modals.scss in bootstrap-sass-rails-3.0.0.0.rc2

- old
+ new

@@ -27,19 +27,17 @@
   // When fading in the modal, animate it to slide down
   &.fade .modal-dialog {
     @include translate(0, -25%);
     @include transition-transform(0.3s ease-out);
   }
-  &.fade.in  .modal-dialog { @include translate(0, 0); }
+  &.in .modal-dialog { @include translate(0, 0)}
 }
 
 // Shell div to position the modal with bottom padding
 .modal-dialog {
-  position: relative;
-  top: 0;
-  left: 0;
-  right: 0;
+  margin-left: auto;
+  margin-right: auto;
   width: auto;
   padding: 10px;
   z-index: ($zindex-modal-background + 10);
 }
 
@@ -49,11 +47,11 @@
   background-color: $modal-content-bg;
   border: 1px solid $modal-content-fallback-border-color; //old browsers fallback (ie8 etc)
   border: 1px solid $modal-content-border-color;
   border-radius: $border-radius-large;
   @include box-shadow(0 3px 9px rgba(0,0,0,.5));
-  @include background-clip(padding-box);
+  background-clip: padding-box;
   // Remove focus outline from opened modal
   outline: none;
 }
 
 // Modal background
@@ -65,11 +63,11 @@
   left: 0;
   z-index: ($zindex-modal-background - 10);
   background-color: $modal-backdrop-bg;
   // Fade for backdrop
   &.fade { @include opacity(0); }
-  &.fade.in { @include opacity(.5); }
+  &.in { @include opacity(.5); }
 }
 
 // Modal header
 // Top section of the modal w/ title and dismiss
 .modal-header {
@@ -122,11 +120,10 @@
 @media screen and (min-width: $screen-tablet) {
 
   .modal-dialog {
     left: 50%;
     right: auto;
-    width: 560px;
-    margin-left: -280px;
+    width: 600px;
     padding-top: 30px;
     padding-bottom: 30px;
   }
   .modal-content {
     @include box-shadow(0 5px 15px rgba(0,0,0,.5));