Fix arbitrary angle-* position. Closes #13

zumerlab · Aug 29, 2024 · eec591a · eec591a
1 parent a120c55
commit eec591a
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 1 deletion.
diff --git a/src/scss/_progress.scss b/src/scss/_progress.scss
@@ -1,9 +1,10 @@
 
 o-progress {
   container-name: oprogress;
+  --o-angle-composite: var(--o-angle) * var(--o-orbit-child-number) * var(--o-direction, 1);
   r: var(--o-radius);
   stroke-width:  calc(var(--o-radius) / (var(--o-orbit-number) + var(--o-initial-orbit, 0)) * var(--o-size-ratio, 1));
-  transform: rotate(var(--o-from));
+  transform: rotate(calc(var(--o-from) + var(--o-angle-composite)));
   position: absolute;
   display: flex;
   justify-content: center;

diff --git a/src/scss/_slice.scss b/src/scss/_slice.scss
@@ -2,6 +2,7 @@
 
 o-slice {
   --o-angle-composite: var(--o-angle) * var(--o-orbit-child-number) * var(--o-direction, 1);
+  //--o-angle-composite: (var(--o-angle) * var(--o-orbit-child-number) var(--o-offset, + 90deg)) * var(--o-direction, 1);
   --o-gap: 1;
   container-name: oslice;
   display: flex;

diff --git a/src/scss/_utilities.scss b/src/scss/_utilities.scss
@@ -64,6 +64,11 @@ $max-grade: 360;
     --o-angle-composite: calc(#{$i}deg - 90deg) !important; 
   }
 }
+@for $i from 0 through $max-grade {
+  o-slice.angle-#{$i}, o-progress.angle-#{$i}, o-text.angle-#{$i} {
+    --o-angle-composite: calc(#{$i}deg) !important; 
+  }
+}
 
 /* 
   Sector, Progress and Vector utilities