From 801e94ba47ab0f6a4e552c6b67bc05fb47db91b8 Mon Sep 17 00:00:00 2001
From: Lars van Vianen <lars@vianen.com>
Date: Mon, 15 Jul 2024 00:14:11 +0200
Subject: [PATCH] Update _contrast.scss

---
 src/scss/utils/_contrast.scss | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/src/scss/utils/_contrast.scss b/src/scss/utils/_contrast.scss
index 2cf3d02..4ad56c6 100644
--- a/src/scss/utils/_contrast.scss
+++ b/src/scss/utils/_contrast.scss
@@ -22,6 +22,7 @@
 // ----------------------------------------------------------------------------
 // A function to determine if you need a light or dark text color
 // on a specific background for readability.
+// ----------------------------------------------------------------------------
 
 @function color_contrast($background-color) {
     @if (lightness($background-color) > 50%) {
@@ -33,6 +34,7 @@
 
 
 // Contrast Checker
+// ----------------------------------------------------------------------------
 // A function to calculate the contrast ratio between two colors, which is
 // useful for accessibility considerations.
 // ----------------------------------------------------------------------------
@@ -43,9 +45,11 @@
     @return contrast-ratio($color1, $color2);
 }
 
+
 // Color Contrast Ratio
+// ----------------------------------------------------------------------------
 // Calculates the contrast ratio between two colors, useful for accessibility
-//  checks.
+// checks.
 // ----------------------------------------------------------------------------
 
 @function hue_contrast_ratio($color_name1, $color_name2) {
@@ -67,6 +71,7 @@
 // ----------------------------------------------------------------------------
 // A function to dynamically determine whether to use light or dark text
 // based on the background color for better readability.
+// ----------------------------------------------------------------------------
 
 @function color_contrast_dynamic($background-color_name) {
     $background-color: hue-color($background-color_name);
@@ -78,8 +83,8 @@
 }
 
 
-
 // Contrast Text Color
+// ----------------------------------------------------------------------------
 // Generates a contrasting text color (black or white) based on the background color.
 // ----------------------------------------------------------------------------
 
@@ -98,10 +103,12 @@
     }
 }
 
+
 // Accessibility Mixin
 // ----------------------------------------------------------------------------
 // A mixin to ensure text color contrasts well with its background for
 // accessibility.
+// ----------------------------------------------------------------------------
 
 @mixin accessible_text_color($background_color_name) {
     $background-color: hue_color($background_color_name);
@@ -113,6 +120,7 @@
 // ----------------------------------------------------------------------------
 // Determines a readable color (light or dark) for text overlays on any
 // background.
+// ----------------------------------------------------------------------------
 
 @function hue_readable_overlay($background_color_name) {
     $background_color: hue_color($background_color_name);