summaryrefslogtreecommitdiffhomepage
path: root/packages/ui/src/styles/utilities.css
diff options
context:
space:
mode:
authorDavid Hill <[email protected]>2025-10-31 17:02:53 +0000
committerDavid Hill <[email protected]>2025-10-31 17:02:53 +0000
commitb022cf0ed60d40e11174e6e312ba50e32ed722e3 (patch)
tree3b3c3a69d5da4f4c7bf9bd8829430ca614fbb3a3 /packages/ui/src/styles/utilities.css
parenta529b0324d462967d4502555374aaac8b588113a (diff)
parent76e080b2cbe13b260324461eb2705d18fabfed35 (diff)
downloadopencode-b022cf0ed60d40e11174e6e312ba50e32ed722e3.tar.gz
opencode-b022cf0ed60d40e11174e6e312ba50e32ed722e3.zip
Merge branch 'dev' of https://github.com/sst/opencode into dev
Diffstat (limited to 'packages/ui/src/styles/utilities.css')
-rw-r--r--packages/ui/src/styles/utilities.css65
1 files changed, 0 insertions, 65 deletions
diff --git a/packages/ui/src/styles/utilities.css b/packages/ui/src/styles/utilities.css
index 9c6b73f9c..99b7760a0 100644
--- a/packages/ui/src/styles/utilities.css
+++ b/packages/ui/src/styles/utilities.css
@@ -48,71 +48,6 @@
border-width: 0;
}
-.scroller {
- /* --fade-height: 1.5rem; */
- /**/
- /* --mask-top: linear-gradient(to bottom, transparent, black var(--fade-height)); */
- /* --mask-bottom: linear-gradient(to top, transparent, black var(--fade-height)); */
- /**/
- /* mask-image: var(--mask-top), var(--mask-bottom); */
- /* mask-repeat: no-repeat; */
- /* mask-size: 100% var(--fade-height); */
-
- animation: scroll-fade linear;
- animation-timeline: scroll(self);
-}
-
-/* Define the keyframes for the mask.
- These percentages now map to scroll positions:
- 0% = Scrolled to the top
- 100% = Scrolled to the bottom
-*/
-@keyframes scroll-fade {
- /* At the very top (0% scroll) */
- 0% {
- mask-image: linear-gradient(
- to bottom,
- black 90%,
- /* Opaque, but start fade to bottom */ transparent 100%
- );
- }
-
- /* A small amount scrolled (e.g., 5%)
- This is where the top fade should be fully visible.
- */
- 5% {
- mask-image: linear-gradient(
- to bottom,
- transparent 0%,
- black 10%,
- /* Fade-in top */ black 90%,
- /* Fade-out bottom */ transparent 100%
- );
- }
-
- /* Nearing the bottom (e.g., 95%)
- The bottom fade should start disappearing.
- */
- 95% {
- mask-image: linear-gradient(
- to bottom,
- transparent 0%,
- black 10%,
- /* Fade-in top */ black 90%,
- /* Fade-out bottom */ transparent 100%
- );
- }
-
- /* At the very bottom (100% scroll) */
- 100% {
- mask-image: linear-gradient(
- to bottom,
- transparent 0%,
- black 10% /* Opaque, but start fade from top */
- );
- }
-}
-
.truncate-start {
text-overflow: ellipsis;
overflow: hidden;