/ common / components / NonceField.scss
NonceField.scss
 1  @import 'common/sass/variables';
 2  @import 'common/sass/mixins';
 3  
 4  .Nonce {
 5    &-label {
 6      align-items: center;
 7      margin-bottom: $space-xs;
 8      &-text {
 9        margin-bottom: 0;
10      }
11    }
12    &-field {
13      position: relative;
14    }
15  
16    &-refresh {
17      @include reset-button;
18      opacity: 0.3;
19      transition: opacity 300ms;
20  
21      > img {
22        height: 1.4rem;
23      }
24      &:hover {
25        opacity: 0.54;
26      }
27      &:active {
28        transition: opacity 120ms;
29        opacity: 1;
30      }
31    }
32  
33    &-spinner,
34    &-refresh {
35      position: absolute;
36      right: 0;
37      bottom: 1rem;
38      padding: 0.75rem 1rem;
39    }
40  }