From 4e7e7b05c785483924e41e7a7839d2f2e10620a4 Mon Sep 17 00:00:00 2001 From: Julien Oculi Date: Mon, 5 Feb 2024 23:44:29 +0100 Subject: [PATCH] feat: add base css layer --- src/stylesheets/base.css | 29 +++++++++++++++++++++++++++-- static/assets/css_bg_stardust.png | Bin 0 -> 9145 bytes 2 files changed, 27 insertions(+), 2 deletions(-) create mode 100644 static/assets/css_bg_stardust.png diff --git a/src/stylesheets/base.css b/src/stylesheets/base.css index d60afbd..d116e12 100644 --- a/src/stylesheets/base.css +++ b/src/stylesheets/base.css @@ -1,3 +1,28 @@ +:root { + --_font-size: var(--font-size-1); + --_font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', + Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', + sans-serif; + --_font-color: var(--choco-12); + --_accent-color: var(--lime-6); + accent-color: var(--_accent-color); + --_background: url('assets/css_bg_stardust.png') repeat top left / 800px; +} + body { - background-color: blue; -} \ No newline at end of file + font-family: var(--_font-family); + font-size: var(--_font-size); + margin: 0; + padding: 0; +} + +/* background that handle filters */ +body::before { + z-index: 0; + content: ''; + width: 100%; + height: 100%; + position: absolute; + filter: opacity(30%); + background: var(--_background); +} diff --git a/static/assets/css_bg_stardust.png b/static/assets/css_bg_stardust.png new file mode 100644 index 0000000000000000000000000000000000000000..d1ee1dc9810bf6d5615e00c7d79d610b8f69e4b2 GIT binary patch literal 9145 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 DwxqJS literal 0 HcmV?d00001