- .gauge{position:relative;text-align:center}.gauge canvas{display:inline-block;width:200px;max-width:100%}.gauge-label{position:absolute;bottom:15%;width:100%;font-size:24px;font-weight:700;color:#37474f}.gauge-sm canvas{width:150px}.gauge-sm .gauge-label{font-size:18px}.gauge-lg canvas{width:300px}.gauge-lg .gauge-label{font-size:36px}.donut{position:relative;text-align:center}.donut canvas{display:inline-block;width:200px;max-width:100%}.donut-label{position:absolute;top:50%;width:100%;font-size:24px;font-weight:700;color:#37474f;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.donut-sm canvas{width:150px}.donut-sm .donut-label{font-size:18px}.donut-lg canvas{width:300px}.donut-lg .donut-label{font-size:36px}
|
