glass embeds as borders

Sheraff · Mar 22, 2024 · f4602df · f4602df
1 parent 2a0f414
commit f4602df
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 2 deletions.
diff --git a/client/src/components/Bento/GridCell.module.css b/client/src/components/Bento/GridCell.module.css
@@ -15,7 +15,11 @@
 	grid-row: span var(--y);
 	border-radius: var(--s-0-5);
 	overflow: hidden;
-	border: 1px solid oklch(from var(--background) 23% 12% h);
+	margin: 1px;
+	box-shadow:
+		-1px -1px 1px 0 oklch(from var(--background) 25% 12% h),
+		1px 1px 1px 0 oklch(from var(--background) 15% 12% h),
+		0 0 1px 1px oklch(from var(--background) 20% 12% h);
 
 	padding: var(--s);
 

diff --git a/client/src/components/Divider/Divider.module.css b/client/src/components/Divider/Divider.module.css
@@ -1,7 +1,14 @@
 .divider {
 	border: none;
 	height: 1px;
-	background-color: oklch(from var(--background) 23% 12% h);
+	background: linear-gradient(
+		to right,
+		oklch(from var(--background) 20% 12% h),
+		oklch(from var(--background) 15% 12% h)
+	);
+	box-shadow:
+		0 -0.5px 0.5px 0 oklch(from var(--background) 15% 12% h),
+		0 0.5px 0.5px 0 oklch(from var(--background) 25% 12% h);
 	margin: 1em 0;
 }
 
@@ -19,4 +26,8 @@
 	width: 1px;
 	height: auto;
 	margin: calc(-1 * var(--s)) 0;
+	box-shadow:
+		-0.5px 0 0.5px 0 oklch(from var(--background) 15% 12% h),
+		0.5px 0 0.5px 0 oklch(from var(--background) 25% 12% h);
+	background-color: oklch(from var(--background) 20% 12% h);
 }