github.com/hernad/nomad@v1.6.112/ui/app/styles/components/two-step-button.scss (about)

     1  /**
     2   * Copyright (c) HashiCorp, Inc.
     3   * SPDX-License-Identifier: MPL-2.0
     4   */
     5  
     6  .two-step-button {
     7    display: inline-block;
     8    vertical-align: middle;
     9    position: relative;
    10    font-size: $body-size;
    11    line-height: 1;
    12  
    13    &.has-inline-text {
    14      display: inline-flex;
    15      align-items: center;
    16  
    17      button {
    18        margin-left: 0.5ch;
    19      }
    20  
    21      .confirmation-text {
    22        position: absolute;
    23        left: auto;
    24        right: 0;
    25        top: auto;
    26        margin-right: 100%;
    27      }
    28    }
    29  
    30    &.has-fading-background .confirmation-text {
    31      padding: 0.5rem 0 0.5rem 4rem;
    32      background: linear-gradient(to left, white, white 90%, transparent 100%);
    33    }
    34  
    35    .confirmation-text {
    36      position: absolute;
    37      left: 0;
    38      top: -1.5em;
    39      font-size: $body-size;
    40      line-height: 1;
    41      font-weight: $weight-normal;
    42      color: darken($grey-blue, 20%);
    43      white-space: nowrap;
    44  
    45      &.is-right-aligned {
    46        left: auto;
    47        right: 0;
    48      }
    49  
    50      &.inherit-color {
    51        color: currentColor;
    52      }
    53    }
    54  }