update example

zumerlab · Apr 25, 2023 · b6f2b00 · b6f2b00
1 parent e605dbe
commit b6f2b00
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 9 deletions.
diff --git a/README.md b/README.md
@@ -31,6 +31,10 @@
   4. OK se use un clip-path polygon y
   5. OK un radial-gradient con hard stop al inicio de ring.
 
+  https://bennettfeely.com/clippy/
+  https://9elements.github.io/fancy-border-radius/full-control.html#0.0.85.0-100.0.15.0-100.100
+
+
 ## ELEMENTS
 
 - shapes

diff --git a/examples/generic.html b/examples/generic.html
@@ -15,7 +15,7 @@
   <body>
     <div class="z-container" >
       <div class="core items-1">
-        <div class="item xl" style="transform: translate(-50%, -50%);"></div>
+        <div class="item s" style="transform: translate(-50%, -50%);"></div>
       </div>
       <div class="ring-1 items-5 offset-270 ccw" >
         <div class="item xs  ">A</div>
@@ -24,22 +24,22 @@
         <div class="item xs">Y</div>
         <div class="item  xs">!</div>
       </div>
-      <div class="ring-3 items-7">
-        <div class=" item m lower surface ">
+      <div class="ring-3 items-5">
+        <div class=" item m upper surface ">
           <div class="content">ONU</div>
         </div>
-         <div class=" item m lower surface ">
+         <div class=" item m upper surface ">
           <div class="content">ONU</div>
         </div>
-        <div class="item m lower surface">
+        <div class="item m upper surface">
           <div class="content">hola</div>
           <div class="label pos-315">
             <div class="label__text">
               text
             </div>
           </div>
         </div> 
-        <div class="item m lower surface">
+        <div class="item m upper surface">
           <div class="content">1</div>
           <div class="ring-1 items-4 offset-135 arc-90">
             <div class="item xs ">U</div>
@@ -56,18 +56,18 @@
           </div>
 
         </div>
-        <div class=" item m lower surface ">
+        <div class=" item m upper surface ">
           <div class="content">ONU</div>
         </div>
-        <div class="item m lower surface">
+        <div class="item m upper surface">
           <div class="content">hola</div>
           <div class="label pos-315">
             <div class="label__text">
               text
             </div>
           </div>
         </div> 
-        <div class="item m lower surface">
+        <div class="item m upper surface">
           <div class="content">1</div>
           <div class="ring-1 items-4 offset-135 arc-90">
             <div class="item xs ">U</div>