Add fine grine ring size

zumerlab · Apr 4, 2023 · 4916ed8 · 4916ed8
1 parent 1069e6e
commit 4916ed8
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/src/_core-elements.scss b/src/_core-elements.scss
@@ -113,8 +113,8 @@ $angle in $sectors {
 
 @for $i from $min-rings through $max-rings {
     .z-container>.ring-#{$i} {
-        width: calc(var(--radius) * 2 * var(--ring-#{$i}-factor));
-        height: calc(var(--radius) * 2 * var(--ring-#{$i}-factor));
+        width: calc(var(--radius-#{$i}) * 2);
+        height: calc(var(--radius-#{$i}) * 2);
     }
 }
 

diff --git a/src/_radial-grid.scss b/src/_radial-grid.scss
@@ -14,12 +14,12 @@
    --offset-angle: 0;
    --direction: 1;
    --angle: 1;
-   --radius: 10vw;
+   --radius: 50px;
    --item-number: 1;
    --radius-padding: 8px;
 
    @for $i from $min-rings through $max-rings {
-     --ring-#{$i}-factor: #{$i};
+     --radius-#{$i}: var(--radius) * #{$i};
    }
 
    /* Shape sizes */