Ark/bulma
1
0
Fork 0
mirror of https://github.com/jgthms/bulma synced 2026-03-22 21:14:30 -07:00
Code Issues Packages Projects Releases Wiki Activity

Bound lightness

Browse Source
This commit is contained in:
Jeremy Thomas
2020-03-23 09:31:09 +00:00
parent 2594422d7a
commit f007bd379f
2 changed files with 21 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
sass/utilities/functions.sass
View File

@@ -84,19 +84,18 @@
@function findLightColor($color)
@if type-of($color) == 'color'
$l: 96%
@if lightness($color) > 96%
$l: lightness($color)
@return change-color($color, $lightness: $l)
$target-l: max(lightness($color), 96%)
@return change-color($color, $lightness: $target-l)
@return $background
@function findDarkColor($color)
@if type-of($color) == 'color'
$base-l: 29%
$min-l: 29%
$max-l: 48%
$luminance: colorLuminance($color)
$luminance-delta: (0.53 - $luminance)
$target-l: round($base-l + ($luminance-delta * 53))
@return change-color($color, $lightness: max($base-l, $target-l))
$target-l: round($min-l + ($luminance-delta * 53))
@return change-color($color, $lightness: max($min-l, min($max-l, $target-l)))
@return $text-strong
@function getCssVariable($color, $name)