github.com/iqoqo/nomad@v0.11.3-0.20200911112621-d7021c74d101/ui/app/styles/core/notification.scss (about)

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