Generated by SassMeister.com.

SassMeister-input.scss

// ----
// Sass (v3.3.10)
// Compass (v1.0.0.alpha.20)
// ----

$brandcolor: black;
$fontstack: "Segoe UI","Segoe",Tahoma,Helvetica,Arial,sans-serif;
@function forbackground($color) {
  $lightness: lightness($color);
  $functiontocall: if($lightness > 50%, 'darken', 'lighten');
  @return (
    call($functiontocall,$color,60%)
  );
}
@mixin border-radius($radius) {
  -webkit-border-radius: $radius;
     -moz-border-radius: $radius;
      -ms-border-radius: $radius;
          border-radius: $radius;
}

a.brandlink {
 color: $brandcolor; 
}

a.brandlink-inverse {
  background-color: forbackground($brandcolor);
}

nav {
  background-color: forbackground($brandcolor);
  > ul {
    margin: 0;
    padding: 0;
    list-style: none;
    
    > li {
      display: inline-block;
      @include border-radius(5px);
      > a {
        text-decoration: none;
      }
    }
  }
}

SassMeister-output.css

a.brandlink {
  color: black; }

a.brandlink-inverse {
  background-color: #999999; }

nav {
  background-color: #999999; }
  nav > ul {
    margin: 0;
    padding: 0;
    list-style: none; }
    nav > ul > li {
      display: inline-block;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      border-radius: 5px; }
      nav > ul > li > a {
        text-decoration: none; }