Generated by SassMeister.com.

SassMeister-input.scss

// ----
// Sass (v3.4.4)
// Compass (v1.0.1)
// ----

@mixin module($namespace) {
  .#{$namespace},
  [class^="#{$namespace}--"],
  [class*=" #{$namespace}--"] {
    @content;
  }
}

@include module("button") {
  display: inline-block;
  vertical-align: middle;
  font-family: inherit;
  margin: 0;
  padding: 0.5em 1em;
  cursor: pointer;
  border: 1px solid #333;
  background-color: #eee;
}

SassMeister-output.css

.button,
[class^="button--"],
[class*=" button--"] {
  display: inline-block;
  vertical-align: middle;
  font-family: inherit;
  margin: 0;
  padding: 0.5em 1em;
  cursor: pointer;
  border: 1px solid #333;
  background-color: #eee;
}