on master help sign in
various: add 'inter' fallback
56bd28bMatilde Park
sass/_main.scss+8−8
@@ -145,7 +145,7 @@ footer nav {
145 position: absolute;
145 position: absolute;
146 right: -36px;
146 right: -36px;
147 top: 13px;
147 top: 13px;
148− font-family: "Inter UI", sans-serif;
148+ font-family: "Inter UI", "Inter", sans-serif;
149 }
149 }
150 &.next p:first-of-type:not([data-flat=true])::before {
150 &.next p:first-of-type:not([data-flat=true])::before {
151 content: "<--";
151 content: "<--";
@@ -153,7 +153,7 @@ footer nav {
153 position: absolute;
153 position: absolute;
154 left: -36px;
154 left: -36px;
155 top: 13px;
155 top: 13px;
156− font-family: "Inter UI", sans-serif;
156+ font-family: "Inter UI", "Inter", sans-serif;
157 }
157 }
158 // flattened pagination
158 // flattened pagination
159 &.previous p:first-of-type::after {
159 &.previous p:first-of-type::after {
@@ -162,7 +162,7 @@ footer nav {
162 position: absolute;
162 position: absolute;
163 right: -36px;
163 right: -36px;
164 top: 0;
164 top: 0;
165− font-family: "Inter UI", sans-serif;
165+ font-family: "Inter UI", "Inter", sans-serif;
166 }
166 }
167 &.next p:first-of-type::before {
167 &.next p:first-of-type::before {
168 content: "<-";
168 content: "<-";
@@ -170,7 +170,7 @@ footer nav {
170 position: absolute;
170 position: absolute;
171 left: -36px;
171 left: -36px;
172 top: 0;
172 top: 0;
173− font-family: "Inter UI", sans-serif;
173+ font-family: "Inter UI", "Inter", sans-serif;
174 }
174 }
175}
175}
176
176
@@ -431,7 +431,7 @@ input[type="search"] {
431
431
432 #search-reset {
432 #search-reset {
433 cursor: pointer;
433 cursor: pointer;
434− font-family: "Inter UI", sans-serif;
434+ font-family: "Inter UI", "Inter", sans-serif;
435 user-select: none;
435 user-select: none;
436 transform: scale(1.5);
436 transform: scale(1.5);
437 }
437 }
@@ -508,7 +508,7 @@ details {
508 vertical-align: baseline;
508 vertical-align: baseline;
509 margin-right: 0.5rem;
509 margin-right: 0.5rem;
510 @extend .gray1;
510 @extend .gray1;
511− font-family: "Inter UI", sans-serif;
511+ font-family: "Inter UI", "Inter", sans-serif;
512 font-weight: 400;
512 font-weight: 400;
513 }
513 }
514 }
514 }
@@ -560,7 +560,7 @@ select {
560 border: 0;
560 border: 0;
561 outline: 0;
561 outline: 0;
562 background: transparent;
562 background: transparent;
563− font-family: "Inter UI", sans-serif;
563+ font-family: "Inter UI", "Inter", sans-serif;
564}
564}
565nav.docs:not(.mobile) {
565nav.docs:not(.mobile) {
566 height: 100vh;
566 height: 100vh;
@@ -579,7 +579,7 @@ nav.docs details {
579 transform: rotate(90deg);
579 transform: rotate(90deg);
580 vertical-align: baseline;
580 vertical-align: baseline;
581 @extend .gray1, .fw6;
581 @extend .gray1, .fw6;
582− font-family: "Inter UI", sans-serif;
582+ font-family: "Inter UI", "Inter", sans-serif;
583 }
583 }
584 &[open] > summary {
584 &[open] > summary {
585 @extend .fw6;
585 @extend .fw6;
templates/partials/search-overlay.html+1−1
@@ -5,7 +5,7 @@
5 <div class="search-bar pa0 bw0 z-1 di items-center flex w-100">
5 <div class="search-bar pa0 bw0 z-1 di items-center flex w-100">
6 <span class="header__search-icon ml3 absolute z-1 f5 gray3">⚲</span>
6 <span class="header__search-icon ml3 absolute z-1 f5 gray3">⚲</span>
7 <form id="search-form" class="w-100"><input id="search" autocomplete="off" type="search" class="search-bar__input bw0 black" placeholder="Go to..."></form>
7 <form id="search-form" class="w-100"><input id="search" autocomplete="off" type="search" class="search-bar__input bw0 black" placeholder="Go to..."></form>
8− <a id="search-reset" class="f6 pr3 gray3 no-underline pointer:hover">&#57503;</a>
8+ <a id="search-reset" class="f6 pr3 gray3 no-underline pointer:hover">×</a>
9 </div>
9 </div>
10 <div id="full-results">
10 <div id="full-results">
11 <div id="glossary-results" class="glossary-results bt b--gray3 w-100">
11 <div id="glossary-results" class="glossary-results bt b--gray3 w-100">