skin.scss

@import "compass";

$blue-link: #2571AD;
$button-text-color: #34404F;
$fixed-width: 980px;
$gray: #CECECE;
$gray-dark: #C7D0DA;
$gray-light: #F4F4F4;
$gray-medium: #EEE;
$navigation-width: 200px;
$red: #003781;



@each $skin in yui3-skin-sam, nab {

  @if $skin == "nab" {
		$blue-link: #000;
		$button-text-color: #000;
		$fixed-width: 980px;
		$gray: #000;
		$gray-dark: #000;
		$gray-light: #000;
		$gray-medium: #000;
		$navigation-width: 200px;
		$red: #003781;
	}

	$content-width: ($fixed-width - $navigation-width) - 2px;

	body.#{$skin} {
		color: #666;
		font: 12px/1.5em 'Helvetica', Arial, sans-serif;
	  
    a, a:visited, a:active {
	    color: $blue-link;
	    text-decoration: none;
	  }
  }
}