Generated by SassMeister.com.

SassMeister-input.scss

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

/* CSS Comments */

$color1: #5050ff;
$color2: transparentize($color1, 0.5);
$unquotedstring: Hello;
$quotedstring: "Hello, world!";
$quotedstring2: $quotedstring + $unquotedstring;
$list: "Hello" "," " " "world" "!";
$map: ("Hello": ",", ",": " ", " ": "world", "world": "!");
$num1: 10;
$num2: 5;
$bool1: $num1 < $num2;
$bool2: $num1 > $num2;
$bool3: $num1 <= $num2;
$bool4: $num1 >= $num2;
$bool5: $num1 == $num2;
$bool6: $num1 != $num2;
$bool7: $bool5 and $bool6; // Always false
$bool8: $bool3 or $bool4; // Always true
$bool9: not $bool4; // = $bool1
$numr1: $num1 + $num2;
$numr2: $num1 - $num2;
$numr3: $num1 * $num2;
$numr4: ($num1 / $num2);
$numr5: $num1 % $num2;

/* $numr1 #{$numr2} */ // Comment scope variable test

%purple {
  color: #94099f; // Purple color
}

#main p {
  color: #00ff00;
  width: 97%;
  
  $main-font-family: fantasy !global;
  
  font: {
    family: $main-font-family;
    size: 1em;
    weight: bold;
  }

  a {
    &:hover {
      color: $color1 * 0.80;
    }
    color: $color1;
    
    font: 20px/24px fantasy {
      weight: bold;
    }
  }
}

SassMeister-output.css

/* CSS Comments */
/* $numr1 5 */
#main p {
  color: #00ff00;
  width: 97%;
  font-family: fantasy;
  font-size: 1em;
  font-weight: bold;
}
#main p a {
  color: #5050ff;
  font: 20px/24px fantasy;
  font-weight: bold;
}
#main p a:hover {
  color: #4040cc;
}