diff --git a/src/sass/variables.scss b/src/sass/variables.scss index fecc7bed2..db0b86431 100644 --- a/src/sass/variables.scss +++ b/src/sass/variables.scss @@ -46,6 +46,7 @@ $item-default-border: $subtle-gray; $item-default-text: $dark-gray; $item-default-active-bg: darken(#ffffff, 7%); $item-default-active-border: darken($subtle-gray, 7%); +$item-divider-bg: $subtle-gray; $bar-default-border: $subtle-gray; diff --git a/src/sass/views/buyandsell.scss b/src/sass/views/buyandsell.scss new file mode 100644 index 000000000..908287f9a --- /dev/null +++ b/src/sass/views/buyandsell.scss @@ -0,0 +1,34 @@ +#buy-and-sell { + .explain { + text-align: center; + margin-top: 1em; + } + .buy-and-sell-icon { + display: inline-block; + width: 50px; + height: 50px; + border-radius: 50%; + box-shadow: $subtle-box-shadow; + background-color: #fa912b; + img { + height: 100%; + width: 100%; + } + } + .explain { + &-heading { + font-size: 20px; + margin: 1rem; + } + &-description { + margin-left: auto; + margin-right: auto; + opacity: .6; + max-width: 300px; + padding: 0 1em; + } + } + .item-note { + color: $light-gray; + } +} diff --git a/src/sass/views/views.scss b/src/sass/views/views.scss index e26092690..774029341 100644 --- a/src/sass/views/views.scss +++ b/src/sass/views/views.scss @@ -15,6 +15,7 @@ @import "bitpayCard"; @import "bitpayCardIntro"; @import "bitpayCardPreferences"; +@import "buyandsell"; @import "address-book"; @import "addresses"; @import "wallet-backup-phrase"; diff --git a/www/views/buyandsell.html b/www/views/buyandsell.html index b48b777f2..bd2a32466 100644 --- a/www/views/buyandsell.html +++ b/www/views/buyandsell.html @@ -1,21 +1,30 @@ - + - Buy and sell + Buy & Sell Bitcoin
+
+ + + +
Connect an Exchange
+
Buy and sell bitcoin directly from your wallet by connecting an exchange account.
+
- - +