ItsDrike/itsdrike.com
1
0
Fork 0
mirror of https://github.com/ItsDrike/itsdrike.com.git synced 2025-01-23 20:14:33 +00:00
Code Issues Packages Projects Releases Wiki Activity

Split scss variables into separate file

Browse source
This commit is contained in:
ItsDrike 2022-05-15 11:17:11 +02:00
parent f36d169b10
commit 1ebb615e52
No known key found for this signature in database
GPG key ID: B014E761034AF742
2 changed files with 25 additions and 23 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

23
static/src/scss/_variables.scss Normal file
View file

@ -0,0 +1,23 @@
@charset "UTF-8";
$body-bg: #17181C;
$body-color: #DEE2E6;
$primary: #E85537;
$primary-light: #FF773D;
$primary-lighter: #F19143;
$primary-yellow: #FFB238;
$primary-red: #B20600;
$inline-code-color: #E2777A;
$inline-code-background: #272822;
$codeblock-background: #272822;
$navbar-height: 40px;
$footer-height: 110px;
$headings-margin-bottom: 1.5rem;
$paragraph-margin-bottom: $headings-margin-bottom * 0.85;
$font-family-body: "Inter", -apple-system, BlinkMacSystemFont, "Roboto", "Segoe UI", Helvetica, Arial, sans-serif;
$font-family-mono: "JetBrains Mono", monospace;
$font-size-base: 1.2rem;

25
static/src/scss/style.scss
View file

@ -1,28 +1,7 @@
$body-bg: #17181C; @import "variables";
$body-color: #DEE2E6; @import "fonts";
$primary: #E85537;
$primary-light: #FF773D;
$primary-lighter: #F19143;
$primary-yellow: #FFB238;
$primary-red: #B20600;
$inline-code-color: #E2777A;
$inline-code-background: #272822;
$codeblock-background: #272822;
$navbar-height: 40px;
$footer-height: 110px;
$headings-margin-bottom: 1.5rem;
$paragraph-margin-bottom: $headings-margin-bottom * 0.85;
$font-family-body: "Inter", -apple-system, BlinkMacSystemFont, "Roboto", "Segoe UI", Helvetica, Arial, sans-serif;
$font-family-mono: "JetBrains Mono", monospace;
$font-size-base: 1.2rem;
@import "node_modules/bootstrap/scss/bootstrap"; @import "node_modules/bootstrap/scss/bootstrap";
@import "fonts";
@import "chroma"; @import "chroma";
@import "main"; @import "main";
@import "navbar"; @import "navbar";