Generated by SassMeister.com.

SassMeister-input.scss

// ----
// Sass (v3.3.0.rc.2)
// Compass (v1.0.0.alpha.17)
// ----

@import "compass";
 
$primary-color:red;
 
body{ 
    div{
        $primary-color:blue !default;
        background:$primary-color;
        color:lighten($primary-color, 20%);
    }
}
 
a{
  &,&:visited, &:active, &:focus, &:hover{
    text-decoration:none; 
  }
  &:visited, &:active, &:focus{
    color:lighten($primary-color,40%);
  }  
  &:hover{
    color:darken($primary-color,20%);
  }
}
 
a.fancy{
  &,&:visited, &:active, &:focus, &:hover{
    text-decoration:none; 
  } 
  //$normal, $hover, $active, $visited, $focus
  @include link-colors(lighten($primary-color,40%),darken($primary-color,20%) ,lighten($primary-color,40%), lighten($primary-color,40%),lighten($primary-color,40%));
}

SassMeister-output.css

body div {
  background: red;
  color: #ff6666;
}

a, a:visited, a:active, a:focus, a:hover {
  text-decoration: none;
}
a:visited, a:active, a:focus {
  color: #ffcccc;
}
a:hover {
  color: #990000;
}

a.fancy {
  color: #ffcccc;
}
a.fancy, a.fancy:visited, a.fancy:active, a.fancy:focus, a.fancy:hover {
  text-decoration: none;
}
a.fancy:visited {
  color: #ffcccc;
}
a.fancy:focus {
  color: #ffcccc;
}
a.fancy:hover {
  color: #990000;
}
a.fancy:active {
  color: #ffcccc;
}