From 9eb1625ec5de3c221ed0445dde874fcb1dc3ff48 Mon Sep 17 00:00:00 2001
From: Sam Nystrom <sam@samnystrom.dev>
Date: Wed, 13 Mar 2024 18:01:48 +0000
Subject: feat: add menu components

---
 src/components/ButtonMenu.css | 33 +++++++++++++++++++++++++++++++++
 1 file changed, 33 insertions(+)
 create mode 100644 src/components/ButtonMenu.css

(limited to 'src/components/ButtonMenu.css')

diff --git a/src/components/ButtonMenu.css b/src/components/ButtonMenu.css
new file mode 100644
index 0000000..c454849
--- /dev/null
+++ b/src/components/ButtonMenu.css
@@ -0,0 +1,33 @@
+@scope (.__ButtonMenu) {
+	:scope {
+		> button {
+			position: relative;
+			padding-left: 2.5rem;
+			
+			&::before {
+				content: '';
+				width: 1rem;
+				height: 1rem;
+				left: 0.75rem;
+				position: absolute;
+				background: url('../icons/chevron-right.svg');
+				background-position: left 2px center;
+				background-repeat: no-repeat;
+				transition: transform 0.2s;
+			}
+			&:has(+ :popover-open)::before {
+				transform: rotate(90deg);
+			}
+		}
+
+		[popover] {
+			inset: unset;
+			top: 0;
+			left: var(--anchor-x);
+
+			&:popover-open {
+				top: var(--anchor-y);
+			}
+		}
+	}
+}
\ No newline at end of file
-- 
cgit v1.2.3