25 lines
422 B
SCSS
25 lines
422 B
SCSS
|
.alert {
|
||
|
|
border-width: 2px;
|
||
|
|
border-style: solid;
|
||
|
|
padding: $unit ($unit * 2);
|
||
|
|
line-height: $unit * 4;
|
||
|
|
font-size: 14px;
|
||
|
|
border-radius: 4px;
|
||
|
|
color: $steel;
|
||
|
|
margin-bottom: $unit * 2;
|
||
|
|
|
||
|
|
&.is-critical {
|
||
|
|
border-color: $cardinal;
|
||
|
|
background: $peach;
|
||
|
|
}
|
||
|
|
|
||
|
|
&.is-important {
|
||
|
|
border-color: $citrus;
|
||
|
|
background: $sand;
|
||
|
|
}
|
||
|
|
|
||
|
|
&.is-helpful {
|
||
|
|
border-color: $blueberry;
|
||
|
|
background: $light;
|
||
|
|
}
|
||
|
|
}
|