MyCrypto/common/containers/Tabs/Swap/components/ShapeshiftBanner.scss
William O'Beirne a58097eeaa Various Browser Quirk Fixes (#881)
* Fix large images in onboarding in safari.

* Fix shapeshift banner centering, adjusted spacing and logo.

* Fix jagged rates.

* Fix small password input on Firefox.

* Remove top and bottom padding on form inputs that would cause cut off text.

* Dont remove top and bottom padding on textareas.

* Prevent flickering from rerender of promos.
2018-01-22 14:44:13 -06:00

32 lines
614 B
SCSS

@import 'common/sass/variables';
.ShapeshiftBanner {
margin: $space 0;
text-align: center;
&-banner {
display: inline-block;
text-align: left;
padding: $space-sm $space;
background-color: #3a526d;
border-radius: 3px;
box-shadow: 0 3px 8px 0 rgba(0,0,0,0.1), inset 0 0 3px 0 rgba(0,0,0,0.1);
p {
display: inline-block;
color: white;
vertical-align: middle;
margin-bottom: 0px;
b {
margin-right: 5px;
}
}
img {
display: inline-block;
height: 32px;
box-sizing: content-box;
margin-left: 8px;
}
}
}