MyCrypto/common/components/NonceField.scss

41 lines
593 B
SCSS

@import 'common/sass/variables';
@import 'common/sass/mixins';
.Nonce {
&-label {
align-items: center;
margin-bottom: $space-xs;
&-text {
margin-bottom: 0;
}
}
&-field {
position: relative;
}
&-refresh {
@include reset-button;
opacity: 0.3;
transition: opacity 300ms;
> img {
height: 1.4rem;
}
&:hover {
opacity: 0.54;
}
&:active {
transition: opacity 120ms;
opacity: 1;
}
}
&-spinner,
&-refresh {
position: absolute;
right: 0;
bottom: 1rem;
padding: 0.75rem 1rem;
}
}