TheDude
/
ciphermask
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

normalize app component font styles (#9695)

Browse Source
feature/default_network_editable
Brad Decker 4 years ago committed by GitHub
parent c130a7ae6c
commit fe69182056
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
58 changed files with 325 additions and 259 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  1. 3
      ui/app/components/app/account-list-item/index.scss
  2. 31
      ui/app/components/app/account-menu/index.scss
  3. 6
      ui/app/components/app/alerts/unconnected-account-alert/unconnected-account-alert.scss
  4. 6
      ui/app/components/app/asset-list-item/asset-list-item.scss
  5. 14
      ui/app/components/app/confirm-page-container/confirm-detail-row/index.scss
  6. 6
      ui/app/components/app/confirm-page-container/confirm-page-container-content/confirm-page-container-summary/index.scss
  7. 3
      ui/app/components/app/confirm-page-container/confirm-page-container-content/confirm-page-container-warning/index.scss
  8. 12
      ui/app/components/app/confirm-page-container/confirm-page-container-content/index.scss
  9. 7
      ui/app/components/app/confirm-page-container/confirm-page-container-header/index.scss
  10. 6
      ui/app/components/app/confirm-page-container/confirm-page-container-navigation/index.scss
  11. 10
      ui/app/components/app/connected-accounts-list/index.scss
  12. 13
      ui/app/components/app/connected-accounts-permissions/index.scss
  13. 3
      ui/app/components/app/connected-sites-list/index.scss
  14. 3
      ui/app/components/app/connected-status-indicator/index.scss
  15. 19
      ui/app/components/app/gas-customization/advanced-gas-inputs/index.scss
  16. 25
      ui/app/components/app/gas-customization/gas-modal-page-container/advanced-tab-content/index.scss
  17. 9
      ui/app/components/app/gas-customization/gas-modal-page-container/basic-tab-content/index.scss
  18. 26
      ui/app/components/app/gas-customization/gas-modal-page-container/index.scss
  19. 44
      ui/app/components/app/gas-customization/gas-price-button-group/index.scss
  20. 11
      ui/app/components/app/gas-customization/gas-price-chart/index.scss
  21. 3
      ui/app/components/app/gas-customization/gas-slider/index.scss
  22. 10
      ui/app/components/app/home-notification/index.scss
  23. 2
      ui/app/components/app/info-box/index.scss
  24. 3
      ui/app/components/app/menu-bar/index.scss
  25. 6
      ui/app/components/app/modal/modal-content/index.scss
  26. 6
      ui/app/components/app/modals/account-details-modal/index.scss
  27. 7
      ui/app/components/app/modals/account-modal-container/index.scss
  28. 3
      ui/app/components/app/modals/add-to-addressbook-modal/index.scss
  29. 5
      ui/app/components/app/modals/cancel-transaction/cancel-transaction-gas-fee/index.scss
  30. 3
      ui/app/components/app/modals/cancel-transaction/index.scss
  31. 9
      ui/app/components/app/modals/confirm-remove-account/index.scss
  32. 32
      ui/app/components/app/modals/deposit-ether-modal/index.scss
  33. 29
      ui/app/components/app/modals/edit-approval-permission/index.scss
  34. 22
      ui/app/components/app/modals/export-private-key-modal/index.scss
  35. 14
      ui/app/components/app/modals/hide-token-confirmation-modal/index.scss
  36. 2
      ui/app/components/app/modals/metametrics-opt-in-modal/index.scss
  37. 6
      ui/app/components/app/modals/new-account-modal/index.scss
  38. 12
      ui/app/components/app/modals/qr-scanner/index.scss
  39. 3
      ui/app/components/app/modals/reject-transactions/index.scss
  40. 6
      ui/app/components/app/modals/transaction-confirmed/index.scss
  41. 3
      ui/app/components/app/multiple-notifications/index.scss
  42. 3
      ui/app/components/app/network-display/index.scss
  43. 5
      ui/app/components/app/permission-page-container/index.scss
  44. 1
      ui/app/components/app/permissions-connect-footer/index.scss
  45. 3
      ui/app/components/app/permissions-connect-header/index.scss
  46. 8
      ui/app/components/app/selected-account/index.scss
  47. 2
      ui/app/components/app/sidebars/sidebar-content.scss
  48. 32
      ui/app/components/app/signature-request-original/index.scss
  49. 15
      ui/app/components/app/signature-request/index.scss
  50. 6
      ui/app/components/app/signature-request/signature-request-header/index.scss
  51. 11
      ui/app/components/app/signature-request/signature-request-message/index.scss
  52. 9
      ui/app/components/app/tab-bar/index.scss
  53. 6
      ui/app/components/app/transaction-activity-log/index.scss
  54. 3
      ui/app/components/app/transaction-breakdown/transaction-breakdown-row/index.scss
  55. 2
      ui/app/components/app/transaction-list-item-details/index.scss
  56. 7
      ui/app/components/app/transaction-list-item/index.scss
  57. 4
      ui/app/components/app/transaction-list/index.scss
  58. 24
      ui/app/components/app/wallet-overview/index.scss

3
ui/app/components/app/account-list-item/index.scss
Unescape View File

@ -7,7 +7,8 @@
} }
&__account-name { &__account-name {
font-size: 16px; @include Paragraph;
margin-left: 8px; margin-left: 8px;
} }

31
ui/app/components/app/account-menu/index.scss
Unescape View File

@ -56,12 +56,12 @@
} }
&__text { &__text {
font-size: 16px; @include Paragraph;
line-height: 21px;
} }
&__subtext { &__subtext {
font-size: 12px; @include H7;
padding: 5px 0 0 30px; padding: 5px 0 0 30px;
} }
} }
@ -98,13 +98,13 @@
} }
&__lock-button { &__lock-button {
@include H7;
border: 1px solid $dusty-gray; border: 1px solid $dusty-gray;
background-color: transparent; background-color: transparent;
color: $white; color: $white;
border-radius: 4px; border-radius: 4px;
font-size: 12px; padding: 3.5px 24px;
line-height: 23px;
padding: 0 24px;
} }
&__item-icon { &__item-icon {
@ -138,9 +138,9 @@
} }
.keyring-label { .keyring-label {
@include H9;
z-index: 1; z-index: 1;
font-size: 8px;
line-height: 8px;
border-radius: 10px; border-radius: 10px;
padding: 4px; padding: 4px;
text-align: center; text-align: center;
@ -151,11 +151,14 @@
color: $black; color: $black;
font-weight: normal; font-weight: normal;
letter-spacing: 0.5px; letter-spacing: 0.5px;
display: flex;
align-items: center;
} }
} }
&__no-accounts { &__no-accounts {
font-size: 0.8em; @include H6;
padding: 16px 14px; padding: 16px 14px;
} }
@ -215,8 +218,9 @@
} }
&__name { &__name {
@include H4;
color: $white; color: $white;
font-size: 18px;
text-overflow: ellipsis; text-overflow: ellipsis;
overflow: hidden; overflow: hidden;
white-space: nowrap; white-space: nowrap;
@ -224,13 +228,14 @@
} }
&__balance { &__balance {
@include H6;
color: $dusty-gray; color: $dusty-gray;
font-size: 14px;
} }
&__action { &__action {
font-size: 16px; @include Paragraph;
line-height: 18px;
cursor: pointer; cursor: pointer;
} }

6
ui/app/components/app/alerts/unconnected-account-alert/unconnected-account-alert.scss
Unescape View File

@ -26,9 +26,10 @@
} }
&__error { &__error {
@include H6;
margin-bottom: 16px; margin-bottom: 16px;
padding: 16px; padding: 16px;
font-size: 14px;
border: 1px solid $accent-red; border: 1px solid $accent-red;
background: #f8eae8; background: #f8eae8;
border-radius: 3px; border-radius: 3px;
@ -47,8 +48,9 @@
} }
&__checkbox-label { &__checkbox-label {
@include H7;
display: flex; display: flex;
font-size: 12px;
margin-top: auto; margin-top: auto;
margin-bottom: auto; margin-bottom: auto;
color: $Grey-500; color: $Grey-500;

6
ui/app/components/app/asset-list-item/asset-list-item.scss
Unescape View File

@ -15,8 +15,9 @@
} }
.list-item__subheading { .list-item__subheading {
@include H6;
margin-top: 6px; margin-top: 6px;
font-size: 14px;
} }
&__warning { &__warning {
@ -25,10 +26,11 @@
} }
& &__send-token-button { & &__send-token-button {
@include H6;
display: none; display: none;
text-transform: uppercase; text-transform: uppercase;
width: fit-content; width: fit-content;
font-size: 14px;
} }
@media (min-width: 576px) { @media (min-width: 576px) {

14
ui/app/components/app/confirm-page-container/confirm-detail-row/index.scss
Unescape View File

@ -6,7 +6,8 @@
align-items: center; align-items: center;
&__label { &__label {
font-size: 0.75rem; @include H7;
font-weight: 500; font-weight: 500;
color: $scorpion; color: $scorpion;
text-transform: uppercase; text-transform: uppercase;
@ -19,7 +20,8 @@
} }
&__primary { &__primary {
font-size: 1.5rem; @include H3;
justify-content: flex-end; justify-content: flex-end;
} }
@ -29,7 +31,8 @@
} }
&__header-text { &__header-text {
font-size: 0.75rem; @include H7;
text-transform: uppercase; text-transform: uppercase;
margin-bottom: 6px; margin-bottom: 6px;
color: $scorpion; color: $scorpion;
@ -40,7 +43,7 @@
} }
&--total { &--total {
font-size: 0.625rem; @include H8;
} }
} }
@ -50,8 +53,9 @@
.custom-nonce-input { .custom-nonce-input {
input { input {
@include Paragraph;
width: 90px; width: 90px;
font-size: 1rem;
} }
} }
} }

6
ui/app/components/app/confirm-page-container/confirm-page-container-content/confirm-page-container-summary/index.scss
Unescape View File

@ -10,9 +10,10 @@
} }
&__action { &__action {
@include H7;
text-transform: uppercase; text-transform: uppercase;
color: $oslo-gray; color: $oslo-gray;
font-size: 0.75rem;
padding: 3px 8px; padding: 3px 8px;
border: 1px solid $oslo-gray; border: 1px solid $oslo-gray;
border-radius: 4px; border-radius: 4px;
@ -35,7 +36,8 @@
} }
&__title-text { &__title-text {
font-size: 2.25rem; @include H1;
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;

3
ui/app/components/app/confirm-page-container/confirm-page-container-content/confirm-page-container-warning/index.scss
Unescape View File

@ -12,7 +12,8 @@
} }
&__warning { &__warning {
font-size: 0.75rem; @include H7;
color: #5f5922; color: #5f5922;
} }
} }

12
ui/app/components/app/confirm-page-container/confirm-page-container-content/index.scss
Unescape View File

@ -23,18 +23,20 @@
} }
&__data-box { &__data-box {
@include H7;
background-color: #f9fafa; background-color: #f9fafa;
padding: 12px; padding: 12px;
font-size: 0.75rem;
margin-bottom: 16px; margin-bottom: 16px;
word-wrap: break-word; word-wrap: break-word;
max-height: 200px; max-height: 200px;
overflow-y: auto; overflow-y: auto;
&-label { &-label {
@include H7;
text-transform: uppercase; text-transform: uppercase;
padding: 8px 0 12px; padding: 8px 0 12px;
font-size: 12px;
} }
} }
@ -61,7 +63,8 @@
} }
&__function-type { &__function-type {
font-size: 0.875rem; @include H6;
font-weight: 500; font-weight: 500;
text-transform: capitalize; text-transform: capitalize;
color: $black; color: $black;
@ -69,7 +72,8 @@
} }
&__tab { &__tab {
font-size: 0.75rem; @include H7;
color: #8c8e94; color: #8c8e94;
text-transform: uppercase; text-transform: uppercase;
margin: 0 8px; margin: 0 8px;

7
ui/app/components/app/confirm-page-container/confirm-page-container-header/index.scss
Unescape View File

@ -23,10 +23,10 @@
} }
&__back-button { &__back-button {
@include Paragraph;
color: #2f9ae0; color: #2f9ae0;
font-size: 1rem;
cursor: pointer; cursor: pointer;
font-weight: 400;
padding-left: 5px; padding-left: 5px;
} }
@ -38,7 +38,8 @@
} }
&__address { &__address {
@include H6;
margin-left: 6px; margin-left: 6px;
font-size: 14px;
} }
} }

6
ui/app/components/app/confirm-page-container/confirm-page-container-navigation/index.scss
Unescape View File

@ -36,13 +36,15 @@
} }
&__navtext { &__navtext {
font-size: 9px; @include H9;
font-weight: bold; font-weight: bold;
} }
&__longtext { &__longtext {
@include H9;
color: $oslo-gray; color: $oslo-gray;
font-size: 8px;
} }
&__imageflip { &__imageflip {

10
ui/app/components/app/connected-accounts-list/index.scss
Unescape View File

@ -8,15 +8,15 @@
} }
&__account-name { &__account-name {
@include H6;
display: inline; display: inline;
font-weight: bold; font-weight: bold;
font-size: 14px;
line-height: 20px;
} }
%account-status-typography { %account-status-typography {
font-size: 12px; @include H7;
line-height: 17px;
padding-top: 4px; padding-top: 4px;
} }
@ -67,9 +67,9 @@
.connected-accounts-options { .connected-accounts-options {
&__button { &__button {
font-size: $font-size-h4;
background: inherit; background: inherit;
color: $Grey-500; color: $Grey-500;
font-size: 22px;
} }
} }

13
ui/app/components/app/connected-accounts-permissions/index.scss
Unescape View File

@ -1,8 +1,8 @@
.connected-accounts-permissions { .connected-accounts-permissions {
@include H7;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
font-size: 12px;
line-height: 17px;
color: $Grey-500; color: $Grey-500;
strong { strong {
@ -14,18 +14,17 @@
} }
&__header { &__header {
@include H6;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
cursor: pointer; cursor: pointer;
font-size: 14px;
line-height: 20px;
color: #24292e; color: #24292e;
button { button {
font-size: 16px; font-size: $font-size-paragraph;
line-height: 24px;
background: none; background: none;
padding: 0; padding: 0;
margin-left: 8px; margin-left: 8px;
@ -41,8 +40,8 @@
} }
& &__checkbox { & &__checkbox {
font-size: $font-size-h4;
margin: 0 8px 0 0; margin: 0 8px 0 0;
font-size: 18px;
} }
&__list-container { &__list-container {

3
ui/app/components/app/connected-sites-list/index.scss
Unescape View File

@ -16,11 +16,12 @@
} }
&__domain-info { &__domain-info {
@include H7;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
min-width: 0; min-width: 0;
font-size: 12px;
} }
&__domain-name { &__domain-name {

3
ui/app/components/app/connected-status-indicator/index.scss
Unescape View File

@ -51,7 +51,8 @@
} }
&__text { &__text {
font-size: 10px; @include H8;
color: $Grey-500; color: $Grey-500;
margin-left: 6px; margin-left: 6px;
white-space: nowrap; white-space: nowrap;

19
ui/app/components/app/gas-customization/advanced-gas-inputs/index.scss
Unescape View File

@ -11,14 +11,15 @@
width: 47.5%; width: 47.5%;
&__label { &__label {
@include H7;
color: #313b5e; color: #313b5e;
font-size: 12px;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
@media screen and (max-width: 576px) { @media screen and (max-width: 576px) {
font-size: 10px; @include H8;
} }
.fa-info-circle { .fa-info-circle {
@ -32,12 +33,14 @@
} }
&__error-text { &__error-text {
font-size: 12px; @include H7;
color: red; color: red;
} }
&__warning-text { &__warning-text {
font-size: 12px; @include H7;
color: orange; color: orange;
} }
@ -47,11 +50,12 @@
&__input { &__input {
/*rtl:ignore*/ /*rtl:ignore*/
@include Paragraph;
direction: ltr; direction: ltr;
border: 1px solid $dusty-gray; border: 1px solid $dusty-gray;
border-radius: 4px; border-radius: 4px;
color: $mid-gray; color: $mid-gray;
font-size: 16px;
height: 24px; height: 24px;
width: 100%; width: 100%;
padding-left: 8px; padding-left: 8px;
@ -68,6 +72,8 @@
} }
&__input-arrows { &__input-arrows {
@include H6;
position: absolute; position: absolute;
top: 7px; top: 7px;
@ -80,7 +86,6 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
color: #9b9b9b; color: #9b9b9b;
font-size: 0.8em;
border-bottom-right-radius: 4px; border-bottom-right-radius: 4px;
cursor: pointer; cursor: pointer;
@ -102,7 +107,7 @@
} }
i { i {
font-size: 10px; font-size: $font-size-h8;
} }
} }

25
ui/app/components/app/gas-customization/gas-modal-page-container/advanced-tab-content/index.scss
Unescape View File

@ -18,42 +18,47 @@
&__titles, &__titles,
&__container { &__container {
@include H7;
display: flex; display: flex;
flex-flow: row; flex-flow: row;
justify-content: space-between; justify-content: space-between;
font-size: 12px;
color: #888ea3; color: #888ea3;
} }
&__container { &__container {
font-size: 16px; @include Paragraph;
margin-top: 0; margin-top: 0;
} }
&__fee { &__fee {
font-size: 16px; @include Paragraph;
color: #313a5e; color: #313a5e;
} }
&__time-remaining { &__time-remaining {
@include Paragraph;
/*rtl:ignore*/ /*rtl:ignore*/
direction: ltr; direction: ltr;
color: #313a5e; color: #313a5e;
font-size: 16px;
.minutes-num, .minutes-num,
.seconds-num { .seconds-num {
font-size: 16px; @include Paragraph;
} }
.seconds-num { .seconds-num {
@include Paragraph;
margin-left: 7px; margin-left: 7px;
font-size: 16px;
} }
.minutes-label, .minutes-label,
.seconds-label { .seconds-label {
font-size: 16px; @include Paragraph;
} }
} }
} }
@ -67,12 +72,15 @@
position: relative; position: relative;
&__title { &__title {
font-size: 12px; @include H7;
color: #313a5e; color: #313a5e;
margin-left: 22px; margin-left: 22px;
} }
&__speed-buttons { &__speed-buttons {
@include H8;
position: absolute; position: absolute;
bottom: 13px; bottom: 13px;
display: flex; display: flex;
@ -80,7 +88,6 @@
padding-left: 20px; padding-left: 20px;
padding-right: 19px; padding-right: 19px;
width: 100%; width: 100%;
font-size: 10px;
color: #888ea3; color: #888ea3;
} }

9
ui/app/components/app/gas-customization/gas-modal-page-container/basic-tab-content/index.scss
Unescape View File

@ -8,22 +8,25 @@
border-bottom: 1px solid #d2d8dd; border-bottom: 1px solid #d2d8dd;
&__title { &__title {
@include Paragraph;
margin-top: 19px; margin-top: 19px;
font-size: 16px;
color: $black; color: $black;
} }
&__blurb { &__blurb {
@include H7;
width: 95%; width: 95%;
font-size: 12px;
color: $black; color: $black;
margin-top: 5px; margin-top: 5px;
margin-bottom: 15px; margin-bottom: 15px;
} }
&__footer-blurb { &__footer-blurb {
@include H7;
width: 95%; width: 95%;
font-size: 12px;
color: #979797; color: #979797;
margin-top: 15px; margin-top: 15px;
} }

26
ui/app/components/app/gas-customization/gas-modal-page-container/index.scss
Unescape View File

@ -31,7 +31,8 @@
} }
&__header-close-text { &__header-close-text {
font-size: 14px; @include H6;
color: #4eade7; color: #4eade7;
position: absolute; position: absolute;
top: 4px; top: 4px;
@ -42,10 +43,10 @@
} }
&__title { &__title {
@include H5;
color: $black; color: $black;
font-size: 16px;
font-weight: 500; font-weight: 500;
line-height: 16px;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: flex-start; align-items: flex-start;
@ -61,8 +62,9 @@
} }
&__tab { &__tab {
@include H6;
width: 100%; width: 100%;
font-size: 14px;
&:last-of-type { &:last-of-type {
margin-right: 0; margin-right: 0;
@ -88,13 +90,14 @@
&__info-row, &__info-row,
&__info-row--fade { &__info-row--fade {
@include H7;
width: 100%; width: 100%;
background: $polar; background: $polar;
padding: 15px 21px; padding: 15px 21px;
display: flex; display: flex;
flex-flow: column; flex-flow: column;
color: $scorpion; color: $scorpion;
font-size: 12px;
&__send-info, &__send-info,
&__transaction-info, &__transaction-info,
@ -111,19 +114,20 @@
&__total-info { &__total-info {
&__label { &__label {
font-size: 16px; @include Paragraph;
@media screen and (max-width: $break-small) { @media screen and (max-width: $break-small) {
font-size: 14px; @include H6;
} }
} }
&__value { &__value {
font-size: 16px; @include Paragraph;
font-weight: bold; font-weight: bold;
@media screen and (max-width: $break-small) { @media screen and (max-width: $break-small) {
font-size: 14px; @include H6;
} }
} }
} }
@ -131,11 +135,11 @@
&__transaction-info, &__transaction-info,
&__send-info { &__send-info {
&__label { &__label {
font-size: 12px; @include H7;
} }
&__value { &__value {
font-size: 12px; @include H6;
} }
} }
} }

44
ui/app/components/app/gas-customization/gas-price-button-group/index.scss
Unescape View File

@ -7,7 +7,8 @@
padding-right: 20px; padding-right: 20px;
&__primary-currency { &__primary-currency {
font-size: 18px; @include H4;
height: 20.5px; height: 20.5px;
margin-bottom: 7.5px; margin-bottom: 7.5px;
} }
@ -24,9 +25,10 @@
.button-group__button, .button-group__button,
.button-group__button--active { .button-group__button--active {
@include H7;
height: 130px; height: 130px;
max-width: 108px; max-width: 108px;
font-size: 12px;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
display: flex; display: flex;
@ -66,18 +68,18 @@
.gas-price-button-group--small { .gas-price-button-group--small {
display: flex; display: flex;
justify-content: stretch; justify-content: stretch;
height: 54px; min-height: 54px;
@media screen and (max-width: $break-small) { @media screen and (max-width: $break-small) {
max-width: 260px; max-width: 260px;
} }
&__button-fiat-price { &__button-fiat-price {
font-size: 13px; @include H6;
} }
&__button-label { &__button-label {
font-size: 16px; @include Paragraph;
} }
&__label { &__label {
@ -87,22 +89,22 @@
} }
&__primary-currency { &__primary-currency {
font-size: 12px; @include H7;
line-height: 12px;
padding-bottom: 2px; padding-bottom: 2px;
@media screen and (max-width: 575px) { @media screen and (max-width: 575px) {
font-size: 10px; @include H8;
} }
} }
&__secondary-currency { &__secondary-currency {
font-size: 12px; @include H7;
line-height: 12px;
padding-bottom: 2px; padding-bottom: 2px;
@media screen and (max-width: 575px) { @media screen and (max-width: 575px) {
font-size: 10px; @include H8;
} }
} }
@ -114,7 +116,7 @@
.button-group__button--active { .button-group__button--active {
background: white; background: white;
color: $scorpion; color: $scorpion;
padding: 0 4px; padding: 4px;
div { div {
display: flex; display: flex;
@ -150,26 +152,28 @@
width: 95%; width: 95%;
&__button-fiat-price { &__button-fiat-price {
font-size: 13px; @include H6;
} }
&__button-label { &__button-label {
font-size: 16px; @include Paragraph;
} }
&__label { &__label {
@include H8;
font-weight: 500; font-weight: 500;
font-size: 10px;
text-transform: capitalize; text-transform: capitalize;
} }
&__primary-currency { &__primary-currency {
font-size: 11px; @include H7;
margin-top: 3px; margin-top: 3px;
} }
&__secondary-currency { &__secondary-currency {
font-size: 11px; @include H7;
} }
&__loading-container { &__loading-container {
@ -177,7 +181,8 @@
} }
&__time-estimate { &__time-estimate {
font-size: 12px; @include H7;
font-weight: 500; font-weight: 500;
margin-top: 4px; margin-top: 4px;
color: $black; color: $black;
@ -238,9 +243,10 @@
} }
i { i {
@include H7;
display: flex; display: flex;
color: $primary-blue; color: $primary-blue;
font-size: 12px;
} }
} }
} }

11
ui/app/components/app/gas-customization/gas-price-chart/index.scss
Unescape View File

@ -17,10 +17,10 @@
.tick text, .tick text,
.c3-axis-x-label, .c3-axis-x-label,
.c3-axis-y-label { .c3-axis-y-label {
font-style: normal; @include H9;
font-weight: bold;
line-height: normal; line-height: normal;
font-size: 8px; font-weight: bold;
text-align: center; text-align: center;
fill: #9a9ca6 !important; fill: #9a9ca6 !important;
} }
@ -52,10 +52,9 @@
} }
.custom-tooltip th { .custom-tooltip th {
font-style: normal; @include H8;
font-weight: 500; font-weight: 500;
line-height: normal;
font-size: 10px;
text-align: center; text-align: center;
padding: 3px; padding: 3px;
color: #fff; color: #fff;

3
ui/app/components/app/gas-customization/gas-slider/index.scss
Unescape View File

@ -45,9 +45,10 @@
} }
&__labels { &__labels {
@include H7;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
font-size: 12px;
margin-top: -6px; margin-top: -6px;
color: $mid-gray; color: $mid-gray;
} }

10
ui/app/components/app/home-notification/index.scss
Unescape View File

@ -39,9 +39,8 @@
} }
&__text { &__text {
font-style: normal; @include H7;
font-weight: normal;
font-size: 12px;
color: $white; color: $white;
margin-left: 10px; margin-left: 10px;
margin-right: 8px; margin-right: 8px;
@ -115,9 +114,8 @@
} }
&__content { &__content {
font-style: normal; @include H7;
font-weight: normal;
font-size: 12px;
color: $white; color: $white;
text-align: left; text-align: left;
display: inline-block; display: inline-block;

2
ui/app/components/app/info-box/index.scss
Unescape View File

@ -19,6 +19,6 @@
} }
&__description { &__description {
font-size: 0.75rem; @include H7;
} }
} }

3
ui/app/components/app/menu-bar/index.scss
Unescape View File

@ -29,7 +29,8 @@
} }
&__explorer-origin { &__explorer-origin {
@include H7;
color: $Grey-500; color: $Grey-500;
font-size: 12px;
} }
} }

6
ui/app/components/app/modal/modal-content/index.scss
Unescape View File

@ -6,14 +6,16 @@
padding: 16px 0; padding: 16px 0;
&__title { &__title {
font-size: 1.5rem; @include H3;
font-weight: 500; font-weight: 500;
padding: 16px 0; padding: 16px 0;
text-align: center; text-align: center;
} }
&__description { &__description {
@include H6;
text-align: center; text-align: center;
font-size: 0.875rem;
} }
} }

6
ui/app/components/app/modals/account-details-modal/index.scss
Unescape View File

@ -1,7 +1,8 @@
.account-details-modal { .account-details-modal {
&__name { &__name {
@include H4;
margin-top: 9px; margin-top: 9px;
font-size: 20px;
} }
& &__button { & &__button {
@ -18,8 +19,9 @@
} }
& .qr-header { & .qr-header {
@include H4;
margin-top: 9px; margin-top: 9px;
font-size: 20px;
} }
& .qr-wrapper { & .qr-wrapper {

7
ui/app/components/app/modals/account-modal-container/index.scss
Unescape View File

@ -22,13 +22,14 @@
} }
&__back-text { &__back-text {
font-size: 14px; @include H6;
line-height: 18px;
padding-left: 3px; padding-left: 3px;
} }
&__close { &__close {
font-size: 40px; @include H1;
background-color: transparent; background-color: transparent;
color: $dusty-gray; color: $dusty-gray;
position: absolute; position: absolute;

3
ui/app/components/app/modals/add-to-addressbook-modal/index.scss
Unescape View File

@ -22,12 +22,13 @@
} }
&__input { &__input {
@include H4;
background: $white; background: $white;
border: 1px solid $Grey-100; border: 1px solid $Grey-100;
box-sizing: border-box; box-sizing: border-box;
border-radius: 8px; border-radius: 8px;
padding: 0.625rem 0.75rem; padding: 0.625rem 0.75rem;
font-size: 1.25rem;
margin-top: 0.75rem; margin-top: 0.75rem;
&::placeholder { &::placeholder {

5
ui/app/components/app/modals/cancel-transaction/cancel-transaction-gas-fee/index.scss
Unescape View File

@ -7,11 +7,12 @@
padding: 12px; padding: 12px;
&__eth { &__eth {
font-size: 1.5rem; @include H3;
font-weight: 500; font-weight: 500;
} }
&__fiat { &__fiat {
font-size: 0.75rem; @include H7;
} }
} }

3
ui/app/components/app/modals/cancel-transaction/index.scss
Unescape View File

@ -8,8 +8,9 @@
} }
&__description { &__description {
@include H6;
text-align: center; text-align: center;
font-size: 0.875rem;
} }
&__cancel-transaction-gas-fee-container { &__cancel-transaction-gas-fee-container {

9
ui/app/components/app/modals/confirm-remove-account/index.scss
Unescape View File

@ -1,7 +1,8 @@
.confirm-remove-account { .confirm-remove-account {
&__description { &__description {
@include H6;
text-align: center; text-align: center;
font-size: 0.875rem;
} }
&__account { &__account {
@ -19,8 +20,9 @@
&__name, &__name,
&__address { &__address {
@include H6;
margin-right: 10px; margin-right: 10px;
font-size: 14px;
} }
&__name { &__name {
@ -31,7 +33,8 @@
} }
&__label { &__label {
font-size: 11px; @include H8;
display: block; display: block;
color: #9b9b9b; color: #9b9b9b;
} }

32
ui/app/components/app/modals/deposit-ether-modal/index.scss
Unescape View File

@ -15,15 +15,15 @@
align-items: flex-start; align-items: flex-start;
&__title { &__title {
@include H3;
color: $white; color: $white;
font-size: 24px;
line-height: 32px;
} }
&__description { &__description {
@include Paragraph;
color: $white; color: $white;
font-size: 16px;
line-height: 22px;
margin-top: 10px; margin-top: 10px;
} }
@ -114,13 +114,12 @@
} }
&__title { &__title {
font-size: 20px; @include H4;
line-height: 30px;
} }
&__text { &__text {
font-size: 14px; @include H6;
line-height: 22px;
margin-top: 7px; margin-top: 7px;
} }
} }
@ -142,21 +141,4 @@
&__deposit-button { &__deposit-button {
width: 257px !important; width: 257px !important;
} }
.simple-dropdown {
color: #5b5d67;
font-size: 16px;
line-height: 21px;
border: 1px solid #d8d8d8;
background-color: #fff;
text-align: center;
width: 100%;
height: 45px;
line-height: 44px;
font-weight: 300;
}
.simple-dropdown__selected {
text-align: center;
}
} }

29
ui/app/components/app/modals/edit-approval-permission/index.scss
Unescape View File

@ -24,9 +24,9 @@
} }
&__title { &__title {
@include H4;
font-weight: bold; font-weight: bold;
font-size: 18px;
line-height: 25px;
} }
&__account-info { &__account-info {
@ -35,8 +35,9 @@
&__account, &__account,
&__balance { &__balance {
@include H6;
font-weight: normal; font-weight: normal;
font-size: 14px;
color: #24292e; color: #24292e;
} }
@ -60,16 +61,16 @@
padding: 24px; padding: 24px;
&__title { &__title {
@include H6;
font-weight: bold; font-weight: bold;
font-size: 14px;
line-height: 20px;
color: #24292e; color: #24292e;
} }
&__description { &__description {
@include H7;
font-weight: normal; font-weight: normal;
font-size: 12px;
line-height: 17px;
color: #6a737d; color: #6a737d;
margin-top: 8px; margin-top: 8px;
} }
@ -91,9 +92,9 @@
&__option-label, &__option-label,
&__option-label--selected { &__option-label--selected {
@include H6;
font-weight: normal; font-weight: normal;
font-size: 14px;
line-height: 20px;
color: #474b4d; color: #474b4d;
} }
@ -102,18 +103,16 @@
} }
&__option-description { &__option-description {
font-weight: normal; @include H7;
font-size: 12px;
line-height: 17px;
color: #6a737d; color: #6a737d;
margin-top: 8px; margin-top: 8px;
margin-bottom: 6px; margin-bottom: 6px;
} }
&__option-value { &__option-value {
font-weight: normal; @include H4;
font-size: 18px;
line-height: 25px;
color: #24292e; color: #24292e;
} }

22
ui/app/components/app/modals/export-private-key-modal/index.scss
Unescape View File

@ -1,8 +1,9 @@
.export-private-key-modal { .export-private-key-modal {
&__body-title { &__body-title {
@include H4;
margin-top: 16px; margin-top: 16px;
margin-bottom: 16px; margin-bottom: 16px;
font-size: 18px;
} }
&__divider { &__divider {
@ -13,8 +14,9 @@
} }
&__account-name { &__account-name {
@include H4;
margin-top: 9px; margin-top: 9px;
font-size: 20px;
} }
&__password { &__password {
@ -24,9 +26,9 @@
&__password-label, &__password-label,
&__password--error { &__password--error {
@include H6;
color: $scorpion; color: $scorpion;
font-size: 14px;
line-height: 18px;
margin-bottom: 10px; margin-bottom: 10px;
} }
@ -36,9 +38,9 @@
} }
&__password-input { &__password-input {
@include Paragraph;
padding: 10px 0 13px 17px; padding: 10px 0 13px 17px;
font-size: 16px;
line-height: 21px;
width: 291px; width: 291px;
height: 44px; height: 44px;
} }
@ -48,11 +50,11 @@
} }
&__password--warning { &__password--warning {
@include H7;
border-radius: 8px; border-radius: 8px;
background-color: #fff6f6; background-color: #fff6f6;
font-size: 12px;
font-weight: 500; font-weight: 500;
line-height: 15px;
color: $crimson; color: $crimson;
width: 292px; width: 292px;
padding: 9px 15px; padding: 9px 15px;
@ -67,9 +69,9 @@
} }
&__password-display-textarea { &__password-display-textarea {
@include Paragraph;
color: $crimson; color: $crimson;
font-size: 16px;
line-height: 21px;
border: none; border: none;
height: 75px; height: 75px;
width: 100%; width: 100%;

14
ui/app/components/app/modals/hide-token-confirmation-modal/index.scss
Unescape View File

@ -16,29 +16,29 @@
} }
&__symbol { &__symbol {
@include Paragraph;
color: $tundora; color: $tundora;
font-size: 16px;
line-height: 24px;
text-align: center; text-align: center;
margin-bottom: 7.5px; margin-bottom: 7.5px;
} }
&__title { &__title {
@include H3;
height: 30px; height: 30px;
width: 271.28px; width: 271.28px;
color: $tundora; color: $tundora;
font-size: 22px;
line-height: 30px;
text-align: center; text-align: center;
margin-bottom: 10.5px; margin-bottom: 10.5px;
} }
&__copy { &__copy {
height: 41px; @include Paragraph;
min-height: 41px;
width: 318px; width: 318px;
color: $scorpion; color: $scorpion;
font-size: 14px;
line-height: 18px;
text-align: center; text-align: center;
} }

2
ui/app/components/app/modals/metametrics-opt-in-modal/index.scss
Unescape View File

@ -12,7 +12,7 @@
.metametrics-opt-in__title { .metametrics-opt-in__title {
font-size: 38px; @include H1;
} }
.metametrics-opt-in__content { .metametrics-opt-in__content {

6
ui/app/components/app/modals/new-account-modal/index.scss
Unescape View File

@ -21,9 +21,10 @@
} }
&__header-close { &__header-close {
@include H4;
color: #24292e; color: #24292e;
background: none; background: none;
font-size: 1.1rem;
} }
} }
@ -33,12 +34,13 @@
} }
&__input { &__input {
@include H4;
background: $white; background: $white;
border: 1px solid $Grey-100; border: 1px solid $Grey-100;
box-sizing: border-box; box-sizing: border-box;
border-radius: 8px; border-radius: 8px;
padding: 0.625rem 0.75rem; padding: 0.625rem 0.75rem;
font-size: 1.25rem;
margin-top: 0.75rem; margin-top: 0.75rem;
&::placeholder { &::placeholder {

12
ui/app/components/app/modals/qr-scanner/index.scss
Unescape View File

@ -7,7 +7,8 @@
border-radius: 8px; border-radius: 8px;
&__title { &__title {
font-size: 1.5rem; @include H3;
font-weight: 500; font-weight: 500;
padding: 16px 0; padding: 16px 0;
text-align: center; text-align: center;
@ -34,21 +35,24 @@
} }
&__status { &__status {
@include H6;
text-align: center; text-align: center;
font-size: 14px;
padding: 15px; padding: 15px;
} }
&__image { &__image {
font-size: 1.5rem; @include H3;
font-weight: 500; font-weight: 500;
padding: 16px 0 0; padding: 16px 0 0;
text-align: center; text-align: center;
} }
&__error { &__error {
@include Paragraph;
text-align: center; text-align: center;
font-size: 16px;
padding: 15px; padding: 15px;
} }

3
ui/app/components/app/modals/reject-transactions/index.scss
Unescape View File

@ -1,6 +1,7 @@
.reject-transactions { .reject-transactions {
&__description { &__description {
@include Paragraph;
text-align: center; text-align: center;
font-size: 0.875rem;
} }
} }

6
ui/app/components/app/modals/transaction-confirmed/index.scss
Unescape View File

@ -1,14 +1,16 @@
.transaction-confirmed { .transaction-confirmed {
&__title { &__title {
font-size: 1.5rem; @include H3;
font-weight: 500; font-weight: 500;
padding: 16px 0; padding: 16px 0;
text-align: center; text-align: center;
} }
&__description { &__description {
@include H6;
text-align: center; text-align: center;
font-size: 0.875rem;
} }
&__content { &__content {

3
ui/app/components/app/multiple-notifications/index.scss
Unescape View File

@ -27,8 +27,9 @@
visibility: visible; visibility: visible;
&:hover { &:hover {
@include H4;
color: #b0d7f2; color: #b0d7f2;
font-size: 1.1rem;
} }
} }
} }

3
ui/app/components/app/network-display/index.scss
Unescape View File

@ -33,7 +33,8 @@
} }
&__name { &__name {
font-size: 0.75rem; @include H7;
padding-left: 5px; padding-left: 5px;
} }

5
ui/app/components/app/permission-page-container/index.scss
Unescape View File

@ -35,7 +35,6 @@
&__title { &__title {
@include H4; @include H4;
line-height: 25px;
text-align: center; text-align: center;
margin-top: 32px; margin-top: 32px;
width: 100%; width: 100%;
@ -67,7 +66,8 @@
align-items: center; align-items: center;
label { label {
font-size: 14px; @include H6;
margin-left: 16px; margin-left: 16px;
color: $Black-100; color: $Black-100;
} }
@ -88,7 +88,6 @@
&__permissions-header { &__permissions-header {
@include H6; @include H6;
line-height: 20px;
color: #6a737d; color: #6a737d;
} }

1
ui/app/components/app/permissions-connect-footer/index.scss
Unescape View File

@ -7,7 +7,6 @@
&__text { &__text {
@include H7; @include H7;
line-height: 17px;
color: #6a737d; color: #6a737d;
display: flex; display: flex;
margin-top: 10px; margin-top: 10px;

3
ui/app/components/app/permissions-connect-header/index.scss
Unescape View File

@ -30,7 +30,7 @@
text-align: center; text-align: center;
color: $Black-100; color: $Black-100;
margin-top: 14px; margin-top: 16px;
} }
&__text, &__text,
@ -45,6 +45,7 @@
width: 100%; width: 100%;
text-overflow: ellipsis; text-overflow: ellipsis;
overflow: hidden; overflow: hidden;
margin-top: 8px;
/*rtl:ignore*/ /*rtl:ignore*/
direction: rtl; direction: rtl;

8
ui/app/components/app/selected-account/index.scss
Unescape View File

@ -10,10 +10,10 @@
} }
&__name { &__name {
@include H5;
width: 100%; width: 100%;
font-size: 1rem;
font-weight: 500; font-weight: 500;
line-height: 19px;
color: $black; color: $black;
text-overflow: ellipsis; text-overflow: ellipsis;
overflow: hidden; overflow: hidden;
@ -23,8 +23,8 @@
} }
&__address { &__address {
font-size: 0.75rem; @include H7;
line-height: 0.75rem;
color: #989a9b; color: #989a9b;
} }

2
ui/app/components/app/sidebars/sidebar-content.scss
Unescape View File

@ -57,7 +57,7 @@
max-width: 318px; max-width: 318px;
&__time-estimate { &__time-estimate {
font-size: 12px; @include H7;
} }
} }
} }

32
ui/app/components/app/signature-request-original/index.scss
Unescape View File

@ -61,9 +61,9 @@
} }
&__header__text { &__header__text {
@include H3;
color: #5b5d67; color: #5b5d67;
font-size: 22px;
line-height: 29px;
z-index: 3; z-index: 3;
} }
@ -96,14 +96,14 @@
} }
&__account-text { &__account-text {
font-size: 14px; @include H6;
} }
&__account-item { &__account-item {
@include H7;
height: 22px; height: 22px;
background-color: $white; background-color: $white;
line-height: 16px;
font-size: 12px;
width: 124px; width: 124px;
.account-list-item { .account-list-item {
@ -129,8 +129,9 @@
} }
&__balance-text { &__balance-text {
@include H6;
text-align: right; text-align: right;
font-size: 14px;
} }
&__balance-value { &__balance-value {
@ -157,19 +158,19 @@
} }
&__headline { &__headline {
@include H4;
height: 48px; height: 48px;
width: 240px; width: 240px;
color: $tundora; color: $tundora;
font-size: 18px;
line-height: 24px;
text-align: center; text-align: center;
margin-top: 20px; margin-top: 20px;
} }
&__notice, &__notice,
&__warning { &__warning {
font-size: 14px; @include H6;
line-height: 19px;
text-align: center; text-align: center;
margin-top: 41px; margin-top: 41px;
margin-bottom: 11px; margin-bottom: 11px;
@ -200,19 +201,19 @@
} }
&__row-title { &__row-title {
@include H5;
width: 80px; width: 80px;
color: $dusty-gray; color: $dusty-gray;
font-size: 16px;
line-height: 22px;
margin-top: 12px; margin-top: 12px;
margin-left: 18px; margin-left: 18px;
width: 100%; width: 100%;
} }
&__row-value { &__row-value {
@include H6;
color: $scorpion; color: $scorpion;
font-size: 14px;
line-height: 19px;
width: 100%; width: 100%;
overflow-wrap: break-word; overflow-wrap: break-word;
border-bottom: 1px solid #d2d8dd; border-bottom: 1px solid #d2d8dd;
@ -227,11 +228,12 @@
} }
&__footer { &__footer {
@include H3;
width: 100%; width: 100%;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
font-size: 22px;
position: relative; position: relative;
flex: 0 0 auto; flex: 0 0 auto;
border-top: 1px solid $geyser; border-top: 1px solid $geyser;

15
ui/app/components/app/signature-request/index.scss
Unescape View File

@ -22,7 +22,8 @@
} }
.network-display__name { .network-display__name {
font-size: 12px; @include H7;
white-space: nowrap; white-space: nowrap;
font-weight: 500; font-weight: 500;
} }
@ -38,9 +39,9 @@
min-height: min-content; min-height: min-content;
&__title { &__title {
font-style: normal; @include H5;
font-weight: 500; font-weight: 500;
font-size: 18px;
} }
&__identicon-container { &__identicon-container {
@ -73,17 +74,19 @@
} }
&__info { &__info {
font-size: 12px; @include H7;
} }
&__info--bolded { &__info--bolded {
font-size: 16px; @include Paragraph;
font-weight: 500; font-weight: 500;
} }
p { p {
@include H6;
color: #999; color: #999;
font-size: 0.8rem;
} }
.identicon {} .identicon {}

6
ui/app/components/app/signature-request/signature-request-header/index.scss
Unescape View File

@ -1,9 +1,10 @@
.signature-request-header { .signature-request-header {
@include H7;
display: flex; display: flex;
padding: 1rem; padding: 1rem;
border-bottom: 1px solid $geyser; border-bottom: 1px solid $geyser;
justify-content: space-between; justify-content: space-between;
font-size: 0.75rem;
&--account, &--account,
&--network { &--network {
@ -21,7 +22,8 @@
} }
&__account-name { &__account-name {
font-size: 12px; @include H7;
font-weight: 500; font-weight: 500;
} }

11
ui/app/components/app/signature-request/signature-request-message/index.scss
Unescape View File

@ -4,16 +4,18 @@
flex-direction: column; flex-direction: column;
&__title { &__title {
@include H6;
font-weight: 500; font-weight: 500;
font-size: 14px;
color: #636778; color: #636778;
margin-left: 12px; margin-left: 12px;
} }
h2 { h2 {
@include H6;
flex: 1 1 0; flex: 1 1 0;
text-align: left; text-align: left;
font-size: 0.8rem;
border-bottom: 1px solid #d2d8dd; border-bottom: 1px solid #d2d8dd;
padding: 0.5rem; padding: 0.5rem;
margin: 0; margin: 0;
@ -35,9 +37,8 @@
} }
&__type-title { &__type-title {
font-style: normal; @include H6;
font-weight: normal;
font-size: 14px;
margin-left: 12px; margin-left: 12px;
margin-top: 6px; margin-top: 6px;
margin-bottom: 10px; margin-bottom: 10px;

9
ui/app/components/app/tab-bar/index.scss
Unescape View File

@ -5,13 +5,14 @@
&__tab { &__tab {
@include Paragraph;
display: flex; display: flex;
flex-flow: row nowrap; flex-flow: row nowrap;
align-items: flex-start; align-items: flex-start;
min-width: 0; min-width: 0;
flex: 0 0 auto; flex: 0 0 auto;
box-sizing: border-box; box-sizing: border-box;
font-size: 16px;
padding: 16px 24px; padding: 16px 24px;
opacity: 0.5; opacity: 0.5;
transition: opacity 200ms ease-in-out; transition: opacity 200ms ease-in-out;
@ -27,7 +28,8 @@
} }
@media screen and (max-width: 575px) { @media screen and (max-width: 575px) {
font-size: 18px; @include H4;
padding: 24px; padding: 24px;
border-bottom: 1px solid $alto; border-bottom: 1px solid $alto;
opacity: 1; opacity: 1;
@ -41,8 +43,9 @@
display: none; display: none;
@media screen and (max-width: 575px) { @media screen and (max-width: 575px) {
@include H6;
display: block; display: block;
font-size: 14px;
font-weight: 300; font-weight: 300;
margin-top: 8px; margin-top: 8px;
min-height: 14px; min-height: 14px;

6
ui/app/components/app/transaction-activity-log/index.scss
Unescape View File

@ -54,8 +54,9 @@
} }
&__activity-text { &__activity-text {
@include H7;
color: $dusty-gray; color: $dusty-gray;
font-size: 0.75rem;
cursor: pointer; cursor: pointer;
&:hover { &:hover {
@ -73,7 +74,8 @@
} }
&__action-link { &__action-link {
font-size: 0.75rem; @include H7;
cursor: pointer; cursor: pointer;
color: $primary-blue; color: $primary-blue;
} }

3
ui/app/components/app/transaction-breakdown/transaction-breakdown-row/index.scss
Unescape View File

@ -1,5 +1,6 @@
.transaction-breakdown-row { .transaction-breakdown-row {
font-size: 0.75rem; @include H7;
color: $scorpion; color: $scorpion;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;

2
ui/app/components/app/transaction-list-item-details/index.scss
Unescape View File

@ -17,7 +17,7 @@
} }
& &__header-button { & &__header-button {
font-size: 0.625rem; @include H8;
&-tooltip-container { &-tooltip-container {
display: flex !important; display: flex !important;

7
ui/app/components/app/transaction-list-item/index.scss
Unescape View File

@ -6,7 +6,8 @@
} }
&__secondary-currency { &__secondary-currency {
font-size: 12px; @include H7;
margin-top: 4px; margin-top: 4px;
color: $Grey-500; color: $Grey-500;
} }
@ -24,11 +25,11 @@
display: flex; display: flex;
.button { .button {
font-size: 0.625rem; @include H8;
padding: 8px; padding: 8px;
width: 75px; width: 75px;
white-space: nowrap; white-space: nowrap;
line-height: 1rem;
} }
& > .button:first-child { & > .button:first-child {

4
ui/app/components/app/transaction-list/index.scss
Unescape View File

@ -10,9 +10,9 @@
} }
&__header { &__header {
@include H6;
flex: 0 0 auto; flex: 0 0 auto;
font-size: 14px;
line-height: 20px;
color: $Grey-400; color: $Grey-400;
border-bottom: 1px solid $Grey-100; border-bottom: 1px solid $Grey-100;
padding: 8px 0 8px 20px; padding: 8px 0 8px 20px;

24
ui/app/components/app/wallet-overview/index.scss
Unescape View File

@ -34,7 +34,7 @@
} }
text-transform: uppercase; text-transform: uppercase;
font-weight: bold; font-weight: 500;
} }
.eth-overview { .eth-overview {
@ -54,9 +54,9 @@
} }
&__primary-balance { &__primary-balance {
@include H2;
color: $black; color: $black;
font-size: 32px;
line-height: 45px;
width: 100%; width: 100%;
justify-content: center; justify-content: center;
} }
@ -71,15 +71,14 @@
} }
&__cached-secondary-balance { &__cached-secondary-balance {
@include Paragraph;
color: rgba(220, 153, 18, 0.6901960784313725); color: rgba(220, 153, 18, 0.6901960784313725);
font-size: 16px;
line-height: 23px;
} }
&__secondary-balance { &__secondary-balance {
font-size: 16px; @include Paragraph;
line-height: 23px;
font-weight: 400;
color: $Grey-400; color: $Grey-400;
} }
@ -116,17 +115,16 @@
} }
&__primary-balance { &__primary-balance {
@include H2;
color: $black; color: $black;
font-size: 32px;
line-height: 45px;
width: 100%; width: 100%;
justify-content: center; justify-content: center;
} }
&__secondary-balance { &__secondary-balance {
font-size: 16px; @include H5;
line-height: 23px;
font-weight: 400;
color: $Grey-400; color: $Grey-400;
} }

Write Preview
Loading…
Cancel
Save