// Rock Hammer by Stuff and Nonsense
// Version: <!-- $version -->
// URL: http://stuffandnonsense.co.uk/projects/rock-hammer/
// Version: <!-- $license -->
// Adapted from: https://github.com/twitter/bootstrap/blob/master/less/modals.less

.modal-backdrop {
position : fixed;
top : 0;
right : 0;
bottom : 0;
left : 0;
z-index : 1040;
background-color : $black; }

.modal-backdrop.fade {
opacity : .4; }

.modal-backdrop,
.modal-backdrop.fade.in {
opacity : .8; }

.modal {
position : fixed;
top : 10%;
left : 50%;
z-index : 1050;
width : 40em;
margin-left : -20em;
background-color : $white;
border : $borderwidth $borderstyle $bordercolor;
border-radius : $borderradius;
outline : none;
@include background-clip(padding-box); }

/*
.modal.fade {
top : -25%;
-webkit-transition : opacity $transitionduration linear, top $transitionduration ease-out;
-moz-transition : opacity $transitionduration linear, top $transitionduration ease-out;
-o-transition : opacity $transitionduration linear, top $transitionduration ease-out;
transition : opacity $transitionduration linear, top $transitionduration ease-out; }
*/

.modal.fade {
@include scale(.95);
opacity : .75; 
@include transition(all .25s ease-out);
}

/*
.modal.fade.in {
top : 20%; }
*/

.modal.fade.in {
@include scale(1);
opacity : 1; 
}

.modal-header {
padding : $baselineheight / 2 $gutterwidth;
border-bottom : $borderwidth $borderstyle $bordercolor; }

.modal-header .close {
@include zero;
@include font-size($basefontsize);
margin-top : 8px;
float : right;
border : none;
background : none;
cursor : pointer;
color : $lightneutralcolor; 
}

.modal-header h3 {
margin : 0;
line-height : 30px; }

.modal-body {
position : relative;
max-height : 400px;
padding : $baselineheight $gutterwidth;
overflow-y : auto; }

.modal-form {
margin-bottom : 0; }

.modal-footer {
padding : $baselineheight / 2 $gutterwidth;
margin-bottom : 0;
/* text-align : right; */
border-top : $borderwidth $borderstyle $bordercolor;
border-radius : 0 0 inherit inherit;
}

.modal-footer:before,
.modal-footer:after {
display : table;
line-height : 0;
content : ""; }

.modal-footer:after {
clear : both; }

.modal-footer .btn + .btn {
margin-bottom : 0;
margin-left : 5px; }

.modal-footer .btn-group .btn + .btn {
margin-left : -1px; }

.modal-footer .btn-block + .btn-block {
margin-left : 0; }

.modal.hide {
display : none; }