hugo.soucy.cc

The personnal website source code of Hugo Soucy. Creates from an homebrewed static website generator (Ferron).
Log | Files | Refs

commit 8e123f6d7b25240069f23290ebbf11ed8fc3572a
parent 8d05e5b1881a5ac7fbe4587bbe33720e94de4436
Author: Hugo Soucy <hs0ucy@h50ucy.local>
Date:   Sat, 15 Jun 2019 20:45:42 -0400

Add first scss files

Diffstat:
Astatic/src/css/global/_base.scss | 19+++++++++++++++++++
Astatic/src/css/global/abstractions/_root.scss | 11+++++++++++
Astatic/src/css/global/tokens/_colors.scss | 8++++++++
Mstatic/src/css/styles.scss | 4++++
4 files changed, 42 insertions(+), 0 deletions(-)

diff --git a/static/src/css/global/_base.scss b/static/src/css/global/_base.scss @@ -0,0 +1,19 @@ +/* BASE STYLES */ +html, +button, +input, +select, +textarea { + color: var(--base-fg-color); +} + +html, +body { + height:100%; + min-height:100%; + position:relative; +} + +body { + background: var(--base-bg-color) url("//assets.soucy.cc/images/noise.png") repeat; +} diff --git a/static/src/css/global/abstractions/_root.scss b/static/src/css/global/abstractions/_root.scss @@ -0,0 +1,11 @@ +/* Global Vars */ +:root { + /* Colors */ + --base-bg-color: #{$color-omega}; + --base-fg-color: #{$color-alpha}; + --base-link-color: #{$color-beta}; + --base-visited-color: #{$color-zeta}; + --code-bg-color: #{$color-gamma}; + --code-fg-color: #{$color-delta}; + --shadow-color: #{$color-epsilon}; +} diff --git a/static/src/css/global/tokens/_colors.scss b/static/src/css/global/tokens/_colors.scss @@ -0,0 +1,8 @@ +/* Color Tokens*/ +$color-alpha: #111111; +$color-beta: #0000ff; +$color-gamma: rgba(255,255,255,0.4); +$color-delta: #333333; +$color-epsilon: #cccccc; +$color-zeta: #8A2BE2; +$color-omega: #f1f1f1; diff --git a/static/src/css/styles.scss b/static/src/css/styles.scss @@ -0,0 +1,4 @@ +/* Globals */ +@import "global/tokens/_colors.scss"; +@import "global/abstractions/_root.scss"; +@import "global/_base.scss";