No notes defined.
<div class="alert">
<p>Cart has been updated</p>
</div>
<div class="alert alert--warning">
<p>Something went wrong</p>
</div>
/* No context defined. */
.alert {
background: $color-grey-xlight;
padding: 1em 1.2em 0.95em;
border-radius: 4px;
border: 1px solid $color-grey-xlight-tint;
box-shadow: 0 0 3px rgba(39,44,49,.02), 0 5px 22px -6px rgba(39,44,49,.05);
p {
margin: 0;
line-height: 1;
font-weight: bold;
}
& + & {
margin-top: 1rem;
}
margin-bottom: 1rem;
}
.alert--warning {
background: lighten($color-error, 48%);
border-color: $color-error;
p {
color: $color-error;
}
}