fix offset

zumerlab · Mar 20, 2023 · 74b7183 · 74b7183
1 parent 605ae85
commit 74b7183
Show file tree

Hide file tree

Showing 6 changed files with 260 additions and 260 deletions.
diff --git a/css/index.css b/css/index.css
diff --git a/css/index.css.map b/css/index.css.map
diff --git a/dist/css/index.min.css b/dist/css/index.min.css
diff --git a/dist/css/index.min.css.map b/dist/css/index.min.css.map
diff --git a/index.html b/index.html
@@ -39,7 +39,7 @@
         <hr class="item line">
         <hr class="item line">
       </div>
-      <div class="ring-1 items-5 offset-180" style="background-color: rgb(131, 204, 35);">
+      <div class="ring-1 items-5" style="background-color: rgb(131, 204, 35);">
         <div class="item s box">A</div>
         <div class="item s rounded">N</div>
         <div class="item s"> D

diff --git a/src/index.scss b/src/index.scss
@@ -346,7 +346,7 @@
 
  }
  .core >.item {
-   transform:  rotate(calc(var(--angle) * var(--item-number) * 1deg)) 
+   transform:  rotate(calc((var(--angle) * var(--item-number) + var(--offset-angle)) * 1deg))
  }
  @for $i from $min-rings through $max-rings {
 
@@ -370,12 +370,12 @@
 
        .item.#{$size}>.ring-#{$i}>.item#{$class} {
          --x: calc((#{$var} / 2 * var(--ring-#{$i}-factor)) #{$math});
-         transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0) rotate(calc(var(--angle) * var(--item-number) * 1deg * -1));
+         transform: rotate(calc((var(--angle) * var(--item-number) + var(--offset-angle)) * 1deg)) translate(var(--x), 0) rotate(calc((var(--angle) * var(--item-number) + var(--offset-angle)) * -1deg));
        }
 
        .item.#{$size}>.ring-#{$i}> .item.stationary#{$class}  {
          --x: calc((#{$var} / 2 * var(--ring-#{$i}-factor)) #{$math});
-         transform: rotate(calc(var(--angle) * var(--item-number) * 1deg)) translate(var(--x), 0);
+         transform: rotate(calc((var(--angle) * var(--item-number) + var(--offset-angle)) * 1deg)) translate(var(--x), 0);
        }
      }
    }