diff --git a/src/scss/_progress.scss b/src/scss/_progress.scss index 5dd541f..90676a5 100644 --- 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 index 49a76b1..954b95b 100644 --- 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 index de336d3..b0e74dc 100644 --- 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