diff options
| author | Chi Kei Chan <chikeichan@gmail.com> | 2019-06-13 10:56:04 +0800 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2019-06-13 10:56:04 +0800 |
| commit | 9a1a207ffae63962b2ae0ec1bdd7daa7a67eaa27 (patch) | |
| tree | 13933ea3bd92289b0b8fa067546d545ac380d9e6 /ui/app/css/itcss | |
| parent | 71390db4a3cd98e9a70abaae75b9e2864ebbddc6 (diff) | |
| download | tangerine-wallet-browser-9a1a207ffae63962b2ae0ec1bdd7daa7a67eaa27.tar.gz tangerine-wallet-browser-9a1a207ffae63962b2ae0ec1bdd7daa7a67eaa27.tar.zst tangerine-wallet-browser-9a1a207ffae63962b2ae0ec1bdd7daa7a67eaa27.zip | |
MetaMorph - Spacing and Typeface on Extension Main view (#6584)
* wip
* Style Update: Mobile App Header
* wip
* Style Update: mobile menu-bar
* Style Update: Primary and Secondary balance on mobile main view
* Style Update: Spacing for transaction-list and transaction-list-item
* Address PR Comments
* Fix full-width view
* line-height fixes
Diffstat (limited to 'ui/app/css/itcss')
| -rw-r--r-- | ui/app/css/itcss/components/network.scss | 20 | ||||
| -rw-r--r-- | ui/app/css/itcss/settings/variables.scss | 18 |
2 files changed, 31 insertions, 7 deletions
diff --git a/ui/app/css/itcss/components/network.scss b/ui/app/css/itcss/components/network.scss index da90b7910..4275ffe92 100644 --- a/ui/app/css/itcss/components/network.scss +++ b/ui/app/css/itcss/components/network.scss @@ -8,9 +8,9 @@ } .network-component.pointer { - border: 2px solid $silver; + border: 2px solid $Grey-200; border-radius: 82px; - padding: 7px 3px; + padding: 6px 3px; flex: 0 0 auto; display: flex; @@ -47,11 +47,15 @@ align-items: center; font-size: .6em; - .fa-caret-down { - line-height: 15px; - font-size: 12px; - padding: 0 4px; - flex: 0 0 auto; + &__down-arrow { + height: 8px; + width: 12px; + display: block; + background-image: url(/images/icons/caret-down.svg); + background-repeat: no-repeat; + background-size: contain; + background-position: center; + margin: 0 8px; } .fa-question-circle { @@ -65,12 +69,14 @@ padding: 0 4px; font-family: Roboto; font-size: 12px; + line-height: 14px; flex: 1 1 auto; color: $tundora; font-weight: 500; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; + height: 16px; } .dropdown-menu-item .fa.delete { diff --git a/ui/app/css/itcss/settings/variables.scss b/ui/app/css/itcss/settings/variables.scss index f7003b1f4..c02be0d98 100644 --- a/ui/app/css/itcss/settings/variables.scss +++ b/ui/app/css/itcss/settings/variables.scss @@ -99,7 +99,11 @@ $Blue-500: #037DD6; $Blue-600: #0260a4; $Grey-000: #f2f3f4; +$Grey-100: #D6D9DC; +$Grey-200: #bbc0c5; +$Grey-400: #848c96; $Grey-500: #6A737D; +$Grey-800: #24272a; $Red-000: #fcf2f3; $Red-500: #D73A49; @@ -109,3 +113,17 @@ $Orange-000: #fef5ef; $Orange-500: #F66A0A; +/* + Spacing Variables +*/ +$no-spacing: 0px; +$xxs-spacing: 4px; +$xs-spacing: 8px; +$s-spacing: 16px; +$base-spacing: 24px; +$medium-spacing: 32px; +$large-spacing: 40px; +$xlarge-spacing: 48px; +$xxlarge-spacing: 64px; + + |