diff options
| author | Adam <[email protected]> | 2025-10-17 12:05:52 -0500 |
|---|---|---|
| committer | Adam <[email protected]> | 2025-10-17 12:06:36 -0500 |
| commit | 887a819f2444c8454a43049983d831194883c6cd (patch) | |
| tree | 7247e5d619c6065a4b1c7d02c74366d43e7e3c05 /packages/css/src/components/tooltip.css | |
| parent | fe8b3a25155c0aaad20b506d0ba6fc6b8f2d0e5b (diff) | |
| download | opencode-887a819f2444c8454a43049983d831194883c6cd.tar.gz opencode-887a819f2444c8454a43049983d831194883c6cd.zip | |
wip: desktop work
Diffstat (limited to 'packages/css/src/components/tooltip.css')
| -rw-r--r-- | packages/css/src/components/tooltip.css | 53 |
1 files changed, 0 insertions, 53 deletions
diff --git a/packages/css/src/components/tooltip.css b/packages/css/src/components/tooltip.css deleted file mode 100644 index a17ed4026..000000000 --- a/packages/css/src/components/tooltip.css +++ /dev/null @@ -1,53 +0,0 @@ -/* [data-component="tooltip-trigger"] { */ -/* display: flex; */ -/* align-items: center; */ -/* } */ - -[data-component="tooltip"] { - z-index: 1000; - max-width: 320px; - border-radius: var(--radius-md); - background-color: var(--surface-base); - padding: calc(var(--spacing) * 0.5) calc(var(--spacing) * 1); - font-size: var(--text-xs); - font-weight: var(--font-weight-medium); - color: var(--text-base); - box-shadow: var(--shadow-md); - pointer-events: none !important; - transition: all 150ms ease-out; - transform: translate3d(0, 0, 0); - transform-origin: var(--kb-tooltip-content-transform-origin); - - &[data-expanded] { - opacity: 1; - transform: translate3d(0, 0, 0); - } - - &[data-closed] { - opacity: 0; - } - - &[data-placement="top"] { - &[data-closed] { - transform: translate3d(0, 4px, 0); - } - } - - &[data-placement="bottom"] { - &[data-closed] { - transform: translate3d(0, -4px, 0); - } - } - - &[data-placement="left"] { - &[data-closed] { - transform: translate3d(4px, 0, 0); - } - } - - &[data-placement="right"] { - &[data-closed] { - transform: translate3d(-4px, 0, 0); - } - } -} |
