mdbootstrap/mdb-ui-kit
1
1
Fork 0
mirror of https://github.com/mdbootstrap/mdb-ui-kit.git synced 2024-11-29 04:54:12 +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 {
.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);
}