beastie/dashboard
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add shadow box to add relief

Browse Source
This commit is contained in:
Jérémie SALVI
2024-12-20 01:24:43 +01:00
parent 3ed0d68f45
commit 826afcb384
1 changed files with 7 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
css/style.css
View File

@@ -3,7 +3,7 @@
:root { :root {
--bg-color-dark-z0: #323232; --bg-color-dark-z0: #323232;
--bg-color-dark-z1: #fff4; --bg-color-dark-z1: #434343;
--bg-color-dark-z2: #545454; --bg-color-dark-z2: #545454;
--text-color-light: #000; --text-color-light: #000;
--text-color-dark: #fbfbfe; --text-color-dark: #fbfbfe;
@@ -41,7 +41,7 @@ body {
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: bottom; background-position: bottom;
background-attachment: fixed; background-attachment: fixed;
background-image: url(../assets/bg.jpg); /* background-image: url(../assets/bg.jpg); */
color: var(--text-color-dark); color: var(--text-color-dark);
} }
@@ -50,6 +50,8 @@ header {
align-items: center; align-items: center;
justify-content: center; justify-content: center;
background-color: var(--bg-color-dark-z1); background-color: var(--bg-color-dark-z1);
box-shadow: 0px 5px 4px 2px #212121;
z-index: 100;
} }
.search-wrapper { .search-wrapper {
@@ -125,6 +127,7 @@ aside {
flex-direction: column; flex-direction: column;
background-color: var(--bg-color-dark-z1); background-color: var(--bg-color-dark-z1);
border-radius: 8px; border-radius: 8px;
box-shadow: 2px 2px 2px 1px #212121;
} }
.section-wrapper h1, .section-wrapper h1,
@@ -165,6 +168,7 @@ aside {
padding: 16px; padding: 16px;
background-color: var(--bg-color-dark-z2); background-color: var(--bg-color-dark-z2);
border-radius: 8px; border-radius: 8px;
box-shadow: 2px 2px 2px 1px #212121;
} }
.link-wrapper-inner p { .link-wrapper-inner p {
@@ -183,6 +187,7 @@ aside {
background-color: var(--bg-color-dark-z2); background-color: var(--bg-color-dark-z2);
border-radius: 8px; border-radius: 8px;
color: var(--text-color-dark); color: var(--text-color-dark);
box-shadow: 2px 2px 2px 1px #212121;
} }
aside h1 { aside h1 {