diff options
| author | Sam Nystrom <sam@samnystrom.dev> | 2024-03-13 18:01:48 +0000 |
|---|---|---|
| committer | Sam Nystrom <sam@samnystrom.dev> | 2024-03-13 20:17:07 -0400 |
| commit | 9eb1625ec5de3c221ed0445dde874fcb1dc3ff48 (patch) | |
| tree | fe2d2cb383813ca3511af68065257b6ea561afe8 /src/components/ButtonMenu.css | |
| parent | 13451b7588aa5800f0c1a87e7c3b49830d9e4087 (diff) | |
feat: add menu components
Diffstat (limited to 'src/components/ButtonMenu.css')
| -rw-r--r-- | src/components/ButtonMenu.css | 33 |
1 files changed, 33 insertions, 0 deletions
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 |