@import “colors”;
@mixin blueprint-interaction {
.error { @include error; } .notice { @include notice; } .success { @include success; } .hide { display: none; } .highlight { @include highlight; } .added { @include added; } .removed { @include removed; } }
@mixin feedback-base {
padding: 0.8em; margin-bottom: 1em; border: 2px solid $feedback_border_color; }
@mixin error {
@include feedback-base; background: $error_bg_color; color: $error_color; border-color: $error_border_color; a { color: $error_color; } }
@mixin notice {
@include feedback-base; background: $notice_bg_color; color: $notice_color; border-color: $notice_border_color; a { color: $notice_color; } }
@mixin success {
@include feedback-base; background: $success_bg_color; color: $success_color; border-color: $success_border_color; a { color: $success_color; } }
@mixin highlight {
background: $highlight_color; }
@mixin added {
background: $added_bg_color; color: $added_color; }
@mixin removed {
background: $removed_bg_color; color: $removed_color; }