Starters for Mixins V. Extends

SassMeister-input.scss

// ----
// Sass (v3.4.12)
// Compass (v1.0.3)
// ----

@mixin solid-block {
  background: blue;
  color: white;
  padding: 0.5em;
}


.container-blue {
  @include solid-block;
}

%solid-block {
  background: blue;
  color: white;
  padding: 0.5em;
}

// .container-pink {
//   @include solid-block;
// }

// .container-yellow {
//   @extend .container-pink;
// }

SassMeister-output.css

.container-blue {
  background: blue;
  color: white;
  padding: 0.5em;
}