mirror of
https://github.com/ItsDrike/itsdrike.com.git
synced 2024-11-10 05:59:41 +00:00
Separate fonts SCSS into it's own file
This commit is contained in:
parent
6a2a77ac48
commit
5eb299a769
14
static/src/scss/_fonts.scss
Normal file
14
static/src/scss/_fonts.scss
Normal file
|
@ -0,0 +1,14 @@
|
||||||
|
// Inter fonts
|
||||||
|
@import url('https://rsms.me/inter/inter.css');
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-style: normal;
|
||||||
|
font-family: "JetBrains Mono";
|
||||||
|
font-display: swap;
|
||||||
|
src: local("JetBrains Mono"),
|
||||||
|
local("JetBrains-Mono"),
|
||||||
|
url("../lib/JetBrainsMono/web/woff2/JetBrainsMono-Regular.woff2") format("woff2"),
|
||||||
|
url("../lib/JetBrainsMono/web/woff/JetBrainsMono-Regular.woff") format("woff"),
|
||||||
|
url("../lib/JetBrainsMono/web/eot/JetBrainsMono-Regular.eot") format("embedded-opentype"),
|
||||||
|
url("../lib/JetBrainsMono/ttf/JetBrainsMono-Regular.ttf") format("truetype");
|
||||||
|
};
|
|
@ -19,23 +19,11 @@ $font-size-base: 1.2rem;
|
||||||
|
|
||||||
@import "node_modules/bootstrap/scss/bootstrap";
|
@import "node_modules/bootstrap/scss/bootstrap";
|
||||||
|
|
||||||
@import url('https://rsms.me/inter/inter.css');
|
|
||||||
@font-face {
|
|
||||||
font-style: normal;
|
|
||||||
font-family: "JetBrains Mono";
|
|
||||||
font-display: swap;
|
|
||||||
src: local("JetBrains Mono"),
|
|
||||||
local("JetBrains-Mono"),
|
|
||||||
url("../lib/JetBrainsMono/web/woff2/JetBrainsMono-Regular.woff2") format("woff2"),
|
|
||||||
url("../lib/JetBrainsMono/web/woff/JetBrainsMono-Regular.woff") format("woff"),
|
|
||||||
url("../lib/JetBrainsMono/web/eot/JetBrainsMono-Regular.eot") format("embedded-opentype"),
|
|
||||||
url("../lib/JetBrainsMono/ttf/JetBrainsMono-Regular.ttf") format("truetype");
|
|
||||||
};
|
|
||||||
|
|
||||||
$navbar-height: 40px;
|
$navbar-height: 40px;
|
||||||
$body-color: $gray-300;
|
$body-color: $gray-300;
|
||||||
|
|
||||||
|
|
||||||
|
@import "fonts";
|
||||||
@import "chroma";
|
@import "chroma";
|
||||||
@import "main";
|
@import "main";
|
||||||
@import "navbar";
|
@import "navbar";
|
||||||
|
|
Loading…
Reference in a new issue