Update font family globally (#9073)

feature/default_network_editable
Brad Decker 4 years ago committed by GitHub
parent a3cad5d52e
commit 46ba1ef100
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
  1. 2
      ui/app/components/app/gas-customization/gas-price-chart/index.scss
  2. 2
      ui/app/components/app/home-notification/index.scss
  3. 2
      ui/app/components/app/signature-request/index.scss
  4. 2
      ui/app/components/app/signature-request/signature-request-message/index.scss
  5. 1
      ui/app/components/ui/button-group/index.scss
  6. 2
      ui/app/components/ui/button/buttons.scss
  7. 1
      ui/app/components/ui/dropdown/dropdown.scss
  8. 2
      ui/app/components/ui/menu/menu.scss
  9. 1
      ui/app/components/ui/toggle-button/index.scss
  10. 1
      ui/app/components/ui/unit-input/index.scss
  11. 6
      ui/app/css/base-styles.scss
  12. 2
      ui/app/css/design-system/typography.scss
  13. 6
      ui/app/css/itcss/components/account-dropdown.scss
  14. 6
      ui/app/css/itcss/components/confirm.scss
  15. 4
      ui/app/css/itcss/components/currency-display.scss
  16. 14
      ui/app/css/itcss/components/modal.scss
  17. 3
      ui/app/css/itcss/components/network.scss
  18. 10
      ui/app/css/itcss/components/new-account.scss
  19. 2
      ui/app/css/itcss/components/newui-sections.scss
  20. 4
      ui/app/css/itcss/components/request-decrypt-message.scss
  21. 4
      ui/app/css/itcss/components/request-encryption-public-key.scss
  22. 7
      ui/app/css/itcss/components/request-signature.scss
  23. 5
      ui/app/css/itcss/components/sections.scss
  24. 15
      ui/app/css/itcss/components/send.scss
  25. 1
      ui/app/css/itcss/components/tooltip.scss
  26. 2
      ui/app/css/itcss/components/transaction-list.scss
  27. 6
      ui/app/css/reset.scss
  28. 2
      ui/app/pages/confirm-approve/confirm-approve-content/index.scss
  29. 1
      ui/app/pages/error/index.scss
  30. 1
      ui/app/pages/first-time-flow/end-of-flow/index.scss
  31. 2
      ui/app/pages/first-time-flow/index.scss
  32. 2
      ui/app/pages/first-time-flow/metametrics-opt-in/index.scss
  33. 3
      ui/app/pages/first-time-flow/select-action/index.scss
  34. 5
      ui/app/pages/keychains/index.scss
  35. 3
      ui/app/pages/settings/contact-list-tab/index.scss
  36. 1
      ui/app/pages/settings/index.scss
  37. 2
      ui/app/pages/settings/networks-tab/index.scss

@ -17,7 +17,6 @@
.tick text,
.c3-axis-x-label,
.c3-axis-y-label {
font-family: Roboto;
font-style: normal;
font-weight: bold;
line-height: normal;
@ -53,7 +52,6 @@
}
.custom-tooltip th {
font-family: Roboto;
font-style: normal;
font-weight: 500;
line-height: normal;

@ -35,7 +35,6 @@
}
&__text {
font-family: Roboto, 'sans-serif';
font-style: normal;
font-weight: normal;
font-size: 12px;
@ -112,7 +111,6 @@
}
&__content {
font-family: Roboto, 'sans-serif';
font-style: normal;
font-weight: normal;
font-size: 12px;

@ -38,7 +38,6 @@
min-height: min-content;
&__title {
font-family: Roboto;
font-style: normal;
font-weight: 500;
font-size: 18px;
@ -65,7 +64,6 @@
&__identicon-initial {
position: absolute;
font-family: Roboto;
font-style: normal;
font-weight: 500;
font-size: 60px;

@ -28,7 +28,6 @@
padding-left: 12px;
padding-right: 12px;
width: 360px;
font-family: monospace;
@media screen and (min-width: 576px) {
width: auto;
@ -36,7 +35,6 @@
}
&__type-title {
font-family: monospace;
font-style: normal;
font-weight: normal;
font-size: 14px;

@ -4,7 +4,6 @@
align-items: center;
&__button {
font-family: Roboto;
font-size: 1rem;
color: $tundora;
border-style: solid;

@ -14,7 +14,6 @@ $warning-light-orange: #f8b588;
@include H6;
font-weight: 500;
font-family: Roboto, Arial;
line-height: 1.25rem;
padding: 0.75rem 1rem;
display: flex;
@ -249,7 +248,6 @@ button.primary {
box-shadow: 0 3px 6px rgba(247, 134, 28, 0.36);
color: $white;
font-size: 1.1em;
font-family: Roboto;
text-transform: uppercase;
}

@ -11,7 +11,6 @@
background-position: right 18px top 50%;
background-color: white;
padding: 8px 32px 8px 16px;
font-family: Roboto, 'sans-serif';
font-size: 14px;
[dir='rtl'] & {

@ -9,7 +9,6 @@
flex-direction: column;
align-items: center;
padding: 0 16px;
font-family: Roboto, 'sans-serif';
font-size: 14px;
font-weight: normal;
line-height: 20px;
@ -28,7 +27,6 @@
.menu-item {
background: none;
font-family: inherit;
font-size: inherit;
display: grid;
grid-template-columns: min-content auto;

@ -3,7 +3,6 @@
$self: &;
&__status {
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 16px;

@ -36,7 +36,6 @@
&__input {
color: #4d4d4d;
font-size: 1rem;
font-family: Roboto;
border: none;
max-width: 22ch;
height: 16px;

@ -6,7 +6,6 @@
html,
body {
font-family: Roboto, Arial;
color: #4d4d4d;
width: 100%;
height: 100%;
@ -107,3 +106,8 @@ input.form-control {
}
}
/** Default Typography on base elements **/
* {
font-family: $font-family;
}

@ -67,7 +67,7 @@ $fa-font-path: 'fonts/fontawesome';
src: url('fonts/Euclid/EuclidCircularB-Bold-WebXL.ttf') format('truetype');
}
$font-family: Roboto, Helvetica, Arial, sans-serif;
$font-family: Euclid, Roboto, Helvetica, Arial, sans-serif;
// Typography
@mixin H1 {

@ -1,7 +1,3 @@
.account-dropdown-name {
font-family: Roboto;
}
.account-dropdown-balance {
color: $dusty-gray;
line-height: 19px;
@ -9,7 +5,6 @@
.account-dropdown-edit-button {
color: $dusty-gray;
font-family: Roboto;
&:hover {
color: $white;
@ -69,7 +64,6 @@
&__account-primary-balance,
&__account-secondary-balance {
font-family: Roboto;
line-height: 16px;
font-size: 12px;
}

@ -1,7 +1,6 @@
.confirm-screen-container {
position: relative;
align-items: center;
font-family: Roboto;
flex: 1 0 auto;
flex-flow: column nowrap;
box-shadow: 0 2px 4px 0 rgba($black, 0.08);
@ -30,7 +29,6 @@
flex-flow: column nowrap;
z-index: 25;
align-items: center;
font-family: Roboto;
position: relative;
overflow-y: auto;
overflow-x: hidden;
@ -99,7 +97,6 @@
.confirm-screen-back-button {
color: $primary-blue;
font-family: Roboto;
font-size: 1rem;
position: absolute;
top: 38px;
@ -162,7 +159,6 @@
text-align: center;
font-size: 16px;
margin-top: 30px;
font-family: Roboto;
font-weight: 300;
}
@ -324,7 +320,6 @@ section .confirm-screen-account-number,
font-size: 16px;
color: $white;
text-align: center;
font-family: Roboto;
padding-top: 15px;
padding-bottom: 15px;
border-width: 0;
@ -338,7 +333,6 @@ section .confirm-screen-account-number,
background: none;
border: none;
opacity: 1;
font-family: Roboto;
border-width: 0;
padding-top: 15px;
padding-bottom: 15px;

@ -4,7 +4,6 @@
border-radius: 4px;
background-color: $white;
color: $scorpion;
font-family: Roboto;
font-size: 16px;
padding: 8px 10px;
position: relative;
@ -15,7 +14,6 @@
&__input {
color: $scorpion;
font-family: Roboto;
font-size: 16px;
line-height: 22px;
border: none;
@ -25,7 +23,6 @@
&__primary-currency {
color: $scorpion;
font-weight: 400;
font-family: Roboto;
font-size: 16px;
line-height: 22px;
}
@ -37,7 +34,6 @@
&__converted-value,
&__converted-currency {
color: $dusty-gray;
font-family: Roboto;
font-size: 12px;
line-height: 12px;
}

@ -39,7 +39,6 @@
padding: 5px 0 31px 0;
border: 1px solid $silver;
border-radius: 4px;
font-family: Roboto;
button {
cursor: pointer;
@ -55,7 +54,6 @@
&__text {
margin-top: 2px;
font-family: Roboto;
font-size: 14px;
line-height: 18px;
}
@ -101,7 +99,6 @@
justify-content: center;
border: 1px solid $alto;
padding: 5px 10px;
font-family: Roboto;
margin-top: 7px;
width: 286px;
}
@ -166,7 +163,6 @@
.private-key-password::-webkit-input-placeholder {
color: $dusty-gray;
font-family: Roboto;
}
.private-key-password-warning {
@ -179,7 +175,6 @@
width: 292px;
padding: 9px 15px;
margin-top: 18px;
font-family: Roboto;
}
.export-private-key-buttons {
@ -207,7 +202,6 @@
.private-key-password-display-textarea {
color: $crimson;
font-family: Roboto;
font-size: 16px;
line-height: 21px;
border: none;
@ -225,7 +219,6 @@
position: absolute;
top: 25px;
right: 17.5px;
font-family: sans-serif;
cursor: pointer;
}
@ -250,7 +243,6 @@
&__symbol {
color: $tundora;
font-family: Roboto;
font-size: 16px;
line-height: 24px;
text-align: center;
@ -261,7 +253,6 @@
height: 30px;
width: 271.28px;
color: $tundora;
font-family: Roboto;
font-size: 22px;
line-height: 30px;
text-align: center;
@ -272,7 +263,6 @@
height: 41px;
width: 318px;
color: $scorpion;
font-family: Roboto;
font-size: 14px;
line-height: 18px;
text-align: center;
@ -307,7 +297,6 @@
position: relative;
border: 1px solid $alto;
box-shadow: 0 0 2px 2px $alto;
font-family: Roboto;
}
&__header {
@ -349,7 +338,6 @@
// Deposit Ether Modal
.deposit-ether-modal {
border-radius: 8px;
font-family: Roboto;
display: flex;
flex-flow: column;
height: 100%;
@ -503,7 +491,6 @@
width: 100%;
height: 45px;
line-height: 44px;
font-family: Roboto;
font-weight: 300;
}
@ -522,7 +509,6 @@
position: relative;
border: 1px solid $alto;
box-shadow: 0 0 2px 2px $alto;
font-family: Roboto;
}
.notification-modal-header {

@ -66,7 +66,6 @@
.network-name {
padding: 0 4px;
font-family: Roboto;
font-size: 12px;
line-height: 14px;
flex: 1 1 auto;
@ -168,7 +167,6 @@
height: 25px;
width: 120px;
color: $white;
font-family: Roboto;
font-size: 18px;
line-height: 25px;
text-align: center;
@ -178,7 +176,6 @@
min-height: 36px;
width: 265px;
color: $dusty-gray;
font-family: Roboto;
font-size: 14px;
line-height: 18px;
}

@ -23,7 +23,6 @@
&__title {
color: $tundora;
font-family: Roboto;
font-size: 32px;
font-weight: 500;
line-height: 43px;
@ -40,7 +39,6 @@
height: 54px;
padding: 15px 10px;
color: $dusty-gray;
font-family: Roboto;
font-size: 18px;
line-height: 24px;
text-align: center;
@ -87,7 +85,6 @@
&__select-label {
color: $scorpion;
font-family: Roboto;
font-size: 16px;
line-height: 21px;
}
@ -123,7 +120,6 @@
&__instruction {
color: $scorpion;
font-family: Roboto;
font-size: 16px;
line-height: 21px;
align-self: flex-start;
@ -144,7 +140,6 @@
background-color: $white;
margin-top: 16px;
color: $scorpion;
font-family: Roboto;
font-size: 16px;
padding: 0 20px;
}
@ -364,7 +359,6 @@
margin-bottom: 23px;
align-self: flex-start;
color: $scorpion;
font-family: Roboto;
font-size: 16px;
line-height: 21px;
font-weight: bold;
@ -376,7 +370,6 @@
margin-bottom: 23px;
align-self: flex-end;
color: $scorpion;
font-family: Roboto;
font-size: 16px;
line-height: 21px;
font-weight: normal;
@ -461,7 +454,6 @@
margin-left: 16px;
padding: 0;
text-transform: uppercase;
font-family: Roboto;
}
}
@ -520,7 +512,6 @@
&__input-label {
color: $scorpion;
font-family: Roboto;
font-size: 16px;
line-height: 21px;
align-self: flex-start;
@ -533,7 +524,6 @@
border-radius: 4px;
background-color: $white;
color: $scorpion;
font-family: Roboto;
font-size: 16px;
line-height: 21px;
margin-top: 15px;

@ -17,7 +17,6 @@ $sub-mid-size-breakpoint-range: "screen and (min-width: #{$break-large}) and (ma
// Main container
.main-container {
z-index: $main-container-z-index;
font-family: Roboto;
}
.main-container::-webkit-scrollbar {
@ -120,7 +119,6 @@ $sub-mid-size-breakpoint-range: "screen and (min-width: #{$break-large}) and (ma
.unlock-screen-container {
z-index: $main-container-z-index;
font-family: Roboto;
display: flex;
justify-content: center;
align-items: center;

@ -8,7 +8,6 @@
flex-flow: column nowrap;
z-index: 25;
align-items: center;
font-family: Roboto;
position: relative;
height: 100%;
@ -63,7 +62,6 @@
&__header__text {
color: #5b5d67;
font-family: Roboto;
font-size: 22px;
line-height: 29px;
z-index: 3;
@ -105,7 +103,6 @@
&__account-item {
height: 22px;
background-color: $white;
font-family: Roboto;
line-height: 16px;
font-size: 12px;
width: 124px;
@ -156,7 +153,6 @@
}
&__notice {
font-family: "Avenir Next";
font-size: 14px;
line-height: 19px;
text-align: center;

@ -8,7 +8,6 @@
flex-flow: column nowrap;
z-index: 25;
align-items: center;
font-family: Roboto;
position: relative;
height: 100%;
@ -63,7 +62,6 @@
&__header__text {
color: #5b5d67;
font-family: Roboto;
font-size: 22px;
line-height: 29px;
z-index: 3;
@ -105,7 +103,6 @@
&__account-item {
height: 22px;
background-color: $white;
font-family: Roboto;
line-height: 16px;
font-size: 12px;
width: 124px;
@ -156,7 +153,6 @@
}
&__notice {
font-family: "Avenir Next";
font-size: 14px;
line-height: 19px;
text-align: center;

@ -8,7 +8,6 @@
flex-flow: column nowrap;
z-index: 25;
align-items: center;
font-family: Roboto;
position: relative;
height: 100%;
@ -63,7 +62,6 @@
&__header__text {
color: #5b5d67;
font-family: Roboto;
font-size: 22px;
line-height: 29px;
z-index: 3;
@ -104,7 +102,6 @@
&__account-item {
height: 22px;
background-color: $white;
font-family: Roboto;
line-height: 16px;
font-size: 12px;
width: 124px;
@ -163,7 +160,6 @@
height: 48px;
width: 240px;
color: $tundora;
font-family: Roboto;
font-size: 18px;
line-height: 24px;
text-align: center;
@ -172,7 +168,6 @@
&__notice,
&__warning {
font-family: "Avenir Next";
font-size: 14px;
line-height: 19px;
text-align: center;
@ -207,7 +202,6 @@
&__row-title {
width: 80px;
color: $dusty-gray;
font-family: Roboto;
font-size: 16px;
line-height: 22px;
margin-top: 12px;
@ -217,7 +211,6 @@
&__row-value {
color: $scorpion;
font-family: Roboto;
font-size: 14px;
line-height: 19px;
width: 100%;

@ -252,7 +252,6 @@ textarea.twelve-word-phrase {
/* Info screen */
.info-gray {
font-family: Roboto;
text-transform: uppercase;
color: $silver-chalice;
}
@ -262,7 +261,6 @@ textarea.twelve-word-phrase {
}
.info {
font-family: Roboto, Arial;
padding-bottom: 10px;
display: inline-block;
padding-left: 5px;
@ -311,7 +309,6 @@ textarea.twelve-word-phrase {
}
.buy-inputs {
font-family: Roboto;
font-size: 13px;
height: 20px;
background: transparent;
@ -355,7 +352,6 @@ textarea.twelve-word-phrase {
}
.ex-coins {
font-family: Roboto;
text-transform: uppercase;
text-align: center;
font-size: 33px;
@ -366,7 +362,6 @@ textarea.twelve-word-phrase {
}
.marketinfo {
font-family: Roboto;
color: $silver-chalice;
font-size: 15px;
line-height: 17px;

@ -2,7 +2,6 @@
display: flex;
flex-flow: column nowrap;
z-index: 25;
font-family: Roboto;
@media screen and (max-width: $break-small) {
width: 100%;
@ -76,7 +75,6 @@
margin: 4px 0 20px;
font-size: 16px;
line-height: 22.4px;
font-family: Roboto;
}
.send-screen-gas-input {
@ -186,7 +184,6 @@
padding: 13px 19px;
font-size: 16px;
border-radius: 4px;
font-family: Roboto;
font-weight: 500;
}
@ -316,7 +313,6 @@
display: flex;
flex-flow: column nowrap;
z-index: 25;
font-family: Roboto;
&__content {
width: 498px;
@ -407,7 +403,6 @@
flex-flow: column nowrap;
z-index: 25;
align-items: center;
font-family: Roboto;
position: relative;
@media screen and (max-width: $break-small) {
@ -588,7 +583,6 @@
&__form-label {
color: $scorpion;
font-family: Roboto;
font-size: 16px;
line-height: 22px;
width: 95px;
@ -602,7 +596,6 @@
border: 1px solid $alto;
border-radius: 4px;
background-color: $white;
font-family: Roboto;
line-height: 16px;
font-size: 12px;
color: $tundora;
@ -745,7 +738,6 @@
background-color: $white;
color: $tundora;
padding: 10px;
font-family: Roboto;
font-size: 16px;
line-height: 21px;
}
@ -763,14 +755,12 @@
background-color: $white;
color: $tundora;
padding: 10px;
font-family: Roboto;
font-size: 16px;
line-height: 21px;
}
}
&__amount-max {
font-family: Roboto;
font-size: 12px;
position: relative;
display: inline-block;
@ -873,7 +863,6 @@
border-radius: 4px;
background-color: #fff;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.14);
font-family: Roboto;
display: flex;
flex-flow: column;
@ -903,7 +892,6 @@
content: '\00D7';
font-size: 1.8em;
color: $dusty-gray;
font-family: sans-serif;
cursor: pointer;
margin-right: 19.25px;
}
@ -1000,7 +988,6 @@
&__title {
height: 26px;
color: $tundora;
font-family: Roboto;
font-size: 20px;
line-height: 26px;
margin-top: 17px;
@ -1010,7 +997,6 @@
height: 38px;
width: 314px;
color: $tundora;
font-family: Roboto;
font-size: 14px;
line-height: 19px;
margin-top: 17px;
@ -1101,7 +1087,6 @@
font-size: 1em;
font-size: 14px;
color: #2f9ae0;
font-family: Roboto;
}
.sliders-icon {

@ -8,7 +8,6 @@
position: absolute;
z-index: 1070;
display: block;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-style: normal;
font-weight: normal;
letter-spacing: normal;

@ -26,7 +26,6 @@
align-self: center;
font-size: 12px;
color: $dusty-gray;
font-family: Roboto;
text-transform: uppercase;
}
}
@ -163,7 +162,6 @@
.tx-list-date {
color: $dusty-gray;
font-size: 12px;
font-family: Roboto;
}
.tx-list-identicon-wrapper {

@ -88,7 +88,11 @@ video {
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
font-weight: inherit;
font-style: inherit;
font-variant: inherit;
font-size: inherit;
line-height: inherit;
vertical-align: baseline;
}

@ -4,7 +4,6 @@
align-items: center;
width: 100%;
height: 100%;
font-family: Roboto;
font-style: normal;
&__identicon-wrapper {
@ -21,7 +20,6 @@
flex-flow: column;
align-items: center;
width: 390px;
font-family: Roboto;
font-style: normal;
padding-left: 24px;
padding-right: 24px;

@ -2,7 +2,6 @@
display: flex;
flex-flow: column nowrap;
align-items: center;
font-family: Roboto;
font-style: normal;
font-weight: normal;
padding: 35px 10px 10px 10px;

@ -1,6 +1,5 @@
.end-of-flow {
color: black;
font-family: Roboto;
font-style: normal;
.app-header__logo-container {

@ -72,7 +72,6 @@
/*rtl:ignore*/
direction: ltr;
font-size: 1rem;
font-family: Roboto;
border: 1px solid #cdcdcd;
border-radius: 6px;
background-color: #fff;
@ -149,7 +148,6 @@
}
&__checkbox-label {
font-family: Roboto;
font-style: normal;
font-weight: normal;
line-height: normal;

@ -27,7 +27,6 @@
&__title {
position: relative;
margin-top: 20px;
font-family: Roboto;
font-style: normal;
font-weight: normal;
line-height: normal;
@ -43,7 +42,6 @@
}
&__description {
font-family: Roboto;
font-style: normal;
font-weight: normal;
line-height: 21px;

@ -11,7 +11,6 @@
}
&__body-header {
font-family: Roboto;
font-style: normal;
font-weight: normal;
line-height: 39px;
@ -59,7 +58,6 @@
}
&__button-text-big {
font-family: Roboto;
font-style: normal;
font-weight: normal;
line-height: 28px;
@ -70,7 +68,6 @@
}
&__button-text-small {
font-family: Roboto;
font-style: normal;
font-weight: normal;
line-height: 20px;

@ -95,7 +95,6 @@
.import-account__faq-link {
font-size: 18px;
line-height: 23px;
font-family: Roboto;
}
.import-account__selector-label {
@ -110,7 +109,6 @@
background-color: #fff;
margin-top: 14px;
color: #5b5d67;
font-family: Roboto;
font-size: 18px;
line-height: 23px;
padding: 14px 21px;
@ -125,7 +123,6 @@
font-size: 18px;
line-height: 23px;
margin-top: 21px;
font-family: Roboto;
}
.import-account__input-wrapper {
@ -173,7 +170,6 @@
border: 1px solid #1b344d;
border-radius: 4px;
color: #1b344d;
font-family: Roboto;
font-size: 18px;
display: flex;
flex-flow: column nowrap;
@ -190,7 +186,6 @@
.import-account__file-name {
color: #000;
font-family: Roboto;
font-size: 18px;
line-height: 23px;
margin-left: 22px;

@ -33,7 +33,6 @@
&__header,
&__header--edit {
&__name {
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 24px;
@ -179,7 +178,6 @@
}
&__header {
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 18px;
@ -193,7 +191,6 @@
}
&__text {
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 14px;

@ -70,7 +70,6 @@
}
&__sub-header-text {
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 20px;

@ -96,7 +96,6 @@
}
&__network-form-label {
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 14px;
@ -177,7 +176,6 @@
&__networks-list-name {
margin-left: 11px;
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 16px;

Loading…
Cancel
Save