CARGA
CARGA
This commit is contained in:
101
static/assets/scss/material-dashboard/_alerts.scss
Normal file
101
static/assets/scss/material-dashboard/_alerts.scss
Normal file
@@ -0,0 +1,101 @@
|
||||
.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;
|
||||
}
|
||||
Reference in New Issue
Block a user