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 }