github.com/anth0d/nomad@v0.0.0-20221214183521-ae3a0a2cad06/ui/app/styles/components/node-status-light.scss (about)

     1  @use "sass:math";
     2  
     3  $size: 1.6rem;
     4  
     5  .node-status-light {
     6    display: inline-flex;
     7    height: $size;
     8    width: $size;
     9    border-radius: math.div($size, 2);
    10    vertical-align: middle;
    11    align-items: center;
    12    justify-content: center;
    13  
    14    // Compensate for the padding within the SVG
    15    // (between the circle paths and the viewBox)
    16    margin-left: -1px;
    17    margin-right: -1px;
    18  
    19    &.ready {
    20      color: $primary;
    21    }
    22  
    23    &.down {
    24      color: $danger;
    25    }
    26  
    27    &.initializing {
    28      color: $grey-light;
    29  
    30      .blinking {
    31        animation: node-status-light-initializing 0.7s infinite alternate ease-in-out;
    32      }
    33    }
    34  
    35    &.ineligible,
    36    &.draining {
    37      color: $warning;
    38    }
    39  
    40    .icon {
    41      width: $size;
    42      height: $size;
    43    }
    44  }
    45  
    46  @keyframes node-status-light-initializing {
    47    0% {
    48      opacity: 0.2;
    49    }
    50  
    51    100% {
    52      opacity: 0.7;
    53    }
    54  }