kevin/KevinK.dev.js
1
0
Fork 0
mirror of https://github.com/Unkn0wnCat/KevinK.dev.js.git synced 2025-04-30 10:46:57 +02:00
Code Issues Projects Releases Wiki Activity

Switch font to Encode Sans Variable

Browse source
This commit is contained in:
Kevin Kandlbinder 2022-02-06 13:56:18 +00:00 • committed by GitHub
parent c3fae80606
commit d865fc4896
5 changed files with 14 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
package.json
View file

@ -21,6 +21,7 @@
"dependencies": { "dependencies": {
"@babel/cli": "7.17.0", "@babel/cli": "7.17.0",
"@babel/plugin-transform-typescript": "7.16.8", "@babel/plugin-transform-typescript": "7.16.8",
"@fontsource/encode-sans": "^4.5.1",
"@fontsource/fira-code": "4.5.4", "@fontsource/fira-code": "4.5.4",
"@icons-pack/react-simple-icons": "4.6.1", "@icons-pack/react-simple-icons": "4.6.1",
"@mdx-js/mdx": "1.6.22", "@mdx-js/mdx": "1.6.22",

2
src/_globals.scss
View file

@ -3,7 +3,7 @@
$layoutWidth: 1100px; $layoutWidth: 1100px;
$layoutPadding: 20px; $layoutPadding: 20px;
$mainFont: "Fira Code", monospace; $mainFont: "Encode SansVariable", sans-serif;
$theme: ( $theme: (
"accent": #e52b3e, "accent": #e52b3e,

6
src/layouts/default.scss
View file

@ -1,7 +1,9 @@
@import "~@fontsource/fira-code/index.css"; @use "@fontsource/encode-sans/scss/mixins" as EncodeSans;
@import "~@fontsource/fira-code/700.css"; @import-normalize;
@import "../globals"; @import "../globals";
@include EncodeSans.fontFaceVariable($type: "wghtOnly");
* { * {
box-sizing: border-box; box-sizing: border-box;

6
src/pages/index.module.scss
View file

@ -104,20 +104,20 @@
transform: translate(-50%, 0%); transform: translate(-50%, 0%);
.hello { .hello {
font-weight: 100; font-weight: 300;
opacity: 0.75; opacity: 0.75;
display: block; display: block;
margin-bottom: -5px; margin-bottom: -5px;
} }
.name { .name {
font-weight: 100; font-weight: 400;
font-size: 1.8em; font-size: 1.8em;
display: block; display: block;
} }
.description { .description {
font-weight: 100; font-weight: 300;
display: block; display: block;
} }

5
yarn.lock
View file

@ -1368,6 +1368,11 @@
minimatch "^3.0.4" minimatch "^3.0.4"
strip-json-comments "^3.1.1" strip-json-comments "^3.1.1"
"@fontsource/encode-sans@^4.5.1":
version "4.5.1"
resolved "https://registry.yarnpkg.com/@fontsource/encode-sans/-/encode-sans-4.5.1.tgz#2a2d1f1fb9578275ce11061fdd7057cc1cdaa880"
integrity sha512-ulqUy8uUbMPyasJH3KK4uSICvumQGmuXX5rJGMEwA6beeteXrSRoUCBFjd3ZwpxfKANl2q0QIduhzG3OjbQDwA==
"@fontsource/fira-code@4.5.4": "@fontsource/fira-code@4.5.4":
version "4.5.4" version "4.5.4"
resolved "https://registry.yarnpkg.com/@fontsource/fira-code/-/fira-code-4.5.4.tgz#a8ec2347cf7261b2bf14065e66c734dde7145432" resolved "https://registry.yarnpkg.com/@fontsource/fira-code/-/fira-code-4.5.4.tgz#a8ec2347cf7261b2bf14065e66c734dde7145432"