update

zumerlab · Oct 18, 2023 · ad6ef04 · ad6ef04
1 parent c2ccf84
commit ad6ef04
Show file tree

Hide file tree

Showing 2 changed files with 37 additions and 13 deletions.
diff --git a/examples/arcgrid.html b/examples/arcgrid.html
@@ -146,21 +146,46 @@
 
           </div>
           <div class="o-orbit o-size-2">
-            <div class="o-sector" style="--o-width: 3px"><div class="o-content">
-                  <span>😁</span>
-                </div></div>
-            <div class="o-sector text-primary" style="--o-width: 12px"><div class="o-content">
-              <span>😁</span>
-            </div></div> 
-            <div class="o-sector" style="--o-width: 10px"><div class="o-content">
-                  <span>😁</span>
-                </div></div>
-
-            <div class="o-sector" style="--o-width: 20px">
-              <div class="o-content">
+            <div class="o-orbit">
+              <div class="o-sector" style="--o-width: 3px"><div class="o-content">
                 <span>😁</span>
+              </div></div>
+          <div class="o-sector text-primary" style="--o-width: 12px"><div class="o-content">
+            <span>😁</span>
+          </div></div> 
+          <div class="o-sector" style="--o-width: 10px"><div class="o-content">
+                <span>😁</span>
+              </div></div>
+
+          <div class="o-sector" style="--o-width: 20px">
+            <div class="o-content">
+              <span>😁</span>
+            </div>
+          </div>
+            </div>
+            <div class="o-orbit o-offset-45">
+              <div class="o-orbiter o-transparent">
+                <div class="o-label">
+                  <div class="o-content">holaaaaa a a a a</div>
+                </div>
+              </div>
+              <div class="o-orbiter o-transparent">
+                <div class="o-label">
+                  <div class="o-content">holaaaaa a a a a</div>
+                </div>
+              </div>
+              <div class="o-orbiter o-transparent">
+                <div class="o-label">
+                  <div class="o-content">holaaaaa a a a a</div>
+                </div>
+              </div>
+              <div class="o-orbiter o-transparent">
+                <div class="o-label">
+                  <div class="o-content">holaaaaa a a a a</div>
+                </div>
               </div>
             </div>
+
           </div>
         </div>
       </div>

diff --git a/src/components/_sector-base.scss b/src/components/_sector-base.scss
@@ -17,7 +17,6 @@
   border: var(--o-width) solid;
   border-left: none;
   border-radius: 0% 100% 100% 0% / 100% 51% 51% 0%;
-  box-sizing: border-box;
   clip-path: polygon(
     0 50% /* left center pivot*/,  
     100% calc(100% - var(--o-diameter-percent)) /* right to bottom sector increase*/,