Update Inter font

panr · Feb 6, 2019 · 32409a7 · 32409a7
1 parent 8d86361
commit 32409a7
Show file tree

Hide file tree

Showing 60 changed files with 80 additions and 51 deletions.
diff --git a/README.md b/README.md
@@ -11,7 +11,7 @@ This theme is pretty basic and covers all of the essentials. All you have to do
 ## Features
 
 - **dark/light mode**, depending on your preferences (dark is default, but you can change it)
-- great reading experience thanks to [**Inter UI font**](https://rsms.me/inter/), made by [Rasmus Andersson](https://rsms.me/about/)
+- great reading experience thanks to [**Inter font**](https://rsms.me/inter/), made by [Rasmus Andersson](https://rsms.me/about/)
 - nice code highlighting thanks to [**PrismJS**](https://prismjs.com)
 - fully responsive
 

diff --git a/layouts/partials/greater-icon.html b/layouts/partials/greater-icon.html
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="greater-icon" width="44" height="44" viewBox="0 0 44 44">
+  <polyline fill="none" stroke="#000" stroke-width="2" points="15 8 29.729 22.382 15 35.367"/>
+</svg>
diff --git a/layouts/partials/logo.html b/layouts/partials/logo.html
@@ -2,7 +2,7 @@
   {{ if $.Site.Params.Logo.path }}
     <img src="{{ $.Site.Params.Logo.path }}" alt="{{ $.Site.Params.Logo.alt }}" />
   {{ else }}
-    <span class="logo__mark">></span>
+    <span class="logo__mark">{{ partial "greater-icon.html" . }}</span>
     <span class="logo__text">{{ with $.Site.Params.Logo.logoText }}{{ . }}{{ else }}hello friend{{ end }}</span>
     <span class="logo__cursor"></span>
   {{ end }}

diff --git a/layouts/partials/menu.html b/layouts/partials/menu.html
@@ -8,7 +8,10 @@
       {{ end }}
       {{ if gt (len $.Site.Menus.main) $.Site.Params.showMenuItems }}
         <ul class="menu__sub-inner">
-          <li class="menu__sub-inner-more-trigger">{{ $.Site.Params.MenuMore | default "Show more" }} <span class="menu__sub-inner-more-trigger-icon">></span></li>
+          <li class="menu__sub-inner-more-trigger">
+            {{ $.Site.Params.MenuMore | default "Show more" }}
+            <span class="menu__sub-inner-more-trigger-icon">{{ partial "greater-icon.html" . }}</span>
+          </li>
 
           <ul class="menu__sub-inner-more hidden">
             {{ range last (sub (len $.Site.Menus.main) $.Site.Params.showMenuItems) $.Site.Menus.main }}

diff --git a/source/css/fonts.css b/source/css/fonts.css
@@ -0,0 +1,44 @@
+@font-face {
+  font-family: 'Inter';
+  font-style:  normal;
+  font-weight: 400;
+  src: url("../fonts/Inter-Regular.woff2") format("woff2"),
+       url("../fonts/Inter-Regular.woff") format("woff");
+}
+@font-face {
+  font-family: 'Inter';
+  font-style:  italic;
+  font-weight: 400;
+  src: url("../fonts/Inter-Italic.woff2") format("woff2"),
+       url("../fonts/Inter-Italic.woff") format("woff");
+}
+
+@font-face {
+  font-family: 'Inter';
+  font-style:  normal;
+  font-weight: 600;
+  src: url("../fonts/Inter-Medium.woff2") format("woff2"),
+       url("../fonts/Inter-Medium.woff") format("woff");
+}
+@font-face {
+  font-family: 'Inter';
+  font-style:  italic;
+  font-weight: 600;
+  src: url("../fonts/Inter-MediumItalic.woff2") format("woff2"),
+       url("../fonts/Inter-MediumItalic.woff") format("woff");
+}
+
+@font-face {
+  font-family: 'Inter';
+  font-style:  normal;
+  font-weight: 800;
+  src: url("../fonts/Inter-Bold.woff2") format("woff2"),
+       url("../fonts/Inter-Bold.woff") format("woff");
+}
+@font-face {
+  font-family: 'Inter';
+  font-style:  italic;
+  font-weight: 800;
+  src: url("../fonts/Inter-BoldItalic.woff2") format("woff2"),
+       url("../fonts/Inter-BoldItalic.woff") format("woff");
+}
diff --git a/source/css/inter-ui.css b/source/css/inter-ui.css
diff --git a/source/css/logo.css b/source/css/logo.css
@@ -10,7 +10,11 @@
   }
 
   &__mark {
+    display: inline-flex;
+    align-items: center;
     margin-right: 5px;
+
+    @mixin greater-icon 8px;
   }
 
   &__text {

diff --git a/source/css/main.css b/source/css/main.css
@@ -11,7 +11,7 @@ html {
 body {
   margin: 0;
   padding: 0;
-  font-family: 'Inter UI', -apple-system, BlinkMacSystemFont, "Roboto", "Segoe UI",  Helvetica, Arial, sans-serif;
+  font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Roboto", "Segoe UI",  Helvetica, Arial, sans-serif;
   font-size: 1rem;
   font-weight: 600;
   line-height: 1.54;
@@ -140,6 +140,7 @@ code {
   margin: 0 2px;
   border-radius: 5px;
   font-size: .9rem;
+  font-weight: normal;
 
   .dark-theme & {
     background: var(--dark-background-secondary);

diff --git a/source/css/menu.css b/source/css/menu.css
@@ -93,13 +93,19 @@
       left: 0;
 
       &-trigger {
+        display: inline-flex;
+        align-items: center;
         user-select: none;
         cursor: pointer;
 
         &-icon {
-          display: inline-block;
+          display: inline-flex;
+          align-items: center;
+          margin-left: 3px;
           transform: rotate(90deg);
           line-height: 1;
+
+          @mixin greater-icon 5px;
         }
       }
 

diff --git a/source/css/style.css b/source/css/style.css
@@ -1,5 +1,5 @@
 @import 'variables';
-@import 'inter-ui';
+@import 'fonts';
 @import 'buttons';
 
 @import 'header';

diff --git a/source/css/variables.css b/source/css/variables.css
@@ -21,6 +21,18 @@
 @custom-media --phone (width < 684px);
 @custom-media --tablet (width < 900px);
 
+@define-mixin greater-icon $stroke-width: 3px, $width: .95rem, $height: 100% {
+  .greater-icon {
+    width: $width;
+    height: $height;
+
+    polyline {
+      stroke: currentColor;
+      stroke-width: $stroke-width;
+    }
+  }
+}
+
 /* HOW TO USE */
 
 /*@media (--phone) {*/

diff --git a/source/fonts/Inter-Bold.woff b/source/fonts/Inter-Bold.woff
diff --git a/source/fonts/Inter-Bold.woff2 b/source/fonts/Inter-Bold.woff2
diff --git a/source/fonts/Inter-BoldItalic.woff b/source/fonts/Inter-BoldItalic.woff
diff --git a/source/fonts/Inter-BoldItalic.woff2 b/source/fonts/Inter-BoldItalic.woff2
diff --git a/source/fonts/Inter-Italic.woff b/source/fonts/Inter-Italic.woff
diff --git a/source/fonts/Inter-Italic.woff2 b/source/fonts/Inter-Italic.woff2
diff --git a/source/fonts/Inter-Medium.woff b/source/fonts/Inter-Medium.woff
diff --git a/source/fonts/Inter-Medium.woff2 b/source/fonts/Inter-Medium.woff2
diff --git a/source/fonts/Inter-MediumItalic.woff b/source/fonts/Inter-MediumItalic.woff
diff --git a/source/fonts/Inter-MediumItalic.woff2 b/source/fonts/Inter-MediumItalic.woff2
diff --git a/source/fonts/Inter-Regular.woff b/source/fonts/Inter-Regular.woff
diff --git a/source/fonts/Inter-Regular.woff2 b/source/fonts/Inter-Regular.woff2
diff --git a/source/fonts/Inter-UI-Bold.woff b/source/fonts/Inter-UI-Bold.woff
diff --git a/source/fonts/Inter-UI-Bold.woff2 b/source/fonts/Inter-UI-Bold.woff2
diff --git a/source/fonts/Inter-UI-BoldItalic.woff b/source/fonts/Inter-UI-BoldItalic.woff
diff --git a/source/fonts/Inter-UI-BoldItalic.woff2 b/source/fonts/Inter-UI-BoldItalic.woff2
diff --git a/source/fonts/Inter-UI-Italic.woff b/source/fonts/Inter-UI-Italic.woff
diff --git a/source/fonts/Inter-UI-Italic.woff2 b/source/fonts/Inter-UI-Italic.woff2
diff --git a/source/fonts/Inter-UI-Medium.woff b/source/fonts/Inter-UI-Medium.woff
diff --git a/source/fonts/Inter-UI-Medium.woff2 b/source/fonts/Inter-UI-Medium.woff2
diff --git a/source/fonts/Inter-UI-MediumItalic.woff b/source/fonts/Inter-UI-MediumItalic.woff
diff --git a/source/fonts/Inter-UI-MediumItalic.woff2 b/source/fonts/Inter-UI-MediumItalic.woff2
diff --git a/source/fonts/Inter-UI-Regular.woff b/source/fonts/Inter-UI-Regular.woff
diff --git a/source/fonts/Inter-UI-Regular.woff2 b/source/fonts/Inter-UI-Regular.woff2
diff --git a/static/assets/2e5e0884f40cc3929881d89710fa432e.woff2 b/static/assets/2e5e0884f40cc3929881d89710fa432e.woff2
diff --git a/static/assets/34356f6bf3d0f6de82656cca908803cf.woff2 b/static/assets/34356f6bf3d0f6de82656cca908803cf.woff2
diff --git a/static/assets/35cf8109301be9e5b147a09c9f103bc4.woff b/static/assets/35cf8109301be9e5b147a09c9f103bc4.woff
diff --git a/static/assets/381444ec5c7d26b672bebaca791d0640.woff2 b/static/assets/381444ec5c7d26b672bebaca791d0640.woff2
diff --git a/static/assets/48dfecfe37de0ef8f0e2c2d2e6992e9c.woff b/static/assets/48dfecfe37de0ef8f0e2c2d2e6992e9c.woff
diff --git a/static/assets/57acb4797f14814f3f3d8b5ff0dc92f5.woff2 b/static/assets/57acb4797f14814f3f3d8b5ff0dc92f5.woff2
diff --git a/static/assets/61c493e3af34ba077777c6bb54862837.woff b/static/assets/61c493e3af34ba077777c6bb54862837.woff
diff --git a/static/assets/6fbcf86a8d4a8411d22ed510f1d72be8.woff b/static/assets/6fbcf86a8d4a8411d22ed510f1d72be8.woff
diff --git a/static/assets/76677d9e1ccc0e1f33fa6b044a743768.woff2 b/static/assets/76677d9e1ccc0e1f33fa6b044a743768.woff2
diff --git a/static/assets/7a7fd73559e43715c0db3f6ff13fa108.woff2 b/static/assets/7a7fd73559e43715c0db3f6ff13fa108.woff2
diff --git a/static/assets/9d05a4aa5504157c765f62d534e78889.woff2 b/static/assets/9d05a4aa5504157c765f62d534e78889.woff2
diff --git a/static/assets/a616c9fa6fe80626bac7991f8502295a.woff2 b/static/assets/a616c9fa6fe80626bac7991f8502295a.woff2
diff --git a/static/assets/a6f5c416c63aad400a2df45ae2154c1e.woff2 b/static/assets/a6f5c416c63aad400a2df45ae2154c1e.woff2
diff --git a/static/assets/a9eddc92c84c5f78fba1cb7d7833d31c.woff b/static/assets/a9eddc92c84c5f78fba1cb7d7833d31c.woff
diff --git a/static/assets/ad6e093cdbdede112459e8a6a1ad9563.woff b/static/assets/ad6e093cdbdede112459e8a6a1ad9563.woff
diff --git a/static/assets/aebfbb3c9c7d49053fce8cadbc6e6735.woff b/static/assets/aebfbb3c9c7d49053fce8cadbc6e6735.woff
diff --git a/static/assets/b6f1695769d6d6b5f20d1c6492914189.woff2 b/static/assets/b6f1695769d6d6b5f20d1c6492914189.woff2
diff --git a/static/assets/bcf654c7bea165e9dae257206c5521ad.woff b/static/assets/bcf654c7bea165e9dae257206c5521ad.woff
diff --git a/static/assets/bffaed793493dc46bf0789e2275909ac.woff2 b/static/assets/bffaed793493dc46bf0789e2275909ac.woff2
diff --git a/static/assets/c09fb3891c96d467a92d9d898e4a931a.woff b/static/assets/c09fb3891c96d467a92d9d898e4a931a.woff
diff --git a/static/assets/dbe4ec1d26d41331c91550939a7fd27f.woff b/static/assets/dbe4ec1d26d41331c91550939a7fd27f.woff
diff --git a/static/assets/e0012ba74a933d326e8a466003fc3507.woff2 b/static/assets/e0012ba74a933d326e8a466003fc3507.woff2
diff --git a/static/assets/e2158f600a4b0175b73dfefb0d2fe8f8.woff b/static/assets/e2158f600a4b0175b73dfefb0d2fe8f8.woff
diff --git a/static/assets/ecf7c639683dfcb4868861e0c613c455.woff b/static/assets/ecf7c639683dfcb4868861e0c613c455.woff
diff --git a/static/assets/style.css b/static/assets/style.css