From ba558e4b06eaaedc25d5dee473124b43bfd3a465 Mon Sep 17 00:00:00 2001
From: Juan Martin <martinmuda@gmail.com>
Date: Wed, 5 Apr 2023 08:43:25 -0300
Subject: [PATCH] Apply new radius on transforms

---
 src/_radial-grid.scss | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/_radial-grid.scss b/src/_radial-grid.scss
index 4c1fd35..935f1ad 100644
--- a/src/_radial-grid.scss
+++ b/src/_radial-grid.scss
@@ -1,5 +1,6 @@
 @use "./mixins" as *;
 @use "./variables" as *;
+
  /* Initial Reset */
  * {
    box-sizing: border-box;
@@ -78,11 +79,11 @@
        }
 
       .z-container>.ring-#{$i}> .item.#{$size}#{$class} {
-        transform: rotate(calc((var(--angle) * var(--item-number) + var(--offset-angle) - var(--angle)) * 1deg)) translate(calc(var(--radius) * #{$i} #{$math}), 0) rotate(calc((var(--angle) * var(--item-number) + var(--offset-angle) - var(--angle)) * -1deg));
+        transform: rotate(calc((var(--angle) * var(--item-number) + var(--offset-angle) - var(--angle)) * 1deg)) translate(calc(var(--radius-#{$i}) #{$math}), 0) rotate(calc((var(--angle) * var(--item-number) + var(--offset-angle) - var(--angle)) * -1deg));
       }
  
       .z-container>.ring-#{$i}> .item.stationary.#{$size}#{$class} {
-        transform:rotate(calc((var(--angle) * var(--item-number) + var(--offset-angle) - var(--angle)) * 1deg)) translate(calc(var(--radius) * #{$i} #{$math}), 0);
+        transform:rotate(calc((var(--angle) * var(--item-number) + var(--offset-angle) - var(--angle)) * 1deg)) translate(calc(var(--radius-#{$i}) #{$math}), 0);
       }
     }
    }
@@ -96,8 +97,8 @@
    @each $size,
    $var in $sizes {
      .item.#{$size}>.ring-#{$i} {
-       width: calc(#{$var} * var(--ring-#{$i}-factor));
-       height: calc(#{$var} * var(--ring-#{$i}-factor));
+       width: calc(#{$var} * var(--ring-#{$i}));
+       height: calc(#{$var} * var(--ring-#{$i}));
      }
 
      @each $class in $align {