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 }