Updated style

mrOranger · mrOranger · commit f304151cc9a4 · 2025-01-11T17:47:20.000+01:00
Add variable for shadow
diff --git a/task-manager/src/styles.css b/task-manager/src/styles.css
@@ -27,6 +27,8 @@
 
       --default-border-radius: 0.25rem;
 
+      --default-shadow: 0em 0.5em 0.5em lightgray;
+
       --system-font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
             'Open Sans', 'Helvetica Neue', sans-serif, 'Helvetica Neue', sans-serif;
 }
@@ -70,7 +72,7 @@ body {
       border-radius: var(--default-border-radius);
       background-color: var(--card-background);
       gap: 2em;
-      box-shadow: 0em 0.5em 0.5em lightgray;
+      box-shadow: var(--default-shadow);
 }
 
 .card .header {

Original file line number	Diff line number	Diff line change
`@@ -27,6 +27,8 @@`
`27`	`27`
`28`	`28`	`--default-border-radius: 0.25rem;`
`29`	`29`
	`30`	`+ --default-shadow: 0em 0.5em 0.5em lightgray;`
	`31`	`+`
`30`	`32`	`--system-font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,`
`31`	`33`	`'Open Sans', 'Helvetica Neue', sans-serif, 'Helvetica Neue', sans-serif;`
`32`	`34`	`}`
`@@ -70,7 +72,7 @@ body {`
`70`	`72`	`border-radius: var(--default-border-radius);`
`71`	`73`	`background-color: var(--card-background);`
`72`	`74`	`gap: 2em;`
`73`		`- box-shadow: 0em 0.5em 0.5em lightgray;`
	`75`	`+ box-shadow: var(--default-shadow);`
`74`	`76`	`}`
`75`	`77`
`76`	`78`	`.card .header {`