From 514973852c074e5ee7fccdd6d38dc0163c8d5f4e Mon Sep 17 00:00:00 2001 From: Antonio De Lucreziis Date: Sat, 18 Dec 2021 21:55:35 +0100 Subject: [PATCH] =?UTF-8?q?Minima=20responsivit=C3=A0=20e=20ombra=20al=20l?= =?UTF-8?q?ogo?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- assets/style.css | 34 +++++++++------------------------- assets/theme-dark.css | 27 +++++++++++++++++++++++++++ views/base.html | 2 +- views/utenti.html | 2 -- 4 files changed, 37 insertions(+), 28 deletions(-) create mode 100644 assets/theme-dark.css diff --git a/assets/style.css b/assets/style.css index cdc61c0..f488d29 100644 --- a/assets/style.css +++ b/assets/style.css @@ -24,29 +24,6 @@ --shadow-1: 0 0 16px 0 #00000018; } -body.dark-mode { - --bg: #282828; - --fg: #6eac4d; - - --bg-dark: hsl(10, 10%, 20%); - --bg-darker: hsl(10, 10%, 17%); - --bg-darker-2: #1d2021; - - --accent-1: #154d24; - --accent-1-fg: #278542; - - --card-date: #928374; - --card-content: #d4be98; - - --font-sf: 'Inter', sans-serif; - --font-weight-light: 300; - --font-weight-normal: 400; - --font-weight-medium: 500; - --font-weight-bold: 700; - - --shadow-1: 0 0 16px 0 #16182077; -} - * { box-sizing: border-box; } @@ -85,11 +62,12 @@ body { nav { margin: 1rem 0; - display: grid; - grid-template-columns: auto 1fr; + display: flex; + flex-wrap: wrap; gap: 1rem; align-items: center; + justify-content: center; font-weight: var(--font-weight-medium); color: var(--accent-1-fg); @@ -131,6 +109,7 @@ nav .nav-logo { nav .nav-logo img { width: 150px; + filter: drop-shadow(0 0 4px rgba(0, 0, 0, 0.5)); } nav .nav-main { @@ -354,3 +333,8 @@ a:hover { text-decoration: underline; } +/* Responsiveness */ + +@media screen and (max-width: 950px) { + +} \ No newline at end of file diff --git a/assets/theme-dark.css b/assets/theme-dark.css new file mode 100644 index 0000000..aa36c1e --- /dev/null +++ b/assets/theme-dark.css @@ -0,0 +1,27 @@ + +body.dark-mode { + --bg: #282828; + --fg: #6eac4d; + + --bg-dark: hsl(10, 10%, 20%); + --bg-darker: hsl(10, 10%, 17%); + --bg-darker-2: #1d2021; + + --accent-1: #154d24; + --accent-1-fg: #278542; + + --card-date: #928374; + --card-content: #d4be98; + + --font-sf: 'Inter', sans-serif; + --font-weight-light: 300; + --font-weight-normal: 400; + --font-weight-medium: 500; + --font-weight-bold: 700; + + --shadow-1: 0 0 16px 0 #16182077; +} + +.dark-mode nav .nav-logo img { + filter: drop-shadow(0 0 4px rgba(0, 0, 0, 0.4)); +} \ No newline at end of file diff --git a/views/base.html b/views/base.html index 9045a52..22a052c 100644 --- a/views/base.html +++ b/views/base.html @@ -58,8 +58,8 @@ }); - + diff --git a/views/utenti.html b/views/utenti.html index e92cf2a..1ae1e1c 100644 --- a/views/utenti.html +++ b/views/utenti.html @@ -3,7 +3,6 @@ {{define "title"}}PHC • Utenti • phc.dm.xxxxx.xx{{end}} {{define "body"}} -

@@ -24,7 +23,6 @@

-