Merge pull request #479 from GradyD/modal

Adjusted padding on dialog(modal) to be more inline with standards
This commit is contained in:
Fez Vrasta 2015-03-09 10:48:32 +01:00
commit 0c9a7b0d44

View File

@ -1,18 +1,32 @@
//
// Modals
// Material Design element Dialogs
// --------------------------------------------------
.modal-content {
.shadow-z-5();
border-radius: 2px;
border: none;
// Modal header
// Top section of the modal w/ title and dismiss
.modal-header {
border-bottom: none;
padding: 24px;
padding-bottom: 0;
padding-top: 24px;
padding-right: 24px;
padding-bottom: 0px;
padding-left: 24px;
}
// Modal body
// Where all modal content resides (sibling of .modal-header and .modal-footer)
.modal-body {
padding: 24px;
padding-top: 0px;
padding-right: 24px;
padding-bottom: 16px;
padding-left: 24px;
}
// Footer (for actions)
.modal-footer {
border-top: none;
padding: 24px;
padding: 7px;
button {
margin: 0;
padding-left: 16px;
@ -33,7 +47,6 @@
padding-top: 0;
}
}
.modal-backdrop {
background: rgba(0,0,0,0.3);
}