angular-cn/public/resources/css/module/_alert.scss

26 lines
543 B
SCSS
Raw Normal View History

2015-03-04 08:21:10 -05:00
.alert {
box-shadow: 0 2px 2px rgba($black, 0.24), 0 0 2px rgba($black, 0.12);
2015-03-04 08:21:10 -05:00
border-width: 2px;
border-style: solid;
padding: $unit ($unit * 2);
line-height: $unit * 3;
2015-03-04 08:21:10 -05:00
font-size: 14px;
border-radius: 4px;
color: $blue-grey-700;
2015-04-23 11:22:43 -04:00
margin-bottom: $unit * 3;
2015-03-04 08:21:10 -05:00
&.is-critical {
border-color: $red-700;
background: rgba($red-50, .24);
2015-03-04 08:21:10 -05:00
}
&.is-important {
border-color: $amber-700;
background: rgba($amber-50, .24);
2015-03-04 08:21:10 -05:00
}
&.is-helpful {
border-color: $blue-600;
background: rgba($blue-50, .24);
2015-03-04 08:21:10 -05:00
}
}