get-lightness

@include get-lightness(
  $color,
  $prefix,
  $inner
);

Description

Display the lightness of a color as the content of the :after pseudo element.

🚧

This mixin is meant to be used for debugging so remember to remove or comment this out once your done.

Parameters

$color (color)
Color value to be used when detecting lightness.

$prefix (string)
String that will prefix the colors lightness value.
Default: Lightness

$inner (boolean)
Determines whether or not to display the lightness wrapped in a :after element.
Default: true

Return

(CSS) Lightness % displayed in :after.

Examples

Display lightness % of mutliple colors

.get-lightness--primary-color {
	@include get-lightness($primaryColor)
}

.get-lightness--secondary-color {
	@include get-lightness($secondaryColor)
}

.get-lightness--primary-light {
	@include get-lightness($primaryLight)
}

.get-lightness--secondary-dark {
	@include get-lightness($secondaryDark)
}