github.com/manicqin/nomad@v0.9.5/ui/app/styles/charts/line-chart.scss (about)

     1  .chart.line-chart {
     2    display: block;
     3    height: 100%;
     4  
     5    svg {
     6      display: block;
     7      height: 100%;
     8      width: 100%;
     9      overflow: visible;
    10    }
    11  
    12    .canvas {
    13      .line {
    14        fill: transparent;
    15        stroke-width: 1.25;
    16      }
    17  
    18      .hover-target {
    19        fill: transparent;
    20        stroke: transparent;
    21      }
    22    }
    23  
    24    .axis {
    25      line,
    26      path {
    27        stroke: $grey-blue;
    28      }
    29  
    30      text {
    31        fill: darken($grey-blue, 20%);
    32      }
    33    }
    34  
    35    .gridlines {
    36      path {
    37        stroke-width: 0;
    38      }
    39  
    40      line {
    41        stroke: lighten($grey-blue, 10%);
    42        stroke-dasharray: 5 10;
    43      }
    44    }
    45  
    46    @each $name, $pair in $colors {
    47      $color: nth($pair, 1);
    48  
    49      .canvas.is-#{$name} {
    50        .line {
    51          stroke: $color;
    52        }
    53      }
    54  
    55      linearGradient {
    56        &.is-#{$name} {
    57          > .start {
    58            stop-color: $color;
    59            stop-opacity: 0.6;
    60          }
    61  
    62          > .end {
    63            stop-color: $color;
    64            stop-opacity: 0.05;
    65          }
    66        }
    67      }
    68    }
    69  }