Something went wrong. Try again.
opencode v2 mirror
Something went wrong. Try again.
1.3 kB · 70 lines
CSS
1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071[data-component="resize-handle"] { position: absolute; z-index: 10;
&::after { content: ""; position: absolute; opacity: 0; transition: opacity 0.15s ease-in-out; }
&:hover::after, &:active::after { opacity: 1; }
&:where([data-direction="horizontal"]) { inset-block: 0; inset-inline-end: 0; width: 8px; transform: translateX(50%); cursor: col-resize;
&[data-edge="start"] { inset-inline-start: 0; inset-inline-end: auto; transform: translateX(-50%); }
&::after { width: 3px; inset-block: 0; inset-inline-start: 50%; transform: translateX(-50%); }
&:dir(rtl) { transform: translateX(-50%);
&[data-edge="start"] { transform: translateX(50%); }
&::after { transform: translateX(50%); } } }
&:where([data-direction="vertical"]) { inset-inline: 0; inset-block-start: 0; height: 8px; transform: translateY(-50%); cursor: row-resize;
&[data-edge="end"] { inset-block-start: auto; inset-block-end: 0; transform: translateY(50%); }
&::after { height: 3px; inset-inline: 0; inset-block-start: 50%; transform: translateY(-50%); } }}