MyCrypto/common/components/BalanceSidebar/EquivalentValues.scss
William O'Beirne 8854d42fd9 Sidebar refactor / style update (#173)
* Convert bootstrap to sass instead of checked in and less

* Darken body, adjust header.

* First pass at tab styles, each tab will need a lot of individual love tho.

* Update footer to main site content, improve responsiveness.

* Missing key added.

* Fix dropdowns.

* Convert GenerateWallet HTML over, still needs styling.

* Send form.

* Current rates styled.

* CurrencySwap form styles.

* SwapInfoHeader styled.

* Finish up swap restyling, minor usability improvements for mobile.

* Fix up notifications / alert customizations

* Import v3 variables.

* Fix notification spacing.

* Align input height base with buttons.

* Revert height base, add additional bootstrap overrides.

* Grid overrides.

* Move overrides to their own folder. Adjust naming.

* Fix inconsistencies.

* Style generate wallet pt 1.

* Style generate wallet pt 2

* Style generate wallet pt 3

* Fix swap

* Added some missing overries, fixed the fallout.

* Remove header text, indicate alpha version.

* Fix radio / checkbox weights.

* Bind => arrow

* Convert simpledropdown to proper form select, instead of weirdly implemented nonfuncitoning dropdown.

* Fix token balances buttons, footr icons.

* Break out files, style up account info.

* Style up token balances.

* Equivalent values styling.

* Sidebar promos.

* Fix up delete button and add custom form.

* Even spacing.

* Unlog

* Convert Big types to Ether types

* Fix test to expect Ether instead of Big
2017-09-08 14:26:51 -05:00

38 lines
609 B
SCSS

@import "common/sass/variables";
@import "common/sass/mixins";
.EquivalentValues {
&-title {
margin-top: 0;
margin-bottom: $space;
}
&-values {
list-style: none;
padding: 0;
@include clearfix;
&-currency {
float: left;
width: 50%;
margin-bottom: $space-xs;
&:nth-child(odd) {
padding-right: $space-sm;
}
&:nth-child(even) {
padding-left: $space-sm;
}
&-label {
display: inline-block;
min-width: 36px;
}
&-value {
font-weight: 600;
@include mono;
}
}
}
}