github.com/iqoqo/nomad@v0.11.3-0.20200911112621-d7021c74d101/ui/app/styles/charts/gauge-chart.scss (about)

     1  .gauge-chart {
     2    position: relative;
     3    display: block;
     4    width: auto;
     5  
     6    svg {
     7      display: block;
     8      margin: auto;
     9      width: 100%;
    10      max-width: 200px;
    11      height: 100%;
    12    }
    13  
    14    .background,
    15    .fill {
    16      transform: translate(50%, 100%);
    17    }
    18  
    19    .background {
    20      fill: $ui-gray-100;
    21    }
    22  
    23    @each $name, $pair in $colors {
    24      $color: nth($pair, 1);
    25  
    26      .canvas.is-#{$name} {
    27        .line {
    28          stroke: $color;
    29        }
    30      }
    31  
    32      linearGradient {
    33        &.is-#{$name} {
    34          > .start {
    35            stop-color: $color;
    36            stop-opacity: 0.2;
    37          }
    38  
    39          > .end {
    40            stop-color: $color;
    41            stop-opacity: 1;
    42          }
    43        }
    44      }
    45    }
    46  
    47    .metric {
    48      position: absolute;
    49      bottom: 0;
    50      width: 100%;
    51    }
    52  }