2015-03-04 08:21:10 -05:00
|
|
|
.alert {
|
2015-03-16 00:51:11 -04:00
|
|
|
box-shadow: 0px 2px 5px rgba($coal, 0.3);
|
2015-03-04 08:21:10 -05:00
|
|
|
border-width: 2px;
|
|
|
|
border-style: solid;
|
|
|
|
padding: $unit ($unit * 2);
|
|
|
|
line-height: $unit * 4;
|
|
|
|
font-size: 14px;
|
|
|
|
border-radius: 4px;
|
|
|
|
color: $steel;
|
2015-04-23 11:22:43 -04:00
|
|
|
margin-bottom: $unit * 3;
|
2015-03-04 08:21:10 -05:00
|
|
|
|
|
|
|
&.is-critical {
|
|
|
|
border-color: $cardinal;
|
|
|
|
background: $peach;
|
|
|
|
}
|
|
|
|
|
|
|
|
&.is-important {
|
|
|
|
border-color: $citrus;
|
|
|
|
background: $sand;
|
|
|
|
}
|
|
|
|
|
|
|
|
&.is-helpful {
|
|
|
|
border-color: $blueberry;
|
|
|
|
background: $light;
|
|
|
|
}
|
|
|
|
}
|