From 5c434825b7acdf1cd3e331775698dd55ae9c52ed Mon Sep 17 00:00:00 2001
From: Pete Favelle <ahnlak@ahnlak.com>
Date: Fri, 24 Jul 2026 14:27:50 +0100
Subject: [PATCH 1/3] Added required initial values, fixed invalid syntaxes

---
 src/general/_properties.scss | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/general/_properties.scss b/src/general/_properties.scss
index 4134a74..49e211f 100644
--- a/src/general/_properties.scss
+++ b/src/general/_properties.scss
@@ -12,18 +12,18 @@
 $color-vars: color, chart-bg-color;
 @each $i in $color-vars {
   @property --#{ $variable-prefix }#{ $i } {
-    @include at-property( "<color>", null, true );
+    @include at-property( "<color>", transparent, true );
   }
 }
 
 // Chart Aspect Ratio
 @property --#{ $variable-prefix }aspect-ratio {
-  @include at-property( "<ratio>", auto, true );
+  @include at-property( "*", auto, true );
 }
 
 // Data Position
 @property --#{ $variable-prefix }data-position {
-  @include at-property( "<content-position>", null, true );
+  @include at-property( "center | flex-start | flex-end", center, true );
 }
 
 // Labels
@@ -34,7 +34,7 @@ $color-vars: color, chart-bg-color;
 $labels-align: labels-align-block, labels-align-inline;
 @each $align in $labels-align {
   @property --#{ $variable-prefix }#{ $align } {
-    @include at-property( "<string>", null, true );
+    @include at-property( "<string>", "", true );
   }
 }
 
@@ -49,7 +49,7 @@ $items-width: primary-axis-width, secondary-axes-width, data-axes-width, legend-
 $items-style: primary-axis-style, secondary-axes-style, data-axes-style, legend-border-style;
 @each $style in $items-style {
   @property --#{ $variable-prefix }#{ $style } {
-    @include at-property( "<line-style>", solid, true );
+    @include at-property( "none | solid | dashed | dotted | double | groove | ridge | inset | outset | hidden", solid, true );
   }
 }
 
@@ -64,6 +64,6 @@ $items-color: primary-axis-color, secondary-axes-color, data-axes-color, legend-
 $sizes: start, end, size, line-size;
 @each $size in $sizes {
   @property --#{ $variable-prefix }#{ $size } {
-    @include at-property( "<number>", null, true );
+    @include at-property( "<number>", 0, true );
   }
 }

From 978da04a4e2c939ac04993c67796aabb5d096aed Mon Sep 17 00:00:00 2001
From: Pete Favelle <ahnlak@ahnlak.com>
Date: Fri, 24 Jul 2026 15:21:41 +0100
Subject: [PATCH 2/3] Fixed a couple of initial values to make more sense

---
 src/general/_properties.scss | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/general/_properties.scss b/src/general/_properties.scss
index 49e211f..6c63484 100644
--- a/src/general/_properties.scss
+++ b/src/general/_properties.scss
@@ -12,7 +12,7 @@
 $color-vars: color, chart-bg-color;
 @each $i in $color-vars {
   @property --#{ $variable-prefix }#{ $i } {
-    @include at-property( "<color>", transparent, true );
+    @include at-property( "<color>", auto, true );
   }
 }
 
@@ -64,6 +64,6 @@ $items-color: primary-axis-color, secondary-axes-color, data-axes-color, legend-
 $sizes: start, end, size, line-size;
 @each $size in $sizes {
   @property --#{ $variable-prefix }#{ $size } {
-    @include at-property( "<number>", 0, true );
+    @include at-property( "<number>", auto, true );
   }
 }

From 4e495a0332131e4f86c7eb63edb6b2fd30d27dbc Mon Sep 17 00:00:00 2001
From: Pete Favelle <ahnlak@ahnlak.com>
Date: Fri, 24 Jul 2026 15:36:16 +0100
Subject: [PATCH 3/3] Better fixes!

---
 src/general/_properties.scss | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/general/_properties.scss b/src/general/_properties.scss
index 6c63484..091513e 100644
--- a/src/general/_properties.scss
+++ b/src/general/_properties.scss
@@ -12,7 +12,7 @@
 $color-vars: color, chart-bg-color;
 @each $i in $color-vars {
   @property --#{ $variable-prefix }#{ $i } {
-    @include at-property( "<color>", auto, true );
+    @include at-property( "*", null, true );
   }
 }
 
@@ -64,6 +64,6 @@ $items-color: primary-axis-color, secondary-axes-color, data-axes-color, legend-
 $sizes: start, end, size, line-size;
 @each $size in $sizes {
   @property --#{ $variable-prefix }#{ $size } {
-    @include at-property( "<number>", auto, true );
+    @include at-property( "*", null, true );
   }
 }