2015-10-31 22:00:16 +01:00
|
|
|
/*
|
|
|
|
* Component: alert
|
|
|
|
* ----------------
|
|
|
|
*/
|
|
|
|
|
|
|
|
.alert {
|
|
|
|
@include border-radius(3px);
|
|
|
|
h4 {
|
|
|
|
font-weight: 600;
|
|
|
|
}
|
|
|
|
.icon {
|
|
|
|
margin-right: 10px;
|
|
|
|
}
|
|
|
|
.close {
|
|
|
|
color: #000;
|
|
|
|
opacity: .2;
|
|
|
|
&:hover {
|
|
|
|
opacity: .5;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
a {
|
|
|
|
color: #fff;
|
|
|
|
text-decoration: underline;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
//Alert Variants
|
|
|
|
.alert-success {
|
|
|
|
@extend .bg-green;
|
2016-01-16 17:27:23 +01:00
|
|
|
border-color: darken($brand-success, 5%);
|
2015-10-31 22:00:16 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
.alert-danger,
|
|
|
|
.alert-error {
|
|
|
|
@extend .bg-red;
|
2016-01-16 17:27:23 +01:00
|
|
|
border-color: darken($brand-danger, 5%);
|
2015-10-31 22:00:16 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
.alert-warning {
|
|
|
|
@extend .bg-yellow;
|
2016-01-16 17:27:23 +01:00
|
|
|
border-color: darken($brand-warning, 5%);
|
2015-10-31 22:00:16 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
.alert-info {
|
|
|
|
@extend .bg-aqua;
|
2016-01-16 17:27:23 +01:00
|
|
|
border-color: darken($brand-info, 5%);
|
2015-10-31 22:00:16 +01:00
|
|
|
}
|