lighten

lighten($color, $amount)

Makes a color lighter. Takes a color and a number between 0% and 100%, and returns a color with the lightness increased by that amount.

Examples:

lighten(hsl(0, 0%, 0%), 30%) => hsl(0, 0, 30)
lighten(#800, 20%) => #e00

Parameters:

  • $color (Color)
  • $amount (Number) The amount to increase the lightness by, between 0% and 100%

Returns:

  • (Color)

Raises:

  • (ArgumentError) if $amount is out of bounds, or either parameter is the wrong type
doc_Sass
2016-11-11 13:09:13
Comments
Leave a Comment

Please login to continue.