Added header, improved SCSS structure, use metadata file instead of param, improved folder structure

1 files changed, 43 insertions, 0 deletions

diff --git a/assets/css/_vars.scss b/assets/css/_vars.scss
new file mode 100644
index 0000000..a29ad6d
--- /dev/null
+++ b/assets/css/_vars.scss
@@ -0,0 +1,43 @@
+$font-size: 17px;
+$heading-font-size: $font-size + 1;
+$code-block-font-size: $font-size;
+$line-height: 1.5;
+$code-block-line-height: 1.4;
+
+$page-item-prefix-max-chars: 3ch;
+$page-item-prefix-pad: 2ch;
+$page-item-prefix-width: $page-item-prefix-max-chars + $page-item-prefix-pad;
+
+$subcontent-indent: 4ch;
+
+$breakpoint-sm: 700px;
+
+:root {
+  --gray1: hsl(270, 0%, 9.7%);
+  --gray2: hsl(270, 1%, 29%);
+  --gray3: hsl(270, 2%, 54%);
+  --gray4: hsl(270, 2%, 73%);
+  --gray5: hsl(270, 2%, 83%);
+  --gray6: hsl(270, 2%, 100%);
+
+  --bg: var(--gray1);
+  --bg-plus: var(--gray2);
+  --fg-minus: var(--gray3);
+  --fg: var(--gray4);
+  --fg-plus: var(--gray6);
+
+  --select-bg: hsla(270, 2%, 100%, 0.996);
+  --select-fg: var(--gray1);
+
+  --code-fg: var(--fg-minus);
+  --code-block-fg: var(--fg-minus);
+
+  --page-item-prefix-fg: var(--fg-minus);
+
+  --link-idle-fg: var(--gray6); //#90acf2; //var(--gray6);
+  --link-visited-fg: var(--gray5); //#bc9df2; //var(--gray5);
+  --link-hover-bg: var(--gray6);
+  --link-hover-fg: var(--gray1);
+
+  --heading: var(--fg-plus);
+}