diff options
| author | Adam <[email protected]> | 2025-10-30 10:16:45 -0500 |
|---|---|---|
| committer | Adam <[email protected]> | 2025-10-30 12:02:50 -0500 |
| commit | 19974daa67b034062e991cff6611477741c0a09d (patch) | |
| tree | 9685c46c9c3633a27e9bad1ac105f150f2279d6f /packages/ui/src/components/card.css | |
| parent | dcf865a889a97d00e36aa4d45464d1612b3281bd (diff) | |
| download | opencode-19974daa67b034062e991cff6611477741c0a09d.tar.gz opencode-19974daa67b034062e991cff6611477741c0a09d.zip | |
wip: desktop work
Diffstat (limited to 'packages/ui/src/components/card.css')
| -rw-r--r-- | packages/ui/src/components/card.css | 29 |
1 files changed, 29 insertions, 0 deletions
diff --git a/packages/ui/src/components/card.css b/packages/ui/src/components/card.css new file mode 100644 index 000000000..a9b7c8784 --- /dev/null +++ b/packages/ui/src/components/card.css @@ -0,0 +1,29 @@ +[data-component="card"] { + width: 100%; + display: flex; + flex-direction: column; + background-color: var(--surface-inset-base); + border: 1px solid var(--border-weaker-base); + transition: background-color 0.15s ease; + border-radius: 8px; + padding: 6px 12px; + overflow: clip; + + &[data-variant="error"] { + background-color: var(--surface-critical-weak); + border: 1px solid var(--border-critical-base); + color: rgba(218, 51, 25, 0.6); + + /* text-12-regular */ + font-family: var(--font-family-sans); + font-size: var(--font-size-small); + font-style: normal; + font-weight: var(--font-weight-regular); + line-height: var(--line-height-large); /* 166.667% */ + letter-spacing: var(--letter-spacing-normal); + + &[data-component="icon"] { + color: var(--icon-critical-active); + } + } +} |