Color | SCSS | HEX |
---|
Total | $ui-03 | #dfe3e6 |
Used | $primary-04 | #00a68f |
Please note the total number should be left aligned with the used number.
Property | Font-size (px/rem) | Font-weight |
---|
Small gauge: used | 16 / 1 | Roman / 400 |
Small gauge: total | 12 / 0.75 | Roman / 400 |
Medium gauge: used | 24 / 1.5 | Light / 300 |
Medium gauge: total | 14 / 0.875 | Roman / 400 |
Large gauge: used | 30 / 1.5 | Light / 300 |
Large gauge: total | 14 / 0.875 | Roman / 400 |
Property | px | rem |
---|
Small gauge | 80 | 5 |
Medium gauge | 120 | 7.5 |
Large gauge | 160 | 10 |
Gauge weight | 8 | 0.5 |
Structure for Circle Chart | px / rem