Edit
In Place Editing Advanced Editing

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
doc_Sass
2025-01-10 15:47:30
Comments
Leave a Comment

Please login to continue.