m/metamask-extension
1
0
Fork 0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-23 09:52:26 +01:00
Code

typeface overwrite for new Text component

Browse Source
This commit is contained in:
Matthias Kretschmann 2023-04-05 19:26:25 +01:00
parent a83119ba95
commit 23f23249d4
Signed by: m
GPG Key ID: 606EEEF3C479A91F
2 changed files with 6 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
ui/components/component-library/text/text.scss
View File

@ -1,6 +1,11 @@
@use "design-system"; @use "design-system";
@use "sass:map"; @use "sass:map";
:root {
// needs !important sledgehammer as this file gets inlined earlier than design-system tokens. Also can't use the $font-family SASS variable here.
--font-family-sans: 'Avenir Next', -apple-system, BlinkMacSystemFont, 'Segoe UI','Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji' !important;
}
$text-variants: ( $text-variants: (
display: ("md"), display: ("md"),
heading: ( "sm", "md", "lg"), heading: ( "sm", "md", "lg"),
@ -26,8 +31,6 @@ $text-variants: (
} }
} }
.mm-text { .mm-text {
// Set default styles // Set default styles
color: var(--color-text-default); color: var(--color-text-default);

2
ui/css/design-system/typography.scss
View File

@ -7,7 +7,7 @@ $fa-font-path: 'fonts/fontawesome';
@import '../../../node_modules/@fortawesome/fontawesome-free/scss/solid'; @import '../../../node_modules/@fortawesome/fontawesome-free/scss/solid';
@import '../../../node_modules/@fortawesome/fontawesome-free/scss/regular'; @import '../../../node_modules/@fortawesome/fontawesome-free/scss/regular';
$font-family: 'Avenir Next', -apple-system, BlinkMacSystemFont, sans-serif; $font-family: 'Avenir Next', -apple-system, BlinkMacSystemFont, 'Segoe UI','Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
$typography-variants: ( $typography-variants: (
'h1': 2.5rem, 'h1': 2.5rem,