update

zumerlab · Jun 7, 2023 · 2eb5507 · 2eb5507
1 parent e9acb4e
commit 2eb5507
Showing 1 changed file with 27 additions and 5 deletions.
diff --git a/examples/watch.html b/examples/watch.html
@@ -10,6 +10,15 @@
       body {
         font-family: 'Lucida Sans', Verdana, sans-serif;
       }
+      .hour {
+        stroke:crimson;
+      }
+      .minute {
+        stroke:darkmagenta;
+      }
+      .second {
+        stroke: orangered;
+      }
     </style>
   </head>
   <body>
@@ -43,14 +52,27 @@
         <div class="item xs ">10</div>
         <div class="item xs ">11</div>
       </div>
-
-        <svg>
-          <circle class="percent hour" style="--r: 110px"/> 
-          <circle class="percent minute" style="--r: 70px"/> 
-          <circle class="percent second" style="--r: 50px; "/> 
+      <div class="ring-3 items-12 offset-270">
+        <svg class="z-svg">
+          <circle class="percent hour"/>   
+        </svg>
+      </div>
+      <div class="ring-3">
+        <svg class="z-svg">
           <circle class="markers"/> 
         </svg>
       </div>
+      <div class="ring-2">
+        <svg class="z-svg">
+          <circle class="percent minute" /> 
+        </svg>
+      </div>
+      <div class="ring-1">
+        <svg class="z-svg">
+          <circle class="percent second" /> 
+        </svg>
+      </div>
+      </div>
     </div>
     <script>
       function analogWatch() {