github.com/hernad/nomad@v1.6.112/ui/app/styles/charts/gauge-chart.scss (about)

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