mdbootstrap/mdb-ui-kit
1
1
Fork 0
mirror of https://github.com/mdbootstrap/mdb-ui-kit.git synced 2024-11-29 13:04:14 +03:00
Code Issues Packages Projects Releases Wiki Activity

Adjusted padding on dialog(modal) to be more inline with standards

Browse Source
This commit is contained in:
GradyD 2015-03-08 17:30:26 -04:00
parent e78c2465f9
commit 2901e4c0b7
1 changed files with 18 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
less/_dialogs.less
View File

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