函数

Bulma 使用 3 个自定义函数来帮助动态设定颜色和值:

• powerNumber($number, $exp): 计算一个数字的乘方，输入一个数字及指数，输出一个他的乘方.
• colorLuminance($color): 定义颜色是深色还是浅色，返回 0-1 之间的小数，其中 <=0.5 是暗色， >0.5 是亮色
• findColorInvert($color): 根据颜色的亮度返回 70% 透明黑色或 100% 不透明白色。

findColorInvert($color) 函数将一个 颜色 作为输入，并输出透明的 黑色 rgba(#000, 0.7) 或者 纯白 #fff:

• 如果 colorLuminance($color) > 0.55, 则输出 rgba(#000, 0.7)
• 此外, 输出 #fff

其目的是为了保证输入颜色作为 背景时 文字 的 可读性.

对于亮度接近 0.55 阈值的颜色，可以 覆盖 findColorInvert() 函数，手动设置 反色。
例如，这种 紫色具有 0.5529的颜色亮度。最好设置白色字体而不是透明的黑色。