diff options
| author | opencode-agent[bot] <opencode-agent[bot]@users.noreply.github.com> | 2026-01-30 17:58:31 +0000 |
|---|---|---|
| committer | opencode-agent[bot] <opencode-agent[bot]@users.noreply.github.com> | 2026-01-30 17:58:31 +0000 |
| commit | fe66ca163cbb9d689cf296c4c2f7a63414c1cf45 (patch) | |
| tree | e330cc07e4ce3b68f64592f7c123cfa1ce77ef23 /packages/ui/src/components/collapsible.css | |
| parent | 20619a6a26ec0cfc2707b7ed13387715e9f9cdaa (diff) | |
| download | opencode-fe66ca163cbb9d689cf296c4c2f7a63414c1cf45.tar.gz opencode-fe66ca163cbb9d689cf296c4c2f7a63414c1cf45.zip | |
chore: generate
Diffstat (limited to 'packages/ui/src/components/collapsible.css')
| -rw-r--r-- | packages/ui/src/components/collapsible.css | 170 |
1 files changed, 85 insertions, 85 deletions
diff --git a/packages/ui/src/components/collapsible.css b/packages/ui/src/components/collapsible.css index 312eec84a..cc62b2b87 100644 --- a/packages/ui/src/components/collapsible.css +++ b/packages/ui/src/components/collapsible.css @@ -1,99 +1,99 @@ [data-component="collapsible"] { - width: 100%; - display: flex; - flex-direction: column; - background-color: var(--surface-inset-base); - border: 1px solid var(--border-weaker-base); - transition-property: background-color, border-color; - transition-duration: var(--transition-duration); - transition-timing-function: var(--transition-easing); - border-radius: var(--radius-md); - overflow: clip; + width: 100%; + display: flex; + flex-direction: column; + background-color: var(--surface-inset-base); + border: 1px solid var(--border-weaker-base); + transition-property: background-color, border-color; + transition-duration: var(--transition-duration); + transition-timing-function: var(--transition-easing); + border-radius: var(--radius-md); + overflow: clip; - [data-slot="collapsible-trigger"] { - width: 100%; - display: flex; - height: 32px; - padding: 6px 8px 6px 12px; - align-items: center; - align-self: stretch; - cursor: default; - user-select: none; - color: var(--text-base); + [data-slot="collapsible-trigger"] { + width: 100%; + display: flex; + height: 32px; + padding: 6px 8px 6px 12px; + align-items: center; + align-self: stretch; + cursor: default; + user-select: none; + color: var(--text-base); - /* text-12-medium */ - font-family: var(--font-family-sans); - font-size: var(--font-size-small); - font-style: normal; - font-weight: var(--font-weight-medium); - line-height: var(--line-height-large); /* 166.667% */ - letter-spacing: var(--letter-spacing-normal); + /* text-12-medium */ + font-family: var(--font-family-sans); + font-size: var(--font-size-small); + font-style: normal; + font-weight: var(--font-weight-medium); + line-height: var(--line-height-large); /* 166.667% */ + letter-spacing: var(--letter-spacing-normal); - /* &:hover { */ - /* background-color: var(--surface-base); */ - /* } */ - &:focus-visible { - outline: none; - } - &[data-disabled] { - cursor: not-allowed; - } + /* &:hover { */ + /* background-color: var(--surface-base); */ + /* } */ + &:focus-visible { + outline: none; + } + &[data-disabled] { + cursor: not-allowed; + } - [data-slot="collapsible-arrow"] { - flex-shrink: 0; - width: 24px; - height: 24px; - display: flex; - align-items: center; - justify-content: center; - color: var(--text-weak); - } - } + [data-slot="collapsible-arrow"] { + flex-shrink: 0; + width: 24px; + height: 24px; + display: flex; + align-items: center; + justify-content: center; + color: var(--text-weak); + } + } - [data-slot="collapsible-content"] { - display: grid; - grid-template-rows: 0fr; - transition-property: grid-template-rows, opacity; - transition-duration: var(--transition-duration); - transition-timing-function: var(--transition-easing); + [data-slot="collapsible-content"] { + display: grid; + grid-template-rows: 0fr; + transition-property: grid-template-rows, opacity; + transition-duration: var(--transition-duration); + transition-timing-function: var(--transition-easing); - > * { - overflow: hidden; - } + > * { + overflow: hidden; + } - &[data-expanded] { - grid-template-rows: 1fr; - } + &[data-expanded] { + grid-template-rows: 1fr; + } - &[data-closed] { - grid-template-rows: 0fr; - } - } + &[data-closed] { + grid-template-rows: 0fr; + } + } - &[data-variant="ghost"] { - background-color: transparent; - border: none; + &[data-variant="ghost"] { + background-color: transparent; + border: none; - > [data-slot="collapsible-trigger"] { - background-color: transparent; - border: none; - padding: 0; + > [data-slot="collapsible-trigger"] { + background-color: transparent; + border: none; + padding: 0; - /* &:hover { */ - /* color: var(--text-strong); */ - /* } */ - &:focus-visible { - outline: none; - } - &[data-disabled] { - cursor: not-allowed; - } - } - } + /* &:hover { */ + /* color: var(--text-strong); */ + /* } */ + &:focus-visible { + outline: none; + } + &[data-disabled] { + cursor: not-allowed; + } + } + } - &[data-variant="ghost"][data-scope="filetree"] { - > [data-slot="collapsible-trigger"] { - height: 24px; - } - } + &[data-variant="ghost"][data-scope="filetree"] { + > [data-slot="collapsible-trigger"] { + height: 24px; + } + } } |
