angular-hx-utils.css

/* donuts */
.hx-donuts {
    position: relative;
    text-align: center;
    width: 100%;
    max-width: 120px;
    margin: 9px auto 16px; }
.hx-donuts h1, .hx-donuts h2, .hx-donuts h3 {
    position: absolute;
    width: 100%;
    margin: 0; }
.hx-donuts h1 {
    top: 26%;
    line-height: 33px;
    font-size: 32px; }
.hx-donuts h2 {
    top: 58%;
    line-height: 20px;
    font-size: 16px; }
.hx-donuts h3 {
    top: 103%;
    line-height: 16px;
    font-size: 15px;
    font-weight: 300; }
.hx-donuts svg {
    width: 100%;
    height: 100%; }

/* donuts small*/
.hx-donuts-sm {
    max-width: 90px; }
.hx-donuts-sm h1 {
    line-height: 23px;
    font-size: 22px; }
.hx-donuts-sm h2 {
    top: 58%;
    line-height: 14px;
    font-size: 13px;
    font-weight: 300; }
.hx-donuts-sm h3 {
    line-height: 14px;
    font-size: 13px; }

/* media query */
@media screen and (max-width: 375px) {
    .hx-donuts-sm h1 {
        top: 22%;
        font-size: 20px; }
    .hx-donuts-sm h2 {
        top: 56%;
        line-height: 13px;
        font-size: 11px; } }