You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
80 lines
1.3 KiB
80 lines
1.3 KiB
/*
|
|
* Component: modal
|
|
* ----------------
|
|
*/
|
|
.modal {
|
|
background: rgba(0, 0, 0, .3);
|
|
}
|
|
|
|
.modal-content {
|
|
.border-radius(0);
|
|
.box-shadow(0 2px 3px rgba(0, 0, 0, .125));
|
|
border: 0;
|
|
@media (min-width: @screen-sm-min) {
|
|
.box-shadow(0 2px 3px rgba(0, 0, 0, .125));
|
|
}
|
|
}
|
|
|
|
.modal-header {
|
|
border-bottom-color: @box-border-color;
|
|
}
|
|
|
|
.modal-footer {
|
|
border-top-color: @box-border-color;
|
|
}
|
|
|
|
//Modal variants
|
|
.modal-primary {
|
|
.modal-body {
|
|
&:extend(.bg-light-blue);
|
|
}
|
|
.modal-header,
|
|
.modal-footer {
|
|
&:extend(.bg-light-blue-active);
|
|
border-color: darken(@light-blue, 10%);
|
|
}
|
|
}
|
|
|
|
.modal-warning {
|
|
.modal-body {
|
|
&:extend(.bg-yellow);
|
|
}
|
|
.modal-header,
|
|
.modal-footer {
|
|
&:extend(.bg-yellow-active);
|
|
border-color: darken(@yellow, 10%);
|
|
}
|
|
}
|
|
|
|
.modal-info {
|
|
.modal-body {
|
|
&:extend(.bg-aqua);
|
|
}
|
|
.modal-header,
|
|
.modal-footer {
|
|
&:extend(.bg-aqua-active);
|
|
border-color: darken(@aqua, 10%);
|
|
}
|
|
}
|
|
|
|
.modal-success {
|
|
.modal-body {
|
|
&:extend(.bg-green);
|
|
}
|
|
.modal-header,
|
|
.modal-footer {
|
|
&:extend(.bg-green-active);
|
|
border-color: darken(@green, 10%);
|
|
}
|
|
}
|
|
|
|
.modal-danger {
|
|
.modal-body {
|
|
&:extend(.bg-red);
|
|
}
|
|
.modal-header,
|
|
.modal-footer {
|
|
&:extend(.bg-red-active);
|
|
border-color: darken(@red, 10%);
|
|
}
|
|
}
|
|
|