AddressInputFactory.scss
1 @import 'common/sass/variables'; 2 @import 'common/sass/variables/spacing'; 3 @import 'common/sass/variables/colors'; 4 5 .AddressInput { 6 display: flex; 7 flex-direction: row; 8 flex-wrap: nowrap; 9 10 &-input { 11 position: relative; 12 flex-grow: 1; 13 14 &-with-label { 15 margin-bottom: $space-lg; 16 } 17 18 &-label { 19 position: absolute; 20 width: 100%; 21 color: color(brand-success-darker); 22 white-space: nowrap; 23 overflow: hidden; 24 text-overflow: ellipsis; 25 } 26 } 27 28 &-identicon { 29 padding-top: $space-md; 30 transform: translateX(20%); 31 32 @media (max-width: $screen-sm) { 33 padding-top: 1.5rem; 34 35 .Identicon { 36 width: 3.4rem !important; 37 height: 3.4rem !important; 38 } 39 } 40 41 @media (max-width: 380px) { 42 display: none; 43 } 44 } 45 }