From 714d8f7ff8425e4177ff6bde4d214ef75be6b1ab Mon Sep 17 00:00:00 2001 From: Volpeon Date: Thu, 24 Dec 2020 15:05:32 +0100 Subject: Added header, improved SCSS structure, use metadata file instead of param, improved folder structure --- assets/css/_vars.scss | 43 +++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 43 insertions(+) create mode 100644 assets/css/_vars.scss (limited to 'assets/css/_vars.scss') 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); +} -- cgit v1.2.3-54-g00ecf