Skip to content

Commit

Permalink
Change html class demo
Browse files Browse the repository at this point in the history
  • Loading branch information
Martin Muda committed Mar 22, 2023
1 parent 6fed9b3 commit ca4d4c4
Showing 1 changed file with 22 additions and 24 deletions.
46 changes: 22 additions & 24 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -20,37 +20,36 @@
<hr class="item line segundo" style="width: 210px; height: 1px; border:1px solid rgb(0, 245, 61); --angle: 0; --item-number: 1;">
</div>
<div class="ring-1 items-3 offset-270 arc-90">
<div class="item s upper d-h lower transparent"></div>
<div class="item s upper d-m lower transparent"></div>
<div class="item s upper d-s lower transparent"></div>
<div class="item s upper d-h transparent"></div>
<div class="item s upper d-m transparent"></div>
<div class="item s upper d-s transparent"></div>
</div>
<div class="ring-2 items-12 offset-270">
<div class="item s lower">12</div>
<div class="item s lower">1</div>
<div class="item s lower">2</div>
<div class="item s lower">3</div>
<div class="item s lower">4</div>
<div class="item s lower">5</div>
<div class="item s lower">6</div>
<div class="item s lower">7</div>
<div class="item s lower">8</div>
<div class="item s lower">9</div>
<div class="item s lower">10</div>
<div class="item s lower">11</div>

<div class="item xs ">12</div>
<div class="item xs ">1</div>
<div class="item xs ">2</div>
<div class="item xs ">3</div>
<div class="item xs ">4</div>
<div class="item xs ">5</div>
<div class="item xs ">6</div>
<div class="item xs ">7</div>
<div class="item xs ">8</div>
<div class="item xs ">9</div>
<div class="item xs ">10</div>
<div class="item xs ">11</div>
<svg>
<circle class="percent hour" pathLength="100" style="r: 30px"/>
<circle class="percent minute" pathLength="100" style="r: 20px"/>
<circle class="percent second" pathLength="100" style="r: 10px; "/>
<circle class="percent hour" pathLength="100" style="r: 110px"/>
<circle class="percent minute" pathLength="100" style="r: 70px"/>
<circle class="percent second" pathLength="100" style="r: 50px; "/>
<circle pathLength="100" style="
cx: calc(var(--diam) / 2 * 1px);
cy: calc(var(--diam) / 2 * 1px);
r: 140px;
fill: none;
stroke: #e7f70a;
stroke-width: 80px;
stroke-dasharray: 5 1;
stroke-dashoffset: 82px;
stroke: #9119e069;
stroke-width: 10px;
stroke-dasharray: 0.4 1;
stroke-dashoffset: 100px;
"/>
</svg>
</div>
Expand Down Expand Up @@ -96,7 +95,6 @@
<div class="item xxs upper"></div>
<div class="item xxs"></div>
<div class="item xxs upper">

</div>
</div>
</div>
Expand Down

0 comments on commit ca4d4c4

Please sign in to comment.