graycoreio/daffodil

libs/design/scss/theming/contrast/contrast-ratio/contrast-ratio.scss

Summary

Maintainability

Test Coverage

Issues

@use 'sass:math';
@use '../luminance/luminance';

// Calculate the contrast ratio between two colors.
// See https://www.w3.org/TR/WCAG20-TECHS/G17.html#G17-tests
@function daff-contrast-ratio($back, $front) {
    $back-lum: luminance.daff-luminance($back) + 0.05;
    $fore-lum: luminance.daff-luminance($front) + 0.05;

    @return math.div(max($back-lum, $fore-lum), min($back-lum, $fore-lum));
}