//**************************************// // Basic Colors $text-primary: #333 $text-secondary: #666 $text-tertiary: #999 $text-quaternary: ccc

$alert: cc0000 $page-bg: white

//**************************************// $contrasted-dark-default: $text-primary $contrasted-light-default: white

@mixin color-contrasted($background-color, $dark: $contrasted-dark-default, $light: $contrasted-light-default, $threshold: $contrasted-lightness-threshold)

background-color: $background-color
color: contrast-color($background-color, $dark, $light, $threshold)
background: $bg
border: 1px solid $brdr
&:hover,
&:focus
  background: $bg-hover