<div class="site-message--success">
<strong>Success!</strong> You did a thing brilliantly.
</div>
<div class="site-message--success">
<strong>Success!</strong> You did a thing brilliantly.
</div>
/* No context defined for this component. */
.site-message--success {
@extend %site-message;
background-color: lighten($success,50%);
border-color: $success;
}
Usually a positive action related alert.