Generated by SassMeister.com.

SassMeister-input.scss

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

/***********
Multi-line comments are saved in css
***********/
//single-line comments do NOT get moved

//@import "variables.scss";
//@import will place all the contents of that file
//inside this file
$f-size: 3rem;

h2{
 line-height: $f-size; 
 .highlight{
   color:red;
 }
 .highlight &{
   color:blue;
 }
}
a{
  color:red;
  font:{
    size:$f-size;
    style:italic;
    family:Arial;
    weight:bold;
  }
  &:hover{
    color:gold;
  }
}

SassMeister-output.css

/***********
Multi-line comments are saved in css
***********/
h2 {
  line-height: 3rem;
}
h2 .highlight {
  color: red;
}
.highlight h2 {
  color: blue;
}

a {
  color: red;
  font-size: 3rem;
  font-style: italic;
  font-family: Arial;
  font-weight: bold;
}
a:hover {
  color: gold;
}