102 lines
2.2 KiB
SCSS
102 lines
2.2 KiB
SCSS
.alert {
|
|
border: 0;
|
|
border-radius: 3px;
|
|
position: relative;
|
|
padding: 20px 15px;
|
|
line-height: 20px;
|
|
|
|
b{
|
|
font-weight: $font-weight-bold;
|
|
text-transform: uppercase;
|
|
font-size: $font-size-small;
|
|
}
|
|
// SASS conversion note: please mirror any content change in _mixins-shared.scss alert-variations-content
|
|
@include alert-variations(unquote(".alert"), unquote(""), $mdb-text-color-light);
|
|
|
|
&-info, &-danger, &-warning, &-success, &-rose {
|
|
color: $mdb-text-color-light;
|
|
}
|
|
|
|
&-default {
|
|
a, .alert-link {
|
|
color: $mdb-text-color-primary;
|
|
}
|
|
}
|
|
|
|
span{
|
|
display: block;
|
|
max-width: 89%;
|
|
}
|
|
|
|
&.alert-danger{
|
|
@include shadow-alert-color($brand-danger);
|
|
@include alert-icon-color($brand-danger);
|
|
}
|
|
&.alert-warning{
|
|
@include shadow-alert-color($brand-warning);
|
|
@include alert-icon-color($brand-warning);
|
|
}
|
|
&.alert-success{
|
|
@include shadow-alert-color($brand-success);
|
|
@include alert-icon-color($brand-success);
|
|
}
|
|
&.alert-info{
|
|
@include shadow-alert-color($brand-info);
|
|
@include alert-icon-color($brand-info);
|
|
}
|
|
&.alert-primary{
|
|
@include shadow-alert-color($brand-primary);
|
|
@include alert-icon-color($brand-primary);
|
|
}
|
|
&.alert-rose{
|
|
@include shadow-alert-color($brand-rose);
|
|
@include alert-icon-color($brand-rose);
|
|
}
|
|
|
|
&.alert-with-icon{
|
|
padding-left: 66px;
|
|
|
|
i[data-notify="icon"] {
|
|
font-size: 30px;
|
|
display: block;
|
|
left: 15px;
|
|
position: absolute;
|
|
top: 50%;
|
|
margin-top: -15px;
|
|
color: #fff;
|
|
}
|
|
}
|
|
|
|
.close{
|
|
line-height: .5;
|
|
i{
|
|
color: $white-color;
|
|
font-size: 11px;
|
|
}
|
|
}
|
|
|
|
i[data-notify="icon"]{
|
|
display: none;
|
|
}
|
|
|
|
.alert-icon{
|
|
display: block;
|
|
float: left;
|
|
margin-right: $margin-base;
|
|
|
|
i{
|
|
margin-top: -7px;
|
|
top: 5px;
|
|
position: relative;
|
|
}
|
|
}
|
|
|
|
[data-notify="dismiss"]{
|
|
margin-right: 5px;
|
|
}
|
|
}
|
|
|
|
.places-buttons .btn {
|
|
margin-bottom: 30px;
|
|
}
|