1
0
mirror of https://github.com/kremalicious/blog.git synced 2024-11-23 10:27:20 +01:00
blog/_src/_assets/styl/_kremalicious/alerts.styl

39 lines
817 B
Stylus

//
// kremalicious3
// --------------
// Alerts
//
$alert-info = #f7f1e4
$alert-success = #dff0d8
$alert-error = #f2dede
.alert
padding: $spacer
margin-bottom: $spacer
border-radius: $border-radius-base
border: 1px solid transparent
box-shadow: 0 1px 3px rgba($brand-grey, .1), inset 0 1px 0 #fff
> p,
> ul
margin-bottom: 0
> p + p
margin-top: $spacer
.alert-success
color: darken($alert-success, 60%)
background: $alert-success
border-color: darken($alert-success, 10%)
.alert-danger,
.alert-error
color: darken($alert-error, 60%)
background: $alert-error
border-color: darken($alert-error, 10%)
.alert-info
color: darken($alert-info, 60%)
background: $alert-info
border-color: darken($alert-info, 10%)