Generated by SassMeister.com.

SassMeister-input.scss

// ----
// Sass (v3.3.0.rc.3)
// Compass (v1.0.0.alpha.18)
// ----

// Variables
// useful for storing things you don't want to memorize
$red: #FF4136;


// Mixin
// useful for vendor-prefixes and unique properties like grids.
@import "compass";

.round {
  @include border-radius(.1em);
}


// extend
// useful for performantly inheriting styles from other elements
.btn {
	background: $red;
	color: white;
	padding: 1em;
}

.call-to-action {
	@extend .btn;
	font-size: 2em;
}

// placeholders
// useful for keeping purely aesthetic properties consistent and optimized
%round {
  @include border-radius(.1em);
}

.btn {
  @extend %round;
}

SassMeister-output.css

.round {
  -moz-border-radius: 0.1em;
  -webkit-border-radius: 0.1em;
  border-radius: 0.1em;
}

.btn, .call-to-action {
  background: #ff4136;
  color: white;
  padding: 1em;
}

.call-to-action {
  font-size: 2em;
}

.btn, .call-to-action {
  -moz-border-radius: 0.1em;
  -webkit-border-radius: 0.1em;
  border-radius: 0.1em;
}