.translate(0, -25%);
.transition-transform(~"0.3s ease-out");
}
- &.fade.in .modal-dialog { .translate(0, 0)}
+ &.in .modal-dialog { .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);
border: 1px solid @modal-content-border-color;
border-radius: @border-radius-large;
.box-shadow(0 3px 9px rgba(0,0,0,.5));
- .background-clip(padding-box);
+ background-clip: padding-box;
// Remove focus outline from opened modal
outline: none;
}
background-color: @modal-backdrop-bg;
// Fade for backdrop
&.fade { .opacity(0); }
- &.fade.in { .opacity(.5); }
+ &.in { .opacity(.5); }
}
// Modal header
.modal-dialog {
left: 50%;
right: auto;
- width: 560px;
- margin-left: -280px;
+ width: 600px;
padding-top: 30px;
padding-bottom: 30px;
}