LBRYCommunity/lbry.tech
1
0
Fork 0
Code Issues 13 Pull requests 8 Projects Releases Packages Wiki Activity

Updated type to match upcoming app redesign

Browse source
This commit is contained in:
ポール ウェッブ 2018-10-03 16:53:39 -05:00
parent 4aee87d427
commit 5eb34e3b47
13 changed files with 74 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
app/dist/type/inter/400.woff vendored Normal file
View file

Binary file not shown.

BIN
app/dist/type/inter/400.woff2 vendored Normal file
View file

Binary file not shown.

BIN
app/dist/type/inter/400i.woff vendored Normal file
View file

Binary file not shown.

BIN
app/dist/type/inter/400i.woff2 vendored Normal file
View file

Binary file not shown.

BIN
app/dist/type/inter/700.woff vendored Normal file
View file

Binary file not shown.

BIN
app/dist/type/inter/700.woff2 vendored Normal file
View file

Binary file not shown.

BIN
app/dist/type/inter/700i.woff vendored Normal file
View file

Binary file not shown.

BIN
app/dist/type/inter/700i.woff2 vendored Normal file
View file

Binary file not shown.

BIN
app/dist/type/inter/variable.woff2 vendored Normal file
View file

Binary file not shown.

1
app/sass/bundle.scss
View file

@ -8,6 +8,7 @@
"init/extends", "init/extends",
"type/karla", "type/karla",
"type/inter",
"partials/animation", "partials/animation",
"partials/ecosystem", "partials/ecosystem",

4
app/sass/init/_mixins.scss
View file

@ -7,7 +7,7 @@
@mixin font-sans { @mixin font-sans {
font-family: Karla, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-family: "Inter UI", Karla, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
} }
@mixin font-serif { @mixin font-serif {
@ -15,7 +15,7 @@
} }
@mixin font-mono { @mixin font-mono {
font-family: "Courier New", monospace; font-family: "Input Mono", "Fira Mono", "Fira Code", "Courier New", monospace;
} }

4
app/sass/partials/_pre.scss
View file

@ -27,4 +27,8 @@ pre {
color: $white; color: $white;
} }
} }
code {
@include font-mono;
}
} }

67
app/sass/type/_inter.scss Normal file
View file

@ -0,0 +1,67 @@
// 400
@font-face {
font-family: "Inter UI";
font-style: normal;
font-weight: 400;
src: url("../assets/type/inter/variable.woff2") format("woff2-variations"),
url("../assets/type/inter/400.woff2") format("woff2"),
url("../assets/type/inter/400.woff") format("woff");
}
@font-face {
font-family: "Inter UI";
font-style: italic;
font-weight: 400;
src: url("../assets/type/inter/variable.woff2") format("woff2-variations"),
url("../assets/type/inter/400i.woff2") format("woff2"),
url("../assets/type/inter/400i.woff") format("woff");
}
// 700
@font-face {
font-family: "Inter UI";
font-style: normal;
font-weight: 700;
src: url("../assets/type/inter/variable.woff2") format("woff2-variations"),
url("../assets/type/inter/700.woff2") format("woff2"),
url("../assets/type/inter/700.woff") format("woff");
}
@font-face {
font-family: "Inter UI";
font-style: italic;
font-weight: 700;
src: url("../assets/type/inter/variable.woff2") format("woff2-variations"),
url("../assets/type/inter/700i.woff2") format("woff2"),
url("../assets/type/inter/700i.woff") format("woff");
}
/*
Note that you may want to do something like this to make sure you are serving
constant fonts to older browsers:
html {
font-family: "Inter UI", sans-serif;
}
@supports (font-variation-settings: normal) {
html {
font-family: "Inter UI Variable", sans-serif;
}
}
*/
// Single variable font
@font-face {
font-family: "Inter UI Variable";
font-weight: 400 900;
src: url("../assets/type/inter/variable.woff2") format("woff2-variations"),
url("../assets/type/inter/variable.woff2") format("woff2");
}