Something went wrong. Try again.
opencode v2 mirror
Something went wrong. Try again.
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275[data-titlebar-tab] [data-slot="tab-close"] { position: absolute; top: 4px; inset-inline-end: 4px; display: flex; height: 20px; width: 20px; align-items: center; justify-content: center;}
[data-titlebar-tab],[data-titlebar-tab-action] { --tab-base: var(--v2-background-bg-deep); --tab-overlay: transparent; background: linear-gradient(var(--tab-overlay), var(--tab-overlay)), var(--tab-base);}
[data-titlebar-tab][data-orientation="vertical"]:has([data-slot="tab-project"]) { height: 45px;}
[data-titlebar-tab][data-orientation="vertical"]:has([data-slot="tab-project"]) [data-slot="tab-link"] { display: grid; grid-template-columns: 16px minmax(0, 1fr); grid-template-rows: repeat(2, var(--line-height-compact)); align-content: center; column-gap: 6px; row-gap: 0; font-size: 13px; line-height: var(--line-height-compact);}
[data-titlebar-tab][data-orientation="vertical"] [data-slot="project-avatar-slot"] { grid-column: 1; grid-row: 1;}
[data-titlebar-tab][data-orientation="vertical"] [data-slot="tab-title"] { grid-column: 2; grid-row: 1;}
[data-titlebar-tab][data-orientation="vertical"] [data-slot="tab-project"] { grid-column: 2; grid-row: 2; min-width: 0; overflow: hidden; color: var(--v2-text-text-muted); font-size: 13px; line-height: var(--line-height-compact); white-space: nowrap;}
[data-titlebar-tab][data-orientation="vertical"] [data-slot="tab-close"] { top: 0; bottom: 0; margin-block: auto;}
[data-titlebar-tab]:not(:where([data-slot="mobile-tabs-drawer"] *)):is( :hover, :has(> [data-slot="tab-link"]:focus-visible) ):not([data-state="pressed"]):not([data-dragging="true"]):not([data-editing="true"]) { --tab-overlay: var(--v2-overlay-simple-overlay-hover);}
[data-titlebar-tab]:is([data-state="pressed"], [data-dragging="true"], [data-editing="true"]) { --tab-overlay: var(--v2-overlay-simple-overlay-pressed);}
[data-titlebar-tab-action]:is(:hover, :focus-visible) { --tab-overlay: var(--v2-overlay-simple-overlay-hover);}
[data-titlebar-tab-action]:is(:active, [data-state="pressed"]) { --tab-overlay: var(--v2-overlay-simple-overlay-pressed);}
[data-titlebar-tab]:is(:hover, [data-state="pressed"]) [data-slot="tab-close"] { background: linear-gradient(var(--tab-overlay), var(--tab-overlay)), var(--tab-base);}
[data-titlebar-tab][data-editing="true"] [data-slot="tab-close"] { display: none;}
[data-titlebar-tab-list] { gap: 6px;}
[data-titlebar-tab-list][data-orientation="vertical"] { gap: 2px;}
[data-slot="vertical-tabs-sidebar"] [data-titlebar-tab-list][data-orientation="vertical"] { gap: 4px;}
[data-titlebar-tab-slot] { --tab-separator: var(--v2-background-bg-layer-03); position: relative;}
[data-color-scheme="dark"] [data-titlebar-tab-slot] { --tab-separator: var(--v2-background-bg-layer-02);}
[data-titlebar-tab-slot]:not(:first-child):not([data-active="true"])::before { content: ""; position: absolute; top: 8px; inset-inline-start: -3.75px; width: 1.5px; height: 12px; border-radius: 9999px; background: var(--tab-separator);}
[data-titlebar-tab-slot][data-active="true"] + [data-titlebar-tab-slot]::before { display: none;}
[data-titlebar-tab-slot]:not([data-active="true"]):has([data-titlebar-tab]:hover)::before,[data-titlebar-tab-slot]:not([data-active="true"]):has([data-titlebar-tab]:hover) + [data-titlebar-tab-slot]::before { display: none;}
[data-titlebar-tab-list][data-orientation="vertical"] [data-titlebar-tab-slot]::before,[data-titlebar-tab-slot]:has([data-titlebar-tab][data-orientation="vertical"])::before { display: none;}
[data-titlebar-tab][data-title-overflow="true"]:not([data-editing="true"]) [data-slot="tab-link"],[data-titlebar-tab]:is(:hover, [data-active="true"]):not([data-editing="true"]) [data-slot="tab-link"] { --tab-title-fade-offset: 4px; -webkit-mask-image: linear-gradient( to right, black 0, black calc(100% - var(--tab-title-fade-offset) - 16px), transparent calc(100% - var(--tab-title-fade-offset)), transparent 100% ); mask-image: linear-gradient( to right, black 0, black calc(100% - var(--tab-title-fade-offset) - 16px), transparent calc(100% - var(--tab-title-fade-offset)), transparent 100% );}
[data-titlebar-tab][data-title-overflow="true"]:not([data-editing="true"]):dir(rtl) [data-slot="tab-link"],[data-titlebar-tab]:is(:hover, [data-active="true"]):not([data-editing="true"]):dir(rtl) [data-slot="tab-link"] { -webkit-mask-image: linear-gradient( to left, black 0, black calc(100% - var(--tab-title-fade-offset) - 16px), transparent calc(100% - var(--tab-title-fade-offset)), transparent 100% ); mask-image: linear-gradient( to left, black 0, black calc(100% - var(--tab-title-fade-offset) - 16px), transparent calc(100% - var(--tab-title-fade-offset)), transparent 100% );}
[data-titlebar-tab]:is(:hover, [data-active="true"]):not([data-editing="true"]) [data-slot="tab-link"] { --tab-title-fade-offset: 24px;}
[data-titlebar-tab][data-title-overflow="true"]:not(:hover):not([data-active="true"]):not([data-editing="true"]) [data-slot="tab-link"] { padding-inline-end: 0;}
[data-titlebar-tab] [data-slot="tab-title"] { min-width: 0;}
[data-titlebar-tab][data-editing="true"] [data-slot="tab-title"] { min-width: 0; max-width: 100%; flex: 1 1 auto; overflow-x: auto; overflow-y: hidden; white-space: nowrap; scrollbar-width: none;}
[data-titlebar-tab][data-editing="true"] [data-slot="tab-title"]::-webkit-scrollbar { display: none;}
@media (hover: none) { [data-titlebar-tab] [data-slot="tab-close"] { background: linear-gradient(var(--tab-overlay), var(--tab-overlay)), var(--tab-base); }
[data-titlebar-tab]:not([data-editing="true"]) [data-slot="tab-link"], [data-titlebar-tab][data-title-overflow="true"]:not([data-editing="true"]) [data-slot="tab-link"] { --tab-title-fade-offset: 24px; --tab-title-fade-direction: to right; -webkit-mask-image: linear-gradient( var(--tab-title-fade-direction), black 0, black calc(100% - var(--tab-title-fade-offset) - 16px), transparent calc(100% - var(--tab-title-fade-offset)), transparent 100% ); mask-image: linear-gradient( var(--tab-title-fade-direction), black 0, black calc(100% - var(--tab-title-fade-offset) - 16px), transparent calc(100% - var(--tab-title-fade-offset)), transparent 100% ); }
[data-titlebar-tab]:dir(rtl) [data-slot="tab-link"] { --tab-title-fade-direction: to left; }}
@container (44px < width <= 64px) { [data-titlebar-tab]:not([data-orientation="vertical"]):not([data-editing="true"]):is(:hover, [data-active="true"]) [data-slot="tab-link"] { -webkit-mask-image: none; mask-image: none; }
[data-titlebar-tab]:not([data-orientation="vertical"]):not([data-editing="true"]):is(:hover, [data-active="true"]) [data-titlebar-tab-title] { visibility: hidden; }}
@container (max-width: 44px) { [data-titlebar-tab]:not([data-orientation="vertical"]) [data-titlebar-tab-link] { justify-content: center; gap: 0; padding-inline: 0; }
[data-titlebar-tab]:not([data-orientation="vertical"]):not([data-editing="true"]) [data-slot="tab-link"], [data-titlebar-tab]:not([data-orientation="vertical"]):not([data-editing="true"]):dir(rtl) [data-slot="tab-link"] { -webkit-mask-image: none; mask-image: none; }
[data-titlebar-tab]:not([data-orientation="vertical"]) [data-titlebar-tab-title] { display: none; }
[data-titlebar-tab]:not([data-orientation="vertical"]):not([data-active="true"]) [data-slot="tab-close"] { display: none; }
@media (hover: hover) { [data-titlebar-tab]:not([data-orientation="vertical"]):not(:hover):not(:has(:focus-visible)) [data-slot="tab-close"] { display: none; } }
[data-titlebar-tab]:not([data-orientation="vertical"]) [data-slot="tab-close"] { right: auto; left: 50%; transform: translateX(-50%); }}