2015-02-01 22:25:09 +01:00
|
|
|
/*
|
|
|
|
|
* Component: alert
|
|
|
|
|
* ----------------
|
|
|
|
|
*/
|
|
|
|
|
|
|
|
|
|
.alert {
|
|
|
|
|
.border-radius(3px);
|
|
|
|
|
h4 {
|
|
|
|
|
font-weight: 600;
|
|
|
|
|
}
|
|
|
|
|
.icon {
|
|
|
|
|
margin-right: 10px;
|
|
|
|
|
}
|
|
|
|
|
.close {
|
|
|
|
|
color: #fff;
|
|
|
|
|
.opacity(.7);
|
|
|
|
|
}
|
2015-02-03 17:29:17 +01:00
|
|
|
a {
|
|
|
|
|
color: #fff;
|
|
|
|
|
text-decoration: underline;
|
|
|
|
|
}
|
2015-02-01 22:25:09 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
//Alert Variants
|
|
|
|
|
.alert-success {
|
|
|
|
|
&:extend(.bg-green);
|
|
|
|
|
border-color: darken(@green, 5%);
|
|
|
|
|
}
|
|
|
|
|
.alert-danger,
|
|
|
|
|
.alert-error {
|
|
|
|
|
&:extend(.bg-red);
|
|
|
|
|
border-color: darken(@red, 5%);
|
|
|
|
|
}
|
|
|
|
|
.alert-warning {
|
|
|
|
|
&:extend(.bg-yellow);
|
|
|
|
|
border-color: darken(@yellow, 5%);
|
|
|
|
|
}
|
|
|
|
|
.alert-info {
|
|
|
|
|
&:extend(.bg-aqua);
|
|
|
|
|
border-color: darken(@aqua, 5%);
|
|
|
|
|
}
|
