github.com/hernad/nomad@v1.6.112/ui/app/styles/components/popover-menu.scss (about)

     1  /**
     2   * Copyright (c) HashiCorp, Inc.
     3   * SPDX-License-Identifier: MPL-2.0
     4   */
     5  
     6  .popover-content {
     7    border: 1px solid $grey-blue;
     8    box-shadow: 0 6px 8px -2px rgba($black, 0.05), 0 8px 4px -4px rgba($black, 0.1);
     9    margin-right: -$radius;
    10    margin-top: -1px;
    11    border-radius: $radius;
    12    padding: 0.5em 1em;
    13    width: 200px;
    14    z-index: $z-popover;
    15  }
    16  
    17  .popover-actions {
    18    margin: 1rem -1rem -0.5rem -1rem;
    19    border-top: 1px solid $grey-lighter;
    20    display: flex;
    21  
    22    .popover-action {
    23      border: none;
    24      background: transparent;
    25      height: 2.75em;
    26      width: 100%;
    27      margin: 4px;
    28      border-radius: $radius;
    29      font-size: 1rem;
    30      font-weight: $weight-bold;
    31      align-items: center;
    32      cursor: pointer;
    33  
    34      &:hover {
    35        background: $white-ter;
    36      }
    37  
    38      &:focus {
    39        background: $white-ter;
    40        box-shadow: inset 0 0 0 2px rgba($blue, 0.5);
    41        outline: none;
    42      }
    43  
    44      @each $name, $pair in $colors {
    45        $color: nth($pair, 1);
    46  
    47        &.is-#{$name} {
    48          color: $color;
    49        }
    50      }
    51  
    52      // Override is-primary, which is normally green, to be blue
    53      &.is-primary {
    54        color: $blue;
    55      }
    56    }
    57  }