Sass & Compass, Chapter 1: Design inheritance

SassMeister-input.scss

// Sass (v3.2.10)
// Compass (v0.13.alpha.4)

.button {
  padding: 2px;
  border: 1px solid #666;
  border-radius: 5px;
  color: #000;
  background-color: #00adee;
}
/* This is how inheritance works in Sass! */
.button--secondary {
  @extend .button;
  color: #ccc;
}

SassMeister-output.css

.button, .button--secondary {
  padding: 2px;
  border: 1px solid #666;
  border-radius: 5px;
  color: #000;
  background-color: #00adee;
}

/* This is how inheritance works in Sass! */
.button--secondary {
  color: #ccc;
}