Generated by SassMeister.com.

SassMeister-input.scss

// ----
// Sass (v3.3.0.rc.2)
// Compass (v1.0.0.alpha.17)
// Breakpoint (v2.4.1)
// ----

  @import "breakpoint";
// Sass
$message-padding: .25em .5em !default;
$message-width: 80% !default;
$message-extend: true !default;

@mixin message--CORE($padding: $message-padding, $width: $message-width, $extend: $message-extend) {
  @if not $extend {
    %message--CORE {
    box-sizing: border-box;
    padding: $padding;
    width: $width;
    margin: 0 auto;
    border: 2px solid;
   }
  }
  @else { 
    @extend %message--CORE !optional;
    @if $padding != $message-padding {
        padding: $padding;
    }
    @if $width != $message-width {
      width: $width;
    }
  }
}

@include message--CORE($extend: false);

@mixin message-coloring($color) {
  border-color: $color;
  background: mix(white, $color, 25%);
  color: mix(black, $color, 25%);
}

.message--STATUS {
  @include message--CORE;
  @include message-coloring(green);
}
.message--WARNING {
  @include message--CORE;
  @include message-coloring(yellow);
}
.message--ERROR {
  @include message--CORE;
  @include message-coloring(red);
}

SassMeister-output.css

.message--STATUS, .message--WARNING, .message--ERROR {
  box-sizing: border-box;
  padding: 0.25em 0.5em;
  width: 80%;
  margin: 0 auto;
  border: 2px solid;
}

.message--STATUS {
  border-color: green;
  background: #3f9f3f;
  color: #006000;
}

.message--WARNING {
  border-color: yellow;
  background: #ffff3f;
  color: #bfbf00;
}

.message--ERROR {
  border-color: red;
  background: #ff3f3f;
  color: #bf0000;
}