github.com/anth0d/nomad@v0.0.0-20221214183521-ae3a0a2cad06/ui/app/styles/components/two-step-button.scss (about)

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