Sha256: 53120bf9d67350cf416474a8bf8e6be0496eb0278f1a2e8558228302fc2dc375
Contents?: true
Size: 1.79 KB
Versions: 4
Compression:
Stored size: 1.79 KB
Contents
// This file has been autogenerated by grunt task lessToSass. Any changes will be overwritten.
//
// Modals
// Material Design element Dialogs
// --------------------------------------------------
.modal-content {
@include shadow-z-5();
border-radius: $border-radius-large;
border: none;
// Modal header
// Top section of the modal w/ title and dismiss
.modal-header {
border-bottom: none;
padding-top: 24px;
padding-right: 24px;
padding-bottom: 0;
padding-left: 24px;
}
// Modal body
// Where all modal content resides (sibling of .modal-header and .modal-footer)
.modal-body {
padding-top: 24px;
padding-right: 24px;
padding-bottom: 16px;
padding-left: 24px;
}
// Footer (for actions)
.modal-footer {
border-top: none;
padding: 7px;
&.text-center{
text-align: center;
}
button {
margin: 0;
padding-left: 16px;
padding-right: 16px;
width: auto;
&.pull-left {
padding-left: 5px;
padding-right: 5px;
position: relative;
left: -5px;
}
}
button+button {
margin-bottom: 16px;
}
}
.modal-body + .modal-footer {
padding-top: 0;
}
}
.modal-backdrop {
background: rgba(0,0,0,0.3);
}
.modal{
.modal-dialog{
margin-top: 100px;
}
.modal-header .close{
color: $gray-light;
&:hover,
&:focus{
opacity: 1;
}
i{
font-size: 16px;
}
}
}
.modal-notice {
.instruction{
margin-bottom: 25px;
}
.picture{
max-width: 150px;
}
.modal-content{
.btn-raised{
margin-bottom: 15px;
}
}
}
.modal-small{
width: 300px;
.modal-body{
margin-top: 20px;
}
}
Version data entries
4 entries across 4 versions & 4 rubygems