|
|
@@ -231,8 +231,8 @@ The HTML structure used to create the customized word and character count implem
|
|
|
<div class="demo-update__controls">
|
|
|
<span class="demo-update__words"></span>
|
|
|
<svg class="demo-update__chart" viewbox="0 0 40 40" width="40" height="40" xmlns="http://www.w3.org/2000/svg">
|
|
|
- <circle stroke="hsl(0, 0%, 93%)" stroke-width="4" fill="none" cx="20" cy="20" r="16" />
|
|
|
- <circle class="demo-update__chart__circle" stroke="hsl(202, 92%, 59%)" stroke-width="4" stroke-dasharray="134,534" stroke-linecap="round" fill="none" cx="20" cy="20" r="16" />
|
|
|
+ <circle stroke="hsl(0, 0%, 93%)" stroke-width="3" fill="none" cx="20" cy="20" r="17" />
|
|
|
+ <circle class="demo-update__chart__circle" stroke="hsl(202, 92%, 59%)" stroke-width="3" stroke-dasharray="134,534" stroke-linecap="round" fill="none" cx="20" cy="20" r="17" />
|
|
|
<text class="demo-update__chart__characters" x="50%" y="50%" dominant-baseline="central" text-anchor="middle"></text>
|
|
|
</svg>
|
|
|
<button type="button" class="demo-update__send">Send post</button>
|