jake/jarv.is
1
Fork 0
mirror of https://github.com/jakejarvis/jarv.is.git synced 2025-07-18 21:45:31 -04:00
Code Issues Activity

Inter font on AMP pages (and other small tweaks)

Browse Source
This commit is contained in:
Jake Jarvis
2020-01-22 08:37:05 -05:00
parent 8c3fb6f50b
commit 602f8cc137
11 changed files with 57 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
assets/sass/abstracts/_functions.scss
View File

@@ -14,7 +14,7 @@
// Web fonts (see components/_fonts.scss)
@mixin font-face($family, $src,
$style: normal, $weight: normal, $display: swap) {
$weight: normal, $style: normal, $display: swap) {
@font-face {
font-family: $family;
font-style: $style;

6
assets/sass/components/_fonts.scss
View File

@@ -1,6 +1,6 @@
@charset "UTF-8";
/*! Inter UI | SIL Open Font License 1.1 | https://rsms.me/inter/ */
@include font-face("Inter", "./fonts/inter-regular", normal, 400);
@include font-face("Inter", "./fonts/inter-medium", normal, 500);
@include font-face("Inter", "./fonts/inter-bold", normal, 700);
@include font-face("Inter", "./fonts/inter-regular", 400);
@include font-face("Inter", "./fonts/inter-medium", 500);
@include font-face("Inter", "./fonts/inter-bold", 700);

7
assets/sass/pages/_home.scss
View File

@@ -11,7 +11,7 @@ main#home {
margin: 0 0 0.6em 0;
font-size: 1.6em;
font-weight: 500;
letter-spacing: -0.015em;
letter-spacing: -0.014em;
line-height: 1.2;
}
@@ -19,13 +19,13 @@ main#home {
margin: 0.6em 0;
font-size: 1.3em;
font-weight: 400;
letter-spacing: -0.025em;
letter-spacing: -0.022em;
line-height: 1.4;
}
p {
margin: 0.8em 0;
letter-spacing: -0.02em;
letter-spacing: -0.018em;
line-height: 1.55;
}
@@ -34,7 +34,6 @@ main#home {
font-size: 0.5em;
letter-spacing: -0.005em;
line-height: 0;
margin-right: 0.1em;
position: relative;
vertical-align: middle;
}

2
assets/sass/pages/_list.scss
View File

@@ -23,7 +23,7 @@ main#list {
li {
display: flex;
letter-spacing: -0.015em;
letter-spacing: -0.011em;
div.date {
color: $color-medium;

1
assets/sass/pages/_single.scss
View File

@@ -129,6 +129,7 @@ main#single {
font-family: $system-fonts-monospace;
background: $color-super-light;
font-size: 0.9em;
letter-spacing: 0;
page-break-inside: avoid;
}

2
assets/sass/pages/_videos.scss
View File

@@ -17,7 +17,7 @@ main#video {
p {
font-size: 0.85em;
letter-spacing: -0.01em;
letter-spacing: -0.005em;
line-height: 1.5;
color: #777777;
margin: 1.25em;