github.com/hernad/nomad@v1.6.112/ui/app/styles/core/notification.scss (about)

     1  /**
     2   * Copyright (c) HashiCorp, Inc.
     3   * SPDX-License-Identifier: MPL-2.0
     4   */
     5  
     6  .notification {
     7    padding: 0.5rem 1rem;
     8    border: 1px solid $grey-blue;
     9  
    10    &.is-pending {
    11      background: $grey-blue;
    12      color: findColorInvert(darken($grey-blue, 10%));
    13      border-color: $grey-blue;
    14    }
    15  
    16    &.is-running {
    17      background: lighten($blue, 40%);
    18      color: $blue;
    19      border-color: $blue;
    20    }
    21  
    22    &.is-error {
    23      background: lighten($danger, 40%);
    24      color: $danger;
    25      border-color: $danger;
    26    }
    27  
    28    &.is-cancelled {
    29      background: lighten($orange, 40%);
    30      color: $orange;
    31      border-color: $orange;
    32    }
    33  
    34    @each $name, $pair in $colors {
    35      $color: nth($pair, 1);
    36  
    37      &.is-#{$name} {
    38        background: lighten($color, 40%);
    39        color: $color;
    40        border-color: $color;
    41      }
    42    }
    43  
    44    &.is-light {
    45      background: lighten($white-ter, 5%);
    46      color: darken($grey-blue, 20%);
    47      border-color: $grey-blue;
    48    }
    49  }