Browse Source

Added color functions

master
Stephen Tudor 11 years ago
parent
commit
8ca3ee89fa
  1. 1
      lib/compass/_functions.scss
  2. 37
      lib/compass/functions/_colors.scss

1
lib/compass/_functions.scss

@ -3,3 +3,4 @@
@import "functions/gradient_support";
@import "functions/constants";
@import "functions/display";
@import "functions/colors";

37
lib/compass/functions/_colors.scss

@ -0,0 +1,37 @@
//
// A partial implementation of the Ruby colors functions from Compass:
// https://github.com/Compass/compass/blob/stable/core/lib/compass/core/sass_extensions/functions/colors.rb
//
// a genericized version of lighten/darken so that negative values can be used.
@function adjust-lightness($color, $amount) {
@return adjust-color($color, $lightness: $amount);
}
// Scales a color's lightness by some percentage.
// If the amount is negative, the color is scaled darker, if positive, it is scaled lighter.
// This will never return a pure light or dark color unless the amount is 100%.
@function scale-lightness($color, $amount) {
@return scale-color($color, $lightness: $amount);
}
// a genericized version of saturate/desaturate so that negative values can be used.
@function adjust-saturation($color, $amount) {
@return adjust-color($color, $saturation: $amount);
}
// Scales a color's saturation by some percentage.
// If the amount is negative, the color is desaturated, if positive, it is saturated.
// This will never return a pure saturated or desaturated color unless the amount is 100%.
@function scale-saturation($color, $amount) {
@return scale-color($color, $saturation: $amount);
}
@function shade($color, $percentage) {
@return mix(#000000, $color, $percentage);
}
@function tint($color, $percentage) {
@return mix(#ffffff, $color, $percentage);
}
Loading…
Cancel
Save