KevinMidboe/schleppe-lab
1
0
Fork 0
mirror of https://github.com/KevinMidboe/schleppe-lab.git synced 2025-10-29 17:50:39 +00:00
Code Issues Packages Projects Releases Wiki Activity

Increased content width & define css vars from scss

Browse Source
This commit is contained in:
Kevin
2023-07-09 22:01:35 +02:00
parent 0f123651fb
commit 04478c49ce
2 changed files with 8 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
_sass/_layout.scss
View File

@@ -34,7 +34,7 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
width: 100%; width: 100%;
max-width: 864px; max-width: 1064px;
min-height: 100vh; min-height: 100vh;
margin: 0 auto; margin: 0 auto;
padding: var(--spacing-unit); padding: var(--spacing-unit);

14
_sass/main.scss
View File

@@ -12,6 +12,10 @@
src: url("/assets/fonts/FiraCode-Bold.ttf"); src: url("/assets/fonts/FiraCode-Bold.ttf");
} }
$text-color: white;
$background-color: #222129;
$brand-color: #fea86a;
:root { :root {
--font-family: "Fira Code", Monaco, Consolas, "Ubuntu Mono", monospace; --font-family: "Fira Code", Monaco, Consolas, "Ubuntu Mono", monospace;
--font-size: 16px; --font-size: 16px;
@@ -21,9 +25,9 @@
--spacing-unit: 2.5em; --spacing-unit: 2.5em;
--text-color: white; --text-color: $text-color;
--background-color: #222129; --background-color: $background-color;
--brand-color: #fea86a; --brand-color: $brand-color;
--border-color: hsla(0, 0%, 100%, 0.1); --border-color: hsla(0, 0%, 100%, 0.1);
} }
$base-font-family: "Fira Code", Monaco, Consolas, "Ubuntu Mono", monospace !default; $base-font-family: "Fira Code", Monaco, Consolas, "Ubuntu Mono", monospace !default;
@@ -34,10 +38,6 @@ $base-line-height: 1.5 !default;
$spacing-unit: 2.5em !default; $spacing-unit: 2.5em !default;
$text-color: white !default;
$background-color: #222129 !default;
$brand-color: #fea86a !default;
$grey-color: #828282 !default; $grey-color: #828282 !default;
$grey-color-light: lighten($grey-color, 40%) !default; $grey-color-light: lighten($grey-color, 40%) !default;
$grey-color-dark: darken($grey-color, 25%) !default; $grey-color-dark: darken($grey-color, 25%) !default;