mirror of https://github.com/ColorlibHQ/AdminLTE
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.
81 lines
1.3 KiB
81 lines
1.3 KiB
9 years ago
|
/*
|
||
|
|
* Component: modal
|
||
|
|
* ----------------
|
||
|
|
*/
|
||
|
|
.modal {
|
||
|
|
background: rgba(0, 0, 0, 0.3);
|
||
|
|
}
|
||
|
|
|
||
|
|
.modal-content {
|
||
|
|
@include border-radius(0);
|
||
|
|
@include box-shadow(0 2px 3px rgba(0, 0, 0, .125));
|
||
|
|
border: 0;
|
||
|
|
@media (min-width: map-get($grid-breakpoints, sm)) {
|
||
|
|
@include 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%);
|
||
|
|
}
|
||
|
|
}
|