From 30ac9ae4e85b6ac42eda0dc15e7c991e70990e63 Mon Sep 17 00:00:00 2001 From: Miodec Date: Mon, 16 Jan 2023 15:58:37 +0100 Subject: [PATCH] moved fonts to their own file --- frontend/src/styles/core.scss | 54 ---------------------------------- frontend/src/styles/fonts.scss | 53 +++++++++++++++++++++++++++++++++ frontend/src/styles/index.scss | 8 ++--- 3 files changed, 57 insertions(+), 58 deletions(-) create mode 100644 frontend/src/styles/fonts.scss diff --git a/frontend/src/styles/core.scss b/frontend/src/styles/core.scss index 1f7725b1d..a48def725 100644 --- a/frontend/src/styles/core.scss +++ b/frontend/src/styles/core.scss @@ -1,57 +1,3 @@ -@import url("https://fonts.googleapis.com/css2?family=Fira+Code:wght@300;400;700&display=swap"); -@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@600&display=swap"); -@import url("https://fonts.googleapis.com/css2?family=Inconsolata:wght@300;400;700&display=swap"); -@import url("https://fonts.googleapis.com/css2?family=Source+Code+Pro:wght@300;400;700&display=swap"); -@import url("https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;400;700&display=swap"); -@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;700&display=swap"); -@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700&display=swap"); -@import url("https://fonts.googleapis.com/css2?family=Titillium+Web:wght@300;400;700&display=swap"); -@import url("https://fonts.googleapis.com/css2?family=Lexend+Deca:wght@300;400;700&display=swap"); -@import url("https://fonts.googleapis.com/css2?family=Oxygen:wght@300;400;700&display=swap"); -@import url("https://fonts.googleapis.com/css2?family=Itim:wght@300;400;700&display=swap"); -@import url("https://fonts.googleapis.com/css2?family=Comfortaa:wght@300;400;700&display=swap"); -@import url("https://fonts.googleapis.com/css2?family=Coming+Soon:wght@300;400;700&display=swap"); -@import url("https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible:wght@300;400;700&display=swap"); -@import url("https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&display=swap"); -@import url("https://fonts.googleapis.com/css2?family=Lalezar:wght@300;400;700&display=swap"); -@import url("https://fonts.googleapis.com/css2?family=Noto+Naskh+Arabic:wght@300;400;700&display=swap"); -@import url("https://fonts.googleapis.com/css2?family=Vazirmatn:wght@300;400;700&display=swap"); -@import url("https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400;700&display=swap"); -@import url("https://fonts.googleapis.com/css2?family=Ubuntu+Mono:wght@300;400;700&display=swap"); - -@font-face { - font-family: "Nunito"; - font-style: normal; - font-weight: 700; - font-display: block; - src: url("../webfonts/Nunito-Bold.ttf") format("truetype"); -} - -@font-face { - font-family: "Roboto Mono"; - font-style: normal; - font-weight: 400; - font-display: block; - src: url("../webfonts/RobotoMono-Regular.ttf") format("truetype"); -} - -@font-face { - font-family: "Boon"; - font-style: normal; - font-weight: 400; - font-display: block; - src: url("../webfonts/Boon-400.ttf") format("truetype"), - url("../webfonts/Boon-400.otf") format("opentype"); -} - -@font-face { - font-family: "Open Dyslexic"; - font-style: normal; - font-weight: 400; - font-display: block; - src: url("../webfonts/OpenDyslexic.otf") format("opentype"); -} - :root { --roundness: 0.5rem; --font: "Roboto Mono", "Vazirmatn"; diff --git a/frontend/src/styles/fonts.scss b/frontend/src/styles/fonts.scss new file mode 100644 index 000000000..f5da60330 --- /dev/null +++ b/frontend/src/styles/fonts.scss @@ -0,0 +1,53 @@ +@import url("https://fonts.googleapis.com/css2?family=Fira+Code:wght@300;400;700&display=swap"); +@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@600&display=swap"); +@import url("https://fonts.googleapis.com/css2?family=Inconsolata:wght@300;400;700&display=swap"); +@import url("https://fonts.googleapis.com/css2?family=Source+Code+Pro:wght@300;400;700&display=swap"); +@import url("https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;400;700&display=swap"); +@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;700&display=swap"); +@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700&display=swap"); +@import url("https://fonts.googleapis.com/css2?family=Titillium+Web:wght@300;400;700&display=swap"); +@import url("https://fonts.googleapis.com/css2?family=Lexend+Deca:wght@300;400;700&display=swap"); +@import url("https://fonts.googleapis.com/css2?family=Oxygen:wght@300;400;700&display=swap"); +@import url("https://fonts.googleapis.com/css2?family=Itim:wght@300;400;700&display=swap"); +@import url("https://fonts.googleapis.com/css2?family=Comfortaa:wght@300;400;700&display=swap"); +@import url("https://fonts.googleapis.com/css2?family=Coming+Soon:wght@300;400;700&display=swap"); +@import url("https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible:wght@300;400;700&display=swap"); +@import url("https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&display=swap"); +@import url("https://fonts.googleapis.com/css2?family=Lalezar:wght@300;400;700&display=swap"); +@import url("https://fonts.googleapis.com/css2?family=Noto+Naskh+Arabic:wght@300;400;700&display=swap"); +@import url("https://fonts.googleapis.com/css2?family=Vazirmatn:wght@300;400;700&display=swap"); +@import url("https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400;700&display=swap"); +@import url("https://fonts.googleapis.com/css2?family=Ubuntu+Mono:wght@300;400;700&display=swap"); + +@font-face { + font-family: "Nunito"; + font-style: normal; + font-weight: 700; + font-display: block; + src: url("../webfonts/Nunito-Bold.ttf") format("truetype"); +} + +@font-face { + font-family: "Roboto Mono"; + font-style: normal; + font-weight: 400; + font-display: block; + src: url("../webfonts/RobotoMono-Regular.ttf") format("truetype"); +} + +@font-face { + font-family: "Boon"; + font-style: normal; + font-weight: 400; + font-display: block; + src: url("../webfonts/Boon-400.ttf") format("truetype"), + url("../webfonts/Boon-400.otf") format("opentype"); +} + +@font-face { + font-family: "Open Dyslexic"; + font-style: normal; + font-weight: 400; + font-display: block; + src: url("../webfonts/OpenDyslexic.otf") format("opentype"); +} diff --git a/frontend/src/styles/index.scss b/frontend/src/styles/index.scss index c37ddf495..e9247f672 100644 --- a/frontend/src/styles/index.scss +++ b/frontend/src/styles/index.scss @@ -1,4 +1,4 @@ -@import "404", "ads", "about", "account", "animations", "banners", "caret", - "commandline", "core", "footer", "inputs", "keymap", "leaderboards", "login", - "monkey", "nav", "notifications", "popups", "profile", "scroll", "settings", - "test", "z_media-queries"; +@import "fonts", "404", "ads", "about", "account", "animations", "banners", + "caret", "commandline", "core", "footer", "inputs", "keymap", "leaderboards", + "login", "monkey", "nav", "notifications", "popups", "profile", "scroll", + "settings", "test", "z_media-queries";