Generated by SassMeister.com.

SassMeister-input-HTML.html

<div class="sassy">Sassy!</li>

SassMeister-input.scss

// ----
// Sass (v3.2.19)
// Compass (v0.12.6)
// ----

$blue: #063886;

.sassy {
  border: 10px solid $blue;
  border-radius: 3px;
  width: 100px;
  background-color: #369;
  color: #fff;
  padding: 20px;
  font-family: Helvetica;
  text-align: center;
  margin: 20px auto;
}

SassMeister-output.css

.sassy {
  border: 10px solid #063886;
  border-radius: 3px;
  width: 100px;
  background-color: #369;
  color: #fff;
  padding: 20px;
  font-family: Helvetica;
  text-align: center;
  margin: 20px auto;
}

SassMeister-rendered.html

<div class="sassy">Sassy!</li>