github.com/hernad/nomad@v1.6.112/ui/app/styles/components/node-status-light.scss (about)

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