sass - how to define grayscale out of pure white or black

Question

Suppose I have defined $color-white: #ffffff and/or $color-black: #000000 in variables.sass.

How can I define different shades of grey scale using either SASS or Compass helpers?

Answer 1

使用颜色函数：http ://sass-lang.com/docs/yardoc/Sass/Script/Functions.html#other_color_functions

color: darken($color-white, 25%);

或者

color: lighten($color-black, 25%);

玩弄数值直到心满意足。